@charset "UTF-8";

.axisBill {
    color: green;
}

.axisNoBill {
    color:gray;
}

.inputdatapickerbox {
    min-height: 20px;
    height: 20px;
    width: 90px;
}

.clockinLabel {
    text-align: right;
    font-weight: bold;
    width: 50%;
    font-size: 13px;
    background: #e4eaee;
    padding: .1rem .5rem .1rem;
}

.clockinValue {
    text-align: left;
    width: 50%;
    font-size: 13px;
    background: #e4eaee;
    padding: .1rem .5rem .1rem;
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

    .daterangepicker:after, .daterangepicker:before {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0,0,0,.2);
        content: ""
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            top: auto;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc
        }

        .daterangepicker.drop-up:after {
            top: auto;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid #000;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        text-align: center;
        vertical-align: middle;
        min-width: 32px;
        width: 32px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff
    }

        .daterangepicker .calendar-table table {
            width: 100%;
            margin: 0;
            border-spacing: 0;
            border-collapse: collapse
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: #fff;
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent;
        color: #fff
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0;
        line-height: 30px;
        position: relative
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 8px
    }

    .daterangepicker.show-ranges .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c;
            color: #fff
        }

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single.ltr .drp-calendar, .daterangepicker.single.ltr .ranges {
            float: left
        }

        .daterangepicker.single.rtl .drp-calendar, .daterangepicker.single.rtl .ranges {
            float: right
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left
        }

            .daterangepicker.ltr .drp-calendar.left {
                clear: left;
                margin-right: 0
            }

                .daterangepicker.ltr .drp-calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

            .daterangepicker.ltr .drp-calendar.right {
                margin-left: 0
            }

                .daterangepicker.ltr .drp-calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

            .daterangepicker.ltr .drp-calendar.left .calendar-table {
                padding-right: 8px
            }

            .daterangepicker.ltr .drp-calendar, .daterangepicker.ltr .ranges {
                float: left
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right
        }

            .daterangepicker.rtl .drp-calendar.left {
                clear: right;
                margin-left: 0
            }

                .daterangepicker.rtl .drp-calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

            .daterangepicker.rtl .drp-calendar.right {
                margin-right: 0
            }

                .daterangepicker.rtl .drp-calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

            .daterangepicker.rtl .drp-calendar.left .calendar-table {
                padding-left: 12px
            }

            .daterangepicker.rtl .drp-calendar, .daterangepicker.rtl .ranges {
                text-align: right;
                float: right
            }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body| {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-spacing: 0
}

    table tbody tr:nth-child(2n) {
        background-color: #fefefe
    }

@media print,screen and (min-width:40em) {
    .reveal, .reveal.large, .reveal.small, .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ h1 {
    font-size: 2em;
    margin: .67em 0
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    line-height: 1.15
}

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield
}

details {
    display: block
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, :after, :before {
    box-sizing: inherit
}

body {
    padding: 0;
    background: #fefefe;
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%
}

.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    /* margin: 0 0 1rem;  */
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
        outline: none;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

::-moz-placeholder {
    color: #cacaca
}

::-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

    .input-group > :first-child, .input-group > :first-child.input-group-button > *, .input-group > :last-child, .input-group > :last-child.input-group-button > * {
        border-radius: 0 0 0 0
    }

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

    .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
        align-self: stretch;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0 0 0 -.1875rem;
        padding: 0 .1875rem
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding: .5rem 1.5rem .5rem .5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::-moz-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::-ms-input-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: #cc4b37
    }

.form-error, .is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

    .form-error.is-visible {
        display: block
    }

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
    /*width: 938px;*/
}

p {
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic
}

b, em, i, strong {
    line-height: inherit
}

b, strong {
    font-weight: 700
}

small {
    line-height: inherit
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #cacaca
    }

.h1, h1 {
    font-size: 1.5rem
}

.h1, .h2, h1, h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2, h2 {
    font-size: 1.25rem
}

.h3, h3 {
    font-size: 1.1875rem
}

.h3, .h4, h3, h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4, h4 {
    font-size: 1.125rem
}

.h5, h5 {
    font-size: 1.0625rem
}

.h5, .h6, h5, h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6, h6 {
    font-size: 1rem
}

@media print,screen and (min-width:40em) {
    .h1, h1 {
        font-size: 3rem
    }

    .h2, h2 {
        font-size: 2.5rem
    }

    .h3, h3 {
        font-size: 1.9375rem
    }

    .h4, h4 {
        font-size: 1.5625rem
    }

    .h5, h5 {
        font-size: 1.25rem
    }

    .h6, h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #1779ba;
    cursor: pointer
}

    a:focus, a:hover {
        color: #1468a0
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 75rem;
    margin: 1.25rem auto;
    border-bottom: 1px solid #cacaca
}

dl, ol, ul {
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

    ol, ol ol, ol ul, ul, ul ol, ul ul {
        margin-left: 1.25rem
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote {
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before {
        content: "— "
    }

abbr, abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    font-weight: 400
}

code, kbd {
    background-color: #e6e6e6;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet, ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container.fluid {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

    .cell.auto {
        flex: 1 1 0px
    }

    .cell.shrink {
        flex: 0 0 auto
    }

.grid-x > .auto, .grid-x > .shrink {
    width: auto
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-full, .grid-x > .small-shrink {
    flex-basis: auto
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-full, .grid-x > .medium-shrink {
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-full, .grid-x > .large-shrink {
        flex-basis: auto
    }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    flex: 0 0 auto
}

.grid-x > .small-1 {
    width: 8.3333333333%
}

.grid-x > .small-2 {
    width: 16.6666666667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.3333333333%
}

.grid-x > .small-5 {
    width: 41.6666666667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.3333333333%
}

.grid-x > .small-8 {
    width: 66.6666666667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.3333333333%
}

.grid-x > .small-11 {
    width: 91.6666666667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-auto {
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-shrink {
        flex: 0 0 auto
    }

    .grid-x > .medium-shrink {
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.3333333333%
    }

    .grid-x > .medium-2 {
        width: 16.6666666667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.3333333333%
    }

    .grid-x > .medium-5 {
        width: 41.6666666667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.3333333333%
    }

    .grid-x > .medium-8 {
        width: 66.6666666667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.3333333333%
    }

    .grid-x > .medium-11 {
        width: 91.6666666667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-auto {
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-shrink {
        flex: 0 0 auto
    }

    .grid-x > .large-shrink {
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.3333333333%
    }

    .grid-x > .large-2 {
        width: 16.6666666667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.3333333333%
    }

    .grid-x > .large-5 {
        width: 41.6666666667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.3333333333%
    }

    .grid-x > .large-8 {
        width: 66.6666666667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.3333333333%
    }

    .grid-x > .large-11 {
        width: 91.6666666667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

.grid-margin-x > .auto, .grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .auto, .grid-margin-x > .shrink {
        width: auto
    }

    .grid-margin-x > .small-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .small-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .small-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .small-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .small-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto, .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x > .large-auto, .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-padding-x > .cell {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x > .cell {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.3333333333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.6666666667%
}

.small-up-7 > .cell {
    width: 14.2857142857%
}

.small-up-8 > .cell {
    width: 12.5%
}

@media print,screen and (min-width:40em) {
    .medium-up-1 > .cell {
        width: 100%
    }

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.3333333333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.6666666667%
    }

    .medium-up-7 > .cell {
        width: 14.2857142857%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

@media print,screen and (min-width:64em) {
    .large-up-1 > .cell {
        width: 100%
    }

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.3333333333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.6666666667%
    }

    .large-up-7 > .cell {
        width: 14.2857142857%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse, .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
}

    .small-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .small-3 {
        width: 25%
    }

    .small-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .small-6 {
        width: 50%
    }

    .small-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .small-9 {
        width: 75%
    }

    .small-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .small-12 {
        width: 100%
    }

@media print,screen and (min-width:40em) {
    .small-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .medium-3 {
        width: 25%
    }

    .small-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .medium-6 {
        width: 50%
    }

    .small-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .medium-9 {
        width: 75%
    }

    .small-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .small-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse > .large-3 {
        width: 25%
    }

    .small-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse > .large-6 {
        width: 50%
    }

    .small-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse > .large-9 {
        width: 75%
    }

    .small-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse > .large-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

    .small-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }

@media print,screen and (min-width:40em) {
    .medium-margin-collapse, .medium-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:40em) {
    .medium-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .small-3 {
        width: 25%
    }

    .medium-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .small-6 {
        width: 50%
    }

    .medium-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .small-9 {
        width: 75%
    }

    .medium-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print,screen and (min-width:40em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse > .large-3 {
        width: 25%
    }

    .medium-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse > .large-6 {
        width: 50%
    }

    .medium-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse > .large-9 {
        width: 75%
    }

    .medium-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse > .large-12 {
        width: 100%
    }
}

@media print,screen and (min-width:40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .medium-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse, .large-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .small-3 {
        width: 25%
    }

    .large-margin-collapse > .small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .small-6 {
        width: 50%
    }

    .large-margin-collapse > .small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .small-9 {
        width: 75%
    }

    .large-margin-collapse > .small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .medium-3 {
        width: 25%
    }

    .large-margin-collapse > .medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .medium-6 {
        width: 50%
    }

    .large-margin-collapse > .medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .medium-9 {
        width: 75%
    }

    .large-margin-collapse > .medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse > .large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse > .large-3 {
        width: 25%
    }

    .large-margin-collapse > .large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse > .large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse > .large-6 {
        width: 50%
    }

    .large-margin-collapse > .large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse > .large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse > .large-9 {
        width: 75%
    }

    .large-margin-collapse > .large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse > .large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse > .large-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .large-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x > .small-offset-0 {
    margin-left: .625rem
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width:40em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: .9375rem
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: .9375rem
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

.grid-y {
    display: flex;
    flex-flow: column nowrap
}

    .grid-y > .cell {
        width: auto;
        max-width: none
    }

    .grid-y > .auto, .grid-y > .shrink {
        height: auto
    }

    .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-full, .grid-y > .small-shrink {
        flex-basis: auto
    }

@media print,screen and (min-width:40em) {
    .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-full, .grid-y > .medium-shrink {
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-full, .grid-y > .large-shrink {
        flex-basis: auto
    }
}

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex: 0 0 auto
}

.grid-y > .small-1 {
    height: 8.3333333333%
}

.grid-y > .small-2 {
    height: 16.6666666667%
}

.grid-y > .small-3 {
    height: 25%
}

.grid-y > .small-4 {
    height: 33.3333333333%
}

.grid-y > .small-5 {
    height: 41.6666666667%
}

.grid-y > .small-6 {
    height: 50%
}

.grid-y > .small-7 {
    height: 58.3333333333%
}

.grid-y > .small-8 {
    height: 66.6666666667%
}

.grid-y > .small-9 {
    height: 75%
}

.grid-y > .small-10 {
    height: 83.3333333333%
}

.grid-y > .small-11 {
    height: 91.6666666667%
}

.grid-y > .small-12 {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .grid-y > .medium-auto {
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-shrink {
        flex: 0 0 auto
    }

    .grid-y > .medium-shrink {
        height: auto
    }

    .grid-y > .medium-1 {
        height: 8.3333333333%
    }

    .grid-y > .medium-2 {
        height: 16.6666666667%
    }

    .grid-y > .medium-3 {
        height: 25%
    }

    .grid-y > .medium-4 {
        height: 33.3333333333%
    }

    .grid-y > .medium-5 {
        height: 41.6666666667%
    }

    .grid-y > .medium-6 {
        height: 50%
    }

    .grid-y > .medium-7 {
        height: 58.3333333333%
    }

    .grid-y > .medium-8 {
        height: 66.6666666667%
    }

    .grid-y > .medium-9 {
        height: 75%
    }

    .grid-y > .medium-10 {
        height: 83.3333333333%
    }

    .grid-y > .medium-11 {
        height: 91.6666666667%
    }

    .grid-y > .medium-12 {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-auto {
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-shrink {
        flex: 0 0 auto
    }

    .grid-y > .large-shrink {
        height: auto
    }

    .grid-y > .large-1 {
        height: 8.3333333333%
    }

    .grid-y > .large-2 {
        height: 16.6666666667%
    }

    .grid-y > .large-3 {
        height: 25%
    }

    .grid-y > .large-4 {
        height: 33.3333333333%
    }

    .grid-y > .large-5 {
        height: 41.6666666667%
    }

    .grid-y > .large-6 {
        height: 50%
    }

    .grid-y > .large-7 {
        height: 58.3333333333%
    }

    .grid-y > .large-8 {
        height: 66.6666666667%
    }

    .grid-y > .large-9 {
        height: 75%
    }

    .grid-y > .large-10 {
        height: 83.3333333333%
    }

    .grid-y > .large-11 {
        height: 91.6666666667%
    }

    .grid-y > .large-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-padding-y > .cell {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y > .cell {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%
}

.cell-block, .cell-block-y {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

    .cell-block-container > .grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

@media print,screen and (min-width:40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .medium-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print,screen and (min-width:64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .large-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
}

@media print,screen and (min-width:40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

@media print,screen and (min-width:64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto, .grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .auto, .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto, .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #1779ba;
    color: #fefefe
}

    .button.primary:focus, .button.primary:hover {
        background-color: #126195;
        color: #fefefe
    }

.button.secondary {
    background-color: #767676;
    color: #fefefe
}

    .button.secondary:focus, .button.secondary:hover {
        background-color: #5e5e5e;
        color: #fefefe
    }

.button.success {
    background-color: #3adb76;
    color: #0a0a0a
}

    .button.success:focus, .button.success:hover {
        background-color: #22bb5b;
        color: #0a0a0a
    }

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

    .button.warning:focus, .button.warning:hover {
        background-color: #cc8b00;
        color: #0a0a0a
    }

.button.alert {
    background-color: #cc4b37;
    color: #fefefe
}

    .button.alert:focus, .button.alert:hover {
        background-color: #a53b2a;
        color: #fefefe
    }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
        background-color: #1779ba;
        color: #fefefe
    }

        .button.disabled.primary, .button[disabled].primary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary, .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary, .button[disabled].primary:focus, .button[disabled].primary:hover {
                background-color: #1779ba;
                color: #fefefe
            }

        .button.disabled.secondary, .button[disabled].secondary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary, .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary, .button[disabled].secondary:focus, .button[disabled].secondary:hover {
                background-color: #767676;
                color: #fefefe
            }

        .button.disabled.success, .button[disabled].success {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success, .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success, .button[disabled].success:focus, .button[disabled].success:hover {
                background-color: #3adb76;
                color: #0a0a0a
            }

        .button.disabled.warning, .button[disabled].warning {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning, .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning, .button[disabled].warning:focus, .button[disabled].warning:hover {
                background-color: #ffae00;
                color: #0a0a0a
            }

        .button.disabled.alert, .button[disabled].alert {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert, .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert, .button[disabled].alert:focus, .button[disabled].alert:hover {
                background-color: #cc4b37;
                color: #fefefe
            }

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow:focus, .button.hollow:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
        background-color: transparent
    }

        .button.hollow:focus, .button.hollow:hover {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.hollow.primary, .button.hollow:focus.disabled, .button.hollow:focus[disabled], .button.hollow:hover.disabled, .button.hollow:hover[disabled] {
                border: 1px solid #1779ba;
                color: #1779ba
            }

                .button.hollow.primary:focus, .button.hollow.primary:hover {
                    border-color: #0c3d5d;
                    color: #0c3d5d
                }

                    .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled], .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled] {
                        border: 1px solid #1779ba;
                        color: #1779ba
                    }

        .button.hollow.secondary {
            border: 1px solid #767676;
            color: #767676
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                border-color: #3b3b3b;
                color: #3b3b3b
            }

                .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled], .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled] {
                    border: 1px solid #767676;
                    color: #767676
                }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover {
                border-color: #157539;
                color: #157539
            }

                .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled], .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled] {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover {
                border-color: #805700;
                color: #805700
            }

                .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled], .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled] {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

        .button.hollow.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover {
                border-color: #67251a;
                color: #67251a
            }

                .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled], .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled] {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

.button.clear {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear:focus, .button.clear:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
        background-color: transparent
    }

        .button.clear:focus, .button.clear:hover {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover.disabled, .button.clear:hover[disabled] {
                border: 1px solid #1779ba;
                color: #1779ba
            }

            .button.clear, .button.clear.disabled, .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear[disabled] {
                border-color: transparent
            }

                .button.clear.primary {
                    border: 1px solid #1779ba;
                    color: #1779ba
                }

                    .button.clear.primary:focus, .button.clear.primary:hover {
                        border-color: #0c3d5d;
                        color: #0c3d5d
                    }

                        .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled] {
                            border: 1px solid #1779ba;
                            color: #1779ba
                        }

                        .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary[disabled] {
                            border-color: transparent
                        }

                .button.clear.secondary {
                    border: 1px solid #767676;
                    color: #767676
                }

                    .button.clear.secondary:focus, .button.clear.secondary:hover {
                        border-color: #3b3b3b;
                        color: #3b3b3b
                    }

                        .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled] {
                            border: 1px solid #767676;
                            color: #767676
                        }

                        .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary[disabled] {
                            border-color: transparent
                        }

                .button.clear.success {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

                    .button.clear.success:focus, .button.clear.success:hover {
                        border-color: #157539;
                        color: #157539
                    }

                        .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover.disabled, .button.clear.success:hover[disabled] {
                            border: 1px solid #3adb76;
                            color: #3adb76
                        }

                        .button.clear.success, .button.clear.success.disabled, .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success[disabled] {
                            border-color: transparent
                        }

                .button.clear.warning {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

                    .button.clear.warning:focus, .button.clear.warning:hover {
                        border-color: #805700;
                        color: #805700
                    }

                        .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled] {
                            border: 1px solid #ffae00;
                            color: #ffae00
                        }

                        .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning[disabled] {
                            border-color: transparent
                        }

                .button.clear.alert {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

                    .button.clear.alert:focus, .button.clear.alert:hover {
                        border-color: #67251a;
                        color: #67251a
                    }

                        .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled] {
                            border: 1px solid #cc4b37;
                            color: #cc4b37
                        }

                        .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert[disabled] {
                            border-color: transparent
                        }

.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #fefefe transparent transparent;
    border-style: solid inset inset;
    border-width: .4em .4em 0;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow.primary:after, .button.dropdown.hollow:after {
    border-top-color: #1779ba
}

.button.dropdown.hollow.secondary:after {
    border-top-color: #767676
}

.button.dropdown.hollow.success:after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning:after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert:after {
    border-top-color: #cc4b37
}

.button.arrow-only:after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus, a.button:hover {
    text-decoration: none
}

.button-group {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

    .button-group:after, .button-group:before {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .button-group:after {
        clear: both
    }

    .button-group .button {
        margin: 0 1px 1px 0;
        font-size: .9rem;
        flex: 0 0 auto
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .75rem
    }

    .button-group.large .button {
        font-size: 1.25rem
    }

    .button-group.expanded .button {
        flex: 1 1 0px
    }

    .button-group.primary .button {
        background-color: #1779ba;
        color: #fefefe
    }

        .button-group.primary .button:focus, .button-group.primary .button:hover {
            background-color: #126195;
            color: #fefefe
        }

    .button-group.secondary .button {
        background-color: #767676;
        color: #fefefe
    }

        .button-group.secondary .button:focus, .button-group.secondary .button:hover {
            background-color: #5e5e5e;
            color: #fefefe
        }

    .button-group.success .button {
        background-color: #3adb76;
        color: #0a0a0a
    }

        .button-group.success .button:focus, .button-group.success .button:hover {
            background-color: #22bb5b;
            color: #0a0a0a
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button-group.warning .button:focus, .button-group.warning .button:hover {
            background-color: #cc8b00;
            color: #0a0a0a
        }

    .button-group.alert .button {
        background-color: #cc4b37;
        color: #fefefe
    }

        .button-group.alert .button:focus, .button-group.alert .button:hover {
            background-color: #a53b2a;
            color: #fefefe
        }

    .button-group.stacked, .button-group.stacked-for-medium, .button-group.stacked-for-small {
        flex-wrap: wrap
    }

        .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button, .button-group.stacked .button {
            flex: 0 0 100%
        }

            .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked .button:last-child {
                margin-bottom: 0
            }

        .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked.expanded .button {
            flex: 1 1 0px
        }

@media print,screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.99875em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

@media screen and (max-width:63.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }

        .button-group.stacked-for-medium.expanded .button {
            display: block;
            margin-right: 0
        }
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default
}

    .label, .label.primary {
        background: #1779ba;
        color: #fefefe
    }

        .label.secondary {
            background: #767676;
            color: #fefefe
        }

        .label.success {
            background: #3adb76;
            color: #0a0a0a
        }

        .label.warning {
            background: #ffae00;
            color: #0a0a0a
        }

        .label.alert {
            background: #cc4b37;
            color: #fefefe
        }

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

    .progress.primary .progress-meter {
        background-color: #1779ba
    }

    .progress.secondary .progress-meter {
        background-color: #767676
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #cc4b37
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #1779ba
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

    .slider-fill.is-dragging {
        transition: all 0s linear
    }

.slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    transition: all .2s ease-in-out;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scaleY(-1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        transform: translateX(-50%)
    }

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle:after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateZ(0);
    border-radius: 0;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ""
}

input:checked ~ .switch-paddle {
    background: #1779ba
}

    input:checked ~ .switch-paddle:after {
        left: 2.25rem
    }

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: .625rem
    }

        .switch.tiny .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 1rem;
            height: 1rem
        }

    .switch.tiny input:checked ~ .switch-paddle:after {
        left: 1.75rem
    }

.switch.small {
    height: 1.75rem
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: .75rem
    }

        .switch.small .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked ~ .switch-paddle:after {
        left: 2rem
    }

.switch.large {
    height: 2.5rem
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem
    }

        .switch.large .switch-paddle:after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked ~ .switch-paddle:after {
        left: 2.75rem
    }

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

tbody, tfoot, thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead {
    background: #f8f8f8
}

tfoot, thead {
    color: #0a0a0a
}

tfoot {
    background: #f1f1f1
}

    tfoot tr, thead tr {
        background: transparent
    }

    tfoot td, tfoot th, thead td, thead th {
        padding: .5rem .625rem .625rem;
        font-weight: 700;
        text-align: left
    }

tbody td, tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

    table.unstriped tbody tr {
        border-bottom: 1px solid #f1f1f1;
        background-color: #fefefe
    }

@media screen and (max-width:63.99875em) {
    table.stack tfoot, table.stack thead {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center
}

    .badge, .badge.primary {
        background: #1779ba;
        color: #fefefe
    }

        .badge.secondary {
            background: #767676;
            color: #fefefe
        }

        .badge.success {
            background: #3adb76;
            color: #0a0a0a
        }

        .badge.warning {
            background: #ffae00;
            color: #0a0a0a
        }

        .badge.alert {
            background: #cc4b37;
            color: #fefefe
        }

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

    .breadcrumbs:after, .breadcrumbs:before {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .breadcrumbs:after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: .6875rem;
        color: #0a0a0a;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child):after {
            position: relative;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #cacaca
        }

    .breadcrumbs a {
        color: #1779ba
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed
    }

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #d7ecfa;
        color: #0a0a0a
    }

    .callout.secondary {
        background-color: #eaeaea;
        color: #0a0a0a
    }

    .callout.success {
        background-color: #e1faea;
        color: #0a0a0a
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #0a0a0a
    }

    .callout.alert {
        background-color: #f7e4e1;
        color: #0a0a0a
    }

    .callout.small {
        padding: .5rem
    }

    .callout.large {
        padding: 3rem
    }

.card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

    .card > :last-child {
        margin-bottom: 0
    }

.card-divider {
    display: flex;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    flex: 1 0 auto;
    padding: 1rem
}

    .card-section > :last-child {
        margin-bottom: 0
    }

.card-image {
    min-height: 1px
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

    .dropdown-pane.is-opening {
        display: block
    }

    .dropdown-pane.is-open {
        display: block;
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination:after, .pagination:before {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .pagination:after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: 0;
        font-size: .875rem;
        display: none
    }

        .pagination li:first-child, .pagination li:last-child {
            display: inline-block
        }

@media print,screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

    .pagination a:hover, .pagination button:hover {
        background: #e6e6e6
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: transparent
    }

.pagination .ellipsis:after {
    padding: .1875rem .625rem;
    content: "…";
    color: #0a0a0a
}

.pagination-previous.disabled:before, .pagination-previous a:before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next.disabled:after, .pagination-next a:after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip {
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

    .tooltip, .tooltip:before {
        position: absolute
    }

        .tooltip.bottom:before {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: transparent transparent #0a0a0a;
            border-style: inset inset solid;
            border-width: 0 .75rem .75rem;
            bottom: 100%
        }

        .tooltip.bottom.align-center:before {
            left: 50%;
            transform: translateX(-50%)
        }

        .tooltip.top:before {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: #0a0a0a transparent transparent;
            border-style: solid inset inset;
            border-width: .75rem .75rem 0;
            top: 100%;
            bottom: auto
        }

        .tooltip.top.align-center:before {
            left: 50%;
            transform: translateX(-50%)
        }

        .tooltip.left:before {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: transparent transparent transparent #0a0a0a;
            border-style: inset inset inset solid;
            border-width: .75rem 0 .75rem .75rem;
            left: 100%
        }

        .tooltip.left.align-center:before {
            bottom: auto;
            top: 50%;
            transform: translateY(-50%)
        }

        .tooltip.right:before {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: transparent #0a0a0a transparent transparent;
            border-style: inset solid inset inset;
            border-width: .75rem .75rem .75rem 0;
            right: 100%;
            left: auto
        }

        .tooltip.right.align-center:before {
            bottom: auto;
            top: 50%;
            transform: translateY(-50%)
        }

        .tooltip.align-top:before {
            bottom: auto;
            top: 10%
        }

        .tooltip.align-bottom:before {
            bottom: 10%;
            top: auto
        }

        .tooltip.align-left:before {
            left: 10%;
            right: auto
        }

        .tooltip.align-right:before {
            left: auto;
            right: 10%
        }

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

    .accordion[disabled] .accordion-title {
        cursor: not-allowed
    }

.accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active > .accordion-title:before {
    content: "–"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.media-object {
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: nowrap
}

    .media-object img {
        max-width: none
    }

@media screen and (max-width:39.99875em) {
    .media-object.stack-for-small {
        flex-wrap: wrap
    }
}

.media-object-section {
    flex: 0 1 auto
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

    .media-object-section > :last-child {
        margin-bottom: 0
    }

@media screen and (max-width:39.99875em) {
    .stack-for-small .media-object-section {
        padding: 0 0 1rem;
        flex-basis: 100%;
        max-width: 100%
    }

        .stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section.main-section {
    flex: 1 1 0px
}

.orbit, .orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%;
    position: absolute
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: rgba(10,10,10,.5)
}

.orbit-caption, .orbit-next, .orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next, .orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(10,10,10,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

    .orbit-bullets button.is-active, .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

.flex-video, .responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen, .responsive-embed.widescreen {
        padding-bottom: 56.25%
    }

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

    .tabs:after, .tabs:before {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .tabs:after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: transparent
        }

    .tabs.primary {
        background: #1779ba
    }

        .tabs.primary > li > a {
            color: #fefefe
        }

            .tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
                background: #1673b1
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #1779ba
    }

[data-whatinput=mouse] .tabs-title > a {
    outline: 0
}

.tabs-title > a:hover {
    background: #fefefe;
    color: #1468a0
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

    a.thumbnail:focus, a.thumbnail:hover {
        box-shadow: 0 0 6px 1px rgba(23,121,186,.5)
    }

    a.thumbnail image {
        box-shadow: none
    }

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button, .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a, .menu button, .menu input, .menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu, .menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

    .menu.vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.expanded li {
        flex: 1 1 0px
    }

    .menu.simple {
        align-items: center
    }

        .menu.simple li + li {
            margin-left: 1rem
        }

        .menu.simple a {
            padding: 0
        }

@media print,screen and (min-width:40em) {
    .menu.medium-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium-expanded li, .menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:64em) {
    .menu.large-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.large-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large-expanded li, .menu.large-simple li {
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icon-bottom a, .menu.icon-left a, .menu.icon-right a, .menu.icon-top a, .menu.icons a {
    display: flex
}

.menu.icon-left li a {
    flex-flow: row nowrap
}

    .menu.icon-left li a i, .menu.icon-left li a img, .menu.icon-left li a svg {
        margin-right: .25rem
    }

.menu.icon-right li a {
    flex-flow: row nowrap
}

    .menu.icon-right li a i, .menu.icon-right li a img, .menu.icon-right li a svg {
        margin-left: .25rem
    }

.menu.icon-top li a {
    flex-flow: column nowrap
}

    .menu.icon-top li a i, .menu.icon-top li a img, .menu.icon-top li a svg {
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu.icon-bottom li a {
    flex-flow: column nowrap
}

    .menu.icon-bottom li a i, .menu.icon-bottom li a img, .menu.icon-bottom li a svg {
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu .active > a, .menu .is-active > a {
    background: #1779ba;
    color: #fefefe
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

    .menu.align-right li .submenu li {
        justify-content: flex-start
    }

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

    .menu.align-right.vertical li .submenu li {
        text-align: right
    }

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: flex;
    justify-content: center
}

    .menu.align-center li .submenu li {
        justify-content: flex-start
    }

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    justify-content: center
}

    .menu-centered > .menu li {
        display: flex;
        justify-content: center
    }

        .menu-centered > .menu li .submenu li {
            justify-content: flex-start
        }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        content: ""
    }

    .menu-icon:hover:after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            content: ""
        }

        .menu-icon.dark:hover:after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.accordion-menu li {
    width: 100%
}

.accordion-menu .is-accordion-submenu a, .accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative
}

    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #1779ba transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.accordion-menu.align-left .is-accordion-submenu-parent > a:after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent > a:after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

    .submenu-toggle:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #1779ba transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .submenu-toggle[aria-expanded=true]:after {
        transform: scaleY(-1);
        transform-origin: 50% 50%
    }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        transition: height .5s
    }

.drilldown a {
    padding: .7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear
}

    .drilldown .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        transform: translateX(-100%)
    }

    .drilldown .is-drilldown-submenu.is-closing {
        transform: translateX(100%)
    }

    .drilldown .is-drilldown-submenu a {
        padding: .7rem 1rem
    }

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent > a {
    position: relative
}

    .drilldown .is-drilldown-submenu-parent > a:after {
        position: absolute;
        top: 50%;
        margin-top: -6px
    }

    .drilldown.align-left .is-drilldown-submenu-parent > a:after, .drilldown .is-drilldown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #1779ba;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        right: 1rem
    }

.drilldown.align-left .is-drilldown-submenu-parent > a:after {
    left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent > a:after {
    display: block;
    right: auto;
    left: 1rem
}

.drilldown.align-right .is-drilldown-submenu-parent > a:after, .drilldown .js-drilldown-back > a:before {
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #1779ba transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0
}

.drilldown .js-drilldown-back > a:before {
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #1779ba transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu > li > a {
    padding: .7rem 1rem
}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #1779ba
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a:after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #1779ba transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical > li.opens-right > a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #1779ba;
    border-style: inset inset inset solid;
    border-width: 6px 0 6px 6px
}

@media print,screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: #1779ba transparent transparent;
            border-style: solid inset inset;
            border-width: 6px 6px 0;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #1779ba transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #1779ba;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-color: #1779ba transparent transparent;
            border-style: solid inset inset;
            border-width: 6px 6px 0;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #1779ba transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #1779ba;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a:after {
        position: absolute;
        top: 50%;
        right: 5px;
        left: auto;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #1779ba transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #1779ba;
    border-style: inset inset inset solid;
    border-width: 6px 0 6px 6px
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: hsla(0,0%,99.6%,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

    .off-canvas.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas.is-open {
    transform: translate(0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas-absolute.is-open {
    transform: translate(0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px
}

.off-canvas-content .off-canvas.position-left, .position-left {
    transform: translateX(-250px)
}

    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
        transform: translate(0)
    }

.off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px)
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10,10,10,.25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px
}

.off-canvas-content .off-canvas.position-right, .position-right {
    transform: translateX(250px)
}

    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
        transform: translate(0)
    }

.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10,10,10,.25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px
}

.off-canvas-content .off-canvas.position-top, .position-top {
    transform: translateY(-250px)
}

    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
        transform: translate(0)
    }

.off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px)
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10,10,10,.25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px
}

.off-canvas-content .off-canvas.position-bottom, .position-bottom {
    transform: translateY(250px)
}

    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
        transform: translate(0)
    }

.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px)
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10,10,10,.25)
}

.off-canvas-content {
    transform: none;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .off-canvas-content.has-transition-push, .off-canvas-content .off-canvas.is-open {
        transform: translate(0)
    }

@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-left, .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-right, .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-top, .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-left, .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-right, .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-top, .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

        .off-canvas.in-canvas-for-medium.position-bottom, .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top {
            box-shadow: none;
            transform: none
        }

        .off-canvas.in-canvas-for-medium .close-button {
            display: none
        }
}

@media print,screen and (min-width:64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

        .off-canvas.in-canvas-for-large.position-bottom, .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top {
            box-shadow: none;
            transform: none
        }

        .off-canvas.in-canvas-for-large .close-button {
            display: none
        }
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

    html.is-reveal-open.zf-has-scroll {
        overflow-y: scroll
    }

    html.is-reveal-open body {
        overflow-y: hidden
    }

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(10,10,10,.45)
}

.reveal, .reveal-overlay {
    display: none;
    overflow-y: auto
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.99875em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.sticky, .sticky-container {
    position: relative
}

.sticky {
    z-index: 0;
    transform: translateZ(0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
        width: 100%
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left, .title-bar-right {
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.top-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    flex-wrap: wrap
}

    .top-bar, .top-bar ul {
        background-color: #e6e6e6
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            flex: 0 0 100%;
            max-width: 100%
        }

@media print,screen and (min-width:40em) {
    .top-bar {
        flex-wrap: nowrap
    }

        .top-bar .top-bar-left {
            flex: 1 1 auto;
            margin-right: auto
        }

        .top-bar .top-bar-right {
            flex: 0 1 auto;
            margin-left: auto
        }
}

@media screen and (max-width:63.99875em) {
    .top-bar.stacked-for-medium {
        flex-wrap: wrap
    }

        .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
            flex: 0 0 100%;
            max-width: 100%
        }
}

@media screen and (max-width:74.99875em) {
    .top-bar.stacked-for-large {
        flex-wrap: wrap
    }

        .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
            flex: 0 0 100%;
            max-width: 100%
        }
}

.top-bar-title {
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left, .top-bar-right {
    flex: 0 0 auto
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.clearfix:after {
    clear: both
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu > li > a {
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,screen and (min-width:40em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,screen and (min-width:64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,screen and (min-width:40em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width:64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.99875em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.99875em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.default-layout .default-layout--router {
    display: inline-block;
    margin-left: 15%;
    vertical-align: top;
    height: 100vh;
    width: 85%
}

@media only screen and (max-width:1058px) {
    .default-layout .default-layout--router {
        width: 93%;
        margin-left: 7%
    }
}

@media print {
    .default-layout .default-layout--router {
        margin-left: 0
    }
}

.default-layout .default-layout--router--all-page {
    margin-left: 8%
}

@media only screen and (max-width:1058px) {
    .default-layout .default-layout--router--all-page {
        width: 94%;
        margin-left: 3%
    }
}

.access__panel--wrapper {
    display: flex;
    flex-direction: row
}

.login--form {
    position: relative;
    width: 60%
}

.login--form, .login--form--selfhosting {
    height: 100vh;
    background: linear-gradient(#edfaff,#bbe8fc)
}

.login--form--selfhosting {
    width: 100%
}

.login-notification {
    width: 40%;
    height: 100vh;
    background-color: #fff
}

.login-notification__content {
    display: flex;
    margin: 20vh auto 4vh;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
    height: 76vh;
    text-align: center
}

    .login-notification__content .margin_bottom--small {
        margin-bottom: 10px
    }

.login-notification__content--text h3 {
    margin-bottom: 25px;
    color: #5a6b7b
}

.login-notification__content--text p {
    margin: auto;
    color: #5a6b7b;
    max-width: 440px
}

.login-notification__content__bulleted_row--big_screen {
    display: flex;
    margin: 10px auto 25px;
    width: 50%;
    justify-content: space-between;
    align-items: baseline
}

    .login-notification__content__bulleted_row--big_screen p {
        font-size: 12px;
        color: #7f9cad
    }

.login-notification__content__bulleted_row--big_screen--smaller {
    width: 45%
}

.login-notification__content__bulleted_row--small_screen {
    display: none
}

.login-notification__content__btn {
    margin-bottom: 46px;
    margin-top: 50px;
    border: 1px solid #8bc34a;
    border-radius: 5px;
    width: 141px;
    height: 47px;
    color: #8bc34a
}

.login-notification__content__footer {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
    width: 50%
}

    .login-notification__content__footer a {
        font-size: 12px;
        color: #999
    }

.login-notification__content__additional_footer {
    display: none
}

.access__panel--login {
    padding-top: 45px;
    padding-left: 23%;
    text-align: left;
    height: 100%
}

.access__panel--login--selfhosting {
    padding-left: 0;
    text-align: center
}

.access__panel--login .title {
    line-height: 41px;
    color: #3d4853;
    font-size: 35px
}

.access__panel {
    position: absolute;
    background-color: #eff4f7;
    width: 100%;
    padding-top: 80px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Roboto,sans-serif
}

.access__panel--selfhosting--img {
    margin-left: 15px;
    max-width: 50px;
    max-height: 40px
}

.access__panel--invitation {
    position: relative;
    top: 30%;
    transform: translateY(-50%)
}

.access__panel--image {
    display: inline-block
}

.access__panel--text {
    margin-top: 20px
}

    .access__panel--text h5 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .access__panel--text span {
        color: #666
    }

.access__panel__content {
    display: inline-block;
    width: 350px;
    padding-top: 90px
}

.access__panel__content__input {
    margin: auto auto 10px;
    border-radius: 2px;
    border: 1px solid #bbe8fc
}

    .access__panel__content__input:focus {
        border-color: #7f9cad;
        box-shadow: none
    }

    .access__panel__content__input::-webkit-input-placeholder {
        color: #7f9cad
    }

    .access__panel__content__input::-moz-placeholder {
        color: #7f9cad
    }

    .access__panel__content__input::-ms-input-placeholder {
        color: #7f9cad
    }

    .access__panel__content__input::placeholder {
        color: #7f9cad
    }

.access__panel__content__input__login__message {
    color: #f9144e;
    left: 555px;
    padding-top: 20px;
    margin-right: 205px;
    overflow: hidden;
    white-space: nowrap;
    width: 91%
}

    .access__panel__content__input__login__message:before {
        color: #f9144e;
        content: "*"
    }

.access__panel__content__input__warning__message {
    margin: -5px auto 10px;
    width: 350px;
    text-align: left;
    color: #f44336
}

.access__panel__content--invitation {
    display: inline-block;
    width: 350px;
    padding-top: 20px
}

.access__panel__content__buttons {
    font-size: 14px
}

    .access__panel__content__buttons .access__panel__content--terms {
        display: flex;
        justify-content: space-between;
        text-transform: none;
        text-align: left;
        align-items: baseline
    }

    .access__panel__content__buttons .access__panel__content--terms-of-use {
        color: #03a9f4
    }

    .access__panel__content__buttons .access__panel__content--terms label {
        display: inline-block;
        cursor: pointer
    }

    .access__panel__content__buttons .access__panel__content--terms .checkbox-label {
        top: 3px;
        left: -38px;
        width: 16px;
        height: 16px;
        margin: 0 0 0 -22px;
        background-color: #fefefe;
        border: 1px solid #bbe8fc;
        vertical-align: sub
    }

@-moz-document url-prefix() {
    .access__panel__content__buttons .access__panel__content--terms .checkbox-label {
        margin-left: -27px
    }
}

.access__panel__content__buttons .access__panel__content--terms input[type=checkbox] {
    visibility: hidden
}

    .access__panel__content__buttons .access__panel__content--terms input[type=checkbox]:checked + label.checkbox-label {
        background: url(checked.67b9195d6f4bd44b1ec0.png) 50% no-repeat;
        background-color: #fff
    }

.access__panel__content__buttons .access__panel__content--terms span {
    color: #999
}

.access__panel__content__buttons .access__panel__content__buttons--login_and_google_login {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .access__panel__content__buttons .access__panel__content__buttons--login_and_google_login span {
        color: #999
    }

.access__panel__content__buttons .access__panel__content__buttons--login {
    margin-bottom: 12px;
    border: 1px solid #8dc351;
    border-radius: 5px;
    background-color: #8bc34a
}

    .access__panel__content__buttons .access__panel__content__buttons--login:hover {
        background-color: #689f38
    }

.access__panel__content__buttons .access__panel__content__buttons--google {
    margin-top: 12px;
    background-color: #fdfdfd;
    color: #7f9cad;
    font-size: 14px;
    line-height: 16px;
    text-transform: none
}

    .access__panel__content__buttons .access__panel__content__buttons--google:hover {
        background-color: #fdfdfd
    }

.access__panel__content__buttons--login {
    padding: 11px 100px
}

.access__panel__content__buttons--signup {
    position: relative;
    padding: 11px 56px;
    white-space: nowrap
}

    .access__panel__content__buttons--signup .access__panel__content__signup__warning__message {
        position: absolute;
        right: -300px;
        top: 4px;
        width: 283px;
        height: 42px;
        background-color: #fefefe;
        box-shadow: 3px 3px 3px #dbe0e3
    }

        .access__panel__content__buttons--signup .access__panel__content__signup__warning__message:before {
            position: absolute;
            left: -20px;
            top: 11px;
            width: 0;
            height: 0;
            content: " ";
            border: 10px solid transparent;
            border-right-color: #fefefe
        }

        .access__panel__content__buttons--signup .access__panel__content__signup__warning__message span {
            position: relative;
            display: inline-block;
            padding: 14px 0;
            color: #000;
            text-transform: none
        }

.access__panel__content__buttons--google {
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.access__panel__content__buttons button {
    margin-top: 20px;
    text-transform: uppercase;
    height: 50px;
    width: 100%;
    background-color: #03a9f4;
    color: #fff
}

    .access__panel__content__buttons button[disabled] {
        background-color: #79c4f2
    }

    .access__panel__content__buttons button:hover {
        background-color: #0091ea
    }

        .access__panel__content__buttons button:hover[disabled] {
            background-color: #79c4f2
        }

    .access__panel__content__buttons button:focus {
        outline: none
    }

.access__panel__content__buttons input {
    margin-right: 10px
}

.access__panel__content__buttons i {
    padding-left: 5px;
    cursor: pointer;
    color: #03a9f4;
    text-transform: none;
    font-style: normal
}

    .access__panel__content__buttons i:hover {
        text-decoration: underline
    }

.access__panel__content__buttons--link {
    padding-left: 55px;
    color: #03a9f4
}

    .access__panel__content__buttons--link:hover {
        color: #03a9f4;
        text-decoration: underline
    }

@-moz-document url-prefix() {
    .access__panel__content__buttons--link {
        padding-left: 42px
    }
}

.access__panel__content__buttons--signup input {
    margin: 25px auto auto;
    border-radius: 2px;
    border: 1px solid #c6d2d9
}

    .access__panel__content__buttons--signup input .ng-valid[required] {
        border: 1px solid #8bc34a
    }

    .access__panel__content__buttons--signup input .ng-invalid {
        border: 1px solid #f10c49
    }

    .access__panel__content__buttons--signup input:focus {
        border-color: #95aab6;
        box-shadow: none
    }

.access__panel__content__buttons--signup .ng-dirty.ng-invalid, .access__panel__content__buttons--signup .ng-touched.ng-invalid-required {
    border-color: #f10c49
}

.access__panel__content__buttons--signup .ng-touched.ng-valid {
    border-color: #8bc34a
}

.access__panel__content__break-line {
    border-bottom: 1px dotted #cacaca;
    margin: 20px auto 0
}

.access__panel__content--new-account, .access__panel__content--registered-account {
    display: flex;
    margin-top: 20px;
    margin-bottom: 30px;
    align-items: baseline;
    justify-content: space-between;
    color: #999;
    font-size: 12px
}

.access__panel__content--new-account--link, .access__panel__content--new-account--login, .access__panel__content--registered-account--link, .access__panel__content--registered-account--login {
    color: #03a9f4
}

    .access__panel__content--new-account--link:hover, .access__panel__content--new-account--login:hover, .access__panel__content--registered-account--link:hover, .access__panel__content--registered-account--login:hover {
        color: #0091ea
    }

.access__panel__content__footer {
    position: absolute;
    bottom: 20px
}

.access__panel__content__footer--text {
    margin-right: 2px;
    font-size: 12px;
    color: #999
}

.access__panel__content__footer--link {
    font-size: 12px;
    color: #03a9f4
}

@media only screen and (max-width:1768px) {
    .login-notification__content__bulleted_row--big_screen {
        width: 55%
    }

    .login-notification__content__bulleted_row--big_screen--smaller {
        width: 50%
    }
}

@media only screen and (max-width:1600px) {
    .login-notification__content__bulleted_row--big_screen {
        width: 70%
    }

    .login-notification__content__bulleted_row--big_screen--smaller {
        width: 63%
    }
}

@media only screen and (max-width:1300px) {
    .login-notification__content__bulleted_row--big_screen {
        width: 75%
    }

        .login-notification__content__bulleted_row--big_screen p {
            font-size: 10px
        }

    .login-notification__content__bulleted_row--big_screen--smaller {
        width: 68%
    }

        .login-notification__content__bulleted_row--big_screen--smaller p {
            font-size: 10px
        }
}

@media only screen and (max-width:1024px) {
    .login--form {
        width: 43%
    }

        .login--form .access__panel--login {
            margin-right: auto;
            margin-left: auto;
            padding-left: 0;
            width: 82%
        }

    .access__panel__content {
        width: 100%
    }

    .access__panel__content--selfhosting {
        width: 50%
    }

    .login-notification {
        width: 57%
    }
}

@media only screen and (max-width:800px) {
    .login--form, .login-notification {
        width: 50%
    }

    .login-notification__content__footer {
        width: 60%
    }
}

@media only screen and (max-width:768px) {
    .access__panel--wrapper {
        flex-wrap: wrap
    }

    .login--form {
        width: 100%;
        height: 90vh
    }

    .login-notification {
        width: 100%;
        height: 100%
    }

        .login-notification h3 {
            font-size: 31px
        }

    .login-notification__content {
        margin-top: 25px;
        height: 90%;
        justify-content: unset
    }

    .login-notification__content__btn {
        margin-bottom: 40px
    }

    .login-notification__content__bulleted_row--big_screen {
        width: 63%
    }

    .login-notification__content__bulleted_row--big_screen--smaller {
        width: 45%
    }

    .access__panel__content__input__warning__message {
        width: 100%
    }
}

@media only screen and (max-width:768px) and (max-height:700px) {
    .access__panel__content {
        padding-top: 25px
    }
}

@media only screen and (max-width:768px) and (max-height:500px) {
    .access__panel__content {
        padding-top: 0
    }
}

@media only screen and (max-width:768px) and (max-height:700px) {
    .access__panel--login {
        padding-top: 30px
    }
}

@media only screen and (max-width:600px) {
    .access__panel__content--selfhosting {
        width: 80%
    }

    .login-notification__content--text--p {
        font-size: 20px
    }

    .login-notification__content__btn {
        margin-top: 20px
    }

    .login-notification__content__bulleted_row--big_screen, .login-notification__content__bulleted_row--big_screen--smaller {
        display: none
    }

    .login-notification__content__bulleted_row--small_screen {
        display: flex;
        width: 76%;
        margin-right: auto;
        margin-left: auto;
        justify-content: space-between;
        font-size: 12px
    }

        .login-notification__content__bulleted_row--small_screen p {
            color: #7f9cad
        }

    .login-notification__content__bulleted_row--small_screen--small {
        width: 70%
    }
}

@media only screen and (max-width:460px) {
    .login-notification__content--text--p {
        font-size: 16px
    }

    .login-notification__content__bulleted_row--small_screen {
        width: 87%
    }

    .login-notification__content__bulleted_row--small_screen--small {
        width: 80%
    }
}

@media only screen and (max-width:400px) {
    .access__panel__content__buttons--link, .access__panel__content__buttons .access__panel__content--terms__checkbox {
        margin-top: 13px;
        font-size: 10px
    }

    .access__panel__content__buttons button {
        height: 35px
    }

    .access__panel__content--new-account {
        margin-bottom: 20px
    }

        .access__panel__content--new-account .title {
            font-size: 24px
        }

        .access__panel__content--new-account a, .access__panel__content--new-account span {
            font-size: 10px
        }

    .login-notification__content__bulleted_row {
        width: 97%
    }

    .login-notification__content__footer {
        width: 72%
    }

    .login-notification h3 {
        font-size: 25px
    }
}

@media only screen and (max-width:360px) {
    .login-notification__content--text--p {
        font-size: 15px
    }

    .login-notification__content__bulleted_row--small_screen {
        width: 95%
    }

        .login-notification__content__bulleted_row--small_screen p {
            font-size: 10px
        }

    .login-notification__content__bulleted_row--small_screen--small {
        width: 87%
    }
}

@media only screen and (max-height:768px) and (max-width:768px) {
    .login--form {
        height: 88vh
    }

    .login-notification__content__img {
        margin-bottom: 0
    }
}

@media only screen and (max-height:500px) {
    .login--form {
        height: 87vh
    }

    .login-notification__content {
        margin-top: 15px
    }

    .login-notification__content__btn {
        width: 120px;
        height: 35px
    }
}

.red-border {
    border-color: #f44336
}

@-webkit-keyframes toRight {
    0% {
        left: 0
    }

    25% {
        left: 7px
    }

    50% {
        left: 14px
    }

    75% {
        left: 21px
    }

    to {
        right: 0
    }
}

@keyframes toRight {
    0% {
        left: 0
    }

    25% {
        left: 7px
    }

    50% {
        left: 14px
    }

    75% {
        left: 21px
    }

    to {
        right: 0
    }
}

@-webkit-keyframes toLeft {
    0% {
        right: 0
    }

    25% {
        right: 15px
    }

    50% {
        right: 30px
    }

    75% {
        right: 45px
    }

    to {
        left: 0
    }
}

@keyframes toLeft {
    0% {
        right: 0
    }

    25% {
        right: 15px
    }

    50% {
        right: 30px
    }

    75% {
        right: 45px
    }

    to {
        left: 0
    }
}

.toggle-slider--container {
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #999;
    font-size: 14px
}

    .toggle-slider--container.disabled {
        opacity: .5;
        cursor: not-allowed
    }

    .toggle-slider--container span {
        cursor: pointer;
        color: #333
    }

    .toggle-slider--container .toggle-slider {
        display: inline-block;
        position: relative;
        margin-left: 8px;
        margin-right: 8px;
        border: 1px solid #c6d2d9;
        border-radius: 8px;
        background-color: #e4eaee;
        height: 16px;
        width: 40px;
        vertical-align: middle;
        cursor: pointer
    }

        .toggle-slider--container .toggle-slider .toggle-slider--circle {
            position: absolute;
            display: inline-block;
            margin: 1px;
            background: #03a9f4;
            line-height: 10px;
            height: 12px;
            width: 12px;
            border-radius: 50%
        }

        .toggle-slider--container .toggle-slider .toggle-slider--circle--right {
            right: 0;
            animation-name: toRight;
            animation-duration: .3s;
            -webkit-animation-name: toRight;
            -webkit-animation-duration: .3s
        }

        .toggle-slider--container .toggle-slider .toggle-slider--circle--left {
            animation-name: toLeft;
            animation-duration: .3s;
            -webkit-animation-name: toLeft;
            -webkit-animation-duration: .3s
        }

.save-report__toggle-slider {
    display: inline-block;
    width: 62%;
    text-transform: capitalize;
    text-align: left
}

.save-report__toggle-slider__description {
    display: inline-block;
    width: 36%;
    font-size: 14px;
    text-transform: none;
    text-align: left
}

.activity, .time {
    display: inline-block;
    vertical-align: middle
}

.time {
    float: right
}

.dashboard {
    position: relative;
    background: #eff4f7;
    padding: 0 20px;
    min-height: 100vh
}

@media print {
    .dashboard {
        padding: 0
    }
}

.dashboard .dashboard__title {
    display: inline-block;
    line-height: 100px;
    margin-bottom: 0;
    font-size: 24px;
    text-transform: capitalize;
    color: #999
}

.dashboard .dashboard__panel--container {
    margin-bottom: 20px;
    border-radius: 2px;
    border: solid #c6d2d9;
    border-width: 1px 1px 6px;
    background-color: #fff
}

    .dashboard .dashboard__panel--container .dashboard__filter--container {
        height: 60px;
        border-bottom: 1px solid #c6d2d9;
        background: #e4eaee;
        padding: 18px 20px;
        font-size: 0
    }

@media print {
    .dashboard .dashboard__panel--container .dashboard__filter--container .report-actions__container {
        display: none
    }
}

.dashboard .dashboard__panel--container .dashboard__filter--container span {
    font-size: 14px;
    color: #999
}

.dashboard .dashboard__panel--container .dashboard__chart {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 30px;
    background: #fff;
    border-bottom: 1px solid #c6d2d9
}

    .dashboard .dashboard__panel--container .dashboard__chart:last-child {
        border-bottom: none
    }

@media print {
    .dashboard .dashboard__panel--container .dashboard__chart {
        padding: 0
    }
}

.dashboard .dashboard__panel--container .dashboard__chart .dashboard__bar-chart__canvas {
    height: 300px
}

@media only screen and (max-width:750px) {
    .dashboard .dashboard__panel--container .dashboard__chart {
        padding: 0
    }
}

@media print {
    .dashboard .dashboard__panel--container {
        width: 100vw
    }

        .dashboard .dashboard__panel--container canvas {
            zoom: .75
        }
}

.dashboard__doughnut-chart {
    display: inline-block;
    text-align: center
}

    .dashboard__doughnut-chart div {
        display: inline-block
    }

    .dashboard__doughnut-chart span {
        display: inline-block;
        font-size: 14px;
        padding-bottom: 20px
    }

.dashboard__project-data--container {
    display: inline-block;
    vertical-align: top
}

    .dashboard__project-data--container .dashboard__project-data {
        border-bottom: 1px solid #c6d2d9;
        padding: 15px 20px
    }

    .dashboard__project-data--container .dashboard__project-data--partition {
        display: block;
        margin-left: 27px;
        padding-top: 10px;
        font-size: 14px;
        color: #333
    }

    .dashboard__project-data--container .dashboard__project-data .dashboard__project-data--details {
        display: inline-block;
        margin-left: 10px;
        width: 70%;
        vertical-align: middle;
        font-size: 14px;
        color: #333
    }

        .dashboard__project-data--container .dashboard__project-data .dashboard__project-data--details span {
            display: inline-block;
            max-width: 65%;
            margin-right: 10px;
            margin-top: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .dashboard__project-data--container .dashboard__project-data .dashboard__project-data--details--color {
        display: inline-block;
        margin-right: 10px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        vertical-align: middle
    }

    .dashboard__project-data--container .dashboard__project-data .dashboard__project-data--details--time {
        float: right
    }

    .dashboard__project-data--container .dashboard__project-data .dashboard__project-data--details--large {
        width: 100%
    }

.dashboard__project-chart--container {
    display: inline-block;
    margin-top: 20px
}

@media print {
    .dashboard__project-chart--container canvas {
        zoom: .7 !important
    }
}

.square {
    position: relative;
    display: inline-block;
    border: 1px solid #c6d2d9;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor: pointer
}

    .square .horizontal-line {
        position: absolute;
        top: 6px;
        left: 2px;
        background: #c6d2d9;
        width: 10px;
        height: 2px
    }

    .square .vertical-line {
        position: absolute;
        top: 2px;
        left: 6px;
        background: #c6d2d9;
        height: 10px;
        width: 2px
    }

.date-picker {
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid #c6d2d9;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker--no-border {
    border: 0;
    margin-left: auto
}

.date-picker span {
    display: inline-flex;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

    .date-picker span:first-child {
        margin: 0 10px;
        display: flex;
        align-items: center
    }

@media screen and (max-width:992px) {
    .date-picker span:first-child {
        width: 100%;
        height: 100%
    }
}

.date-picker--arrow-left {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 40px;
    border-left: 1px solid #c6d2d9;
    border-right: 1px solid #c6d2d9
}

@media screen and (max-width:992px) {
    .date-picker--arrow-left {
        width: 60px
    }
}

.date-picker--arrow-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 40px
}

@media screen and (max-width:992px) {
    .date-picker--arrow-right {
        width: 60px
    }
}

.toggle-slider {
    display: inline-block;
    vertical-align: middle
}

.margin {
    margin-bottom: 13px
}

.project__dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    vertical-align: middle;
    border-radius: 50%
}

.group__by {
    padding-top: 10px
}

.group__by__separation {
    float: right
}

.group__by__separation--time {
    padding-left: 10px;
    width: 200px
}

.group__by__separation--billable {
    padding-left: 10px
}

.group__by__separation--hourly__rate {
    display: block;
    padding-top: 5px;
    color: #999
}

.escape__margin {
    margin-left: -5px
}

.data-panel-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
    border: solid #c6d2d9;
    border-width: 1px 1px 6px;
    margin-bottom: 20px
}

.data-panel-header {
    position: relative;
    background: #e4eaee;
    display: block;
    min-height: 50px;
    padding: 0 10px 0 20px;
    border-bottom: 1px solid #c6d2d9
}

    .data-panel-header.data-panel-header-table {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5px
    }

.data-panel-header-title {
    color: #999
}

.data-panel-header-title-filter {
    color: #999;
    margin-top: 15px;
    display: inline-block
}

.data-panel-picker {
    width: auto;
    padding: 5px 20px 5px 10px;
    background: #fff url(select-arrow.0c5fe667b8331d561409.png) 90% no-repeat;
    border: 1px solid #c6d2d9;
    font-size: 12px;
    cursor: pointer;
    height: 30px;
    display: inline-block;
    float: right;
    margin: 10px 0
}

.data-panel-item {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c6d2d9;
    background: #fff
}

    .data-panel-item:last-child {
        border-bottom: none
    }

.data-panel-item-action-show-play:hover .data-panel-item-action-time {
    display: none
}

.data-panel-item-action-show-play:hover .data-panel-item-action-play {
    display: block
}

.data-panel-item-content {
    flex: 1;
    min-width: 0
}

.data-panel-item-title {
    color: #333;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px
}

@media screen and (max-width:1250px) {
    .data-panel-item-title {
        max-width: 140px
    }
}

@media screen and (max-width:992px) {
    .data-panel-item-title {
        max-width: none
    }
}

.data-panel-item-subtitle {
    color: #444;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px
}

@media screen and (max-width:1250px) {
    .data-panel-item-subtitle {
        max-width: 140px
    }
}

@media screen and (max-width:992px) {
    .data-panel-item-subtitle {
        max-width: none
    }
}

.data-panel-item-action {
    display: flex;
    justify-content: end;
    cursor: pointer;
    width: 80px;
    padding-left: 20px
}

.data-panel-item-action-time {
    width: 80px;
    text-align: right;
    color: #333
}

.data-panel-item-action-play {
    display: none;
    text-align: center;
    width: 100%;
    padding-left: 20px
}

.align-items-center {
    display: flex;
    align-items: center
}

.data-panel-user-thumb {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 20px;
    float: left
}

.data-panel-item-desc {
    color: #999
}

@media screen and (max-width:992px) {
    .data-panel-item-desc {
        text-align: right
    }
}

.row-fix {
    margin: 0 -15px
}

@media screen and (max-width:992px) {
    .hide-md {
        display: none !important
    }
}

.show-md {
    display: block
}

@media screen and (min-width:991px) {
    .show-md {
        display: none !important
    }
}

.toggle-slider-mob-wrapper {
    height: 28px;
    border: 1px solid #03a9f4;
    border-radius: 2px;
    margin: 0 0 30px;
    background: #fff;
    color: #c6d2d9
}

.entry__project__dot {
    display: inline-block;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50%
}

.transform {
    transition: .2s ease-out
}

.transform-left {
    transform: translate(-100%)
}

.transform-up {
    transform: translateY(-100%)
}

.transform-both {
    transform: translate(-100%,-100%)
}

.projects-filter {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    display: flex;
    min-width: 634px;
    height: 60px;
    border-radius: 2px
}

.projects-filter__container {
    position: relative;
    flex-grow: 0.5;
    display: inline-flex
}

.projects-filter__item {
    width: auto
}

.projects-filter__item__dropdown--list {
    position: absolute;
    top: 49px;
    left: -9px;
    margin: 0;
    width: 120px;
    height: 105px;
    box-sizing: border-box;
    background-color: #fefefe;
    box-shadow: 0 0 7px #ccc;
    text-align: left;
    list-style: none;
    z-index: 1
}

.projects-filter__item__dropdown--list--item {
    padding: 10px;
    line-height: 14px;
    box-sizing: border-box;
    font-size: 14px
}

    .projects-filter__item__dropdown--list--item:hover {
        background-color: #e4eaee;
        list-style: none
    }

.projects-filter__item__dropdown__span--dollar {
    font-size: 25px
}

    .projects-filter__item__dropdown__span--dollar img {
        margin: 7px 7px 11px
    }

.projects-filter__search {
    flex-grow: 2
}

    .projects-filter__search search {
        display: inline-flex;
        position: relative;
        width: 100%
    }

.projects-filter__a--search-icon {
    float: left;
    margin-left: 5px;
    line-height: 60px
}

.projects-filter--search-input {
    margin: 0 0 0 20px;
    height: 57px;
    border: none;
    padding: 0;
    box-shadow: unset;
    color: #333
}

    .projects-filter--search-input:focus {
        border: none;
        box-shadow: none
    }

    .projects-filter--search-input::-webkit-input-placeholder {
        color: #999
    }

    .projects-filter--search-input::-moz-placeholder {
        color: #999
    }

    .projects-filter--search-input::-ms-input-placeholder {
        color: #999
    }

    .projects-filter--search-input::placeholder {
        color: #999
    }

.billable {
    color: #404040
}

    .billable:hover {
        color: #666
    }

.nonBillable {
    color: #dcdcdc
}

    .nonBillable:hover {
        color: #666
    }

.both {
    background: linear-gradient(#696969,#dcdcdc);
    -webkit-background-clip: text
}

    .both, .both:hover {
        -webkit-text-fill-color: transparent
    }

        .both:hover {
            background: linear-gradient(#666,#666);
            -webkit-background-clip: text
        }

.initialDollarClass {
    color: #999
}

    .initialDollarClass:hover {
        color: #666
    }

.filter-count {
    position: relative;
    background-color: #03a9f4;
    padding: 3px 7px;
    bottom: 35px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #fefefe
}

.status-modal-container--background-opacity {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: .6;
    width: 100%;
    height: 100%;
    background: #000
}

.status-modal-container__content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 60%;
    max-height: 100vh;
    z-index: 100;
    opacity: 1;
    transform: translate(-50%,-50%);
    background: #fff;
    overflow-y: scroll;
    text-align: right
}

.status-modal-container__content__header {
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.status-modal-container__content__header--project {
    display: flex;
    align-items: center
}

.status-modal-container__content__header--project__color {
    display: inline-block;
    margin-right: 10px;
    width: 7px;
    height: 7px;
    vertical-align: text-top;
    border-radius: 50%
}

.status-modal-container__content__header--progress_bar {
    margin-top: 20px
}

.status-modal-container__content a {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px
}

    .status-modal-container__content a:before {
        content: url(close-modal.bc2dfa4c5963ef39a8fb.png)
    }

.status-modal-container__content h4 {
    display: inline-block;
    height: 40px;
    color: #666;
    font-family: Roboto,sans-serif;
    font-size: 34px
}

.status-modal-container__content__body {
    display: flex;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
    width: 95%;
    text-align: left
}

.status-modal-container__content__body__item {
    margin-bottom: 20px;
    height: 24px
}

    .status-modal-container__content__body__item span {
        margin-right: 10px
    }

.status-modal-container__content__body__item--span-tracked-amount {
    display: inline-block;
    line-height: 24px;
    color: #999;
    font-size: 24px
}

.status-modal-container__content__body__item--span-tracked-amount--hour {
    display: inline-block;
    line-height: 24px;
    font-size: 24px
}

.status-modal-container__content__body__item--span-bllable-non-billable {
    display: inline-block;
    color: #999;
    font-size: 18px
}

    .status-modal-container__content__body__item--span-bllable-non-billable:before {
        content: "$";
        position: relative;
        bottom: 2px;
        padding-right: 5px;
        font-family: Helvetica,sans-serif
    }

.status-modal-container__content__body__item--span-bllable-non-billable--hour {
    display: inline-block;
    font-size: 18px
}

.status-modal-container__content__body__dotted_list {
    width: 170px;
    position: relative;
    margin-top: 30px;
    margin-right: -400px
}

.status-modal-container__content__body__dotted_list--item {
    display: flex;
    align-items: center
}

.status-modal-container__content__body__dotted_list--item__dot {
    display: inline-block;
    margin-right: 10px;
    width: 7px;
    height: 7px;
    vertical-align: text-top;
    border-radius: 50%
}

.status-modal-container__content__body__dotted_list--item__text {
    font-size: 16px
}

.status-modal-container__content .table__status-modal {
    width: 96%;
    margin: 90px auto 15px;
    border: none;
    text-align: left
}

.status-modal-container__content .table__status-modal__thead {
    background-color: #e4eaee;
    border: 1px solid #c6d2d9;
    line-height: 25px
}

    .status-modal-container__content .table__status-modal__thead th:first-child div {
        padding-left: 10px
    }

    .status-modal-container__content .table__status-modal__thead th:first-child {
        border-left: none
    }

    .status-modal-container__content .table__status-modal__thead th:last-child {
        border-right: none
    }

    .status-modal-container__content .table__status-modal__thead th {
        border: none;
        border-bottom: 1px solid #c6d2d9;
        padding: 10px
    }

    .status-modal-container__content .table__status-modal__thead span {
        padding-right: 5px;
        color: #999;
        vertical-align: sub;
        font-weight: 400;
        font-size: 15px
    }

.status-modal-container__content .table__status-modal__tbody {
    border: 1px solid #c6d2d9;
    font-size: 14px
}

    .status-modal-container__content .table__status-modal__tbody td .table__status-modal__tbody--span-italic {
        color: #999;
        font-style: italic
    }

    .status-modal-container__content .table__status-modal__tbody td:first-child {
        padding-left: 20px;
        border-left: none
    }

    .status-modal-container__content .table__status-modal__tbody td:last-child {
        border-right: none
    }

    .status-modal-container__content .table__status-modal__tbody tr {
        border-bottom: 1px solid #c6d2d9
    }

    .status-modal-container__content .table__status-modal__tbody td .table__status-modal__tbody--div-bar--line-chart--small__span {
        display: inline-block;
        line-height: 16px;
        vertical-align: super;
        font-size: 11px
    }

.status-modal-container__content .table__status-modal__tbody--div-bar {
    vertical-align: middle
}

.status-modal-container__content .table__status-modal__tbody--div-bar--progress_bar__left_side {
    width: 160px;
    height: 16px;
    border-radius: 5px;
    background: #c6d2d9;
    font-size: 11px;
    color: #fefefe;
    text-align: center
}

.status-modal-container__content .table__status-modal__tbody--div-bar--line-chart--small {
    margin-left: 20px;
    width: 45px;
    height: 16px;
    text-align: center
}

.status-modal--chart {
    top: 10px;
    width: 50%;
    position: relative
}

@media only screen and (max-width:1500px) {
    .status-modal-container__content__body__dotted_list {
        margin-top: 20px;
        margin-right: -300px
    }
}

@media only screen and (max-width:1280px) {
    .status-modal-container__content__body__dotted_list {
        margin-top: 10px;
        margin-right: -200px
    }
}

@media only screen and (max-width:1100px) {
    .status-modal-container__content__body__dotted_list {
        margin-top: 10px;
        margin-right: -150px
    }

    .status-modal-container__content__body__dotted_list--item__text {
        font-size: 12px
    }
}

@media only screen and (max-width:920px) {
    .status-modal-container__content__body__dotted_list {
        margin-top: 5px;
        margin-right: -100px
    }
}

.status-modal-container__content__body__list__and__chart {
    display: flex;
    width: 50%;
    height: 100%;
    justify-content: space-between
}

.color-item {
    position: relative;
    top: 1px;
    left: 2px;
    margin-right: 3px
}

.color-item, .color-item--choosen-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px
}

.color-item--choosen-color {
    margin-right: 5px
}

.color-item--choosen-color-checker {
    height: 20px;
    background: url(checker-color-picker.5c6075b7dfe9d13e1f1e.png) transparent 50% no-repeat
}

.color-chooser__container {
    display: inline-block;
    width: 53px;
    height: 40px;
    padding: 8px 0 8px 8px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

.color-chooser__container--color {
    display: inline-block;
    margin-right: 4px;
    width: 25px;
    height: 25px;
    border-radius: 2px
}

.color-chooser__container--dropdown-arrow {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #666 transparent transparent;
    border-style: solid inset inset;
    border-width: 4px 4px 0;
    display: inline-block;
    position: relative;
    top: -7px;
    left: 3px
}

.color-chooser__dropdown {
    display: block;
    position: absolute;
    padding: 10px 9px 8px 11px;
    width: 146px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background-color: #fff
}

.color-chooser__dropdown--color-items {
    border-bottom: 1px solid #c6d2d9;
    margin-bottom: 9px;
    padding-bottom: 5px;
    cursor: pointer;
    white-space: normal
}

.color-chooser__dropdown--custom-color {
    cursor: pointer;
    display: flex;
    align-items: center
}

.color-chooser__dropdown--custom-color--span-label {
    display: flex;
    padding-left: 5px;
    width: 100%;
    font-size: 12px !important;
    margin-top: -3px
}

.color-chooser__dropdown--custom-color .color-picker {
    transform: translateY(-24px)
}

    .color-chooser__dropdown--custom-color .color-picker .arrow-right {
        border-width: 0 !important
    }

    .color-chooser__dropdown--custom-color .color-picker .box input {
        display: inline-block !important;
        width: 130px !important
    }

.color-chooser__dropdown span {
    font-size: 13px
}

.level-1 {
    z-index: 1
}

.level-2 {
    z-index: 2
}

.client-dropdown {
    width: 280px;
    max-height: 400px;
    position: absolute;
    left: 0;
    z-index: 3;
    background-color: #fefefe;
    box-shadow: 0 0 7px #ccc
}

.client-dropdown__close-icon {
    position: absolute;
    top: 12px;
    left: 253px;
    cursor: pointer
}

.client-dropdown input {
    padding: 10px 36px 11px 18px;
    margin: 0
}

.client-dropdown__list {
    max-height: 330px;
    overflow-x: auto;
    overflow-y: scroll
}

.client-dropdown__list__item {
    padding: 9px 18px;
    width: 280px;
    cursor: pointer;
    color: #666
}

    .client-dropdown__list__item:hover {
        background-color: #e4eaee;
        list-style: none
    }

.client-dropdown__list ul {
    margin: 0
}

    .client-dropdown__list ul li {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 280px;
        padding: 9px 18px;
        list-style: none;
        cursor: pointer;
        color: #666;
        font-size: 13px
    }

        .client-dropdown__list ul li:hover {
            background-color: #e4eaee;
            list-style: none
        }

.client-dropdown .no-client {
    color: #999;
    font-size: 11px
}

.new-project-container {
    white-space: normal;
    text-align: left
}

.new-project-container__input {
    border: 1px solid hsla(0,0%,50.2%,.2);
    height: 41px;
    margin-bottom: 20px
}

.new-project-container__buttons {
    padding: 20px 0 0;
    margin-top: 20px;
    border-top: 1px dotted #999;
    text-align: right
}

.new-project-container__buttons-cancel {
    position: relative;
    top: 4px;
    margin-right: 20px;
    color: #0091ea;
    font-size: 14px;
    cursor: pointer
}

.new-project-container__buttons-create {
    display: inline-block;
    width: 112px;
    background: #03a9f4;
    height: 36px;
    color: #fff;
    border-radius: 2px;
    font-size: 14px
}

    .new-project-container__buttons-create:hover {
        background-color: #0091ea
    }

.new-project-container--background-opacity {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1051;
    cursor: pointer;
    opacity: .6;
    width: 100%;
    height: 100%;
    background: #000
}

.new-project-container__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    margin: auto;
    transform: translate(-50%,-50%);
    z-index: 1052;
    background: #fff
}

.new-project-container__content__header {
    width: 100%;
    height: 64px;
    padding: 24px 30px 0
}

    .new-project-container__content__header h2 {
        display: inline-block;
        color: #666;
        font-family: Roboto,sans-serif;
        font-size: 16px
    }

    .new-project-container__content__header a {
        display: inline-block;
        float: right
    }

        .new-project-container__content__header a:before {
            content: url(close-modal.bc2dfa4c5963ef39a8fb.png)
        }

.new-project-container__content__body {
    padding: 0 20px 20px;
    line-height: 27px
}

.new-project-container__content__body--client {
    position: absolute;
    top: 70px;
    right: 49px;
    max-width: 30%;
    z-index: 2;
    font-weight: 700;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0091ea
}

.new-project-container__content__body--templates {
    margin-bottom: 20px
}

.new-project-container__content__body--templates--dropdown {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 41px;
    border: 1px solid hsla(0,0%,50.2%,.2);
    justify-content: space-between
}

    .new-project-container__content__body--templates--dropdown span {
        display: block;
        padding: 6px 18px;
        color: #333;
        font-size: 14px
    }

    .new-project-container__content__body--templates--dropdown .templates--disabled {
        color: #ccc
    }

.new-project-container__content__body--templates .template-picker {
    height: 100%;
    margin-left: 15px;
    margin-right: 10px;
    border: none;
    align-items: center;
    vertical-align: middle
}

    .new-project-container__content__body--templates .template-picker:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #666 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0
    }

.new-project-container__content__body--templates .template-picker--dropdown {
    display: block;
    position: absolute;
    width: calc(100% - 40px);
    max-height: 400px;
    box-shadow: 0 0 7px #ccc;
    background-color: #fefefe;
    font-size: 14px;
    z-index: 3;
    overflow: auto
}

    .new-project-container__content__body--templates .template-picker--dropdown ul {
        margin: 0;
        list-style-type: none
    }

    .new-project-container__content__body--templates .template-picker--dropdown li {
        display: flex;
        height: 40px;
        cursor: pointer
    }

        .new-project-container__content__body--templates .template-picker--dropdown li:hover {
            background: #eff4f7
        }

        .new-project-container__content__body--templates .template-picker--dropdown li span {
            margin-left: 20px;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .new-project-container__content__body--templates .template-picker--dropdown .template-selected {
        color: #333
    }

    .new-project-container__content__body--templates .template-picker--dropdown .template-not-selected {
        color: #666
    }

.new-project-container__content__body--templates .template-picker--dropdown--client {
    color: #999
}

.new-project-container__content__body--templates--disabled {
    display: inline-block;
    position: relative;
    width: 100%
}

    .new-project-container__content__body--templates--disabled img {
        display: inline-block;
        position: relative;
        margin: 10px
    }

    .new-project-container__content__body--templates--disabled a {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        font-size: 14px;
        color: #0091ea
    }

        .new-project-container__content__body--templates--disabled a:hover {
            color: #0091ea
        }

.new-project-container__content__body__color {
    width: 10%;
    height: 41px;
    display: inline-block;
    border: 1px solid #000
}

.new-project-container__content__body__color--choose {
    display: inline-block;
    position: relative;
    top: -10px;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: red
}

.new-project-container__content__body__color--dropdown {
    display: inline-block;
    width: 31px;
    height: 40px
}

    .new-project-container__content__body__color--dropdown .dropdown {
        width: 31px;
        height: 40px;
        background: #f5f5f5
    }

.new-project-container__content__body__public-project {
    position: relative;
    display: inline-block;
    vertical-align: 8px;
    margin-left: 20px
}

    .new-project-container__content__body__public-project label span {
        color: #999
    }

.new-project-container__content__body input {
    width: 60%;
    margin-bottom: 24px;
    padding: 10px 18px;
    color: #666;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    border: none;
    box-shadow: none
}

    .new-project-container__content__body input[placeholder]::-moz-placeholder, .new-project-container__content__body input[placeholder]::-webkit-input-placeholder {
        color: #666;
        opacity: .5
    }

.projects-filter {
    border: 1px solid #c6d2d9;
    background: #fefefe
}

    .projects-filter .projects-filter--container {
        display: inline-block;
        vertical-align: middle;
        float: none;
        position: relative;
        height: 100%
    }

    .projects-filter .projects-filter__item {
        position: relative;
        float: left;
        box-sizing: border-box;
        margin: 10px 0 10px 10px;
        border-right: 1px dotted #999;
        line-height: 40px;
        color: #999;
        font-size: 14px
    }

        .projects-filter .projects-filter__item, .projects-filter .projects-filter__item .projects-filter__item--tag:before {
            display: inline-block;
            vertical-align: middle
        }

            .projects-filter .projects-filter__item .projects-filter__item--title {
                position: relative;
                display: inline-block;
                line-height: 40px;
                cursor: pointer;
                text-transform: capitalize
            }

                .projects-filter .projects-filter__item .projects-filter__item--title:after {
                    display: block;
                    width: 0;
                    height: 0;
                    content: "";
                    border-color: #999 transparent transparent;
                    border-style: solid inset inset;
                    border-width: 6px 6px 0;
                    display: inline-block;
                    margin: 0 20px;
                    vertical-align: middle
                }

            .projects-filter .projects-filter__item .dropdown-filter--container {
                z-index: 6
            }

    .projects-filter .projects-filter__search {
        display: inline-block
    }

        .projects-filter .projects-filter__search a, .projects-filter .projects-filter__search button, .projects-filter .projects-filter__search input {
            float: none;
            display: inline-block;
            vertical-align: middle
        }

        .projects-filter .projects-filter__search input {
            color: #333
        }

            .projects-filter .projects-filter__search input::-webkit-input-placeholder {
                color: #999
            }

            .projects-filter .projects-filter__search input::-moz-placeholder {
                color: #999
            }

            .projects-filter .projects-filter__search input::-ms-input-placeholder {
                color: #999
            }

            .projects-filter .projects-filter__search input::placeholder {
                color: #999
            }

        .projects-filter .projects-filter__search .page__navigation--button-cool:last-child:not(:first-child) {
            float: right;
            margin-top: 10px;
            margin-left: 0
        }

        .projects-filter .projects-filter__search .page__navigation--button-cool {
            padding: 13px 40px;
            width: auto;
            height: auto;
            transform: translateY(0);
            -webkit-transform: translateY(0)
        }

.project {
    padding: 0 20px
}

@media screen and (max-width:63.99875em) {
    .project {
        min-width: 320px
    }
}

.project .toggle-slider--circle--left {
    left: 0
}

.project color-chooser {
    position: relative
}

    .project color-chooser .color-chooser__container {
        width: 53px;
        border: 1px solid #c6d2d9;
        border-radius: 2px
    }

    .project color-chooser .color-chooser__dropdown {
        top: unset
    }

.project__clear-filters {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    padding-right: 12px;
    height: 20px;
    color: #03a9f4;
    font-size: 12px
}

.project__clear-filters__span {
    cursor: pointer
}

    .project__clear-filters__span:hover {
        color: #0091ea;
        text-decoration: underline
    }

.project--table__task-name {
    min-width: 70%
}

.project--table td:first-child, .project--table th:first-child {
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.project--table td:last-child, .project--table th:last-child {
    text-align: center
}

.project--table__thead {
    line-height: 28px;
    max-height: 75px;
    min-height: 75px;
    border: 1px solid #c6d2d9;
    border-top-left-radius: 2px;
    font-size: 14px;
    white-space: nowrap;
    background-color: #e4eaee
}

    .project--table__thead th {
        padding: 0 20px !important;
        line-height: 60px
    }

    .project--table__thead span {
        display: inline-block;
        vertical-align: middle;
        color: #999;
        font-weight: 400;
        margin-right: 5px
    }

.project--table__thead--status {
    width: 12%;
    text-align: center
}

.project--table__thead th.project--table-status {
    text-align: left
}

    .project--table__thead th.project--table-status div {
        margin-left: 24px
    }

.project--table__thead th.project--table__thead--team {
    text-align: left
}

.project--table__thead th.project--table__thead--favorite {
    width: 1px
}

.project--table__tbody {
    border: 1px solid #c6d2d9;
    border-bottom: 1px solid #c6d2d9 !important;
    padding: 10px 20px
}

    .project--table__tbody tr td.project--table__tbody--status {
        text-align: left
    }

        .project--table__tbody tr td.project--table__tbody--status div {
            display: flex;
            flex-wrap: nowrap
        }

    .project--table__tbody .table__time-entry--right-tag, .project--table__tbody__billable-cursor, .project--table__tbody__project-cursor, .project--table__tbody__row-reports {
        cursor: default
    }

    .project--table__tbody .tracker__billable-icon {
        margin-top: 9px
    }

.project--table__tbody__row-reports {
    width: 100%
}

.project--table__tbody__row {
    cursor: pointer
}

.project--table__tbody__project_column {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project--table__tbody__template {
    margin-left: 5px
}

.project--table__tbody span {
    color: #333;
    font-size: 14px
}

.project--table__tbody td {
    padding: 10px 20px !important;
    margin-bottom: 1px
}

    .project--table__tbody td select {
        border: 0;
        transition: none;
        outline: none;
        width: 170px
    }

        .project--table__tbody td select:focus {
            box-shadow: none;
            outline: none
        }

        .project--table__tbody td select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000
        }

.project--table__tbody .project--table__tbody__row-reports td.project--table__tbody__td-reports {
    padding-left: 0 !important
}

@media only screen and (max-width:1495px) {
    .project--table__tbody .project--table__tbody__row-reports td.project--table__tbody__td-reports {
        padding-right: 0 !important
    }
}

@media only screen and (max-width:1220px) {
    .project--table__tbody .project--table__tbody__row-reports td.project--table__tbody__td-reports .interval-time__time {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width:1220px) {
    .project--table__tbody .project--table__tbody__row-reports td.project--table__tbody__td-reports .interval-time__date {
        text-align: center
    }
}

.project--table__tbody .project--table__tbody__row-reports__noPermission {
    background: #eff4f7
}

.project--table__tbody .favorite-star {
    height: 23px;
    width: 23px;
    background: url(/assets/projects-icons/favorite-star-inactive.png) 50% no-repeat
}

    .project--table__tbody .favorite-star:hover {
        background: url(/assets/projects-icons/favorite-star-hover.png) 50% no-repeat
    }

.project--table__tbody .favorite-star--active, .project--table__tbody .favorite-star--active:hover {
    background: url(/assets/projects-icons/favorite-star-active.png) 50% no-repeat
}

.project--table__tbody--task-name {
    border: none;
    box-shadow: none
}

.project--table__tbody--task-rate {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100px;
    border: none;
    box-shadow: none;
    text-align: right
}

.project h1 {
    font-family: Roboto,sans-serif;
    font-size: 24;
    margin-bottom: 0;
    line-height: 100px;
    font-size: 24px;
    color: #999
}

.line-through {
    text-decoration: line-through
}

.dropdown {
    position: relative;
    display: inline-block;
    border-radius: 0;
    background: #fefefe;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    text-align: left;
    color: #999;
    font-size: 14px;
    min-width: 80px
}

@media screen and (max-width:63.99875em) {
    .dropdown {
        margin-top: 10px
    }
}

.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #999 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    position: relative;
    top: 0;
    transform: translateY(-50%);
    display: inline-block;
    left: 10px
}

.dropdown:hover {
    color: #666
}

    .dropdown:hover:after {
        border-color: #666 transparent transparent
    }

.dropdown--list {
    display: none;
    position: absolute;
    top: 50px;
    left: -21px;
    line-height: 1;
    box-sizing: border-box;
    z-index: 1;
    margin-top: 20px;
    border-radius: 0;
    width: 100%;
    color: #666;
    list-style: none;
    border: 1px solid #c6d2d9
}

    .dropdown--list li {
        padding: 10px;
        cursor: pointer
    }

        .dropdown--list li:hover {
            background-color: #e4eaee;
            list-style: none
        }

    .dropdown--list::-webkit-scrollbar {
        width: 4px
    }

    .dropdown--list::-webkit-scrollbar-thumb {
        background: #03a9f4
    }

.dropdown input {
    position: absolute;
    left: -9999px
}

.dropdown--teams {
    position: absolute;
    top: 10px;
    left: -20px;
    padding: 0;
    overflow: visible
}

    .dropdown--teams .dropdown-filter .dropdown-filter__item {
        line-height: 14px
    }

.open {
    display: block;
    margin: 0;
    width: 120px;
    height: 105px;
    background-color: #fefefe;
    box-shadow: 0 0 7px #ccc
}

@media print {
    .table-container--margin table.project--table {
        border-collapse: collapse;
        width: 100vw;
        page-break-after: auto;
        page-break-inside: avoid !important
    }

        .table-container--margin table.project--table thead.project--table__thead tr {
            page-break-after: auto
        }

            .table-container--margin table.project--table thead.project--table__thead tr th {
                page-break-after: auto;
                page-break-inside: avoid
            }

                .table-container--margin table.project--table thead.project--table__thead tr th a.icon--projects-header-arrow-down, .table-container--margin table.project--table thead.project--table__thead tr th a.icon--projects-header-arrow-up {
                    text-decoration: none
                }

        .table-container--margin table.project--table tbody.project--table__tbody tr {
            page-break-after: auto
        }

            .table-container--margin table.project--table tbody.project--table__tbody tr td {
                page-break-after: always;
                page-break-inside: avoid
            }

                .table-container--margin table.project--table tbody.project--table__tbody tr td div.table__time-entry section.table__time-entry__project a.table__time-entry__project {
                    text-decoration: none
                }

    .table-container--margin table.weekly {
        border-collapse: collapse;
        width: 100vw;
        page-break-after: auto;
        page-break-inside: avoid !important
    }

        .table-container--margin table.weekly thead.project--table__thead span {
            margin-right: 0
        }

        .table-container--margin table.weekly thead.project--table__thead tr {
            page-break-after: auto
        }

            .table-container--margin table.weekly thead.project--table__thead tr th {
                page-break-after: auto;
                page-break-inside: avoid
            }

                .table-container--margin table.weekly thead.project--table__thead tr th div.grouped__by {
                    min-width: 120px
                }

                .table-container--margin table.weekly thead.project--table__thead tr th div.grouped__by__title {
                    margin-left: 0;
                    padding: 0
                }

                .table-container--margin table.weekly thead.project--table__thead tr th a.icon--projects-header-arrow-down, .table-container--margin table.weekly thead.project--table__thead tr th a.icon--projects-header-arrow-up {
                    text-decoration: none
                }

        .table-container--margin table.weekly tbody.project--table__tbody tr {
            page-break-after: auto
        }

            .table-container--margin table.weekly tbody.project--table__tbody tr td {
                page-break-after: always;
                page-break-inside: avoid
            }

                .table-container--margin table.weekly tbody.project--table__tbody tr td div.table__time-entry section.table__time-entry__project a.table__time-entry__project {
                    text-decoration: none
                }

        .table-container--margin table.weekly tr th:first-child {
            width: 200px;
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .table-container--margin table.weekly tr th > div.grouped__by > div.grouped__by__title {
            margin-left: 10px
        }

        .table-container--margin table.weekly tr td:first-child {
            min-width: 200px
        }

    .td-with-link-wrapper a[href]:after {
        content: none !important
    }
}

.table-container--margin {
    margin-top: 20px
}

    .table-container--margin table {
        border-collapse: separate;
        border-spacing: 0;
        min-width: 634px
    }

        .table-container--margin table tr:last-child td {
            border-bottom: 3px solid #c6d2d9
        }

        .table-container--margin table td {
            border-bottom: 1px solid #c6d2d9;
            vertical-align: middle
        }

            .table-container--margin table td:first-child {
                border-left: 1px solid #c6d2d9;
                border-bottom-left-radius: 2px
            }

            .table-container--margin table td:last-child {
                border-right: 1px solid #c6d2d9;
                border-bottom-right-radius: 2px
            }

        .table-container--margin table tr {
            font-family: Roboto,sans-serif;
            font-size: 14px;
            background-color: #fefefe;
            height: 60px
        }

            .table-container--margin table tr th {
                border-top: 1px solid #c6d2d9;
                border-bottom: 1px solid #c6d2d9;
                padding: 0
            }

                .table-container--margin table tr th:first-child {
                    border-left: 1px solid #c6d2d9;
                    border-top-left-radius: 2px
                }

                .table-container--margin table tr th:last-child {
                    border-right: 1px solid #c6d2d9;
                    border-top-right-radius: 2px
                }

                .table-container--margin table tr th a {
                    color: #999;
                    font-weight: 400
                }

                    .table-container--margin table tr th a:focus, .table-container--margin table tr th a:hover {
                        color: #999
                    }

                    .table-container--margin table tr th a.icon--projects-header-arrow-down:hover, .table-container--margin table tr th a.icon--projects-header-arrow-up:hover {
                        text-decoration: none
                    }

        .table-container--margin table th .table__thead__div span {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            font-weight: 400;
            margin-right: 5px
        }

        .table-container--margin table th .table__thead__div a {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            outline: 0
        }

        .table-container--margin table th .table__thead__div--status {
            padding-left: 40px
        }

        .table-container--margin table .table__thead {
            line-height: 60px;
            max-height: 75px;
            min-height: 75px;
            border: 1px solid #c6d2d9;
            border-top-left-radius: 2px;
            font-size: 14px
        }

            .table-container--margin table .table__thead tr {
                background-color: #e4eaee
            }

        .table-container--margin table .table__thead-email, .table-container--margin table .table__thead-name {
            width: 50%
        }

        .table-container--margin table .table__thead--first {
            width: 5%
        }

        .table-container--margin table .table__thead--fourth {
            min-width: 20%;
            text-align: center
        }

        .table-container--margin table .table__thead--team {
            display: inline-block;
            min-width: 100%
        }

            .table-container--margin table .table__thead--team span {
                display: inline-block;
                vertical-align: middle;
                color: #333;
                font-weight: 400
            }

        .table-container--margin table .table__thead__form--checkbox-input {
            margin-left: 20px
        }

        .table-container--margin table .table__thead__form label {
            margin-right: 0;
            float: left;
            margin-top: 22px;
            margin-left: 18px;
            -webkit-margin-start: 13px;
            width: 16px;
            height: 16px;
            background-color: #fefefe;
            border: 1px solid #c6d2d9;
            vertical-align: middle
        }

        .table-container--margin table .table__thead__form input[type=checkbox] {
            visibility: hidden
        }

            .table-container--margin table .table__thead__form input[type=checkbox]:checked + label {
                background: url(checked.1689e1247fd6ab2b6da7.png) #fefefe 50% no-repeat
            }

        .table-container--margin table tbody.table__tbody tr td.table__body--status {
            text-align: left !important
        }

        .table-container--margin table .table__tbody tr.project--table__tbody__row td {
            cursor: auto !important
        }

        .table-container--margin table .table__tbody-fourth {
            text-align: center
        }

            .table-container--margin table .table__tbody-fourth .table--bar-chart--manual-estimation {
                margin-left: 4px;
                color: #a9a9a9;
                white-space: nowrap
            }

            .table-container--margin table .table__tbody-fourth .table--bar-chart--project-estimation {
                padding-left: 10px
            }

            .table-container--margin table .table__tbody-fourth .table--bar-chart--project-estimation--red {
                color: red
            }

        .table-container--margin table .table__tbody-fifth {
            text-align: left
        }

        .table-container--margin table .table__tbody__td--dot-color {
            display: inline-block;
            margin-left: 7px;
            width: 7px;
            height: 7px;
            vertical-align: middle;
            border-radius: 50%
        }

        .table-container--margin table .table__tbody__form {
            margin-left: 20px
        }

            .table-container--margin table .table__tbody__form label {
                position: relative;
                top: 4px;
                left: -31px;
                z-index: 1;
                width: 16px;
                height: 16px;
                background-color: #fefefe;
                border: 1px solid #c6d2d9
            }

            .table-container--margin table .table__tbody__form input[type=checkbox] {
                visibility: hidden
            }

                .table-container--margin table .table__tbody__form input[type=checkbox]:checked + label {
                    background: url(/assets/projects-icons/checked.png) 50% no-repeat
                }

        .table-container--margin table .table__tbody td {
            padding: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

            .table-container--margin table .table__tbody td .table__td-color {
                color: #999
            }

            .table-container--margin table .table__tbody td .table--bar-chart {
                padding-left: 15px
            }

            .table-container--margin table .table__tbody td span {
                line-height: 60px;
                color: #333;
                font-size: 14px
            }

        .table-container--margin table .table__tbody .teams-dots {
            position: relative
        }

            .table-container--margin table .table__tbody .teams-dots .teams__user-activity {
                display: grid;
                top: -11px;
                right: -121px;
                margin: 0;
                padding: 0;
                width: auto;
                min-width: 141px;
                text-align: center
            }

                .table-container--margin table .table__tbody .teams-dots .teams__user-activity a {
                    font-style: normal;
                    text-decoration: none
                }

                    .table-container--margin table .table__tbody .teams-dots .teams__user-activity a:hover {
                        background: #e4eaee;
                        cursor: pointer
                    }

        .table-container--margin table .table__tbody .teams__dropdown-filter {
            position: relative;
            overflow: visible
        }

            .table-container--margin table .table__tbody .teams__dropdown-filter .teams--access-members {
                display: inline-block;
                position: relative;
                height: 21px;
                float: left;
                vertical-align: middle
            }

        .table-container--margin table .table__tbody .teams--dropdown {
            overflow: inherit
        }

        .table-container--margin table .table__tbody .dropdown--teams .dropdown-filter--container {
            left: -59px
        }

        .table-container--margin table .table__tbody tr:nth-child(2n) {
            background: #fefefe
        }

        .table-container--margin table .table__tbody--input {
            background-color: transparent;
            border: 0;
            box-shadow: none;
            width: 50px
        }

            .table-container--margin table .table__tbody--input:hover {
                border: 0
            }

            .table-container--margin table .table__tbody--input:focus {
                border: 0;
                box-shadow: none
            }

        .table-container--margin table .td-with-link-wrapper {
            padding: 0 !important
        }

            .table-container--margin table .td-with-link-wrapper > a {
                display: block;
                width: 100%;
                height: 100%;
                padding: 20px 0 20px 20px;
                text-decoration: none;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden
            }

            .table-container--margin table .td-with-link-wrapper .project--table__tbody--client {
                display: inherit
            }

        .table-container--margin table.weekly {
            margin: 0
        }

            .table-container--margin table.weekly tr td {
                border-top: 0;
                border-left: 0;
                border-right: 0
            }

            .table-container--margin table.weekly tr th {
                border-top: 0;
                border-left: 0;
                border-right: 0;
                vertical-align: middle;
                width: 7%
            }

                .table-container--margin table.weekly tr th:first-child {
                    width: 300px;
                    padding-left: 0 !important;
                    padding-right: 0 !important
                }

                .table-container--margin table.weekly tr th span {
                    margin-right: 0;
                    min-width: 44px
                }

                .table-container--margin table.weekly tr th > div.grouped__by {
                    display: inline-block;
                    height: 100%
                }

                    .table-container--margin table.weekly tr th > div.grouped__by:not(:first-child) {
                        margin-left: 20%
                    }

                    .table-container--margin table.weekly tr th > div.grouped__by > div.grouped__by__title {
                        display: inline-block;
                        margin-left: 20px;
                        padding-right: 0;
                        padding-left: 0
                    }

            .table-container--margin table.weekly tr td:first-child {
                min-width: 200px
            }

@media only screen and (max-width:1550px) {
    .table-container--margin table.weekly tr th > div.grouped__by:not(:first-child) {
        margin-left: 10%
    }
}

@media only screen and (max-width:1310px) {
    .table-container--margin table.weekly tr th > div.grouped__by:not(:first-child) {
        margin-left: 0
    }
}

@media only screen and (max-width:1196px) {
    .table-container--margin table.weekly tr th {
        vertical-align: middle
    }
}

@media only screen and (max-width:1303px) {
    .table-container--margin table.weekly tr th > div.grouped__by > div.grouped__by__title {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width:1268px) {
    .table-container--margin table.weekly tr th > div.grouped__by {
        vertical-align: middle;
        height: auto
    }

    .table-container--margin table.weekly tr th:not(:first-child) {
        padding: 10px !important;
        line-height: 0
    }

    .table-container--margin table.weekly tr td:not(:first-child) {
        padding: 10px !important
    }
}

.table-container--margin .project--table thead.project--table__thead tr {
    background: #e4eaee
}

@media only screen and (max-width:1200px) {
    .table-container--margin .project--table thead.project--table__thead .project--table__thead--status {
        width: 16%
    }
}

@media only screen and (max-width:800px) {
    .table-container--margin .project--table thead.project--table__thead .project--table__thead--status {
        width: 18%
    }
}

.table-container--margin .project--table__project_header {
    width: 20%
}

.table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown {
    position: relative
}

    .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .icon--dots {
        display: inline-block;
        padding: 0
    }

        .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .icon--dots:before {
            margin-top: 5px
        }

    .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__detailed__menu, .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__menu {
        width: auto;
        height: auto
    }

        .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__detailed__menu ul, .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__menu ul {
            position: relative;
            z-index: 1
        }

            .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__detailed__menu ul li, .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__menu ul li {
                cursor: pointer
            }

                .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__detailed__menu ul li a, .table-container--margin tbody.project--table__tbody .project--table__tbody--dropdown .dropdown__menu ul li a {
                    font-style: normal
                }

.table-container--margin tbody.project--table__tbody .table__time-entry {
    max-width: 700px
}

@media only screen and (max-width:1650px) {
    .table-container--margin tbody.project--table__tbody .table__time-entry {
        max-width: 600px
    }
}

@media only screen and (max-width:1550px) {
    .table-container--margin tbody.project--table__tbody .table__time-entry {
        max-width: 500px
    }
}

@media only screen and (max-width:1370px) {
    .table-container--margin tbody.project--table__tbody .table__time-entry {
        max-width: 400px
    }
}

@media only screen and (max-width:1225px) {
    .table-container--margin tbody.project--table__tbody .table__time-entry {
        max-width: 300px
    }
}

.table-container--margin tbody.project--table__tbody .table__time-entry__input {
    width: 25%
}

.table-container--margin tbody.project--table__tbody .table__time-entry__project {
    width: 60%
}

@media only screen and (max-width:1200px) {
    .table-container--margin tbody.project--table__tbody .table__time-entry__project {
        width: 55%
    }
}

.table-container--margin tbody.project--table__tbody .project--table__tbody__row-reports .project--table__tbody__td-reports .table__time-entry section.table__time-entry__project a.table__time-entry__project {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.table-container--margin tbody.project--table__tbody .project--table__tbody__row-reports:hover {
    background: #eff4f7
}

.table__thead--sortable th .sort {
    margin: 0 2px;
    cursor: pointer
}

.table__thead--sortable th .sort--asc:before {
    content: url(arrow-up.03371176edddd5df40c1.png)
}

.table__thead--sortable th .sort--desc:before {
    content: url(arrow-down.7abea1bc3fa92d5f45a1.png)
}

.table__time-entry__project-name {
    display: initial;
    width: 100%
}

.table__time-entry__task-name {
    margin-left: -3px
}

.project--table__paginator {
    display: block;
    margin-bottom: 10px
}

.paginator {
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: center;
    font-size: 14px
}

.paginator__button {
    cursor: pointer
}

.paginator__button--next {
    margin-right: auto
}

.paginator__button--previous {
    margin-left: auto
}

.paginator__button--disabled {
    color: rgba(0,0,0,.2)
}

.paginator__text {
    margin: 0 15px
}

table tr[teams-page-row] td:first-child span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

table tr[teams-page-row] td {
    min-width: 125px
}

table tr[teams-page-row] .limit-width {
    padding-right: 10px;
    width: 600px;
    max-width: 600px
}

@media only screen and (max-width:1800px) {
    table tr[teams-page-row] .limit-width {
        width: 500px;
        max-width: 500px
    }
}

@media only screen and (max-width:1400px) {
    table tr[teams-page-row] .limit-width {
        width: 400px;
        max-width: 400px
    }
}

@media only screen and (max-width:950px) {
    table tr[teams-page-row] .limit-width {
        width: 200px;
        max-width: 200px
    }
}

@media only screen and (max-width:650px) {
    table tr[teams-page-row] .limit-width {
        width: 120px;
        max-width: 120px
    }

    table tr[teams-page-row] td:nth-child(3) {
        max-width: 110px;
        width: 110px
    }
}

.table__time-entry__project__with-tags {
    max-width: 40%
}

@media only screen and (max-width:1650px) {
    .table__time-entry__project__with-tags {
        max-width: 35%
    }
}

@media only screen and (max-width:1550px) {
    .table__time-entry__project__with-tags {
        max-width: 28%
    }
}

.page__container__buttons {
    width: 215px;
    margin-bottom: -1px
}

.page__container__buttons--active {
    width: 105px;
    height: 50px;
    border-radius: 2px;
    background-color: #fefefe;
    color: #999;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    position: relative;
    border: 1px solid #c6d2d9;
    border-bottom: none
}

    .page__container__buttons--active:focus {
        outline: none
    }

.page__container__buttons--inactive {
    width: auto;
    height: 50px;
    border-radius: 2px;
    background-color: #e4eaee;
    color: #666;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    display: inline-block;
    position: relative;
    height: 51px;
    border: 1px solid #c6d2d9;
    border-bottom: none;
    padding-right: 20px;
    padding-left: 20px
}

    .page__container__buttons--inactive:focus {
        outline: none
    }

    .page__container__buttons--inactive:hover {
        background-color: #fefefe;
        position: relative
    }

.page__container__buttons--locked {
    width: 105px;
    height: 50px;
    border-radius: 2px;
    background-color: #e4eaee;
    color: #666;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    display: inline-block;
    height: 48px;
    border: 1px solid #c6d2d9;
    border-bottom: none;
    opacity: .5
}

    .page__container__buttons--locked:focus {
        outline: none
    }

    .page__container__buttons--locked:hover {
        width: 275px;
        background-color: #fefefe
    }

.page__container__buttons--invite {
    display: inline-block;
    width: 270px;
    text-transform: none
}

    .page__container__buttons--invite img {
        margin-right: 5px;
        margin-bottom: 3px
    }

    .page__container__buttons--invite a, .page__container__buttons--invite a:hover {
        color: #03a9f4
    }

    .page__container__buttons--invite:hover {
        background-color: #fefefe
    }

.page__container__buttons .inactiveTab {
    top: -1px
}

.settings {
    margin-right: 20px;
    padding-top: 20px;
    background-color: #fefefe
}

    .settings, .settings img {
        border: 1px solid #c6d2d9
    }

        .settings img {
            margin-bottom: 20px;
            margin-left: 20px;
            width: 100px;
            border-radius: 2px
        }

        .settings .img-tooltip {
            width: 11px;
            margin: 0 0 1px 5px;
            border: 0
        }

.settings__upload-logo {
    display: inline-block
}

    .settings__upload-logo--input, .settings__upload-logo input[type=file] {
        display: none
    }

    .settings__upload-logo label {
        display: inline-block;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 3px 30px;
        border-radius: 2px;
        background-color: #8bc34a;
        vertical-align: middle;
        cursor: pointer;
        color: #fefefe;
        text-transform: uppercase;
        text-align: center;
        font-family: Roboto,sans-serif;
        font-size: 14px
    }

    .settings__upload-logo span {
        display: inline-flex;
        font-size: 13px
    }

        .settings__upload-logo span p {
            margin-bottom: 0;
            margin-right: 5px;
            font-weight: 700
        }

.settings input {
    padding-left: 10px;
    height: 39px;
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    font-size: 14px
}

    .settings input[type=text] {
        box-shadow: none;
        color: #333;
        font-family: Roboto,sans-serif
    }

    .settings input[placeholder]::-webkit-input-placeholder {
        color: #999
    }

    .settings input[placeholder]::-moz-placeholder {
        color: #999
    }

    .settings input[placeholder]:focus {
        color: #333
    }

.settings__input-name {
    display: block;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 278px
}

.settings__input-amount, .settings__input-currency {
    display: inline-block;
    width: 135px;
    margin-bottom: 20px;
    margin-right: 5px
}

.settings__input-amount {
    margin-left: 20px
}

.settings__span-color {
    display: inline-block;
    width: 240px;
    margin-right: 50px;
    margin-left: 20px;
    color: #999;
    font-size: 14px
}

.settings__toggle {
    display: inline-block;
    width: 210px;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

    .settings__toggle span:first-child {
        width: 80px;
        display: inline-block;
        text-align: right
    }

.settings__notification {
    position: relative;
    width: 300px
}

.settings__notification__item {
    position: absolute;
    padding: 8px 5px;
    transform: translateY(-25%);
    border: 1px solid #ff9800;
    color: #333;
    font-size: 13px
}

    .settings__notification__item span {
        padding: 0 5px
    }

.settings__triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.settings__triangle__orange {
    left: -10px;
    border-right: 10px solid #ff9800
}

.settings__triangle__transparent {
    left: -9px;
    border-right: 10px solid #fefefe;
    z-index: 1
}

.settings__datepicker {
    left: 315px;
    height: 35px;
    z-index: 3
}

.settings__datepicker, .settings__datepicker-2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 120px
}

.settings__datepicker-2 {
    left: 140px;
    height: 40px
}

.settings .not-clickable {
    pointer-events: none
}

.settings .disabled-date {
    cursor: not-allowed;
    text-decoration: none
}

.settings__calendar {
    margin: 0 7px
}

.settings__bottom-line {
    border-bottom: 1px dotted #999;
    height: 35px
}

.settings__toggle--dropdown {
    width: 1000px
}

.settings__toggle--dropdown-round {
    display: inline-block;
    margin-top: 25px;
    margin-right: 59px;
    margin-bottom: 15px;
    width: 170px;
    border-bottom: 1px solid #c6d2d9
}

    .settings__toggle--dropdown-round div {
        display: inline-block;
        min-width: 20px;
        height: 21px
    }

        .settings__toggle--dropdown-round div .dropdown {
            min-width: 20px;
            color: #333
        }

            .settings__toggle--dropdown-round div .dropdown:after {
                left: 145px
            }

            .settings__toggle--dropdown-round div .dropdown ul {
                top: 23px;
                left: 0;
                width: 170px
            }

.settings__toggle--dropdown-time {
    display: inline-block;
    width: 170px;
    border-bottom: 1px solid #c6d2d9
}

    .settings__toggle--dropdown-time div {
        display: inline-block;
        min-width: 20px;
        height: 21px
    }

        .settings__toggle--dropdown-time div .dropdown {
            left: 0;
            min-width: 20px;
            color: #333
        }

            .settings__toggle--dropdown-time div .dropdown:after {
                left: 145px
            }

            .settings__toggle--dropdown-time div .dropdown ul {
                top: 23px;
                left: 0;
                width: 170px;
                height: 200px;
                overflow-y: scroll
            }

.settings__button-save {
    width: 155px;
    background-color: #03a9f4;
    color: #fefefe;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    height: 50px;
    margin: 20px;
    border-radius: 2px;
    font-size: 14px
}

    .settings__button-save:focus {
        outline: none
    }

    .settings__button-save:active, .settings__button-save:focus {
        outline: 0
    }

    .settings__button-save:hover {
        background-color: #0091ea
    }

    .settings__button-save:disabled {
        background-color: #6eccf6
    }

.settings__list {
    position: relative;
    padding: 7px 0;
    border-bottom: 1px dotted #ccc
}

.settings__list__disabled {
    display: flex;
    border-bottom: 1px dotted #ccc
}

.settings__list__disabled__normal {
    opacity: .5;
    width: 50%
}

.settings__list__disabled__hover {
    position: relative;
    width: 30%;
    height: 160px;
    top: 60px;
    border: 1px solid #c6d2d9;
    text-align: center
}

    .settings__list__disabled__hover a {
        top: 32px;
        left: -5px;
        color: #03a9f4;
        border: none;
        box-shadow: none;
        font-size: 16px
    }

        .settings__list__disabled__hover a:hover {
            color: #03a9f4
        }

    .settings__list__disabled__hover img {
        width: auto;
        margin: 65px 5px 6px 0;
        border: none
    }

    .settings__list__disabled__hover span {
        top: 32px;
        position: relative
    }

.settings__list__automatic-lock {
    position: relative;
    width: 100%;
    margin: 10px 20px 10px 40px
}

.settings__list__automatic-lock--disabled {
    position: absolute;
    width: 100%;
    height: 35px;
    top: 0;
    background: #fff;
    opacity: .5;
    cursor: not-allowed
}

.settings__list__automatic-lock__row {
    display: flex;
    margin: 10px 0
}

    .settings__list__automatic-lock__row input[type=radio] {
        position: absolute;
        visibility: hidden
    }

        .settings__list__automatic-lock__row input[type=radio] + label:before {
            display: inline-block;
            position: relative;
            top: 2px;
            margin-right: 5px;
            border: 1px solid #999;
            width: 15px;
            height: 15px;
            vertical-align: baseline;
            content: " "
        }

        .settings__list__automatic-lock__row input[type=radio]:checked + label:before {
            background: #03a9f4;
            box-shadow: inset 0 0 0 2px #fff
        }

        .settings__list__automatic-lock__row input[type=radio] + label:before {
            border-radius: 50%
        }

    .settings__list__automatic-lock__row label {
        color: #999;
        margin-right: 0
    }

        .settings__list__automatic-lock__row label span {
            color: #333
        }

.settings__list__automatic-lock__row__dropdown {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 25px;
    padding: 4px 20px 4px 10px;
    font-size: 13px;
    margin: 0 10px;
    color: #333
}

.settings__list__automatic-lock__row__input {
    width: 40px;
    height: 25px !important;
    margin-left: 10px;
    margin-bottom: 0
}

    .settings__list__automatic-lock__row__input[type=number] {
        width: 65px;
        text-align: center
    }

.settings__list__automatic-lock__row .monthly__lock-schedule {
    margin-left: 10px
}

.settings__list__locked {
    position: relative;
    padding: 7px 0
}

.settings__list__round {
    margin-left: 40px;
    color: #03a9f4
}

    .settings__list__round:hover {
        color: #03a9f4
    }

.settings__list__timesheet {
    display: flex;
    border-top: 1px dotted #ccc
}

.settings__list--hide-pages section {
    display: none;
    width: 450px;
    height: 25px;
    text-align: center
}

    .settings__list--hide-pages section span {
        position: relative;
        bottom: 8px;
        font-size: 15px;
        color: #0a9aff;
        cursor: pointer
    }

    .settings__list--hide-pages section img {
        margin-right: 5px;
        width: 20px;
        border: 0
    }

.settings__list--hide-pages:hover div {
    display: none
}

.settings__list--hide-pages:hover section {
    display: block
}

@media only screen and (max-width:430px) {
    .settings__upload-logo label {
        margin-left: 7px
    }
}

.rounding__settings {
    position: absolute;
    width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    z-index: 2
}

    .rounding__settings h1 {
        font-size: 24px;
        margin: 20px;
        color: #666
    }

.rounding__settings__options {
    display: inline-flex;
    flex-direction: column;
    margin: 0 20px
}

    .rounding__settings__options label {
        width: 100%;
        font-size: 15px
    }

    .rounding__settings__options p {
        font-size: 13px
    }

.rounding__settings select {
    width: 250px;
    margin: 0 20px
}

.rounding__settings__close {
    height: 80px;
    border-top: 2px dotted #ccc;
    margin-top: 20px;
    text-align: right
}

    .rounding__settings__close a, .rounding__settings__close a:hover {
        color: #03a9f4
    }

    .rounding__settings__close button {
        margin: 20px;
        padding: 15px 40px;
        background: #03a9f4;
        color: #fff
    }

        .rounding__settings__close button:hover {
            background: #0091ea
        }

.disabled__background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: .6;
    width: 100%;
    height: 100%;
    background: #000
}

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%
}

.container:hover input ~ .checkmark {
    background-color: #ccc
}

.container input:checked ~ .checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container input:checked ~ .checkmark:after {
    display: block
}

.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.arrow-left {
    position: relative;
    top: 125px;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 4;
    border-left: 1px solid #c6d2d9;
    border-bottom: 1px solid #c6d2d9;
    transform: rotate(45deg);
    background: #fff
}

.alert {
    padding: 0;
    background-color: #fefefe
}

.alert__new {
    display: inline-flex;
    width: 100%;
    height: 40px;
    margin: 40px 0 20px
}

.alert__new__text {
    margin: 10px;
    color: #999
}

.alert__new button {
    display: inline-block;
    margin-left: 10px;
    padding: 0 70px;
    border-radius: 2px;
    background-color: #03a9f4;
    line-height: 40px;
    color: #fefefe;
    text-transform: uppercase
}

.alert__new__dropdown {
    position: relative;
    font-size: 14px;
    color: #666
}

.alert__new__dropdown__narrow {
    width: 85px
}

.alert__new__dropdown__wide {
    width: 170px
}

.alert__table {
    border-radius: 2px;
    border: solid #c6d2d9;
    border-width: 1px 1px 3px
}

.alert__table__header {
    border-bottom: 1px solid #c6d2d9;
    background: #e4eaee;
    padding: 14px 20px;
    color: #999;
    font-size: 12px
}

    .alert__table__header span {
        margin-left: 20px
    }

.alert__table__content__item {
    display: flex;
    height: 60px;
    border: 1px solid #c6d2d9;
    align-items: center
}

    .alert__table__content__item .alert--dots {
        position: relative;
        display: block;
        padding-left: 15px
    }

    .alert__table__content__item .alert__new__dropdown {
        margin-top: 15px
    }

.alert__dropdown {
    position: relative
}

.alert__dropdown__container {
    display: block;
    position: absolute;
    min-width: 140px;
    top: 8px;
    left: 30px;
    background: #fff;
    font-size: 16px;
    box-shadow: 0 1px 3px hsla(0,0%,50.2%,.5);
    text-decoration: none;
    text-align: center;
    z-index: 10
}

    .alert__dropdown__container a {
        display: block;
        height: 100%;
        padding: 8px 10px;
        box-shadow: 0 1px 3px hsla(0,0%,50.2%,.5)
    }

        .alert__dropdown__container a:hover {
            text-decoration: none
        }

.workspace__title {
    display: inline-block;
    margin-bottom: 0;
    line-height: 100px;
    font-size: 24px;
    color: #999
}

.page__container, .workspace {
    padding-left: 20px;
    font-size: 14px
}

.page__container {
    min-width: 320px
}

.page__container__header {
    padding-left: 20px;
    color: #666
}

.page__container .buttons-workspaces {
    position: relative;
    width: 100%
}

    .page__container .buttons-workspaces button {
        display: inline-block
    }

        .page__container .buttons-workspaces button:focus {
            outline: none
        }

.page__container .buttons-workspaces--hover-handler {
    opacity: .5;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: bottom;
    width: auto
}

.page__container .div__content-workspaces {
    margin-right: 20px;
    height: 460px;
    border: solid #c6d2d9;
    border-width: 1px 1px 3px;
    background-color: #fefefe
}

.page__container .div__content-workspaces--empty-list {
    margin-top: 40px;
    height: 26px
}

.page__container .div__content-workspaces .buttons-workspaces {
    margin-top: 40px;
    margin-left: 20px
}

    .page__container .div__content-workspaces .buttons-workspaces div {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-right: 8px;
        padding-left: 10px;
        background-color: #4db6ac;
        border-radius: 2px;
        color: #fefefe;
        font-family: Roboto,sans-serif
    }

        .page__container .div__content-workspaces .buttons-workspaces div span {
            vertical-align: middle
        }

        .page__container .div__content-workspaces .buttons-workspaces div a {
            display: inline-block
        }

.page__container .div__content-workspaces .buttons-workspaces--border {
    display: inline-block;
    border-right: 1px dotted #fff;
    height: 13px;
    vertical-align: sub
}

.page__container .div__content-workspaces .buttons-workspaces--edit:after {
    content: url(edit.aa5e947925ac64f92013.png);
    padding-right: 8px;
    padding-left: 10px;
    vertical-align: sub
}

.page__container .div__content-workspaces .buttons-workspaces--cross:after {
    content: url(cross.4d512d37bb60463dcdde.png);
    padding-left: 8px;
    vertical-align: sub
}

.page__container .div__content-workspaces--add-new-group {
    display: inline-block;
    margin-top: 40px;
    margin-left: 20px;
    width: 436px;
    height: 39px
}

    .page__container .div__content-workspaces--add-new-group input {
        display: inline-block;
        width: 277px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        color: #333
    }

        .page__container .div__content-workspaces--add-new-group input::-webkit-input-placeholder {
            color: #999
        }

        .page__container .div__content-workspaces--add-new-group input::-moz-placeholder {
            color: #999
        }

        .page__container .div__content-workspaces--add-new-group input::-ms-input-placeholder {
            color: #999
        }

        .page__container .div__content-workspaces--add-new-group input::placeholder {
            color: #999
        }

    .page__container .div__content-workspaces--add-new-group button {
        position: absolute;
        width: 155px;
        line-height: 39px;
        background-color: #03a9f4;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        font-family: Roboto,sans-serif
    }

        .page__container .div__content-workspaces--add-new-group button:hover {
            background-color: #0091ea
        }

        .page__container .div__content-workspaces--add-new-group button:disabled {
            background-color: #6eccf6
        }

        .page__container .div__content-workspaces--add-new-group button span {
            text-transform: uppercase;
            color: #fefefe
        }

.activeUserGroups {
    width: auto;
    height: 50px;
    border-radius: 2px;
    background-color: #fefefe;
    color: #999;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    position: relative;
    height: 52px;
    top: 1px
}

    .activeUserGroups:focus {
        outline: none
    }

    .activeUserGroups:active, .activeUserGroups:focus {
        outline: 0
    }

    .activeUserGroups:disabled {
        background-color: #6eccf6;
        top: 0
    }

.tracker__description {
    display: flex;
    width: 100%;
    text-align: left;
    align-items: center
}

.tracker__time__entry--input {
    display: inline-block;
    height: 40px;
    margin: -2px 0 0 10px;
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0 0 0 10px;
    box-shadow: none;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .tracker__time__entry--input:hover {
        border: 1px solid #c6d2d9
    }

    .tracker__time__entry--input:focus {
        border: 1px solid #c6d2d9;
        box-shadow: none;
        background: #fff
    }

.tracker__datePicker {
    display: inline-block
}

    .tracker__datePicker .icon--calendar, .tracker__datePicker .tracker__datePicker--end {
        display: inline-block;
        vertical-align: middle
    }

    .tracker__datePicker .icon--calendar {
        cursor: pointer;
        padding: 0 15px 0 10px
    }

.locked {
    cursor: default !important
}

    .locked :focus {
        outline: none
    }

.locked__img:before {
    display: inline-block;
    height: 24px;
    margin-right: 0;
    margin-left: 20px;
    vertical-align: middle;
    content: url(padlock.309cef251d3750157c68.png)
}

.locked__img-report:before {
    margin-right: 15px;
    content: url(padlock.309cef251d3750157c68.png)
}

.locked__input {
    display: inline-block
}

.entry {
    display: inline-flex;
    width: 100%;
    height: 60px;
    align-items: center
}

.icon--dots {
    width: 30px;
    height: 35px;
    margin-top: 2px;
    padding: 5px
}

.no__entries {
    display: inline-flex;
    position: relative;
    flex-direction: column;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15%;
    text-align: center;
    margin-bottom: 3%
}

.no__entries--image {
    width: 100%;
    height: 100%
}

.no__entries--title {
    margin: 10px 0;
    font-weight: 700
}

.no__entries--text, .no__entries--title {
    position: relative;
    top: 20px;
    font-size: 17px
}

.no__entries--text {
    color: #999
}

.tag__popdown__list--active {
    background-color: #e4eaee
}

.tracker {
    padding: 40px 20px 0;
    height: 100%;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    color: #333;
    white-space: nowrap;
    background-color: #eff4f7
}

@media only screen and (max-width:928px) {
    .tracker {
        min-width: 928px
    }
}

.icon--plus, .icon--plus:hover {
    color: #999
}

.icon--projects:before {
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    top: 33%;
    content: url(projects.ce7a0da9d5748768f9f0.png)
}

.icon--google:before {
    margin-right: 10px;
    line-height: 10px;
    vertical-align: -50%;
    content: url(google-icon.9b2bdeecef873fef3c95.png)
}

.icon--tag--without-pointer:before {
    display: block;
    line-height: 1;
    content: url(tag.374ee97b243716ff311c.png)
}

.icon--user--not-selected:before {
    display: block;
    line-height: 1;
    content: url(user.4c779609e392d3c66d3f.png)
}

.fa.fa-calendar:after, .icon--calendar:after {
    display: inline-block;
    vertical-align: middle;
    content: url(calendar.2cf9627ed3e63e8752a1.png)
}

.calendar .fa.fa-calendar:after {
    position: relative;
    top: 2px
}

.icon--plus:before {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    line-height: 1;
    content: url(plus.f9a10c6e6ec7f6b099f3.png)
}

.icon--dollar:before {
    display: block;
    line-height: 1;
    content: url($.7ca3fb2ea1eb9e881fb3.png)
}

.icon--tag:before {
    display: block;
    line-height: 1;
    content: url(tag.374ee97b243716ff311c.png)
}

.icon--dollar--selected:before {
    display: block;
    line-height: 1;
    content: url($-selected.4b54af4207b9ef77a317.png)
}

.icon--tag--selected:before {
    display: block;
    line-height: 1;
    content: url(tag-selected.71b8809eecc3d3445a9e.png)
}

.icon--cancel:before {
    display: block;
    line-height: 1;
    content: url(delete.c118cbd86abfde588684.png)
}

.icon--projects-header-arrow-up:before {
    content: url(arrow-up.03371176edddd5df40c1.png)
}

.icon--projects-header-arrow-down:before {
    content: url(arrow-down.7abea1bc3fa92d5f45a1.png)
}

.icon--save:before {
    content: url(save.3dcdc57da5f73fe1b1d2.png)
}

.icon--save:before, .icon--settings:before {
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    top: 33%
}

.icon--settings:before {
    content: url(settings.e288cfadb7c388283fea.png)
}

.icon--print:before {
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    top: 33%;
    content: url(print.341872eed49937f8147f.png)
}

.icon--dots:hover:before {
    content: url(dots-hover.d9dca9aea0ed233cfa25.png)
}

.icon--dots:before {
    content: url(dots.d9c07292d349ec549314.png);
    cursor: pointer
}

.icon--checked:before, .icon--dots:before {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

.icon--checked:before {
    content: url(checked.67b9195d6f4bd44b1ec0.png)
}

.tag__popdown {
    position: absolute;
    background: #fefefe;
    width: 300px;
    height: 220px;
    box-shadow: 2px 2px 2px 2px #999;
    border-left: 0;
    margin-top: 5px
}

.tag__popdown--input {
    width: 280px;
    margin: 10px
}

.tag__popdown ul {
    list-style-type: none
}

.popup .popup-content {
    display: none
}

.popup:hover .popup-content {
    display: block
}

.dropdown-filter--container {
    position: absolute;
    z-index: 2;
    top: -11px;
    left: -11px;
    display: inline-block;
    border: 1px solid #c6d2d9;
    background-color: #fefefe;
    padding: 10px;
    box-shadow: 0 0 7px #ccc
}

    .dropdown-filter--container .dropdown-filter {
        position: relative;
        display: inline-block;
        width: 280px;
        max-height: 400px;
        background-color: #fefefe;
        text-align: left
    }

        .dropdown-filter--container .dropdown-filter .dropdown-filter__close-icon {
            position: absolute;
            top: 13px;
            right: 10px;
            cursor: pointer
        }

        .dropdown-filter--container .dropdown-filter input {
            margin: 0 0 10px;
            padding: 0 40px 0 10px
        }

        .dropdown-filter--container .dropdown-filter .dropdown-filter__list {
            width: 100%;
            max-height: 330px;
            overflow-y: scroll;
            line-height: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container {
                padding: 10px 0
            }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter__item--key {
                    padding-bottom: 10px
                }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter--values {
                    display: flex;
                    padding: 5px 0;
                    cursor: pointer
                }

                    .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter--values:hover {
                        background: #e4eaee
                    }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter--values__disabled {
                    cursor: default
                }

                    .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter--values__disabled:hover {
                        background: none
                    }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter__item {
                    display: inline-block;
                    padding-left: 10px;
                    max-width: 250px;
                    height: 15px;
                    vertical-align: middle;
                    color: #666;
                    cursor: pointer;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap
                }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter__item--container .dropdown-filter__item__disabled {
                    cursor: default;
                    color: #ddd
                }

            .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter--everyone {
                padding: 10px 0;
                border-bottom: 1px dotted #999
            }

                .dropdown-filter--container .dropdown-filter .dropdown-filter__list .dropdown-filter--everyone span {
                    margin-left: 5px;
                    color: #666;
                    font-size: 13px
                }

        .dropdown-filter--container .dropdown-filter .no-entity {
            color: #999;
            font-size: 11px
        }

.check-box {
    position: relative;
    display: inline-block;
    border: 1px solid #999;
    background-color: #fefefe;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.check-box__disabled {
    border-color: #ddd;
    background: url(checked_gray.b09459676b5844e47122.png) 50% no-repeat
}

.tick {
    background: url(checked.67b9195d6f4bd44b1ec0.png) 50% no-repeat
}

.disabled-tick {
    background: url(checked-disabled.de5a6354521ca69bad32.png) 50% no-repeat
}

.disabled-name {
    color: #999 !important
}

.invisible--container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 0
}

.invisible--container__level-1 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1
}

.invisible--container__level-2 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 2
}

div:not(.cl-redesign) .modal {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 384px;
    height: 480px;
    text-align: center;
    font-family: Roboto,sans-serif
}

div:not(.cl-redesign) .modal__content {
    z-index: 1000;
    border-radius: 5px;
    background-color: #fff;
    width: 380px
}

    div:not(.cl-redesign) .modal__content .robot {
        padding: 20px;
        background-color: #fff;
        font-size: 18px;
        color: #999;
        text-transform: uppercase
    }

div:not(.cl-redesign) .modal__background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .9;
    background: rgba(96,98,99,.7);
    width: 100%;
    height: 100%
}

input[type=checkbox].input__checkbox {
    display: none
}

    input[type=checkbox].input__checkbox + label {
        margin: 0
    }

    input[type=checkbox].input__checkbox:checked + label:before {
        background: url(checked.67b9195d6f4bd44b1ec0.png) 50% no-repeat
    }

    input[type=checkbox].input__checkbox + label:before {
        content: "";
        vertical-align: middle;
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #fefefe;
        border: 1px solid #c6d2d9;
        margin-right: 10px
    }

.toaster-icon {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    color: #fff
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    z-index: 999
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-content {
    display: inline-block;
    width: 95%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-center {
    top: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-center {
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-center {
    top: 45%
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: auto
}

    #toast-container.toast-bottom-center, #toast-container.toast-center, #toast-container.toast-top-center {
        width: 100%;
        pointer-events: none;
        left: 0;
        right: 0
    }

        #toast-container.toast-bottom-center > div, #toast-container.toast-center > div, #toast-container.toast-top-center > div {
            margin: 6px auto;
            pointer-events: auto
        }

        #toast-container.toast-bottom-center > button, #toast-container.toast-center > button, #toast-container.toast-top-center > button {
            pointer-events: auto
        }

    #toast-container * {
        box-sizing: border-box
    }

    #toast-container > div {
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px;
        background-repeat: no-repeat;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container > :hover {
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer
    }

.icon-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

.icon-error, .icon-success {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.icon-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

.icon-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

.icon-info, .icon-wait {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.icon-wait {
    background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important
}

.icon-warning {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    position: relative;
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info, .toast-wait {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

@media (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.1em;
        top: -.2em
    }

    .toast-content {
        width: 94%
    }
}

@media (min-width:241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.1em;
        top: -.2em
    }

    .toast-content {
        width: 94%
    }
}

@media (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.toast-bottom-right {
    right: 1.4286rem;
    bottom: 1.4286rem
}

#toast-container {
    z-index: 1070
}

    #toast-container .toast-content {
        text-align: center
    }

    #toast-container > div {
        width: 360px;
        box-shadow: 0 .25rem .75rem rgba(10,10,10,.1);
        padding: .75rem;
        opacity: 1
    }

        #toast-container > div:not(:last-child) {
            margin-bottom: .75rem
        }

        #toast-container > div:hover {
            box-shadow: 0 .25rem .75rem rgba(10,10,10,.1)
        }

@media screen and (max-width:991px) {
    #toast-container > div {
        width: 300px
    }
}

#toast-container .toast-close-button {
    right: 0;
    top: 0;
    font-weight: 400
}

#toast-container .toast-message, #toast-container .toast-title {
    text-align: left
}

#toast-container .toast-title {
    font-weight: 400
}

#toast-container .toast-message {
    font-size: 90%;
    opacity: .8
}

#toast-container .toast-success {
    background-color: #4caf50
}

#toast-container .toast-error {
    background-color: #f44336
}

#toast-container .toast-info {
    background-color: #fff;
    color: #666;
    padding-left: 2.8572rem
}

    #toast-container .toast-info .toaster-icon {
        display: block;
        width: 45px;
        height: 45px;
        background: url(checkmark-green-circle.85f7a4eedfaa5573b3cc.png) no-repeat .7143rem .7143rem
    }

    #toast-container .toast-info .toast-close-button {
        color: #666
    }

#toast-container .toast-warning {
    background-color: #00bcd4
}

.report-filter {
    display: flex;
    height: 60px;
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    background: #fefefe
}

.report-filter--container {
    position: relative;
    flex-grow: 1;
    display: inline-flex;
    margin-left: 10px
}

.report-filter__item {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    color: #999;
    width: auto;
    border-right: 1px dotted #999;
    height: 40px;
    margin-top: 10px;
    min-width: 100px
}

.report-filter__item--title {
    position: relative;
    display: inline-block;
    line-height: 40px;
    margin: 0 5px;
    cursor: pointer;
    padding-left: 5px
}

    .report-filter__item--title:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #999 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle
    }

.report-filter__item__dropdown__span {
    position: relative;
    display: inline-block;
    line-height: 56px;
    margin: 0 5px;
    cursor: pointer
}

.report-filter__item__dropdown__span-dollar {
    font-size: 25px;
    padding-left: 15px
}

    .report-filter__item__dropdown__span-dollar img {
        margin-right: 15px
    }

.report-filter__item__dropdown__span--archived {
    line-height: 40px;
    padding-left: 10px
}

.report-filter__item__dropdown--list {
    position: absolute;
    top: 49px;
    left: -9px;
    margin: 0;
    width: 120px;
    box-sizing: border-box;
    background-color: #fefefe;
    box-shadow: 0 0 7px #ccc;
    text-align: left;
    list-style: none;
    z-index: 1
}

.report-filter__item__dropdown--list--item {
    padding: 10px;
    line-height: 14px;
    box-sizing: border-box;
    font-size: 14px
}

    .report-filter__item__dropdown--list--item:hover {
        background-color: #e4eaee;
        list-style: none
    }

.report-filter__item:hover {
    color: #666
}

.report-filter .icon--tag:before {
    display: inline-flex;
    width: 35px;
    vertical-align: middle
}

.report-filter__search {
    flex-grow: 3;
    padding-left: 40px
}

    .report-filter__search search {
        display: inline-flex;
        position: relative;
        width: 100%
    }

.projects-filter--button-cool {
    width: 120px;
    height: 40px;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    cursor: pointer;
    margin-right: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #03a9f4;
    color: #fefefe;
    text-transform: uppercase;
    transform: translateY(22%)
}

    .projects-filter--button-cool:hover {
        background-color: #0091ea
    }

    .projects-filter--button-cool:disabled {
        background-color: #6eccf6
    }

.report-filter-count {
    position: absolute;
    background-color: #03a9f4;
    padding: 1px 7px;
    left: 70px;
    bottom: 40px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #fefefe
}

#audit_item {
    width: 0
}

.client-item {
    min-width: 130px
}

.report-actions__item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-left: 1px dotted #c6d2d9;
    padding: 0 20px;
    vertical-align: middle;
    line-height: 30px;
    color: #999;
    font-size: 14px;
    cursor: pointer
}

    .report-actions__item:first-child:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #999 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        display: inline-block;
        margin: 0 6.6666666667px;
        vertical-align: middle
    }

.report-actions__export {
    position: absolute;
    top: 38px;
    right: -5px;
    padding: 10px 0;
    box-shadow: 0 1px 3px hsla(0,0%,50.2%,.5);
    list-style: none;
    background-color: #fff;
    width: 130px;
    z-index: 1
}

.report-actions__export--button {
    display: block;
    margin-left: 35px
}

    .report-actions__export--button:hover {
        background-color: #e4eaee;
        text-decoration: none
    }

.report-actions__export li {
    width: 100%
}

    .report-actions__export li span {
        width: 100%;
        display: inline-block;
        text-align: center
    }

.report-actions__export img {
    margin: 0 50px
}

.report-actions__export__invite a, .report-actions__export__invite a:hover {
    color: #03a9f4
}

.report-actions__export--clickable span {
    cursor: pointer
}

    .report-actions__export--clickable span:hover {
        background-color: #e4eaee
    }

.icon--print:before, .icon--save:before, .icon--settings:before {
    display: inline-block;
    margin-right: 0;
    margin-top: 8px;
    vertical-align: middle
}

.report-actions__rounding {
    height: 140px;
    text-align: left
}

    .report-actions__rounding li {
        margin-top: 20px
    }

.icon--checked-rounding:after {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    margin-left: 10px;
    content: url(checked.67b9195d6f4bd44b1ec0.png)
}

.saved__reports {
    background-color: #f8f8f8
}

.saved__reports--container {
    font-family: Roboto,sans-serif;
    font-size: 14px
}

    .saved__reports--container table {
        padding-top: 20px
    }

        .saved__reports--container table thead {
            border: 1px solid #c6d2d9;
            border-radius: 2px;
            line-height: 60px;
            background-color: #e4eaee
        }

            .saved__reports--container table thead tr td {
                color: #999
            }

        .saved__reports--container table tbody {
            border-radius: 2px;
            border: solid #c6d2d9;
            border-width: 1px 1px 3px
        }

        .saved__reports--container table tr:first-child {
            padding-top: 40px
        }

        .saved__reports--container table tr {
            border-bottom: 1px solid #c6d2d9
        }

            .saved__reports--container table tr td:first-child {
                padding-left: 20px
            }

            .saved__reports--container table tr td:nth-child(2) {
                width: 300px
            }

            .saved__reports--container table tr td {
                position: relative;
                min-width: 100px;
                padding: 0;
                vertical-align: middle;
                color: #333
            }

                .saved__reports--container table tr td input[readonly] {
                    cursor: auto
                }

.saved__reports--input {
    margin: 5px 0;
    width: 500px;
    height: 50px;
    background-color: #eff4f7;
    color: #333
}

.saved__reports--menu {
    top: 15px;
    left: 0;
    text-decoration: none
}

.saved-reports__copy-url {
    display: inline-block;
    border-radius: 2px;
    padding: 0 40px;
    line-height: 40px;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #03a9f4
}

    .saved-reports__copy-url:hover {
        background-color: #0091ea
    }

.saved-report__visibility-container {
    position: relative;
    text-align: left
}

.report-time {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px
}

.report-time--small {
    height: 30px
}

.report-time--big {
    height: 60px
}

.report-time__button {
    display: block;
    position: relative;
    width: 100%
}

    .report-time__button button {
        display: block;
        position: relative;
        width: 160px;
        height: 30px;
        float: right;
        border-radius: 2px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase
    }

.report-time__button--active button {
    background: #0a9aff
}

.report-time__button--disabled--upgrade {
    display: block;
    position: relative;
    width: 160px;
    height: 30px;
    float: right;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #c6d2d9
}

.report-time__button--disabled button {
    background: #ccc
}

.report-time__button--disabled img {
    display: inline-block;
    margin: 0 0 1px 10px
}

.report-time__button--disabled a {
    display: inline-block;
    margin: 4px;
    color: #0a9aff
}

    .report-time__button--disabled a:hover {
        color: #0a9aff
    }

.report-time__add {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    background: #fefefe;
    white-space: nowrap
}

.report-time__add__description {
    display: flex;
    width: 100%;
    text-align: left;
    align-items: center
}

.report-time__add__description--input {
    display: inline-block;
    height: 40px;
    margin: 0 0 0 10px;
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0 0 0 10px;
    box-shadow: none;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .report-time__add__description--input:hover {
        border: 1px solid #c6d2d9
    }

    .report-time__add__description--input:focus {
        border: 1px solid #c6d2d9;
        box-shadow: none;
        background: #fff
    }

@media only screen and (max-width:1200px) {
    .report-time__add__description--input {
        font-size: 13px !important
    }
}

.report-time__add__user {
    align-items: center;
    border-left: 1px dotted #c6d2d9;
    border-right: 1px dotted #c6d2d9;
    color: #999
}

    .report-time__add__user, .report-time__add__user .icon--user {
        display: flex;
        position: relative;
        height: 40px;
        align-self: center
    }

        .report-time__add__user .icon--user {
            padding: 0 10px;
            line-height: 40px;
            align-content: center;
            border: 1px solid transparent
        }

        .report-time__add__user .icon--user--not-selected {
            color: #999
        }

            .report-time__add__user .icon--user--not-selected:before {
                position: relative;
                top: 3px;
                margin-right: 10px;
                line-height: 60px;
                align-self: center;
                align-content: center
            }

            .report-time__add__user .icon--user--not-selected:hover {
                color: #0a9aff
            }

        .report-time__add__user .icon--user--selected {
            color: #333
        }

        .report-time__add__user .icon--user span {
            font-size: 14px
        }

        .report-time__add__user .icon--user:hover {
            border: 1px solid #c6d2d9
        }

@media only screen and (max-width:1200px) {
    .report-time__add__user .icon--user span {
        font-size: 13px !important
    }
}

.report-time__add__user:hover {
    border: 1px solid #c6d2d9
}

.report-time__add__project {
    display: flex;
    position: relative;
    flex: 0 0 auto;
    height: 40px;
    max-width: 400px;
    align-items: center;
    align-self: center;
    border: 1px solid transparent
}

    .report-time__add__project:hover {
        border: 1px solid #c6d2d9
    }

    .report-time__add__project .icon--plus {
        display: flex;
        padding: 0 20px;
        line-height: 40px
    }

        .report-time__add__project .icon--plus:hover {
            color: #0091ea
        }

        .report-time__add__project .icon--plus:before {
            position: relative;
            align-self: center
        }

.report-time__add__project--name {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.report-time__add__project .entry__project__dot {
    display: flex;
    flex: 0 0 auto;
    margin: 15px;
    width: 7px;
    height: 7px;
    vertical-align: middle;
    border-radius: 50%
}

@media only screen and (max-width:1500px) {
    .report-time__add__project {
        max-width: 300px
    }
}

@media only screen and (max-width:1400px) {
    .report-time__add__project {
        max-width: 200px
    }
}

@media only screen and (max-width:1300px) {
    .report-time__add__project {
        max-width: 100px
    }
}

@media only screen and (max-width:1200px) {
    .report-time__add__project {
        font-size: 13px !important
    }
}

.report-time__add__tag {
    border-left: 1px dotted #c6d2d9
}

.report-time__add__billable, .report-time__add__tag {
    display: flex;
    position: relative;
    height: 40px;
    padding: 0 20px;
    border-right: 1px dotted #c6d2d9;
    align-items: center;
    align-self: center;
    cursor: pointer
}

.report-time__add__time {
    padding-right: 10px;
    line-height: 60px;
    font-size: 14px
}

@media only screen and (max-width:1200px) {
    .report-time__add__time {
        font-size: 13px !important
    }
}

.report-time__add__duration--input {
    display: inline-block;
    height: 40px;
    width: 90px;
    margin: 10px 0;
    padding-left: 5px;
    padding-right: 5px;
    background: transparent;
    border: 1px dotted #c6d2d9;
    border-top: none;
    border-bottom: none;
    outline: none;
    vertical-align: middle;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-family: Roboto,sans-serif;
    cursor: pointer
}

@media only screen and (max-width:1200px) {
    .report-time__add__duration--input {
        font-size: 14px !important
    }
}

.report-time__add__button {
    display: inline-block;
    margin: 10px;
    border-radius: 2px;
    background-color: #03a9f4;
    padding: 0 40px;
    line-height: 40px;
    color: #fefefe;
    text-transform: uppercase
}

    .report-time__add__button:focus {
        border: none;
        outline: none;
        background-color: #0091ea
    }

    .report-time__add__button:hover {
        background-color: #0091ea
    }

.report-time__add--cancel {
    display: inline-block;
    padding-right: 10px;
    align-self: center
}

    .report-time__add--cancel .icon--cancel {
        position: relative;
        cursor: pointer
    }

.reports--datepicker {
    float: right;
    margin-top: 30px;
    border: 0
}

@media print {
    .reports--datepicker {
        display: none
    }
}

.report__filter {
    margin-bottom: 20px
}

@media print {
    .report__filter {
        display: none
    }
}

.report__total-time {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 60px
}

    .report__total-time:first-child {
        margin-left: 20px
    }

.report__total-time--hours {
    margin-left: -4px;
    font-size: 17px;
    font-weight: 700;
    color: #000
}

.report__total-time .first {
    margin-left: 10px
}

.report__total-time .second {
    font-weight: 700;
    font-size: 14px;
    color: #999
}

.report__total-time .with-margin {
    margin-left: -4px
}

.report__total-time--third {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px
}

.report__total-time--label {
    font-size: 14px;
    color: #999
}

.report__filter--container {
    height: 52px;
    border-bottom: 1px solid #c6d2d9;
    background: #e4eaee
}

.report-actions__container {
    display: inline-block;
    float: right;
    line-height: 55px;
    text-align: center
}

.saved-report__choose-team__container {
    display: inline-block;
    width: 62%;
    text-align: right
}

.save-report__dropdown > .dropdown {
    width: 100%;
    left: auto;
    text-transform: none
}

    .save-report__dropdown > .dropdown:after {
        left: auto
    }

    .save-report__dropdown > .dropdown > .dropdown--list {
        top: auto;
        left: auto;
        width: 100%;
        min-height: 220px;
        overflow-y: scroll
    }

.save-report__dropdown {
    width: 62%
}

.save-report__visible-to__container {
    padding-top: 10px
}

.save-report__choose-user-group-message {
    padding-top: 10px;
    text-transform: none;
    font-size: 14px
}

.weekly__square {
    position: relative;
    display: inline-block;
    margin: 18px;
    border: 1px solid #c6d2d9;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor: pointer
}

    .weekly__square .horizontal {
        position: absolute;
        top: 6px;
        left: 2px;
        background: #c6d2d9;
        width: 10px;
        height: 2px
    }

    .weekly__square .vertical {
        position: absolute;
        top: 2px;
        left: 6px;
        background: #c6d2d9;
        height: 10px;
        width: 2px
    }

.weekly__filter {
    display: inline-flex;
    position: relative;
    height: 52px;
    width: 100%;
    top: -3px;
    line-height: 50px;
    border-bottom: 1px solid #c6d2d9;
    background: #e4eaee;
    font-size: 0
}

.weekly__filter--grouped-by {
    display: inline-flex;
    width: 30%;
    margin-left: 11px
}

@media print and (orientation:portrait) {
    .weekly__filter--grouped-by {
        width: 18%;
        overflow: hidden
    }
}

.grouped__by__weekly {
    width: 175px;
    height: 50px;
    font-size: 13px;
    margin: 2px;
    color: #999;
    cursor: pointer
}

.grouped__by__weekly--triangle {
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #999 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0
}

.weekly__week {
    display: inline-flex;
    width: 70%;
    margin-left: -15px;
    font-size: 13px;
    color: #999
}

    .weekly__week div {
        width: 13%;
        min-width: 77px;
        height: 50px;
        text-align: center
    }

.weekly__dropdown {
    display: block;
    position: absolute;
    margin: 45px;
    width: 160px;
    height: 210px;
    font-size: 14px;
    background-color: #fefefe;
    box-shadow: 0 0 7px #ccc
}

    .weekly__dropdown p {
        margin: 10px 20px;
        font-size: 13px;
        color: #999
    }

    .weekly__dropdown ul {
        list-style-type: none;
        margin: 0;
        font-size: 13px
    }

    .weekly__dropdown li {
        padding: 6px 40px;
        cursor: pointer
    }

.weekly__container {
    margin-top: -3px;
    margin-bottom: -20px
}

.weekly__container--table__tbody {
    font-size: 14px
}

    .weekly__container--table__tbody td, .weekly__container--table__tbody tr {
        border-bottom: 1px solid #c6d2d9
    }

        .weekly__container--table__tbody tr:hover {
            background: rgba(228,234,238,.3)
        }

    .weekly__container--table__tbody .seconds {
        color: #999;
        margin-left: -2px
    }

    .weekly__container--table__tbody .minutes {
        margin-left: -3px
    }

.weekly__container--table__tbody--duration {
    text-align: center;
    min-width: 77px
}

.weekly__container--table__tbody--label {
    text-align: left;
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.weekly__container--table__tbody--client {
    color: #999
}

.weekly__container--table__tbody--user-duration {
    font-size: 13px;
    text-align: center
}

.weekly__container--table__tbody--user-label {
    font-size: 13px;
    width: 30%;
    text-align: left;
    padding-left: 40px
}

.weekly__container--table__tbody--total-label {
    width: 30%;
    text-align: left;
    padding: 25px 40px
}

.table__square {
    position: relative;
    display: inline-block;
    margin: 15px 7px;
    border: 1px solid #c6d2d9;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor: pointer
}

.hourlyRate {
    display: inline-block;
    font-size: 16px
}

.hourlyRate__amount, .hourlyRate__currency {
    display: inline-block;
    width: 50px;
    height: 35px;
    vertical-align: middle;
    font-size: 16px;
    margin: 0 10px 0 0;
    border-radius: 2px
}

.hourlyRate__amount {
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1)
}

.hourlyRate span {
    font-size: 12px;
    color: #999
}

.hourlyRate input[type=text]:disabled {
    background: #d4d4d4;
    color: #d4d4d4;
    cursor: not-allowed
}

.timepicker {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    .timepicker .timepicker--format, .timepicker .timepicker--hour, .timepicker .timepicker--minutes {
        display: block;
        margin: 0;
        border: none;
        outline: none;
        padding: 0;
        vertical-align: middle;
        width: 70px;
        text-align: center
    }

    .timepicker .timepicker--hour {
        cursor: pointer;
        background: transparent
    }

        .timepicker .timepicker--hour:hover {
            border: 1px solid #c6d2d9
        }

        .timepicker .timepicker--hour:focus {
            border: 1px solid #c6d2d9;
            background: #fff
        }

        .timepicker .timepicker--hour:disabled {
            cursor: default
        }

    .timepicker .timepicker--time {
        display: block
    }

.prev.available > .fa.fa-chevron-left.glyphicon.glyphicon-chevron-left:before {
    content: url(filter-arrow-left.9c4a53190c627da2e0ad.png)
}

.next.available > .fa.fa-chevron-right.glyphicon.glyphicon-chevron-right:before {
    content: url(filter-arrow-right.c2a90dcbce9bb8ab8041.png)
}

.icon-dropdown {
    position: relative;
    line-height: 10px
}

.icon-dropdown--container {
    position: absolute;
    top: -8px;
    right: 0;
    font-size: 16px;
    display: block;
    background: #fff;
    min-width: 140px;
    z-index: 10
}

    .icon-dropdown--container > * {
        display: block;
        padding-top: 15px;
        position: relative;
        min-height: 40px;
        box-shadow: 0 1px 3px hsla(0,0%,50.2%,.5);
        text-decoration: none;
        text-align: center;
        font-size: 14px
    }

    .icon-dropdown--container > :hover {
        background: #e4eaee;
        text-decoration: none
    }

.icon-dropdown .icon-dropdown--container-edit-project {
    min-width: 0
}

    .icon-dropdown .icon-dropdown--container-edit-project > * {
        padding: 10px 40px;
        line-height: 1.3
    }

.project-picker {
    position: relative
}

.project-picker__container {
    position: absolute;
    left: 0;
    top: 0;
    width: 380px;
    display: block;
    background-color: #fff;
    border: 1px solid #c6d2d9;
    z-index: 1;
    max-height: 400px;
    overflow-y: auto
}

.project-picker--list > * {
    text-align: left;
    padding: 0 20px;
    min-height: 25px;
    line-height: 2;
    border-bottom: 1px dotted #999
}

.project-picker--list .icon--plus {
    line-height: 10px;
    padding: 0;
    border-right: 0;
    cursor: pointer
}

.project-picker--list__no-project {
    cursor: pointer
}

    .project-picker--list__no-project span {
        display: block;
        padding-bottom: 5px;
        color: #333
    }

.project-picker--container {
    display: flex;
    flex-wrap: wrap
}

.project-picker--expanded {
    height: auto
}

.project-picker--project-long {
    min-width: 170px
}

.project-picker--project-middle {
    min-width: 100px
}

.project-picker--project--client {
    display: flex;
    width: calc(100% - 20px);
    align-items: center
}

.project-picker--project--client--with-tasks {
    width: calc(100% - 96px)
}

.project-picker--project-color {
    display: inline-block;
    width: 6px;
    min-width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.project-picker--project-name {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 50px
}

.project-picker--client {
    display: inline-block;
    position: relative;
    margin-left: 5px
}

.project-picker--tasks {
    float: right;
    cursor: pointer;
    color: #999
}

    .project-picker--tasks img {
        margin: 0 10px
    }

.project-picker--tasks--selected {
    color: #999;
    cursor: pointer
}

    .project-picker--tasks--selected img {
        margin: 0 10px
    }

.project-picker--favorite {
    position: absolute;
    right: 20px;
    width: 20px;
    padding: 0
}

.project-picker .hover {
    background-color: #999
}

.project-picker--client {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 282;
    color: #999
}

.project-picker__task {
    line-height: 15px;
    padding-left: 20px
}

    .project-picker__task > li {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 235;
        list-style: none;
        cursor: pointer;
        padding: 5px 0
    }

.project-picker__search-input {
    width: calc(100% - 20px);
    margin: 10px
}

.hover {
    background-color: #999
}

.user-picker {
    display: block;
    position: absolute;
    width: 380px;
    max-height: 400px;
    background-color: #fff;
    left: 0;
    top: 0;
    border: 1px solid #c6d2d9;
    z-index: 1;
    overflow-y: auto
}

.user-picker--tick {
    display: block;
    position: relative;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px
}

.user-picker__you {
    display: flex;
    position: relative;
    width: 100%;
    height: 45px;
    border-bottom: 1px dotted #c6d2d9;
    cursor: pointer
}

    .user-picker__you span {
        margin-left: 20px;
        line-height: 45px;
        color: #333
    }

    .user-picker__you label {
        margin: 0 5px;
        line-height: 45px;
        color: #999
    }

.user-picker__search__see {
    display: block;
    position: relative;
    margin: 10px 20px;
    color: #333;
    font-size: 12px
}

.user-picker__search__input {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #fefefe;
    text-align: left
}

    .user-picker__search__input input {
        width: calc(100% - 20px);
        margin: 0 10px;
        border-radius: 2px
    }

.user-picker__search__input--close {
    position: absolute;
    width: 12px;
    top: 13px;
    right: 20px;
    cursor: pointer
}

.user-picker__search__team ul {
    margin: 10px 20px;
    list-style-type: none
}

.user-picker__search__team li {
    display: flex;
    height: 30px;
    cursor: pointer
}

    .user-picker__search__team li:hover {
        background: #eff4f7
    }

    .user-picker__search__team li span {
        color: #666;
        line-height: 30px
    }

.grouped__by {
    position: relative;
    min-width: 80px;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.grouped__by--summary {
    display: inline-block
}

.grouped__by__title {
    margin-left: 20px;
    height: 24px;
    width: auto;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 10px
}

    .grouped__by__title:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #999 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }

.grouped__by__title--without-arrow:after {
    display: none
}

.grouped__by--days {
    display: inline-block;
    vertical-align: middle;
    margin-left: 80px;
    width: 64%
}

    .grouped__by--days span {
        display: inline-block;
        width: 110px
    }

        .grouped__by--days span:last-child {
            padding-left: 40px
        }

.grouped__by--days--table {
    display: inline-block;
    padding-left: 390px
}

    .grouped__by--days--table span {
        display: inline-block;
        width: 110px
    }

        .grouped__by--days--table span:last-child {
            padding-left: 30px
        }

.grouped__by--days--table--center span {
    text-align: center
}

.grouped__by--row {
    display: block
}

.grouped__by--names {
    position: absolute;
    display: inline-block;
    padding-top: 20px;
    padding-left: 30px;
    width: 400px;
    z-index: 0
}

    .grouped__by--names:first-child {
        padding-top: 0
    }

.items {
    position: absolute;
    left: 23px;
    top: 40px;
    width: 89%;
    height: auto;
    z-index: 1
}

    .items p {
        margin-bottom: 0;
        padding-left: 5px
    }

    .items ul {
        padding-top: 5px;
        margin-left: 0
    }

    .items li {
        list-style-type: none;
        padding-left: 20px
    }

        .items li:hover, .selected--item {
            background-color: #e4eaee
        }

.project--table__tbody span.time-entry-table__description--no-description {
    font-style: italic
}

.project--table__tbody span.time-entry-table__project-details {
    padding: 5px 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #999
}

.project--table__tbody span.time-entry-table__project-details--client {
    color: #999
}

.cursor-pointer {
    cursor: pointer !important
}

.interval-time__time {
    display: inline-block;
    width: 90px;
    text-align: justify
}

.interval-time__date {
    display: inline-block;
    margin-left: 20px;
    text-align: right
}

.table__time-entry {
    position: relative
}

    .table__time-entry input {
        width: auto
    }

@media only screen and (max-width:1400px) {
    .table__time-entry input {
        width: 120px
    }
}

.table__time-entry .tracker__tag--container-margin {
    margin-top: 9px
}

.table__time-entry .project-picker__container {
    min-width: 300px
}

    .table__time-entry .project-picker__container input {
        width: 100%
    }

.table__time-entry__project {
    display: inline-block;
    position: relative
}

.table__time-entry--right {
    display: flex;
    float: right;
    margin-top: 10px
}

.table__time-entry section.table__time-entry--right {
    margin-top: 0;
    cursor: default;
    max-width: 250px
}

.table__time-entry .icon--tag--without-pointer {
    margin-right: 20px
}

@media only screen and (max-width:1340px) {
    .table__time-entry .icon--tag--without-pointer {
        display: none
    }
}

.table__time-entry .icon--dollar, .table__time-entry .icon--dollar--selected {
    cursor: default
}

    .table__time-entry .icon--dollar--selected:before, .table__time-entry .icon--dollar:before, .table__time-entry .icon--tag--without-pointer:before, .table__time-entry .icon--tag:before {
        display: inline-block
    }

.table__time-entry .icon--tag, .table__time-entry .icon--tag--without-pointer {
    position: relative
}

@media (max-width:1215px) {
    .interval-time__time {
        display: block;
        width: 90px
    }

    .interval-time__date {
        display: block;
        margin-left: 0;
        text-align: justify
    }
}

.detailed__report {
    width: 100%;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

.detailed__report__header {
    display: flex;
    position: relative;
    width: 100%;
    height: 60px;
    background: #e4eaee
}

    .detailed__report__header .header-item {
        vertical-align: middle;
        color: #999;
        font-weight: 400;
        font-size: 15px;
        cursor: default;
        line-height: 60px
    }

        .detailed__report__header .header-item.detailed__report__time-entry {
            text-align: left;
            justify-content: normal
        }

        .detailed__report__header .header-item.detailed__report__other__duration, .detailed__report__header .header-item.detailed__report__other__time {
            text-align: center
        }

        .detailed__report__header .header-item.detailed__report__other__user {
            text-align: left
        }

    .detailed__report__header .header-item--bulk {
        color: #0a9aff;
        margin-left: 15px;
        font-size: 13px;
        cursor: pointer
    }

    .detailed__report__header .header-item--entry {
        margin-left: 50px
    }

    .detailed__report__header .header-item--entry-premium {
        margin-left: 12px
    }

.detailed__report__checkbox {
    padding: 4px 0 3px;
    width: 40px
}

.detailed__report__checkbox--locked {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px
}

    .detailed__report__checkbox--locked:before {
        display: inline-block;
        vertical-align: middle;
        content: url(padlock.309cef251d3750157c68.png)
    }

.detailed__report__time-entry {
    display: flex;
    width: 50%;
    overflow: hidden;
    justify-content: space-between
}

    .detailed__report__time-entry > a, .detailed__report__time-entry > span {
        margin-right: 4px
    }

.detailed__report__description {
    height: 100%;
    font-size: 14px;
    color: #333;
    align-self: center;
    flex: 0 0 auto
}

.detailed__report__description, .detailed__report__description__text {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.detailed__report__description__text {
    display: inline-block;
    height: 40px;
    min-width: 50px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px;
    margin: 0 0 0 10px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: transparent
}

.detailed__report__description__text--long {
    width: 95%
}

.detailed__report__description__text:hover {
    border: 1px solid #c6d2d9
}

.detailed__report__description__text:focus {
    border: 1px solid #c6d2d9;
    box-shadow: none;
    background: #fff
}

.detailed__report__description__input {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 90%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border: 0 solid #c6d2d9;
    border-radius: 2px;
    background-color: transparent;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .detailed__report__description__input:hover {
        border: 1px solid #c6d2d9
    }

    .detailed__report__description__input:focus {
        border: 1px solid #c6d2d9;
        box-shadow: none;
        background: #fff
    }

.detailed__report__description__without-description {
    min-width: 150px
}

.detailed__report__description__long-project {
    max-width: 400px
}

.detailed__report__description__short-project {
    max-width: 500px
}

.detailed__report__dropdown {
    position: relative;
    width: 0;
    font-size: 14px
}

    .detailed__report__dropdown .project-picker__container {
        transform: translate(-100%)
    }

.detailed__report__project {
    height: 100%;
    max-width: 600px;
    margin-right: 10px;
    font-size: 14px;
    align-self: center
}

.detailed__report__project, .detailed__report__project__link {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detailed__report__project__link {
    width: 100%;
    max-width: 450px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0 10px;
    line-height: 40px;
    border: 1px solid transparent
}

    .detailed__report__project__link:hover {
        border: 1px solid #c6d2d9
    }

.detailed__report__project__span {
    display: initial;
    width: 100%;
    font-size: 14px
}

.detailed__report__project--plus {
    position: relative;
    display: block;
    height: 40px
}

    .detailed__report__project--plus .icon--plus {
        display: inline-block;
        padding: 0 20px;
        line-height: 40px
    }

    .detailed__report__project--plus:hover {
        color: #0091ea
    }

.detailed__report__other {
    display: inline-flex;
    position: relative;
    width: 50%;
    min-width: 700px
}

.detailed__report__other__icons {
    display: flex;
    width: 10%
}

.detailed__report__other__icons__tag {
    align-self: center;
    font-size: 14px
}

.detailed__report__other__icons__billable {
    margin: auto;
    align-self: center
}

.detailed__report__other__user {
    width: 25%;
    line-height: 60px;
    color: #999;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detailed__report__other__user__text {
    display: inline-block;
    position: relative;
    width: 100%;
    top: 15%;
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid transparent
}

    .detailed__report__other__user__text:hover {
        border: 1px solid #c6d2d9;
        cursor: pointer
    }

.detailed__report__other__user .picker_line-height {
    line-height: 21px
}

.detailed__report__other__duration {
    width: 10%;
    min-width: 100px;
    line-height: 60px;
    text-align: center
}

.detailed__report__other__duration__text {
    font-size: 14px;
    color: #333
}

.detailed__report__other__duration--input {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #000;
    outline: none;
    border: none;
    font-size: 15px;
    font-family: Roboto,sans-serif;
    text-align: center;
    cursor: pointer
}

.detailed__report__other__time {
    width: 50%;
    font-size: 14px
}

.detailed__report__other__dots {
    position: relative;
    width: 5%;
    text-align: center
}

.detailed__report__other__dots--icon {
    display: block;
    position: relative;
    width: 100%;
    height: 22px;
    top: 50%;
    transform: translateY(-50%)
}

    .detailed__report__other__dots--icon:before {
        content: url(dots.d9c07292d349ec549314.png)
    }

    .detailed__report__other__dots--icon:hover:before {
        content: url(dots-hover.d9dca9aea0ed233cfa25.png)
    }

.detailed__report__other__dots__dropdown {
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 14px
}

    .detailed__report__other__dots__dropdown ul {
        list-style-type: none;
        height: 100%;
        margin: 0
    }

    .detailed__report__other__dots__dropdown li {
        text-align: left;
        height: 50%;
        padding: 10px 25px
    }

    .detailed__report__other__dots__dropdown a {
        display: block;
        position: relative;
        width: 110px;
        padding: 10px;
        background: #fff;
        box-shadow: 1px 1px 1px 1px grey;
        transform: translateY(-50%);
        text-decoration: none;
        font-style: normal
    }

.detailed__report__other__dots__dropdown-bulk img {
    display: none;
    margin-right: 5px
}

.detailed__report__other__dots__dropdown-bulk label {
    display: none;
    color: #0a9aff;
    cursor: pointer
}

.detailed__report__other__dots__dropdown-bulk:hover img, .detailed__report__other__dots__dropdown-bulk:hover label {
    display: inline-block
}

.detailed__report__other__dots__dropdown-bulk:hover span {
    display: none
}

@media only screen and (max-width:1500px) {
    .detailed__report__other {
        min-width: 600px
    }

    .detailed__report__other__user {
        width: 20%
    }

    .detailed__report__other__time {
        width: 55%
    }
}

@media only screen and (max-width:1300px) {
    .detailed__report__other {
        min-width: 500px
    }

    .detailed__report__other__user {
        width: 15%
    }

    .detailed__report__other__time {
        width: 60%
    }
}

.detailed__report__entries {
    display: block;
    background-color: #fefefe
}

    .detailed__report__entries ul {
        margin: 0
    }

.detailed__report__entries__item {
    display: flex;
    height: 60px;
    border-top: 1px solid #c6d2d9
}

    .detailed__report__entries__item:hover {
        background: #eff4f7
    }

.detailed__report--bulk-section {
    position: relative;
    top: 40%;
    transform: translateY(-40%);
    margin-left: 20px
}

.invisible--detailed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw
}

.terms-of-use {
    margin: auto;
    width: 35%;
    font-family: Roboto,sans-serif;
    text-align: justify;
    text-justify: inter-word
}

.terms-of-use--title {
    margin-top: 60px;
    margin-bottom: 0;
    text-align: center;
    font-size: 22px
}

.terms-of-use--subtitle {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.terms-of-use p {
    margin: auto;
    font-size: 14px
}

.report__dateTimePicker {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.report__dateTimePicker--calendar {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer
}

.report__dateTimePicker--end {
    display: inline-block
}

.report__dateTimePicker__date {
    display: flex;
    height: 60px;
    justify-content: space-around
}

.special {
    min-height: 85vh
}

.special__header_and_btn {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    width: 99%
}

.special__outside {
    display: inline-flex;
    width: 80%;
    padding-left: 20px
}

.special__outside--title {
    display: inline-block;
    margin-bottom: 0;
    line-height: 100px;
    font-size: 24px;
    color: #999
}

.special__outside--link {
    margin: 40px 20px;
    font-size: 14px;
    color: #8bc34a
}

    .special__outside--link:hover {
        color: #8bc34a
    }

.special--pay {
    position: relative;
    float: right;
    margin-top: 30px;
    margin-right: 20px;
    border-radius: 2px;
    background-color: #8bc34a;
    cursor: pointer;
    width: 166px;
    height: 40px;
    color: #fff;
    font-size: 13px
}

    .special--pay:hover {
        background-color: #689f38
    }

.special--cancel {
    position: relative;
    float: right;
    margin-top: 40px;
    margin-right: 40px;
    cursor: pointer;
    font-size: 13px;
    color: #03a9f4
}

    .special--cancel:hover {
        color: #03a9f4
    }

.special__content {
    display: flex;
    margin: auto;
    border: 2px solid #dcdcdc;
    background: #fff;
    width: 97%;
    height: 97%;
    min-height: 85vh
}

.special__content__information {
    background: #f9fbfc;
    width: 36%;
    height: 100%
}

.special__content__information--big__screen {
    display: block
}

.special__content__information--small__screen {
    display: none
}

.special__content__information--text {
    margin-right: auto;
    margin-left: auto;
    width: 87%
}

.special__content__information--text__header {
    margin: 40px 0 20px;
    font-size: 30px
}

.special__content__information--text--feature {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.special__content__information--text--feature--box {
    margin: 0 0 25px;
    width: 45%
}

    .special__content__information--text--feature--box:first-child {
        margin-right: 20px
    }

    .special__content__information--text--feature--box h6 {
        font-size: 16px
    }

.special__content__information--text--feature--box--short {
    max-width: 210px;
    line-height: 21px;
    color: #999;
    font-size: 14px
}

.special__content__information--text--feature--box--long {
    max-width: 270px;
    color: #999;
    font-size: 14px
}

.special__content__information--text--feature--box a {
    color: #999;
    font-size: 14px
}

.special__content__information--illustration {
    margin: 20px 0 0 40px
}

    .special__content__information--illustration img {
        height: 100%
    }

.special__content__invite {
    width: 64%;
    text-align: center
}

.special__content__invite--title {
    margin: 140px auto 10px;
    max-width: 900px;
    text-align: center;
    font-size: 18px
}

.special__content__invite--title__part2 {
    margin: 10px auto 5px;
    max-width: 800px;
    text-align: center;
    font-size: 18px
}

.special__content__invite--terms {
    margin: 10px auto;
    text-align: center;
    color: #999;
    font-size: 14px
}

.special__content__invite__box {
    margin: auto;
    width: 670px;
    text-align: center
}

.special__content__invite__box--email {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    width: 100%
}

    .special__content__invite__box--email input {
        width: 520px;
        font-size: 14px
    }

    .special__content__invite__box--email button {
        display: block;
        position: relative;
        margin-left: 20px;
        border-radius: 2px;
        background-color: #8bc34a;
        cursor: pointer;
        width: 130px;
        height: 40px;
        color: #fff;
        font-size: 14px
    }

        .special__content__invite__box--email button:hover {
            background-color: #689f38
        }

.special__content__invite__box--email--invited {
    border: 1px solid #cacaca;
    width: 520px;
    height: 40px;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1)
}

.special__content__invite__box--import {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px
}

    .special__content__invite__box--import span {
        margin-right: 5px;
        color: #999
    }

    .special__content__invite__box--import a {
        margin-right: 5px;
        color: #03a9f4
    }

.special__content__invite__box--personal {
    display: inline-flex;
    margin: 40px 0;
    width: 100%;
    text-align: center
}

    .special__content__invite__box--personal span {
        margin: 0 15px;
        color: #999;
        font-size: 16px
    }

    .special__content__invite__box--personal hr {
        margin: 10px auto;
        width: 223px
    }

.special__content__invite__box--link {
    display: inline-flex;
    margin: auto;
    width: 365px;
    height: 40px
}

    .special__content__invite__box--link input {
        margin-right: 10px;
        width: 245px;
        font-size: 14px
    }

    .special__content__invite__box--link a {
        margin-right: 10px;
        width: 50px;
        height: 40px
    }

        .special__content__invite__box--link a img {
            margin-top: 10px
        }

.special__content__invite__box--link--fb {
    background: #3b5998
}

.special__content__invite__box--link--tw {
    background: #55acee
}

.special__content__invite__box--view {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center;
    color: #03a9f4;
    font-size: 14px
}

    .special__content__invite__box--view:hover {
        color: #03a9f4
    }

.special__content__invite__box--status {
    margin: 0 auto;
    border: 2px solid #f1f1f1;
    width: 580px;
    text-align: left;
    font-size: 14px
}

    .special__content__invite__box--status thead {
        border: none
    }

        .special__content__invite__box--status thead tr {
            background: #fff
        }

            .special__content__invite__box--status thead tr th {
                padding: 15px 0;
                font-weight: 400
            }

                .special__content__invite__box--status thead tr th span {
                    margin-right: 10px;
                    margin-left: 40px;
                    color: #999
                }

    .special__content__invite__box--status tbody {
        border: none
    }

        .special__content__invite__box--status tbody td {
            padding: 10px 20px 10px 40px
        }

.completed {
    color: #8bc34a
}

.stripe {
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 2;
    border: 1px solid #999;
    background: #fff;
    width: 510px;
    transform: translate(-50%)
}

@media only screen and (max-width:992px) {
    .stripe {
        width: 100%
    }
}

.stripe__invisible {
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .6;
    z-index: 1;
    background: #000;
    width: 100vw;
    height: 100vh
}

.stripe__payment {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 40px
}

    .stripe__payment h1 {
        font-size: 24px
    }

    .stripe__payment p {
        color: #666;
        font-size: 14px
    }

    .stripe__payment span {
        color: #999;
        font-size: 14px
    }

    .stripe__payment img {
        margin-top: 10px;
        margin-left: -5px;
        width: 172px
    }

.stripe__payment__close {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

    .stripe__payment__close:before {
        content: url(close.a1f746c2ea8d270d4f09.png)
    }

.stripe__details {
    display: inline-flex;
    flex-direction: column;
    padding: 40px
}

    .stripe__details h2 {
        margin-bottom: 40px;
        font-size: 16px
    }

    .stripe__details button {
        margin-top: 40px;
        border-radius: 2px;
        background: #8bc34a;
        width: 394px;
        height: 40px;
        color: #fff;
        font-size: 14px
    }

        .stripe__details button[disabled] {
            background: #b3da8f
        }

    .stripe__details label {
        margin-bottom: 5px;
        color: #999;
        font-size: 14px
    }

        .stripe__details label a, .stripe__details label a:hover {
            color: #03a9f4
        }

    .stripe__details input {
        padding: 0
    }

        .stripe__details input, .stripe__details input:focus {
            border: none;
            box-shadow: none
        }

.import_contacts {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #ccc;
    background: #fff;
    width: 522px;
    height: 510px;
    transform: translate(-50%,-50%);
    text-align: left;
    font-size: 15px
}

.import_contacts__close {
    float: right;
    margin-top: 25px;
    margin-right: 20px
}

    .import_contacts__close:before {
        content: url(close.a1f746c2ea8d270d4f09.png)
    }

.import_contacts--breaker {
    display: block;
    border-bottom: 1px dotted #c6d2d9;
    width: 100%
}

.import_contacts__header {
    margin: 20px
}

    .import_contacts__header h3 {
        font-size: 20px
    }

.import_contacts--select_deselect_all {
    display: flex;
    margin: 20px 20px 10px;
    justify-content: space-between
}

    .import_contacts--select_deselect_all span {
        cursor: pointer;
        color: #03a9f4
    }

        .import_contacts--select_deselect_all span:first-child {
            margin-right: 10px
        }

.import_contacts__emails {
    position: relative;
    margin: 0 20px 20px;
    height: 45%;
    overflow-y: auto
}

.import_contacts__emails--select {
    margin-bottom: 10px
}

.import_contacts__emails--message {
    position: absolute;
    top: 30%
}

.import_contacts__btns {
    float: right;
    margin: 20px 20px 0
}

.import_contacts__btns--cancel {
    margin-right: 10px;
    color: #03a9f4
}

.import_contacts__btns--import {
    border-radius: 2px;
    background-color: #8bc34a;
    width: 120px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 14px
}

.import_contacts--max_selectable {
    text-align: right;
    color: #f44336
}

.import_contacts--loader {
    margin-top: 130px;
    height: 45%
}

.successful__payment {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    border: 1px solid #ccc;
    background: #fff;
    width: 522px;
    height: 412px;
    transform: translate(-50%,-50%);
    text-align: center
}

    .successful__payment h1 {
        font-size: 24px
    }

    .successful__payment p {
        position: relative;
        margin-bottom: 60px;
        font-size: 14px
    }

.successful__payment__learn_more {
    border-radius: 2px;
    background: #8bc34a;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

    .successful__payment__learn_more:hover {
        background-color: #689f38
    }

.successful__payment__close {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

    .successful__payment__close:before {
        content: url(close.a1f746c2ea8d270d4f09.png)
    }

.disabled__layout {
    position: absolute;
    background: rgba(239,244,247,.8);
    width: 100%;
    height: 100%
}

.payment__details {
    display: inline-flex;
    margin-top: 10px;
    width: 100%
}

.payment__details__expiration {
    width: 70%
}

.payment__details__cvc {
    width: 30%
}

.payment__details--fail-message {
    margin-top: 10px;
    font-size: 14px;
    color: red
}

.payment__details--fail-card {
    padding-left: 10px;
    border: 1px solid red
}

.cancel__payment {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    border: 1px solid #ccc;
    background: #fff;
    width: 522px;
    height: 412px;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px
}

    .cancel__payment p {
        position: relative;
        left: 60px;
        max-width: 389px
    }

.cancel__payment__links {
    float: right;
    margin-top: 40px;
    width: 70%
}

.cancel__payment__links__close {
    margin-right: 40px;
    color: #8bc34a
}

.cancel__payment__links__cancel {
    border-radius: 2px;
    background: #8bc34a;
    padding: 13px 22px;
    color: #fff
}

    .cancel__payment__links__cancel:hover {
        background: #689f38;
        text-decoration: none;
        color: #fff
    }

.cancel__payment__close {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

    .cancel__payment__close:before {
        content: url(close.a1f746c2ea8d270d4f09.png)
    }

.transfer-owner-icon {
    margin: 50px 0
}

.trial {
    top: 150%
}

@media only screen and (max-width:1600px) {
    .special__content__invite--title, .special__content__invite--title__part2 {
        max-width: 700px
    }

    .special__content__information--text__header {
        font-size: 20px
    }

    .special__content__information--illustration {
        width: 80%
    }

        .special__content__information--illustration img {
            height: auto
        }
}

@media only screen and (max-width:1400px) {
    .special__content__invite--title {
        margin-top: 110px;
        max-width: 600px
    }

    .special__content__invite--title__part2 {
        max-width: 600px
    }

    .special__content__invite__box input {
        width: 400px
    }

    .special__content__invite__box--personal {
        width: 82%
    }

        .special__content__invite__box--personal hr {
            width: 160px
        }

    .special__content__information--text__header {
        font-size: 18px
    }

    .special__content__information--illustration {
        margin-top: 50px;
        width: 70%
    }
}

@media only screen and (max-width:1300px) {
    .special__content__invite__box--status {
        width: 532px
    }
}

@media only screen and (max-width:1200px) {
    .special__content {
        flex-wrap: wrap
    }

    .special__content__information {
        width: 100%
    }

    .special__content__information--big__screen {
        display: none
    }

    .special__content__information--small__screen {
        display: block
    }

    .special__content__information--illustration {
        display: none
    }

    .special__content__information--text__header {
        font-size: 30px
    }

    .special__content__invite {
        width: 100%
    }

    .special__content__invite--title {
        margin-top: 50px;
        max-width: 900px
    }

    .special__content__invite--title__part2 {
        max-width: 900px
    }

    .special__content__invite__box input {
        width: 600px
    }

    .special__content__invite__box--personal {
        width: 100%
    }

        .special__content__invite__box--personal hr {
            width: 223px
        }
}

@media only screen and (max-width:950px) {
    .special__content__information--text__header {
        font-size: 25px
    }

    .special__content__invite--title, .special__content__invite--title__part2 {
        max-width: 700px
    }
}

@media only screen and (max-width:800px) {
    .special__content__information--text__header {
        font-size: 20px
    }

    .special__content__invite--title, .special__content__invite--title__part2 {
        max-width: 600px
    }

    .special__content__invite__box {
        width: 100%
    }

        .special__content__invite__box input {
            width: 400px
        }

    .special__content__invite__box--personal {
        width: 82%
    }

        .special__content__invite__box--personal hr {
            width: 160px
        }
}

@media only screen and (max-width:700px) {
    .special__content {
        width: 92%
    }

    .special__content__information--text__header {
        font-size: 18px
    }

    .special__content__information--big__screen {
        display: block
    }

    .special__content__information--small__screen {
        display: none
    }

    .special__content__invite--title, .special__content__invite--title__part2 {
        max-width: 500px;
        font-size: 16px
    }

    .special__content__invite__box input {
        width: 300px
    }

    .special__content__invite__box--personal {
        width: 75%
    }

        .special__content__invite__box--personal hr {
            width: 120px
        }

    .special__content__invite__box--status {
        width: 450px
    }

        .special__content__invite__box--status table {
            font-size: 10px
        }

    .special__outside--title {
        font-size: 20px
    }

    .special--pay {
        width: 140px;
        height: 35px
    }
}

@media only screen and (max-width:600px) {
    .special__content {
        width: 90%
    }

    .special__content__information--text__header {
        font-size: 18px
    }

    .special__content__invite--title, .special__content__invite--title__part2 {
        max-width: 420px;
        font-size: 14px
    }

    .special__content__invite__box input {
        width: 250px
    }

    .special__content__invite__box--personal {
        width: 75%
    }

        .special__content__invite__box--personal hr {
            width: 120px
        }

    .special__content__invite__box--status {
        width: 420px
    }

        .special__content__invite__box--status table {
            font-size: 10px
        }
}

.time-audit__item {
    display: inline-flex;
    position: relative;
    margin: 18px;
    width: 100%;
    min-width: 100px;
    font-size: 14px
}

.time-audit__text {
    color: #999
}

.time-audit__list {
    width: 150px;
    color: #999
}

    .time-audit__list li {
        cursor: pointer
    }

.time-audit__filter-container {
    width: 180px;
    top: 50px
}

.time-audit__dropdown {
    top: -10px;
    width: 25%;
    height: 40px;
    margin-left: 15px;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

.time-audit__duration {
    display: flex
}

    .time-audit__duration input {
        position: relative;
        top: -10px;
        width: 11%;
        margin-left: 10px;
        border: 1px solid #c6d2d9;
        border-radius: 2px
    }

.time-audit__clear-all {
    position: absolute;
    right: 0
}

    .time-audit__clear-all a {
        color: #03a9f4;
        cursor: pointer
    }

.time-audit__disabled-container {
    background: #f6fafb;
    margin: 0;
    opacity: .5
}

.time-audit__disabled-item {
    cursor: not-allowed;
    border: none;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #999;
    width: 15%;
    height: 40px;
    margin: auto auto auto 20px;
    min-width: 100px
}

.time-audit__disabled {
    margin-top: 20px
}

.time-audit__disabled-invite {
    margin: auto
}

    .time-audit__disabled-invite img {
        padding-bottom: 10px
    }

    .time-audit__disabled-invite a {
        font-size: 15px;
        color: #03a9f4;
        margin-left: 10px
    }

    .time-audit__disabled-invite span {
        font-size: 14px;
        margin-left: 10px;
        color: #bbb
    }

.time-audit__disabled-hover {
    display: inherit;
    width: 100%
}

.time-audit__checkbox {
    margin-left: 20px;
    margin-top: 5px
}

.time-audit__checkbox__label {
    font-size: 14px;
    color: #999
}

.time-audit__checkbox__disabled {
    color: #c7c7c7;
    cursor: not-allowed !important
}

#checkbox_tasks, #checkbox_tasks1 {
    margin-left: 20px
}

#checkbox_project, #checkbox_project_2 {
    margin-right: 20px
}

#time-audit__filter-custom {
    width: 160px
}

.invisible__audit {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw
}

.disabled--project {
    cursor: not-allowed;
    text-decoration: none
}

.teammate-picker {
    margin-right: 8px;
    border-radius: 2px
}

.teammate-picker--disabled {
    color: #ccc !important
}

.progress_bar__container {
    position: relative
}

.progress_bar__container__bar {
    display: flex
}

.progress_bar__container__bar__left_side {
    height: 16px;
    background: #8bc34a;
    border-radius: 5px 0 0 5px
}

.progress_bar__container__bar__right_side {
    height: 16px;
    border-radius: 0 5px 5px 0;
    background: #c6d2d9
}

.progress_bar__container__over_estimate {
    width: 100%;
    height: 16px;
    border-radius: 5px;
    background: #f44336
}

.progress_bar__container__text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #fff
}

.upgrade {
    position: relative;
    margin: 20px;
    border: 2px solid #dcdcdc;
    background: #fff
}

@media only screen and (max-width:992px) {
    .upgrade {
        margin: 0;
        border: none
    }
}

.upgrade__background {
    background-image: linear-gradient(#fff,#d1f1ff);
    width: 100%;
    height: 500px;
    position: absolute
}

.upgrade__header {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    color: #333
}

.upgrade__header--title {
    margin-top: 85px;
    text-align: center;
    font-size: 30px
}

@media only screen and (max-width:992px) {
    .upgrade__header--title {
        margin-top: 30px
    }
}

.upgrade__header--text {
    text-align: center;
    font-size: 16px;
    padding: 0 30px
}

.upgrade__features {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    margin: 40px 0 20px;
    padding: 0 15px
}

@media only screen and (max-width:1200px) {
    .upgrade__features {
        display: block
    }
}

@media only screen and (max-width:992px) {
    .upgrade__features {
        margin: 30px 0 0;
        padding: 0 5px
    }
}

.upgrade__features div[class*=col] {
    margin-bottom: 30px
}

.upgrade__features--free {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    min-height: 560px;
    align-self: flex-end;
    flex: 1 1 auto;
    box-shadow: 0 0 20px #e2f1fb
}

@media only screen and (max-width:992px) {
    .upgrade__features--free {
        min-height: auto
    }
}

.upgrade__features--free__title {
    border-bottom: 1px solid #e4ecf2;
    padding: 15px 0;
    text-transform: uppercase;
    color: #ffbf00;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.upgrade__features--free__content {
    margin: 20px 40px 40px;
    min-height: 350px
}

@media screen and (max-width:1600px) and (min-width:1200px) {
    .upgrade__features--free__content {
        margin: 20px
    }
}

@media only screen and (max-width:992px) {
    .upgrade__features--free__content {
        min-height: auto;
        margin: 20px 20px 40px
    }
}

.upgrade__features--free__content--price {
    display: inline-block;
    font-size: 30px;
    font-weight: 700
}

.upgrade__features--free__content label {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.upgrade__features--free__content--text {
    margin-bottom: 25px;
    color: #999;
    font-size: 14px
}

.upgrade__features--free__content--list {
    margin: 0
}

    .upgrade__features--free__content--list li {
        display: block;
        margin-bottom: 10px;
        line-height: 1.2;
        color: #333;
        font-size: 14px;
        position: relative;
        padding-left: 20px
    }

        .upgrade__features--free__content--list li:before {
            display: inline-block;
            position: absolute;
            left: 0;
            width: 8px;
            height: 12px;
            content: url(checkmark_orange.f4baf65377925ff5b31b.png)
        }

.upgrade__features--free--button {
    text-align: center;
    padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width:992px) {
    .upgrade__features--free--button {
        padding-bottom: 40px;
        position: relative
    }
}

.upgrade__features--free--button button {
    border: 1px solid #ffbf00;
    border-radius: 2px;
    align-self: flex-end;
    width: 70%;
    height: 35px;
    text-transform: uppercase;
    cursor: default;
    color: #ffbf00;
    font-size: 14px;
    display: block;
    margin: 0 auto
}

.upgrade__features--plus {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #fff;
    flex: 1 1 auto;
    width: 100%;
    min-height: 560px;
    box-shadow: 0 0 20px #e2f1fb;
    align-self: flex-end
}

@media only screen and (max-width:992px) {
    .upgrade__features--plus {
        min-height: auto
    }
}

.upgrade__features--plus__title {
    border-bottom: 1px solid #e4ecf2;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #03a9f4;
    font-size: 16px;
    font-weight: 700
}

.upgrade__features--plus__content {
    margin: 20px 40px 40px;
    min-height: 350px
}

@media screen and (max-width:1600px) and (min-width:1200px) {
    .upgrade__features--plus__content {
        margin: 20px
    }
}

@media only screen and (max-width:992px) {
    .upgrade__features--plus__content {
        min-height: auto;
        margin: 20px 20px 40px
    }
}

.upgrade__features--plus__content--price {
    display: inline-block;
    font-size: 30px;
    font-weight: 700
}

.upgrade__features--plus__content label {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.upgrade__features--plus__content--text {
    margin-bottom: 25px;
    color: #999;
    font-size: 14px
}

.upgrade__features--plus__content--list {
    margin: 0
}

    .upgrade__features--plus__content--list li {
        display: block;
        margin-bottom: 10px;
        line-height: 1.2;
        color: #333;
        font-size: 14px;
        position: relative;
        padding-left: 20px
    }

        .upgrade__features--plus__content--list li:before {
            display: inline-block;
            position: absolute;
            left: 0;
            width: 8px;
            height: 12px;
            content: url(checkmark_blue.c949580b2708cb59b123.png)
        }

        .upgrade__features--plus__content--list li img {
            position: relative;
            left: 5px;
            cursor: pointer
        }

.upgrade__features--plus__content--list--disabled {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #999
}

    .upgrade__features--plus__content--list--disabled li {
        color: #999
    }

        .upgrade__features--plus__content--list--disabled li:before {
            width: 10px;
            margin-top: 2px;
            content: "";
            background-image: url(closeX.a2978ee2d4954866e177.png);
            background-size: 11px
        }

.upgrade__features--plus__content a {
    color: #8bc34a;
    text-align: left;
    font-size: 13px
}

.upgrade__features--plus--button {
    text-align: center;
    padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width:992px) {
    .upgrade__features--plus--button {
        padding-bottom: 40px;
        position: relative
    }
}

.upgrade__features--plus--button button {
    border-radius: 2px;
    background: #03a9f4;
    width: 70%;
    height: 35px;
    color: #fff;
    align-self: flex-end;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin: 0 auto
}

.upgrade__features--plus--button--this button {
    background: #fff;
    border: 1px solid #03a9f4;
    color: #03a9f4
}

.upgrade__features--plus_temporary-button {
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center
}

@media only screen and (max-width:992px) {
    .upgrade__features--plus_temporary-button {
        display: none
    }
}

.upgrade__features--plus_temporary-button button {
    margin-bottom: 15px;
    border: 1px solid #03a9f4;
    border-radius: 2px;
    align-self: flex-end;
    width: 70%;
    height: 35px;
    cursor: pointer;
    color: #03a9f4;
    font-size: 14px
}

.upgrade__features--premium {
    display: inline-block;
    position: relative;
    border: 1px solid #8bc34a;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    min-height: 620px;
    align-self: flex-end;
    flex: 1 1 auto;
    box-shadow: 0 0 20px #e2f1fb
}

    .upgrade__features--premium:before {
        content: " ";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 10px solid rgba(139,195,74,.15)
    }

@media only screen and (max-width:992px) {
    .upgrade__features--premium {
        min-height: auto
    }
}

.upgrade__features--premium--img {
    position: absolute;
    top: -31px;
    left: 50%;
    margin-left: -30px
}

.upgrade__features--premium__title {
    margin-top: 18px;
    border-bottom: 1px solid #e4ecf2;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #8bc34a;
    font-size: 16px;
    font-weight: 700
}

.upgrade__features--premium__content {
    margin: 20px 40px 40px;
    min-height: 390px;
    padding-bottom: 85px
}

@media screen and (max-width:1600px) and (min-width:1200px) {
    .upgrade__features--premium__content {
        margin: 20px
    }
}

@media only screen and (max-width:992px) {
    .upgrade__features--premium__content {
        min-height: auto;
        margin: 20px 20px 40px;
        padding-bottom: 0
    }
}

.upgrade__features--premium__content--price {
    display: inline-block;
    font-size: 30px;
    font-weight: 700
}

.upgrade__features--premium__content label {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.upgrade__features--premium__content--text {
    margin-bottom: 25px;
    color: #999;
    font-size: 14px
}

.upgrade__features--premium__content--list {
    margin: 0
}

    .upgrade__features--premium__content--list li {
        display: block;
        margin-bottom: 10px;
        line-height: 1.2;
        color: #333;
        font-size: 14px;
        position: relative;
        padding-left: 20px
    }

        .upgrade__features--premium__content--list li:before {
            display: inline-block;
            position: absolute;
            left: 0;
            width: 8px;
            height: 12px;
            content: url(checkmark_green.85eceb1197dd4e4f126e.png)
        }

        .upgrade__features--premium__content--list li img {
            position: relative;
            left: 5px;
            cursor: pointer
        }

        .upgrade__features--premium__content--list li label {
            margin: 0;
            line-height: 1;
            color: #8bc34a;
            font-size: 18px
        }

        .upgrade__features--premium__content--list li a {
            color: #8bc34a;
            font-size: 14px
        }

.upgrade__features--premium__content--list--no-before:before {
    visibility: hidden
}

.upgrade__features--premium--button {
    text-align: center;
    padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width:992px) {
    .upgrade__features--premium--button {
        padding-bottom: 40px;
        position: relative
    }
}

.upgrade__features--premium--button button {
    border-radius: 2px;
    background: #8bc34a;
    width: 70%;
    height: 35px;
    color: #fff;
    align-self: flex-end;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin: 0 auto
}

.upgrade__features--premium--button--this button {
    background: #fff;
    border: 1px solid #8bc34a;
    color: #8bc34a
}

.upgrade__features--premium--button:disabled {
    background: #adef54;
    cursor: not-allowed
}

.upgrade__features--server {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #fff;
    flex: 1 1 auto;
    width: 100%;
    min-height: 560px;
    box-shadow: 0 0 20px #e2f1fb;
    align-self: flex-end
}

@media only screen and (max-width:992px) {
    .upgrade__features--server {
        min-height: auto
    }
}

.upgrade__features--server label.starting-from {
    font-size: 12px;
    color: #999;
    display: block;
    margin: 0
}

.upgrade__features--server__title {
    border-bottom: 1px solid #e4ecf2;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #ea6eff;
    font-size: 16px;
    font-weight: 700
}

.upgrade__features--server__content {
    margin: 0 40px 40px;
    min-height: 350px;
    padding-bottom: 85px
}

@media screen and (max-width:1600px) and (min-width:1200px) {
    .upgrade__features--server__content {
        margin: 20px
    }
}

@media only screen and (max-width:992px) {
    .upgrade__features--server__content {
        min-height: auto;
        margin: 20px 20px 40px;
        padding-bottom: 0
    }
}

.upgrade__features--server__content--price {
    display: inline-block;
    font-size: 30px;
    font-weight: 700
}

.upgrade__features--server__content label {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.upgrade__features--server__content--text {
    margin-bottom: 25px;
    color: #999;
    font-size: 14px
}

.upgrade__features--server__content--list {
    margin: 0
}

    .upgrade__features--server__content--list li {
        display: block;
        margin-bottom: 10px;
        line-height: 1.2;
        color: #333;
        font-size: 14px;
        position: relative;
        padding-left: 20px
    }

        .upgrade__features--server__content--list li:before {
            display: inline-block;
            position: absolute;
            left: 0;
            width: 8px;
            height: 12px;
            content: url(checkmark_pink.462ef18bded1c2f0b65d.png)
        }

.upgrade__features--server--button {
    text-align: center;
    padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width:992px) {
    .upgrade__features--server--button {
        padding-bottom: 40px;
        position: relative
    }
}

.upgrade__features--server--button a {
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    background: #ea6eff;
    padding-top: 7px;
    width: 70%;
    height: 35px;
    align-self: flex-end;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 14px
}

    .upgrade__features--server--button a:hover {
        text-decoration: none;
        color: #fff
    }

.upgrade__companies {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
    color: #77b2c9;
    text-align: center;
    clear: both
}

    .upgrade__companies .clients-logos-wrapper {
        display: flex;
        align-items: center;
        padding: 0 30px
    }

@media only screen and (max-width:1199px) {
    .upgrade__companies .clients-logos-wrapper {
        display: block
    }
}

.upgrade__companies .clients-logos-wrapper .clients-logos-container {
    display: flex;
    width: 10%;
    float: left;
    padding: 15px
}

@media only screen and (max-width:1199px) {
    .upgrade__companies .clients-logos-wrapper .clients-logos-container {
        width: 20%;
        padding: 20px 15px
    }
}

@media only screen and (max-width:991px) {
    .upgrade__companies .clients-logos-wrapper .clients-logos-container {
        width: 50%
    }
}

.upgrade__companies .clients-logos-wrapper img {
    width: 100%;
    height: 40px;
    max-height: 40px
}

@media only screen and (max-width:1199px) {
    .upgrade__companies .clients-logos-wrapper img {
        height: 30px;
        max-height: 30px
    }
}

@media only screen and (max-width:991px) {
    .upgrade__companies .clients-logos-wrapper img {
        height: 40px;
        max-height: 40px;
        width: 50%;
        margin: 0 auto
    }
}

.upgrade__companies p {
    font-size: 16px;
    margin-bottom: 40px
}

.upgrade__questions {
    position: relative;
    clear: both;
    padding: 80px 30px;
    border-top: 1px solid #e4ecf2
}

    .upgrade__questions a, .upgrade__questions a:hover {
        color: #03a9f4
    }

.upgrade__questions--answers {
    margin-top: 30px
}

.upgrade__questions h2 {
    font-size: 24px;
    color: #333
}

    .upgrade__questions h2:after {
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        margin-top: 30px;
        background: #e4ecf2
    }

.upgrade__questions h3 {
    font-size: 18px;
    color: #333
}

.upgrade__questions p {
    font-size: 14px;
    color: #666
}

.modal-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1
}

    .modal-wrapper .modal-bg, .modal-wrapper > div {
        position: fixed;
        width: 100vw;
        height: 100vh;
        overflow: auto
    }

    .modal-wrapper .modal-bg {
        background: rgba(0,0,0,.8)
    }

/*@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(roboto-v19-latin-100.c4e674d8b08905886682.eot);
    src: local("Roboto Thin"),local("Roboto-Thin"),url(roboto-v19-latin-100.c4e674d8b08905886682.eot?#iefix) format("embedded-opentype"),url(roboto-v19-latin-100.c2aa4ab115bf9c6057cb.woff2) format("woff2"),url(roboto-v19-latin-100.a45108d3b34af91f9113.woff) format("woff"),url(roboto-v19-latin-100.ce83c72ab611f8a23a5c.ttf) format("truetype"),url(roboto-v19-latin-100.641943e21507b7e77ccd.png#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(roboto-v19-latin-regular.e464241bd44d99ce5121.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(roboto-v19-latin-regular.e464241bd44d99ce5121.eot?#iefix) format("embedded-opentype"),url(roboto-v19-latin-regular.176f8f5bd5f02b3abfcf.woff2) format("woff2"),url(roboto-v19-latin-regular.49ae34d4cc6b98c00c69.woff) format("woff"),url(roboto-v19-latin-regular.127ea449b06124c441cb.ttf) format("truetype"),url(roboto-v19-latin-regular.4f862c8ba4ed785461ee.png#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(roboto-v19-latin-500.59a26cdb73eb203025db.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(roboto-v19-latin-500.59a26cdb73eb203025db.eot?#iefix) format("embedded-opentype"),url(roboto-v19-latin-500.f5b74d7ffcdf85b9dd60.woff2) format("woff2"),url(roboto-v19-latin-500.cea99d3e3e13a3a599a0.woff) format("woff"),url(roboto-v19-latin-500.abcf7cd8c9dfb7a3dc42.ttf) format("truetype"),url(roboto-v19-latin-500.9024e4c16d0f988f4848.png#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(roboto-v19-latin-700.ba38a9cfe3b70a12897e.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(roboto-v19-latin-700.ba38a9cfe3b70a12897e.eot?#iefix) format("embedded-opentype"),url(roboto-v19-latin-700.c18ee39fb002ad58b6dc.woff2) format("woff2"),url(roboto-v19-latin-700.2267169ee7270a22a963.woff) format("woff"),url(roboto-v19-latin-700.24b17813218faea2b256.ttf) format("truetype"),url(roboto-v19-latin-700.9cc0e6124996a8989420.png#Roboto) format("svg")
}*/

.time-entry-bulk__invisible {
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.6);
    width: 100vw;
    height: 100vh
}

.time-entry-bulk__container {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    max-width: 530px;
    transform: translate(-50%,-50%);
    text-align: left
}

    .time-entry-bulk__container h4 {
        margin: 20px;
        color: #666
    }

.time-entry-bulk__container-label {
    color: #666
}

.time-entry-bulk__container__section {
    border-bottom: 1px solid #c6d2d9
}

.time-entry-bulk__container__section-arrow {
    display: inline-block;
    position: relative;
    top: 18px;
    right: 5px;
    float: right;
    border-color: #999 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    width: 0;
    height: 0;
    content: ""
}

.time-entry-bulk__container__section-checkbox {
    display: inline-block;
    margin: 20px 0;
    width: 110px
}

.time-entry-bulk__container__section-description-input {
    display: inline-block;
    margin: 20px 0;
    border: 1px solid #cacaca;
    height: 43px;
    width: 340px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    background-color: #fefefe;
    padding-left: 15px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a
}

    .time-entry-bulk__container__section-description-input:disabled {
        cursor: not-allowed;
        color: #cacaca
    }

@media only screen and (max-width:530px) {
    .time-entry-bulk__container__section-description-input {
        width: 100%;
        margin-top: 0
    }
}

.time-entry-bulk__container__section-projects {
    display: inline-block;
    position: relative;
    top: 15px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    width: 340px;
    height: 43px;
    line-height: 22px;
    cursor: pointer;
    font-size: 14px
}

.time-entry-bulk__container__section-projects-disabled {
    cursor: not-allowed
}

.time-entry-bulk__container__section-projects-dropdown {
    display: inline-block;
    position: absolute;
    left: 115px;
    top: 135px;
    font-size: 14px
}

@media only screen and (max-width:530px) {
    .time-entry-bulk__container__section-projects-dropdown {
        left: 20px;
        top: 224px
    }
}

.time-entry-bulk__container__section-projects-name {
    position: absolute;
    margin: 10px
}

@media only screen and (max-width:530px) {
    .time-entry-bulk__container__section-projects {
        width: 100%;
        top: -5px
    }
}

.time-entry-bulk__container__section-tags {
    display: inline-block;
    position: relative;
    top: 15px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    width: 350px;
    height: 43px;
    cursor: pointer;
    font-size: 14px
}

.time-entry-bulk__container__section-tags-disabled {
    cursor: not-allowed
}

.time-entry-bulk__container__section-tags-wrapper {
    display: inline-block;
    width: 348px
}

    .time-entry-bulk__container__section-tags-wrapper .cl-component-divided-left {
        padding: 0;
        transform: translateY(-3px);
        justify-content: start;
        width: auto
    }

@media only screen and (max-width:992px) {
    .time-entry-bulk__container__section-tags-wrapper .cl-component-divided-left {
        transform: translateY(8px)
    }
}

@media only screen and (max-width:530px) {
    .time-entry-bulk__container__section-tags-wrapper .cl-component-divided-left {
        transform: translateY(-8px)
    }
}

.time-entry-bulk__container__section-tags-wrapper .cl-component-divided-left:before {
    background: none
}

.time-entry-bulk__container__section-tags-dropdown {
    display: flex
}

.time-entry-bulk__container__section-tags-dropdown-disabled {
    opacity: .4
}

.time-entry-bulk__container__section-tags-name {
    position: absolute;
    margin: 10px
}

.time-entry-bulk__container__section-billable {
    display: inline-block
}

.time-entry-bulk__container__section-billable-disabled {
    opacity: .5;
    cursor: not-allowed
}

.time-entry-bulk__container__section-time {
    display: inline-block;
    max-height: 40px;
    color: #666;
    font-size: 15px;
    position: relative;
    top: 15px
}

.time-entry-bulk__container__section-time-disabled {
    cursor: not-allowed;
    color: #cacaca
}

.time-entry-bulk__container__section-time .cl-component-divided-left {
    padding: 0;
    width: auto;
    justify-content: start
}

@media only screen and (max-width:992px) {
    .time-entry-bulk__container__section-time .cl-component-divided-left {
        transform: translateY(-14px)
    }
}

.time-entry-bulk__container__section-time .cl-component-divided-left input.cl-input-time-picker {
    width: 80px;
    margin-bottom: 0
}

.time-entry-bulk__container__section-time .cl-component-divided-left:before {
    background: none;
    padding: 0
}

.time-entry-bulk__container__section-time-date .cl-component-divided-left {
    transform: translateY(-5px);
    width: auto;
    justify-content: start
}

@media only screen and (max-width:992px) {
    .time-entry-bulk__container__section-time-date .cl-component-divided-left {
        transform: translate(0)
    }
}

.time-entry-bulk__container__section-confirm {
    text-align: right
}

    .time-entry-bulk__container__section-confirm a {
        color: #03a9f4;
        font-size: 15px
    }

    .time-entry-bulk__container__section-confirm button {
        margin: 20px;
        border-radius: 2px;
        background: #03a9f4;
        padding: 15px 45px;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
        font-size: 15px
    }

.reports-bulk-wrapper {
    padding: 0 20px
}

    .reports-bulk-wrapper .project-picker__container {
        top: 85px;
        left: 15px
    }

    .reports-bulk-wrapper .dropdown-filter--container {
        font-size: 14px;
        left: 110px
    }

    .reports-bulk-wrapper .report__dateTimePicker {
        transform: translateY(-14px)
    }

body {
    overflow-x: hidden;
    /* Halber 20210225 background-color: #eff4f7;  */
    font-family: Roboto,sans-serif
}

.not__found {
    width: 100vw;
    height: 100vh
}

.not__found--header {
    display: inline-block
}

    .not__found--header img {
        margin: 40px 45px
    }

.not__found--header--links {
    position: absolute;
    top: 0;
    right: 0;
    margin: 50px;
    font-size: 14px;
    font-weight: 800
}

    .not__found--header--links a {
        margin: 20px 19px;
        text-transform: uppercase;
        text-decoration: none;
        border-bottom: 2px solid transparent
    }

        .not__found--header--links a:hover {
            border-bottom: 2px solid #000
        }

.not__found--text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
}

    .not__found--text h2 {
        color: #06a2e8;
        font-weight: 600
    }

    .not__found--text p {
        font-size: 19px;
        font-weight: 500
    }

        .not__found--text p a {
            color: #06a2e8;
            text-decoration: none
        }

.not__found--footer {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 60px;
    overflow: hidden
}

    .not__found--footer p {
        margin: 20px;
        text-align: center;
        font-size: 14px;
        font-weight: 600
    }

input:disabled {
    background: inherit
}

select:disabled {
    background-color: inherit
}

input:-moz-read-only {
    background-color: initial
}

input:read-only {
    background-color: initial
}

.cl-redesign [type=color], .cl-redesign [type=date], .cl-redesign [type=datetime-local], .cl-redesign [type=datetime], .cl-redesign [type=email], .cl-redesign [type=month], .cl-redesign [type=number], .cl-redesign [type=password], .cl-redesign [type=search], .cl-redesign [type=tel], .cl-redesign [type=text], .cl-redesign [type=time], .cl-redesign [type=url], .cl-redesign [type=week], .cl-redesign textarea {
    box-shadow: none;
    margin-bottom: 0
}

.cl-redesign input:focus {
    outline: initial;
    box-shadow: none;
    outline: none
}

.cl-redesign [type=checkbox] + label {
    vertical-align: top
}

.cl-redesign ul {
    margin-left: 0
}

.cl-redesign a:not([href]):not([tabindex]):focus {
    outline: 0
}

.cl-redesign input[readonly], .cl-redesign textarea[readonly] {
    cursor: default
}
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ :root {
    --red: #f44336;
    --deep-purple: #673ab7;
    --blue: #03a9f4;
    --cyan: #00bcd4;
    --teal: #009688;
    --green: #4caf50;
    --light-green: #8bc34a;
    --amber: #ffc107;
    --orange: #ff9800;
    --deep-orange: #ff5722;
    --brown: #795548;
    --blue-gray-1: #f2f6f8;
    --blue-gray-2: #e4eaee;
    --blue-gray-3: #c6d2d9;
    --blue-gray-4: #90a4ae;
    --blue-gray-5: #78909c;
    --blue-gray-6: #607d8b;
    --blue-gray-7: #546e7a;
    --blue-gray-8: #455a64;
    --blue-gray-9: #37474f;
    --blue-gray-10: #263238;
    --blue-gray-11: #1d272c;
    --blue-gray-12: #12191d;
    --yellow: #fbc02d;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --blue-gray: #607d8b;
    --primary: #03a9f4;
    --secondary: #4caf50;
    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ff9800;
    --danger: #f44336;
    --light: #e4eaee;
    --lighter: #f2f6f8;
    --dark: #333;
    --purple: #9c27b0;
    --indigo: #3f51b5;
    --pink: #e91e63;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-lg-custom: 1366px;
    --font-family-sans-serif: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*, :after, :before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: left;
    /*Halber 20210225 background-color: #f2f6f8  */
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1.07145rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address, dl, ol, ul {
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        text-decoration: underline
    }

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img, svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.cl-h1, .cl-h2, .cl-h3, .cl-h4, .cl-h5, .cl-h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.07145rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: inherit
}

.cl-h1, h1 {
    font-size: 1.714rem
}

.cl-h2, h2 {
    font-size: 1.286rem
}

.cl-h3, .cl-h4, h3, h4 {
    font-size: 1rem
}

.cl-h5, .cl-h6, h5, h6 {
    font-size: .8571rem
}

.cl-lead {
    font-size: 1.25rem;
    font-weight: 400
}

.cl-display-1 {
    font-size: 2.286rem;
    font-weight: 400;
    line-height: 1.5
}

.cl-display-2 {
    font-size: 5.5rem
}

.cl-display-2, .cl-display-3 {
    font-weight: 300;
    line-height: 1.5
}

.cl-display-3 {
    font-size: 4.5rem
}

.cl-display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.5
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e4eaee
}

.cl-small, small {
    font-size: .8571rem;
    font-weight: 400
}

.cl-mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.cl-list-inline, .cl-list-unstyled {
    padding-left: 0;
    list-style: none
}

.cl-list-inline-item {
    display: inline-block
}

    .cl-list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.cl-initialism {
    font-size: 90%;
    text-transform: uppercase
}

.cl-blockquote {
    margin-bottom: .7143rem;
    font-size: 1.25rem
}

.cl-blockquote-footer {
    display: block;
    font-size: .8571rem;
    color: #6c757d
}

    .cl-blockquote-footer:before {
        content: "— "
    }

.cl-img-fluid, .cl-img-thumbnail {
    max-width: 100%;
    height: auto
}

.cl-img-thumbnail {
    padding: .25rem;
    background-color: #f2f6f8;
    border: 1px solid #dee2e6;
    border-radius: 2px
}

.cl-figure {
    display: inline-block
}

.cl-figure-img {
    margin-bottom: .35715rem;
    line-height: 1
}

.cl-figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e91e63;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 2px
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 500
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.cl-pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.cl-container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .cl-container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .cl-container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .cl-container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .cl-container {
        max-width: 1140px
    }
}

.cl-container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.cl-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.cl-no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .cl-no-gutters > .cl-col, .cl-no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.cl-col, .cl-col-1, .cl-col-2, .cl-col-3, .cl-col-4, .cl-col-5, .cl-col-6, .cl-col-7, .cl-col-8, .cl-col-9, .cl-col-10, .cl-col-11, .cl-col-12, .cl-col-auto, .cl-col-lg, .cl-col-lg-1, .cl-col-lg-2, .cl-col-lg-3, .cl-col-lg-4, .cl-col-lg-5, .cl-col-lg-6, .cl-col-lg-7, .cl-col-lg-8, .cl-col-lg-9, .cl-col-lg-10, .cl-col-lg-11, .cl-col-lg-12, .cl-col-lg-auto, .cl-col-lg-custom, .cl-col-lg-custom-1, .cl-col-lg-custom-2, .cl-col-lg-custom-3, .cl-col-lg-custom-4, .cl-col-lg-custom-5, .cl-col-lg-custom-6, .cl-col-lg-custom-7, .cl-col-lg-custom-8, .cl-col-lg-custom-9, .cl-col-lg-custom-10, .cl-col-lg-custom-11, .cl-col-lg-custom-12, .cl-col-lg-custom-auto, .cl-col-md, .cl-col-md-1, .cl-col-md-2, .cl-col-md-3, .cl-col-md-4, .cl-col-md-5, .cl-col-md-6, .cl-col-md-7, .cl-col-md-8, .cl-col-md-9, .cl-col-md-10, .cl-col-md-11, .cl-col-md-12, .cl-col-md-auto, .cl-col-sm, .cl-col-sm-1, .cl-col-sm-2, .cl-col-sm-3, .cl-col-sm-4, .cl-col-sm-5, .cl-col-sm-6, .cl-col-sm-7, .cl-col-sm-8, .cl-col-sm-9, .cl-col-sm-10, .cl-col-sm-11, .cl-col-sm-12, .cl-col-sm-auto, .cl-col-xl, .cl-col-xl-1, .cl-col-xl-2, .cl-col-xl-3, .cl-col-xl-4, .cl-col-xl-5, .cl-col-xl-6, .cl-col-xl-7, .cl-col-xl-8, .cl-col-xl-9, .cl-col-xl-10, .cl-col-xl-11, .cl-col-xl-12, .cl-col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.cl-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.cl-col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.cl-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.cl-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.cl-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.cl-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.cl-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.cl-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.cl-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.cl-col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.cl-col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.cl-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.cl-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.cl-col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.cl-order-first {
    order: -1
}

.cl-order-last {
    order: 13
}

.cl-order-0 {
    order: 0
}

.cl-order-1 {
    order: 1
}

.cl-order-2 {
    order: 2
}

.cl-order-3 {
    order: 3
}

.cl-order-4 {
    order: 4
}

.cl-order-5 {
    order: 5
}

.cl-order-6 {
    order: 6
}

.cl-order-7 {
    order: 7
}

.cl-order-8 {
    order: 8
}

.cl-order-9 {
    order: 9
}

.cl-order-10 {
    order: 10
}

.cl-order-11 {
    order: 11
}

.cl-order-12 {
    order: 12
}

.cl-offset-1 {
    margin-left: 8.3333333333%
}

.cl-offset-2 {
    margin-left: 16.6666666667%
}

.cl-offset-3 {
    margin-left: 25%
}

.cl-offset-4 {
    margin-left: 33.3333333333%
}

.cl-offset-5 {
    margin-left: 41.6666666667%
}

.cl-offset-6 {
    margin-left: 50%
}

.cl-offset-7 {
    margin-left: 58.3333333333%
}

.cl-offset-8 {
    margin-left: 66.6666666667%
}

.cl-offset-9 {
    margin-left: 75%
}

.cl-offset-10 {
    margin-left: 83.3333333333%
}

.cl-offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .cl-col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .cl-col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .cl-col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .cl-col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .cl-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cl-col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .cl-col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .cl-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cl-col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .cl-col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .cl-col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cl-col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .cl-col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .cl-col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cl-order-sm-first {
        order: -1
    }

    .cl-order-sm-last {
        order: 13
    }

    .cl-order-sm-0 {
        order: 0
    }

    .cl-order-sm-1 {
        order: 1
    }

    .cl-order-sm-2 {
        order: 2
    }

    .cl-order-sm-3 {
        order: 3
    }

    .cl-order-sm-4 {
        order: 4
    }

    .cl-order-sm-5 {
        order: 5
    }

    .cl-order-sm-6 {
        order: 6
    }

    .cl-order-sm-7 {
        order: 7
    }

    .cl-order-sm-8 {
        order: 8
    }

    .cl-order-sm-9 {
        order: 9
    }

    .cl-order-sm-10 {
        order: 10
    }

    .cl-order-sm-11 {
        order: 11
    }

    .cl-order-sm-12 {
        order: 12
    }

    .cl-offset-sm-0 {
        margin-left: 0
    }

    .cl-offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .cl-offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .cl-offset-sm-3 {
        margin-left: 25%
    }

    .cl-offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .cl-offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .cl-offset-sm-6 {
        margin-left: 50%
    }

    .cl-offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .cl-offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .cl-offset-sm-9 {
        margin-left: 75%
    }

    .cl-offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .cl-offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .cl-col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .cl-col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .cl-col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .cl-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .cl-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cl-col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .cl-col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .cl-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cl-col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .cl-col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .cl-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cl-col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .cl-col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .cl-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cl-order-md-first {
        order: -1
    }

    .cl-order-md-last {
        order: 13
    }

    .cl-order-md-0 {
        order: 0
    }

    .cl-order-md-1 {
        order: 1
    }

    .cl-order-md-2 {
        order: 2
    }

    .cl-order-md-3 {
        order: 3
    }

    .cl-order-md-4 {
        order: 4
    }

    .cl-order-md-5 {
        order: 5
    }

    .cl-order-md-6 {
        order: 6
    }

    .cl-order-md-7 {
        order: 7
    }

    .cl-order-md-8 {
        order: 8
    }

    .cl-order-md-9 {
        order: 9
    }

    .cl-order-md-10 {
        order: 10
    }

    .cl-order-md-11 {
        order: 11
    }

    .cl-order-md-12 {
        order: 12
    }

    .cl-offset-md-0 {
        margin-left: 0
    }

    .cl-offset-md-1 {
        margin-left: 8.3333333333%
    }

    .cl-offset-md-2 {
        margin-left: 16.6666666667%
    }

    .cl-offset-md-3 {
        margin-left: 25%
    }

    .cl-offset-md-4 {
        margin-left: 33.3333333333%
    }

    .cl-offset-md-5 {
        margin-left: 41.6666666667%
    }

    .cl-offset-md-6 {
        margin-left: 50%
    }

    .cl-offset-md-7 {
        margin-left: 58.3333333333%
    }

    .cl-offset-md-8 {
        margin-left: 66.6666666667%
    }

    .cl-offset-md-9 {
        margin-left: 75%
    }

    .cl-offset-md-10 {
        margin-left: 83.3333333333%
    }

    .cl-offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .cl-col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .cl-col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .cl-col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .cl-col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .cl-col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cl-col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .cl-col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .cl-col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cl-col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .cl-col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .cl-col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cl-col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .cl-col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .cl-col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cl-order-lg-first {
        order: -1
    }

    .cl-order-lg-last {
        order: 13
    }

    .cl-order-lg-0 {
        order: 0
    }

    .cl-order-lg-1 {
        order: 1
    }

    .cl-order-lg-2 {
        order: 2
    }

    .cl-order-lg-3 {
        order: 3
    }

    .cl-order-lg-4 {
        order: 4
    }

    .cl-order-lg-5 {
        order: 5
    }

    .cl-order-lg-6 {
        order: 6
    }

    .cl-order-lg-7 {
        order: 7
    }

    .cl-order-lg-8 {
        order: 8
    }

    .cl-order-lg-9 {
        order: 9
    }

    .cl-order-lg-10 {
        order: 10
    }

    .cl-order-lg-11 {
        order: 11
    }

    .cl-order-lg-12 {
        order: 12
    }

    .cl-offset-lg-0 {
        margin-left: 0
    }

    .cl-offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .cl-offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .cl-offset-lg-3 {
        margin-left: 25%
    }

    .cl-offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .cl-offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .cl-offset-lg-6 {
        margin-left: 50%
    }

    .cl-offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .cl-offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .cl-offset-lg-9 {
        margin-left: 75%
    }

    .cl-offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .cl-offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .cl-col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .cl-col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .cl-col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .cl-col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .cl-col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cl-col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .cl-col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .cl-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cl-col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .cl-col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .cl-col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cl-col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .cl-col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .cl-col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cl-order-xl-first {
        order: -1
    }

    .cl-order-xl-last {
        order: 13
    }

    .cl-order-xl-0 {
        order: 0
    }

    .cl-order-xl-1 {
        order: 1
    }

    .cl-order-xl-2 {
        order: 2
    }

    .cl-order-xl-3 {
        order: 3
    }

    .cl-order-xl-4 {
        order: 4
    }

    .cl-order-xl-5 {
        order: 5
    }

    .cl-order-xl-6 {
        order: 6
    }

    .cl-order-xl-7 {
        order: 7
    }

    .cl-order-xl-8 {
        order: 8
    }

    .cl-order-xl-9 {
        order: 9
    }

    .cl-order-xl-10 {
        order: 10
    }

    .cl-order-xl-11 {
        order: 11
    }

    .cl-order-xl-12 {
        order: 12
    }

    .cl-offset-xl-0 {
        margin-left: 0
    }

    .cl-offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .cl-offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .cl-offset-xl-3 {
        margin-left: 25%
    }

    .cl-offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .cl-offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .cl-offset-xl-6 {
        margin-left: 50%
    }

    .cl-offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .cl-offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .cl-offset-xl-9 {
        margin-left: 75%
    }

    .cl-offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .cl-offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1366px) {
    .cl-col-lg-custom {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .cl-col-lg-custom-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .cl-col-lg-custom-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .cl-col-lg-custom-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .cl-col-lg-custom-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cl-col-lg-custom-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .cl-col-lg-custom-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .cl-col-lg-custom-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cl-col-lg-custom-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .cl-col-lg-custom-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .cl-col-lg-custom-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .cl-col-lg-custom-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .cl-col-lg-custom-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .cl-col-lg-custom-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cl-order-lg-custom-first {
        order: -1
    }

    .cl-order-lg-custom-last {
        order: 13
    }

    .cl-order-lg-custom-0 {
        order: 0
    }

    .cl-order-lg-custom-1 {
        order: 1
    }

    .cl-order-lg-custom-2 {
        order: 2
    }

    .cl-order-lg-custom-3 {
        order: 3
    }

    .cl-order-lg-custom-4 {
        order: 4
    }

    .cl-order-lg-custom-5 {
        order: 5
    }

    .cl-order-lg-custom-6 {
        order: 6
    }

    .cl-order-lg-custom-7 {
        order: 7
    }

    .cl-order-lg-custom-8 {
        order: 8
    }

    .cl-order-lg-custom-9 {
        order: 9
    }

    .cl-order-lg-custom-10 {
        order: 10
    }

    .cl-order-lg-custom-11 {
        order: 11
    }

    .cl-order-lg-custom-12 {
        order: 12
    }

    .cl-offset-lg-custom-0 {
        margin-left: 0
    }

    .cl-offset-lg-custom-1 {
        margin-left: 8.3333333333%
    }

    .cl-offset-lg-custom-2 {
        margin-left: 16.6666666667%
    }

    .cl-offset-lg-custom-3 {
        margin-left: 25%
    }

    .cl-offset-lg-custom-4 {
        margin-left: 33.3333333333%
    }

    .cl-offset-lg-custom-5 {
        margin-left: 41.6666666667%
    }

    .cl-offset-lg-custom-6 {
        margin-left: 50%
    }

    .cl-offset-lg-custom-7 {
        margin-left: 58.3333333333%
    }

    .cl-offset-lg-custom-8 {
        margin-left: 66.6666666667%
    }

    .cl-offset-lg-custom-9 {
        margin-left: 75%
    }

    .cl-offset-lg-custom-10 {
        margin-left: 83.3333333333%
    }

    .cl-offset-lg-custom-11 {
        margin-left: 91.6666666667%
    }
}

.cl-table {
    width: 100%;
    margin-bottom: .7143rem;
    color: #333;
    background-color: transparent
}

    .cl-table td, .cl-table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #c6d2d9
    }

    .cl-table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #c6d2d9
    }

    .cl-table tbody + tbody {
        border-top: 2px solid #c6d2d9
    }

.cl-table-sm td, .cl-table-sm th {
    padding: .3rem
}

.cl-table-bordered, .cl-table-bordered td, .cl-table-bordered th {
    border: 1px solid #c6d2d9
}

    .cl-table-bordered thead td, .cl-table-bordered thead th {
        border-bottom-width: 2px
    }

.cl-table-borderless tbody + tbody, .cl-table-borderless td, .cl-table-borderless th, .cl-table-borderless thead th {
    border: 0
}

.cl-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.cl-table-hover tbody tr:hover {
    color: #333;
    background-color: rgba(0,0,0,.075)
}

.cl-table-primary, .cl-table-primary > td, .cl-table-primary > th {
    background-color: #b8e7fc
}

    .cl-table-primary tbody + tbody, .cl-table-primary td, .cl-table-primary th, .cl-table-primary thead th {
        border-color: #7cd2f9
    }

.cl-table-hover .cl-table-primary:hover, .cl-table-hover .cl-table-primary:hover > td, .cl-table-hover .cl-table-primary:hover > th {
    background-color: #a0dffb
}

.cl-table-secondary, .cl-table-secondary > td, .cl-table-secondary > th {
    background-color: #cde9ce
}

    .cl-table-secondary tbody + tbody, .cl-table-secondary td, .cl-table-secondary th, .cl-table-secondary thead th {
        border-color: #a2d5a4
    }

.cl-table-hover .cl-table-secondary:hover, .cl-table-hover .cl-table-secondary:hover > td, .cl-table-hover .cl-table-secondary:hover > th {
    background-color: #bbe1bd
}

.cl-table-success, .cl-table-success > td, .cl-table-success > th {
    background-color: #cde9ce
}

    .cl-table-success tbody + tbody, .cl-table-success td, .cl-table-success th, .cl-table-success thead th {
        border-color: #a2d5a4
    }

.cl-table-hover .cl-table-success:hover, .cl-table-hover .cl-table-success:hover > td, .cl-table-hover .cl-table-success:hover > th {
    background-color: #bbe1bd
}

.cl-table-info, .cl-table-info > td, .cl-table-info > th {
    background-color: #b8e7fc
}

    .cl-table-info tbody + tbody, .cl-table-info td, .cl-table-info th, .cl-table-info thead th {
        border-color: #7cd2f9
    }

.cl-table-hover .cl-table-info:hover, .cl-table-hover .cl-table-info:hover > td, .cl-table-hover .cl-table-info:hover > th {
    background-color: #a0dffb
}

.cl-table-warning, .cl-table-warning > td, .cl-table-warning > th {
    background-color: #ffe2b8
}

    .cl-table-warning tbody + tbody, .cl-table-warning td, .cl-table-warning th, .cl-table-warning thead th {
        border-color: #ffc97a
    }

.cl-table-hover .cl-table-warning:hover, .cl-table-hover .cl-table-warning:hover > td, .cl-table-hover .cl-table-warning:hover > th {
    background-color: #ffd89f
}

.cl-table-danger, .cl-table-danger > td, .cl-table-danger > th {
    background-color: #fccac7
}

    .cl-table-danger tbody + tbody, .cl-table-danger td, .cl-table-danger th, .cl-table-danger thead th {
        border-color: #f99d96
    }

.cl-table-hover .cl-table-danger:hover, .cl-table-hover .cl-table-danger:hover > td, .cl-table-hover .cl-table-danger:hover > th {
    background-color: #fbb3af
}

.cl-table-light, .cl-table-light > td, .cl-table-light > th {
    background-color: #f7f9fa
}

    .cl-table-light tbody + tbody, .cl-table-light td, .cl-table-light th, .cl-table-light thead th {
        border-color: #f1f4f6
    }

.cl-table-hover .cl-table-light:hover, .cl-table-hover .cl-table-light:hover > td, .cl-table-hover .cl-table-light:hover > th {
    background-color: #e7edf0
}

.cl-table-lighter, .cl-table-lighter > td, .cl-table-lighter > th {
    background-color: #fbfcfd
}

    .cl-table-lighter tbody + tbody, .cl-table-lighter td, .cl-table-lighter th, .cl-table-lighter thead th {
        border-color: #f8fafb
    }

.cl-table-hover .cl-table-lighter:hover, .cl-table-hover .cl-table-lighter:hover > td, .cl-table-hover .cl-table-lighter:hover > th {
    background-color: #eaeff5
}

.cl-table-dark, .cl-table-dark > td, .cl-table-dark > th {
    background-color: #c6c6c6
}

    .cl-table-dark tbody + tbody, .cl-table-dark td, .cl-table-dark th, .cl-table-dark thead th {
        border-color: #959595
    }

.cl-table-hover .cl-table-dark:hover, .cl-table-hover .cl-table-dark:hover > td, .cl-table-hover .cl-table-dark:hover > th {
    background-color: #b9b9b9
}

.cl-table-purple, .cl-table-purple > td, .cl-table-purple > th {
    background-color: #e3c3e9
}

    .cl-table-purple tbody + tbody, .cl-table-purple td, .cl-table-purple th, .cl-table-purple thead th {
        border-color: #cc8fd6
    }

.cl-table-hover .cl-table-purple:hover, .cl-table-hover .cl-table-purple:hover > td, .cl-table-hover .cl-table-purple:hover > th {
    background-color: #dab0e2
}

.cl-table-indigo, .cl-table-indigo > td, .cl-table-indigo > th {
    background-color: #c9ceea
}

    .cl-table-indigo tbody + tbody, .cl-table-indigo td, .cl-table-indigo th, .cl-table-indigo thead th {
        border-color: #9ba5d9
    }

.cl-table-hover .cl-table-indigo:hover, .cl-table-hover .cl-table-indigo:hover > td, .cl-table-hover .cl-table-indigo:hover > th {
    background-color: #b7bde3
}

.cl-table-pink, .cl-table-pink > td, .cl-table-pink > th {
    background-color: #f9c0d3
}

    .cl-table-pink tbody + tbody, .cl-table-pink td, .cl-table-pink th, .cl-table-pink thead th {
        border-color: #f48aae
    }

.cl-table-hover .cl-table-pink:hover, .cl-table-hover .cl-table-pink:hover > td, .cl-table-hover .cl-table-pink:hover > th {
    background-color: #f7a9c3
}

.cl-table-active, .cl-table-active > td, .cl-table-active > th, .cl-table-hover .cl-table-active:hover, .cl-table-hover .cl-table-active:hover > td, .cl-table-hover .cl-table-active:hover > th {
    background-color: rgba(0,0,0,.075)
}

.cl-table .cl-thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.cl-table .cl-thead-light th {
    background-color: #e4eaee;
    border-color: #c6d2d9
}

.cl-table-dark {
    color: #fff;
    background-color: #212529
}

    .cl-table-dark td, .cl-table-dark th, .cl-table-dark thead th {
        border-color: #32383e
    }

    .cl-table-dark.cl-table-bordered {
        border: 0
    }

    .cl-table-dark.cl-table-striped tbody tr:nth-of-type(odd) {
        background-color: hsla(0,0%,100%,.05)
    }

    .cl-table-dark.cl-table-hover tbody tr:hover {
        color: #fff;
        background-color: hsla(0,0%,100%,.075)
    }

@media (max-width:575.98px) {
    .cl-table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .cl-table-responsive-sm > .cl-table-bordered {
            border: 0
        }
}

@media (max-width:767.98px) {
    .cl-table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .cl-table-responsive-md > .cl-table-bordered {
            border: 0
        }
}

@media (max-width:991.98px) {
    .cl-table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .cl-table-responsive-lg > .cl-table-bordered {
            border: 0
        }
}

@media (max-width:1199.98px) {
    .cl-table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .cl-table-responsive-xl > .cl-table-bordered {
            border: 0
        }
}

@media (max-width:1365.98px) {
    .cl-table-responsive-lg-custom {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .cl-table-responsive-lg-custom > .cl-table-bordered {
            border: 0
        }
}

.cl-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .cl-table-responsive > .cl-table-bordered {
        border: 0
    }

.cl-form-control {
    display: block;
    width: 100%;
    height: calc(2.716rem + 2px);
    padding: .608rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 10px;
}

@media (prefers-reduced-motion:reduce) {
    .cl-form-control {
        transition: none
    }
}

.cl-form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.cl-form-control:focus {
    color: #333;
    background-color: #fff;
    border-color: #90a4ae;
    outline: 0;
    box-shadow: none
}

.cl-form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.cl-form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.cl-form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.cl-form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.cl-form-control:disabled, .cl-form-control[readonly] {
    background-color: #f2f6f8;
    opacity: 1
}

select.cl-form-control:focus::-ms-value {
    color: #333;
    background-color: #fff
}

.cl-form-control-file, .cl-form-control-range {
    display: block;
    width: 100%
}

.cl-col-form-label {
    padding-top: calc(.608rem + 1px);
    padding-bottom: calc(.608rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.cl-col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.286rem;
    line-height: 1.5
}

.cl-col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .8571rem;
    line-height: 1.4
}

.cl-form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .608rem;
    padding-bottom: .608rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #333;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    margin-top: 10px;
}

    .cl-form-control-plaintext.cl-form-control-lg, .cl-form-control-plaintext.cl-form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.cl-form-control-sm {
    height: calc(1.69994rem + 2px);
    padding: .25rem .5rem;
    font-size: .8571rem;
    line-height: 1.4;
    border-radius: 2px
}

.cl-form-control-lg {
    height: calc(2.929rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.286rem;
    line-height: 1.5;
    border-radius: 2px
}

select.cl-form-control[multiple], select.cl-form-control[size], textarea.cl-form-control {
    height: auto
}

.cl-form-group {
    margin-bottom: 1rem
}

.cl-form-text {
    display: block;
    margin-top: .25rem
}

.cl-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .cl-form-row > .cl-col, .cl-form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.cl-form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.cl-form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .cl-form-check-input:disabled ~ .cl-form-check-label {
        color: #6c757d
    }

.cl-form-check-label {
    margin-bottom: 0
}

.cl-form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .cl-form-check-inline .cl-form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.cl-valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .8571rem;
    color: #4caf50
}

.cl-valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem 1rem;
    margin-top: .1rem;
    font-size: .8571rem;
    line-height: 1.5;
    color: #fff;
    background-color: #4caf50;
    border-radius: 2px
}

.cl-form-control.cl-is-valid, .cl-was-validated .cl-form-control:valid {
    border-color: #4caf50;
    padding-right: 2.716rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234CAF50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .304rem);
    background-size: calc(.75em + .608rem) calc(.75em + .608rem)
}

    .cl-form-control.cl-is-valid:focus, .cl-was-validated .cl-form-control:valid:focus {
        border-color: #4caf50;
        box-shadow: 0 0 0 .2rem rgba(76,175,80,.25)
    }

    .cl-form-control.cl-is-valid ~ .cl-valid-feedback, .cl-form-control.cl-is-valid ~ .cl-valid-tooltip, .cl-was-validated .cl-form-control:valid ~ .cl-valid-feedback, .cl-was-validated .cl-form-control:valid ~ .cl-valid-tooltip {
        display: block
    }

.cl-was-validated textarea.cl-form-control:valid, textarea.cl-form-control.cl-is-valid {
    padding-right: 2.716rem;
    background-position: top calc(.375em + .304rem) right calc(.375em + .304rem)
}

.cl-custom-select.cl-is-valid, .cl-was-validated .cl-custom-select:valid {
    border-color: #4caf50;
    padding-right: 3.787rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234CAF50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/1.358rem 1.358rem
}

    .cl-custom-select.cl-is-valid:focus, .cl-was-validated .cl-custom-select:valid:focus {
        border-color: #4caf50;
        box-shadow: 0 0 0 .2rem rgba(76,175,80,.25)
    }

    .cl-custom-select.cl-is-valid ~ .cl-valid-feedback, .cl-custom-select.cl-is-valid ~ .cl-valid-tooltip, .cl-form-control-file.cl-is-valid ~ .valid-feedback, .cl-form-control-file.cl-is-valid ~ .valid-tooltip, .cl-was-validated .cl-custom-select:valid ~ .cl-valid-feedback, .cl-was-validated .cl-custom-select:valid ~ .cl-valid-tooltip, .cl-was-validated .cl-form-control-file:valid ~ .valid-feedback, .cl-was-validated .cl-form-control-file:valid ~ .valid-tooltip {
        display: block
    }

.cl-form-check-input.cl-is-valid ~ .cl-form-check-label, .cl-was-validated .cl-form-check-input:valid ~ .cl-form-check-label {
    color: #4caf50
}

.cl-form-check-input.cl-is-valid ~ .cl-valid-feedback, .cl-form-check-input.cl-is-valid ~ .cl-valid-tooltip, .cl-was-validated .cl-form-check-input:valid ~ .cl-valid-feedback, .cl-was-validated .cl-form-check-input:valid ~ .cl-valid-tooltip {
    display: block
}

.cl-custom-control-input.cl-is-valid ~ .cl-custom-control-label, .cl-was-validated .cl-custom-control-input:valid ~ .cl-custom-control-label {
    color: #4caf50
}

    .cl-custom-control-input.cl-is-valid ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:valid ~ .cl-custom-control-label:before {
        border-color: #4caf50
    }

.cl-custom-control-input.cl-is-valid ~ .cl-valid-feedback, .cl-custom-control-input.cl-is-valid ~ .cl-valid-tooltip, .cl-was-validated .cl-custom-control-input:valid ~ .cl-valid-feedback, .cl-was-validated .cl-custom-control-input:valid ~ .cl-valid-tooltip {
    display: block
}

.cl-custom-control-input.cl-is-valid:checked ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:valid:checked ~ .cl-custom-control-label:before {
    border-color: #6ec071;
    background-color: #6ec071
}

.cl-custom-control-input.cl-is-valid:focus ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:valid:focus ~ .cl-custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(76,175,80,.25)
}

.cl-custom-control-input.cl-is-valid:focus:not(:checked) ~ .cl-custom-control-label:before, .cl-custom-file-input.cl-is-valid ~ .cl-custom-file-label, .cl-was-validated .cl-custom-control-input:valid:focus:not(:checked) ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-file-input:valid ~ .cl-custom-file-label {
    border-color: #4caf50
}

.cl-custom-file-input.cl-is-valid ~ .cl-valid-feedback, .cl-custom-file-input.cl-is-valid ~ .cl-valid-tooltip, .cl-was-validated .cl-custom-file-input:valid ~ .cl-valid-feedback, .cl-was-validated .cl-custom-file-input:valid ~ .cl-valid-tooltip {
    display: block
}

.cl-custom-file-input.cl-is-valid:focus ~ .cl-custom-file-label, .cl-was-validated .cl-custom-file-input:valid:focus ~ .cl-custom-file-label {
    border-color: #4caf50;
    box-shadow: 0 0 0 .2rem rgba(76,175,80,.25)
}

.cl-invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .8571rem;
    color: #f44336
}

.cl-invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem 1rem;
    margin-top: .1rem;
    font-size: .8571rem;
    line-height: 1.5;
    color: #fff;
    background-color: #f44336;
    border-radius: 2px
}

.cl-form-control.cl-is-invalid, .cl-was-validated .cl-form-control:invalid {
    border-color: #f44336;
    padding-right: 2.716rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F44336' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .304rem);
    background-size: calc(.75em + .608rem) calc(.75em + .608rem)
}

    .cl-form-control.cl-is-invalid:focus, .cl-was-validated .cl-form-control:invalid:focus {
        border-color: #f44336;
        box-shadow: 0 0 0 .2rem rgba(244,67,54,.25)
    }

    .cl-form-control.cl-is-invalid ~ .cl-invalid-feedback, .cl-form-control.cl-is-invalid ~ .cl-invalid-tooltip, .cl-was-validated .cl-form-control:invalid ~ .cl-invalid-feedback, .cl-was-validated .cl-form-control:invalid ~ .cl-invalid-tooltip {
        display: block
    }

.cl-was-validated textarea.cl-form-control:invalid, textarea.cl-form-control.cl-is-invalid {
    padding-right: 2.716rem;
    background-position: top calc(.375em + .304rem) right calc(.375em + .304rem)
}

.cl-custom-select.cl-is-invalid, .cl-was-validated .cl-custom-select:invalid {
    border-color: #f44336;
    padding-right: 3.787rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F44336' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/1.358rem 1.358rem
}

    .cl-custom-select.cl-is-invalid:focus, .cl-was-validated .cl-custom-select:invalid:focus {
        border-color: #f44336;
        box-shadow: 0 0 0 .2rem rgba(244,67,54,.25)
    }

    .cl-custom-select.cl-is-invalid ~ .cl-invalid-feedback, .cl-custom-select.cl-is-invalid ~ .cl-invalid-tooltip, .cl-form-control-file.cl-is-invalid ~ .invalid-feedback, .cl-form-control-file.cl-is-invalid ~ .invalid-tooltip, .cl-was-validated .cl-custom-select:invalid ~ .cl-invalid-feedback, .cl-was-validated .cl-custom-select:invalid ~ .cl-invalid-tooltip, .cl-was-validated .cl-form-control-file:invalid ~ .invalid-feedback, .cl-was-validated .cl-form-control-file:invalid ~ .invalid-tooltip {
        display: block
    }

.cl-form-check-input.cl-is-invalid ~ .cl-form-check-label, .cl-was-validated .cl-form-check-input:invalid ~ .cl-form-check-label {
    color: #f44336
}

.cl-form-check-input.cl-is-invalid ~ .cl-invalid-feedback, .cl-form-check-input.cl-is-invalid ~ .cl-invalid-tooltip, .cl-was-validated .cl-form-check-input:invalid ~ .cl-invalid-feedback, .cl-was-validated .cl-form-check-input:invalid ~ .cl-invalid-tooltip {
    display: block
}

.cl-custom-control-input.cl-is-invalid ~ .cl-custom-control-label, .cl-was-validated .cl-custom-control-input:invalid ~ .cl-custom-control-label {
    color: #f44336
}

    .cl-custom-control-input.cl-is-invalid ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:invalid ~ .cl-custom-control-label:before {
        border-color: #f44336
    }

.cl-custom-control-input.cl-is-invalid ~ .cl-invalid-feedback, .cl-custom-control-input.cl-is-invalid ~ .cl-invalid-tooltip, .cl-was-validated .cl-custom-control-input:invalid ~ .cl-invalid-feedback, .cl-was-validated .cl-custom-control-input:invalid ~ .cl-invalid-tooltip {
    display: block
}

.cl-custom-control-input.cl-is-invalid:checked ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:invalid:checked ~ .cl-custom-control-label:before {
    border-color: #f77066;
    background-color: #f77066
}

.cl-custom-control-input.cl-is-invalid:focus ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-control-input:invalid:focus ~ .cl-custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(244,67,54,.25)
}

.cl-custom-control-input.cl-is-invalid:focus:not(:checked) ~ .cl-custom-control-label:before, .cl-custom-file-input.cl-is-invalid ~ .cl-custom-file-label, .cl-was-validated .cl-custom-control-input:invalid:focus:not(:checked) ~ .cl-custom-control-label:before, .cl-was-validated .cl-custom-file-input:invalid ~ .cl-custom-file-label {
    border-color: #f44336
}

.cl-custom-file-input.cl-is-invalid ~ .cl-invalid-feedback, .cl-custom-file-input.cl-is-invalid ~ .cl-invalid-tooltip, .cl-was-validated .cl-custom-file-input:invalid ~ .cl-invalid-feedback, .cl-was-validated .cl-custom-file-input:invalid ~ .cl-invalid-tooltip {
    display: block
}

.cl-custom-file-input.cl-is-invalid:focus ~ .cl-custom-file-label, .cl-was-validated .cl-custom-file-input:invalid:focus ~ .cl-custom-file-label {
    border-color: #f44336;
    box-shadow: 0 0 0 .2rem rgba(244,67,54,.25)
}

.cl-form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .cl-form-inline .cl-form-check {
        width: 100%
    }

@media (min-width:576px) {
    .cl-form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .cl-form-inline .cl-form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .cl-form-inline .cl-form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .cl-form-inline .cl-form-control-plaintext {
        display: inline-block
    }

    .cl-form-inline .cl-custom-select, .cl-form-inline .cl-input-group {
        width: auto
    }

    .cl-form-inline .cl-form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .cl-form-inline .cl-form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .cl-form-inline .cl-custom-control {
        align-items: center;
        justify-content: center
    }

    .cl-form-inline .cl-custom-control-label {
        margin-bottom: 0
    }
}

.cl-btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .608rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .cl-btn {
        transition: none
    }
}

.cl-btn:hover {
    color: #333;
    text-decoration: none
}

.cl-btn.cl-focus, .cl-btn:focus {
    outline: 0;
    box-shadow: none
}

.cl-btn.cl-disabled, .cl-btn:disabled {
    opacity: .65
}

a.cl-btn.cl-disabled, fieldset:disabled a.cl-btn {
    pointer-events: none
}

.cl-alert.cl-alert-info .cl-btn, .cl-alert.cl-alert-primary .cl-btn, .cl-btn-primary {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

    .cl-alert.cl-alert-info .cl-btn:hover, .cl-alert.cl-alert-primary .cl-btn:hover, .cl-btn-primary:hover {
        color: #fff;
        background-color: #038fce;
        border-color: #0286c2
    }

    .cl-alert.cl-alert-info .cl-btn:focus, .cl-alert.cl-alert-info .cl-focus.cl-btn, .cl-alert.cl-alert-primary .cl-btn:focus, .cl-alert.cl-alert-primary .cl-focus.cl-btn, .cl-btn-primary.cl-focus, .cl-btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(41,182,246,.5)
    }

    .cl-alert.cl-alert-info .cl-btn:disabled, .cl-alert.cl-alert-info .cl-disabled.cl-btn, .cl-alert.cl-alert-primary .cl-btn:disabled, .cl-alert.cl-alert-primary .cl-disabled.cl-btn, .cl-btn-primary.cl-disabled, .cl-btn-primary:disabled {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

    .cl-alert.cl-alert-info .cl-btn:not(:disabled):not(.cl-disabled).cl-active, .cl-alert.cl-alert-info .cl-btn:not(:disabled):not(.cl-disabled):active, .cl-alert.cl-alert-info .cl-show > .cl-dropdown-toggle.cl-btn, .cl-alert.cl-alert-primary .cl-btn:not(:disabled):not(.cl-disabled).cl-active, .cl-alert.cl-alert-primary .cl-btn:not(:disabled):not(.cl-disabled):active, .cl-alert.cl-alert-primary .cl-show > .cl-dropdown-toggle.cl-btn, .cl-btn-primary:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-primary:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-primary.cl-dropdown-toggle {
        color: #fff;
        background-color: #0286c2;
        border-color: #027db5
    }

        .cl-alert.cl-alert-info .cl-btn:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-alert.cl-alert-info .cl-btn:not(:disabled):not(.cl-disabled):active:focus, .cl-alert.cl-alert-info .cl-show > .cl-dropdown-toggle.cl-btn:focus, .cl-alert.cl-alert-primary .cl-btn:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-alert.cl-alert-primary .cl-btn:not(:disabled):not(.cl-disabled):active:focus, .cl-alert.cl-alert-primary .cl-show > .cl-dropdown-toggle.cl-btn:focus, .cl-btn-primary:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-primary:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-primary.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(41,182,246,.5)
        }

.cl-btn-secondary {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

    .cl-btn-secondary:hover {
        color: #fff;
        background-color: #409444;
        border-color: #3d8b40
    }

    .cl-btn-secondary.cl-focus, .cl-btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(103,187,106,.5)
    }

    .cl-btn-secondary.cl-disabled, .cl-btn-secondary:disabled {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

    .cl-btn-secondary:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-secondary:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-secondary.cl-dropdown-toggle {
        color: #fff;
        background-color: #3d8b40;
        border-color: #39833c
    }

        .cl-btn-secondary:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-secondary:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-secondary.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(103,187,106,.5)
        }

.cl-alert.cl-alert-success .cl-btn, .cl-btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

    .cl-alert.cl-alert-success .cl-btn:hover, .cl-btn-success:hover {
        color: #fff;
        background-color: #409444;
        border-color: #3d8b40
    }

    .cl-alert.cl-alert-success .cl-btn:focus, .cl-alert.cl-alert-success .cl-focus.cl-btn, .cl-btn-success.cl-focus, .cl-btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(103,187,106,.5)
    }

    .cl-alert.cl-alert-success .cl-btn:disabled, .cl-alert.cl-alert-success .cl-disabled.cl-btn, .cl-btn-success.cl-disabled, .cl-btn-success:disabled {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

    .cl-alert.cl-alert-success .cl-btn:not(:disabled):not(.cl-disabled).cl-active, .cl-alert.cl-alert-success .cl-btn:not(:disabled):not(.cl-disabled):active, .cl-alert.cl-alert-success .cl-show > .cl-dropdown-toggle.cl-btn, .cl-btn-success:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-success:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-success.cl-dropdown-toggle {
        color: #fff;
        background-color: #3d8b40;
        border-color: #39833c
    }

        .cl-alert.cl-alert-success .cl-btn:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-alert.cl-alert-success .cl-btn:not(:disabled):not(.cl-disabled):active:focus, .cl-alert.cl-alert-success .cl-show > .cl-dropdown-toggle.cl-btn:focus, .cl-btn-success:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-success:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-success.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(103,187,106,.5)
        }

.cl-btn-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

    .cl-btn-info:hover {
        color: #fff;
        background-color: #038fce;
        border-color: #0286c2
    }

    .cl-btn-info.cl-focus, .cl-btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(41,182,246,.5)
    }

    .cl-btn-info.cl-disabled, .cl-btn-info:disabled {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

    .cl-btn-info:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-info:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-info.cl-dropdown-toggle {
        color: #fff;
        background-color: #0286c2;
        border-color: #027db5
    }

        .cl-btn-info:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-info:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-info.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(41,182,246,.5)
        }

.cl-alert.cl-alert-warning .cl-btn, .cl-btn-warning {
    color: #212529;
    background-color: #ff9800;
    border-color: #ff9800
}

    .cl-alert.cl-alert-warning .cl-btn:hover, .cl-btn-warning:hover {
        color: #fff;
        background-color: #d98100;
        border-color: #cc7a00
    }

    .cl-alert.cl-alert-warning .cl-btn:focus, .cl-alert.cl-alert-warning .cl-focus.cl-btn, .cl-btn-warning.cl-focus, .cl-btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(222,135,6,.5)
    }

    .cl-alert.cl-alert-warning .cl-btn:disabled, .cl-alert.cl-alert-warning .cl-disabled.cl-btn, .cl-btn-warning.cl-disabled, .cl-btn-warning:disabled {
        color: #212529;
        background-color: #ff9800;
        border-color: #ff9800
    }

    .cl-alert.cl-alert-warning .cl-btn:not(:disabled):not(.cl-disabled).cl-active, .cl-alert.cl-alert-warning .cl-btn:not(:disabled):not(.cl-disabled):active, .cl-alert.cl-alert-warning .cl-show > .cl-dropdown-toggle.cl-btn, .cl-btn-warning:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-warning:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-warning.cl-dropdown-toggle {
        color: #fff;
        background-color: #cc7a00;
        border-color: #bf7200
    }

        .cl-alert.cl-alert-warning .cl-btn:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-alert.cl-alert-warning .cl-btn:not(:disabled):not(.cl-disabled):active:focus, .cl-alert.cl-alert-warning .cl-show > .cl-dropdown-toggle.cl-btn:focus, .cl-btn-warning:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-warning:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-warning.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,135,6,.5)
        }

.cl-alert.cl-alert-danger .cl-btn, .cl-btn-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

    .cl-alert.cl-alert-danger .cl-btn:hover, .cl-btn-danger:hover {
        color: #fff;
        background-color: #f22112;
        border-color: #ea1c0d
    }

    .cl-alert.cl-alert-danger .cl-btn:focus, .cl-alert.cl-alert-danger .cl-focus.cl-btn, .cl-btn-danger.cl-focus, .cl-btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(246,95,84,.5)
    }

    .cl-alert.cl-alert-danger .cl-btn:disabled, .cl-alert.cl-alert-danger .cl-disabled.cl-btn, .cl-btn-danger.cl-disabled, .cl-btn-danger:disabled {
        color: #fff;
        background-color: #f44336;
        border-color: #f44336
    }

    .cl-alert.cl-alert-danger .cl-btn:not(:disabled):not(.cl-disabled).cl-active, .cl-alert.cl-alert-danger .cl-btn:not(:disabled):not(.cl-disabled):active, .cl-alert.cl-alert-danger .cl-show > .cl-dropdown-toggle.cl-btn, .cl-btn-danger:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-danger:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-danger.cl-dropdown-toggle {
        color: #fff;
        background-color: #ea1c0d;
        border-color: #de1b0c
    }

        .cl-alert.cl-alert-danger .cl-btn:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-alert.cl-alert-danger .cl-btn:not(:disabled):not(.cl-disabled):active:focus, .cl-alert.cl-alert-danger .cl-show > .cl-dropdown-toggle.cl-btn:focus, .cl-btn-danger:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-danger:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-danger.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(246,95,84,.5)
        }

.cl-btn-light {
    color: #212529;
    background-color: #e4eaee;
    border-color: #e4eaee
}

    .cl-btn-light:hover {
        color: #212529;
        background-color: #cdd8df;
        border-color: #c5d2da
    }

    .cl-btn-light.cl-focus, .cl-btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(199,204,208,.5)
    }

    .cl-btn-light.cl-disabled, .cl-btn-light:disabled {
        color: #212529;
        background-color: #e4eaee;
        border-color: #e4eaee
    }

    .cl-btn-light:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-light:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-light.cl-dropdown-toggle {
        color: #212529;
        background-color: #c5d2da;
        border-color: #bdccd5
    }

        .cl-btn-light:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-light:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-light.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(199,204,208,.5)
        }

.cl-btn-lighter {
    color: #212529;
    background-color: #f2f6f8;
    border-color: #f2f6f8
}

    .cl-btn-lighter:hover {
        color: #212529;
        background-color: #d9e5eb;
        border-color: #d1dfe6
    }

    .cl-btn-lighter.cl-focus, .cl-btn-lighter:focus {
        box-shadow: 0 0 0 .2rem rgba(211,215,217,.5)
    }

    .cl-btn-lighter.cl-disabled, .cl-btn-lighter:disabled {
        color: #212529;
        background-color: #f2f6f8;
        border-color: #f2f6f8
    }

    .cl-btn-lighter:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-lighter:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-lighter.cl-dropdown-toggle {
        color: #212529;
        background-color: #d1dfe6;
        border-color: #c9d9e2
    }

        .cl-btn-lighter:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-lighter:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-lighter.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(211,215,217,.5)
        }

.cl-btn-dark {
    color: #fff;
    background-color: #333;
    border-color: #333
}

    .cl-btn-dark:hover {
        color: #fff;
        background-color: #202020;
        border-color: #1a1a1a
    }

    .cl-btn-dark.cl-focus, .cl-btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(82,82,82,.5)
    }

    .cl-btn-dark.cl-disabled, .cl-btn-dark:disabled {
        color: #fff;
        background-color: #333;
        border-color: #333
    }

    .cl-btn-dark:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-dark:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-dark.cl-dropdown-toggle {
        color: #fff;
        background-color: #1a1a1a;
        border-color: #131313
    }

        .cl-btn-dark:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-dark:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-dark.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,82,82,.5)
        }

.cl-btn-purple {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0
}

    .cl-btn-purple:hover {
        color: #fff;
        background-color: #802091;
        border-color: #771e86
    }

    .cl-btn-purple.cl-focus, .cl-btn-purple:focus {
        box-shadow: 0 0 0 .2rem rgba(171,71,188,.5)
    }

    .cl-btn-purple.cl-disabled, .cl-btn-purple:disabled {
        color: #fff;
        background-color: #9c27b0;
        border-color: #9c27b0
    }

    .cl-btn-purple:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-purple:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-purple.cl-dropdown-toggle {
        color: #fff;
        background-color: #771e86;
        border-color: #6e1b7c
    }

        .cl-btn-purple:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-purple:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-purple.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(171,71,188,.5)
        }

.cl-btn-indigo {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5
}

    .cl-btn-indigo:hover {
        color: #fff;
        background-color: #354499;
        border-color: #32408f
    }

    .cl-btn-indigo.cl-focus, .cl-btn-indigo:focus {
        box-shadow: 0 0 0 .2rem rgba(92,107,192,.5)
    }

    .cl-btn-indigo.cl-disabled, .cl-btn-indigo:disabled {
        color: #fff;
        background-color: #3f51b5;
        border-color: #3f51b5
    }

    .cl-btn-indigo:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-indigo:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-indigo.cl-dropdown-toggle {
        color: #fff;
        background-color: #32408f;
        border-color: #2f3c86
    }

        .cl-btn-indigo:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-indigo:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-indigo.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(92,107,192,.5)
        }

.cl-btn-pink {
    color: #fff;
    background-color: #e91e63;
    border-color: #e91e63
}

    .cl-btn-pink:hover {
        color: #fff;
        background-color: #cd1453;
        border-color: #c1134e
    }

    .cl-btn-pink.cl-focus, .cl-btn-pink:focus {
        box-shadow: 0 0 0 .2rem rgba(236,64,122,.5)
    }

    .cl-btn-pink.cl-disabled, .cl-btn-pink:disabled {
        color: #fff;
        background-color: #e91e63;
        border-color: #e91e63
    }

    .cl-btn-pink:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-pink:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-pink.cl-dropdown-toggle {
        color: #fff;
        background-color: #c1134e;
        border-color: #b61249
    }

        .cl-btn-pink:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-pink:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-pink.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(236,64,122,.5)
        }

.cl-btn-outline-primary {
    color: #03a9f4;
    border-color: #03a9f4
}

    .cl-btn-outline-primary:hover {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

    .cl-btn-outline-primary.cl-focus, .cl-btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
    }

    .cl-btn-outline-primary.cl-disabled, .cl-btn-outline-primary:disabled {
        color: #03a9f4;
        background-color: transparent
    }

    .cl-btn-outline-primary:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-primary:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-primary.cl-dropdown-toggle {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

        .cl-btn-outline-primary:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-primary:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-primary.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
        }

.cl-btn-outline-secondary {
    color: #4caf50;
    border-color: #4caf50
}

    .cl-btn-outline-secondary:hover {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

    .cl-btn-outline-secondary.cl-focus, .cl-btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
    }

    .cl-btn-outline-secondary.cl-disabled, .cl-btn-outline-secondary:disabled {
        color: #4caf50;
        background-color: transparent
    }

    .cl-btn-outline-secondary:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-secondary:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-secondary.cl-dropdown-toggle {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

        .cl-btn-outline-secondary:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-secondary:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-secondary.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
        }

.cl-btn-outline-success {
    color: #4caf50;
    border-color: #4caf50
}

    .cl-btn-outline-success:hover {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

    .cl-btn-outline-success.cl-focus, .cl-btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
    }

    .cl-btn-outline-success.cl-disabled, .cl-btn-outline-success:disabled {
        color: #4caf50;
        background-color: transparent
    }

    .cl-btn-outline-success:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-success:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-success.cl-dropdown-toggle {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

        .cl-btn-outline-success:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-success:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-success.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
        }

.cl-btn-outline-info {
    color: #03a9f4;
    border-color: #03a9f4
}

    .cl-btn-outline-info:hover {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

    .cl-btn-outline-info.cl-focus, .cl-btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
    }

    .cl-btn-outline-info.cl-disabled, .cl-btn-outline-info:disabled {
        color: #03a9f4;
        background-color: transparent
    }

    .cl-btn-outline-info:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-info:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-info.cl-dropdown-toggle {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

        .cl-btn-outline-info:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-info:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-info.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
        }

.cl-btn-outline-warning {
    color: #ff9800;
    border-color: #ff9800
}

    .cl-btn-outline-warning:hover {
        color: #212529;
        background-color: #ff9800;
        border-color: #ff9800
    }

    .cl-btn-outline-warning.cl-focus, .cl-btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,152,0,.5)
    }

    .cl-btn-outline-warning.cl-disabled, .cl-btn-outline-warning:disabled {
        color: #ff9800;
        background-color: transparent
    }

    .cl-btn-outline-warning:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-warning:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-warning.cl-dropdown-toggle {
        color: #212529;
        background-color: #ff9800;
        border-color: #ff9800
    }

        .cl-btn-outline-warning:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-warning:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-warning.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,152,0,.5)
        }

.cl-btn-outline-danger {
    color: #f44336;
    border-color: #f44336
}

    .cl-btn-outline-danger:hover {
        color: #fff;
        background-color: #f44336;
        border-color: #f44336
    }

    .cl-btn-outline-danger.cl-focus, .cl-btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(244,67,54,.5)
    }

    .cl-btn-outline-danger.cl-disabled, .cl-btn-outline-danger:disabled {
        color: #f44336;
        background-color: transparent
    }

    .cl-btn-outline-danger:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-danger:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-danger.cl-dropdown-toggle {
        color: #fff;
        background-color: #f44336;
        border-color: #f44336
    }

        .cl-btn-outline-danger:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-danger:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-danger.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(244,67,54,.5)
        }

.cl-btn-outline-light {
    color: #e4eaee;
    border-color: #e4eaee
}

    .cl-btn-outline-light:hover {
        color: #212529;
        background-color: #e4eaee;
        border-color: #e4eaee
    }

    .cl-btn-outline-light.cl-focus, .cl-btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(228,234,238,.5)
    }

    .cl-btn-outline-light.cl-disabled, .cl-btn-outline-light:disabled {
        color: #e4eaee;
        background-color: transparent
    }

    .cl-btn-outline-light:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-light:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle {
        color: #212529;
        background-color: #e4eaee;
        border-color: #e4eaee
    }

        .cl-btn-outline-light:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-light:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(228,234,238,.5)
        }

.cl-btn-outline-lighter {
    color: #f2f6f8;
    border-color: #f2f6f8
}

    .cl-btn-outline-lighter:hover {
        color: #212529;
        background-color: #f2f6f8;
        border-color: #f2f6f8
    }

    .cl-btn-outline-lighter.cl-focus, .cl-btn-outline-lighter:focus {
        box-shadow: 0 0 0 .2rem rgba(242,246,248,.5)
    }

    .cl-btn-outline-lighter.cl-disabled, .cl-btn-outline-lighter:disabled {
        color: #f2f6f8;
        background-color: transparent
    }

    .cl-btn-outline-lighter:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-lighter:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-lighter.cl-dropdown-toggle {
        color: #212529;
        background-color: #f2f6f8;
        border-color: #f2f6f8
    }

        .cl-btn-outline-lighter:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-lighter:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-lighter.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(242,246,248,.5)
        }

.cl-btn-outline-dark {
    color: #333;
    border-color: #333
}

    .cl-btn-outline-dark:hover {
        color: #fff;
        background-color: #333;
        border-color: #333
    }

    .cl-btn-outline-dark.cl-focus, .cl-btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(51,51,51,.5)
    }

    .cl-btn-outline-dark.cl-disabled, .cl-btn-outline-dark:disabled {
        color: #333;
        background-color: transparent
    }

    .cl-btn-outline-dark:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-dark:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-dark.cl-dropdown-toggle {
        color: #fff;
        background-color: #333;
        border-color: #333
    }

        .cl-btn-outline-dark:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-dark:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-dark.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(51,51,51,.5)
        }

.cl-btn-outline-purple {
    color: #9c27b0;
    border-color: #9c27b0
}

    .cl-btn-outline-purple:hover {
        color: #fff;
        background-color: #9c27b0;
        border-color: #9c27b0
    }

    .cl-btn-outline-purple.cl-focus, .cl-btn-outline-purple:focus {
        box-shadow: 0 0 0 .2rem rgba(156,39,176,.5)
    }

    .cl-btn-outline-purple.cl-disabled, .cl-btn-outline-purple:disabled {
        color: #9c27b0;
        background-color: transparent
    }

    .cl-btn-outline-purple:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-purple:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-purple.cl-dropdown-toggle {
        color: #fff;
        background-color: #9c27b0;
        border-color: #9c27b0
    }

        .cl-btn-outline-purple:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-purple:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-purple.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(156,39,176,.5)
        }

.cl-btn-outline-indigo {
    color: #3f51b5;
    border-color: #3f51b5
}

    .cl-btn-outline-indigo:hover {
        color: #fff;
        background-color: #3f51b5;
        border-color: #3f51b5
    }

    .cl-btn-outline-indigo.cl-focus, .cl-btn-outline-indigo:focus {
        box-shadow: 0 0 0 .2rem rgba(63,81,181,.5)
    }

    .cl-btn-outline-indigo.cl-disabled, .cl-btn-outline-indigo:disabled {
        color: #3f51b5;
        background-color: transparent
    }

    .cl-btn-outline-indigo:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-indigo:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-indigo.cl-dropdown-toggle {
        color: #fff;
        background-color: #3f51b5;
        border-color: #3f51b5
    }

        .cl-btn-outline-indigo:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-indigo:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-indigo.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(63,81,181,.5)
        }

.cl-btn-outline-pink {
    color: #e91e63;
    border-color: #e91e63
}

    .cl-btn-outline-pink:hover {
        color: #fff;
        background-color: #e91e63;
        border-color: #e91e63
    }

    .cl-btn-outline-pink.cl-focus, .cl-btn-outline-pink:focus {
        box-shadow: 0 0 0 .2rem rgba(233,30,99,.5)
    }

    .cl-btn-outline-pink.cl-disabled, .cl-btn-outline-pink:disabled {
        color: #e91e63;
        background-color: transparent
    }

    .cl-btn-outline-pink:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-pink:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-pink.cl-dropdown-toggle {
        color: #fff;
        background-color: #e91e63;
        border-color: #e91e63
    }

        .cl-btn-outline-pink:not(:disabled):not(.cl-disabled).cl-active:focus, .cl-btn-outline-pink:not(:disabled):not(.cl-disabled):active:focus, .cl-show > .cl-btn-outline-pink.cl-dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(233,30,99,.5)
        }

.cl-btn-link {
    font-weight: 400;
    color: #03a9f4;
    text-decoration: none
}

    .cl-btn-link:hover {
        color: #0275a8;
        text-decoration: underline
    }

    .cl-btn-link.cl-focus, .cl-btn-link:focus {
        text-decoration: underline;
        box-shadow: none
    }

    .cl-btn-link.cl-disabled, .cl-btn-link:disabled {
        color: #6c757d;
        pointer-events: none
    }

.cl-btn-group-lg > .cl-btn, .cl-btn-lg {
    padding: .5rem 1rem;
    font-size: 1.286rem;
    line-height: 1.5;
    border-radius: 2px
}

.cl-btn-group-sm > .cl-btn, .cl-btn-sm {
    padding: .25rem .5rem;
    font-size: .8571rem;
    line-height: 1.4;
    border-radius: 2px
}

.cl-btn-block {
    display: block;
    width: 100%
}

    .cl-btn-block + .cl-btn-block {
        margin-top: .5rem
    }

input[type=button].cl-btn-block, input[type=reset].cl-btn-block, input[type=submit].cl-btn-block {
    width: 100%
}

.cl-fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .cl-fade {
        transition: none
    }
}

.cl-fade:not(.cl-show) {
    opacity: 0
}

.cl-fade.cl-show {
    opacity: 1
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.fade.show {
    opacity: 1
}

.cl-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .cl-collapsing {
        transition: none
    }
}

.cl-dropdown, .cl-dropleft, .cl-dropright, .cl-dropup {
    position: relative
}

.cl-dropdown-toggle {
    white-space: nowrap
}

    .cl-dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .cl-dropdown-toggle:empty:after {
        margin-left: 0
    }

.cl-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #333;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px
}

.cl-block {
    display: block
}

.cl-dropdown-menu-left {
    right: auto;
    left: 0
}

.cl-dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .cl-dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .cl-dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .cl-dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .cl-dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .cl-dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .cl-dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .cl-dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .cl-dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1366px) {
    .cl-dropdown-menu-lg-custom-left {
        right: auto;
        left: 0
    }

    .cl-dropdown-menu-lg-custom-right {
        right: 0;
        left: auto
    }
}

.cl-dropup .cl-dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.cl-dropup .cl-dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.cl-dropup .cl-dropdown-toggle:empty:after {
    margin-left: 0
}

.cl-dropright .cl-dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.cl-dropright .cl-dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.cl-dropright .cl-dropdown-toggle:empty:after {
    margin-left: 0
}

.cl-dropright .cl-dropdown-toggle:after {
    vertical-align: 0
}

.cl-dropleft .cl-dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.cl-dropleft .cl-dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.cl-dropleft .cl-dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.cl-dropleft .cl-dropdown-toggle:empty:after {
    margin-left: 0
}

.cl-dropleft .cl-dropdown-toggle:before {
    vertical-align: 0
}

.cl-dropdown-menu[x-placement^=bottom], .cl-dropdown-menu[x-placement^=left], .cl-dropdown-menu[x-placement^=right], .cl-dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.cl-dropdown-divider {
    height: 0;
    margin: .35715rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.cl-dropdown-item {
    display: block;
    width: 100%;
    padding: .678rem 1.4286rem;
    clear: both;
    font-weight: 400;
    color: #666;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .cl-dropdown-item:focus, .cl-dropdown-item:hover {
        color: #333;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .cl-dropdown-item.cl-active, .cl-dropdown-item:active {
        color: #333;
        text-decoration: none;
        background-color: #e4eaee
    }

    .cl-dropdown-item.cl-disabled, .cl-dropdown-item:disabled {
        color: #ccc;
        pointer-events: none;
        background-color: transparent
    }

.cl-dropdown-menu.cl-show {
    display: block
}

.cl-dropdown-header {
    display: block;
    padding: .5rem 1.4286rem;
    margin-bottom: 0;
    font-size: .8571rem;
    color: #6c757d;
    white-space: nowrap
}

.cl-dropdown-item-text {
    display: block;
    padding: .678rem 1.4286rem;
    color: #666
}

.cl-btn-group, .cl-btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .cl-btn-group-vertical > .cl-btn, .cl-btn-group > .cl-btn {
        position: relative;
        flex: 1 1 auto
    }

        .cl-btn-group-vertical > .cl-btn.cl-active, .cl-btn-group-vertical > .cl-btn:active, .cl-btn-group-vertical > .cl-btn:focus, .cl-btn-group-vertical > .cl-btn:hover, .cl-btn-group > .cl-btn.cl-active, .cl-btn-group > .cl-btn:active, .cl-btn-group > .cl-btn:focus, .cl-btn-group > .cl-btn:hover {
            z-index: 1
        }

.cl-btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .cl-btn-toolbar .cl-input-group {
        width: auto
    }

.cl-btn-group > .cl-btn-group:not(:first-child), .cl-btn-group > .cl-btn:not(:first-child) {
    margin-left: -1px
}

.cl-btn-group > .cl-btn-group:not(:last-child) > .cl-btn, .cl-btn-group > .cl-btn:not(:last-child):not(.cl-dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cl-btn-group > .cl-btn-group:not(:first-child) > .cl-btn, .cl-btn-group > .cl-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cl-dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .cl-dropdown-toggle-split:after, .cl-dropright .cl-dropdown-toggle-split:after, .cl-dropup .cl-dropdown-toggle-split:after {
        margin-left: 0
    }

.cl-dropleft .cl-dropdown-toggle-split:before {
    margin-right: 0
}

.cl-btn-group-sm > .cl-btn + .cl-dropdown-toggle-split, .cl-btn-sm + .cl-dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.cl-btn-group-lg > .cl-btn + .cl-dropdown-toggle-split, .cl-btn-lg + .cl-dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.cl-btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .cl-btn-group-vertical > .cl-btn, .cl-btn-group-vertical > .cl-btn-group {
        width: 100%
    }

        .cl-btn-group-vertical > .cl-btn-group:not(:first-child), .cl-btn-group-vertical > .cl-btn:not(:first-child) {
            margin-top: -1px
        }

        .cl-btn-group-vertical > .cl-btn-group:not(:last-child) > .cl-btn, .cl-btn-group-vertical > .cl-btn:not(:last-child):not(.cl-dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .cl-btn-group-vertical > .cl-btn-group:not(:first-child) > .cl-btn, .cl-btn-group-vertical > .cl-btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.cl-btn-group-toggle > .cl-btn, .cl-btn-group-toggle > .cl-btn-group > .cl-btn {
    margin-bottom: 0
}

    .cl-btn-group-toggle > .cl-btn-group > .cl-btn input[type=checkbox], .cl-btn-group-toggle > .cl-btn-group > .cl-btn input[type=radio], .cl-btn-group-toggle > .cl-btn input[type=checkbox], .cl-btn-group-toggle > .cl-btn input[type=radio] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.cl-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .cl-input-group > .cl-custom-file, .cl-input-group > .cl-custom-select, .cl-input-group > .cl-form-control, .cl-input-group > .cl-form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .cl-input-group > .cl-custom-file + .cl-custom-file, .cl-input-group > .cl-custom-file + .cl-custom-select, .cl-input-group > .cl-custom-file + .cl-form-control, .cl-input-group > .cl-custom-select + .cl-custom-file, .cl-input-group > .cl-custom-select + .cl-custom-select, .cl-input-group > .cl-custom-select + .cl-form-control, .cl-input-group > .cl-form-control + .cl-custom-file, .cl-input-group > .cl-form-control + .cl-custom-select, .cl-input-group > .cl-form-control + .cl-form-control, .cl-input-group > .cl-form-control-plaintext + .cl-custom-file, .cl-input-group > .cl-form-control-plaintext + .cl-custom-select, .cl-input-group > .cl-form-control-plaintext + .cl-form-control {
            margin-left: -1px
        }

        .cl-input-group > .cl-custom-file .cl-custom-file-input:focus ~ .cl-custom-file-label, .cl-input-group > .cl-custom-select:focus, .cl-input-group > .cl-form-control:focus {
            z-index: 3
        }

        .cl-input-group > .cl-custom-file .cl-custom-file-input:focus {
            z-index: 4
        }

        .cl-input-group > .cl-custom-select:not(:last-child), .cl-input-group > .cl-form-control:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .cl-input-group > .cl-custom-select:not(:first-child), .cl-input-group > .cl-form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .cl-input-group > .cl-custom-file {
        display: flex;
        align-items: center
    }

        .cl-input-group > .cl-custom-file:not(:last-child) .cl-custom-file-label, .cl-input-group > .cl-custom-file:not(:last-child) .cl-custom-file-label:after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .cl-input-group > .cl-custom-file:not(:first-child) .cl-custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.cl-input-group-append, .cl-input-group-prepend {
    display: flex
}

    .cl-input-group-append .cl-btn, .cl-input-group-prepend .cl-btn {
        position: relative;
        z-index: 2
    }

        .cl-input-group-append .cl-btn:focus, .cl-input-group-prepend .cl-btn:focus {
            z-index: 3
        }

        .cl-input-group-append .cl-btn + .cl-btn, .cl-input-group-append .cl-btn + .cl-input-group-text, .cl-input-group-append .cl-input-group-text + .cl-btn, .cl-input-group-append .cl-input-group-text + .cl-input-group-text, .cl-input-group-prepend .cl-btn + .cl-btn, .cl-input-group-prepend .cl-btn + .cl-input-group-text, .cl-input-group-prepend .cl-input-group-text + .cl-btn, .cl-input-group-prepend .cl-input-group-text + .cl-input-group-text {
            margin-left: -1px
        }

.cl-input-group-prepend {
    margin-right: -1px
}

.cl-input-group-append {
    margin-left: -1px
}

.cl-input-group-text {
    display: flex;
    align-items: center;
    padding: .608rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

    .cl-input-group-text input[type=checkbox], .cl-input-group-text input[type=radio] {
        margin-top: 0
    }

.cl-input-group-lg > .cl-custom-select, .cl-input-group-lg > .cl-form-control:not(textarea) {
    height: calc(2.929rem + 2px)
}

.cl-input-group-lg > .cl-custom-select, .cl-input-group-lg > .cl-form-control, .cl-input-group-lg > .cl-input-group-append > .cl-btn, .cl-input-group-lg > .cl-input-group-append > .cl-input-group-text, .cl-input-group-lg > .cl-input-group-prepend > .cl-btn, .cl-input-group-lg > .cl-input-group-prepend > .cl-input-group-text {
    padding: .5rem 1rem;
    font-size: 1.286rem;
    line-height: 1.5;
    border-radius: 2px
}

.cl-input-group-sm > .cl-custom-select, .cl-input-group-sm > .cl-form-control:not(textarea) {
    height: calc(1.69994rem + 2px)
}

.cl-input-group-sm > .cl-custom-select, .cl-input-group-sm > .cl-form-control, .cl-input-group-sm > .cl-input-group-append > .cl-btn, .cl-input-group-sm > .cl-input-group-append > .cl-input-group-text, .cl-input-group-sm > .cl-input-group-prepend > .cl-btn, .cl-input-group-sm > .cl-input-group-prepend > .cl-input-group-text {
    padding: .25rem .5rem;
    font-size: .8571rem;
    line-height: 1.4;
    border-radius: 2px
}

.cl-input-group-lg > .cl-custom-select, .cl-input-group-sm > .cl-custom-select {
    padding-right: 1.75rem
}

.cl-input-group > .cl-input-group-append:last-child > .cl-btn:not(:last-child):not(.cl-dropdown-toggle), .cl-input-group > .cl-input-group-append:last-child > .cl-input-group-text:not(:last-child), .cl-input-group > .cl-input-group-append:not(:last-child) > .cl-btn, .cl-input-group > .cl-input-group-append:not(:last-child) > .cl-input-group-text, .cl-input-group > .cl-input-group-prepend > .cl-btn, .cl-input-group > .cl-input-group-prepend > .cl-input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cl-input-group > .cl-input-group-append > .cl-btn, .cl-input-group > .cl-input-group-append > .cl-input-group-text, .cl-input-group > .cl-input-group-prepend:first-child > .cl-btn:not(:first-child), .cl-input-group > .cl-input-group-prepend:first-child > .cl-input-group-text:not(:first-child), .cl-input-group > .cl-input-group-prepend:not(:first-child) > .cl-btn, .cl-input-group > .cl-input-group-prepend:not(:first-child) > .cl-input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cl-custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.643rem
}

.cl-custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.cl-custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .cl-custom-control-input:checked ~ .cl-custom-control-label:before {
        color: #fff;
        border-color: #e4eaee;
        background-color: #e4eaee
    }

    .cl-custom-control-input:focus ~ .cl-custom-control-label:before {
        box-shadow: none
    }

    .cl-custom-control-input:focus:not(:checked) ~ .cl-custom-control-label:before {
        border-color: #90a4ae
    }

    .cl-custom-control-input:not(:disabled):active ~ .cl-custom-control-label:before {
        color: #333;
        background-color: #fff;
        border-color: #fff
    }

    .cl-custom-control-input:disabled ~ .cl-custom-control-label {
        color: #ccc
    }

        .cl-custom-control-input:disabled ~ .cl-custom-control-label:before {
            background-color: #f2f6f8
        }

.cl-custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .cl-custom-control-label:before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #c6d2d9
    }

    .cl-custom-control-label:after, .cl-custom-control-label:before {
        position: absolute;
        top: .1785rem;
        left: -1.643rem;
        display: block;
        width: 1.143rem;
        height: 1.143rem;
        content: ""
    }

    .cl-custom-control-label:after {
        background: no-repeat 50%/50% 50%
    }

.cl-custom-checkbox .cl-custom-control-label:before {
    border-radius: 2px
}

.cl-custom-checkbox .cl-custom-control-input:checked ~ .cl-custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.cl-custom-checkbox .cl-custom-control-input:indeterminate ~ .cl-custom-control-label:before {
    border-color: #666;
    background-color: #666
}

.cl-custom-checkbox .cl-custom-control-input:indeterminate ~ .cl-custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.cl-custom-checkbox .cl-custom-control-input:disabled:checked ~ .cl-custom-control-label:before {
    background-color: rgba(3,169,244,.5)
}

.cl-custom-checkbox .cl-custom-control-input:disabled:indeterminate ~ .cl-custom-control-label:before {
    background-color: rgba(3,169,244,.5)
}

.cl-custom-radio .cl-custom-control-label:before {
    border-radius: 50%
}

.cl-custom-radio .cl-custom-control-input:checked ~ .cl-custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.cl-custom-radio .cl-custom-control-input:disabled:checked ~ .cl-custom-control-label:before {
    background-color: rgba(3,169,244,.5)
}

.cl-custom-switch {
    padding-left: 2.50025rem
}

    .cl-custom-switch .cl-custom-control-label:before {
        left: -2.50025rem;
        width: 2.00025rem;
        pointer-events: all;
        border-radius: .5715rem
    }

    .cl-custom-switch .cl-custom-control-label:after {
        top: calc(.1785rem + 2px);
        left: calc(-2.50025rem + 2px);
        width: calc(1.143rem - 4px);
        height: calc(1.143rem - 4px);
        background-color: #c6d2d9;
        border-radius: .5715rem;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .cl-custom-switch .cl-custom-control-label:after {
        transition: none
    }
}

.cl-custom-switch .cl-custom-control-input:checked ~ .cl-custom-control-label:after {
    background-color: #fff;
    transform: translateX(.85725rem)
}

.cl-custom-switch .cl-custom-control-input:disabled:checked ~ .cl-custom-control-label:before {
    background-color: rgba(3,169,244,.5)
}

.cl-custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.716rem + 2px);
    padding: .608rem 1.75rem .608rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .cl-custom-select:focus {
        border-color: #90a4ae;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(144,164,174,.5)
    }

        .cl-custom-select:focus::-ms-value {
            color: #333;
            background-color: #fff
        }

    .cl-custom-select[multiple], .cl-custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .cl-custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .cl-custom-select::-ms-expand {
        display: none
    }

.cl-custom-select-sm {
    height: calc(1.69994rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .8571rem
}

.cl-custom-select-lg {
    height: calc(2.929rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.286rem
}

.cl-custom-file {
    display: inline-block;
    margin-bottom: 0
}

.cl-custom-file, .cl-custom-file-input {
    position: relative;
    width: 100%;
    height: calc(2.716rem + 2px)
}

.cl-custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

    .cl-custom-file-input:focus ~ .cl-custom-file-label {
        border-color: #90a4ae;
        box-shadow: none
    }

    .cl-custom-file-input:disabled ~ .cl-custom-file-label {
        background-color: #f2f6f8
    }

    .cl-custom-file-input:lang(en) ~ .cl-custom-file-label:after {
        content: "Browse"
    }

    .cl-custom-file-input ~ .cl-custom-file-label[data-browse]:after {
        content: attr(data-browse)
    }

.cl-custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(2.716rem + 2px);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

    .cl-custom-file-label, .cl-custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: .608rem .75rem;
        line-height: 1.5;
        color: #333
    }

        .cl-custom-file-label:after {
            bottom: 0;
            z-index: 3;
            display: block;
            height: 2.716rem;
            content: "Browse";
            background-color: #e9ecef;
            border-left: inherit;
            border-radius: 0 2px 2px 0
        }

.cl-custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .cl-custom-range:focus {
        outline: none
    }

        .cl-custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #f2f6f8,none
        }

        .cl-custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #f2f6f8,none
        }

        .cl-custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #f2f6f8,none
        }

    .cl-custom-range::-moz-focus-outer {
        border: 0
    }

    .cl-custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #e4eaee;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .cl-custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.cl-custom-range::-webkit-slider-thumb:active {
    background-color: #fff
}

.cl-custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.cl-custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #e4eaee;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .cl-custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.cl-custom-range::-moz-range-thumb:active {
    background-color: #fff
}

.cl-custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.cl-custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #e4eaee;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .cl-custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.cl-custom-range::-ms-thumb:active {
    background-color: #fff
}

.cl-custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.cl-custom-range::-ms-fill-lower, .cl-custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.cl-custom-range::-ms-fill-upper {
    margin-right: 15px
}

.cl-custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.cl-custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.cl-custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.cl-custom-range:disabled::-moz-range-track {
    cursor: default
}

.cl-custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.cl-custom-control-label:before, .cl-custom-file-label, .cl-custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .cl-custom-control-label:before, .cl-custom-file-label, .cl-custom-select {
        transition: none
    }
}

.cl-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.cl-nav-link {
    display: block;
    padding: .7143rem 1.4286rem
}

    .cl-nav-link:focus, .cl-nav-link:hover {
        text-decoration: none
    }

    .cl-nav-link.cl-disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

.cl-nav-tabs {
    border-bottom: 1px solid #c6d2d9
}

    .cl-nav-tabs .cl-nav-item {
        margin-bottom: -1px
    }

    .cl-nav-tabs .cl-nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

        .cl-nav-tabs .cl-nav-link:focus, .cl-nav-tabs .cl-nav-link:hover {
            border-color: #e9ecef #e9ecef #c6d2d9
        }

        .cl-nav-tabs .cl-nav-link.cl-disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .cl-nav-tabs .cl-nav-item.cl-show .cl-nav-link, .cl-nav-tabs .cl-nav-link.cl-active {
            color: #495057;
            background-color: #e4eaee;
            border-color: #c6d2d9 #c6d2d9 #e4eaee
        }

    .cl-nav-tabs .cl-dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.cl-nav-pills .cl-nav-link {
    border-radius: 2px
}

    .cl-nav-pills .cl-nav-link.cl-active, .cl-nav-pills .cl-show > .cl-nav-link {
        color: #333;
        background-color: #e4eaee
    }

.cl-nav-fill .cl-nav-item {
    flex: 1 1 auto;
    text-align: center
}

.cl-nav-justified .cl-nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.cl-tab-content > .cl-tab-pane {
    display: none
}

.cl-tab-content > .cl-active {
    display: block
}

.cl-navbar {
    position: relative;
    padding: 0
}

    .cl-navbar, .cl-navbar > .cl-container, .cl-navbar > .cl-container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.cl-navbar-brand {
    display: inline-block;
    padding-top: .4998rem;
    padding-bottom: .4998rem;
    margin-right: 0;
    font-size: 1.286rem;
    line-height: inherit;
    white-space: nowrap
}

    .cl-navbar-brand:focus, .cl-navbar-brand:hover {
        text-decoration: none
    }

.cl-navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .cl-navbar-nav .cl-nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .cl-navbar-nav .cl-dropdown-menu {
        position: static;
        float: none
    }

.cl-navbar-text {
    display: inline-block;
    padding-top: .7143rem;
    padding-bottom: .7143rem
}

.cl-navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.cl-navbar-toggler {
    padding: 0;
    font-size: 1.286rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px
}

    .cl-navbar-toggler:focus, .cl-navbar-toggler:hover {
        text-decoration: none
    }

.cl-navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .cl-navbar-expand-sm > .cl-container, .cl-navbar-expand-sm > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .cl-navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .cl-navbar-expand-sm .cl-navbar-nav {
            flex-direction: row
        }

            .cl-navbar-expand-sm .cl-navbar-nav .cl-dropdown-menu {
                position: absolute
            }

            .cl-navbar-expand-sm .cl-navbar-nav .cl-nav-link {
                padding-right: 0;
                padding-left: 0
            }

        .cl-navbar-expand-sm > .cl-container, .cl-navbar-expand-sm > .cl-container-fluid {
            flex-wrap: nowrap
        }

        .cl-navbar-expand-sm .cl-navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .cl-navbar-expand-sm .cl-navbar-toggler {
            display: none
        }
}

@media (max-width:767.98px) {
    .cl-navbar-expand-md > .cl-container, .cl-navbar-expand-md > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .cl-navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .cl-navbar-expand-md .cl-navbar-nav {
            flex-direction: row
        }

            .cl-navbar-expand-md .cl-navbar-nav .cl-dropdown-menu {
                position: absolute
            }

            .cl-navbar-expand-md .cl-navbar-nav .cl-nav-link {
                padding-right: 0;
                padding-left: 0
            }

        .cl-navbar-expand-md > .cl-container, .cl-navbar-expand-md > .cl-container-fluid {
            flex-wrap: nowrap
        }

        .cl-navbar-expand-md .cl-navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .cl-navbar-expand-md .cl-navbar-toggler {
            display: none
        }
}

@media (max-width:991.98px) {
    .cl-navbar-expand-lg > .cl-container, .cl-navbar-expand-lg > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .cl-navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .cl-navbar-expand-lg .cl-navbar-nav {
            flex-direction: row
        }

            .cl-navbar-expand-lg .cl-navbar-nav .cl-dropdown-menu {
                position: absolute
            }

            .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link {
                padding-right: 0;
                padding-left: 0
            }

        .cl-navbar-expand-lg > .cl-container, .cl-navbar-expand-lg > .cl-container-fluid {
            flex-wrap: nowrap
        }

        .cl-navbar-expand-lg .cl-navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .cl-navbar-expand-lg .cl-navbar-toggler {
            display: none
        }
}

@media (max-width:1199.98px) {
    .cl-navbar-expand-xl > .cl-container, .cl-navbar-expand-xl > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .cl-navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .cl-navbar-expand-xl .cl-navbar-nav {
            flex-direction: row
        }

            .cl-navbar-expand-xl .cl-navbar-nav .cl-dropdown-menu {
                position: absolute
            }

            .cl-navbar-expand-xl .cl-navbar-nav .cl-nav-link {
                padding-right: 0;
                padding-left: 0
            }

        .cl-navbar-expand-xl > .cl-container, .cl-navbar-expand-xl > .cl-container-fluid {
            flex-wrap: nowrap
        }

        .cl-navbar-expand-xl .cl-navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .cl-navbar-expand-xl .cl-navbar-toggler {
            display: none
        }
}

@media (max-width:1365.98px) {
    .cl-navbar-expand-lg-custom > .cl-container, .cl-navbar-expand-lg-custom > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1366px) {
    .cl-navbar-expand-lg-custom {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .cl-navbar-expand-lg-custom .cl-navbar-nav {
            flex-direction: row
        }

            .cl-navbar-expand-lg-custom .cl-navbar-nav .cl-dropdown-menu {
                position: absolute
            }

            .cl-navbar-expand-lg-custom .cl-navbar-nav .cl-nav-link {
                padding-right: 0;
                padding-left: 0
            }

        .cl-navbar-expand-lg-custom > .cl-container, .cl-navbar-expand-lg-custom > .cl-container-fluid {
            flex-wrap: nowrap
        }

        .cl-navbar-expand-lg-custom .cl-navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .cl-navbar-expand-lg-custom .cl-navbar-toggler {
            display: none
        }
}

.cl-navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .cl-navbar-expand > .cl-container, .cl-navbar-expand > .cl-container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .cl-navbar-expand .cl-navbar-nav {
        flex-direction: row
    }

        .cl-navbar-expand .cl-navbar-nav .cl-dropdown-menu {
            position: absolute
        }

        .cl-navbar-expand .cl-navbar-nav .cl-nav-link {
            padding-right: 0;
            padding-left: 0
        }

    .cl-navbar-expand > .cl-container, .cl-navbar-expand > .cl-container-fluid {
        flex-wrap: nowrap
    }

    .cl-navbar-expand .cl-navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .cl-navbar-expand .cl-navbar-toggler {
        display: none
    }

.cl-navbar-light .cl-navbar-brand, .cl-navbar-light .cl-navbar-brand:focus, .cl-navbar-light .cl-navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.cl-navbar-light .cl-navbar-nav .cl-nav-link, .cl-navbar-light .cl-navbar-nav .cl-nav-link:focus, .cl-navbar-light .cl-navbar-nav .cl-nav-link:hover {
    color: #333
}

    .cl-navbar-light .cl-navbar-nav .cl-nav-link.cl-disabled {
        color: rgba(0,0,0,.3)
    }

    .cl-navbar-light .cl-navbar-nav .cl-active > .cl-nav-link, .cl-navbar-light .cl-navbar-nav .cl-nav-link.cl-active, .cl-navbar-light .cl-navbar-nav .cl-nav-link.cl-show, .cl-navbar-light .cl-navbar-nav .cl-show > .cl-nav-link {
        color: rgba(0,0,0,.9)
    }

.cl-navbar-light .cl-navbar-toggler {
    color: #333;
    border-color: rgba(0,0,0,.1)
}

.cl-navbar-light .cl-navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.cl-navbar-light .cl-navbar-text {
    color: #333
}

    .cl-navbar-light .cl-navbar-text a, .cl-navbar-light .cl-navbar-text a:focus, .cl-navbar-light .cl-navbar-text a:hover {
        color: rgba(0,0,0,.9)
    }

.cl-navbar-dark .cl-navbar-brand, .cl-navbar-dark .cl-navbar-brand:focus, .cl-navbar-dark .cl-navbar-brand:hover {
    color: #fff
}

.cl-navbar-dark .cl-navbar-nav .cl-nav-link {
    color: hsla(0,0%,100%,.5)
}

    .cl-navbar-dark .cl-navbar-nav .cl-nav-link:focus, .cl-navbar-dark .cl-navbar-nav .cl-nav-link:hover {
        color: hsla(0,0%,100%,.75)
    }

    .cl-navbar-dark .cl-navbar-nav .cl-nav-link.cl-disabled {
        color: hsla(0,0%,100%,.25)
    }

    .cl-navbar-dark .cl-navbar-nav .cl-active > .cl-nav-link, .cl-navbar-dark .cl-navbar-nav .cl-nav-link.cl-active, .cl-navbar-dark .cl-navbar-nav .cl-nav-link.cl-show, .cl-navbar-dark .cl-navbar-nav .cl-show > .cl-nav-link {
        color: #fff
    }

.cl-navbar-dark .cl-navbar-toggler {
    color: hsla(0,0%,100%,.5);
    border-color: hsla(0,0%,100%,.1)
}

.cl-navbar-dark .cl-navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.cl-navbar-dark .cl-navbar-text {
    color: hsla(0,0%,100%,.5)
}

    .cl-navbar-dark .cl-navbar-text a, .cl-navbar-dark .cl-navbar-text a:focus, .cl-navbar-dark .cl-navbar-text a:hover {
        color: #fff
    }

.cl-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

    .cl-card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .cl-card > .cl-list-group:first-child .cl-list-group-item:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .cl-card > .cl-list-group:last-child .cl-list-group-item:last-child {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

.cl-card-body {
    flex: 1 1 auto;
    padding: 1.4286rem
}

.cl-card-title {
    margin-bottom: 0
}

.cl-card-subtitle {
    margin-top: 0;
    margin-bottom: 0
}

.cl-card-text:last-child {
    margin-bottom: 0
}

.cl-card-link:hover {
    text-decoration: none
}

.cl-card-link + .cl-card-link {
    margin-left: 1.4286rem
}

.cl-card-header {
    padding: 0 1.4286rem;
    margin-bottom: 0;
    color: inherit;
    background-color: #e4eaee;
    border-bottom: 1px solid #c6d2d9
}

    .cl-card-header:first-child {
        border-radius: 1px 1px 0 0
    }

    .cl-card-header + .cl-list-group .cl-list-group-item:first-child {
        border-top: 0
    }

.cl-card-footer {
    padding: 0 1.4286rem;
    background-color: #e4eaee;
    border-top: 1px solid #c6d2d9
}

    .cl-card-footer:last-child {
        border-radius: 0 0 1px 1px
    }

.cl-card-header-tabs {
    margin-bottom: 0;
    border-bottom: 0
}

.cl-card-header-pills, .cl-card-header-tabs {
    margin-right: -.7143rem;
    margin-left: -.7143rem
}

.cl-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.cl-card-img {
    width: 100%;
    border-radius: 1px
}

.cl-card-img-top {
    width: 100%;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.cl-card-img-bottom {
    width: 100%;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.cl-card-deck {
    display: flex;
    flex-direction: column
}

    .cl-card-deck .cl-card {
        margin-bottom: 10px
    }

@media (min-width:576px) {
    .cl-card-deck {
        flex-flow: row wrap;
        margin-right: -10px;
        margin-left: -10px
    }

        .cl-card-deck .cl-card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 10px;
            margin-bottom: 0;
            margin-left: 10px
        }
}

.cl-card-group {
    display: flex;
    flex-direction: column
}

    .cl-card-group > .cl-card {
        margin-bottom: 10px
    }

@media (min-width:576px) {
    .cl-card-group {
        flex-flow: row wrap
    }

        .cl-card-group > .cl-card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .cl-card-group > .cl-card + .cl-card {
                margin-left: 0;
                border-left: 0
            }

            .cl-card-group > .cl-card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .cl-card-group > .cl-card:not(:last-child) .cl-card-header, .cl-card-group > .cl-card:not(:last-child) .cl-card-img-top {
                    border-top-right-radius: 0
                }

                .cl-card-group > .cl-card:not(:last-child) .cl-card-footer, .cl-card-group > .cl-card:not(:last-child) .cl-card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .cl-card-group > .cl-card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .cl-card-group > .cl-card:not(:first-child) .cl-card-header, .cl-card-group > .cl-card:not(:first-child) .cl-card-img-top {
                    border-top-left-radius: 0
                }

                .cl-card-group > .cl-card:not(:first-child) .cl-card-footer, .cl-card-group > .cl-card:not(:first-child) .cl-card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.cl-card-columns .cl-card {
    margin-bottom: 0
}

@media (min-width:576px) {
    .cl-card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .cl-card-columns .cl-card {
            display: inline-block;
            width: 100%
        }
}

.cl-accordion > .cl-card {
    overflow: hidden
}

    .cl-accordion > .cl-card:not(:first-of-type) .cl-card-header:first-child {
        border-radius: 0
    }

    .cl-accordion > .cl-card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0
    }

    .cl-accordion > .cl-card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .cl-accordion > .cl-card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .cl-accordion > .cl-card .cl-card-header {
        margin-bottom: -1px
    }

.cl-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 2px
}

.cl-breadcrumb-item + .cl-breadcrumb-item {
    padding-left: .5rem
}

    .cl-breadcrumb-item + .cl-breadcrumb-item:before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .cl-breadcrumb-item + .cl-breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

.cl-breadcrumb-item.cl-active {
    color: #6c757d
}

.cl-pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 2px
}

.cl-page-link {
    position: relative;
    display: block;
    padding: .608rem .75rem;
    margin-left: -1px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    border: 1px solid #c6d2d9
}

    .cl-page-link:hover {
        z-index: 2;
        color: #666;
        text-decoration: none;
        background-color: #e4eaee;
        border-color: #c6d2d9
    }

    .cl-page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: none
    }

.cl-page-item {
    white-space: nowrap
}

    .cl-page-item:first-child .cl-page-link {
        margin-left: 0;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .cl-page-item:last-child .cl-page-link {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .cl-page-item.cl-active .cl-page-link {
        z-index: 1;
        color: #333;
        background-color: #e4eaee;
        border-color: #e4eaee
    }

    .cl-page-item.cl-disabled .cl-page-link {
        color: #ccc;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #c6d2d9
    }

.cl-pagination-lg .cl-page-link {
    padding: .75rem 1.5rem;
    font-size: 1.286rem;
    line-height: 1.5
}

.cl-pagination-lg .cl-page-item:first-child .cl-page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.cl-pagination-lg .cl-page-item:last-child .cl-page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cl-pagination-sm .cl-page-link {
    padding: .25rem .5rem;
    font-size: .8571rem;
    line-height: 1.4
}

.cl-pagination-sm .cl-page-item:first-child .cl-page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.cl-pagination-sm .cl-page-item:last-child .cl-page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cl-badge {
    display: inline-block;
    padding: .35715rem .7143rem;
    font-size: .7143rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .cl-badge {
        transition: none
    }
}

a.cl-badge:focus, a.cl-badge:hover {
    text-decoration: none
}

.cl-badge:empty {
    display: none
}

.cl-btn .cl-badge {
    position: relative;
    top: -1px
}

.cl-badge-pill, .cl-badge.cl-badge-filter {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.cl-badge-primary {
    color: #fff;
    background-color: #03a9f4
}

a.cl-badge-primary:focus, a.cl-badge-primary:hover {
    color: #fff;
    background-color: #0286c2
}

a.cl-badge-primary.cl-focus, a.cl-badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
}

.cl-badge-secondary {
    color: #fff;
    background-color: #4caf50
}

a.cl-badge-secondary:focus, a.cl-badge-secondary:hover {
    color: #fff;
    background-color: #3d8b40
}

a.cl-badge-secondary.cl-focus, a.cl-badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
}

.cl-badge-success {
    color: #fff;
    background-color: #4caf50
}

a.cl-badge-success:focus, a.cl-badge-success:hover {
    color: #fff;
    background-color: #3d8b40
}

a.cl-badge-success.cl-focus, a.cl-badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
}

.cl-badge-info {
    color: #fff;
    background-color: #03a9f4
}

a.cl-badge-info:focus, a.cl-badge-info:hover {
    color: #fff;
    background-color: #0286c2
}

a.cl-badge-info.cl-focus, a.cl-badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
}

.cl-badge-warning {
    color: #212529;
    background-color: #ff9800
}

a.cl-badge-warning:focus, a.cl-badge-warning:hover {
    color: #212529;
    background-color: #cc7a00
}

a.cl-badge-warning.cl-focus, a.cl-badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,152,0,.5)
}

.cl-badge-danger {
    color: #fff;
    background-color: #f44336
}

a.cl-badge-danger:focus, a.cl-badge-danger:hover {
    color: #fff;
    background-color: #ea1c0d
}

a.cl-badge-danger.cl-focus, a.cl-badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(244,67,54,.5)
}

.cl-badge-light {
    color: #212529;
    background-color: #e4eaee
}

a.cl-badge-light:focus, a.cl-badge-light:hover {
    color: #212529;
    background-color: #c5d2da
}

a.cl-badge-light.cl-focus, a.cl-badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(228,234,238,.5)
}

.cl-badge-lighter {
    color: #212529;
    background-color: #f2f6f8
}

a.cl-badge-lighter:focus, a.cl-badge-lighter:hover {
    color: #212529;
    background-color: #d1dfe6
}

a.cl-badge-lighter.cl-focus, a.cl-badge-lighter:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(242,246,248,.5)
}

.cl-badge-dark {
    color: #fff;
    background-color: #333
}

a.cl-badge-dark:focus, a.cl-badge-dark:hover {
    color: #fff;
    background-color: #1a1a1a
}

a.cl-badge-dark.cl-focus, a.cl-badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(51,51,51,.5)
}

.cl-badge-purple {
    color: #fff;
    background-color: #9c27b0
}

a.cl-badge-purple:focus, a.cl-badge-purple:hover {
    color: #fff;
    background-color: #771e86
}

a.cl-badge-purple.cl-focus, a.cl-badge-purple:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(156,39,176,.5)
}

.cl-badge-indigo {
    color: #fff;
    background-color: #3f51b5
}

a.cl-badge-indigo:focus, a.cl-badge-indigo:hover {
    color: #fff;
    background-color: #32408f
}

a.cl-badge-indigo.cl-focus, a.cl-badge-indigo:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(63,81,181,.5)
}

.cl-badge-pink {
    color: #fff;
    background-color: #e91e63
}

a.cl-badge-pink:focus, a.cl-badge-pink:hover {
    color: #fff;
    background-color: #c1134e
}

a.cl-badge-pink.cl-focus, a.cl-badge-pink:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(233,30,99,.5)
}

.cl-jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 2px
}

@media (min-width:576px) {
    .cl-jumbotron {
        padding: 4rem 2rem
    }
}

.cl-jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.cl-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px
}

.cl-alert-heading {
    color: inherit
}

.cl-alert-link {
    font-weight: 500
}

.cl-alert-dismissible {
    padding-right: 4rem
}

    .cl-alert-dismissible .cl-close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.cl-alert-primary {
    color: #02587f;
    background-color: #cdeefd;
    border-color: #b8e7fc
}

    .cl-alert-primary hr {
        border-top-color: #a0dffb
    }

    .cl-alert-primary .cl-alert-link {
        color: #01354d
    }

.cl-alert-secondary {
    color: #285b2a;
    background-color: #dbefdc;
    border-color: #cde9ce
}

    .cl-alert-secondary hr {
        border-top-color: #bbe1bd
    }

    .cl-alert-secondary .cl-alert-link {
        color: #18381a
    }

.cl-alert-success {
    color: #285b2a;
    background-color: #dbefdc;
    border-color: #cde9ce
}

    .cl-alert-success hr {
        border-top-color: #bbe1bd
    }

    .cl-alert-success .cl-alert-link {
        color: #18381a
    }

.cl-alert-info {
    color: #02587f;
    background-color: #cdeefd;
    border-color: #b8e7fc
}

    .cl-alert-info hr {
        border-top-color: #a0dffb
    }

    .cl-alert-info .cl-alert-link {
        color: #01354d
    }

.cl-alert-warning {
    color: #854f00;
    background-color: #ffeacc;
    border-color: #ffe2b8
}

    .cl-alert-warning hr {
        border-top-color: #ffd89f
    }

    .cl-alert-warning .cl-alert-link {
        color: #523100
    }

.cl-alert-danger {
    color: #7f231c;
    background-color: #fdd9d7;
    border-color: #fccac7
}

    .cl-alert-danger hr {
        border-top-color: #fbb3af
    }

    .cl-alert-danger .cl-alert-link {
        color: #551713
    }

.cl-alert-light {
    color: #777a7c;
    background-color: #fafbfc;
    border-color: #f7f9fa
}

    .cl-alert-light hr {
        border-top-color: #e7edf0
    }

    .cl-alert-light .cl-alert-link {
        color: #5e6062
    }

.cl-alert-lighter {
    color: #7e8081;
    background-color: #fcfdfe;
    border-color: #fbfcfd
}

    .cl-alert-lighter hr {
        border-top-color: #eaeff5
    }

    .cl-alert-lighter .cl-alert-link {
        color: #656667
    }

.cl-alert-dark {
    color: #1b1b1b;
    background-color: #d6d6d6;
    border-color: #c6c6c6
}

    .cl-alert-dark hr {
        border-top-color: #b9b9b9
    }

    .cl-alert-dark .cl-alert-link {
        color: #020202
    }

.cl-alert-purple {
    color: #51145c;
    background-color: #ebd4ef;
    border-color: #e3c3e9
}

    .cl-alert-purple hr {
        border-top-color: #dab0e2
    }

    .cl-alert-purple .cl-alert-link {
        color: #2c0b32
    }

.cl-alert-indigo {
    color: #212a5e;
    background-color: #d9dcf0;
    border-color: #c9ceea
}

    .cl-alert-indigo hr {
        border-top-color: #b7bde3
    }

    .cl-alert-indigo .cl-alert-link {
        color: #141938
    }

.cl-alert-pink {
    color: #791033;
    background-color: #fbd2e0;
    border-color: #f9c0d3
}

    .cl-alert-pink hr {
        border-top-color: #f7a9c3
    }

    .cl-alert-pink .cl-alert-link {
        color: #4c0a20
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1.286rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1.286rem 0
    }

    to {
        background-position: 0 0
    }
}

.cl-progress {
    display: flex;
    height: 1.286rem;
    overflow: hidden;
    font-size: 1rem;
    background-color: #c6d2d9;
    border-radius: 2px
}

.cl-progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #03a9f4;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .cl-progress-bar {
        transition: none
    }
}

.cl-progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 1.286rem 1.286rem
}

.cl-progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .cl-progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.cl-media {
    display: flex;
    align-items: flex-start
}

.cl-media-body {
    flex: 1
}

.cl-list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.cl-list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .cl-list-group-item-action:focus, .cl-list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .cl-list-group-item-action:active {
        color: #333;
        background-color: #e9ecef
    }

.cl-list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .cl-list-group-item:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .cl-list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .cl-list-group-item.cl-disabled, .cl-list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .cl-list-group-item.cl-active {
        z-index: 2;
        color: #333;
        background-color: #e4eaee;
        border-color: #e4eaee
    }

.cl-list-group-horizontal {
    flex-direction: row
}

    .cl-list-group-horizontal .cl-list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

        .cl-list-group-horizontal .cl-list-group-item:first-child {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            border-top-right-radius: 0
        }

        .cl-list-group-horizontal .cl-list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0
        }

@media (min-width:576px) {
    .cl-list-group-horizontal-sm {
        flex-direction: row
    }

        .cl-list-group-horizontal-sm .cl-list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .cl-list-group-horizontal-sm .cl-list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0
            }

            .cl-list-group-horizontal-sm .cl-list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0
            }
}

@media (min-width:768px) {
    .cl-list-group-horizontal-md {
        flex-direction: row
    }

        .cl-list-group-horizontal-md .cl-list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .cl-list-group-horizontal-md .cl-list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0
            }

            .cl-list-group-horizontal-md .cl-list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0
            }
}

@media (min-width:992px) {
    .cl-list-group-horizontal-lg {
        flex-direction: row
    }

        .cl-list-group-horizontal-lg .cl-list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .cl-list-group-horizontal-lg .cl-list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0
            }

            .cl-list-group-horizontal-lg .cl-list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0
            }
}

@media (min-width:1200px) {
    .cl-list-group-horizontal-xl {
        flex-direction: row
    }

        .cl-list-group-horizontal-xl .cl-list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .cl-list-group-horizontal-xl .cl-list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0
            }

            .cl-list-group-horizontal-xl .cl-list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0
            }
}

@media (min-width:1366px) {
    .cl-list-group-horizontal-lg-custom {
        flex-direction: row
    }

        .cl-list-group-horizontal-lg-custom .cl-list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .cl-list-group-horizontal-lg-custom .cl-list-group-item:first-child {
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
                border-top-right-radius: 0
            }

            .cl-list-group-horizontal-lg-custom .cl-list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 0
            }
}

.cl-list-group-flush .cl-list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .cl-list-group-flush .cl-list-group-item:last-child {
        margin-bottom: -1px
    }

.cl-list-group-flush:first-child .cl-list-group-item:first-child {
    border-top: 0
}

.cl-list-group-flush:last-child .cl-list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.cl-list-group-item-primary {
    color: #02587f;
    background-color: #b8e7fc
}

    .cl-list-group-item-primary.cl-list-group-item-action:focus, .cl-list-group-item-primary.cl-list-group-item-action:hover {
        color: #02587f;
        background-color: #a0dffb
    }

    .cl-list-group-item-primary.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #02587f;
        border-color: #02587f
    }

.cl-list-group-item-secondary {
    color: #285b2a;
    background-color: #cde9ce
}

    .cl-list-group-item-secondary.cl-list-group-item-action:focus, .cl-list-group-item-secondary.cl-list-group-item-action:hover {
        color: #285b2a;
        background-color: #bbe1bd
    }

    .cl-list-group-item-secondary.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #285b2a;
        border-color: #285b2a
    }

.cl-list-group-item-success {
    color: #285b2a;
    background-color: #cde9ce
}

    .cl-list-group-item-success.cl-list-group-item-action:focus, .cl-list-group-item-success.cl-list-group-item-action:hover {
        color: #285b2a;
        background-color: #bbe1bd
    }

    .cl-list-group-item-success.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #285b2a;
        border-color: #285b2a
    }

.cl-list-group-item-info {
    color: #02587f;
    background-color: #b8e7fc
}

    .cl-list-group-item-info.cl-list-group-item-action:focus, .cl-list-group-item-info.cl-list-group-item-action:hover {
        color: #02587f;
        background-color: #a0dffb
    }

    .cl-list-group-item-info.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #02587f;
        border-color: #02587f
    }

.cl-list-group-item-warning {
    color: #854f00;
    background-color: #ffe2b8
}

    .cl-list-group-item-warning.cl-list-group-item-action:focus, .cl-list-group-item-warning.cl-list-group-item-action:hover {
        color: #854f00;
        background-color: #ffd89f
    }

    .cl-list-group-item-warning.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #854f00;
        border-color: #854f00
    }

.cl-list-group-item-danger {
    color: #7f231c;
    background-color: #fccac7
}

    .cl-list-group-item-danger.cl-list-group-item-action:focus, .cl-list-group-item-danger.cl-list-group-item-action:hover {
        color: #7f231c;
        background-color: #fbb3af
    }

    .cl-list-group-item-danger.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #7f231c;
        border-color: #7f231c
    }

.cl-list-group-item-light {
    color: #777a7c;
    background-color: #f7f9fa
}

    .cl-list-group-item-light.cl-list-group-item-action:focus, .cl-list-group-item-light.cl-list-group-item-action:hover {
        color: #777a7c;
        background-color: #e7edf0
    }

    .cl-list-group-item-light.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #777a7c;
        border-color: #777a7c
    }

.cl-list-group-item-lighter {
    color: #7e8081;
    background-color: #fbfcfd
}

    .cl-list-group-item-lighter.cl-list-group-item-action:focus, .cl-list-group-item-lighter.cl-list-group-item-action:hover {
        color: #7e8081;
        background-color: #eaeff5
    }

    .cl-list-group-item-lighter.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #7e8081;
        border-color: #7e8081
    }

.cl-list-group-item-dark {
    color: #1b1b1b;
    background-color: #c6c6c6
}

    .cl-list-group-item-dark.cl-list-group-item-action:focus, .cl-list-group-item-dark.cl-list-group-item-action:hover {
        color: #1b1b1b;
        background-color: #b9b9b9
    }

    .cl-list-group-item-dark.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #1b1b1b;
        border-color: #1b1b1b
    }

.cl-list-group-item-purple {
    color: #51145c;
    background-color: #e3c3e9
}

    .cl-list-group-item-purple.cl-list-group-item-action:focus, .cl-list-group-item-purple.cl-list-group-item-action:hover {
        color: #51145c;
        background-color: #dab0e2
    }

    .cl-list-group-item-purple.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #51145c;
        border-color: #51145c
    }

.cl-list-group-item-indigo {
    color: #212a5e;
    background-color: #c9ceea
}

    .cl-list-group-item-indigo.cl-list-group-item-action:focus, .cl-list-group-item-indigo.cl-list-group-item-action:hover {
        color: #212a5e;
        background-color: #b7bde3
    }

    .cl-list-group-item-indigo.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #212a5e;
        border-color: #212a5e
    }

.cl-list-group-item-pink {
    color: #791033;
    background-color: #f9c0d3
}

    .cl-list-group-item-pink.cl-list-group-item-action:focus, .cl-list-group-item-pink.cl-list-group-item-action:hover {
        color: #791033;
        background-color: #f7a9c3
    }

    .cl-list-group-item-pink.cl-list-group-item-action.cl-active {
        color: #fff;
        background-color: #791033;
        border-color: #791033
    }

.cl-close {
    float: right;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .cl-close:hover {
        color: #000;
        text-decoration: none
    }

    .cl-close:not(:disabled):not(.cl-disabled):focus, .cl-close:not(:disabled):not(.cl-disabled):hover {
        opacity: .75
    }

    .cl-close button.cl-close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .cl-close a.cl-close.cl-disabled {
        pointer-events: none
    }

.cl-toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: hsla(0,0%,100%,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .25rem
}

    .cl-toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .cl-toast.cl-showing {
        opacity: 1
    }

    .cl-toast.cl-show {
        display: block;
        opacity: 1
    }

    .cl-toast.cl-hide {
        display: none
    }

.cl-toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: hsla(0,0%,100%,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.cl-toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable:before {
            content: none
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid #fff;   */
    border: 1px solid #c6d2d9;
    border-radius: 2px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .8
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.4286rem;
    border-bottom: 1px solid #c6d2d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .modal-header .close {
        padding: 1.4286rem;
        margin: -1.4286rem -1.4286rem -1.4286rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.4286rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.4286rem;
    border-top: 1px solid #c6d2d9;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered:before {
            height: calc(100vh - 3.5rem)
        }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.cl-modal-open {
    overflow: hidden
}

    .cl-modal-open .cl-modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.cl-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.cl-modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.cl-modal.fade .cl-modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .cl-modal.fade .cl-modal-dialog {
        transition: none
    }
}

.cl-modal.show .cl-modal-dialog {
    transform: none
}

.cl-modal.cl-fade .cl-modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .cl-modal.cl-fade .cl-modal-dialog {
        transition: none
    }
}

.cl-modal.cl-show .cl-modal-dialog {
    transform: none
}

.cl-modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .cl-modal-dialog-scrollable .cl-modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .cl-modal-dialog-scrollable .cl-modal-footer, .cl-modal-dialog-scrollable .cl-modal-header {
        flex-shrink: 0
    }

    .cl-modal-dialog-scrollable .cl-modal-body {
        overflow-y: auto
    }

.cl-modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .cl-modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .cl-modal-dialog-centered.cl-modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .cl-modal-dialog-centered.cl-modal-dialog-scrollable .cl-modal-content {
            max-height: none
        }

        .cl-modal-dialog-centered.cl-modal-dialog-scrollable:before {
            content: none
        }

.cl-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 2px;
    outline: 0
}

.cl-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .cl-modal-backdrop.cl-fade {
        opacity: 0
    }

    .cl-modal-backdrop.cl-show {
        opacity: .8
    }

.cl-modal-header {
    display: flex;
    justify-content: space-between;
    padding: 1.4286rem;
    border-bottom: 1px solid #c6d2d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .cl-modal-header .close {
        padding: 1.4286rem;
        margin: -1.4286rem -1.4286rem -1.4286rem auto
    }

    .cl-modal-header .cl-close {
        width: 25px;
        height: 25px;
        overflow: hidden
    }

.cl-modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.cl-modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.4286rem
}

    .cl-modal-body tbody {
        border: 0
    }

.cl-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.4286rem;
    border-top: 1px solid #c6d2d9;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

    .cl-modal-footer > :not(:last-child) {
        margin-right: 1.4286rem
    }

.cl-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .cl-modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .cl-modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .cl-modal-dialog-scrollable .cl-modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .cl-modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .cl-modal-dialog-centered:before {
            height: calc(100vh - 3.5rem)
        }

    .cl-modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .cl-modal-lg, .cl-modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .cl-modal-xl {
        max-width: 1140px
    }
}

.cl-tooltip, .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .8571rem;
    word-wrap: break-word;
    opacity: 0
}

    .cl-tooltip.cl-show, .cl-tooltip.show, .tooltip.cl-show, .tooltip.show {
        opacity: 1
    }

    .cl-tooltip .arrow, .cl-tooltip .cl-arrow, .tooltip .arrow, .tooltip .cl-arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .cl-tooltip .arrow:before, .cl-tooltip .cl-arrow:before, .tooltip .arrow:before, .tooltip .cl-arrow:before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top, .cl-bs-tooltip-auto[x-placement^=top], .cl-bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-auto[x-placement^=top] .cl-arrow, .bs-tooltip-top .arrow, .bs-tooltip-top .cl-arrow, .cl-bs-tooltip-auto[x-placement^=top] .arrow, .cl-bs-tooltip-auto[x-placement^=top] .cl-arrow, .cl-bs-tooltip-top .arrow, .cl-bs-tooltip-top .cl-arrow {
        bottom: 0
    }

        .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-auto[x-placement^=top] .cl-arrow:before, .bs-tooltip-top .arrow:before, .bs-tooltip-top .cl-arrow:before, .cl-bs-tooltip-auto[x-placement^=top] .arrow:before, .cl-bs-tooltip-auto[x-placement^=top] .cl-arrow:before, .cl-bs-tooltip-top .arrow:before, .cl-bs-tooltip-top .cl-arrow:before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #333
        }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right, .cl-bs-tooltip-auto[x-placement^=right], .cl-bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-auto[x-placement^=right] .cl-arrow, .bs-tooltip-right .arrow, .bs-tooltip-right .cl-arrow, .cl-bs-tooltip-auto[x-placement^=right] .arrow, .cl-bs-tooltip-auto[x-placement^=right] .cl-arrow, .cl-bs-tooltip-right .arrow, .cl-bs-tooltip-right .cl-arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-auto[x-placement^=right] .cl-arrow:before, .bs-tooltip-right .arrow:before, .bs-tooltip-right .cl-arrow:before, .cl-bs-tooltip-auto[x-placement^=right] .arrow:before, .cl-bs-tooltip-auto[x-placement^=right] .cl-arrow:before, .cl-bs-tooltip-right .arrow:before, .cl-bs-tooltip-right .cl-arrow:before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #333
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom, .cl-bs-tooltip-auto[x-placement^=bottom], .cl-bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-auto[x-placement^=bottom] .cl-arrow, .bs-tooltip-bottom .arrow, .bs-tooltip-bottom .cl-arrow, .cl-bs-tooltip-auto[x-placement^=bottom] .arrow, .cl-bs-tooltip-auto[x-placement^=bottom] .cl-arrow, .cl-bs-tooltip-bottom .arrow, .cl-bs-tooltip-bottom .cl-arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-auto[x-placement^=bottom] .cl-arrow:before, .bs-tooltip-bottom .arrow:before, .bs-tooltip-bottom .cl-arrow:before, .cl-bs-tooltip-auto[x-placement^=bottom] .arrow:before, .cl-bs-tooltip-auto[x-placement^=bottom] .cl-arrow:before, .cl-bs-tooltip-bottom .arrow:before, .cl-bs-tooltip-bottom .cl-arrow:before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #333
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left, .cl-bs-tooltip-auto[x-placement^=left], .cl-bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-auto[x-placement^=left] .cl-arrow, .bs-tooltip-left .arrow, .bs-tooltip-left .cl-arrow, .cl-bs-tooltip-auto[x-placement^=left] .arrow, .cl-bs-tooltip-auto[x-placement^=left] .cl-arrow, .cl-bs-tooltip-left .arrow, .cl-bs-tooltip-left .cl-arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-auto[x-placement^=left] .cl-arrow:before, .bs-tooltip-left .arrow:before, .bs-tooltip-left .cl-arrow:before, .cl-bs-tooltip-auto[x-placement^=left] .arrow:before, .cl-bs-tooltip-auto[x-placement^=left] .cl-arrow:before, .cl-bs-tooltip-left .arrow:before, .cl-bs-tooltip-left .cl-arrow:before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #333
        }

.cl-tooltip-inner, .tooltip-inner {
    max-width: 200px;
    padding: .5rem 1rem;
    color: #fff;
    text-align: center;
    background-color: #333;
    border-radius: 2px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

    .popover, .popover .arrow {
        position: absolute;
        display: block
    }

        .popover .arrow {
            width: 1rem;
            height: .5rem;
            margin: 0 2px
        }

            .popover .arrow:after, .popover .arrow:before {
                position: absolute;
                display: block;
                content: "";
                border-color: transparent;
                border-style: solid
            }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {
        bottom: calc(-.5rem + -1px)
    }

        .bs-popover-auto[x-placement^=top] > .arrow:before, .bs-popover-top > .arrow:before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: #c6d2d9
        }

        .bs-popover-auto[x-placement^=top] > .arrow:after, .bs-popover-top > .arrow:after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {
        left: calc(-.5rem + -1px);
        width: .5rem;
        height: 1rem;
        margin: 2px 0
    }

        .bs-popover-auto[x-placement^=right] > .arrow:before, .bs-popover-right > .arrow:before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #c6d2d9
        }

        .bs-popover-auto[x-placement^=right] > .arrow:after, .bs-popover-right > .arrow:after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {
        top: calc(-.5rem + -1px)
    }

        .bs-popover-auto[x-placement^=bottom] > .arrow:before, .bs-popover-bottom > .arrow:before {
            top: 0;
            border-width: 0 .5rem .5rem;
            border-bottom-color: #c6d2d9
        }

        .bs-popover-auto[x-placement^=bottom] > .arrow:after, .bs-popover-bottom > .arrow:after {
            top: 1px;
            border-width: 0 .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {
        right: calc(-.5rem + -1px);
        width: .5rem;
        height: 1rem;
        margin: 2px 0
    }

        .bs-popover-auto[x-placement^=left] > .arrow:before, .bs-popover-left > .arrow:before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #c6d2d9
        }

        .bs-popover-auto[x-placement^=left] > .arrow:after, .bs-popover-left > .arrow:after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: 1.4286rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: 1.4286rem;
    color: #333
}

.cl-carousel {
    position: relative
}

    .cl-carousel.cl-pointer-event {
        touch-action: pan-y
    }

.cl-carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .cl-carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }

.cl-carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .cl-carousel-item {
        transition: none
    }
}

.cl-carousel-item-next, .cl-carousel-item-prev, .cl-carousel-item.cl-active {
    display: block
}

    .cl-active.cl-carousel-item-right, .cl-carousel-item-next:not(.cl-carousel-item-left) {
        transform: translateX(100%)
    }

    .cl-active.cl-carousel-item-left, .cl-carousel-item-prev:not(.cl-carousel-item-right) {
        transform: translateX(-100%)
    }

.cl-carousel-fade .cl-carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .cl-carousel-fade .cl-carousel-item-next.cl-carousel-item-left, .cl-carousel-fade .cl-carousel-item-prev.cl-carousel-item-right, .cl-carousel-fade .cl-carousel-item.cl-active {
        z-index: 1;
        opacity: 1
    }

.cl-carousel-fade .cl-active.cl-carousel-item-left, .cl-carousel-fade .cl-active.cl-carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .cl-carousel-fade .cl-active.cl-carousel-item-left, .cl-carousel-fade .cl-active.cl-carousel-item-right {
        transition: none
    }
}

.cl-carousel-control-next, .cl-carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .cl-carousel-control-next, .cl-carousel-control-prev {
        transition: none
    }
}

.cl-carousel-control-next:focus, .cl-carousel-control-next:hover, .cl-carousel-control-prev:focus, .cl-carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.cl-carousel-control-prev {
    left: 0
}

.cl-carousel-control-next {
    right: 0
}

.cl-carousel-control-next-icon, .cl-carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.cl-carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.cl-carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.cl-carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .cl-carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .cl-carousel-indicators li {
        transition: none
    }
}

.cl-carousel-indicators .cl-active {
    opacity: 1
}

.cl-carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.cl-spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.cl-spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.cl-spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.cl-spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.cl-align-baseline {
    vertical-align: baseline !important
}

.cl-align-top {
    vertical-align: top !important
}

.cl-align-middle {
    vertical-align: middle !important
}

.cl-align-bottom {
    vertical-align: bottom !important
}

.cl-align-text-bottom {
    vertical-align: text-bottom !important
}

.cl-align-text-top {
    vertical-align: text-top !important
}

.cl-bg-primary {
    background-color: #03a9f4 !important
}

a.cl-bg-primary:focus, a.cl-bg-primary:hover, button.cl-bg-primary:focus, button.cl-bg-primary:hover {
    background-color: #0286c2 !important
}

.cl-bg-secondary {
    background-color: #4caf50 !important
}

a.cl-bg-secondary:focus, a.cl-bg-secondary:hover, button.cl-bg-secondary:focus, button.cl-bg-secondary:hover {
    background-color: #3d8b40 !important
}

.cl-bg-success {
    background-color: #4caf50 !important
}

a.cl-bg-success:focus, a.cl-bg-success:hover, button.cl-bg-success:focus, button.cl-bg-success:hover {
    background-color: #3d8b40 !important
}

.cl-bg-info {
    background-color: #03a9f4 !important
}

a.cl-bg-info:focus, a.cl-bg-info:hover, button.cl-bg-info:focus, button.cl-bg-info:hover {
    background-color: #0286c2 !important
}

.cl-bg-warning {
    background-color: #ff9800 !important
}

a.cl-bg-warning:focus, a.cl-bg-warning:hover, button.cl-bg-warning:focus, button.cl-bg-warning:hover {
    background-color: #cc7a00 !important
}

.cl-bg-danger {
    background-color: #f44336 !important
}

a.cl-bg-danger:focus, a.cl-bg-danger:hover, button.cl-bg-danger:focus, button.cl-bg-danger:hover {
    background-color: #ea1c0d !important
}

.cl-bg-light {
    background-color: #e4eaee !important
}

a.cl-bg-light:focus, a.cl-bg-light:hover, button.cl-bg-light:focus, button.cl-bg-light:hover {
    background-color: #c5d2da !important
}

.cl-bg-lighter {
    background-color: #f2f6f8 !important
}

a.cl-bg-lighter:focus, a.cl-bg-lighter:hover, button.cl-bg-lighter:focus, button.cl-bg-lighter:hover {
    background-color: #d1dfe6 !important
}

.cl-bg-dark {
    background-color: #333 !important
}

a.cl-bg-dark:focus, a.cl-bg-dark:hover, button.cl-bg-dark:focus, button.cl-bg-dark:hover {
    background-color: #1a1a1a !important
}

.cl-bg-purple {
    background-color: #9c27b0 !important
}

a.cl-bg-purple:focus, a.cl-bg-purple:hover, button.cl-bg-purple:focus, button.cl-bg-purple:hover {
    background-color: #771e86 !important
}

.cl-bg-indigo {
    background-color: #3f51b5 !important
}

a.cl-bg-indigo:focus, a.cl-bg-indigo:hover, button.cl-bg-indigo:focus, button.cl-bg-indigo:hover {
    background-color: #32408f !important
}

.cl-bg-pink {
    background-color: #e91e63 !important
}

a.cl-bg-pink:focus, a.cl-bg-pink:hover, button.cl-bg-pink:focus, button.cl-bg-pink:hover {
    background-color: #c1134e !important
}

.cl-bg-white {
    background-color: #fff !important
}

.cl-bg-transparent {
    background-color: transparent !important
}

.cl-border {
    border: 1px solid #c6d2d9 !important
}

.cl-border-top {
    border-top: 1px solid #c6d2d9 !important
}

.cl-border-right {
    border-right: 1px solid #c6d2d9 !important
}

.cl-border-bottom {
    border-bottom: 1px solid #c6d2d9 !important
}

.cl-border-left {
    border-left: 1px solid #c6d2d9 !important
}

.cl-border-0 {
    border: 0 !important
}

.cl-border-top-0 {
    border-top: 0 !important
}

.cl-border-right-0 {
    border-right: 0 !important
}

.cl-border-bottom-0 {
    border-bottom: 0 !important
}

.cl-border-left-0 {
    border-left: 0 !important
}

.cl-border-primary {
    border-color: #03a9f4 !important
}

.cl-border-secondary, .cl-border-success {
    border-color: #4caf50 !important
}

.cl-border-info {
    border-color: #03a9f4 !important
}

.cl-border-warning {
    border-color: #ff9800 !important
}

.cl-border-danger {
    border-color: #f44336 !important
}

.cl-border-light {
    border-color: #e4eaee !important
}

.cl-border-lighter {
    border-color: #f2f6f8 !important
}

.cl-border-dark {
    border-color: #333 !important
}

.cl-border-purple {
    border-color: #9c27b0 !important
}

.cl-border-indigo {
    border-color: #3f51b5 !important
}

.cl-border-pink {
    border-color: #e91e63 !important
}

.cl-border-white {
    border-color: #fff !important
}

.cl-rounded, .cl-rounded-sm {
    border-radius: 2px !important
}

.cl-rounded-top {
    border-top-left-radius: 2px !important
}

.cl-rounded-right, .cl-rounded-top {
    border-top-right-radius: 2px !important
}

.cl-rounded-bottom, .cl-rounded-right {
    border-bottom-right-radius: 2px !important
}

.cl-rounded-bottom, .cl-rounded-left {
    border-bottom-left-radius: 2px !important
}

.cl-rounded-left {
    border-top-left-radius: 2px !important
}

.cl-rounded-lg {
    border-radius: 2px !important
}

.cl-rounded-circle {
    border-radius: 50% !important
}

.cl-rounded-pill {
    border-radius: 50rem !important
}

.cl-rounded-0 {
    border-radius: 0 !important
}

.cl-clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.cl-d-none {
    display: none !important
}

.cl-d-inline {
    display: inline !important
}

.cl-d-inline-block {
    display: inline-block !important
}

.cl-d-block {
    display: block !important
}

.cl-d-table {
    display: table !important
}

.cl-d-table-row {
    display: table-row !important
}

.cl-d-table-cell {
    display: table-cell !important
}

.cl-d-flex {
    /* display: flex !important */    /* Halber 20200911 */
    display:inherit;
}

.cl-d-inline-flex {
    /*  display: inline-flex !important */ /* Halber 20200911 */
    display:inherit;
}

@media (min-width:576px) {
    .cl-d-sm-none {
        display: none !important
    }

    .cl-d-sm-inline {
        display: inline !important
    }

    .cl-d-sm-inline-block {
        display: inline-block !important
    }

    .cl-d-sm-block {
        display: block !important
    }

    .cl-d-sm-table {
        display: table !important
    }

    .cl-d-sm-table-row {
        display: table-row !important
    }

    .cl-d-sm-table-cell {
        display: table-cell !important
    }

    .cl-d-sm-flex {
        display: flex !important
    }

    .cl-d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .cl-d-md-none {
        display: none !important
    }

    .cl-d-md-inline {
        display: inline !important
    }

    .cl-d-md-inline-block {
        display: inline-block !important
    }

    .cl-d-md-block {
        display: block !important
    }

    .cl-d-md-table {
        display: table !important
    }

    .cl-d-md-table-row {
        display: table-row !important
    }

    .cl-d-md-table-cell {
        display: table-cell !important
    }

    .cl-d-md-flex {
        display: flex !important
    }

    .cl-d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .cl-d-lg-none {
        display: none !important
    }

    .cl-d-lg-inline {
        display: inline !important
    }

    .cl-d-lg-inline-block {
        display: inline-block !important
    }

    .cl-d-lg-block {
        display: block !important
    }

    .cl-d-lg-table {
        display: table !important
    }

    .cl-d-lg-table-row {
        display: table-row !important
    }

    .cl-d-lg-table-cell {
        display: table-cell !important
    }

    .cl-d-lg-flex {
        display: flex !important
    }

    .cl-d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .cl-d-xl-none {
        display: none !important
    }

    .cl-d-xl-inline {
        display: inline !important
    }

    .cl-d-xl-inline-block {
        display: inline-block !important
    }

    .cl-d-xl-block {
        display: block !important
    }

    .cl-d-xl-table {
        display: table !important
    }

    .cl-d-xl-table-row {
        display: table-row !important
    }

    .cl-d-xl-table-cell {
        display: table-cell !important
    }

    .cl-d-xl-flex {
        display: flex !important
    }

    .cl-d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1366px) {
    .cl-d-lg-custom-none {
        display: none !important
    }

    .cl-d-lg-custom-inline {
        display: inline !important
    }

    .cl-d-lg-custom-inline-block {
        display: inline-block !important
    }

    .cl-d-lg-custom-block {
        display: block !important
    }

    .cl-d-lg-custom-table {
        display: table !important
    }

    .cl-d-lg-custom-table-row {
        display: table-row !important
    }

    .cl-d-lg-custom-table-cell {
        display: table-cell !important
    }

    .cl-d-lg-custom-flex {
        display: flex !important
    }

    .cl-d-lg-custom-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .cl-d-print-none {
        display: none !important
    }

    .cl-d-print-inline {
        display: inline !important
    }

    .cl-d-print-inline-block {
        display: inline-block !important
    }

    .cl-d-print-block {
        display: block !important
    }

    .cl-d-print-table {
        display: table !important
    }

    .cl-d-print-table-row {
        display: table-row !important
    }

    .cl-d-print-table-cell {
        display: table-cell !important
    }

    .cl-d-print-flex {
        display: flex !important
    }

    .cl-d-print-inline-flex {
        display: inline-flex !important
    }
}

.cl-embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .cl-embed-responsive:before {
        display: block;
        content: ""
    }

    .cl-embed-responsive .cl-embed-responsive-item, .cl-embed-responsive embed, .cl-embed-responsive iframe, .cl-embed-responsive object, .cl-embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.cl-embed-responsive-21by9:before {
    padding-top: 42.8571428571%
}

.cl-embed-responsive-16by9:before {
    padding-top: 56.25%
}

.cl-embed-responsive-3by4:before {
    padding-top: 133.3333333333%
}

.cl-embed-responsive-1by1:before {
    padding-top: 100%
}

.cl-flex-row {
    flex-direction: row !important
}

.cl-flex-column {
    flex-direction: column !important
}

.cl-flex-row-reverse {
    flex-direction: row-reverse !important
}

.cl-flex-column-reverse {
    flex-direction: column-reverse !important
}

.cl-flex-wrap {
    flex-wrap: wrap !important
}

.cl-flex-nowrap {
    flex-wrap: nowrap !important
}

.cl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.cl-flex-fill {
    flex: 1 1 auto !important
}

.cl-flex-grow-0 {
    flex-grow: 0 !important
}

.cl-flex-grow-1 {
    flex-grow: 1 !important
}

.cl-flex-shrink-0 {
    flex-shrink: 0 !important
}

.cl-flex-shrink-1 {
    flex-shrink: 1 !important
}

.cl-justify-content-start {
    justify-content: flex-start !important
}

.cl-justify-content-end {
    justify-content: flex-end !important
}

.cl-justify-content-center {
    justify-content: center !important
}

.cl-justify-content-between {
    justify-content: space-between !important
}

.cl-justify-content-around {
    justify-content: space-around !important
}

.cl-align-items-start {
    align-items: flex-start !important
}

.cl-align-items-end {
    align-items: flex-end !important
}

.cl-align-items-center {
    align-items: center !important
}

.cl-align-items-baseline {
    align-items: baseline !important
}

.cl-align-items-stretch {
    align-items: stretch !important
}

.cl-align-content-start {
    align-content: flex-start !important
}

.cl-align-content-end {
    align-content: flex-end !important
}

.cl-align-content-center {
    align-content: center !important
}

.cl-align-content-between {
    align-content: space-between !important
}

.cl-align-content-around {
    align-content: space-around !important
}

.cl-align-content-stretch {
    align-content: stretch !important
}

.cl-align-self-auto {
    align-self: auto !important
}

.cl-align-self-start {
    align-self: flex-start !important
}

.cl-align-self-end {
    align-self: flex-end !important
}

.cl-align-self-center {
    align-self: center !important
}

.cl-align-self-baseline {
    align-self: baseline !important
}

.cl-align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .cl-flex-sm-row {
        flex-direction: row !important
    }

    .cl-flex-sm-column {
        flex-direction: column !important
    }

    .cl-flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .cl-flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .cl-flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .cl-flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .cl-flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .cl-flex-sm-fill {
        flex: 1 1 auto !important
    }

    .cl-flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .cl-flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .cl-flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .cl-flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .cl-justify-content-sm-start {
        justify-content: flex-start !important
    }

    .cl-justify-content-sm-end {
        justify-content: flex-end !important
    }

    .cl-justify-content-sm-center {
        justify-content: center !important
    }

    .cl-justify-content-sm-between {
        justify-content: space-between !important
    }

    .cl-justify-content-sm-around {
        justify-content: space-around !important
    }

    .cl-align-items-sm-start {
        align-items: flex-start !important
    }

    .cl-align-items-sm-end {
        align-items: flex-end !important
    }

    .cl-align-items-sm-center {
        align-items: center !important
    }

    .cl-align-items-sm-baseline {
        align-items: baseline !important
    }

    .cl-align-items-sm-stretch {
        align-items: stretch !important
    }

    .cl-align-content-sm-start {
        align-content: flex-start !important
    }

    .cl-align-content-sm-end {
        align-content: flex-end !important
    }

    .cl-align-content-sm-center {
        align-content: center !important
    }

    .cl-align-content-sm-between {
        align-content: space-between !important
    }

    .cl-align-content-sm-around {
        align-content: space-around !important
    }

    .cl-align-content-sm-stretch {
        align-content: stretch !important
    }

    .cl-align-self-sm-auto {
        align-self: auto !important
    }

    .cl-align-self-sm-start {
        align-self: flex-start !important
    }

    .cl-align-self-sm-end {
        align-self: flex-end !important
    }

    .cl-align-self-sm-center {
        align-self: center !important
    }

    .cl-align-self-sm-baseline {
        align-self: baseline !important
    }

    .cl-align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .cl-flex-md-row {
        flex-direction: row !important
    }

    .cl-flex-md-column {
        flex-direction: column !important
    }

    .cl-flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .cl-flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .cl-flex-md-wrap {
        flex-wrap: wrap !important
    }

    .cl-flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .cl-flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .cl-flex-md-fill {
        flex: 1 1 auto !important
    }

    .cl-flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .cl-flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .cl-flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .cl-flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .cl-justify-content-md-start {
        justify-content: flex-start !important
    }

    .cl-justify-content-md-end {
        justify-content: flex-end !important
    }

    .cl-justify-content-md-center {
        justify-content: center !important
    }

    .cl-justify-content-md-between {
        justify-content: space-between !important
    }

    .cl-justify-content-md-around {
        justify-content: space-around !important
    }

    .cl-align-items-md-start {
        align-items: flex-start !important
    }

    .cl-align-items-md-end {
        align-items: flex-end !important
    }

    .cl-align-items-md-center {
        align-items: center !important
    }

    .cl-align-items-md-baseline {
        align-items: baseline !important
    }

    .cl-align-items-md-stretch {
        align-items: stretch !important
    }

    .cl-align-content-md-start {
        align-content: flex-start !important
    }

    .cl-align-content-md-end {
        align-content: flex-end !important
    }

    .cl-align-content-md-center {
        align-content: center !important
    }

    .cl-align-content-md-between {
        align-content: space-between !important
    }

    .cl-align-content-md-around {
        align-content: space-around !important
    }

    .cl-align-content-md-stretch {
        align-content: stretch !important
    }

    .cl-align-self-md-auto {
        align-self: auto !important
    }

    .cl-align-self-md-start {
        align-self: flex-start !important
    }

    .cl-align-self-md-end {
        align-self: flex-end !important
    }

    .cl-align-self-md-center {
        align-self: center !important
    }

    .cl-align-self-md-baseline {
        align-self: baseline !important
    }

    .cl-align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .cl-flex-lg-row {
        flex-direction: row !important
    }

    .cl-flex-lg-column {
        flex-direction: column !important
    }

    .cl-flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .cl-flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .cl-flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .cl-flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .cl-flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .cl-flex-lg-fill {
        flex: 1 1 auto !important
    }

    .cl-flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .cl-flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .cl-flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .cl-flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .cl-justify-content-lg-start {
        justify-content: flex-start !important
    }

    .cl-justify-content-lg-end {
        justify-content: flex-end !important
    }

    .cl-justify-content-lg-center {
        justify-content: center !important
    }

    .cl-justify-content-lg-between {
        justify-content: space-between !important
    }

    .cl-justify-content-lg-around {
        justify-content: space-around !important
    }

    .cl-align-items-lg-start {
        align-items: flex-start !important
    }

    .cl-align-items-lg-end {
        align-items: flex-end !important
    }

    .cl-align-items-lg-center {
        align-items: center !important
    }

    .cl-align-items-lg-baseline {
        align-items: baseline !important
    }

    .cl-align-items-lg-stretch {
        align-items: stretch !important
    }

    .cl-align-content-lg-start {
        align-content: flex-start !important
    }

    .cl-align-content-lg-end {
        align-content: flex-end !important
    }

    .cl-align-content-lg-center {
        align-content: center !important
    }

    .cl-align-content-lg-between {
        align-content: space-between !important
    }

    .cl-align-content-lg-around {
        align-content: space-around !important
    }

    .cl-align-content-lg-stretch {
        align-content: stretch !important
    }

    .cl-align-self-lg-auto {
        align-self: auto !important
    }

    .cl-align-self-lg-start {
        align-self: flex-start !important
    }

    .cl-align-self-lg-end {
        align-self: flex-end !important
    }

    .cl-align-self-lg-center {
        align-self: center !important
    }

    .cl-align-self-lg-baseline {
        align-self: baseline !important
    }

    .cl-align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .cl-flex-xl-row {
        flex-direction: row !important
    }

    .cl-flex-xl-column {
        flex-direction: column !important
    }

    .cl-flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .cl-flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .cl-flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .cl-flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .cl-flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .cl-flex-xl-fill {
        flex: 1 1 auto !important
    }

    .cl-flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .cl-flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .cl-flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .cl-flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .cl-justify-content-xl-start {
        justify-content: flex-start !important
    }

    .cl-justify-content-xl-end {
        justify-content: flex-end !important
    }

    .cl-justify-content-xl-center {
        justify-content: center !important
    }

    .cl-justify-content-xl-between {
        justify-content: space-between !important
    }

    .cl-justify-content-xl-around {
        justify-content: space-around !important
    }

    .cl-align-items-xl-start {
        align-items: flex-start !important
    }

    .cl-align-items-xl-end {
        align-items: flex-end !important
    }

    .cl-align-items-xl-center {
        align-items: center !important
    }

    .cl-align-items-xl-baseline {
        align-items: baseline !important
    }

    .cl-align-items-xl-stretch {
        align-items: stretch !important
    }

    .cl-align-content-xl-start {
        align-content: flex-start !important
    }

    .cl-align-content-xl-end {
        align-content: flex-end !important
    }

    .cl-align-content-xl-center {
        align-content: center !important
    }

    .cl-align-content-xl-between {
        align-content: space-between !important
    }

    .cl-align-content-xl-around {
        align-content: space-around !important
    }

    .cl-align-content-xl-stretch {
        align-content: stretch !important
    }

    .cl-align-self-xl-auto {
        align-self: auto !important
    }

    .cl-align-self-xl-start {
        align-self: flex-start !important
    }

    .cl-align-self-xl-end {
        align-self: flex-end !important
    }

    .cl-align-self-xl-center {
        align-self: center !important
    }

    .cl-align-self-xl-baseline {
        align-self: baseline !important
    }

    .cl-align-self-xl-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1366px) {
    .cl-flex-lg-custom-row {
        flex-direction: row !important
    }

    .cl-flex-lg-custom-column {
        flex-direction: column !important
    }

    .cl-flex-lg-custom-row-reverse {
        flex-direction: row-reverse !important
    }

    .cl-flex-lg-custom-column-reverse {
        flex-direction: column-reverse !important
    }

    .cl-flex-lg-custom-wrap {
        flex-wrap: wrap !important
    }

    .cl-flex-lg-custom-nowrap {
        flex-wrap: nowrap !important
    }

    .cl-flex-lg-custom-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .cl-flex-lg-custom-fill {
        flex: 1 1 auto !important
    }

    .cl-flex-lg-custom-grow-0 {
        flex-grow: 0 !important
    }

    .cl-flex-lg-custom-grow-1 {
        flex-grow: 1 !important
    }

    .cl-flex-lg-custom-shrink-0 {
        flex-shrink: 0 !important
    }

    .cl-flex-lg-custom-shrink-1 {
        flex-shrink: 1 !important
    }

    .cl-justify-content-lg-custom-start {
        justify-content: flex-start !important
    }

    .cl-justify-content-lg-custom-end {
        justify-content: flex-end !important
    }

    .cl-justify-content-lg-custom-center {
        justify-content: center !important
    }

    .cl-justify-content-lg-custom-between {
        justify-content: space-between !important
    }

    .cl-justify-content-lg-custom-around {
        justify-content: space-around !important
    }

    .cl-align-items-lg-custom-start {
        align-items: flex-start !important
    }

    .cl-align-items-lg-custom-end {
        align-items: flex-end !important
    }

    .cl-align-items-lg-custom-center {
        align-items: center !important
    }

    .cl-align-items-lg-custom-baseline {
        align-items: baseline !important
    }

    .cl-align-items-lg-custom-stretch {
        align-items: stretch !important
    }

    .cl-align-content-lg-custom-start {
        align-content: flex-start !important
    }

    .cl-align-content-lg-custom-end {
        align-content: flex-end !important
    }

    .cl-align-content-lg-custom-center {
        align-content: center !important
    }

    .cl-align-content-lg-custom-between {
        align-content: space-between !important
    }

    .cl-align-content-lg-custom-around {
        align-content: space-around !important
    }

    .cl-align-content-lg-custom-stretch {
        align-content: stretch !important
    }

    .cl-align-self-lg-custom-auto {
        align-self: auto !important
    }

    .cl-align-self-lg-custom-start {
        align-self: flex-start !important
    }

    .cl-align-self-lg-custom-end {
        align-self: flex-end !important
    }

    .cl-align-self-lg-custom-center {
        align-self: center !important
    }

    .cl-align-self-lg-custom-baseline {
        align-self: baseline !important
    }

    .cl-align-self-lg-custom-stretch {
        align-self: stretch !important
    }
}

.cl-float-left {
    float: left !important
}

.cl-float-right {
    float: right !important
}

.cl-float-none {
    float: none !important
}

@media (min-width:576px) {
    .cl-float-sm-left {
        float: left !important
    }

    .cl-float-sm-right {
        float: right !important
    }

    .cl-float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .cl-float-md-left {
        float: left !important
    }

    .cl-float-md-right {
        float: right !important
    }

    .cl-float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .cl-float-lg-left {
        float: left !important
    }

    .cl-float-lg-right {
        float: right !important
    }

    .cl-float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .cl-float-xl-left {
        float: left !important
    }

    .cl-float-xl-right {
        float: right !important
    }

    .cl-float-xl-none {
        float: none !important
    }
}

@media (min-width:1366px) {
    .cl-float-lg-custom-left {
        float: left !important
    }

    .cl-float-lg-custom-right {
        float: right !important
    }

    .cl-float-lg-custom-none {
        float: none !important
    }
}

.cl-overflow-auto {
    overflow: auto !important
}

.cl-overflow-hidden {
    overflow: hidden !important
}

.cl-position-static {
    position: static !important
}

.cl-position-relative {
    position: relative !important
}

.cl-position-absolute {
    position: absolute !important
}

.cl-position-fixed {
    position: fixed !important
}

.cl-position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.cl-fixed-top {
    top: 0
}

.cl-fixed-bottom, .cl-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.cl-fixed-bottom {
    bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .cl-sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.cl-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.cl-sr-only-focusable:active, .cl-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.cl-shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.cl-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.cl-shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.cl-shadow-none {
    box-shadow: none !important
}

.cl-h-25 {
    height: 25% !important
}

.cl-h-50 {
    height: 50% !important
}

.cl-h-75 {
    height: 75% !important
}

.cl-h-100 {
    height: 100% !important
}

.cl-h-auto {
    height: auto !important
}

.cl-mw-100 {
    max-width: 100% !important
}

.cl-mh-100 {
    max-height: 100% !important
}

.cl-min-vw-100 {
    min-width: 100vw !important
}

.cl-min-vh-100 {
    min-height: 100vh !important
}

.cl-vw-100 {
    width: 100vw !important
}

.cl-vh-100 {
    height: 100vh !important
}

.cl-stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.cl-m-0 {
    margin: 0 !important
}

.cl-mt-0, .cl-my-0 {
    margin-top: 0 !important
}

.cl-mr-0, .cl-mx-0 {
    margin-right: 0 !important
}

.cl-mb-0, .cl-my-0 {
    margin-bottom: 0 !important
}

.cl-ml-0, .cl-mx-0 {
    margin-left: 0 !important
}

.cl-m-1 {
    margin: .35715rem !important
}

.cl-mt-1, .cl-my-1 {
    margin-top: .35715rem !important
}

.cl-mr-1, .cl-mx-1 {
    margin-right: .35715rem !important
}

.cl-mb-1, .cl-my-1 {
    margin-bottom: .35715rem !important
}

.cl-ml-1, .cl-mx-1 {
    margin-left: .35715rem !important
}

.cl-m-2 {
    margin: .7143rem !important
}

.cl-mt-2, .cl-my-2 {
    margin-top: .7143rem !important
}

.cl-mr-2, .cl-mx-2 {
    margin-right: .7143rem !important
}

.cl-mb-2, .cl-my-2 {
    margin-bottom: .7143rem !important
}

.cl-ml-2, .cl-mx-2 {
    margin-left: .7143rem !important
}

.cl-m-3 {
    margin: 1.4286rem !important
}

.cl-mt-3, .cl-my-3 {
    margin-top: 1.4286rem !important
}

.cl-mr-3, .cl-mx-3 {
    margin-right: 1.4286rem !important
}

.cl-mb-3, .cl-my-3 {
    margin-bottom: 1.4286rem !important
}

.cl-ml-3, .cl-mx-3 {
    margin-left: 1.4286rem !important
}

.cl-m-4 {
    margin: 2.8572rem !important
}

.cl-mt-4, .cl-my-4 {
    margin-top: 2.8572rem !important
}

.cl-mr-4, .cl-mx-4 {
    margin-right: 2.8572rem !important
}

.cl-mb-4, .cl-my-4 {
    margin-bottom: 2.8572rem !important
}

.cl-ml-4, .cl-mx-4 {
    margin-left: 2.8572rem !important
}

.cl-m-5 {
    margin: 4.2858rem !important
}

.cl-mt-5, .cl-my-5 {
    margin-top: 4.2858rem !important
}

.cl-mr-5, .cl-mx-5 {
    margin-right: 4.2858rem !important
}

.cl-mb-5, .cl-my-5 {
    margin-bottom: 4.2858rem !important
}

.cl-ml-5, .cl-mx-5 {
    margin-left: 4.2858rem !important
}

.cl-p-0 {
    padding: 0 !important
}

.cl-pt-0, .cl-py-0 {
    padding-top: 0 !important
}

.cl-pr-0, .cl-px-0 {
    padding-right: 0 !important
}

.cl-pb-0, .cl-py-0 {
    padding-bottom: 0 !important
}

.cl-pl-0, .cl-px-0 {
    padding-left: 0 !important
}

.cl-p-1 {
    padding: .35715rem !important
}

.cl-pt-1, .cl-py-1 {
    padding-top: .35715rem !important
}

.cl-pr-1, .cl-px-1 {
    padding-right: .35715rem !important
}

.cl-pb-1, .cl-py-1 {
    padding-bottom: .35715rem !important
}

.cl-pl-1, .cl-px-1 {
    padding-left: .35715rem !important
}

.cl-p-2 {
    padding: .7143rem !important
}

.cl-pt-2, .cl-py-2 {
    padding-top: .7143rem !important
}

.cl-pr-2, .cl-px-2 {
    padding-right: .7143rem !important
}

.cl-pb-2, .cl-py-2 {
    padding-bottom: .7143rem !important
}

.cl-pl-2, .cl-px-2 {
    padding-left: .7143rem !important
}

.cl-p-3 {
    padding: 1.4286rem !important
}

.cl-pt-3, .cl-py-3 {
    padding-top: 1.4286rem !important
}

.cl-pr-3, .cl-px-3 {
    padding-right: 1.4286rem !important
}

.cl-pb-3, .cl-py-3 {
    padding-bottom: 1.4286rem !important
}

.cl-pl-3, .cl-px-3 {
    padding-left: 1.4286rem !important
}

.cl-p-4 {
    padding: 2.8572rem !important
}

.cl-pt-4, .cl-py-4 {
    padding-top: 2.8572rem !important
}

.cl-pr-4, .cl-px-4 {
    padding-right: 2.8572rem !important
}

.cl-pb-4, .cl-py-4 {
    padding-bottom: 2.8572rem !important
}

.cl-pl-4, .cl-px-4 {
    padding-left: 2.8572rem !important
}

.cl-p-5 {
    padding: 4.2858rem !important
}

.cl-pt-5, .cl-py-5 {
    padding-top: 4.2858rem !important
}

.cl-pr-5, .cl-px-5 {
    padding-right: 4.2858rem !important
}

.cl-pb-5, .cl-py-5 {
    padding-bottom: 4.2858rem !important
}

.cl-pl-5, .cl-px-5 {
    padding-left: 4.2858rem !important
}

.cl-m-n1 {
    margin: -.35715rem !important
}

.cl-mt-n1, .cl-my-n1 {
    margin-top: -.35715rem !important
}

.cl-mr-n1, .cl-mx-n1 {
    margin-right: -.35715rem !important
}

.cl-mb-n1, .cl-my-n1 {
    margin-bottom: -.35715rem !important
}

.cl-ml-n1, .cl-mx-n1 {
    margin-left: -.35715rem !important
}

.cl-m-n2 {
    margin: -.7143rem !important
}

.cl-mt-n2, .cl-my-n2 {
    margin-top: -.7143rem !important
}

.cl-mr-n2, .cl-mx-n2 {
    margin-right: -.7143rem !important
}

.cl-mb-n2, .cl-my-n2 {
    margin-bottom: -.7143rem !important
}

.cl-ml-n2, .cl-mx-n2 {
    margin-left: -.7143rem !important
}

.cl-m-n3 {
    margin: -1.4286rem !important
}

.cl-mt-n3, .cl-my-n3 {
    margin-top: -1.4286rem !important
}

.cl-mr-n3, .cl-mx-n3 {
    margin-right: -1.4286rem !important
}

.cl-mb-n3, .cl-my-n3 {
    margin-bottom: -1.4286rem !important
}

.cl-ml-n3, .cl-mx-n3 {
    margin-left: -1.4286rem !important
}

.cl-m-n4 {
    margin: -2.8572rem !important
}

.cl-mt-n4, .cl-my-n4 {
    margin-top: -2.8572rem !important
}

.cl-mr-n4, .cl-mx-n4 {
    margin-right: -2.8572rem !important
}

.cl-mb-n4, .cl-my-n4 {
    margin-bottom: -2.8572rem !important
}

.cl-ml-n4, .cl-mx-n4 {
    margin-left: -2.8572rem !important
}

.cl-m-n5 {
    margin: -4.2858rem !important
}

.cl-mt-n5, .cl-my-n5 {
    margin-top: -4.2858rem !important
}

.cl-mr-n5, .cl-mx-n5 {
    margin-right: -4.2858rem !important
}

.cl-mb-n5, .cl-my-n5 {
    margin-bottom: -4.2858rem !important
}

.cl-ml-n5, .cl-mx-n5 {
    margin-left: -4.2858rem !important
}

.cl-m-auto {
    margin: auto !important
}

.cl-mt-auto, .cl-my-auto {
    margin-top: auto !important
}

.cl-mr-auto, .cl-mx-auto {
    margin-right: auto !important
}

.cl-mb-auto, .cl-my-auto {
    margin-bottom: auto !important
}

.cl-ml-auto, .cl-mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .cl-m-sm-0 {
        margin: 0 !important
    }

    .cl-mt-sm-0, .cl-my-sm-0 {
        margin-top: 0 !important
    }

    .cl-mr-sm-0, .cl-mx-sm-0 {
        margin-right: 0 !important
    }

    .cl-mb-sm-0, .cl-my-sm-0 {
        margin-bottom: 0 !important
    }

    .cl-ml-sm-0, .cl-mx-sm-0 {
        margin-left: 0 !important
    }

    .cl-m-sm-1 {
        margin: .35715rem !important
    }

    .cl-mt-sm-1, .cl-my-sm-1 {
        margin-top: .35715rem !important
    }

    .cl-mr-sm-1, .cl-mx-sm-1 {
        margin-right: .35715rem !important
    }

    .cl-mb-sm-1, .cl-my-sm-1 {
        margin-bottom: .35715rem !important
    }

    .cl-ml-sm-1, .cl-mx-sm-1 {
        margin-left: .35715rem !important
    }

    .cl-m-sm-2 {
        margin: .7143rem !important
    }

    .cl-mt-sm-2, .cl-my-sm-2 {
        margin-top: .7143rem !important
    }

    .cl-mr-sm-2, .cl-mx-sm-2 {
        margin-right: .7143rem !important
    }

    .cl-mb-sm-2, .cl-my-sm-2 {
        margin-bottom: .7143rem !important
    }

    .cl-ml-sm-2, .cl-mx-sm-2 {
        margin-left: .7143rem !important
    }

    .cl-m-sm-3 {
        margin: 1.4286rem !important
    }

    .cl-mt-sm-3, .cl-my-sm-3 {
        margin-top: 1.4286rem !important
    }

    .cl-mr-sm-3, .cl-mx-sm-3 {
        margin-right: 1.4286rem !important
    }

    .cl-mb-sm-3, .cl-my-sm-3 {
        margin-bottom: 1.4286rem !important
    }

    .cl-ml-sm-3, .cl-mx-sm-3 {
        margin-left: 1.4286rem !important
    }

    .cl-m-sm-4 {
        margin: 2.8572rem !important
    }

    .cl-mt-sm-4, .cl-my-sm-4 {
        margin-top: 2.8572rem !important
    }

    .cl-mr-sm-4, .cl-mx-sm-4 {
        margin-right: 2.8572rem !important
    }

    .cl-mb-sm-4, .cl-my-sm-4 {
        margin-bottom: 2.8572rem !important
    }

    .cl-ml-sm-4, .cl-mx-sm-4 {
        margin-left: 2.8572rem !important
    }

    .cl-m-sm-5 {
        margin: 4.2858rem !important
    }

    .cl-mt-sm-5, .cl-my-sm-5 {
        margin-top: 4.2858rem !important
    }

    .cl-mr-sm-5, .cl-mx-sm-5 {
        margin-right: 4.2858rem !important
    }

    .cl-mb-sm-5, .cl-my-sm-5 {
        margin-bottom: 4.2858rem !important
    }

    .cl-ml-sm-5, .cl-mx-sm-5 {
        margin-left: 4.2858rem !important
    }

    .cl-p-sm-0 {
        padding: 0 !important
    }

    .cl-pt-sm-0, .cl-py-sm-0 {
        padding-top: 0 !important
    }

    .cl-pr-sm-0, .cl-px-sm-0 {
        padding-right: 0 !important
    }

    .cl-pb-sm-0, .cl-py-sm-0 {
        padding-bottom: 0 !important
    }

    .cl-pl-sm-0, .cl-px-sm-0 {
        padding-left: 0 !important
    }

    .cl-p-sm-1 {
        padding: .35715rem !important
    }

    .cl-pt-sm-1, .cl-py-sm-1 {
        padding-top: .35715rem !important
    }

    .cl-pr-sm-1, .cl-px-sm-1 {
        padding-right: .35715rem !important
    }

    .cl-pb-sm-1, .cl-py-sm-1 {
        padding-bottom: .35715rem !important
    }

    .cl-pl-sm-1, .cl-px-sm-1 {
        padding-left: .35715rem !important
    }

    .cl-p-sm-2 {
        padding: .7143rem !important
    }

    .cl-pt-sm-2, .cl-py-sm-2 {
        padding-top: .7143rem !important
    }

    .cl-pr-sm-2, .cl-px-sm-2 {
        padding-right: .7143rem !important
    }

    .cl-pb-sm-2, .cl-py-sm-2 {
        padding-bottom: .7143rem !important
    }

    .cl-pl-sm-2, .cl-px-sm-2 {
        padding-left: .7143rem !important
    }

    .cl-p-sm-3 {
        padding: 1.4286rem !important
    }

    .cl-pt-sm-3, .cl-py-sm-3 {
        padding-top: 1.4286rem !important
    }

    .cl-pr-sm-3, .cl-px-sm-3 {
        padding-right: 1.4286rem !important
    }

    .cl-pb-sm-3, .cl-py-sm-3 {
        padding-bottom: 1.4286rem !important
    }

    .cl-pl-sm-3, .cl-px-sm-3 {
        padding-left: 1.4286rem !important
    }

    .cl-p-sm-4 {
        padding: 2.8572rem !important
    }

    .cl-pt-sm-4, .cl-py-sm-4 {
        padding-top: 2.8572rem !important
    }

    .cl-pr-sm-4, .cl-px-sm-4 {
        padding-right: 2.8572rem !important
    }

    .cl-pb-sm-4, .cl-py-sm-4 {
        padding-bottom: 2.8572rem !important
    }

    .cl-pl-sm-4, .cl-px-sm-4 {
        padding-left: 2.8572rem !important
    }

    .cl-p-sm-5 {
        padding: 4.2858rem !important
    }

    .cl-pt-sm-5, .cl-py-sm-5 {
        padding-top: 4.2858rem !important
    }

    .cl-pr-sm-5, .cl-px-sm-5 {
        padding-right: 4.2858rem !important
    }

    .cl-pb-sm-5, .cl-py-sm-5 {
        padding-bottom: 4.2858rem !important
    }

    .cl-pl-sm-5, .cl-px-sm-5 {
        padding-left: 4.2858rem !important
    }

    .cl-m-sm-n1 {
        margin: -.35715rem !important
    }

    .cl-mt-sm-n1, .cl-my-sm-n1 {
        margin-top: -.35715rem !important
    }

    .cl-mr-sm-n1, .cl-mx-sm-n1 {
        margin-right: -.35715rem !important
    }

    .cl-mb-sm-n1, .cl-my-sm-n1 {
        margin-bottom: -.35715rem !important
    }

    .cl-ml-sm-n1, .cl-mx-sm-n1 {
        margin-left: -.35715rem !important
    }

    .cl-m-sm-n2 {
        margin: -.7143rem !important
    }

    .cl-mt-sm-n2, .cl-my-sm-n2 {
        margin-top: -.7143rem !important
    }

    .cl-mr-sm-n2, .cl-mx-sm-n2 {
        margin-right: -.7143rem !important
    }

    .cl-mb-sm-n2, .cl-my-sm-n2 {
        margin-bottom: -.7143rem !important
    }

    .cl-ml-sm-n2, .cl-mx-sm-n2 {
        margin-left: -.7143rem !important
    }

    .cl-m-sm-n3 {
        margin: -1.4286rem !important
    }

    .cl-mt-sm-n3, .cl-my-sm-n3 {
        margin-top: -1.4286rem !important
    }

    .cl-mr-sm-n3, .cl-mx-sm-n3 {
        margin-right: -1.4286rem !important
    }

    .cl-mb-sm-n3, .cl-my-sm-n3 {
        margin-bottom: -1.4286rem !important
    }

    .cl-ml-sm-n3, .cl-mx-sm-n3 {
        margin-left: -1.4286rem !important
    }

    .cl-m-sm-n4 {
        margin: -2.8572rem !important
    }

    .cl-mt-sm-n4, .cl-my-sm-n4 {
        margin-top: -2.8572rem !important
    }

    .cl-mr-sm-n4, .cl-mx-sm-n4 {
        margin-right: -2.8572rem !important
    }

    .cl-mb-sm-n4, .cl-my-sm-n4 {
        margin-bottom: -2.8572rem !important
    }

    .cl-ml-sm-n4, .cl-mx-sm-n4 {
        margin-left: -2.8572rem !important
    }

    .cl-m-sm-n5 {
        margin: -4.2858rem !important
    }

    .cl-mt-sm-n5, .cl-my-sm-n5 {
        margin-top: -4.2858rem !important
    }

    .cl-mr-sm-n5, .cl-mx-sm-n5 {
        margin-right: -4.2858rem !important
    }

    .cl-mb-sm-n5, .cl-my-sm-n5 {
        margin-bottom: -4.2858rem !important
    }

    .cl-ml-sm-n5, .cl-mx-sm-n5 {
        margin-left: -4.2858rem !important
    }

    .cl-m-sm-auto {
        margin: auto !important
    }

    .cl-mt-sm-auto, .cl-my-sm-auto {
        margin-top: auto !important
    }

    .cl-mr-sm-auto, .cl-mx-sm-auto {
        margin-right: auto !important
    }

    .cl-mb-sm-auto, .cl-my-sm-auto {
        margin-bottom: auto !important
    }

    .cl-ml-sm-auto, .cl-mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .cl-m-md-0 {
        margin: 0 !important
    }

    .cl-mt-md-0, .cl-my-md-0 {
        margin-top: 0 !important
    }

    .cl-mr-md-0, .cl-mx-md-0 {
        margin-right: 0 !important
    }

    .cl-mb-md-0, .cl-my-md-0 {
        margin-bottom: 0 !important
    }

    .cl-ml-md-0, .cl-mx-md-0 {
        margin-left: 0 !important
    }

    .cl-m-md-1 {
        margin: .35715rem !important
    }

    .cl-mt-md-1, .cl-my-md-1 {
        margin-top: .35715rem !important
    }

    .cl-mr-md-1, .cl-mx-md-1 {
        margin-right: .35715rem !important
    }

    .cl-mb-md-1, .cl-my-md-1 {
        margin-bottom: .35715rem !important
    }

    .cl-ml-md-1, .cl-mx-md-1 {
        margin-left: .35715rem !important
    }

    .cl-m-md-2 {
        margin: .7143rem !important
    }

    .cl-mt-md-2, .cl-my-md-2 {
        margin-top: .7143rem !important
    }

    .cl-mr-md-2, .cl-mx-md-2 {
        margin-right: .7143rem !important
    }

    .cl-mb-md-2, .cl-my-md-2 {
        margin-bottom: .7143rem !important
    }

    .cl-ml-md-2, .cl-mx-md-2 {
        margin-left: .7143rem !important
    }

    .cl-m-md-3 {
        margin: 1.4286rem !important
    }

    .cl-mt-md-3, .cl-my-md-3 {
        margin-top: 1.4286rem !important
    }

    .cl-mr-md-3, .cl-mx-md-3 {
        margin-right: 1.4286rem !important
    }

    .cl-mb-md-3, .cl-my-md-3 {
        margin-bottom: 1.4286rem !important
    }

    .cl-ml-md-3, .cl-mx-md-3 {
        margin-left: 1.4286rem !important
    }

    .cl-m-md-4 {
        margin: 2.8572rem !important
    }

    .cl-mt-md-4, .cl-my-md-4 {
        margin-top: 2.8572rem !important
    }

    .cl-mr-md-4, .cl-mx-md-4 {
        margin-right: 2.8572rem !important
    }

    .cl-mb-md-4, .cl-my-md-4 {
        margin-bottom: 2.8572rem !important
    }

    .cl-ml-md-4, .cl-mx-md-4 {
        margin-left: 2.8572rem !important
    }

    .cl-m-md-5 {
        margin: 4.2858rem !important
    }

    .cl-mt-md-5, .cl-my-md-5 {
        margin-top: 4.2858rem !important
    }

    .cl-mr-md-5, .cl-mx-md-5 {
        margin-right: 4.2858rem !important
    }

    .cl-mb-md-5, .cl-my-md-5 {
        margin-bottom: 4.2858rem !important
    }

    .cl-ml-md-5, .cl-mx-md-5 {
        margin-left: 4.2858rem !important
    }

    .cl-p-md-0 {
        padding: 0 !important
    }

    .cl-pt-md-0, .cl-py-md-0 {
        padding-top: 0 !important
    }

    .cl-pr-md-0, .cl-px-md-0 {
        padding-right: 0 !important
    }

    .cl-pb-md-0, .cl-py-md-0 {
        padding-bottom: 0 !important
    }

    .cl-pl-md-0, .cl-px-md-0 {
        padding-left: 0 !important
    }

    .cl-p-md-1 {
        padding: .35715rem !important
    }

    .cl-pt-md-1, .cl-py-md-1 {
        padding-top: .35715rem !important
    }

    .cl-pr-md-1, .cl-px-md-1 {
        padding-right: .35715rem !important
    }

    .cl-pb-md-1, .cl-py-md-1 {
        padding-bottom: .35715rem !important
    }

    .cl-pl-md-1, .cl-px-md-1 {
        padding-left: .35715rem !important
    }

    .cl-p-md-2 {
        padding: .7143rem !important
    }

    .cl-pt-md-2, .cl-py-md-2 {
        padding-top: .7143rem !important
    }

    .cl-pr-md-2, .cl-px-md-2 {
        padding-right: .7143rem !important
    }

    .cl-pb-md-2, .cl-py-md-2 {
        padding-bottom: .7143rem !important
    }

    .cl-pl-md-2, .cl-px-md-2 {
        padding-left: .7143rem !important
    }

    .cl-p-md-3 {
        padding: 1.4286rem !important
    }

    .cl-pt-md-3, .cl-py-md-3 {
        padding-top: 1.4286rem !important
    }

    .cl-pr-md-3, .cl-px-md-3 {
        padding-right: 1.4286rem !important
    }

    .cl-pb-md-3, .cl-py-md-3 {
        padding-bottom: 1.4286rem !important
    }

    .cl-pl-md-3, .cl-px-md-3 {
        padding-left: 1.4286rem !important
    }

    .cl-p-md-4 {
        padding: 2.8572rem !important
    }

    .cl-pt-md-4, .cl-py-md-4 {
        padding-top: 2.8572rem !important
    }

    .cl-pr-md-4, .cl-px-md-4 {
        padding-right: 2.8572rem !important
    }

    .cl-pb-md-4, .cl-py-md-4 {
        padding-bottom: 2.8572rem !important
    }

    .cl-pl-md-4, .cl-px-md-4 {
        padding-left: 2.8572rem !important
    }

    .cl-p-md-5 {
        padding: 4.2858rem !important
    }

    .cl-pt-md-5, .cl-py-md-5 {
        padding-top: 4.2858rem !important
    }

    .cl-pr-md-5, .cl-px-md-5 {
        padding-right: 4.2858rem !important
    }

    .cl-pb-md-5, .cl-py-md-5 {
        padding-bottom: 4.2858rem !important
    }

    .cl-pl-md-5, .cl-px-md-5 {
        padding-left: 4.2858rem !important
    }

    .cl-m-md-n1 {
        margin: -.35715rem !important
    }

    .cl-mt-md-n1, .cl-my-md-n1 {
        margin-top: -.35715rem !important
    }

    .cl-mr-md-n1, .cl-mx-md-n1 {
        margin-right: -.35715rem !important
    }

    .cl-mb-md-n1, .cl-my-md-n1 {
        margin-bottom: -.35715rem !important
    }

    .cl-ml-md-n1, .cl-mx-md-n1 {
        margin-left: -.35715rem !important
    }

    .cl-m-md-n2 {
        margin: -.7143rem !important
    }

    .cl-mt-md-n2, .cl-my-md-n2 {
        margin-top: -.7143rem !important
    }

    .cl-mr-md-n2, .cl-mx-md-n2 {
        margin-right: -.7143rem !important
    }

    .cl-mb-md-n2, .cl-my-md-n2 {
        margin-bottom: -.7143rem !important
    }

    .cl-ml-md-n2, .cl-mx-md-n2 {
        margin-left: -.7143rem !important
    }

    .cl-m-md-n3 {
        margin: -1.4286rem !important
    }

    .cl-mt-md-n3, .cl-my-md-n3 {
        margin-top: -1.4286rem !important
    }

    .cl-mr-md-n3, .cl-mx-md-n3 {
        margin-right: -1.4286rem !important
    }

    .cl-mb-md-n3, .cl-my-md-n3 {
        margin-bottom: -1.4286rem !important
    }

    .cl-ml-md-n3, .cl-mx-md-n3 {
        margin-left: -1.4286rem !important
    }

    .cl-m-md-n4 {
        margin: -2.8572rem !important
    }

    .cl-mt-md-n4, .cl-my-md-n4 {
        margin-top: -2.8572rem !important
    }

    .cl-mr-md-n4, .cl-mx-md-n4 {
        margin-right: -2.8572rem !important
    }

    .cl-mb-md-n4, .cl-my-md-n4 {
        margin-bottom: -2.8572rem !important
    }

    .cl-ml-md-n4, .cl-mx-md-n4 {
        margin-left: -2.8572rem !important
    }

    .cl-m-md-n5 {
        margin: -4.2858rem !important
    }

    .cl-mt-md-n5, .cl-my-md-n5 {
        margin-top: -4.2858rem !important
    }

    .cl-mr-md-n5, .cl-mx-md-n5 {
        margin-right: -4.2858rem !important
    }

    .cl-mb-md-n5, .cl-my-md-n5 {
        margin-bottom: -4.2858rem !important
    }

    .cl-ml-md-n5, .cl-mx-md-n5 {
        margin-left: -4.2858rem !important
    }

    .cl-m-md-auto {
        margin: auto !important
    }

    .cl-mt-md-auto, .cl-my-md-auto {
        margin-top: auto !important
    }

    .cl-mr-md-auto, .cl-mx-md-auto {
        margin-right: auto !important
    }

    .cl-mb-md-auto, .cl-my-md-auto {
        margin-bottom: auto !important
    }

    .cl-ml-md-auto, .cl-mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .cl-m-lg-0 {
        margin: 0 !important
    }

    .cl-mt-lg-0, .cl-my-lg-0 {
        margin-top: 0 !important
    }

    .cl-mr-lg-0, .cl-mx-lg-0 {
        margin-right: 0 !important
    }

    .cl-mb-lg-0, .cl-my-lg-0 {
        margin-bottom: 0 !important
    }

    .cl-ml-lg-0, .cl-mx-lg-0 {
        margin-left: 0 !important
    }

    .cl-m-lg-1 {
        margin: .35715rem !important
    }

    .cl-mt-lg-1, .cl-my-lg-1 {
        margin-top: .35715rem !important
    }

    .cl-mr-lg-1, .cl-mx-lg-1 {
        margin-right: .35715rem !important
    }

    .cl-mb-lg-1, .cl-my-lg-1 {
        margin-bottom: .35715rem !important
    }

    .cl-ml-lg-1, .cl-mx-lg-1 {
        margin-left: .35715rem !important
    }

    .cl-m-lg-2 {
        margin: .7143rem !important
    }

    .cl-mt-lg-2, .cl-my-lg-2 {
        margin-top: .7143rem !important
    }

    .cl-mr-lg-2, .cl-mx-lg-2 {
        margin-right: .7143rem !important
    }

    .cl-mb-lg-2, .cl-my-lg-2 {
        margin-bottom: .7143rem !important
    }

    .cl-ml-lg-2, .cl-mx-lg-2 {
        margin-left: .7143rem !important
    }

    .cl-m-lg-3 {
        margin: 1.4286rem !important
    }

    .cl-mt-lg-3, .cl-my-lg-3 {
        margin-top: 1.4286rem !important
    }

    .cl-mr-lg-3, .cl-mx-lg-3 {
        margin-right: 1.4286rem !important
    }

    .cl-mb-lg-3, .cl-my-lg-3 {
        margin-bottom: 1.4286rem !important
    }

    .cl-ml-lg-3, .cl-mx-lg-3 {
        margin-left: 1.4286rem !important
    }

    .cl-m-lg-4 {
        margin: 2.8572rem !important
    }

    .cl-mt-lg-4, .cl-my-lg-4 {
        margin-top: 2.8572rem !important
    }

    .cl-mr-lg-4, .cl-mx-lg-4 {
        margin-right: 2.8572rem !important
    }

    .cl-mb-lg-4, .cl-my-lg-4 {
        margin-bottom: 2.8572rem !important
    }

    .cl-ml-lg-4, .cl-mx-lg-4 {
        margin-left: 2.8572rem !important
    }

    .cl-m-lg-5 {
        margin: 4.2858rem !important
    }

    .cl-mt-lg-5, .cl-my-lg-5 {
        margin-top: 4.2858rem !important
    }

    .cl-mr-lg-5, .cl-mx-lg-5 {
        margin-right: 4.2858rem !important
    }

    .cl-mb-lg-5, .cl-my-lg-5 {
        margin-bottom: 4.2858rem !important
    }

    .cl-ml-lg-5, .cl-mx-lg-5 {
        margin-left: 4.2858rem !important
    }

    .cl-p-lg-0 {
        padding: 0 !important
    }

    .cl-pt-lg-0, .cl-py-lg-0 {
        padding-top: 0 !important
    }

    .cl-pr-lg-0, .cl-px-lg-0 {
        padding-right: 0 !important
    }

    .cl-pb-lg-0, .cl-py-lg-0 {
        padding-bottom: 0 !important
    }

    .cl-pl-lg-0, .cl-px-lg-0 {
        padding-left: 0 !important
    }

    .cl-p-lg-1 {
        padding: .35715rem !important
    }

    .cl-pt-lg-1, .cl-py-lg-1 {
        padding-top: .35715rem !important
    }

    .cl-pr-lg-1, .cl-px-lg-1 {
        padding-right: .35715rem !important
    }

    .cl-pb-lg-1, .cl-py-lg-1 {
        padding-bottom: .35715rem !important
    }

    .cl-pl-lg-1, .cl-px-lg-1 {
        padding-left: .35715rem !important
    }

    .cl-p-lg-2 {
        padding: .7143rem !important
    }

    .cl-pt-lg-2, .cl-py-lg-2 {
        padding-top: .7143rem !important
    }

    .cl-pr-lg-2, .cl-px-lg-2 {
        padding-right: .7143rem !important
    }

    .cl-pb-lg-2, .cl-py-lg-2 {
        padding-bottom: .7143rem !important
    }

    .cl-pl-lg-2, .cl-px-lg-2 {
        padding-left: .7143rem !important
    }

    .cl-p-lg-3 {
        padding: 1.4286rem !important
    }

    .cl-pt-lg-3, .cl-py-lg-3 {
        padding-top: 1.4286rem !important
    }

    .cl-pr-lg-3, .cl-px-lg-3 {
        padding-right: 1.4286rem !important
    }

    .cl-pb-lg-3, .cl-py-lg-3 {
        padding-bottom: 1.4286rem !important
    }

    .cl-pl-lg-3, .cl-px-lg-3 {
        padding-left: 1.4286rem !important
    }

    .cl-p-lg-4 {
        padding: 2.8572rem !important
    }

    .cl-pt-lg-4, .cl-py-lg-4 {
        padding-top: 2.8572rem !important
    }

    .cl-pr-lg-4, .cl-px-lg-4 {
        padding-right: 2.8572rem !important
    }

    .cl-pb-lg-4, .cl-py-lg-4 {
        padding-bottom: 2.8572rem !important
    }

    .cl-pl-lg-4, .cl-px-lg-4 {
        padding-left: 2.8572rem !important
    }

    .cl-p-lg-5 {
        padding: 4.2858rem !important
    }

    .cl-pt-lg-5, .cl-py-lg-5 {
        padding-top: 4.2858rem !important
    }

    .cl-pr-lg-5, .cl-px-lg-5 {
        padding-right: 4.2858rem !important
    }

    .cl-pb-lg-5, .cl-py-lg-5 {
        padding-bottom: 4.2858rem !important
    }

    .cl-pl-lg-5, .cl-px-lg-5 {
        padding-left: 4.2858rem !important
    }

    .cl-m-lg-n1 {
        margin: -.35715rem !important
    }

    .cl-mt-lg-n1, .cl-my-lg-n1 {
        margin-top: -.35715rem !important
    }

    .cl-mr-lg-n1, .cl-mx-lg-n1 {
        margin-right: -.35715rem !important
    }

    .cl-mb-lg-n1, .cl-my-lg-n1 {
        margin-bottom: -.35715rem !important
    }

    .cl-ml-lg-n1, .cl-mx-lg-n1 {
        margin-left: -.35715rem !important
    }

    .cl-m-lg-n2 {
        margin: -.7143rem !important
    }

    .cl-mt-lg-n2, .cl-my-lg-n2 {
        margin-top: -.7143rem !important
    }

    .cl-mr-lg-n2, .cl-mx-lg-n2 {
        margin-right: -.7143rem !important
    }

    .cl-mb-lg-n2, .cl-my-lg-n2 {
        margin-bottom: -.7143rem !important
    }

    .cl-ml-lg-n2, .cl-mx-lg-n2 {
        margin-left: -.7143rem !important
    }

    .cl-m-lg-n3 {
        margin: -1.4286rem !important
    }

    .cl-mt-lg-n3, .cl-my-lg-n3 {
        margin-top: -1.4286rem !important
    }

    .cl-mr-lg-n3, .cl-mx-lg-n3 {
        margin-right: -1.4286rem !important
    }

    .cl-mb-lg-n3, .cl-my-lg-n3 {
        margin-bottom: -1.4286rem !important
    }

    .cl-ml-lg-n3, .cl-mx-lg-n3 {
        margin-left: -1.4286rem !important
    }

    .cl-m-lg-n4 {
        margin: -2.8572rem !important
    }

    .cl-mt-lg-n4, .cl-my-lg-n4 {
        margin-top: -2.8572rem !important
    }

    .cl-mr-lg-n4, .cl-mx-lg-n4 {
        margin-right: -2.8572rem !important
    }

    .cl-mb-lg-n4, .cl-my-lg-n4 {
        margin-bottom: -2.8572rem !important
    }

    .cl-ml-lg-n4, .cl-mx-lg-n4 {
        margin-left: -2.8572rem !important
    }

    .cl-m-lg-n5 {
        margin: -4.2858rem !important
    }

    .cl-mt-lg-n5, .cl-my-lg-n5 {
        margin-top: -4.2858rem !important
    }

    .cl-mr-lg-n5, .cl-mx-lg-n5 {
        margin-right: -4.2858rem !important
    }

    .cl-mb-lg-n5, .cl-my-lg-n5 {
        margin-bottom: -4.2858rem !important
    }

    .cl-ml-lg-n5, .cl-mx-lg-n5 {
        margin-left: -4.2858rem !important
    }

    .cl-m-lg-auto {
        margin: auto !important
    }

    .cl-mt-lg-auto, .cl-my-lg-auto {
        margin-top: auto !important
    }

    .cl-mr-lg-auto, .cl-mx-lg-auto {
        margin-right: auto !important
    }

    .cl-mb-lg-auto, .cl-my-lg-auto {
        margin-bottom: auto !important
    }

    .cl-ml-lg-auto, .cl-mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .cl-m-xl-0 {
        margin: 0 !important
    }

    .cl-mt-xl-0, .cl-my-xl-0 {
        margin-top: 0 !important
    }

    .cl-mr-xl-0, .cl-mx-xl-0 {
        margin-right: 0 !important
    }

    .cl-mb-xl-0, .cl-my-xl-0 {
        margin-bottom: 0 !important
    }

    .cl-ml-xl-0, .cl-mx-xl-0 {
        margin-left: 0 !important
    }

    .cl-m-xl-1 {
        margin: .35715rem !important
    }

    .cl-mt-xl-1, .cl-my-xl-1 {
        margin-top: .35715rem !important
    }

    .cl-mr-xl-1, .cl-mx-xl-1 {
        margin-right: .35715rem !important
    }

    .cl-mb-xl-1, .cl-my-xl-1 {
        margin-bottom: .35715rem !important
    }

    .cl-ml-xl-1, .cl-mx-xl-1 {
        margin-left: .35715rem !important
    }

    .cl-m-xl-2 {
        margin: .7143rem !important
    }

    .cl-mt-xl-2, .cl-my-xl-2 {
        margin-top: .7143rem !important
    }

    .cl-mr-xl-2, .cl-mx-xl-2 {
        margin-right: .7143rem !important
    }

    .cl-mb-xl-2, .cl-my-xl-2 {
        margin-bottom: .7143rem !important
    }

    .cl-ml-xl-2, .cl-mx-xl-2 {
        margin-left: .7143rem !important
    }

    .cl-m-xl-3 {
        margin: 1.4286rem !important
    }

    .cl-mt-xl-3, .cl-my-xl-3 {
        margin-top: 1.4286rem !important
    }

    .cl-mr-xl-3, .cl-mx-xl-3 {
        margin-right: 1.4286rem !important
    }

    .cl-mb-xl-3, .cl-my-xl-3 {
        margin-bottom: 1.4286rem !important
    }

    .cl-ml-xl-3, .cl-mx-xl-3 {
        margin-left: 1.4286rem !important
    }

    .cl-m-xl-4 {
        margin: 2.8572rem !important
    }

    .cl-mt-xl-4, .cl-my-xl-4 {
        margin-top: 2.8572rem !important
    }

    .cl-mr-xl-4, .cl-mx-xl-4 {
        margin-right: 2.8572rem !important
    }

    .cl-mb-xl-4, .cl-my-xl-4 {
        margin-bottom: 2.8572rem !important
    }

    .cl-ml-xl-4, .cl-mx-xl-4 {
        margin-left: 2.8572rem !important
    }

    .cl-m-xl-5 {
        margin: 4.2858rem !important
    }

    .cl-mt-xl-5, .cl-my-xl-5 {
        margin-top: 4.2858rem !important
    }

    .cl-mr-xl-5, .cl-mx-xl-5 {
        margin-right: 4.2858rem !important
    }

    .cl-mb-xl-5, .cl-my-xl-5 {
        margin-bottom: 4.2858rem !important
    }

    .cl-ml-xl-5, .cl-mx-xl-5 {
        margin-left: 4.2858rem !important
    }

    .cl-p-xl-0 {
        padding: 0 !important
    }

    .cl-pt-xl-0, .cl-py-xl-0 {
        padding-top: 0 !important
    }

    .cl-pr-xl-0, .cl-px-xl-0 {
        padding-right: 0 !important
    }

    .cl-pb-xl-0, .cl-py-xl-0 {
        padding-bottom: 0 !important
    }

    .cl-pl-xl-0, .cl-px-xl-0 {
        padding-left: 0 !important
    }

    .cl-p-xl-1 {
        padding: .35715rem !important
    }

    .cl-pt-xl-1, .cl-py-xl-1 {
        padding-top: .35715rem !important
    }

    .cl-pr-xl-1, .cl-px-xl-1 {
        padding-right: .35715rem !important
    }

    .cl-pb-xl-1, .cl-py-xl-1 {
        padding-bottom: .35715rem !important
    }

    .cl-pl-xl-1, .cl-px-xl-1 {
        padding-left: .35715rem !important
    }

    .cl-p-xl-2 {
        padding: .7143rem !important
    }

    .cl-pt-xl-2, .cl-py-xl-2 {
        padding-top: .7143rem !important
    }

    .cl-pr-xl-2, .cl-px-xl-2 {
        padding-right: .7143rem !important
    }

    .cl-pb-xl-2, .cl-py-xl-2 {
        padding-bottom: .7143rem !important
    }

    .cl-pl-xl-2, .cl-px-xl-2 {
        padding-left: .7143rem !important
    }

    .cl-p-xl-3 {
        padding: 1.4286rem !important
    }

    .cl-pt-xl-3, .cl-py-xl-3 {
        padding-top: 1.4286rem !important
    }

    .cl-pr-xl-3, .cl-px-xl-3 {
        padding-right: 1.4286rem !important
    }

    .cl-pb-xl-3, .cl-py-xl-3 {
        padding-bottom: 1.4286rem !important
    }

    .cl-pl-xl-3, .cl-px-xl-3 {
        padding-left: 1.4286rem !important
    }

    .cl-p-xl-4 {
        padding: 2.8572rem !important
    }

    .cl-pt-xl-4, .cl-py-xl-4 {
        padding-top: 2.8572rem !important
    }

    .cl-pr-xl-4, .cl-px-xl-4 {
        padding-right: 2.8572rem !important
    }

    .cl-pb-xl-4, .cl-py-xl-4 {
        padding-bottom: 2.8572rem !important
    }

    .cl-pl-xl-4, .cl-px-xl-4 {
        padding-left: 2.8572rem !important
    }

    .cl-p-xl-5 {
        padding: 4.2858rem !important
    }

    .cl-pt-xl-5, .cl-py-xl-5 {
        padding-top: 4.2858rem !important
    }

    .cl-pr-xl-5, .cl-px-xl-5 {
        padding-right: 4.2858rem !important
    }

    .cl-pb-xl-5, .cl-py-xl-5 {
        padding-bottom: 4.2858rem !important
    }

    .cl-pl-xl-5, .cl-px-xl-5 {
        padding-left: 4.2858rem !important
    }

    .cl-m-xl-n1 {
        margin: -.35715rem !important
    }

    .cl-mt-xl-n1, .cl-my-xl-n1 {
        margin-top: -.35715rem !important
    }

    .cl-mr-xl-n1, .cl-mx-xl-n1 {
        margin-right: -.35715rem !important
    }

    .cl-mb-xl-n1, .cl-my-xl-n1 {
        margin-bottom: -.35715rem !important
    }

    .cl-ml-xl-n1, .cl-mx-xl-n1 {
        margin-left: -.35715rem !important
    }

    .cl-m-xl-n2 {
        margin: -.7143rem !important
    }

    .cl-mt-xl-n2, .cl-my-xl-n2 {
        margin-top: -.7143rem !important
    }

    .cl-mr-xl-n2, .cl-mx-xl-n2 {
        margin-right: -.7143rem !important
    }

    .cl-mb-xl-n2, .cl-my-xl-n2 {
        margin-bottom: -.7143rem !important
    }

    .cl-ml-xl-n2, .cl-mx-xl-n2 {
        margin-left: -.7143rem !important
    }

    .cl-m-xl-n3 {
        margin: -1.4286rem !important
    }

    .cl-mt-xl-n3, .cl-my-xl-n3 {
        margin-top: -1.4286rem !important
    }

    .cl-mr-xl-n3, .cl-mx-xl-n3 {
        margin-right: -1.4286rem !important
    }

    .cl-mb-xl-n3, .cl-my-xl-n3 {
        margin-bottom: -1.4286rem !important
    }

    .cl-ml-xl-n3, .cl-mx-xl-n3 {
        margin-left: -1.4286rem !important
    }

    .cl-m-xl-n4 {
        margin: -2.8572rem !important
    }

    .cl-mt-xl-n4, .cl-my-xl-n4 {
        margin-top: -2.8572rem !important
    }

    .cl-mr-xl-n4, .cl-mx-xl-n4 {
        margin-right: -2.8572rem !important
    }

    .cl-mb-xl-n4, .cl-my-xl-n4 {
        margin-bottom: -2.8572rem !important
    }

    .cl-ml-xl-n4, .cl-mx-xl-n4 {
        margin-left: -2.8572rem !important
    }

    .cl-m-xl-n5 {
        margin: -4.2858rem !important
    }

    .cl-mt-xl-n5, .cl-my-xl-n5 {
        margin-top: -4.2858rem !important
    }

    .cl-mr-xl-n5, .cl-mx-xl-n5 {
        margin-right: -4.2858rem !important
    }

    .cl-mb-xl-n5, .cl-my-xl-n5 {
        margin-bottom: -4.2858rem !important
    }

    .cl-ml-xl-n5, .cl-mx-xl-n5 {
        margin-left: -4.2858rem !important
    }

    .cl-m-xl-auto {
        margin: auto !important
    }

    .cl-mt-xl-auto, .cl-my-xl-auto {
        margin-top: auto !important
    }

    .cl-mr-xl-auto, .cl-mx-xl-auto {
        margin-right: auto !important
    }

    .cl-mb-xl-auto, .cl-my-xl-auto {
        margin-bottom: auto !important
    }

    .cl-ml-xl-auto, .cl-mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width:1366px) {
    .cl-m-lg-custom-0 {
        margin: 0 !important
    }

    .cl-mt-lg-custom-0, .cl-my-lg-custom-0 {
        margin-top: 0 !important
    }

    .cl-mr-lg-custom-0, .cl-mx-lg-custom-0 {
        margin-right: 0 !important
    }

    .cl-mb-lg-custom-0, .cl-my-lg-custom-0 {
        margin-bottom: 0 !important
    }

    .cl-ml-lg-custom-0, .cl-mx-lg-custom-0 {
        margin-left: 0 !important
    }

    .cl-m-lg-custom-1 {
        margin: .35715rem !important
    }

    .cl-mt-lg-custom-1, .cl-my-lg-custom-1 {
        margin-top: .35715rem !important
    }

    .cl-mr-lg-custom-1, .cl-mx-lg-custom-1 {
        margin-right: .35715rem !important
    }

    .cl-mb-lg-custom-1, .cl-my-lg-custom-1 {
        margin-bottom: .35715rem !important
    }

    .cl-ml-lg-custom-1, .cl-mx-lg-custom-1 {
        margin-left: .35715rem !important
    }

    .cl-m-lg-custom-2 {
        margin: .7143rem !important
    }

    .cl-mt-lg-custom-2, .cl-my-lg-custom-2 {
        margin-top: .7143rem !important
    }

    .cl-mr-lg-custom-2, .cl-mx-lg-custom-2 {
        margin-right: .7143rem !important
    }

    .cl-mb-lg-custom-2, .cl-my-lg-custom-2 {
        margin-bottom: .7143rem !important
    }

    .cl-ml-lg-custom-2, .cl-mx-lg-custom-2 {
        margin-left: .7143rem !important
    }

    .cl-m-lg-custom-3 {
        margin: 1.4286rem !important
    }

    .cl-mt-lg-custom-3, .cl-my-lg-custom-3 {
        margin-top: 1.4286rem !important
    }

    .cl-mr-lg-custom-3, .cl-mx-lg-custom-3 {
        margin-right: 1.4286rem !important
    }

    .cl-mb-lg-custom-3, .cl-my-lg-custom-3 {
        margin-bottom: 1.4286rem !important
    }

    .cl-ml-lg-custom-3, .cl-mx-lg-custom-3 {
        margin-left: 1.4286rem !important
    }

    .cl-m-lg-custom-4 {
        margin: 2.8572rem !important
    }

    .cl-mt-lg-custom-4, .cl-my-lg-custom-4 {
        margin-top: 2.8572rem !important
    }

    .cl-mr-lg-custom-4, .cl-mx-lg-custom-4 {
        margin-right: 2.8572rem !important
    }

    .cl-mb-lg-custom-4, .cl-my-lg-custom-4 {
        margin-bottom: 2.8572rem !important
    }

    .cl-ml-lg-custom-4, .cl-mx-lg-custom-4 {
        margin-left: 2.8572rem !important
    }

    .cl-m-lg-custom-5 {
        margin: 4.2858rem !important
    }

    .cl-mt-lg-custom-5, .cl-my-lg-custom-5 {
        margin-top: 4.2858rem !important
    }

    .cl-mr-lg-custom-5, .cl-mx-lg-custom-5 {
        margin-right: 4.2858rem !important
    }

    .cl-mb-lg-custom-5, .cl-my-lg-custom-5 {
        margin-bottom: 4.2858rem !important
    }

    .cl-ml-lg-custom-5, .cl-mx-lg-custom-5 {
        margin-left: 4.2858rem !important
    }

    .cl-p-lg-custom-0 {
        padding: 0 !important
    }

    .cl-pt-lg-custom-0, .cl-py-lg-custom-0 {
        padding-top: 0 !important
    }

    .cl-pr-lg-custom-0, .cl-px-lg-custom-0 {
        padding-right: 0 !important
    }

    .cl-pb-lg-custom-0, .cl-py-lg-custom-0 {
        padding-bottom: 0 !important
    }

    .cl-pl-lg-custom-0, .cl-px-lg-custom-0 {
        padding-left: 0 !important
    }

    .cl-p-lg-custom-1 {
        padding: .35715rem !important
    }

    .cl-pt-lg-custom-1, .cl-py-lg-custom-1 {
        padding-top: .35715rem !important
    }

    .cl-pr-lg-custom-1, .cl-px-lg-custom-1 {
        padding-right: .35715rem !important
    }

    .cl-pb-lg-custom-1, .cl-py-lg-custom-1 {
        padding-bottom: .35715rem !important
    }

    .cl-pl-lg-custom-1, .cl-px-lg-custom-1 {
        padding-left: .35715rem !important
    }

    .cl-p-lg-custom-2 {
        padding: .7143rem !important
    }

    .cl-pt-lg-custom-2, .cl-py-lg-custom-2 {
        padding-top: .7143rem !important
    }

    .cl-pr-lg-custom-2, .cl-px-lg-custom-2 {
        padding-right: .7143rem !important
    }

    .cl-pb-lg-custom-2, .cl-py-lg-custom-2 {
        padding-bottom: .7143rem !important
    }

    .cl-pl-lg-custom-2, .cl-px-lg-custom-2 {
        padding-left: .7143rem !important
    }

    .cl-p-lg-custom-3 {
        padding: 1.4286rem !important
    }

    .cl-pt-lg-custom-3, .cl-py-lg-custom-3 {
        padding-top: 1.4286rem !important
    }

    .cl-pr-lg-custom-3, .cl-px-lg-custom-3 {
        padding-right: 1.4286rem !important
    }

    .cl-pb-lg-custom-3, .cl-py-lg-custom-3 {
        padding-bottom: 1.4286rem !important
    }

    .cl-pl-lg-custom-3, .cl-px-lg-custom-3 {
        padding-left: 1.4286rem !important
    }

    .cl-p-lg-custom-4 {
        padding: 2.8572rem !important
    }

    .cl-pt-lg-custom-4, .cl-py-lg-custom-4 {
        padding-top: 2.8572rem !important
    }

    .cl-pr-lg-custom-4, .cl-px-lg-custom-4 {
        padding-right: 2.8572rem !important
    }

    .cl-pb-lg-custom-4, .cl-py-lg-custom-4 {
        padding-bottom: 2.8572rem !important
    }

    .cl-pl-lg-custom-4, .cl-px-lg-custom-4 {
        padding-left: 2.8572rem !important
    }

    .cl-p-lg-custom-5 {
        padding: 4.2858rem !important
    }

    .cl-pt-lg-custom-5, .cl-py-lg-custom-5 {
        padding-top: 4.2858rem !important
    }

    .cl-pr-lg-custom-5, .cl-px-lg-custom-5 {
        padding-right: 4.2858rem !important
    }

    .cl-pb-lg-custom-5, .cl-py-lg-custom-5 {
        padding-bottom: 4.2858rem !important
    }

    .cl-pl-lg-custom-5, .cl-px-lg-custom-5 {
        padding-left: 4.2858rem !important
    }

    .cl-m-lg-custom-n1 {
        margin: -.35715rem !important
    }

    .cl-mt-lg-custom-n1, .cl-my-lg-custom-n1 {
        margin-top: -.35715rem !important
    }

    .cl-mr-lg-custom-n1, .cl-mx-lg-custom-n1 {
        margin-right: -.35715rem !important
    }

    .cl-mb-lg-custom-n1, .cl-my-lg-custom-n1 {
        margin-bottom: -.35715rem !important
    }

    .cl-ml-lg-custom-n1, .cl-mx-lg-custom-n1 {
        margin-left: -.35715rem !important
    }

    .cl-m-lg-custom-n2 {
        margin: -.7143rem !important
    }

    .cl-mt-lg-custom-n2, .cl-my-lg-custom-n2 {
        margin-top: -.7143rem !important
    }

    .cl-mr-lg-custom-n2, .cl-mx-lg-custom-n2 {
        margin-right: -.7143rem !important
    }

    .cl-mb-lg-custom-n2, .cl-my-lg-custom-n2 {
        margin-bottom: -.7143rem !important
    }

    .cl-ml-lg-custom-n2, .cl-mx-lg-custom-n2 {
        margin-left: -.7143rem !important
    }

    .cl-m-lg-custom-n3 {
        margin: -1.4286rem !important
    }

    .cl-mt-lg-custom-n3, .cl-my-lg-custom-n3 {
        margin-top: -1.4286rem !important
    }

    .cl-mr-lg-custom-n3, .cl-mx-lg-custom-n3 {
        margin-right: -1.4286rem !important
    }

    .cl-mb-lg-custom-n3, .cl-my-lg-custom-n3 {
        margin-bottom: -1.4286rem !important
    }

    .cl-ml-lg-custom-n3, .cl-mx-lg-custom-n3 {
        margin-left: -1.4286rem !important
    }

    .cl-m-lg-custom-n4 {
        margin: -2.8572rem !important
    }

    .cl-mt-lg-custom-n4, .cl-my-lg-custom-n4 {
        margin-top: -2.8572rem !important
    }

    .cl-mr-lg-custom-n4, .cl-mx-lg-custom-n4 {
        margin-right: -2.8572rem !important
    }

    .cl-mb-lg-custom-n4, .cl-my-lg-custom-n4 {
        margin-bottom: -2.8572rem !important
    }

    .cl-ml-lg-custom-n4, .cl-mx-lg-custom-n4 {
        margin-left: -2.8572rem !important
    }

    .cl-m-lg-custom-n5 {
        margin: -4.2858rem !important
    }

    .cl-mt-lg-custom-n5, .cl-my-lg-custom-n5 {
        margin-top: -4.2858rem !important
    }

    .cl-mr-lg-custom-n5, .cl-mx-lg-custom-n5 {
        margin-right: -4.2858rem !important
    }

    .cl-mb-lg-custom-n5, .cl-my-lg-custom-n5 {
        margin-bottom: -4.2858rem !important
    }

    .cl-ml-lg-custom-n5, .cl-mx-lg-custom-n5 {
        margin-left: -4.2858rem !important
    }

    .cl-m-lg-custom-auto {
        margin: auto !important
    }

    .cl-mt-lg-custom-auto, .cl-my-lg-custom-auto {
        margin-top: auto !important
    }

    .cl-mr-lg-custom-auto, .cl-mx-lg-custom-auto {
        margin-right: auto !important
    }

    .cl-mb-lg-custom-auto, .cl-my-lg-custom-auto {
        margin-bottom: auto !important
    }

    .cl-ml-lg-custom-auto, .cl-mx-lg-custom-auto {
        margin-left: auto !important
    }
}

.cl-text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace !important
}

.cl-text-justify {
    text-align: justify !important
}

.cl-text-wrap {
    white-space: normal !important
}

.cl-text-nowrap {
    white-space: nowrap !important
}

.cl-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cl-text-left {
    text-align: left !important
}

.cl-text-right {
    text-align: right !important
}

.cl-text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .cl-text-sm-left {
        text-align: left !important
    }

    .cl-text-sm-right {
        text-align: right !important
    }

    .cl-text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .cl-text-md-left {
        text-align: left !important
    }

    .cl-text-md-right {
        text-align: right !important
    }

    .cl-text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .cl-text-lg-left {
        text-align: left !important
    }

    .cl-text-lg-right {
        text-align: right !important
    }

    .cl-text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .cl-text-xl-left {
        text-align: left !important
    }

    .cl-text-xl-right {
        text-align: right !important
    }

    .cl-text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1366px) {
    .cl-text-lg-custom-left {
        text-align: left !important
    }

    .cl-text-lg-custom-right {
        text-align: right !important
    }

    .cl-text-lg-custom-center {
        text-align: center !important
    }
}

.cl-text-lowercase {
    text-transform: lowercase !important
}

.cl-text-uppercase {
    text-transform: uppercase !important
}

.cl-text-capitalize {
    text-transform: capitalize !important
}

.cl-font-weight-light {
    font-weight: 300 !important
}

.cl-font-weight-lighter {
    font-weight: lighter !important
}

.cl-font-weight-normal {
    font-weight: 400 !important
}

.cl-font-weight-bold {
    font-weight: 500 !important
}

.cl-font-weight-bolder {
    font-weight: bolder !important
}

.cl-font-italic {
    font-style: italic !important
}

.cl-text-white {
    color: #fff !important
}

.cl-text-primary {
    color: #03a9f4 !important
}

a.cl-text-primary:focus, a.cl-text-primary:hover {
    color: #0275a8 !important
}

.cl-text-secondary {
    color: #4caf50 !important
}

a.cl-text-secondary:focus, a.cl-text-secondary:hover {
    color: #357a38 !important
}

.cl-text-success {
    color: #4caf50 !important
}

a.cl-text-success:focus, a.cl-text-success:hover {
    color: #357a38 !important
}

.cl-text-info {
    color: #03a9f4 !important
}

a.cl-text-info:focus, a.cl-text-info:hover {
    color: #0275a8 !important
}

.cl-text-warning {
    color: #ff9800 !important
}

a.cl-text-warning:focus, a.cl-text-warning:hover {
    color: #b36a00 !important
}

.cl-text-danger {
    color: #f44336 !important
}

a.cl-text-danger:focus, a.cl-text-danger:hover {
    color: #d2190b !important
}

.cl-text-light {
    color: #e4eaee !important
}

a.cl-text-light:focus, a.cl-text-light:hover {
    color: #b5c5d0 !important
}

.cl-text-lighter {
    color: #f2f6f8 !important
}

a.cl-text-lighter:focus, a.cl-text-lighter:hover {
    color: #c0d4dd !important
}

.cl-text-dark {
    color: #333 !important
}

a.cl-text-dark:focus, a.cl-text-dark:hover {
    color: #0d0d0d !important
}

.cl-text-purple {
    color: #9c27b0 !important
}

a.cl-text-purple:focus, a.cl-text-purple:hover {
    color: #641971 !important
}

.cl-text-indigo {
    color: #3f51b5 !important
}

a.cl-text-indigo:focus, a.cl-text-indigo:hover {
    color: #2b387c !important
}

.cl-text-pink {
    color: #e91e63 !important
}

a.cl-text-pink:focus, a.cl-text-pink:hover {
    color: #aa1145 !important
}

.cl-text-body {
    color: #333 !important
}

.cl-text-muted {
    color: #6c757d !important
}

.cl-text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.cl-text-white-50 {
    color: hsla(0,0%,100%,.5) !important
}

.cl-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.cl-text-decoration-none {
    text-decoration: none !important
}

.cl-text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.cl-text-reset {
    color: inherit !important
}

.cl-visible {
    visibility: visible !important
}

.cl-invisible {
    visibility: hidden !important
}

@media print {
    *, :after, :before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.cl-btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .cl-container, body {
        min-width: 992px !important
    }

    .cl-navbar {
        display: none
    }

    .cl-badge {
        border: 1px solid #000
    }

    .cl-table {
        border-collapse: collapse !important
    }

        .cl-table td, .cl-table th {
            background-color: #fff !important
        }

    .cl-table-dark {
        color: inherit
    }

        .cl-table-dark tbody + tbody, .cl-table-dark td, .cl-table-dark th, .cl-table-dark thead th {
            border-color: #c6d2d9
        }

    .cl-table .cl-thead-dark th {
        color: inherit;
        border-color: #c6d2d9
    }
}

:root {
    font-size: 14px
}

.cl-accordion {
    border: 1px solid grey
}

.cl-accordion, .cl-accordion__left {
    display: flex;
    justify-content: space-between
}

.cl-accordion__left {
    flex: 1 1 auto;
    position: relative;
    width: 350px
}

.cl-accordion__right {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end
}

@media (max-width:1199.98px) {
    .cl-accordion {
        flex-direction: column
    }

    .cl-accordion__left {
        border-bottom: 1px solid grey
    }

    .cl-accordion__right {
        flex-direction: column
    }
}

.cl-timesheet-date-container {
    display: flex
}

@media (max-width:1199.98px) {
    .cl-timesheet-date-container {
        justify-content: space-between
    }
}

.cl-timesheet-row-time-input {
    width: 62px
}

.cl-timesheet-date {
    display: none
}

@media (max-width:1199.98px) {
    .cl-timesheet-date {
        display: flex
    }
}

.cl-margin-total {
    margin-right: 98px !important
}

.cl-h1, h1 {
    color: #666;
    margin-bottom: 0
}

.cl-h2, h2 {
    font-weight: 500
}

.cl-h2, .cl-h3, h2, h3 {
    color: #333
}

.cl-h4, .cl-h5, h4, h5 {
    color: #999
}

.cl-h5, h5 {
    text-transform: uppercase;
    letter-spacing: 1px
}

.cl-h6, h6 {
    color: #999
}

.cl-display-1 {
    letter-spacing: -.05rem;
    color: #333;
    margin-bottom: .7143rem
}

.cl-text-gray-3, .cl-text-gray-3:hover {
    color: #333
}

.cl-text-gray-6, .cl-text-gray-6:hover {
    color: #666
}

.cl-text-gray-9, .cl-text-gray-9:hover {
    color: #999
}

@media (min-width:992px) {
    .cl-main-wrapper {
        display: flex
    }
}

.cl-layout-aside {
    transition: margin .2s ease-in-out;
    position: fixed;
    z-index: 1020;
    float: left;
    min-height: 100vh;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

@media (min-width:992px) {
    .cl-layout-aside {
        width: 264px;
        border-left: .2857rem solid #607d8b;
        position: fixed;
        top: 0
    }
}

.cl-layout-aside.cl-get-out {
    transition: all .2s ease-in-out;
    margin-left: 0
}

@media (min-width:992px) {
    .cl-layout-aside.cl-get-out {
        margin-left: -264px
    }
}

.cl-layout-aside.cl-get-out .cl-collapse-nav-button {
    left: 0
}

.cl-layout-aside.cl-get-out .cl-collapse-nav-arrow-left {
    display: none
}

.cl-collapse-nav-arrow-left, .cl-layout-aside.cl-get-out .cl-collapse-nav-arrow-right {
    display: block
}

.cl-collapse-nav-arrow-right {
    display: none
}

.cl-layout-main {
    transition: margin .2s ease-in-out;
    width: 100%;
    min-width: 1px;
    min-height: 100vh;
    margin-top: 60px
}

@media (min-width:992px) {
    .cl-layout-main {
        margin-top: 0;
        margin-left: 264px
    }
}

.cl-page-wrapper {
    padding: 1.4286rem .7143rem
}

@media (min-width:992px) {
    .cl-page-wrapper {
        padding: 2.8572rem .7143rem
    }
}

body.cl-scroll-0 {
    overflow: hidden !important
}

.cl-navbar {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    left: 0;
    min-height: 60px;
    padding: 0 1.4286rem;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

    .cl-navbar .cl-navbar-toggler {
        border: none;
        padding: .7143rem;
        margin-left: -.7143rem
    }

    .cl-navbar .cl-dropdown-toggle:after {
        display: none
    }

@media (min-width:992px) {
    .cl-navbar {
        position: relative;
        display: block;
        padding: 0;
        box-shadow: none;
        margin-left: -.2857rem
    }
}

.cl-sidebar-header {
    position: fixed;
    z-index: 1050;
    top: 0;
    bottom: 0;
    right: 100%;
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 264px;
    height: 60px;
    border-left: .2857rem solid #607d8b
}

@media (min-width:992px) {
    .cl-sidebar-header {
        visibility: visible;
        position: relative;
        height: 90px; /* height: 100px; */
        right: calc(100% - 264px)
    }
}

.cl-offcanvas-collapse {
    visibility: hidden;
    position: fixed;
    z-index: 1050;
    width: 264px;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #fff;
    transition: all .2s ease-in-out
}

@media (min-width:992px) {
    .cl-offcanvas-collapse {
        position: relative;
        right: 0
    }
}

.cl-offcanvas-collapse.cl-open {
    visibility: visible;
    width: 264px;
    right: calc(100% - 264px)
}

@media (min-width:992px) {
    .cl-offcanvas-collapse.cl-open {
        position: relative;
        right: 0
    }
}

.cl-offcanvas-collapse.cl-open .cl-sidebar-header {
    visibility: visible;
    width: 264px;
    right: calc(100% - 264px)
}

@media (min-width:992px) {
    .cl-offcanvas-collapse {
        visibility: visible;
        position: relative
    }

        .cl-offcanvas-collapse .cl-dropdown:hover .cl-dropdown-menu {
            display: block
        }
}

.cl-offcanvas-collapse-bg {
    visibility: hidden;
    display: flex;
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: background .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .cl-offcanvas-collapse-bg.cl-open {
        visibility: visible;
        background: rgba(0,0,0,.8)
    }

@media (min-width:992px) {
    .cl-offcanvas-collapse-bg.cl-open {
        display: none
    }
}

.cl-sidebar-wrapper {
    position: relative;
    box-shadow: inset 4px 0 0 #607d8b;
    height: 100%
}

.cl-sidebar-container {
    overflow-y: auto;
    height: calc(100vh - 60px);
    margin-top: 60px;
    padding-bottom: 100px
}

    .cl-sidebar-container .cl-dropdown-toggle:after {
        display: inline-block;
        border: none;
        content: "";
        width: 10px;
        height: 6px;
        background: url(chevron-down.f13cde9ec1e28471800b.png);
        margin: 0 1.4286rem 0 auto
    }

    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-toggle:after {
        transform: rotate(180deg)
    }

    .cl-sidebar-container .cl-nav-item {
        position: relative
    }

        .cl-sidebar-container .cl-nav-item.cl-active .cl-nav-link, .cl-sidebar-container .cl-nav-link.cl-active {
            background: #e4eaee
        }

@media (min-width:992px) {
    .cl-sidebar-container .cl-nav-item:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 35px; /* height: 50px; */
        background: #e4eaee;
        transition: width .2s ease;
        z-index: -1111
    }
}

.cl-sidebar-container .cl-nav-item:hover:before {
    width: 100%
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-nav-link:active, .cl-sidebar-container .cl-nav-link:focus {
        background: #e4eaee
    }

    .cl-sidebar-container .cl-dropdown-menu .cl-scroll-area {
        max-height: inherit;
        overflow: visible
    }

    .cl-sidebar-container .cl-dropdown.cl-show .cl-nav-link {
        modal-dialog background: #e4eaee
    }

    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu {
        background: #f2f6f8;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        overflow-x: hidden
    }

        .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu .cl-dropdown-item {
            padding-left: 4.8573rem
        }

            .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu .cl-dropdown-item:hover {
                background: transparent
            }
}

@media (min-width:992px) {
    .cl-sidebar-container {
        overflow-y: visible;
        margin-top: 0;
        padding-bottom: 0;
        height: auto
    }

        .cl-sidebar-container .cl-dropdown-toggle:after, .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-toggle:after {
            transform: rotate(-90deg)
        }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-red {
        border-left: .2857rem solid #f44336
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-pink {
        border-left: .2857rem solid #e91e63
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-purple {
        border-left: .2857rem solid #9c27b0
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-deep-purple {
        border-left: .2857rem solid #673ab7
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-indigo {
        border-left: .2857rem solid #3f51b5
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue {
        border-left: .2857rem solid #03a9f4
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-cyan {
        border-left: .2857rem solid #00bcd4
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-teal {
        border-left: .2857rem solid #009688
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-green {
        border-left: .2857rem solid #4caf50
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-light-green {
        border-left: .2857rem solid #8bc34a
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-amber {
        border-left: .2857rem solid #ffc107
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-orange {
        border-left: .2857rem solid #ff9800
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-deep-orange {
        border-left: .2857rem solid #ff5722
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-brown {
        border-left: .2857rem solid #795548
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-1 {
        border-left: .2857rem solid #f2f6f8
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-2 {
        border-left: .2857rem solid #e4eaee
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-3 {
        border-left: .2857rem solid #c6d2d9
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-4 {
        border-left: .2857rem solid #90a4ae
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-5 {
        border-left: .2857rem solid #78909c
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-6 {
        border-left: .2857rem solid #607d8b
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-7 {
        border-left: .2857rem solid #546e7a
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-8 {
        border-left: .2857rem solid #455a64
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-9 {
        border-left: .2857rem solid #37474f
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-10 {
        border-left: .2857rem solid #263238
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-11 {
        border-left: .2857rem solid #1d272c
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray-12 {
        border-left: .2857rem solid #12191d
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-yellow {
        border-left: .2857rem solid #fbc02d
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-white {
        border-left: .2857rem solid #fff
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-gray {
        border-left: .2857rem solid #6c757d
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-gray-dark {
        border-left: .2857rem solid #343a40
    }
}

@media (max-width:991.98px) {
    .cl-sidebar-container .cl-dropdown.cl-show .cl-dropdown-menu.cl-blue-gray {
        border-left: .2857rem solid #607d8b
    }
}

.cl-navbar-container {
    position: relative;
    z-index: 0
}

.cl-navbar-expand-lg .cl-navbar-nav {
    flex-direction: column
}

    .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link {
        position: relative;
        display: flex;
        align-items: center;
        height: 35px; /* height: 50px;  */
        text-transform: uppercase
    }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-red {
            border-left: .2857rem solid #f44336
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-pink {
            border-left: .2857rem solid #e91e63
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-purple {
            border-left: .2857rem solid #9c27b0
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-deep-purple {
            border-left: .2857rem solid #673ab7
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-indigo {
            border-left: .2857rem solid #3f51b5
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue {
            border-left: .2857rem solid #03a9f4
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-cyan {
            border-left: .2857rem solid #00bcd4
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-teal {
            border-left: .2857rem solid #009688
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-green {
            border-left: .2857rem solid #4caf50
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-light-green {
            border-left: .2857rem solid #8bc34a
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-amber {
            border-left: .2857rem solid #ffc107
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-orange {
            border-left: .2857rem solid #ff9800
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-deep-orange {
            border-left: .2857rem solid #ff5722
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-brown {
            border-left: .2857rem solid #795548
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-1 {
            border-left: .2857rem solid #f2f6f8
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-2 {
            border-left: .2857rem solid #e4eaee
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-3 {
            border-left: .2857rem solid #c6d2d9
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-4 {
            border-left: .2857rem solid #90a4ae
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-5 {
            border-left: .2857rem solid #78909c
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-6 {
            border-left: .2857rem solid #607d8b
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-7 {
            border-left: .2857rem solid #546e7a
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-8 {
            border-left: .2857rem solid #455a64
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-9 {
            border-left: .2857rem solid #37474f
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-10 {
            border-left: .2857rem solid #263238
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-11 {
            border-left: .2857rem solid #1d272c
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray-12 {
            border-left: .2857rem solid #12191d
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-yellow {
            border-left: .2857rem solid #fbc02d
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-white {
            border-left: .2857rem solid #fff
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-gray {
            border-left: .2857rem solid #6c757d
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-gray-dark {
            border-left: .2857rem solid #343a40
        }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-nav-link.cl-blue-gray {
            border-left: .2857rem solid #607d8b
        }

.cl-nav-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 1.4286rem 0 1.1429rem
}

    .cl-nav-icon-wrapper img {
        width: 20px;
        height: 20px
    }

        .cl-nav-icon-wrapper img.cl-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%
        }

.cl-sidenav-workspace-label {
    font-size: .8571rem;
    color: #999
}

@media (min-width:992px) {
    .cl-dropdown-notification-desktop, .cl-navbar-expand-lg .cl-navbar-nav .cl-dropdown-menu {
        left: 276px;
        margin-top: -50px;
        z-index: 1111
    }

        .cl-dropdown-notification-desktop:before, .cl-navbar-expand-lg .cl-navbar-nav .cl-dropdown-menu:before {
            content: "";
            display: block;
            width: 12px;
            height: 60px;
            position: absolute;
            top: -5px;
            left: -12px;
            background: url(arrow-shadowed.df34a64e786b1fdaad7b.png) 0 0 no-repeat
        }
}

@media (min-width:992px) {
    .cl-navbar-expand-lg .cl-navbar-nav .cl-dropup .cl-dropdown-menu {
        margin-bottom: -50px
    }

        .cl-navbar-expand-lg .cl-navbar-nav .cl-dropup .cl-dropdown-menu:before {
            top: auto;
            bottom: -5px
        }
}

.cl-dropdown-notification-mobile {
    top: auto;
    right: 0;
    margin-top: .7143rem;
    font-size: .8571rem;
    min-width: 260px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

    .cl-dropdown-notification-mobile .cl-scroll-area {
        max-height: calc(100vh - 120px) !important;
        overflow-y: auto
    }

        .cl-dropdown-notification-mobile .cl-scroll-area * {
            word-wrap: break-word;
            white-space: normal
        }

.cl-dropdown-notification-desktop {
    left: auto;
    top: auto;
    margin-top: -36px;
    margin-left: 40px;
    min-width: 260px
}

@media (min-width:992px) {
    .cl-dropdown-notification-desktop .cl-scroll-area * {
        word-wrap: break-word;
        white-space: normal
    }
}

.cl-dropdown-notification-clear-all {
    padding: .9286rem 1.4286rem;
    text-align: right;
    align-items: center
}

.cl-dropdown-notification-clear-all, .cl-dropdown-notification-item-title {
    display: flex;
    justify-content: space-between
}

.cl-dropdown-notification-item-desc {
    color: #666
}

.cl-dropdown-item-workspace {
    display: flex;
    justify-content: space-between
}

.cl-dropdown-item-workspace-right {
    color: #4caf50
}

    .cl-dropdown-item-workspace-right img {
        margin-right: -4px;
        margin-left: 1.07145rem
    }

    .cl-dropdown-item-workspace-right .cl-dropdown-active-workspace-label {
        margin-left: .7143rem
    }

.cl-logo-mob img {
    height: 28px
}

.cl-logo-desktop {
    margin-left: -.2857rem; 
    text-align: center;
    width: 100%;
}

.cl-logo-desktop img {
    height: 50px
}

.cl-notification-badge {
    border: 1px solid #fff;
    background: #ff9800;
    color: #fff;
    align-self: center;
    font-weight: 400;
    margin: -10px 0 0 -6px;
    padding: 3px 6px;
    font-size: .7143rem
}

.cl-mob-sidebar-close-icon {
    display: inline-flex;
    align-items: center;
    padding: 1.07145rem;
    margin-left: .2857rem
}

    .cl-mob-sidebar-close-icon img {
        width: 29px;
        height: 30px
    }

.cl-mob-sidebar-close-label {
    padding-left: 1.4286rem
}

.cl-navbar-toggler .cl-navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23333' stroke-width='2' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.cl-nav-cut-text-wrapper {
    width: 150px;
    padding-left:10px;
}

.cl-collapse-nav-button {
    will-change: transform;
    transition: all .2s ease-in-out;
    display: none;
    position: fixed;
    z-index: 1000;
    left: 264px;
    top: .7143rem;
    width: 1.07145rem;
    height: 1.78575rem;
    background: #fff;
    box-shadow: 3px 0 5px rgba(0,0,0,.1);
    border-radius: 0 2px 2px 0
}

@media (min-width:992px) {
    .cl-collapse-nav-button {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.cl-collapse-nav-button:hover {
    cursor: pointer;
    width: 1.78575rem
}

    .cl-collapse-nav-button:hover svg path {
        fill: #03a9f4
    }

.cl-collapse-nav-button svg {
    margin-left: -2px
}

    .cl-collapse-nav-button svg path {
        fill: #90a4ae
    }

@media (min-width:992px) {
    .cl-dropdown-ws {
        position: relative;
        padding-bottom: 90px
    }

        .cl-dropdown-ws .cl-dropdown-ws-footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding-bottom: .5rem;
            background: #fff
        }
}

@media only screen and (max-width:1365px) {
    .cl-report-entry-actions, .cl-timetracker-entry-actions {
        border-top: 1px solid #c6d2d9;
        min-height: 2.8572rem;
        display: flex;
        align-items: center
    }

        .cl-report-entry-actions .cl-component-divided-left, .cl-report-entry-actions .cl-dropdown, .cl-timetracker-entry-actions .cl-component-divided-left, .cl-timetracker-entry-actions .cl-dropdown {
            padding: 0 1.07145rem;
            width: 100%;
            justify-content: center;
            position: relative
        }

            .cl-report-entry-actions .cl-component-divided-left:before, .cl-report-entry-actions .cl-dropdown:before, .cl-timetracker-entry-actions .cl-component-divided-left:before, .cl-timetracker-entry-actions .cl-dropdown:before {
                position: absolute;
                left: 0;
                margin: 0
            }

            .cl-report-entry-actions .cl-dropdown .cl-component-divided-left, .cl-timetracker-entry-actions .cl-dropdown .cl-component-divided-left {
                padding: 0
            }

                .cl-report-entry-actions .cl-dropdown .cl-component-divided-left:before, .cl-timetracker-entry-actions .cl-dropdown .cl-component-divided-left:before {
                    position: absolute;
                    left: -1.07145rem;
                    margin: 0
                }

        .cl-report-entry-actions .cl-remove-divider-mob:before, .cl-timetracker-entry-actions .cl-remove-divider-mob:before {
            background: none
        }
}

@media (min-width:1366px) {
    .cl-report-entry-actions, .cl-timetracker-entry-actions {
        border: none
    }
}

.cl-input-timetracker-main {
    border-color: transparent
}

    .cl-input-timetracker-main:focus, .cl-input-timetracker-main:hover {
        border-color: #f2f6f8
    }

    .cl-input-timetracker-main::-webkit-input-placeholder {
        color: #ccc
    }

    .cl-input-timetracker-main::-moz-placeholder {
        color: #ccc
    }

    .cl-input-timetracker-main::-ms-input-placeholder {
        color: #ccc
    }

    .cl-input-timetracker-main::placeholder {
        color: #ccc
    }

.cl-input-time-picker {
    width: 80px;
    padding: 0;
    height: auto;
    border: none;
    background: transparent
}

@media (max-width:991.98px) {
    .cl-input-time-picker {
        width: 60px
    }
}

.cl-input-time-picker-sum {
    text-align: center;
    height: auto;
    width: 82px;
    padding: 0;
    font-size: 1.286rem;
    font-weight: 500;
    color: #333;
    border: none;
    background: transparent
}

    .cl-input-time-picker-sum::-webkit-input-placeholder {
        color: #333
    }

    .cl-input-time-picker-sum::-moz-placeholder {
        color: #333
    }

    .cl-input-time-picker-sum::-ms-input-placeholder {
        color: #333
    }

    .cl-input-time-picker-sum::placeholder {
        color: #333
    }

@media (max-width:767.98px) {
    .cl-input-time-picker-sum {
        width: 62px;
        font-size: 1rem;
        font-weight: 400;
        text-align: right
    }
}

.cl-input-date-picker {
    width: 75px;
    padding: 0;
    height: auto;
    border: none;
    background: transparent
}

@media (max-width:991.98px) {
    .cl-input-date-picker {
        width: 75px
    }
}

.cl-timetracker-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px
}

@media (min-width:1366px) {
    .cl-timetracker-switch {
        width: 19px;
        height: 19px
    }

        .cl-timetracker-switch:first-child {
            margin-bottom: 1px
        }
}

@media only screen and (max-width:1365px) {
    .cl-report-entry-actions {
        border-top: none;
        border-bottom: 1px solid #e4eaee
    }
}

.cl-report-search-icon {
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 1.4286rem
}

@media only screen and (max-width:1365px) {
    .cl-report-search-icon {
        padding-right: 1.07145rem
    }
}

.cl-reset-filter {
    position: absolute;
    right: 1.4286rem;
    transform: translateY(-2.1429rem);
    font-size: .8571rem
}

.cl-upload-img {
    width: 66.6666666667px;
    height: 66.6666666667px;
    border-radius: 50%;
    margin-right: 1.07145rem
}

@media (min-width:992px) {
    .cl-upload-img {
        width: 100px;
        height: 100px
    }
}

.cl-upload-file-wrapper {
    display: flex;
    align-items: center
}

.cl-upload-btn-wrapper-max-w {
    max-width: 50%
}

.cl-cut-file-name {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .cl-cut-file-name:after {
        content: attr(data-filetype);
        position: absolute;
        right: 0;
        top: 0
    }

    .cl-cut-file-name div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 22px
    }

        .cl-cut-file-name div:after {
            content: "";
            background: #fff;
            position: relative;
            padding-right: 100%;
            z-index: 1
        }

@media (max-width:1366px) {
    .recorder-project-picker {
        right: 0;
        left: auto
    }
}

.cl-entry-total-label {
    margin-bottom: 2px
}

@media (max-width:991.98px) {
    .cl-entry-total-label {
        display: none
    }
}

.cl-card, .cl-page-component-wrapper {
    margin-bottom: 1.4286rem
}

@media (min-width:992px) {
    .cl-card {
        border-bottom: 4px solid #c6d2d9
    }
}

.cl-card.cl-compact .cl-component-row {
    min-height: 2.8572rem
}

.cl-card-header {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between
}

.cl-card-body {
    padding: .7143rem
}

@media (min-width:992px) {
    .cl-card-body {
        padding: 1.4286rem
    }
}

.cl-component-row {
    display: flex;
    min-height: 4.2858rem;
    align-items: center;
    padding: 0 .7143rem;
    border-bottom: 1px solid #c6d2d9;
    transition: all .2s ease-in-out
}

    .cl-component-row:last-child {
        border-bottom: none
    }

    .cl-component-row.cl-component-row-colored:last-child {
        border-bottom: 1px solid #c6d2d9
    }

@media (min-width:992px) {
    .cl-component-row {
        padding: 0 1.4286rem
    }
}

@media (max-width:991.98px) {
    .cl-component-row-divide-md {
        border-bottom-width: 4px
    }

        .cl-component-row-divide-md:last-child {
            border-bottom: 4px solid #c6d2d9
        }
}

.cl-reset-component-row-last-child .cl-component-row:last-child {
    border-bottom: 1px solid #c6d2d9
}

.cl-component-row-colored, table tbody tr.cl-component-row-colored:nth-child(2n), tbody tr.cl-component-row-colored:nth-child(2n) {
    background: #f2f6f8
}

.cl-component-row-colored-lvl-2 {
    background: #e4eaee
}

@media (min-width:992px) {
    .cl-component-row-colored-lvl-2 .cl-reports-summary-table-col-1 {
        padding-left: 2.3573rem
    }
}

.cl-component-divided-left {
    display: inline-flex;
    align-items: center;
    padding: 0 1.4286rem
}

    .cl-component-divided-left:before {
        content: "";
        display: inline-block;
        min-width: 1px;
        height: 2.8572rem;
        padding: 1.4286rem 0;
        margin: 0 1.4286rem 0 -1.4286rem;
        background: url(separator-pattern.05c4b45a1882e41ccd15.png) 0 0 repeat-y
    }

    .cl-component-divided-left.cl-dropdown .cl-dropdown-toggle {
        padding: 0 1.4286rem
    }

    .cl-component-divided-left.cl-no-divider-border:before {
        background: none
    }

@media (max-width:991.98px) {
    .cl-component-divided-left {
        width: 100%;
        justify-content: center;
        position: relative
    }

        .cl-component-divided-left:before {
            position: absolute;
            left: 0;
            margin: 0
        }

        .cl-component-divided-left.cl-dropdown:before {
            transform: translateX(0)
        }
}

@media only screen and (max-width:1365px) {
    .cl-component-divided-left.cl-remove-divider-mob:before {
        background: none
    }
}

@media (max-width:575.98px) {
    .cl-component-divided-left.cl-remove-divider-xs:before {
        background: none
    }
}

.cl-timetracker-col-1 {
    flex: 0 1 auto
}

@media (max-width:991.98px) {
    .cl-timetracker-col-1 {
        padding: 1.07145rem 0 .35715rem .7143rem
    }
}

.cl-timetracker-col-2 {
    flex: 0 1 auto;
    min-width: 1px;
    max-width: 100%;
    white-space: nowrap
}

@media (max-width:991.98px) {
    .cl-timetracker-col-2 {
        min-width: 100%;
        padding: .35715rem 0 1.07145rem .7143rem
    }
}

.cl-timetracker-col-3 {
    flex: 0 0 auto;
    min-width: 1px;
    margin-left: auto;
    position: relative
}

    .cl-timetracker-col-3:before {
        content: "";
        position: absolute;
        left: -20px;
        width: 20px;
        height: 40px;
        background: linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))
    }

@media (max-width:991.98px) {
    .cl-timetracker-col-3:before {
        display: none
    }
}

@media (max-width:991.98px) {
    .cl-timetracker-col-3 {
        width: inherit
    }

        .cl-timetracker-col-3 .cl-component-divided-left {
            padding-left: .7143rem;
            -webkit-margin-after: 1.07145rem;
            margin-block-end: 1.07145rem
        }

            .cl-timetracker-col-3 .cl-component-divided-left:before {
                display: none
            }
}

@media (min-width:1366px) {
    .cl-timetracker-col-3 {
        flex: 0 3 auto;
        min-width: 0
    }

        .cl-timetracker-col-3:before {
            top: 0
        }
}

.cl-reports-col {
    flex: 0 0 auto;
    min-width: 1px;
    width: 100%;
    white-space: nowrap
}

@media (min-width:992px) {
    .cl-reports-col {
        width: auto;
        flex: 0 1 auto
    }
}

.cl-component-row-colored .cl-timetracker-col-3:before {
    background: linear-gradient(270deg,#f2f6f8 0,hsla(0,0%,100%,0))
}

.cl-timetracker-col-4 {
    flex: 0 0 auto;
    min-width: 100%
}

@media (min-width:992px) {
    .cl-timetracker-col-4 {
        min-width: 1px
    }
}

@media (max-width:991.98px) {
    .cl-timetracker-list-actions {
        border-top: 1px solid #c6d2d9;
        border-bottom: 2px solid #c6d2d9;
        height: calc(2.8572rem + 1px);
        align-items: center
    }

        .cl-timetracker-list-actions .cl-component-divided-left, .cl-timetracker-list-actions .cl-dropdown {
            padding: 0 1.07145rem;
            width: 100%;
            justify-content: center;
            position: relative
        }

            .cl-timetracker-list-actions .cl-dropdown .cl-component-divided-left {
                padding: 0
            }

                .cl-timetracker-list-actions .cl-dropdown .cl-component-divided-left:before {
                    position: absolute;
                    left: -1.07145rem;
                    margin: 0
                }
}

.cl-listing-project-client {
    white-space: nowrap;
    overflow: hidden
}

.cl-h-line-divider:before {
    content: "-";
    padding: 0 .35715rem;
    color: #999
}

.cl-listing-client {
    color: #999
}

.cl-input-description {
    padding: 0;
    height: auto;
    border: none;
    background: transparent
}

    .cl-input-description::-webkit-input-placeholder {
        color: #ccc !important
    }

    .cl-input-description::-moz-placeholder {
        color: #ccc !important
    }

    .cl-input-description::-ms-input-placeholder {
        color: #ccc !important
    }

    .cl-input-description::placeholder {
        color: #ccc !important
    }

.cl-bulk-edit-link {
    margin-left: .7143rem;
    font-size: .8571rem
}

.cl-locked * {
    cursor: default
}

.cl-locked .cl-card {
    background: #f2f6f8
}

    .cl-locked .cl-card .cl-timetracker-col-3:before {
        background: linear-gradient(270deg,#f2f6f8 0,rgba(242,246,248,0))
    }

.cl-locked .cl-icon-play img {
    cursor: pointer
}

.cl-locked .cl-locked-no-underline {
    text-decoration: none !important
}

.cl-locked.cl-card, .cl-tracker-entry.cl-locked {
    opacity: .6
}

.cl-dashboard-card-header-item {
    padding: 1.4286rem;
    border-bottom: 1px solid #c6d2d9
}

    .cl-dashboard-card-header-item:last-child {
        border: none
    }

    .cl-dashboard-card-header-item .cl-h4 {
        color: #90a4ae
    }

    .cl-dashboard-card-header-item .cl-h1, .cl-dashboard-card-header-item .cl-h6 {
        color: #333
    }

        .cl-dashboard-card-header-item .cl-h6 img {
            margin-right: .35715rem
        }

@media (min-width:768px) {
    .cl-dashboard-card-header-item {
        padding: 1.4286rem;
        text-align: center;
        border-bottom: none;
        border-right: 1px solid #c6d2d9
    }
}

.cl-dashboard-most-tracked-action {
    width: 2.8572rem;
    text-align: center;
    margin-left: 1.4286rem
}

    .cl-dashboard-most-tracked-action .cl-dashboard-most-tracked-start {
        display: none
    }

    .cl-dashboard-most-tracked-action:hover .cl-dashboard-most-tracked-start {
        display: block
    }

    .cl-dashboard-most-tracked-action:hover .cl-dashboard-most-tracked-time {
        display: none
    }

.cl-dashboard-table-col-1 {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .7143rem 0 .35715rem
}

@media (min-width:992px) {
    .cl-dashboard-table-col-1 {
        width: 20%;
        border-bottom: none;
        padding: 0
    }
}

@media (min-width:1366px) {
    .cl-dashboard-table-col-1 {
        width: 15%
    }
}

.cl-dashboard-table-col-2 {
    width: 100%;
    padding: .35715rem 0 .7143rem
}

@media (min-width:992px) {
    .cl-dashboard-table-col-2 {
        width: 45%;
        padding: 0
    }
}

@media (min-width:1366px) {
    .cl-dashboard-table-col-2 {
        width: 40%
    }
}

.cl-dashboard-table-col-2-1 {
    width: 70%;
    padding-right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:992px) {
    .cl-dashboard-table-col-2-1 {
        width: 60%;
        padding-right: 5%
    }
}

.cl-dashboard-table-col-2-2 {
    display: flex;
    flex-direction: column;
    width: 30%;
    color: #999;
    text-align: right
}

@media (min-width:992px) {
    .cl-dashboard-table-col-2-2 {
        flex-direction: row;
        align-items: center;
        text-align: left;
        width: 40%
    }
}

.cl-dashboard-table-col-2-2-1 {
    width: 100%
}

@media (min-width:992px) {
    .cl-dashboard-table-col-2-2-1 {
        width: 50%;
        line-height: 1
    }
}

.cl-dashboard-table-col-2-2-2 {
    width: 100%
}

@media (min-width:992px) {
    .cl-dashboard-table-col-2-2-2 {
        width: 50%;
        line-height: 1
    }

        .cl-dashboard-table-col-2-2-2 span {
            display: flex;
            margin: 0 .7143rem
        }
}

@media (min-width:992px) {
    .cl-dashboard-table-col-3 {
        width: 35%
    }
}

@media (min-width:1366px) {
    .cl-dashboard-table-col-3 {
        width: 45%
    }
}

.cl-dashboard-table-col-3-1 {
    display: flex;
    width: 30%;
    color: #999
}

.cl-dashboard-table-col-3-2 {
    width: 70%
}

    .cl-dashboard-table-col-3-2:hover .cl-top {
        display: block
    }

.cl-component-row .cl-avatar {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%
}

@media (min-width:992px) {
    .cl-component-row .cl-avatar {
        width: 40px;
        min-width: 40px;
        height: 40px
    }
}

.cl-sort-by {
    text-transform: uppercase;
    color: #999;
    font-size: .8571rem;
    padding-right: 1.4286rem;
    position: relative;
    letter-spacing: 1px
}

    .cl-sort-by:after, .cl-sort-by:before {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: .35715rem;
        top: 50%;
        position: absolute;
        width: 0
    }

    .cl-sort-by:before {
        border-bottom-color: #ccc;
        margin-top: -.7143rem
    }

    .cl-sort-by.cl-up:before {
        border-bottom-color: #666
    }

    .cl-sort-by:after {
        border-top-color: #ccc
    }

    .cl-sort-by.cl-down:after {
        border-top-color: #666
    }

.cl-recording {
    margin-left: .35715rem;
    margin-top: -1px
}

.cl-reports-summary-table-col {
    border-right: none
}

@media (min-width:1366px) {
    .cl-reports-summary-table-col {
        border-right: 1px solid #c6d2d9
    }
}

.cl-reports-summary-table-col-1 {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .7143rem 0 .35715rem
}

@media (min-width:992px) {
    .cl-reports-summary-table-col-1 {
        width: 70%;
        padding: 0
    }
}

.cl-reports-summary-table-col-2 {
    width: 100%;
    flex-direction: row;
    display: flex;
    padding-bottom: .35715rem
}

@media (min-width:992px) {
    .cl-reports-summary-table-col-2 {
        width: 30%;
        padding: 0
    }
}

.cl-reports-summary-table-col-2-1 {
    width: 100%;
    text-align: left
}

@media (min-width:992px) {
    .cl-reports-summary-table-col-2-1 {
        text-align: right;
        justify-content: flex-end
    }
}

.cl-reports-summary-table-col-2-2 {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.cl-input-3-digits {
    width: 50px
}

.cl-input-4-digits {
    width: 54px
}

.cl-input-5-digits {
    width: 62px
}

.cl-input-h-rate {
    width: 65px !important
}

.cl-input-h-rate-sm {
    width: 55px !important
}

.cl-entry-status-confirmed, .cl-entry-status-submitted {
    position: relative
}

    .cl-entry-status-confirmed:before, .cl-entry-status-submitted:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-right: 11px solid #ff9800;
        transform: rotate(45deg) translate(-6px,-4px)
    }

    .cl-entry-status-confirmed:before {
        border-right-color: #4caf50
    }

.cl-list-group-item {
    padding: .5rem .625rem
}

@media (min-width:992px) {
    .cl-list-group-item {
        padding: .75rem 1.25rem
    }
}

.cl-no-entries {
    display: flex;
    flex-direction: column;
    width: 75%;
    align-items: center;
    margin: 15% auto;
    text-align: center
}

.cl-no-entries-image-wrapper {
    margin-bottom: 2.1429rem
}

.reports-brand-logo img {
    max-width: 200px !important;
    max-height: 100px
}

.cl-table {
    margin-bottom: 0
}

    .cl-table .cl-table-footer td, .cl-table td, .cl-table th {
        transition: all .2s ease-in-out
    }

    .cl-table .cl-thead-light th {
        color: #999
    }

    .cl-table td, .cl-table th {
        font-weight: 400;
        vertical-align: middle;
        padding: .7143rem
    }

@media (min-width:992px) {
    .cl-table td, .cl-table th {
        padding: 1.2143rem .7143rem
    }
}

.cl-table td.cl-timesheet-input-td, .cl-table th.cl-timesheet-input-td {
    padding: .7143rem
}

@media (min-width:768px) {
    .cl-table td.cl-timesheet-input-td, .cl-table th.cl-timesheet-input-td {
        width: 69px;
        padding: 1.2143rem .5rem
    }
}

@media (min-width:1366px) {
    .cl-table td.cl-timesheet-input-td, .cl-table th.cl-timesheet-input-td {
        padding: 1.2143rem .7143rem
    }
}

.cl-table td.cl-timesheet-total-td, .cl-table th.cl-timesheet-total-td {
    width: 110px
}

.cl-table td.cl-report-weekly-time, .cl-table th.cl-report-weekly-time {
    padding: .7143rem
}

@media (min-width:768px) {
    .cl-table td.cl-report-weekly-time, .cl-table th.cl-report-weekly-time {
        width: 96px;
        padding: 1.2143rem .7143rem
    }
}

.cl-table td.cl-report-weekly-total, .cl-table th.cl-report-weekly-total {
    width: 90px
}

.cl-table thead td, .cl-table thead th {
    vertical-align: middle;
    border-bottom-width: 1px;
    padding: .7rem .7143rem
}

@media (min-width:992px) {
    .cl-table thead td, .cl-table thead th {
        padding: .7rem .7143rem
    }
}

.cl-table.cl-remove-cell-borders.cl-table-bordered td, .cl-table.cl-remove-cell-borders.cl-table-bordered th {
    border-right: none;
    border-bottom: none;
    border-left: none
}

.cl-table.cl-compact .cl-table-footer td, .cl-table.cl-compact td, .cl-table.cl-compact th {
    padding-top: 6px;
    padding-bottom: 6px
}

.cl-table .cl-table-footer td {
    padding: .7rem .7143rem
}

@media (min-width:992px) {
    .cl-table .cl-table-footer td {
        padding: .7rem .7143rem
    }
}

.cl-timesheet-input {
    width: 69px
}

table > tbody > tr > td > span.footable-toggle {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: .7143rem;
    opacity: 1;
    color: #999
}

.footable td {
    position: relative
}

.cl-table.compact td, .cl-table.compact th, table td.cl-responsive-table-main-item {
    padding-right: 3.5715rem
}

@media (min-width:1366px) {
    .cl-table.compact td, .cl-table.compact th, table td.cl-responsive-table-main-item {
        padding-right: .7143rem
    }
}

@media (min-width:1366px) {
    table td.cl-reports-detailed-table-main-item {
        width: 600px
    }
}

.cl-reports-detailed-table-tags {
    max-width: 300px
}

.fooicon-minus:before, .fooicon-plus:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(chevron-down.f13cde9ec1e28471800b.png)
}

@media (max-width:991.98px) {
    .cl-template-separator-mob {
        border-top: 1px solid #e4eaee;
        padding: .4762rem 0
    }
}

@media (min-width:1366px) {
    .cl-table-tags-dropdown-td {
        width: 30%
    }
}

.cl-entry__project__dot {
    display: inline-block;
    margin-right: .7143rem;
    width: .4286rem;
    height: .4286rem;
    vertical-align: middle;
    border-radius: 50%
}

a.cl-project-name.cl-listing-project-client {
    text-decoration: none
}

    a.cl-project-name.cl-listing-project-client:hover span {
        text-decoration: underline
    }

        a.cl-project-name.cl-listing-project-client:hover span.cl-h-line-divider {
            text-decoration: none
        }

.cl-dropdown-menu[openUpAtBottom] {
    opacity: 0;
    -webkit-animation: cl-dropdown-fadein .2s linear forwards;
    animation: cl-dropdown-fadein .2s linear forwards
}

@-webkit-keyframes cl-dropdown-fadein {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes cl-dropdown-fadein {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cl-dropdown-menu {
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    border: none
}

    .cl-dropdown-menu .cl-scroll-area {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden
    }

        .cl-dropdown-menu .cl-scroll-area.cl-add-min-width {
            min-width: 200px
        }

@media (max-width:991.98px) {
    .cl-dropdown-menu .cl-scroll-area.cl-add-min-width {
        min-width: inherit
    }
}

@media (max-width:991.98px) {
    .cl-dropdown-menu .cl-scroll-area {
        max-height: 200px
    }
}

.cl-dropdown-item.cl-open, .cl-dropdown-item:focus, .cl-dropdown-item:hover {
    background: #e4eaee
}

.cl-dropdown-item-padding {
    padding: .678rem 1.4286rem
}

.cl-collapse-content {
    white-space: normal;
    background: #f2f6f8
}

.cl-collapse-content-tags .cl-dropdown-item {
    padding-left: 2.5715rem
}

.cl-dropdown-toggle {
    transform: rotate(0deg);
    color: #666
}

    .cl-dropdown-toggle:after {
        transition: transform .2s ease-in-out;
        margin-left: .35715rem
    }

    .cl-dropdown-toggle.cl-no-arrow:after {
        display: none !important
    }

    .cl-dropdown-toggle.cl-text-left {
        padding-right: 1.78575rem
    }

@media (max-width:767.98px) {
    .cl-dropdown-toggle.cl-text-left:after {
        float: right;
        margin-top: .6em
    }
}

.cl-dropdown-menu-header, .cl-dropdown-menu-sub-header {
    display: flex;
    align-items: center;
    min-height: 4.2858rem;
    padding: 0 .7143rem;
    border-bottom: 1px solid #e4eaee;
    white-space: nowrap
}

.cl-dropdown-menu-sub-header {
    min-height: 2.8572rem;
    padding: 0;
    white-space: normal
}

.cl-item-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cl-dropdown-star {
    width: 16px;
    height: 16px;
    margin-left: 1.4286rem;
    background: url(favorites-normal.5743a2c411f5bddbc99e.png)
}

    .cl-dropdown-star:hover {
        background: url(favorites-hover.88529fe731979e5b6af7.png)
    }

    .cl-dropdown-star.cl-active {
        background: url(favorites-active.af5f1263962bbf49c55b.png)
    }

.cl-client-icon-modal {
    margin-left: 1.4286rem
}

.cl-dropdown-item-expand {
    padding: 0 .7143rem 0 1.4286rem
}

.cl-dropdown-large .cl-dropdown-menu, .cl-make-dropdown-large .cl-dropdown .cl-dropdown-menu {
    width: 340px
}

@media (min-width:992px) {
    .cl-dropdown-large .cl-dropdown-menu, .cl-make-dropdown-large .cl-dropdown .cl-dropdown-menu {
        width: 360px;
        max-width: none
    }
}

.cl-dropdown-item-checkbox {
    padding: 0
}

    .cl-dropdown-item-checkbox .cl-custom-control-label {
        display: block;
        padding: .678rem 1.4286rem .678rem 1.643rem;
        margin-left: -.2857rem
    }

        .cl-dropdown-item-checkbox .cl-custom-control-label:after, .cl-dropdown-item-checkbox .cl-custom-control-label:before {
            top: .839rem;
            left: 0
        }

.cl-dropdown-section-wrapper .cl-dropdown-section {
    border-bottom: 1px solid #e4eaee;
    padding-top: .7143rem
}

    .cl-dropdown-section-wrapper .cl-dropdown-section:last-child {
        border-bottom: none
    }

.cl-dropdown-divider {
    margin: 0;
    border-color: #c6d2d9
}

.cl-dropdown-toggle.cl-text-left:after, .cl-dropdown-toggle.cl-w-100:after {
    position: absolute;
    right: .7143rem;
    top: 50%;
    margin-top: -.15em
}

.cl-dropdown-menu.cl-dropdown-center {
    left: 50%;
    transform: translateX(-50%)
}

.cl-dropdown-menu-nav {
    display: none
}

    .cl-dropdown-menu-nav:after {
        content: "";
        position: absolute;
        left: -25px;
        top: 0;
        height: 100%;
        width: 25px;
        opacity: .2
    }

@media (max-width:991.98px) {
    .cl-nav-item.cl-show .cl-dropdown-menu-nav {
        display: block
    }
}

.cl-stopwatch-dropdown-wrapper .cl-stopwatch-dropdown-label {
    white-space: nowrap;
    transform: translateY(2px)
}

.cl-stopwatch-dropdown-wrapper .cl-stopwatch-dropdown-input input.cl-input-time-picker, .cl-stopwatch-dropdown-wrapper .cl-stopwatch-dropdown-input input.cl-input-time-picker:focus, .cl-stopwatch-dropdown-wrapper .cl-stopwatch-dropdown-input input.cl-input-time-picker:hover {
    border: 1px solid #c6d2d9 !important;
    width: 80px;
    padding: 5px 0
}

.cl-stopwatch-dropdown-wrapper .cl-stopwatch-dropdown-day {
    color: #666;
    min-width: 75px
}

.cl-btn {
    text-transform: uppercase;
    min-width: 7.143rem
}

    .cl-btn-group-lg > .cl-btn, .cl-btn-group-sm > .cl-btn, .cl-btn.cl-btn-lg, .cl-btn.cl-btn-sm, .cl-btn.cl-reset-min-width {
        min-width: inherit
    }

.cl-btn-outline-light, .cl-btn-outline-light.cl-active, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle {
    border-color: #c6d2d9;
    color: #666;
    background: #fff;
    min-width: inherit;
    text-transform: none
}

    .cl-btn-outline-light.cl-active:active, .cl-btn-outline-light.cl-active:hover, .cl-btn-outline-light:active, .cl-btn-outline-light:hover, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle:active, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle:hover {
        border-color: #c6d2d9;
        color: #666;
        background: #e4eaee;
        box-shadow: none
    }

    .cl-btn-outline-light.cl-active:focus, .cl-btn-outline-light:focus, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle:focus {
        box-shadow: none;
        color: #666
    }

    .cl-btn-outline-light:not(:disabled):not(.cl-disabled).cl-active, .cl-btn-outline-light:not(:disabled):not(.cl-disabled):active, .cl-show > .cl-btn-outline-light.cl-dropdown-toggle {
        border-color: #c6d2d9
    }

.cl-min-width-40 {
    min-width: 2.8572rem
}

.cl-max-width-40 {
    max-width: 2.8572rem
}

.cl-min-height-40 {
    min-height: 2.8572rem
}

.cl-max-height-40 {
    max-height: 2.8572rem
}

.cl-btn-fixed-40 {
    min-width: 2.8572rem !important;
    max-width: 2.8572rem !important;
    min-height: 2.8572rem !important;
    max-height: 2.8572rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.cl-btn-outline-primary {
    background: #fff
}

.cl-nav-tabs.cl-custom-tabs-minimal {
    border-bottom: none
}

    .cl-nav-tabs.cl-custom-tabs-minimal .cl-nav-item {
        margin-bottom: 0;
        flex: 1 1 auto;
        text-align: center
    }

@media (min-width:768px) {
    .cl-nav-tabs.cl-custom-tabs-minimal .cl-nav-item {
        flex: 0 0 auto;
        text-align: left
    }
}

.cl-nav-tabs.cl-custom-tabs-minimal .cl-nav-link {
    font-size: .8571rem;
    color: #c6d2d9;
    border: none;
    border-bottom: 1px solid #c6d2d9;
    background: transparent;
    margin-right: 0
}

    .cl-nav-tabs.cl-custom-tabs-minimal .cl-nav-link:hover {
        color: #333
    }

    .cl-nav-tabs.cl-custom-tabs-minimal .cl-nav-link.cl-active {
        background: none;
        color: #333;
        border-color: #333
    }

.cl-nav-tabs .cl-nav-link {
    transition: all .2s ease-in-out;
    min-width: 7.143rem;
    text-align: center;
    color: #666;
    margin-right: .35715rem;
    background: #e4eaee;
    border-color: #c6d2d9
}

    .cl-nav-tabs .cl-nav-link:hover {
        background: #fff;
        border-color: #c6d2d9
    }

    .cl-nav-tabs .cl-nav-link.cl-active {
        background: #fff;
        border-bottom-color: transparent
    }

.cl-nav-link {
    text-transform: uppercase
}

.cl-scroll-tabs-wrapper {
    position: relative;
    z-index: 1
}

    .cl-scroll-tabs-wrapper .cl-scroll-tabs {
        overflow-x: auto;
        white-space: nowrap;
        overflow-y: hidden;
        flex-wrap: nowrap;
        border-bottom: none;
        margin-bottom: -1px !important
    }

        .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-nav-item {
            margin-bottom: 0
        }

            .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-nav-item .cl-nav-link {
                border: 1px solid #c6d2d9
            }

                .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-nav-item .cl-nav-link.cl-active, .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-nav-item .cl-nav-link:active {
                    border-bottom-color: #fff
                }

        .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-scroll-tab-left, .cl-scroll-tabs-wrapper .cl-scroll-tabs .cl-scroll-tab-right {
            display: none
        }

        .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active {
            padding: 0 2.07147rem
        }

            .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-nav-item:last-child .cl-nav-link {
                margin-right: 2.07147rem
            }

            .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                display: block;
                position: absolute
            }

                .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left .cl-nav-link, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right .cl-nav-link {
                    min-width: 2.1429rem;
                    max-width: 2.1429rem;
                    padding: .7143rem 0
                }

                    .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left .cl-nav-link:active, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left .cl-nav-link:focus, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left .cl-nav-link:hover, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right .cl-nav-link:active, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right .cl-nav-link:focus, .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right .cl-nav-link:hover {
                        border-bottom-color: #fff;
                        background: #fff
                    }

            .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left {
                left: 0
            }

                .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-left .cl-nav-link {
                    border-right: none;
                    border-top-right-radius: 0
                }

            .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right {
                right: -.35715rem
            }

                .cl-scroll-tabs-wrapper .cl-scroll-tabs.cl-scroll-tabs-active .cl-scroll-tab-right .cl-nav-link {
                    border-left: none;
                    border-top-left-radius: 0
                }

.cl-scroll-tabs-wrapper, ul[tabs] {
    scroll-behavior: smooth
}

.cl-chart-tabs-wrapper {
    padding: .35715rem 0 0
}

.cl-main-chart-wrapper {
    border-bottom: 1px solid #c6d2d9
}

    .cl-main-chart-wrapper:last-child {
        border: none
    }

.cl-main-chart-container {
    padding: .7143rem
}

@media (min-width:992px) {
    .cl-main-chart-container {
        padding: 1.4286rem
    }
}

.cl-main-horizontal-chart-container tbody {
    border: 0
}

.cl-main-horizontal-chart-container td {
    padding: 5px 10px;
    vertical-align: middle
}

.cl-main-horizontal-chart-container--label {
    max-width: 70px;
    width: 30%;
    text-align: left
}

@media (min-width:992px) {
    .cl-main-horizontal-chart-container--label {
        text-align: right
    }
}

.cl-main-horizontal-chart-container--progress {
    height: 25px;
    cursor: pointer
}

.cl-main-horizontal-chart-container--progress--bar {
    display: block;
    height: 100%;
    background: #f2f6f8;
    line-height: 25px
}

.cl-main-horizontal-chart-container--progress .popover-body, .cl-main-horizontal-chart-container--progress .tooltip {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 5px;
    color: #fff;
    opacity: 1 !important;
    background-color: #333
}

    .cl-main-horizontal-chart-container--progress .popover-body table, .cl-main-horizontal-chart-container--progress .popover-body tbody, .cl-main-horizontal-chart-container--progress .popover-body tr, .cl-main-horizontal-chart-container--progress .tooltip table, .cl-main-horizontal-chart-container--progress .tooltip tbody, .cl-main-horizontal-chart-container--progress .tooltip tr {
        background-color: #333;
        margin: 0;
        text-align: left
    }

    .cl-main-horizontal-chart-container--progress .popover-body td, .cl-main-horizontal-chart-container--progress .popover-body th, .cl-main-horizontal-chart-container--progress .tooltip td, .cl-main-horizontal-chart-container--progress .tooltip th {
        padding: 0 5px
    }

    .cl-main-horizontal-chart-container--progress .popover-body:before, .cl-main-horizontal-chart-container--progress .tooltip:before {
        visibility: hidden
    }

    .cl-main-horizontal-chart-container--progress .popover-body .tooltip-inner, .cl-main-horizontal-chart-container--progress .tooltip .tooltip-inner {
        display: inline-flex;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        background-color: #333;
        padding: 2px;
        font-size: 14px
    }

    .cl-main-horizontal-chart-container--progress .popover-body .cl-tooltip-label, .cl-main-horizontal-chart-container--progress .tooltip .cl-tooltip-label {
        min-width: 100px;
        max-width: 180px;
        text-align: left
    }

    .cl-main-horizontal-chart-container--progress .popover-body .cl-tooltip-duration, .cl-main-horizontal-chart-container--progress .tooltip .cl-tooltip-duration {
        margin: 0 10px
    }

.cl-horizontal-chart {
    width: 100%
}

.cl-horizontal-chart--progress {
    display: inline-flex;
    position: relative;
    height: 100%
}

.cl-horizontal-chart--progress--item {
    height: 100%
}

@media (min-width:768px) {
    .cl-chart-tabs-wrapper {
        padding: 1.4286rem 1.4286rem 0
    }
}

.cl-badge-same-entries, .cl-badge-tag {
    font-size: .8571rem;
    color: #02587f;
    background: #e1f5fe
}

    .cl-badge-same-entries:hover, .cl-badge-tag:hover {
        background: #b3e5fc
    }

    .cl-badge-tag.cl-no-hover, .cl-no-hover.cl-badge-same-entries {
        background: #e1f5fe
    }

.cl-badge-action {
    border-left: 1px dotted #999;
    margin-right: -3px;
    margin-left: .4762rem;
    padding: 0 .4762rem
}

    .cl-badge-action:last-child {
        margin-right: -.7143rem;
        margin-left: 0
    }

    .cl-badge-action img {
        height: .7143rem
    }

.cl-badge-tag-timetracker-entry, .time-tracker-recorder .cl-badge-same-entries, .time-tracker-recorder .cl-badge-tag {
    max-width: 200px
}

@media only screen and (min-width:1600px) {
    .cl-badge-tag-timetracker-entry, .time-tracker-recorder .cl-badge-same-entries, .time-tracker-recorder .cl-badge-tag {
        max-width: 400px
    }
}

.cl-badge-same-entries-wrapper:hover {
    text-decoration: none
}

.cl-badge-same-entries {
    display: flex;
    margin: 0 .7143rem;
    width: 1.643rem;
    height: 1.643rem;
    padding: 0;
    align-items: center;
    justify-content: center
}

    .cl-badge-same-entries.cl-extended {
        background: #b3e5fc
    }

.cl-badge.cl-badge-filter {
    position: absolute;
    top: -1.4286rem;
    right: -.7143rem;
    font-size: .7143rem;
    padding: 4px 6px;
    background: #03a9f4;
    color: #fff
}

@media (min-width:1366px) {
    .cl-badge.cl-badge-filter {
        top: -.35715rem;
        right: .35715rem
    }
}

.cl-badge-multicolumn {
    white-space: normal;
    text-align: left;
    line-height: normal
}

.cl-page-link {
    padding: .608rem 16px;
    transition: all .2s ease-in-out
}

.cl-page-item:hover .cl-page-link[disabled] {
    background: #fff
}

.cl-page-item.cl-disabled img, .cl-page-item .cl-page-link[disabled] img {
    opacity: .4
}

.cl-pagination-pages {
    padding: .608rem .75rem;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #c6d2d9;
    border-right: none;
    border-left: none
}

.cl-modal-header {
    align-items: center
}

    .cl-modal-header .cl-close {
        line-height: 0
    }

.cl-modal-sub-header {
    padding: .7143rem 1.4286rem;
    border-bottom: 1px solid #c6d2d9
}

.cl-modal-footer > :not(:first-child) {
    margin-left: 1.4286rem
}

.cl-modal-background, .modal-background {
    background-color: rgba(0,0,0,.31)
}

.cl-modal-scroll {
    max-height: 80vh
}

.modal-content {
    -webkit-animation-name: modal-content-in;
    animation-name: modal-content-in;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes modal-content-in {
    0% {
        transform: translateY(-2.8572rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes modal-content-in {
    0% {
        transform: translateY(-2.8572rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.modal-backdrop.show {
    -webkit-animation-name: backdrop-in;
    animation-name: backdrop-in;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes backdrop-in {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes backdrop-in {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

.cl-page-header-wrapper {
    margin-bottom: 1.4286rem
}

@media (min-width:992px) {
    .cl-page-header-wrapper {
        margin-bottom: 2.8572rem
    }
}

.cl-page-header-action {
    margin-right: .7143rem
}

    .cl-page-header-action:last-child {
        margin-right: 0
    }

.cl-custom-control-input:checked ~ .cl-custom-control-label:before {
    background-color: #03a9f4
}

.cl-custom-control-input:focus:not(:checked) ~ .cl-custom-control-label:before {
    border-color: #c6d2d9;
    box-shadow: 0 0 4px 1px #c6d2d9
}

.cl-custom-control-input:focus ~ .cl-custom-control-label:before {
    box-shadow: 0 0 4px 1px #90a4ae
}

.cl-custom-control-input:checked ~ .cl-custom-control-label:before {
    border-color: #03a9f4
}

.cl-custom-switch .cl-custom-control-label:after {
    background-color: #666
}

.cl-btn-color-picker {
    line-height: 0
}

    .cl-btn-color-picker.cl-dropdown-toggle:after {
        vertical-align: 7px
    }

.cl-color-picker-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4286rem;
    height: 1.4286rem;
    border-radius: 2px
}

    .cl-color-picker-item.cl-active:before {
        content: "";
        width: .7143rem;
        height: .7143rem;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
    }

.cl-color-picker-dropdown {
    padding: .7143rem;
    width: auto
}

    .cl-color-picker-dropdown .cl-color-picker-item {
        margin: 3px
    }

.cl-color-picker-item.red {
    background-color: #f44336
}

.cl-color-picker-item.pink {
    background-color: #e91e63
}

.cl-color-picker-item.purple {
    background-color: #9c27b0
}

.cl-color-picker-item.deep-purple {
    background-color: #673ab7
}

.cl-color-picker-item.indigo {
    background-color: #3f51b5
}

.cl-color-picker-item.blue {
    background-color: #03a9f4
}

.cl-color-picker-item.cyan {
    background-color: #00bcd4
}

.cl-color-picker-item.teal {
    background-color: #009688
}

.cl-color-picker-item.green {
    background-color: #4caf50
}

.cl-color-picker-item.light-green {
    background-color: #8bc34a
}

.cl-color-picker-item.amber {
    background-color: #ffc107
}

.cl-color-picker-item.orange {
    background-color: #ff9800
}

.cl-color-picker-item.deep-orange {
    background-color: #ff5722
}

.cl-color-picker-item.brown {
    background-color: #795548
}

.cl-color-picker-item.blue-gray-1 {
    background-color: #f2f6f8
}

.cl-color-picker-item.blue-gray-2 {
    background-color: #e4eaee
}

.cl-color-picker-item.blue-gray-3 {
    background-color: #c6d2d9
}

.cl-color-picker-item.blue-gray-4 {
    background-color: #90a4ae
}

.cl-color-picker-item.blue-gray-5 {
    background-color: #78909c
}

.cl-color-picker-item.blue-gray-6 {
    background-color: #607d8b
}

.cl-color-picker-item.blue-gray-7 {
    background-color: #546e7a
}

.cl-color-picker-item.blue-gray-8 {
    background-color: #455a64
}

.cl-color-picker-item.blue-gray-9 {
    background-color: #37474f
}

.cl-color-picker-item.blue-gray-10 {
    background-color: #263238
}

.cl-color-picker-item.blue-gray-11 {
    background-color: #1d272c
}

.cl-color-picker-item.blue-gray-12 {
    background-color: #12191d
}

.cl-color-picker-item.yellow {
    background-color: #fbc02d
}

.cl-color-picker-item.white {
    background-color: #fff
}

.cl-color-picker-item.gray {
    background-color: #6c757d
}

.cl-color-picker-item.gray-dark {
    background-color: #343a40
}

.cl-color-picker-item.blue-gray {
    background-color: #607d8b
}

.cl-upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

    .cl-upload-btn-wrapper:hover {
        cursor: pointer
    }

    .cl-upload-btn-wrapper input[type=file] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0
    }

.cl-input-has-clear {
    padding-right: 2.1429rem
}

.cl-clear-input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    width: 2.8572rem;
    height: 2.8572rem;
    display: flex;
    justify-content: center;
    align-items: center
}

input::-webkit-input-placeholder {
    color: #999 !important
}

input::-moz-placeholder {
    color: #999 !important
}

input::-ms-input-placeholder {
    color: #999 !important
}

input::placeholder {
    color: #999 !important
}

.cl-form-help-text {
    color: #999;
    font-size: .8571rem;
    margin-top: .35715rem
}

.cl-form-control.cl-is-invalid {
    background: none
}

    .cl-form-control.cl-is-invalid.cl-input-timetracker-main {
        border: 1px solid #fff;
        box-shadow: inset 2px 0 #f44336
    }

        .cl-form-control.cl-is-invalid.cl-input-timetracker-main:focus, .cl-form-control.cl-is-invalid.cl-input-timetracker-main:hover {
            box-shadow: inset 2px 0 #f44336;
            border: 1px solid #f2f6f8;
            border-left-color: #fff
        }

.cl-redesign .reset-cl-form-control .cl-input-time-picker {
    width: 100%;
    padding: .608rem .75rem;
    height: calc(2.716rem + 2px);
    border: 1px solid #c6d2d9;
    background-color: #fff
}

    .cl-redesign .reset-cl-form-control .cl-input-time-picker:hover {
        border: 1px solid #c6d2d9 !important;
        background-color: #fff !important
    }

    .cl-redesign .reset-cl-form-control .cl-input-time-picker:focus {
        border: 1px solid #90a4ae !important;
        background-color: #fff !important
    }

.cl-alert-reset-main {
    margin: 0 .7143rem
}

@media (min-width:992px) {
    .cl-alert-reset-main {
        margin: -1.4286rem .7143rem 0
    }
}

.cl-alert {
    display: flex;
    align-items: center
}

    .cl-alert .cl-btn {
        text-transform: none;
        margin: 0 .7143rem;
        padding: .125rem .5rem;
        min-width: auto;
        color: #fff !important
    }

@media (min-width:992px) {
    .cl-dropdown-menu ::-webkit-scrollbar {
        width: 4px
    }

    .cl-dropdown-menu ::-webkit-scrollbar-track {
        background: transparent
    }

    .cl-dropdown-menu ::-webkit-scrollbar-thumb {
        background: #03a9f4
    }

        .cl-dropdown-menu ::-webkit-scrollbar-thumb:hover {
            background: #333
        }
}

.cl-cut-text-wrapper {
    flex: 1;
    min-width: 0
}

.cl-badge-tag-timetracker-entry, .cl-cut-text, .cl-input-description, .time-tracker-recorder .cl-badge-same-entries, .time-tracker-recorder .cl-badge-tag {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.cl-cut-text-wrap {
    text-overflow: ellipsis;
    overflow: hidden
}

.cl-cut-text-wrapper-td {
    max-width: 0
}

.cl-add-shadow-default {
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.cl-add-shadow-popup {
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.cl-hover-shadow {
    transition: all .2s ease-in-out
}

    .cl-hover-shadow:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1)
    }

.cl-row-hover-shadow {
    display: contents
}

    .cl-row-hover-shadow tr {
        transition: all .2s ease-in-out
    }

    .cl-row-hover-shadow:hover tr:first-child {
        box-shadow: 0 0 20px rgba(0,0,0,.1)
    }

    .cl-row-hover-shadow:hover tr:nth-child(2) {
        box-shadow: 0 5px 10px rgba(0,0,0,.1)
    }

.cl-lh-0 {
    line-height: 0 !important
}

.cl-lh-1 {
    line-height: 1 !important
}

.cl-add-lh {
    line-height: 2rem !important
}

.cl-lowercase {
    text-transform: none !important
}

.cl-hover-pointer:hover {
    cursor: pointer
}

.cl-white-space-normal {
    white-space: normal
}

.cl-not-active {
    opacity: .4
}

.cl-cursor-default {
    cursor: default
}

.cl-w-25 {
    width: 25% !important
}

@media (min-width:576px) {
    .cl-w-sm-25 {
        width: 25% !important
    }
}

@media (min-width:768px) {
    .cl-w-md-25 {
        width: 25% !important
    }
}

@media (min-width:992px) {
    .cl-w-lg-25 {
        width: 25% !important
    }
}

@media (min-width:1200px) {
    .cl-w-xl-25 {
        width: 25% !important
    }
}

.cl-w-50 {
    width: 50% !important
}

@media (min-width:576px) {
    .cl-w-sm-50 {
        width: 50% !important
    }
}

@media (min-width:768px) {
    .cl-w-md-50 {
        width: 50% !important
    }
}

@media (min-width:992px) {
    .cl-w-lg-50 {
        width: 50% !important
    }
}

@media (min-width:1200px) {
    .cl-w-xl-50 {
        width: 50% !important
    }
}

.cl-w-75 {
    width: 75% !important
}

@media (min-width:576px) {
    .cl-w-sm-75 {
        width: 75% !important
    }
}

@media (min-width:768px) {
    .cl-w-md-75 {
        width: 75% !important
    }
}

@media (min-width:992px) {
    .cl-w-lg-75 {
        width: 75% !important
    }
}

@media (min-width:1200px) {
    .cl-w-xl-75 {
        width: 75% !important
    }
}

.cl-w-100 {
    width: 100% !important
}

@media (min-width:576px) {
    .cl-w-sm-100 {
        width: 100% !important
    }
}

@media (min-width:768px) {
    .cl-w-md-100 {
        width: 100% !important
    }
}

@media (min-width:992px) {
    .cl-w-lg-100 {
        width: 100% !important
    }
}

@media (min-width:1200px) {
    .cl-w-xl-100 {
        width: 100% !important
    }
}

.cl-w-auto {
    width: auto !important
}

@media (min-width:576px) {
    .cl-w-sm-auto {
        width: auto !important
    }
}

@media (min-width:768px) {
    .cl-w-md-auto {
        width: auto !important
    }
}

@media (min-width:992px) {
    .cl-w-lg-auto {
        width: auto !important
    }
}

@media (min-width:1200px) {
    .cl-w-xl-auto {
        width: auto !important
    }
}

.cl-relative {
    position: relative
}

.cl-absolute {
    position: absolute
}

.cl-t-0 {
    top: 0
}

.cl-r-0 {
    right: 0
}

.cl-b-0 {
    bottom: 0
}

.cl-l-0 {
    left: 0
}

.cl-xl-down-l-0, .cl-xl-down-l-0-wrapper .cl-dropdown-menu {
    left: 0;
    right: auto
}

@media (max-width:1365px) {
    .cl-lg-custom-down-l-0, .cl-lg-custom-down-l-0-wrapper .cl-dropdown-menu {
        left: 0 !important;
        right: auto !important
    }
}

@media (max-width:1199.98px) {
    .cl-lg-down-l-0, .cl-lg-down-l-0-wrapper .cl-dropdown-menu {
        left: 0;
        right: auto
    }
}

@media (max-width:991.98px) {
    .cl-md-down-l-0, .cl-md-down-l-0-wrapper .cl-dropdown-menu {
        left: 0;
        right: auto
    }
}

@media (max-width:767.98px) {
    .cl-sm-down-l-0, .cl-sm-down-l-0-wrapper .cl-dropdown-menu {
        left: 0;
        right: auto
    }
}

.cl-xl-down-r-0, .cl-xl-down-r-0-wrapper .cl-dropdown-menu {
    right: 0;
    left: auto
}

@media (max-width:1365px) {
    .cl-lg-custom-down-r-0, .cl-lg-custom-down-r-0-wrapper .cl-dropdown-menu, groups-tab dropdown-filter .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (max-width:1199.98px) {
    .cl-lg-down-r-0, .cl-lg-down-r-0-wrapper .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (max-width:991.98px) {
    .cl-md-down-r-0, .cl-md-down-r-0-wrapper .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (max-width:767.98px) {
    .cl-sm-down-r-0, .cl-sm-down-r-0-wrapper .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

.cl-parent-indigo .cl-border-color {
    border-color: #3f51b5 !important
}

.cl-parent-indigo .cl-text-color {
    color: #3f51b5 !important
}

.cl-parent-indigo .cl-dynamic-color path {
    stroke: #3f51b5
}

.cl-parent-blue .cl-border-color {
    border-color: #03a9f4 !important
}

.cl-parent-blue .cl-text-color {
    color: #03a9f4 !important
}

.cl-parent-blue .cl-dynamic-color path {
    stroke: #03a9f4
}

.cl-parent-pink .cl-border-color {
    border-color: #e91e63 !important
}

.cl-parent-pink .cl-text-color {
    color: #e91e63 !important
}

.cl-parent-pink .cl-dynamic-color path {
    stroke: #e91e63
}

.cl-parent-purple .cl-border-color {
    border-color: #9c27b0 !important
}

.cl-parent-purple .cl-text-color {
    color: #9c27b0 !important
}

.cl-parent-purple .cl-dynamic-color path {
    stroke: #9c27b0
}

.cl-checkmark-svg {
    width: 15px;
    height: 13px
}

    .cl-checkmark-svg path {
        stroke-width: 3px;
        stroke: #4caf50
    }

    .cl-checkmark-svg.cl-indigo path {
        stroke: #3f51b5
    }

    .cl-checkmark-svg.cl-purple path {
        stroke: #9c27b0
    }

    .cl-checkmark-svg.cl-pink path {
        stroke: #e91e63
    }

.cl-nav-links-sm {
    font-size: .8571rem
}

    .cl-nav-links-sm .cl-nav-link {
        text-transform: none
    }

        .cl-nav-links-sm .cl-nav-link:hover {
            text-decoration: underline
        }

.cl-row-cards {
    display: flex;
    flex-wrap: wrap
}

    .cl-row-cards > div[class*=cl-col-] {
        display: flex
    }

        .cl-row-cards > div[class*=cl-col-] .card {
            width: 100%
        }

.cl-no-outline {
    outline: none
}

.cl-disabled-light {
    opacity: .6;
    cursor: not-allowed
}

.cl-dotted-border-bottom {
    border-bottom: 1px dotted #c6d2d9
}

.cl-load-more {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative;
    top: 12px;
    background: #fff;
    padding: 0 15px
}

.cl-dashboard__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cl-reports__loader {
    z-index: 16777271;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    text-align: center
}

.pointer {
    cursor: pointer
}

.cl-non-selectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointerevent {
    pointer-events: none
}

@media (min-width:992px) {
    .cl-add-border-left-lg {
        border-left: 1px dotted #c6d2d9;
        padding-left: .7143rem;
        min-height: 2.8572rem
    }
}

@media screen and (max-width:320px) {
    .remove-320-minus {
        display: none
    }
}

.cl-no-image-wrapper, .cl-no-image-wrapper-lg, .cl-no-image-wrapper-md, .cl-no-image-wrapper-sm {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    color: #fff;
    background: #3f51b5
}

.cl-no-image-wrapper-sm {
    min-width: 32px;
    min-height: 32px
}

.cl-no-image-wrapper-md {
    min-width: 24px;
    min-height: 24px;
    font-size: 80%
}

@media (min-width:992px) {
    .cl-no-image-wrapper-md {
        min-width: 40px;
        min-height: 40px;
        font-size: 120%
    }
}

.cl-no-image-wrapper-lg {
    min-width: 66.6666666667px;
    min-height: 66.6666666667px;
    margin-right: 1.07145rem;
    font-size: 200%
}

@media (min-width:992px) {
    .cl-no-image-wrapper-lg {
        min-width: 100px;
        min-height: 100px;
        font-size: 300%
    }
}

.cl-avatar-image {
    border-radius: 50%;
    min-width: 100%;
    max-width: 100% !important;
    height: 100%
}

aside .cl-avatar-image {
    width: 32px !important;
    height: 32px !important
}

.cl-bg-red {
    background: #f44336
}

.cl-bg-pink {
    background: #e91e63
}

.cl-bg-purple {
    background: #9c27b0
}

.cl-bg-deep-purple {
    background: #673ab7
}

.cl-bg-indigo {
    background: #3f51b5
}

.cl-bg-blue {
    background: #03a9f4
}

.cl-bg-cyan {
    background: #00bcd4
}

.cl-bg-teal {
    background: #009688
}

.cl-bg-green {
    background: #4caf50
}

.cl-bg-light-green {
    background: #8bc34a
}

.cl-bg-amber {
    background: #ffc107
}

.cl-bg-orange {
    background: #ff9800
}

.cl-bg-deep-orange {
    background: #ff5722
}

.cl-bg-brown {
    background: #795548
}

.cl-bg-yellow {
    background: #fbc02d
}

.cl-bg-info-light {
    background: #e1f5fe
}

@media print {
    a {
        text-decoration: none !important
    }

        a[href]:after {
            content: none !important
        }

    .modal-open .cl-main-wrapper {
        display: none
    }

    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible !important
    }

        .modal .modal-dialog {
            max-width: 100%;
            align-items: start !important
        }

        .modal .cl-close, .modal .cl-modal-footer, .modal i {
            display: none !important
        }

    .cl-dropdown-toggle:after, .cl-nav-tabs {
        display: none
    }

    .cl-card {
        border: none
    }

    table.cl-table.cl-table-bordered {
        border: 1px solid transparent !important
    }

    .cl-projects-table .cl-entry__project__dot {
        display: none
    }

    .cl-projects-table th:first-of-type, .cl-projects-table th:nth-of-type(2), .cl-projects-table th:nth-of-type(3) {
        display: table-cell !important
    }

        .cl-projects-table th:first-of-type a, .cl-projects-table th:nth-of-type(2) a, .cl-projects-table th:nth-of-type(3) a {
            display: inline-flex !important
        }

        .cl-projects-table th:first-of-type img, .cl-projects-table th:nth-of-type(2) img, .cl-projects-table th:nth-of-type(3) img, .cl-projects-table th:nth-of-type(4), .cl-projects-table th:nth-of-type(5), .cl-projects-table th:nth-of-type(6) {
            display: none
        }

    .cl-projects-table td:first-of-type {
        width: 50%
    }

    .cl-projects-table td:nth-of-type(2) .cl-component-divided-left, .cl-projects-table td:nth-of-type(2) .cl-justify-content-center, .cl-projects-table td:nth-of-type(3) .cl-component-divided-left, .cl-projects-table td:nth-of-type(3) .cl-justify-content-center {
        justify-content: flex-start !important
    }

    .cl-projects-table td:nth-of-type(4), .cl-projects-table td:nth-of-type(5), .cl-projects-table td:nth-of-type(6) {
        display: none
    }

    .cl-project-table-status-tasks a {
        display: inline-flex !important
    }

    .cl-project-table-status-tasks td:nth-of-type(2) .cl-component-divided-left, .cl-project-table-status-tasks td:nth-of-type(2) .cl-justify-content-center, .cl-project-table-status-tasks td:nth-of-type(3) .cl-component-divided-left, .cl-project-table-status-tasks td:nth-of-type(3) .cl-justify-content-center {
        justify-content: flex-start !important
    }

    .cl-project-table-status-tasks th:nth-of-type(5) .cl-justify-content-lg-end {
        justify-content: flex-end !important
    }

    .cl-project-table-status-tasks td:first-of-type {
        width: 25%
    }

    .cl-project-table-status-tasks td:nth-of-type(5) .cl-component-divided-left, .cl-project-table-status-tasks td:nth-of-type(5) .cl-justify-content-center {
        justify-content: flex-end !important
    }

    tbody tr.timesheet-row-component:nth-last-child(2) {
        display: none
    }

    .timesheet-row-component .td.cl-timesheet-input-td {
        padding: 0 !important
    }

    .timesheet-row-component .cl-entry__project__dot {
        display: none
    }

    .timesheet-row-component .cl-form-control-sm {
        padding: 0 !important;
        width: 48px !important;
        border: none
    }

    .timesheet-row-component .cl-cut-text-wrapper-td {
        min-width: 25% !important;
        width: 25% !important
    }

    .timesheet-row-component .cl-timesheet-total-td {
        padding: 0 10px 0 0 !important;
        width: 90px !important
    }

    .timesheet-total-pr {
        padding: 0 !important
    }

    .cl-table-timesheet .cl-table-footer td.cl-text-center {
        text-align: left !important
    }
}

.cl-custom-tooltip {
    position: relative
}

    .cl-custom-tooltip .cl-top {
        width: 320px;
        top: -1.4286rem;
        left: 50%;
        transform: translate(-50%,-100%);
        padding: .7143rem;
        color: #fff;
        background-color: #333;
        border-radius: 2px;
        position: absolute;
        z-index: 1070;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        display: none
    }

    .cl-custom-tooltip:hover .cl-top {
        display: block
    }

    .cl-custom-tooltip .cl-top i {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -12px;
        width: 24px;
        height: 12px;
        overflow: hidden
    }

        .cl-custom-tooltip .cl-top i:after {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            left: 50%;
            transform: translate(-50%,-50%) rotate(45deg);
            background-color: #333;
            box-shadow: 0 0 20px rgba(0,0,0,.1)
        }

.cl-custom-tooltip-row {
    display: flex;
    width: 100%;
    justify-content: space-between
}

    .cl-custom-tooltip-row:nth-child(2) {
        margin-top: .7143rem
    }

.cl-custom-tooltip-col-right {
    display: flex;
    justify-content: space-between;
    text-align: right;
    margin-left: .7143rem
}

    .cl-custom-tooltip-col-right span:last-child {
        color: #999;
        min-width: 55px;
        margin-left: 5px
    }

.cl-custom-tooltip-footer {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .8571rem;
    border-top: 1px dotted #666;
    margin-top: .7143rem;
    padding-top: .35715rem
}

    .cl-custom-tooltip-footer img {
        margin-right: .7143rem
    }

.cl-custom-tooltip .cl-top .cl-tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden
}

    .cl-custom-tooltip .cl-top .cl-tooltip-arrow:after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        background-color: #333;
        box-shadow: 0 0 20px rgba(0,0,0,.1)
    }

.cl-custom-tooltip-currency {
    display: inline-block;
    color: #999
}

    .cl-custom-tooltip-currency:first-letter {
        padding-left: 10px
    }

.cl-custom-tooltip table {
    background-color: #333;
    margin-bottom: 0
}

    .cl-custom-tooltip table tbody {
        background-color: #333;
        border: 0
    }

        .cl-custom-tooltip table tbody tr {
            background-color: #333 !important
        }

            .cl-custom-tooltip table tbody tr td, .cl-custom-tooltip table tbody tr th {
                max-width: 170px
            }

            .cl-custom-tooltip table tbody tr th {
                padding: 2px 5px
            }

            .cl-custom-tooltip table tbody tr td {
                padding: 0 5px
            }

            .cl-custom-tooltip table tbody tr:first-child {
                padding: 5px 0
            }

.tooltip-recorder {
    position: absolute;
    background: #444;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 25px 0 20px 20px;
    left: -20px;
    padding: 10px
}

    .tooltip-recorder .center-x {
        left: 50%;
        transform: translateX(-50%)
    }

.tooltip-recorder__arrow-up {
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #444
}

.tooltip_start_tracking {
    margin-top: 25px;
    width: 100px;
    z-index: 1
}

    .tooltip_start_tracking .tooltip-recorder__arrow-up {
        left: 50%;
        transform: translateX(-50%)
    }

.tooltip_categorize {
    width: 150px;
    left: -50px;
    z-index: 1
}

.tooltip_manually {
    top: 40px;
    position: absolute;
    right: 0;
    left: auto;
    text-align: center;
    z-index: 1
}

.cl-toast-wrapper {
    position: fixed;
    z-index: 1070;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    bottom: 0;
    right: 0;
    padding: 0 1.4286rem 1.4286rem
}

@media (min-width:992px) {
    .cl-toast-wrapper {
        padding: 0 1.4286rem 1.4286rem 0
    }
}

.cl-toast-wrapper .cl-toast {
    width: 100%;
    background: #fff;
    border-color: transparent
}

@media (min-width:992px) {
    .cl-toast-wrapper .cl-toast {
        width: 320px
    }
}

.cl-toast-wrapper .cl-toast .cl-close {
    color: #999;
    opacity: 1;
    font-weight: 100;
    text-shadow: none
}

    .cl-toast-wrapper .cl-toast .cl-close:hover {
        color: #666;
        opacity: 1
    }

.cl-toast-wrapper .cl-toast.cl-colored .cl-close {
    color: #ccc
}

    .cl-toast-wrapper .cl-toast.cl-colored .cl-close:hover {
        color: #fff
    }

@media (min-width:992px) {
    .cl-upgrade-wrapper {
        margin-top: -1.4286rem
    }
}

.cl-upgrade-row {
    flex-wrap: wrap
}

.cl-upgrade-col {
    min-height: 50%
}

@media (min-width:768px) {
    .cl-upgrade-switchers label {
        width: 218px
    }
}

.cl-upgrade-companies {
    display: flex;
    flex-direction: column;
    margin: 2.8572rem 0 2.1429rem;
    text-align: center
}

.cl-clients-logos-container {
    display: flex;
    width: 10%;
    float: left;
    padding: 1.07145rem
}

@media (max-width:1199.98px) {
    .cl-clients-logos-container {
        width: 20%;
        padding: 1.4286rem 1.07145rem
    }
}

@media (max-width:991.98px) {
    .cl-clients-logos-container {
        width: 50%
    }
}

.cl-clients-logos-container img {
    width: 100%;
    height: 2.8572rem;
    max-height: 2.8572rem
}

@media (max-width:1199.98px) {
    .cl-clients-logos-container img {
        height: 2.1429rem;
        max-height: 2.1429rem
    }
}

@media (max-width:991.98px) {
    .cl-clients-logos-container img {
        height: 2.8572rem;
        max-height: 2.8572rem;
        width: 50%;
        margin: 0 auto
    }
}

.cl-faq-divider {
    height: 2px;
    width: 100px;
    background: #c6d2d9;
    margin: 2.8572rem 0
}

.cl-premium-badge {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px
}

    .cl-premium-badge:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-color: transparent #e91e63 transparent transparent;
        border-style: solid;
        border-width: 0 50px 50px 0
    }

    .cl-premium-badge span {
        z-index: 1;
        margin-top: -21px;
        margin-right: -21px;
        color: #fff;
        font-size: 20px
    }

.cl-starting-from {
    top: -1.07145rem
}

@media (min-width:992px) {
    .cl-starting-from {
        top: -1.4286rem
    }
}

.cl-or-divider {
    display: flex;
    justify-content: center;
    align-items: center
}

    .cl-or-divider span {
        padding: 0 .7143rem
    }

    .cl-or-divider:after, .cl-or-divider:before {
        content: "";
        display: block;
        background: #c6d2d9;
        width: 100%;
        height: 1px
    }

.cl-signup-logo {
    width: 18px;
    max-width: 18px;
    height: 18px;
    max-height: 18px;
    position: absolute
}

.cl-sign-up-wrapper {
    min-height: 100vh;
    background: #f2f6f8
}

    .cl-sign-up-wrapper main {
        margin-top: 0;
        margin-left: 0;
        padding: 0;
        flex-flow: wrap
    }

.cl-sign-up-container {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
    background: url(clock.a49c689d7fa69e58cddc.png) 50% no-repeat
}

.cl-sign-up-form {
    padding: 2.1429rem;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.cl-sign-in-promo {
    display: flex;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(180deg,#673ab7,#3f51b5,#00bcd4);
    background-size: 600% 600%;
    -webkit-animation: anim-grad 9s ease infinite;
    animation: anim-grad 9s ease infinite
}

@-webkit-keyframes anim-grad {
    0% {
        background-position: 50% 0
    }

    50% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

@keyframes anim-grad {
    0% {
        background-position: 50% 0
    }

    50% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

.rotating-loader-logo-wrapper-bg-inapp {
    background: rgba(0,0,0,.08) !important
}

.chart-legend-wrapper {
    display: flex;
    justify-content: center
}

.chart-legend-item {
    display: flex;
    align-items: center;
    margin: 0 .35715rem
}

.chart-legend-item-color {
    width: 1rem;
    height: 1rem;
    margin-right: .35715rem;
    border-radius: 2px
}

    .chart-legend-item-color.chart-legend-item-color-billable {
        background: #8bc34a
    }

    .chart-legend-item-color.chart-legend-item-color-non-billable {
        background: #aed581
    }

    .chart-legend-item-color.chart-legend-item-color-remaining {
        background: #e4eaee
    }

.chart-legend-item-text {
    color: #666;
    font-size: .8571rem
}

.cl-cf-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: .7143rem;
    padding: .7143rem;
    border: 1px solid #c6d2d9;
    min-height: 67px;
    background: #fff
}

    .cl-cf-holder:last-child {
        margin-bottom: 0
    }

    .cl-cf-holder.cl-cf-holder-empty {
        border-style: dashed
    }

    .cl-cf-holder.cl-cf-holder-visible {
        border-color: #03a9f4
    }

        .cl-cf-holder.cl-cf-holder-visible:last-child {
            margin-bottom: .7143rem
        }

    .cl-cf-holder .cl-cf-holder-drop-here {
        text-transform: uppercase;
        color: #e4eaee;
        text-align: center
    }

    .cl-cf-holder .cl-card-header {
        transition: all .2s ease-in-out;
        cursor: -webkit-grab;
        cursor: grab
    }

        .cl-cf-holder .cl-card-header:active {
            cursor: -webkit-grabbing;
            cursor: grabbing;
            box-shadow: 0 5px 10px rgba(0,0,0,.1)
        }

.cl-cf-preview {
    padding: 1.4286rem
}

.mat-expansion-panel-header {
    display: initial !important
}

.mat-expansion-indicator {
    display: none
}

.mat-content {
    display: block !important
}

.mat-expansion-panel-body, .mat-expansion-panel-header {
    padding: 0 !important
}

    .mat-expansion-panel-header:hover, .mat-expansion-panel-header[tabindex="-1"]:focus {
        outline: 0 !important
    }

.mat-expansion-panel-content {
    display: none !important
}

.mat-expanded .mat-expansion-panel-content {
    display: block !important
}

.cdk-drag-preview {
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.cdk-drag-placeholder {
    opacity: 0
}

.cdk-drag-animating {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.cl-collapse {
    background: #fff !important
}

.cl-cf-col {
    max-width: 100%;
    flex-basis: 100%;
    margin: .7143rem 0
}

@media (min-width:992px) {
    .cl-cf-col {
        max-width: 20%;
        margin: 0
    }
}

.cl-cf-dropdown {
    height: 25px
}

time-tracker-entry custom-field-value [type=text] {
    height: auto !important
}

[tabindex="-1"]:focus {
    outline: 2px auto !important;
    outline: 2px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
    outline-color: #03a9f4 !important
}

[tabindex="0"]:focus {
    outline-color: #03a9f4 !important
}

.cl-no-focus-tabindex:focus, [dropdownClose], [tabFocus], ngb-modal-backdrop[tabindex="-1"]:focus, ngb-modal-window[tabindex="-1"]:focus {
    outline: none !important
}

.cl-pointer-events-none {
    pointer-events: none
}

.cl-datepickerrange {
    color: #666
}

    .cl-datepickerrange:active, .cl-datepickerrange:focus, .cl-datepickerrange:hover {
        border-color: #c6d2d9;
        color: #666;
        background: #fff
    }

.cl-datepicker-wrapper .cl-datepicker-fake-input {
    position: absolute;
    width: 100%;
    z-index: 1;
    opacity: 1 !important
}

    .cl-datepicker-wrapper .cl-datepicker-fake-input span {
        text-align: center !important;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

.cl-datepicker-wrapper:hover .cl-datepicker-fake-input {
    display: none
}

a.cl-dropdown-toggle {
    text-decoration: none
}

.cl-dropdown.cl-disabled .cl-dropdown-item-label {
    padding-right: 0
}

    .cl-dropdown.cl-disabled .cl-dropdown-item-label:after {
        content: none
    }

.cl-text-right .cl-input-time-picker {
    text-align: right
}

.recorder-project-wrapper {
    max-width: 200px
}

@media (min-width:768px) {
    .recorder-project-wrapper {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .recorder-project-wrapper {
        max-width: 500px
    }
}

@media (min-width:1366px) {
    .recorder-project-wrapper {
        max-width: 200px
    }
}

@media only screen and (min-width:1600px) {
    .recorder-project-wrapper {
        max-width: 400px
    }
}

@media only screen and (max-width:1365px) {
    .recorder-project-wrapper project-picker2 .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (max-width:991.98px) {
    .recorder-project-wrapper {
        margin-right: 0
    }
}

@media only screen and (min-width:1600px) {
    .recorder-project-wrapper.cl-recorder-has-tags {
        max-width: 300px
    }
}

.cl-empty-element {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    outline: none
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.cl-fake-input-wrapper {
    position: relative;
    display: block;
    height: 2.8572rem
}

    .cl-fake-input-wrapper input {
        position: absolute !important;
        left: 0;
        top: 0;
        width: 100%
    }

    .cl-fake-input-wrapper .cl-fake-input {
        width: 100%;
        min-width: 100px;
        max-width: 100%;
        z-index: -1;
        position: relative;
        opacity: 0;
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.cl-clear-btn {
    right: 0;
    width: 35px;
    top: 0;
    vertical-align: middle;
    justify-content: center;
    display: flex;
    align-items: center
}

.cl-blocker, .cl-clear-btn {
    position: absolute;
    height: 100%
}

.cl-blocker {
    width: 100%;
    background: #fff;
    opacity: .6;
    z-index: 1
}

.cl-mouse-resizer {
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    right: -2px;
    bottom: -2px;
    cursor: nwse-resize;
    background: url(drag-corner.c4a81e558939810b3031.png) no-repeat
}

.cl-editable-fake-textarea {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

parent-tracker-entry, time-tracker-entry {
    border-bottom: 1px solid #c6d2d9
}

    parent-tracker-entry [type=text], time-tracker-entry [type=text] {
        height: 2.8572rem !important
    }

@media (max-width:991.98px) {
    parent-tracker-entry .tt-entry-hide-mob, time-tracker-entry .tt-entry-hide-mob {
        display: none !important
    }
}

@media (max-width:991.98px) {
    parent-tracker-entry .tt-entry-show-mob, time-tracker-entry .tt-entry-show-mob {
        display: flex !important
    }

        parent-tracker-entry .tt-entry-show-mob .tag-icon, time-tracker-entry .tt-entry-show-mob .tag-icon {
            display: none
        }

        parent-tracker-entry .tt-entry-show-mob .tag-text, time-tracker-entry .tt-entry-show-mob .tag-text {
            display: block
        }
}

@media screen and (max-width:1068px) and (min-width:991px) {
    parent-tracker-entry .cl-component-divided-left, time-tracker-entry .cl-component-divided-left {
        padding: 0 .7143rem
    }

        parent-tracker-entry .cl-component-divided-left:before, time-tracker-entry .cl-component-divided-left:before {
            display: none
        }

    parent-tracker-entry .cl-tree-dots, time-tracker-entry .cl-tree-dots {
        margin-right: .7143rem
    }
}

parent-tracker-entry .cl-form-control-sm[type=text] {
    height: calc(1.69994rem + 2px) !important
}

time-tracker-entry.cl-collapse {
    display: block;
    background: #f6fcff !important
}

    time-tracker-entry.cl-collapse:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1)
    }

.cl-editable-fake-textarea, .cl-editable-textarea {
    padding: .7143rem;
    line-height: 1.6;
    box-sizing: border-box
}

.cl-redesign .cl-typo-reset {
    min-height: 200px;
    box-sizing: border-box;
    font-weight: 400;
    font-style: normal;
    color: #333 !important;
    padding: .7143rem;
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

    .cl-redesign .cl-typo-reset:hover {
        border-color: #90a4ae;
        cursor: pointer
    }

    .cl-redesign .cl-typo-reset h1, .cl-redesign .cl-typo-reset h2, .cl-redesign .cl-typo-reset h3, .cl-redesign .cl-typo-reset h4, .cl-redesign .cl-typo-reset h5, .cl-redesign .cl-typo-reset h6 {
        margin: .6em 0;
        font-weight: 400;
        color: #333 !important
    }

    .cl-redesign .cl-typo-reset h1 {
        font-size: 2.625em !important;
        line-height: 1.2 !important
    }

    .cl-redesign .cl-typo-reset h2 {
        font-size: 1.625em !important;
        line-height: 1.2 !important
    }

    .cl-redesign .cl-typo-reset h3 {
        font-size: 1.3125em !important;
        line-height: 1.24 !important
    }

    .cl-redesign .cl-typo-reset h4 {
        font-size: 1.1875em !important;
        line-height: 1.23 !important
    }

    .cl-redesign .cl-typo-reset h5, .cl-redesign .cl-typo-reset h6 {
        font-size: 1em !important;
        font-weight: bolder !important
    }

    .cl-redesign .cl-typo-reset ol, .cl-redesign .cl-typo-reset ul {
        margin-left: 1.25rem
    }

    .cl-redesign .cl-typo-reset ul {
        list-style-type: disc;
        list-style-position: inside
    }

        .cl-redesign .cl-typo-reset ul p {
            display: inline
        }

    .cl-redesign .cl-typo-reset ol {
        list-style-type: decimal;
        list-style-position: inside
    }

        .cl-redesign .cl-typo-reset ol p {
            display: inline
        }

        .cl-redesign .cl-typo-reset ol ul, .cl-redesign .cl-typo-reset ul ul {
            list-style-type: circle;
            list-style-position: inside;
            margin-left: 1.07145rem
        }

        .cl-redesign .cl-typo-reset ol ol, .cl-redesign .cl-typo-reset ul ol {
            list-style-type: lower-latin;
            list-style-position: inside;
            margin-left: 1.07145rem
        }

    .cl-redesign .cl-typo-reset blockquote {
        padding-top: 0;
        padding-bottom: 0;
        border-color: #333
    }

        .cl-redesign .cl-typo-reset blockquote, .cl-redesign .cl-typo-reset blockquote p {
            color: #333 !important
        }

    .cl-redesign .cl-typo-reset img {
        max-width: 100%
    }

@media (min-width:992px) {
    .cl-entry-tag-dropdown {
        right: 0;
        left: auto
    }
}

.tag-text {
    display: none
}

.cl-collapse .cl-timetracker-col-3:before {
    background: linear-gradient(270deg,#f2f6f8 0,hsla(0,0%,100%,0))
}

.cl-btn-disabled-opacity, .cl-btn-disabled-opacity:disabled {
    opacity: .4
}

.cl-capitalize {
    text-transform: capitalize
}

.cl-uppercase {
    text-transform: uppercase
}

.cl-delete-account-list-elements {
    margin-left: 40px
}

.currency {
    font-size: 20px;
    font-weight: 100;
    color: #999
}

    .currency.billableOn {
        font-weight: 400;
        color: #03a9f4
    }

/* Added by Halber 20201110 completed icon */

.completed {
    font-size: 24px;
    font-weight: 100;
    color: #999
}

    .currency.completedOn {
        font-weight: 400;
        color: #03a9f4
    }



.cl-dropdown-menu {
    max-width: 300px
}

tag-dropdown.cl-dropdown-menu {
    width: 300px
}

teammate-picker .cl-dropdown-menu {
    min-width: 200px
}

time-tracker-recorder .recorder-date-picker {
    margin-top: -5px;
    position: relative
}

@media (min-width:1366px) {
    time-tracker-recorder .recorder-date-picker {
        margin-right: -.7143rem
    }
}

.dashboard__bar-chart__canvas {
    height: 300px !important
}

.cl-scroll-area .cl-border-bottom, .cl-scroll-area .cl-border-top {
    border-color: #e4eaee !important
}

.cl-color-blue {
    color: #03a9f4
}

    .cl-color-blue:hover {
        color: #0275a8
    }

.cl-stopwatch-discard-wrapper {
    padding-left: 2px;
    padding-right: 2px
}

.cl-stopwatch-discard {
    padding-left: .6rem;
    padding-right: .6rem;
    width: 100%;
    height: 100%
}

.cl-flex-container {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: .7143rem 0
}

.cl-col-responsive {
    max-width: 100%;
    flex-grow: 1;
    white-space: nowrap;
    position: relative
}

.cl-col-fixed {
    display: flex;
    white-space: nowrap
}

.rotate180 {
    transform: rotate(180deg)
}

.cl-transition1 {
    transition: .3s
}

.cl-dropdown-link-text {
    line-height: inherit;
    color: #1779ba;
    cursor: pointer
}

    .cl-dropdown-link-text:hover {
        text-decoration: underline
    }

.cl-description-col {
    min-width: 100px;
    padding-left: .7143rem
}

@media (min-width:1366px) {
    .cl-description-col {
        min-width: 200px
    }
}

.cl-project-col {
    min-width: 100px;
    display: flex;
    align-items: center;
    overflow: visible
}

.cl-tag-col {
    min-width: 61px
}

@media (min-width:1366px) {
    .cl-has-tags.cl-tag-col {
        min-width: 100px
    }
}

@media (max-width:991.98px) {
    .cl-flex-container {
        flex-direction: column;
        align-items: flex-start
    }

    .cl-m-abs {
        position: absolute !important;
        top: .7143rem;
        right: 0;
        width: auto !important
    }

    .cl-description-col {
        margin-top: .7143rem
    }

    .cl-project-col {
        padding: .7143rem .7143rem .7143rem 1.4286rem
    }

    .cl-tag-col {
        margin: .35715rem 0 1.4286rem
    }

        .cl-tag-col .cl-component-divided-left:before {
            display: none
        }

    .cl-col-fixed {
        min-width: 0;
        width: 100%
    }

    .cl-description-col {
        width: calc(100% - 100px)
    }

    .cl-flex-container {
        padding: 0
    }
}

entry-group-header .cl-custom-checkbox {
    margin: -2px .7143rem 0 0
}

time-tracker-recorder .tooltip {
    z-index: 1000
}

    time-tracker-recorder .tooltip:hover {
        cursor: pointer
    }

.cl-table-responsive > .cl-table-bordered {
    border: 1px solid #c6d2d9
}

.cl-btn-outline-light.cl-disabled, .cl-btn-outline-light:disabled {
    color: #666;
    background: #e4eaee
}

.timesheet-total-pr {
    padding-right: 32px
}

.cl-timetracker-list-actions input[type=text]:disabled {
    background: none !important
}

.cl-btn-outline-light.cl-dropdown-toggle:disabled, .cl-btn-outline-light.cl-dropdown-toggle:disabled:hover, input[type=number]:disabled, input[type=number]:disabled:hover, input[type=text]:disabled, input[type=text]:disabled:hover, textarea:disabled, textarea:disabled:hover {
    background: transparent !important;
    opacity: .6 !important;
    color: #333 !important
}

input[type=number][readonly], input[type=text][readonly] {
    cursor: default
}

input[type=text]:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder {
    color: #333 !important
}

input[type=text]:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder {
    color: #333 !important
}

input[type=text]:disabled::-ms-input-placeholder, textarea:disabled::-ms-input-placeholder {
    color: #333 !important
}

input[type=text]:disabled::placeholder, textarea:disabled::placeholder {
    color: #333 !important
}

.cl-divider-no-border:before {
    content: none
}

.cl-disabled {
    opacity: .6;
    pointer-events: none
}

    .cl-disabled:hover {
        text-decoration: none
    }

    .cl-disabled .cl-custom-switch .cl-custom-control-label, .cl-disabled .cl-custom-switch .cl-custom-control-label:after, .cl-disabled .cl-custom-switch .cl-custom-control-label:before {
        pointer-events: none
    }

    .cl-disabled .cl-auto-pointer-event {
        pointer-events: auto
    }

.cl-disabled-not-allowed {
    opacity: .6;
    cursor: not-allowed
}

    .cl-disabled-not-allowed:hover {
        text-decoration: none
    }

.cl-dropdown-section-wrapper > div:first-child .cl-border-top {
    border-top: none !important
}

.cl-color-red {
    color: #f44336
}

.cl-mobile-hide-input-date-picker .cl-input-date-picker-container {
    display: none
}

manual-lock {
    display: flex;
    align-items: center
}

    manual-lock single-date-picker2 {
        top: -1px !important
    }

    manual-lock .cl-component-divided-left:before {
        display: none
    }

.tooltip-inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width:992px) {
    tr:not(.timesheet-row-component) input[type=number], tr:not(.timesheet-row-component) input[type=text] {
        border: 1px solid transparent !important
    }

        tr:not(.timesheet-row-component) input[type=number]:focus, tr:not(.timesheet-row-component) input[type=text]:focus {
            border: 1px solid #90a4ae !important
        }

    tr:not(.timesheet-row-component):hover input[type=number], tr:not(.timesheet-row-component):hover input[type=text] {
        border: 1px solid #c6d2d9 !important
    }

        tr:not(.timesheet-row-component):hover input[type=number]:focus, tr:not(.timesheet-row-component):hover input[type=text]:focus {
            border: 1px solid #90a4ae !important
        }
}

settings-tab .cl-upload-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    max-width: 100px
}

settings-tab img.cl-avatar-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0
}

members-tab dropdown-filter .cl-dropdown-menu {
    right: 0;
    left: auto
}

@media (min-width:1366px) {
    .cl-projects-table .cl-responsive-table-td-0 {
        width: 40%
    }
}

.cl-projects-table .cl-responsive-table-td-4 {
    width: 57px
}

.cl-projects-table .cl-responsive-table-td-5 {
    width: 46px
}

.cl-projects-table .cl-entry__project__dot {
    transform: translateY(-1px)
}

@media (min-width:992px) {
    .cl-project-table-tasks .cl-responsive-table-td-0 {
        width: 50%
    }
}

.cl-project-table-tasks .cl-responsive-table-td-2 {
    width: 112px
}

.cl-project-table-tasks .cl-responsive-table-td-3 {
    width: 46px
}

.cl-project-table-access .cl-responsive-table-td-0 {
    width: 50%
}

.cl-project-table-access .cl-responsive-table-td-1 {
    height: 64px
}

.cl-project-table-access .cl-responsive-table-td-2 {
    width: 100px
}

.cl-project-table-access .cl-responsive-table-td-3 {
    width: 46px
}

.cl-project-table-access .cl-input-group .cl-form-control {
    border: 1px solid #c6d2d9 !important
}

.cl-project-table-access-billable-rate {
    width: 152px
}

.cl-project-table-access-cost-rate {
    width: 152px;
    margin-right: -10px
}

@media (min-width:1366px) {
    .cl-project-table-status-tasks .cl-responsive-table-td-0 {
        width: 40%
    }
}

.cl-team-table-members .cl-responsive-table-td-2 {
    width: 152px;
    line-height: 0
}

.cl-team-table-members .cl-responsive-table-td-4 {
    width: 46px
}

.cl-team-table-members .cl-input-group .cl-form-control {
    border: 1px solid #c6d2d9 !important
}

.cl-team-table-members-billable-rate {
    width: 170px
}

.cl-team-table-members-cost-rate {
    width: 170px;
    margin-right: -10px
}

.cl-team-table-groups .cl-responsive-table-td-0 {
    width: 30%
}

.cl-team-table-groups .cl-responsive-table-td-2, .cl-team-table-groups .cl-responsive-table-td-3 {
    width: 61px
}

.cl-cf-preview {
    border: 1px solid #c6d2d9;
    border-radius: 2px
}

.cl-detailed-reports-custom-fields-row custom-fields-values .cl-blocker {
    opacity: 0
}

.cl-d-report-filter-item {
    display: flex;
    min-height: 2.8572rem
}

    .cl-d-report-filter-item .cl-badge.cl-badge-filter {
        top: -.7143rem
    }

@media only screen and (max-width:1365px) {
    .cl-d-report-filter-item .cl-dropdown {
        position: static
    }
}

@media (min-width:1366px) {
    .cl-d-report-filter-item .cl-badge.cl-badge-filter {
        top: -.35715rem
    }
}

.time-tracker-recorder add-time .cl-badge-same-entries, .time-tracker-recorder add-time .cl-badge-tag, add-time .cl-badge-tag-timetracker-entry, add-time .time-tracker-recorder .cl-badge-same-entries, add-time .time-tracker-recorder .cl-badge-tag {
    max-width: 100px
}

@media (max-width:1199.98px) {
    add-time single-date-picker2 .cl-single-date-picker {
        padding: 0 1.4286rem 0 .7143rem
    }
}

@media (max-width:991.98px) {
    add-time single-date-picker2 .cl-single-date-picker {
        padding: 0
    }
}

@media (min-width:992px) {
    add-time single-date-picker2 input-time-ampm.cl-text-right {
        margin-left: -2.1429rem
    }

    add-time single-date-picker2 .recorder-date-picker {
        margin-left: -3.5715rem !important
    }

        add-time single-date-picker2 .recorder-date-picker input-single-date {
            line-height: 0;
            margin-top: -2px
        }

    add-time single-date-picker2 .cl-input-date-picker-container {
        margin-left: -1.4286rem !important
    }
}

@media only screen and (max-width:1365px) {
    add-time single-date-picker2 .cl-component-divided-left:before {
        background: none !important
    }
}

add-time .cl-d-report-add-time-tags {
    position: static !important
}

@media (min-width:768px) {
    add-time .cl-d-report-add-time-tags {
        position: relative !important
    }
}

add-time tag-names .cl-component-divided-left:before {
    background: url(separator-pattern.05c4b45a1882e41ccd15.png) 0 0 repeat-y !important
}

add-time custom-fields-values {
    display: block;
    padding: 0 .7143rem
}

@media (min-width:1366px) {
    add-time custom-fields-values {
        padding: 0
    }
}

add-time custom-fields-values .cl-relative:first-child hr {
    display: none
}

.cl-add-time-project {
    position: static !important;
    max-width: 100px
}

@media (min-width:768px) {
    .cl-add-time-project {
        position: relative !important
    }
}

@media (min-width:992px) {
    .cl-add-time-project {
        max-width: 400px
    }
}

@media (min-width:1366px) {
    .cl-add-time-project {
        max-width: 200px
    }
}

@media (min-width:992px) {
    .cl-add-time-project .cl-dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (min-width:1366px) {
    .cl-add-time-project .cl-dropdown-menu {
        left: 0;
        right: auto
    }
}

.cl-add-time-project .cl-project-name.cl-dropdown-toggle {
    padding: 0 !important
}

.cl-add-time-project .time-tracker-recorder div[project-picker2-label].cl-badge-same-entries, .cl-add-time-project .time-tracker-recorder div[project-picker2-label].cl-badge-tag, .cl-add-time-project div.cl-cut-text[project-picker2-label], .cl-add-time-project div[project-picker2-label].cl-badge-tag-timetracker-entry, .cl-add-time-project div[project-picker2-label].cl-input-description, .time-tracker-recorder .cl-add-time-project div[project-picker2-label].cl-badge-same-entries, .time-tracker-recorder .cl-add-time-project div[project-picker2-label].cl-badge-tag {
    padding-right: .7143rem
}

.cl-d-report-user-dropdown {
    position: relative
}

    .cl-d-report-user-dropdown .cl-dropdown {
        position: static
    }

    .cl-d-report-user-dropdown .cl-dropdown-menu {
        right: 0;
        left: auto
    }

@media (min-width:1366px) {
    .cl-d-report-user-dropdown .cl-dropdown-menu {
        left: 0;
        right: auto
    }
}

.cl-d-report-amount-dropdown .cl-dropdown {
    display: flex;
    align-items: center;
    min-height: 2.8572rem
}

.cl-detailed-reports-table single-date-picker2 {
    flex-direction: column;
    align-items: start;
    margin-left: -20px
}

    .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left {
        height: 20px;
        margin-left: 20px !important
    }

        .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left.cl-single-date-picker:before {
            margin-top: 20px
        }

        .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left .cl-form-control {
            padding: 0 !important;
            min-height: 1px !important;
            font-size: .8571rem
        }

        .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left .cl-input-time-picker {
            width: 52px;
            margin-right: 1px;
            text-align: left !important
        }

        .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left .cl-h-line-divider {
            display: none
        }

        .cl-detailed-reports-table single-date-picker2 .cl-component-divided-left .cl-input-date-picker {
            width: 68px;
            color: #999
        }

@media screen and (max-width:1365px) and (min-width:991px) {
    .cl-detailed-reports-table td {
        padding-left: 1.4286rem;
        padding-right: 1.07145rem
    }
}

.cl-detailed-reports-table .cl-responsive-table-td-1 {
    width: 100px
}

.cl-detailed-reports-table .cl-responsive-table-td-2 {
    width: 54px
}

.cl-detailed-reports-table .cl-responsive-table-td-3 {
    width: 180px
}

    .cl-detailed-reports-table .cl-responsive-table-td-3 .cl-dropdown {
        display: flex;
        min-width: 0
    }

.cl-detailed-reports-table .cl-responsive-table-td-4 {
    width: 142px
}

.cl-detailed-reports-table .cl-responsive-table-td-5 {
    width: 122px;
    line-height: 0
}

.cl-detailed-reports-table .cl-responsive-table-td-6 {
    width: 46px;
    border-right: 1px solid #c6d2d9 !important
}

.cl-detailed-reports-table thead tr th:last-child {
    border-right: 1px solid #c6d2d9 !important
}

@media (min-width:992px) {
    .cl-detailed-reports-table th .cl-badge-same-entries {
        transform: translateX(-2px)
    }
}

@media only screen and (max-width:1365px) {
    .cl-detailed-reports-table th:first-child {
        padding-left: .7143rem !important
    }
}

.cl-detailed-reports-table th:nth-child(2) {
    width: 100px
}

.cl-detailed-reports-table th:nth-child(3) {
    width: 54px
}

.cl-detailed-reports-table th:nth-child(4) {
    width: 180px
}

.cl-detailed-reports-table th:nth-child(5) {
    width: 142px
}

.cl-detailed-reports-table th:nth-child(6) {
    width: 122px
}

.cl-detailed-reports-table th:nth-child(7) {
    width: 46px
}

.cl-d-report-rounding {
    color: #666 !important
}

add-time custom-fields-values, tr custom-fields-values {
    display: block;
    margin-left: -.7143rem;
    margin-right: -.7143rem
}

@media (max-width:991.98px) {
    add-time custom-fields-values div .cl-relative:last-child hr, tr custom-fields-values div .cl-relative:last-child hr {
        border-color: transparent
    }
}

.cl-redesign .cl-detailed-reports-table .cl-input-time-picker-sum {
    text-align: right
}

.cl-redesign .cl-detailed-reports-table table .cl-input-time-picker-sum {
    text-align: center
}

@media (min-width:992px) {
    .cl-redesign .cl-detailed-reports-table table .cl-input-time-picker-sum {
        text-align: left
    }
}

.cl-summary-group-lvl-2 {
    min-height: 2.8572rem
}

    .cl-summary-group-lvl-2 .cl-reports-summary-table-col-1 {
        padding-left: 0
    }

.cl-sort-title {
    text-transform: uppercase;
    color: #999;
    font-size: .8571rem;
    padding-right: 1.4286rem;
    position: relative;
    letter-spacing: 1px
}

.cl-cursor-disabled {
    cursor: not-allowed !important
}

.cl-reports-desc {
    flex-grow: 0;
    max-width: 100%;
    min-width: 144px;
    margin-right: .7143rem
}

.cl-reports-project {
    flex-grow: 1;
    flex: auto;
    min-width: 100px;
    max-width: 100%
}

.cl-reports-tags {
    max-width: 100%;
    margin: 1.4286rem 0 .7143rem;
    min-width: 84px;
    flex-grow: 1
}

@media (min-width:1366px) {
    .cl-reports-tags {
        margin: 0
    }
}

.cl-custom-control-label-fake {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .cl-custom-control-label-fake:before {
        position: absolute;
        top: .1785rem;
        display: block;
        height: 1.143rem;
        content: "";
        background-color: #fff;
        border: 1px solid #c6d2d9;
        left: -2.50025rem;
        width: 2.00025rem;
        pointer-events: all;
        border-radius: .5715rem
    }

.cl-shared-report-table tr:not(.timesheet-row-component) input[type=text] {
    border: 1px solid #c6d2d9 !important
}

.cl-shared-report-table .cl-badge-same-entries, .cl-shared-report-table .cl-badge-tag {
    cursor: default
}

@media (min-width:992px) {
    .cl-shared-report-table td {
        padding-top: .7143rem !important;
        padding-bottom: .7143rem !important
    }
}

.cl-table-weekly-report td:not(:first-child), .cl-table-weekly-report th:not(:first-child) {
    text-align: right
}

.cl-table-weekly-report td {
    padding: .7143rem !important
}

@media (min-width:768px) {
    .cl-table-weekly-report td {
        padding: 1.2143rem .7143rem !important
    }
}

.cl-table-weekly-report td:not(:first-child) {
    width: 96px
}

@media (min-width:1366px) {
    .cl-table-weekly-report .cl-component-row-colored td:first-child, .cl-table-weekly-report .cl-table-footer td:first-child {
        padding-left: 1.4286rem !important
    }
}

.cl-table-weekly-report .cl-table-footer td {
    padding: .7rem .7143rem !important
}

@media (min-width:1366px) {
    .cl-table-weekly-report .cl-table-footer td:first-child {
        font-size: .8571rem;
        color: #999
    }
}

shared-report {
    display: block
}

    shared-report tr td * input {
        background: transparent !important
    }

        shared-report tr td * input.cl-input-description {
            padding-left: 0 !important
        }

@media (min-width:1366px) {
    shared-report table:not(.cl-table-weekly-report) .cl-row-hover-shadow tr td * {
        pointer-events: none !important
    }

        shared-report table:not(.cl-table-weekly-report) .cl-row-hover-shadow tr td * input {
            background: transparent !important
        }

            shared-report table:not(.cl-table-weekly-report) .cl-row-hover-shadow tr td * input.cl-input-description {
                padding-left: 0
            }

    shared-report table:not(.cl-table-weekly-report) .cl-row-hover-shadow:hover tr:hover input {
        border-color: transparent !important;
        background: transparent !important
    }
}

.cl-page-switcher-name {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #999;
    text-transform: uppercase;
    pointer-events: none
}

body {
    overflow-x: visible !important
}

.cl-redesign main, .modal-dialog main {
    margin-top: 0
}

.cl-redesign .cl-input-timetracker-main, .modal-dialog .cl-input-timetracker-main {
    height: calc(2.716rem + 2px) !important;
    border: 1px solid transparent
}

    .cl-redesign .cl-input-timetracker-main:focus, .cl-redesign .cl-input-timetracker-main:hover, .modal-dialog .cl-input-timetracker-main:focus, .modal-dialog .cl-input-timetracker-main:hover {
        border-color: #c6d2d9 !important;
        background: transparent !important
    }

    .cl-redesign .cl-input-timetracker-main::-webkit-input-placeholder, .modal-dialog .cl-input-timetracker-main::-webkit-input-placeholder {
        color: #ccc !important
    }

    .cl-redesign .cl-input-timetracker-main::-moz-placeholder, .modal-dialog .cl-input-timetracker-main::-moz-placeholder {
        color: #ccc !important
    }

    .cl-redesign .cl-input-timetracker-main::-ms-input-placeholder, .modal-dialog .cl-input-timetracker-main::-ms-input-placeholder {
        color: #ccc !important
    }

    .cl-redesign .cl-input-timetracker-main::placeholder, .modal-dialog .cl-input-timetracker-main::placeholder {
        color: #ccc !important
    }

.cl-redesign .cl-input-time-picker, .modal-dialog .cl-input-time-picker {
    width: 80px;
    padding: 0;
    height: auto;
    border: none;
    background: transparent
}

    .cl-redesign .cl-input-time-picker:focus, .cl-redesign .cl-input-time-picker:hover, .modal-dialog .cl-input-time-picker:focus, .modal-dialog .cl-input-time-picker:hover {
        border: none !important;
        background: transparent !important
    }

@media (max-width:991.98px) {
    .cl-redesign .cl-input-time-picker, .modal-dialog .cl-input-time-picker {
        width: 60px
    }
}

.cl-redesign .cl-input-time-picker-sum, .modal-dialog .cl-input-time-picker-sum {
    text-align: center;
    height: auto;
    width: 82px;
    padding: 0;
    font-size: 1.286rem;
    font-weight: 500;
    color: #333 !important;
    border: none;
    background: transparent
}

    .cl-redesign .cl-input-time-picker-sum:focus, .cl-redesign .cl-input-time-picker-sum:hover, .modal-dialog .cl-input-time-picker-sum:focus, .modal-dialog .cl-input-time-picker-sum:hover {
        border: none !important;
        background: transparent !important
    }

    .cl-redesign .cl-input-time-picker-sum::-webkit-input-placeholder, .modal-dialog .cl-input-time-picker-sum::-webkit-input-placeholder {
        color: #333
    }

    .cl-redesign .cl-input-time-picker-sum::-moz-placeholder, .modal-dialog .cl-input-time-picker-sum::-moz-placeholder {
        color: #333
    }

    .cl-redesign .cl-input-time-picker-sum::-ms-input-placeholder, .modal-dialog .cl-input-time-picker-sum::-ms-input-placeholder {
        color: #333
    }

    .cl-redesign .cl-input-time-picker-sum::placeholder, .modal-dialog .cl-input-time-picker-sum::placeholder {
        color: #333
    }

@media (max-width:767.98px) {
    .cl-redesign .cl-input-time-picker-sum, .modal-dialog .cl-input-time-picker-sum {
        width: 62px;
        font-size: 1rem;
        font-weight: 400;
        text-align: right
    }
}

.cl-redesign .cl-input-date-picker, .modal-dialog .cl-input-date-picker {
    margin-left: 0;
    width: 75px;
    padding: 0;
    height: auto;
    border: none
}

    .cl-redesign .cl-input-date-picker:focus, .cl-redesign .cl-input-date-picker:hover, .modal-dialog .cl-input-date-picker:focus, .modal-dialog .cl-input-date-picker:hover {
        border: none !important;
        background: transparent !important
    }

@media (max-width:991.98px) {
    .cl-redesign .cl-input-date-picker, .modal-dialog .cl-input-date-picker {
        width: 75px
    }
}

.cl-redesign .cl-input-description, .modal-dialog .cl-input-description {
    border: 1px solid transparent;
    background: transparent;
    padding: 0 0 0 .7143rem
}

    .cl-redesign .cl-input-description:focus, .cl-redesign .cl-input-description:hover, .modal-dialog .cl-input-description:focus, .modal-dialog .cl-input-description:hover {
        border-color: #c6d2d9 !important;
        background: transparent
    }

.cl-redesign .cl-collapse .cl-input-description:focus, .cl-redesign .cl-collapse .cl-input-description:hover, .modal-dialog .cl-collapse .cl-input-description:focus, .modal-dialog .cl-collapse .cl-input-description:hover {
    border-color: #e4eaee !important
}

.cl-redesign [type=text], .modal-dialog [type=text] {
    color: #333
}

    .cl-redesign [type=text]::-webkit-input-placeholder, .modal-dialog [type=text]::-webkit-input-placeholder {
        color: #999 !important
    }

    .cl-redesign [type=text]::-moz-placeholder, .modal-dialog [type=text]::-moz-placeholder {
        color: #999 !important
    }

    .cl-redesign [type=text]::-ms-input-placeholder, .modal-dialog [type=text]::-ms-input-placeholder {
        color: #999 !important
    }

    .cl-redesign [type=text]::placeholder, .modal-dialog [type=text]::placeholder {
        color: #999 !important
    }

.cl-redesign img, .modal-dialog img {
    max-width: none
}

.cl-redesign [type=checkbox] + label, .cl-redesign [type=radio] + label, .modal-dialog [type=checkbox] + label, .modal-dialog [type=radio] + label {
    margin-left: 0;
    margin-right: 0;
    overflow: visible
}

.cl-redesign label, .modal-dialog label {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: .5rem
}

.cl-redesign .cl-page-header-wrapper, .modal-dialog .cl-page-header-wrapper {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .cl-redesign .cl-page-header-wrapper, .modal-dialog .cl-page-header-wrapper {
        margin-bottom: 40px
    }
}

.cl-redesign .cl-page-header-action, .modal-dialog .cl-page-header-action {
    margin-right: 10px
}

    .cl-redesign .cl-page-header-action:last-child, .modal-dialog .cl-page-header-action:last-child {
        margin-right: 0
    }

.cl-redesign .cl-h1, .cl-redesign h1, .modal-dialog .cl-h1, .modal-dialog h1 {
    font-size: 1.714rem !important;
    line-height: 1.5 !important;
    color: #666 !important
}

.cl-alert.cl-alert-info .cl-redesign .cl-btn, .cl-alert.cl-alert-info .modal-dialog .cl-btn, .cl-alert.cl-alert-primary .cl-redesign .cl-btn, .cl-alert.cl-alert-primary .modal-dialog .cl-btn, .cl-redesign .cl-alert.cl-alert-info .cl-btn, .cl-redesign .cl-alert.cl-alert-primary .cl-btn, .cl-redesign .cl-btn-primary, .modal-dialog .cl-alert.cl-alert-info .cl-btn, .modal-dialog .cl-alert.cl-alert-primary .cl-btn, .modal-dialog .cl-btn-primary {
    color: #fff
}

.cl-redesign hr, .modal-dialog hr {
    max-width: none
}

.cl-redesign a:focus, .modal-dialog a:focus {
    text-decoration: none
}

@media (min-width:992px) {
    .cl-redesign parent-tracker-entry .cl-input-description, .cl-redesign parent-tracker-entry .cl-input-time-picker, .cl-redesign parent-tracker-entry .cl-input-time-picker-sum, .cl-redesign parent-tracker-entry .cl-input-timetracker-main, .cl-redesign time-tracker-entry .cl-input-description, .cl-redesign time-tracker-entry .cl-input-time-picker, .cl-redesign time-tracker-entry .cl-input-time-picker-sum, .cl-redesign time-tracker-entry .cl-input-timetracker-main, .cl-redesign time-tracker-recorder .cl-input-description, .cl-redesign time-tracker-recorder .cl-input-time-picker, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum, .cl-redesign time-tracker-recorder .cl-input-timetracker-main {
        border: 1px solid transparent
    }

        .cl-redesign parent-tracker-entry .cl-input-description:focus, .cl-redesign parent-tracker-entry .cl-input-description:hover, .cl-redesign parent-tracker-entry .cl-input-time-picker-sum:focus, .cl-redesign parent-tracker-entry .cl-input-time-picker-sum:hover, .cl-redesign parent-tracker-entry .cl-input-time-picker:focus, .cl-redesign parent-tracker-entry .cl-input-time-picker:hover, .cl-redesign parent-tracker-entry .cl-input-timetracker-main:focus, .cl-redesign parent-tracker-entry .cl-input-timetracker-main:hover, .cl-redesign time-tracker-entry .cl-input-description:focus, .cl-redesign time-tracker-entry .cl-input-description:hover, .cl-redesign time-tracker-entry .cl-input-time-picker-sum:focus, .cl-redesign time-tracker-entry .cl-input-time-picker-sum:hover, .cl-redesign time-tracker-entry .cl-input-time-picker:focus, .cl-redesign time-tracker-entry .cl-input-time-picker:hover, .cl-redesign time-tracker-entry .cl-input-timetracker-main:focus, .cl-redesign time-tracker-entry .cl-input-timetracker-main:hover, .cl-redesign time-tracker-recorder .cl-input-description:focus, .cl-redesign time-tracker-recorder .cl-input-description:hover, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:focus, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:hover, .cl-redesign time-tracker-recorder .cl-input-time-picker:focus, .cl-redesign time-tracker-recorder .cl-input-time-picker:hover, .cl-redesign time-tracker-recorder .cl-input-timetracker-main:focus, .cl-redesign time-tracker-recorder .cl-input-timetracker-main:hover {
            border: 1px solid #c6d2d9 !important
        }

        .cl-redesign parent-tracker-entry .cl-input-description:disabled:focus, .cl-redesign parent-tracker-entry .cl-input-description:disabled:hover, .cl-redesign parent-tracker-entry .cl-input-time-picker-sum:disabled:focus, .cl-redesign parent-tracker-entry .cl-input-time-picker-sum:disabled:hover, .cl-redesign parent-tracker-entry .cl-input-time-picker:disabled:focus, .cl-redesign parent-tracker-entry .cl-input-time-picker:disabled:hover, .cl-redesign parent-tracker-entry .cl-input-timetracker-main:disabled:focus, .cl-redesign parent-tracker-entry .cl-input-timetracker-main:disabled:hover, .cl-redesign time-tracker-entry .cl-input-description:disabled:focus, .cl-redesign time-tracker-entry .cl-input-description:disabled:hover, .cl-redesign time-tracker-entry .cl-input-time-picker-sum:disabled:focus, .cl-redesign time-tracker-entry .cl-input-time-picker-sum:disabled:hover, .cl-redesign time-tracker-entry .cl-input-time-picker:disabled:focus, .cl-redesign time-tracker-entry .cl-input-time-picker:disabled:hover, .cl-redesign time-tracker-entry .cl-input-timetracker-main:disabled:focus, .cl-redesign time-tracker-entry .cl-input-timetracker-main:disabled:hover, .cl-redesign time-tracker-recorder .cl-input-description:disabled:focus, .cl-redesign time-tracker-recorder .cl-input-description:disabled:hover, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:disabled:focus, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:disabled:hover, .cl-redesign time-tracker-recorder .cl-input-time-picker:disabled:focus, .cl-redesign time-tracker-recorder .cl-input-time-picker:disabled:hover, .cl-redesign time-tracker-recorder .cl-input-timetracker-main:disabled:focus, .cl-redesign time-tracker-recorder .cl-input-timetracker-main:disabled:hover {
            border: 1px solid transparent !important
        }

    .cl-redesign parent-tracker-entry:hover .cl-input-description:not([disabled]), .cl-redesign parent-tracker-entry:hover .cl-input-description:not([disabled]):focus, .cl-redesign parent-tracker-entry:hover .cl-input-description:not([disabled]):hover, .cl-redesign parent-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]), .cl-redesign parent-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]):focus, .cl-redesign parent-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]):hover, .cl-redesign parent-tracker-entry:hover .cl-input-time-picker:not([disabled]), .cl-redesign parent-tracker-entry:hover .cl-input-time-picker:not([disabled]):focus, .cl-redesign parent-tracker-entry:hover .cl-input-time-picker:not([disabled]):hover, .cl-redesign parent-tracker-entry:hover .cl-input-timetracker-main:not([disabled]), .cl-redesign parent-tracker-entry:hover .cl-input-timetracker-main:not([disabled]):focus, .cl-redesign parent-tracker-entry:hover .cl-input-timetracker-main:not([disabled]):hover, .cl-redesign time-tracker-entry:hover .cl-input-description:not([disabled]), .cl-redesign time-tracker-entry:hover .cl-input-description:not([disabled]):focus, .cl-redesign time-tracker-entry:hover .cl-input-description:not([disabled]):hover, .cl-redesign time-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]), .cl-redesign time-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]):focus, .cl-redesign time-tracker-entry:hover .cl-input-time-picker-sum:not([disabled]):hover, .cl-redesign time-tracker-entry:hover .cl-input-time-picker:not([disabled]), .cl-redesign time-tracker-entry:hover .cl-input-time-picker:not([disabled]):focus, .cl-redesign time-tracker-entry:hover .cl-input-time-picker:not([disabled]):hover, .cl-redesign time-tracker-entry:hover .cl-input-timetracker-main:not([disabled]), .cl-redesign time-tracker-entry:hover .cl-input-timetracker-main:not([disabled]):focus, .cl-redesign time-tracker-entry:hover .cl-input-timetracker-main:not([disabled]):hover, .cl-redesign time-tracker-recorder:hover .cl-input-description:not([disabled]), .cl-redesign time-tracker-recorder:hover .cl-input-description:not([disabled]):focus, .cl-redesign time-tracker-recorder:hover .cl-input-description:not([disabled]):hover, .cl-redesign time-tracker-recorder:hover .cl-input-time-picker-sum:not([disabled]), .cl-redesign time-tracker-recorder:hover .cl-input-time-picker-sum:not([disabled]):focus, .cl-redesign time-tracker-recorder:hover .cl-input-time-picker-sum:not([disabled]):hover, .cl-redesign time-tracker-recorder:hover .cl-input-time-picker:not([disabled]), .cl-redesign time-tracker-recorder:hover .cl-input-time-picker:not([disabled]):focus, .cl-redesign time-tracker-recorder:hover .cl-input-time-picker:not([disabled]):hover, .cl-redesign time-tracker-recorder:hover .cl-input-timetracker-main:not([disabled]), .cl-redesign time-tracker-recorder:hover .cl-input-timetracker-main:not([disabled]):focus, .cl-redesign time-tracker-recorder:hover .cl-input-timetracker-main:not([disabled]):hover {
        border: 1px solid #c6d2d9 !important
    }

    .cl-redesign parent-tracker-entry .cl-input-time-picker, .cl-redesign time-tracker-entry .cl-input-time-picker, .cl-redesign time-tracker-recorder .cl-input-time-picker {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .cl-redesign parent-tracker-entry .cl-input-time-picker-sum, .cl-redesign time-tracker-entry .cl-input-time-picker-sum, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum {
        width: 92px
    }

        .cl-redesign time-tracker-recorder .cl-input-time-picker-sum, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:hover, .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:not([disabled]), .cl-redesign time-tracker-recorder .cl-input-time-picker-sum:not([disabled]):hover, .cl-redesign time-tracker-recorder:hover stopwatch .cl-input-time-picker-sum, .cl-redesign time-tracker-recorder:hover stopwatch .cl-input-time-picker-sum:hover, .cl-redesign time-tracker-recorder:hover stopwatch .cl-input-time-picker-sum:not([disabled]), .cl-redesign time-tracker-recorder:hover stopwatch .cl-input-time-picker-sum:not([disabled]):hover, .cl-redesign time-tracker-recorder stopwatch .cl-input-time-picker-sum, .cl-redesign time-tracker-recorder stopwatch .cl-input-time-picker-sum:not([disabled]) {
            border: 1px solid transparent !important
        }
}

accounts-tab .cl-pagination {
    margin-left: 0
}

.cl-date-picker-white .cl-input-date-picker, .cl-date-picker-white .cl-input-time-picker, .cl-date-picker-white .cl-input-time-picker-sum {
    background: none;
    border: none;
    box-shadow: none;
    color: #333 !important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

    .cl-date-picker-white .cl-input-date-picker:disabled, .cl-date-picker-white .cl-input-time-picker-sum:disabled, .cl-date-picker-white .cl-input-time-picker:disabled {
        opacity: .6
    }

.detailed__report__other__time single-date-picker2 {
    display: flex
}

.detailed__report__other__time .cl-input-time-picker {
    color: #333;
    font-size: 100%
}

.detailed__report__other__time .cl-input-date-picker {
    background: none;
    color: #333;
    font-size: 100%;
    display: block !important
}

.detailed__report__other__time .cl-input-date-picker-container {
    display: inline-flex !important
}

@media (max-width:760px) {
    .detailed__report__other__time .cl-input-date-picker-container {
        display: none !important
    }
}

.detailed__report__other__time .cl-single-date-picker {
    color: #333
}

    .detailed__report__other__time .cl-single-date-picker:before {
        background: none
    }

@media (max-width:991.98px) {
    .detailed__report__other__time .cl-component-divided-left {
        width: auto !important
    }
}

.cl-flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.cl-bulk-date-container {
    top: 0 !important
}

    .cl-bulk-date-container .cl-input-time-picker[disabled] {
        color: #cacaca !important
    }

    .cl-bulk-date-container .cl-single-date-picker:before {
        content: none
    }

    .cl-bulk-date-container .cl-input-time-picker {
        width: 67px !important;
        font-size: 15px !important;
        text-align: left !important
    }

.detailed-report-bulk-edit .cl-input-date-picker, .detailed-report-bulk-edit .cl-input-date-picker-container {
    display: inline-flex !important;
    margin-bottom: 0 !important
}

.detailed-report-bulk-edit single-date-picker2 .cl-single-date-picker {
    padding: 0 .7143rem
}

    .detailed-report-bulk-edit single-date-picker2 .cl-single-date-picker:before {
        display: none
    }

    .detailed-report-bulk-edit single-date-picker2 .cl-single-date-picker input-time-ampm input {
        width: 90px;
        text-align: center !important;
        border: 1px solid #c6d2d9
    }

time-entry-bulk-edit .cl-form-control {
    margin-bottom: 0 !important
}

time-entry-bulk-edit .cl-component-divided-left {
    width: auto
}

.cl-opacity-5 {
    opacity: .5
}

project-bulk-edit .cl-input-3-digits {
    width: 50px !important
}

project-bulk-edit .cl-form-control {
    margin-bottom: 0 !important
}

.cl-modal-title, h1 {
    color: #666;
    font-size: 24px
}

.new-project-select-client-fix .client-dropdown {
    width: 100%;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    top: 39px
}

    .new-project-select-client-fix .client-dropdown input {
        padding: .608rem .75rem;
        height: 40px
    }

    .new-project-select-client-fix .client-dropdown .client-dropdown__close-icon {
        left: auto;
        right: 10px;
        top: 13px
    }

    .new-project-select-client-fix .client-dropdown .client-dropdown__list ul li {
        font-size: 14px;
        max-width: 100%
    }

.cl-custom-control-label {
    font-size: 14px;
    margin: 0 !important
}

.cl-modal-sub-header input {
    height: 40px;
    margin-bottom: 0;
    box-shadow: none
}

    .cl-modal-sub-header input:focus {
        box-shadow: none
    }

.ranges li:hover {
    color: #03a9f4 !important
}

.cl-overflow-auto {
    overflow: auto
}

.cl-timetracker-col-1 {
    max-width: 100%;
    overflow-x: hidden
}

.cl-w-100-hidden {
    overflow: hidden;
    max-width: 100%
}

.cl-navbar-nav {
    margin-left: 0
}

time-entry-bulk-edit project-picker2 .cl-client-icon-modal, timesheet project-picker2 .cl-client-icon-modal {
    width: 18px
}

time-entry-bulk-edit project-picker2 select-arrow, timesheet project-picker2 select-arrow {
    width: 10px
}

@media screen and (max-width:400px) {
    .cl-tracker-wrapper .cl-tracker-entry-container {
        position: relative
    }

    .cl-tracker-wrapper .cl-items-per-page {
        display: none
    }

    .cl-tracker-wrapper .cl-page-item {
        height: 40px
    }
}

hr {
    max-width: none
}

@media screen and (max-width:370px) {
    .cl-single-date-picker {
        padding: 0 !important
    }

    .cl-icon-play, .cl-tree-dots, billable-icon {
        width: 24px;
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

project-picker2 .cl-form-control, time-tracker-recorder tag-dropdown .cl-form-control {
    height: 2.8572rem
}

.tooltip {
    max-width: none;
    border-radius: 2px;
    background-color: transparent;
    font-size: .8571rem;
    color: #fff
}

    .tooltip:before {
        display: none
    }

.tr-table-reset table tbody tr:nth-child(2n), .tr-table-reset tbody, .tr-table-reset tbody tr:nth-child(2n), .tr-table-reset tfoot, .tr-table-reset thead, dashboard table tbody tr:nth-child(2n), dashboard tbody, dashboard tbody tr:nth-child(2n), dashboard tfoot, dashboard thead {
    background: none;
    border: none
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    /* min-height: 40px;  */
    min-height: 35px;
    box-shadow: none !important
}

.tr-reset-min-h {
    min-height: auto !important
}

tbody, tfoot, thead {
    border: inherit !important
}

thead {
    background: #fff
}

@media (min-width:768px) {
    .cl-timesheet-input-td {
        width: 69px !important
    }
}

.cl-timesheet-input {
    width: 69px !important
}

.cl-form-control {
    margin: 0;
    /* margin-top: 10px;  /* Added by Halber 20200821 */
}

.cl-form-control-sm {
    min-height: calc(1.69994rem + 2px) !important;
    padding: .25rem .5rem !important;
    font-size: .8571rem !important;
    line-height: 1.4 !important;
    border-radius: 2px !important
}

.modal-dialog .cl-input-date-picker, .modal-dialog .cl-input-date-picker:focus, .modal-dialog .cl-input-date-picker:hover {
    width: 100% !important;
    padding: .608rem .75rem !important;
    border: 1px solid #c6d2d9 !important
}

    .modal-dialog .cl-input-date-picker:focus {
        border: 1px solid #90a4ae !important
    }

.modal-dialog .cl-input-time-picker, .modal-dialog .cl-input-time-picker:focus, .modal-dialog .cl-input-time-picker:hover {
    border: 1px solid #c6d2d9 !important
}

    .modal-dialog .cl-input-time-picker:focus {
        border: 1px solid #90a4ae !important
    }

.cl-color-gray {
    color: #666 !important
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle
}

@supports (-ms-ime-align:auto) {
    .cl-timesheet-input {
        width: 64px !important
    }

    .cl-cut-text-wrapper-td {
        min-width: 50px
    }

    .cl-team-table-groups .cl-responsive-table-td-3 {
        min-width: 61px !important
    }
}

@-moz-document url-prefix() {
    .cl-cut-text-wrapper-td {
        min-width: 50px
    }

    .cl-team-table-members th:nth-child(3) {
        width: 140px
    }

    .cl-team-table-groups .cl-responsive-table-td-3 {
        min-width: 61px !important
    }

    .cl-project-table-tasks th:nth-child(3) {
        width: 112px
    }

    .cl-table-weekly-report th:not(:first-child) {
        width: 96px
    }
}

.chart-tooltip-long-text {
    padding: 0;
    color: #fff;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chart-tooltip-wrapper {
    background: #333;
    display: inline-flex;
    font-size: 14px
}

.chart-tooltip-circle {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 50%
}

.chart-tooltip-gray {
    padding: 0;
    color: #999
}

.chart-tooltip-white {
    padding: 0 10px 0 20px;
    color: #fff
}

.cl-bad {
    color: #f44336 !important;
    border: 1px solid #f44336 !important
}

.cl-progress-bar-wrapper {
    position: fixed;
    left: 0;
    top: 58px;
    height: 2px;
    width: 100%;
    z-index: 1070
}

@media (min-width:992px) {
    .cl-progress-bar-wrapper {
        top: 0
    }
}

.cl-progress-bar-anim {
    height: 2px;
    position: relative;
    overflow: hidden;
    background-color: transparent
}

    .cl-progress-bar-anim:before {
        display: block;
        position: absolute;
        content: "";
        height: 2px;
        background-color: #03a9f4;
        -webkit-animation: progress-bar-animation 2s linear infinite;
        animation: progress-bar-animation 2s linear infinite
    }

.cl-progress-bar-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 1060;
    top: 0
}

@-webkit-keyframes progress-bar-animation {
    0% {
        left: -30%;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@keyframes progress-bar-animation {
    0% {
        left: -30%;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

.cl-input-dots {
    position: relative;
    display: inline-block
}

.cl-timesheet-input-td .cl-input-dots {
    display: none
}

.cl-edited .cl-input-dots, .cl-timesheet-input-td:hover .cl-input-dots {
    display: block
}

.cl-hide-dots .cl-input-dots {
    display: none !important
}

@media (min-width:992px) {
    .cl-timesheet-input-td .cl-input-dots {
        position: absolute;
        right: -6px
    }
}


.InputBoxesStyle {
    border: none !important;
    border-bottom: 1px solid #d1d1d1 !important;
}