/* Poppins */
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/Poppins/Poppins-Regular.eot');
    src: url('/assets/fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
    url('/assets/fonts/Poppins/Poppins-Regular.woff') format('woff'),
    url('/assets/fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
    url('/assets/fonts/Poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/Poppins/Poppins-SemiBold.eot');
    src: url('/assets/fonts/Poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'),
    url('/assets/fonts/Poppins/Poppins-SemiBold.woff') format('woff'),
    url('/assets/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype'),
    url('/assets/fonts/Poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
:before, :after, ::before, ::after, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, hr, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video
{
    font: inherit;
    vertical-align: baseline;
    border: none;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

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

body
{
    line-height: 1em;
}

a
{
    text-decoration: none;
    cursor: pointer;
}

img
{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

svg
{
    width: 100%;
    height: auto;
    overflow: visible;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before
{
    content: '';
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea
{
    background: none;
    box-shadow: none;
}

button,
input[type='submit'],
input[type='button'],
input[type='reset']
{
    cursor: pointer;
    user-select: none;
}

button:disabled,
input[type='submit']:disabled,
input[type='button']:disabled,
input[type='reset']:disabled
{
    cursor: default;
}

input::-ms-clear
{
    display: none;
}

input[type='email']:invalid,
input[type='number']:invalid
{
    box-shadow: none;
}

input[type='number']
{
    -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration
{
    -webkit-appearance: none;
}

@keyframes fade-in-out
{
    0%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes scale-in
{
    0%
    {
        transform: scale(0);
    }
    100%
    {
        opacity: 0;
        transform: scale(1);
    }
}


@keyframes scale-x
{
    0%
    {
        transform: scaleX(0);
    }
    100%
    {
        transform: scaleX(1);
    }
}

/* Grid */
.grid__row
{
    margin-right: -12px;
    margin-left: -12px;
}

.grid__row:after
{
    content: '';
    display: table;
    clear: both;
}

.grid__col--xs-1,
.grid__col--sm-1,
.grid__col--md-1,
.grid__col--lg-1,
.grid__col--xs-2,
.grid__col--sm-2,
.grid__col--md-2,
.grid__col--lg-2,
.grid__col--xs-3,
.grid__col--sm-3,
.grid__col--md-3,
.grid__col--lg-3,
.grid__col--xs-4,
.grid__col--sm-4,
.grid__col--md-4,
.grid__col--lg-4,
.grid__col--xs-5,
.grid__col--sm-5,
.grid__col--md-5,
.grid__col--lg-5,
.grid__col--xs-6,
.grid__col--sm-6,
.grid__col--md-6,
.grid__col--lg-6,
.grid__col--xs-7,
.grid__col--sm-7,
.grid__col--md-7,
.grid__col--lg-7,
.grid__col--xs-8,
.grid__col--sm-8,
.grid__col--md-8,
.grid__col--lg-8,
.grid__col--xs-9,
.grid__col--sm-9,
.grid__col--md-9,
.grid__col--lg-9,
.grid__col--xs-10,
.grid__col--sm-10,
.grid__col--md-10,
.grid__col--lg-10,
.grid__col--xs-11,
.grid__col--sm-11,
.grid__col--md-11,
.grid__col--lg-11,
.grid__col--xs-12,
.grid__col--sm-12,
.grid__col--md-12,
.grid__col--lg-12
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.grid__row--spaced > .grid__col--xs-1,
.grid__row--spaced > .grid__col--sm-1,
.grid__row--spaced > .grid__col--md-1,
.grid__row--spaced > .grid__col--lg-1,
.grid__row--spaced > .grid__col--xs-2,
.grid__row--spaced > .grid__col--sm-2,
.grid__row--spaced > .grid__col--md-2,
.grid__row--spaced > .grid__col--lg-2,
.grid__row--spaced > .grid__col--xs-3,
.grid__row--spaced > .grid__col--sm-3,
.grid__row--spaced > .grid__col--md-3,
.grid__row--spaced > .grid__col--lg-3,
.grid__row--spaced > .grid__col--xs-4,
.grid__row--spaced > .grid__col--sm-4,
.grid__row--spaced > .grid__col--md-4,
.grid__row--spaced > .grid__col--lg-4,
.grid__row--spaced > .grid__col--xs-5,
.grid__row--spaced > .grid__col--sm-5,
.grid__row--spaced > .grid__col--md-5,
.grid__row--spaced > .grid__col--lg-5,
.grid__row--spaced > .grid__col--xs-6,
.grid__row--spaced > .grid__col--sm-6,
.grid__row--spaced > .grid__col--md-6,
.grid__row--spaced > .grid__col--lg-6,
.grid__row--spaced > .grid__col--xs-7,
.grid__row--spaced > .grid__col--sm-7,
.grid__row--spaced > .grid__col--md-7,
.grid__row--spaced > .grid__col--lg-7,
.grid__row--spaced > .grid__col--xs-8,
.grid__row--spaced > .grid__col--sm-8,
.grid__row--spaced > .grid__col--md-8,
.grid__row--spaced > .grid__col--lg-8,
.grid__row--spaced > .grid__col--xs-9,
.grid__row--spaced > .grid__col--sm-9,
.grid__row--spaced > .grid__col--md-9,
.grid__row--spaced > .grid__col--lg-9,
.grid__row--spaced > .grid__col--xs-10,
.grid__row--spaced > .grid__col--sm-10,
.grid__row--spaced > .grid__col--md-10,
.grid__row--spaced > .grid__col--lg-10,
.grid__row--spaced > .grid__col--xs-11,
.grid__row--spaced > .grid__col--sm-11,
.grid__row--spaced > .grid__col--md-11,
.grid__row--spaced > .grid__col--lg-11,
.grid__row--spaced > .grid__col--xs-12,
.grid__row--spaced > .grid__col--sm-12,
.grid__row--spaced > .grid__col--md-12,
.grid__row--spaced > .grid__col--lg-12
{
    margin-bottom: 24px;
}

.grid__col--xs-1,
.grid__col--xs-2,
.grid__col--xs-3,
.grid__col--xs-4,
.grid__col--xs-5,
.grid__col--xs-6,
.grid__col--xs-7,
.grid__col--xs-8,
.grid__col--xs-9,
.grid__col--xs-10,
.grid__col--xs-11,
.grid__col--xs-12
{
    float: left;
}

.grid__col--xs-12
{
    width: 100%;
}

.grid__col--xs-11
{
    width: 91.66666667%;
}

.grid__col--xs-10
{
    width: 83.33333333%;
}

.grid__col--xs-9
{
    width: 75%;
}

.grid__col--xs-8
{
    width: 66.66666667%;
}

.grid__col--xs-7
{
    width: 58.33333333%;
}

.grid__col--xs-6
{
    width: 50%;
}

.grid__col--xs-5
{
    width: 41.66666667%;
}

.grid__col--xs-4
{
    width: 33.33333333%;
}

.grid__col--xs-3
{
    width: 25%;
}

.grid__col--xs-2
{
    width: 16.66666667%;
}

.grid__col--xs-1
{
    width: 8.33333333%;
}

@media (min-width: 768px)
{
    .grid__col--sm-1,
    .grid__col--sm-2,
    .grid__col--sm-3,
    .grid__col--sm-4,
    .grid__col--sm-5,
    .grid__col--sm-6,
    .grid__col--sm-7,
    .grid__col--sm-8,
    .grid__col--sm-9,
    .grid__col--sm-10,
    .grid__col--sm-11,
    .grid__col--sm-12
    {
        float: left;
    }

    .grid__col--sm-12
    {
        width: 100%;
    }

    .grid__col--sm-11
    {
        width: 91.66666667%;
    }

    .grid__col--sm-10
    {
        width: 83.33333333%;
    }

    .grid__col--sm-9
    {
        width: 75%;
    }

    .grid__col--sm-8
    {
        width: 66.66666667%;
    }

    .grid__col--sm-7
    {
        width: 58.33333333%;
    }

    .grid__col--sm-6
    {
        width: 50%;
    }

    .grid__col--sm-5
    {
        width: 41.66666667%;
    }

    .grid__col--sm-4
    {
        width: 33.33333333%;
    }

    .grid__col--sm-3
    {
        width: 25%;
    }

    .grid__col--sm-2
    {
        width: 16.66666667%;
    }

    .grid__col--sm-1
    {
        width: 8.33333333%;
    }
}

@media (min-width: 992px)
{
    .grid__col--md-1,
    .grid__col--md-2,
    .grid__col--md-3,
    .grid__col--md-4,
    .grid__col--md-5,
    .grid__col--md-6,
    .grid__col--md-7,
    .grid__col--md-8,
    .grid__col--md-9,
    .grid__col--md-10,
    .grid__col--md-11,
    .grid__col--md-12
    {
        float: left;
    }

    .grid__col--md-12
    {
        width: 100%;
    }

    .grid__col--md-11
    {
        width: 91.66666667%;
    }

    .grid__col--md-10
    {
        width: 83.33333333%;
    }

    .grid__col--md-9
    {
        width: 75%;
    }

    .grid__col--md-8
    {
        width: 66.66666667%;
    }

    .grid__col--md-7
    {
        width: 58.33333333%;
    }

    .grid__col--md-6
    {
        width: 50%;
    }

    .grid__col--md-5
    {
        width: 41.66666667%;
    }

    .grid__col--md-4
    {
        width: 33.33333333%;
    }

    .grid__col--md-3
    {
        width: 25%;
    }

    .grid__col--md-2
    {
        width: 16.66666667%;
    }

    .grid__col--md-1
    {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px)
{
    .grid__col--lg-1,
    .grid__col--lg-2,
    .grid__col--lg-3,
    .grid__col--lg-4,
    .grid__col--lg-5,
    .grid__col--lg-6,
    .grid__col--lg-7,
    .grid__col--lg-8,
    .grid__col--lg-9,
    .grid__col--lg-10,
    .grid__col--lg-11,
    .grid__col--lg-12
    {
        float: left;
    }

    .grid__col--lg-12
    {
        width: 100%;
    }

    .grid__col--lg-11
    {
        width: 91.66666667%;
    }

    .grid__col--lg-10
    {
        width: 83.33333333%;
    }

    .grid__col--lg-9
    {
        width: 75%;
    }

    .grid__col--lg-8
    {
        width: 66.66666667%;
    }

    .grid__col--lg-7
    {
        width: 58.33333333%;
    }

    .grid__col--lg-6
    {
        width: 50%;
    }

    .grid__col--lg-5
    {
        width: 41.66666667%;
    }

    .grid__col--lg-4
    {
        width: 33.33333333%;
    }

    .grid__col--lg-3
    {
        width: 25%;
    }

    .grid__col--lg-2
    {
        width: 16.66666667%;
    }

    .grid__col--lg-1
    {
        width: 8.33333333%;
    }
}

.clockpicker-popover
{
    display: none;
    background: #ffffff;
    border-radius: 4px;
    padding: 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    user-select: none;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.clockpicker-popover.top
{
    margin-top: -8px;
}

.clockpicker-popover.bottom
{
    margin-top: 8px;
}

.clockpicker-arrow
{
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position: absolute;
}

.clockpicker-popover.top > .clockpicker-arrow
{
    border-bottom: 0;
    border-top-color: #ffffff;
    bottom: -4px;
}

.clockpicker-popover.bottom > .clockpicker-arrow
{
    border-top: 0;
    border-bottom-color: #ffffff;
    top: -4px;
}

.clockpicker-popover.clockpicker-align-left > .clockpicker-arrow
{
    left: 12px;
}

.clockpicker-popover.clockpicker-align-right > .clockpicker-arrow
{
    right: 12px;
}

.clockpicker-title
{
    font-size: 32px;
    line-height: 1em;
    text-align: center;
    color: #757575;
    margin-bottom: 12px;
}

.clockpicker-span-hours,
.clockpicker-span-minutes,
.clockpicker-span-am-pm
{
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.clockpicker-span-hours.active,
.clockpicker-span-minutes.active
{
    color: #2d3847;
}

.clockpicker-plate
{
    width: 256px;
    height: 256px;
    background: #eeeeee;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.clockpicker-canvas,
.clockpicker-dial
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.clockpicker-canvas
{
    z-index: 1;
    transition: opacity 0.1s ease-in-out;
}

.clockpicker-canvas-out
{
    opacity: 0.24;
}

.clockpicker-canvas-fg
{
    fill: #ffffff;
    stroke: none;
}

.clockpicker-canvas-bg
{
    fill: #2d3847;
    stroke: none;
}

.clockpicker-canvas-bg-trans
{
    fill: #2d3847;
}

.clockpicker-canvas-bearing
{
    fill: #2d3847;
    stroke: none;
}

.clockpicker-canvas line
{
    stroke: #2d3847;
    stroke-width: 2;
    stroke-linecap: round;
}

.clockpicker-dial
{
    z-index: 2;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.clockpicker-dial-out
{
    opacity: 0;
}

.clockpicker-minutes
{
    visibility: hidden;
}

.clockpicker-hours.clockpicker-dial-out
{
    transform: scale(1.2);
}

.clockpicker-minutes.clockpicker-dial-out
{
    transform: scale(0.8);
}

.clockpicker-tick
{
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #212121;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.clockpicker-tick.active
{
    background-color: #2d3847;
    color: #ffffff;
}

.datepicker-container
{
    width: 304px;
    background: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-touch-callout: none;
    touch-action: none;
    user-select: none;
}

.datepicker-container:before
{
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position: absolute;
}

.datepicker-container.datepicker-top-left:before,
.datepicker-container.datepicker-top-right:before
{
    border-top: none;
    border-bottom-color: #ffffff;
    top: -4px;
}

.datepicker-container.datepicker-bottom-left:before,
.datepicker-container.datepicker-bottom-right:before
{
    border-bottom: none;
    border-top-color: #ffffff;
    bottom: -4px;
}

.datepicker-container.datepicker-top-left:before,
.datepicker-container.datepicker-bottom-left:before
{
    left: 12px;
}

.datepicker-container.datepicker-top-right:before,
.datepicker-container.datepicker-bottom-right:before
{
    right: 12px;
}

.datepicker-dropdown
{
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.datepicker-hide
{
    display: none;
}

.datepicker-inline
{
    position: static;
}

.datepicker-panel > ul,
.datepicker-panel > div
{
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
}

.datepicker-panel > ul:first-child,
.datepicker-panel > ul[data-view='days']
{
    padding-top: 0;
}

.datepicker-panel > ul:before,
.datepicker-panel > ul:after,
.datepicker-panel > div:before,
.datepicker-panel > div:after
{
    content: ' ';
    display: table;
}

.datepicker-panel > ul:after,
.datepicker-panel > div:after
{
    clear: both;
}

.datepicker-panel > ul > li
{
    float: left;
    width: 32px;
    height: 32px;
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.datepicker-panel > ul > li:hover
{
    background-color: rgba(33, 33, 33, 0.06); /*#212121*/
}

.datepicker-panel > ul > li:active
{
    background-color: rgba(33, 33, 33, 0.12); /*#212121*/
}

.datepicker-panel > ul > li.muted
{
    color: #757575;
}

.datepicker-panel > ul > li.picked
{
    background-color: rgba(45, 56, 71, 0.12); /*#2d3847*/
    color: #2d3847;
}

.datepicker-panel > ul > li.highlighted
{
    background-color: #2d3847;
    color: #ffffff;
}

.datepicker-panel > ul > li.disabled
{
    background-color: #ffffff;
    color: #bdbdbd;
    cursor: default;
}

.datepicker-panel > ul > li[data-view='years prev'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='month next']
{
    width: 32px;
    height: 32px;
    text-indent: -9999em;
    position: absolute;
    top: 0;
}

.datepicker-panel > ul > li[data-view='years prev'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='month prev']
{
    right: 48px;
}

.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='month next']
{
    right: 12px;
}

.datepicker-panel > ul > li[data-view='years prev']:before,
.datepicker-panel > ul > li[data-view='year prev']:before,
.datepicker-panel > ul > li[data-view='month prev']:before,
.datepicker-panel > ul > li[data-view='years next']:before,
.datepicker-panel > ul > li[data-view='year next']:before,
.datepicker-panel > ul > li[data-view='month next']:before
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.datepicker-panel > ul > li[data-view='years prev']:before,
.datepicker-panel > ul > li[data-view='year prev']:before,
.datepicker-panel > ul > li[data-view='month prev']:before
{
    background-image: url(/assets/images/icons/chevron-left.svg);
}

.datepicker-panel > ul > li[data-view='years next']:before,
.datepicker-panel > ul > li[data-view='year next']:before,
.datepicker-panel > ul > li[data-view='month next']:before
{
    background-image: url(/assets/images/icons/chevron-right.svg);
}

.datepicker-panel > ul > li[data-view='years prev'].disabled:before,
.datepicker-panel > ul > li[data-view='year prev'].disabled:before,
.datepicker-panel > ul > li[data-view='month prev'].disabled:before,
.datepicker-panel > ul > li[data-view='years next'].disabled:before,
.datepicker-panel > ul > li[data-view='year next'].disabled:before,
.datepicker-panel > ul > li[data-view='month next'].disabled:before
{
    opacity: 0.24;
}

.datepicker-panel > ul > li[data-view='years current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='month current']
{
    width: auto;
    font-size: 14px;
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
}

.datepicker-panel > ul[data-view='years'] > li,
.datepicker-panel > ul[data-view='months'] > li
{
    width: 88px;
    border-radius: 4px;
    margin: 1px 2px;
    padding-right: 8px;
    padding-left: 8px;
}

.datepicker-panel > ul[data-view='week'] > li
{
    background-color: #ffffff;
    text-transform: uppercase;
    color: #757575;
    margin-right: 4px;
    margin-left: 4px;
    cursor: default;
}

.datepicker-panel > ul[data-view='days'] > li
{
    text-align: center;
    margin: 1px 4px;
}

.datepicker-panel > div[data-view='time'] > div[data-view='time hours'],
.datepicker-panel > div[data-view='time'] > div[data-view='time minutes']
{
    float: left;
    width: 50%;
}

.datepicker-panel > div[data-view='time'] > div[data-view='time hours']
{
    padding-right: 12px;
    position: relative;
}

.datepicker-panel > div[data-view='time'] > div[data-view='time minutes']
{
    padding-left: 8px;
}

.datepicker-panel > div[data-view='time'] > div[data-view='time hours']:after
{
    content: ':';
    font-size: 16px;
    line-height: 1em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 0;
}

.datepicker-panel > div[data-view='time'] > div > select
{
    width: 100%;
    height: 32px;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    text-align-last: center;
    border-bottom: 1px solid #bdbdbd;
    transition: border 0.2s ease-in-out;
}

.datepicker-panel > div[data-view='time'] > div > select:hover
{
    border-bottom: 2px solid #212121;
}

.datepicker-panel > div[data-view='time'] > div > select:focus
{
    border-bottom: 2px solid #2d3847;
}

/* Owl carousel */
.owl-carousel
{
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage
{
    position: relative;
    -moz-backface-visibility: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.owl-carousel.owl-inline .owl-stage
{
    white-space: nowrap;
}

.owl-carousel .owl-stage:after
{
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item
{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item
{
    float: left;
    min-height: 1px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel.owl-inline .owl-item
{
    float: none;
    display: inline-block;
    vertical-align: top;
}

.owl-carousel .owl-item img
{
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled
{
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot
{
    z-index: 2;
    cursor: pointer;
    cursor: hand;
    user-select: none;
}

.owl-carousel.owl-loaded
{
    display: block;
}

.owl-carousel.owl-loading
{
    display: block;
    opacity: 0;
}

.owl-carousel.owl-hidden
{
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item
{
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item
{
    user-select: none;
}

.owl-carousel.owl-grab
{
    cursor: move;
    cursor: grab;
}

.owl-carousel .owl-height
{
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-dots
{
    margin-top: 10px;
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot
{
    display: inline-block;
    zoom: 1
}

.owl-carousel .owl-dots .owl-dot span
{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span
{
    background: #9667c5
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next
{
    background: rgba(214, 214, 214, 0.7);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    text-indent: -9999em;
    font-size: 0;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border:1px solid #f0f3f4;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover
{
    background-color: rgba(214, 214, 214, 0.9);
    border-color:#9667c5;
}
.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before
{
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    display: block;
    position: absolute;
    top:12px;
    transition: border-color 0.2s ease-in-out;
}

.owl-carousel .owl-nav .owl-prev:before
{
    border-width: 10px 20px 10px 0;
    border-color: transparent #fff transparent transparent;
    left:8px;
}
.owl-carousel .owl-nav .owl-next:before
{
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
    right:8px;
}

.owl-carousel .owl-nav .owl-prev
{
    left: 0;
}

.owl-carousel .owl-nav .owl-next
{
    right: 0;
}


.owl-carousel .owl-nav .owl-prev:hover:before
{
    border-color: transparent #9667c5 transparent transparent;
}
.owl-carousel .owl-nav .owl-next:hover:before
{
    border-color: transparent transparent transparent #9667c5;
}

/* Select2 */
.select2
{
    display: block;
    position: relative;
}

.select2 .selection
{
    display: block;
}

.select2 .select2-selection
{
    display: block;
    position: relative;
    cursor: pointer;
    /*user-select: none;*/
    background: #F9FBFC;
    padding: 10px 44px 10px 20px;
    border-radius: 20px;
    border:1px solid #EFEEF3;
    transition: border 0.2s ease-in-out;
}

.select2 .select2-selection--multiple
{
    padding: 5px 0 5px 5px;
}

.select2.select2-container--readonly .select2-selection,
.select2.select2-container--disabled .select2-selection
{
    cursor: default;
}

.select2--custom + .select2 .select2-selection
{
    padding-right: 0;
}


.select2:hover .select2-selection
{
    border-color: #212121;
}

.select2.select2-container--focus .select2-selection
{
    border-color: #2d3847;
}

.select2.select2-container--readonly .select2-selection:after,
.select2.select2-container--disabled .select2-selection:after
{
    border-bottom: 1px dotted #bdbdbd;
}

.select2 .select2-selection__rendered
{
    display: block;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
}

.select2 .select2-selection--single .select2-selection__rendered
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.select2 .select2-selection--multiple .select2-selection__rendered
{
    display: inline;
}

.select2.select2-container--disabled .select2-selection__rendered
{
    color: #757575;
}

.select2--custom + .select2 .select2-selection__rendered
{
    height: auto;
}

.select2 .select2-selection__placeholder
{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bdbdbd;
    overflow: hidden;
}

.select2 .select2-selection__clear
{
    float: right;
    width: 24px;
    height: 36px;
    text-indent: -9999em;
    position: relative;
    cursor: pointer;
    margin-top: -5px;
}

.select2.select2-container--readonly .select2-selection__clear,
.select2.select2-container--disabled .select2-selection__clear
{
    display: none;
}

.select2 .select2-selection__clear:before
{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(/assets/images/icons/cross.svg) no-repeat center;
    background-size: contain;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.56;
    transition: opacity 0.2s ease-in-out;
}

.select2 .select2-selection__clear:hover:before,
.select2 .select2-selection__clear:active:before
{
    opacity: 1;
}

.select2 .select2-selection__arrow
{
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/chevron-down.svg) no-repeat center;
    background-size: contain;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    transition: transform 0.2s ease-in-out;
}

.select2.select2-container--open .select2-selection__arrow
{
    transform: rotate(180deg);
}

select[readonly] + .select2 .select2-selection__arrow,
.select2.select2-container--readonly .select2-selection__arrow,
.select2.select2-container--disabled .select2-selection__arrow
{
    display: none;
}

.select2--custom + .select2 .select2-selection__arrow
{
    display: none;
}

.select2 .select2-selection__choice
{
    display: inline-block;
    max-width: 100%;
    background: #eeeeee;
    vertical-align: top;
    border-radius: 15px;
    margin: 2px 4px 2px 0;
    padding: 5px 32px 5px 12px;
    position: relative;
    cursor: default;
    user-select: none;
}

.select2.select2-container--readonly .select2-selection__choice,
.select2.select2-container--disabled .select2-selection__choice
{
    padding-right: 12px;
}

.select2 .select2-selection__choice__display
{
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #757575;
    overflow: hidden;
}

.select2 .select2-selection__choice__remove
{
    width: 20px;
    height: 20px;
    text-indent: -9999em;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 6px;
    cursor: pointer;
}

.select2.select2-container--readonly .select2-selection__choice__remove,
.select2.select2-container--disabled .select2-selection__choice__remove
{
    display: none;
}

.select2 .select2-selection__choice__remove:before
{
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color 0.2s ease-in-out;
}

.select2-selection__choice__remove:hover:before
{
    background-color: rgba(0, 0, 0, 0.06);
}

.select2-selection__choice__remove:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.select2 .select2-selection__choice__remove:after
{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(/assets/images/icons/cross.svg) no-repeat center;
    background-size: contain;
    margin-top: -7px;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.56;
    transition: opacity 0.2s ease-in-out;
}

.select2-selection__choice__remove:hover:after,
.select2-selection__choice__remove:active:after
{
    opacity: 1;
}

.select2 .select2-search__field
{
    max-width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding-left: 20px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.select2-container
{
    display: block;
    position: relative;
    z-index: 750;
}

.select2.select2-container
{
    z-index: auto;
}

.select2.select2-container--readonly
{
    pointer-events: none;
    touch-action: none;
}

.select2-dropdown
{
    display: block;
    width: 100%;
    background: #ffffff;
    border-radius: 20px;
    padding: 16px 10px 16px 20px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px 0px rgba(0, 0, 0, 0.05), -1px 4px 4px 0px rgba(0, 0, 0, 0.04), -2px 9px 5px 0px rgba(0, 0, 0, 0.03), -3px 16px 7px 0px rgba(0, 0, 0, 0.01), -5px 25px 7px 0px rgba(0, 0, 0, 0.00);
}

.select2-dropdown .select2-search
{
    display: block;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.select2-dropdown .select2-search--hide
{
    display: none;
}

.select2-dropdown .select2-search:after
{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/assets/images/icons/search.svg) no-repeat center;
    background-size: contain;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 1;
}

.select2-dropdown .select2-search__field
{
    display: block;
    width: 100%;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding-right: 40px;
}

.select2-dropdown .select2-results
{
    display: block;
}

.select2-dropdown .select2-results__options[role='listbox']
{
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
}

.select2-dropdown .select2-results__option[role='group'] + .select2-results__option[role='group']
{
    border-top: 1px solid #eeeeee;
    margin-top: 8px;
    padding-top: 8px;
}

.select2-dropdown .select2-results__option[role='group'] > .select2-results__group
{
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    color: #9e9e9e;
    padding: 12px 24px;
}

.select2-dropdown .select2-results__option[role='group'][aria-label=''] > .select2-results__group
{
    display: none;
}

.select2-dropdown .select2-results__option[role='option']
{
    font-size: 13px;
    line-height: 1.5em;
    padding: 10px 10px 10px 0;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease-in-out;
    position: relative;
}

.select2-dropdown .select2-results__option[role='option']:after
{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left:0;
    right:10px;
    height: 1px;
    background: rgba(0, 0, 0, 0.10);;
}

.select2-dropdown .select2-results__option[role='option']:last-child:after
{
    display: none;
}
.select2-dropdown .select2-results__option[role='option']:hover
{
    color: #2d3847;
}

.select2-dropdown .select2-results__option--selected
{
    color: #2d3847;
}

.select2-dropdown .select2-results__option--disabled
{
    display: none;
}

.select2-dropdown .select2-results__message
{
    font-size: 14px;
    line-height: 1.2em;
    color: #9e9e9e;
    padding: 12px 24px;
}

.select2-hidden-accessible
{
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    white-space: nowrap !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}



.croppie-container
{
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image
{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary
{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer
{
    position: absolute;
    border: 2px solid #ffffff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer
{
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal
{
    position: absolute;
    pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after
{
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #ffffff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical
{
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px;
}

.croppie-container .cr-resizer-vertical::after
{
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal
{
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%;
}

.croppie-container .cr-resizer-horisontal::after
{
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image
{
    display: none;
}

.croppie-container .cr-vp-circle
{
    border-radius: 50%;
}

.croppie-container .cr-overlay
{
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap
{
    margin-top: 10px;
}

.croppie-result
{
    position: relative;
    overflow: hidden;
}

.croppie-result img
{
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport
{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider
{
    display: block;
    width: 300px;
    max-width: 100%;
    background-color: transparent;
    margin-right: auto;
    margin-left: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-appearance: none;
}

.cr-slider::-webkit-slider-runnable-track
{
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb
{
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #dddddd;
    margin-top: -6px;
}

.cr-slider:focus
{
    outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track
{
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb
{
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #dddddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring
{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track
{
    width: 100%;
    height: 5px;
    background: transparent;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent; /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower
{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.cr-slider::-ms-fill-upper
{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.cr-slider::-ms-thumb
{
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #dddddd;
    margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower
{
    background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper
{
    background: rgba(0, 0, 0, 0.5);
}

/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls
{
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

.cr-rotate-controls button
{
    border: 0;
    background: none;
}

.cr-rotate-controls i:before
{
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}

.cr-rotate-l i:before
{
    content: '↺';
}

.cr-rotate-r i:before
{
    content: '↻';
}

.cron-popover
{
    background: #ffffff;
    border-radius: 4px;
    padding: 12px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    user-select: none;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    display: none;
}

.cron-popover:before
{
    content: '';
    left: 12px;
    border-top: 0;
    top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
}

.cron-popover:after
{
    content: '';
    display: table;
    clear: both;
}

.cron-popover .form__row
{
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 480px)
{
    .cron-popover[data-period="month"] .cron-block,
    .cron-popover[data-period="week"] .cron-block
    {
        width: 50%;
        float: left;
    }
    .cron-popover[data-period="year"] .cron-block
    {
        width: 33.3333%;
        float: left;
    }
}
/* Alert */
.alert
{
    color: #ffffff;
    border-radius: 4px;
    padding: 12px 16px;
}

.alert--default
{
    background-color: #ffffff;
    color: #212121;
}

.alert--primary
{
    background-color: #0093d7;
}

.alert--success
{
    background-color: #4caf50;
}

.alert--warning
{
    background-color: #ffb300;
}

.alert--danger
{
    background-color: #f44336;
}

/* Default */
.button
{
    display: inline-block;
    height: 50px;
    min-width: 64px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    z-index: 1;
    user-select: none;
    transition: opacity 0.2s ease-in-out;
}

.button--case
{
    text-transform: none;
}

.button--fluid
{
    width: 100%;
}

.button--default,
.button--light
{
    color: #212121;
}

.button--primary,
.button--secondary,
.button--success,
.button--warning,
.button--danger,
.button--dark
{
    color: #ffffff;
}

.button:disabled
{
    opacity: 0.38;
}

.button:before,
.button:after
{
    content: '';
    display: block;
    border-radius: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
}

.button--primary:before
{
    background-color: #ff0000;
}

.button--secondary:before
{
    background-color: #2d3847;
}

.button--success:before
{
    background-color: #4caf50;
}

.button--warning:before
{
    background-color: #ffb300;
}

.button--danger:before
{
    background-color: #f44336;
}

.button--light:before
{
    background-color: #FFF;
}

.button--dark:before
{
    background-color: #263238;
}

.button:after
{
    z-index: -1;
    transition: background-color 0.2s ease-in-out;
}

.button:hover:after
{
    background-color: rgba(255, 255, 255, 0.12);
}

.button:active:after
{
    background-color: rgba(255, 255, 255, 0.24);
}

.button--default:hover:after,
.button--light:hover:after
{
    background-color: rgba(0, 0, 0, 0.06);
}

.button--default:active:after,
.button--light:active:after
{
    background-color: rgba(0, 0, 0, 0.12);
}

.button--primary.button--text
{
    color: #62a8ea;
}

.button--primary.button--text:before
{
    display: none;
}

.button--primary.button--text:after
{
    background-color: transparent;
}

.button--primary.button--text:hover:after
{
    background-color: rgba(0, 147, 215, 0.12); /*#62a8ea*/
}

.button--primary.button--text:active:after
{
    background-color: rgba(0, 147, 215, 0.24); /*#62a8ea*/
}

.button:disabled:after
{
    display: none;
}

.button--icon
{
    padding-left: 44px;
}

.button__icon
{
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.button__icon:before
{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.2s ease-in-out;
}

.button[data-icon="filter"] .button__icon:before
{
    background-image: url(/assets/images/icons/filter.svg);
}

.button--primary[data-icon="plus"] .button__icon:before
{
    background-image: url(/assets/images/icons/plus-white.svg);
}

.button--light[data-icon="chevron-left"] .button__icon:before
{
    background-image: url(/assets/images/icons/chevron-left.svg);
}

.button--light[data-icon="list"] .button__icon:before
{
    background-image: url(/assets/images/icons/list.svg);
}

.button--light[data-icon="copy"] .button__icon:before
{
    background-image: url(/assets/images/icons/copy.svg);
}

.button--light[data-icon="check"] .button__icon:before
{
    background-image: url(/assets/images/icons/check.svg);
}

.button--light[data-icon="download"] .button__icon:before
{
    background-image: url(/assets/images/icons/download.svg);
}

.button--light[data-icon="regenerate"] .button__icon:before
{
    background-image: url(/assets/images/icons/regenerate.svg);
}

.button--light[data-icon="edit"] .button__icon:before
{
    background-image: url(/assets/images/icons/pencil.svg);
}

.button[data-icon="users"] .button__icon:before
{
    background-image: url(/assets/images/icons/users.svg);
}

.button.button--primary[data-icon="users"] .button__icon:before
{
    background-image: url(/assets/images/icons/users-white.svg);
}

.button[data-icon="exchange"] .button__icon:before
{
    background-image: url(/assets/images/icons/exchange.svg);
}

.button[data-icon="calendar"] .button__icon:before
{
    background-image: url(/assets/images/icons/calendar.svg);
}

.button[data-icon="invites"] .button__icon:before
{
    background-image: url(/assets/images/icons/invites.svg);
}

.button.button--primary[data-icon="invites"] .button__icon:before
{
    background-image: url(/assets/images/icons/invites-white.svg);
}

.button.button--light[data-icon="billing"] .button__icon:before
{
    background-image: url(/assets/images/icons/billing.svg);
}

.button.button--light[data-icon="card"] .button__icon:before
{
    background-image: url(/assets/images/icons/card.svg);
}

.button.button--danger[data-icon="cancel"] .button__icon:before,
.button.button--success[data-icon="cancel"] .button__icon:before
{
    background-image: url(/assets/images/icons/cancel-white.svg);
}

.button.button--primary[data-icon="card"] .button__icon:before,
.button.button--success[data-icon="card"] .button__icon:before
{
    background-image: url(/assets/images/icons/card-white.svg);
}


/* Social Button */
.social-button
{
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 10px;

}

.social-button:before
{
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.2s ease-in-out;
}

.social-button[data-icon="google"]:before
{
    background-image: url(/assets/images/icons/google.svg);
}

.social-button[data-icon="facebook"]:before
{
    background-image: url(/assets/images/icons/facebook.svg);
}

/* Toggle */
.button-toggle
{
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: left;
    text-indent: -9999em;
    vertical-align: top;
    position: relative;
}

.button-toggle--large
{
    width: 48px;
    height: 48px;
}

.button-toggle:before
{
    content: '';
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
    will-change: transform;
}

.button-toggle:hover:before,
.button-toggle:active:before
{
    transform: scale(1);
}

.button-toggle:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.button-toggle:disabled:before
{
    display: none;
}

.button-toggle--light:before
{
    background-color: rgba(255, 255, 255, 0.12);
}

.button-toggle--light:active:before
{
    background-color: rgba(255, 255, 255, 0.24);
}

.button-toggle:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.2s ease-in-out;
}

.button-toggle--large:after
{
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}

.button-toggle:disabled:after
{
    opacity: 0.24;
}

.button-toggle[data-icon="notifications"]:after
{
    background-image: url(/assets/images/icons/notifications.svg);
}

.button-toggle[data-icon="chevron-first"]:after
{
    background-image: url(/assets/images/icons/chevron-first.svg);
}

.button-toggle[data-icon="chevron-last"]:after
{
    background-image: url(/assets/images/icons/chevron-last.svg);
}

.button-toggle[data-icon="chevron-left"]:after
{
    background-image: url(/assets/images/icons/chevron-left.svg);
}

.button-toggle[data-icon="chevron-right"]:after
{
    background-image: url(/assets/images/icons/chevron-right.svg);
}

.button-toggle[data-icon="menu"]
{
    color:#fff;
}
.button-toggle[data-icon="menu"]:after
{
    background-image: url(/assets/images/icons/menu.svg);
}




/* Channel icon */
.channel-icon
{
    display: block;
    width: 20px;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
}

.channel-icon-small
{
    background-size: 80%;
}

.channel-icon-container
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 3px 0 0 2px;
    border-radius: 50%;
}

.channel-icon--android
{
    background-image: url(/assets/images/icons/android.svg);
}

.channel-icon--asterisk
{
    background-image: url(/assets/images/icons/phone-orange.svg);
}

.channel-icon--asterisk-incoming
{
    background-image: url(/assets/images/icons/phone-orange-incoming.svg);
}

.channel-icon--asterisk-outgoing
{
    background-image: url(/assets/images/icons/phone-green-outgoing.svg);
}

.channel-icon--asterisk-missed
{
    background-image: url(/assets/images/icons/phone-red-missed.svg);
}

.channel-icon--email
{
    background-image: url(/assets/images/icons/at-blue.svg);
}

.channel-icon--facebook
{
    background-image: url(/assets/images/icons/facebook-messenger.svg);
}

.channel-icon--ios
{
    background-image: url(/assets/images/icons/apple.svg);
}

.channel-icon--number
{
    background-image: url(/assets/images/icons/phone.svg);
}

.channel-icon--telegram
{
    background-image: url(/assets/images/icons/telegram.svg);
}

.channel-icon--webchat
{
    background-image: url(/assets/images/icons/webchat.svg);
}

/* Expansion */
.expansion + .expansion:not(.expansion__control-editing)
{
    border-top: 1px solid #eeeeee;
}

.expansion__header
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    padding: 16px 24px;
    position: relative;
    overflow: hidden;
    user-select: none;
    transition: background-color 0.2s ease-in-out, padding 0.2s ease-in-out;
    background: #2d3847;
    border-radius: 20px 20px 0 0;
}

.expansion__header--has-icon
{
    padding-left: 56px;
}

.expansion--collapsible > .expansion__header
{
    padding-top: 16px;
    padding-right: 56px;
    padding-bottom: 16px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #f5f5f5;
    color:#050915;
}

.expansion--collapsible > .expansion__header:hover
{
    background-color: #eeeeee;
}

.expansion--collapsible > .expansion__header:active
{
    background-color: #eeeeee;
}

.expansion--collapsible.active > .expansion__header:not(.expansion__control-editing)
{
    /*padding-top: 24px;*/
    /*padding-bottom: 24px;*/
}

.expansion--collapsible > .expansion__header:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/chevron-down.svg) no-repeat center;
    background-size: contain;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 16px;
    transition: transform 0.2s ease-in-out;
}

.expansion--collapsible.active > .expansion__header:after
{
    transform: rotate(180deg);
}

.expansion__header__icon
{
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 16px;
}

.expansion__content:not(.expansion__control-editing)
{
    padding: 16px 24px 16px 24px;
}

.expansion--collapsible > .expansion__content
{
    display: none;
}

.expansion--collapsible > .expansion__content:not(.expansion__control-editing)
{
    border-top: 1px solid #eeeeee;
    padding-top: 16px;
}
/* Form */
.form__actions,
.form__row
{
    margin-top: 20px;
    position: relative;
}

.form__actions
{
    margin-top: 40px;
    text-align: center;
}

.form__row:first-child
{
    margin-top: 0;
}

.form__row--joined,
.form__row.hidden:first-child + .form__row
{
    margin-top: 0;
}

.form__row--separated
{
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
}

.form__row--separator
{
    margin-top: 24px;
    padding-top: 24px;
    position: relative;
}

.form__row--separated:after,
.form__row--separator:before
{
    content: '';
    height: 1px;
    background: #eeeeee;
    position: absolute;
    right: -24px;
    left: -24px;
}

.form__row--separated:after
{
    bottom: 0;
}

.form__row--separator:before
{
    top: 0;
}

.form__row--by-2.form__row--separated:after,
.form__row--by-2.form__row--separator:before,
.form__row--by-3.form__row--separated:after,
.form__row--by-3.form__row--separator:before
{
    right: -12px;
    left: -12px;
}

.form__row--by-2,
.form__row--by-3
{
    margin-right: -12px;
    margin-left: -12px;
}

.form__row--by-2:after,
.form__row--by-3:after
{
    content: '';
    display: table;
    clear: both;
}

.form__cell
{
    float: left;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
}

.form__row--by-2 > .form__cell
{
    width: 50%;
}

.form__row--by-3 > .form__cell
{
    width: 33.33334%;
}

.form__row--by-2 > .form__cell--fluid,
.form__row--by-3 > .form__cell--fluid
{
    width: 100%;
}

.form__title
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 8px;
}

.form__label
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
    user-select: none;
    transition: color 0.2s ease-in-out;
    margin-bottom: 10px;
    color: #9e9e9e;;
}

.form__label.active
{
    color: #1D2B53;
}

.form__row.error .form__label,
.form__cell.error .form__label
{
    color: #f44336;
}

/* Form inputs */
.form__input
{
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #EFEEF3;
    background: #F9FBFC;
    border-radius: 20px;
    transition: border 0.2s ease-in-out;
}

.form__input--area
{
    min-height: 80px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    resize: none;
}


.form__input--copyable
{
    padding-right: 40px;
}

.form__input:hover
{
    border: 1px solid #212121;
}

.form__input:focus
{
    border: 1px solid #1D2B53;
}

.form__input[readonly],
.form__input[readonly]:hover,
.form__input[readonly]:focus
{
    border: 1px dotted #bdbdbd;
}

.form__input--disabled,
.form__input--disabled:hover,
.form__input--disabled:focus,
.form__input:disabled,
.form__input:disabled:hover,
.form__input:disabled:focus
{
    color: #757575;
    border: 1px dotted #bdbdbd;
}

.form__row.error .form__input,
.form__cell.error .form__input
{
    border-color: #f44336;
}

.form__input:-webkit-autofill,
.form__input:-webkit-autofill:hover,
.form__input:-webkit-autofill:focus
{
    -webkit-box-shadow: 0 0 0 9999em #ffffff inset;
}

.form__row.error .form__input--area + .editor-toolbar + .CodeMirror:after,
.form__row.error .form__select + .select2 .select2-selection:after,
.form__cell.error .form__input--area + .editor-toolbar + .CodeMirror:after,
.form__cell.error .form__select + .select2 .select2-selection:after
{
    border-color: #f44336;
}

.form__file
{
    display: none;
}

.form__file + .form__label
{
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 130px 10px 20px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #EFEEF3;
    background: #F9FBFC;
    border-radius: 20px;
    transition: border 0.2s ease-in-out;
    position: relative;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color:#212121;
    font-weight: normal;
}


.form__file + .form__label.form__label--placeholder
{
    color: #bdbdbd;
}

.form__file + .form__label:hover
{
    border: 1px solid #212121;
}

.form__file + .form__label:before
{
    content: attr(data-button);
    display: block;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    vertical-align: top;
    padding-right: 16px;
    padding-left: 16px;
    user-select: none;
    transition: background-color 0.2s ease-in-out;
    background-color: #1D2B53;
    color: #fff;
    position: absolute;
    right: -1px;
    top: -1px;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    font-weight: normal;
}

.form__file + .form__label:hover:before
{
    background-color: #75b3ed;
}


.uploader .form__input[value=""] + .form__helper
{
    display: none;
}

.form__file-download
{
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #9e9e9e;
    border-bottom-color: rgb(158, 158, 158);
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    color: #9e9e9e;
}
.form__file-download:hover
{
    color: #1D2B53;
    border-color: #1D2B53;
}

.form__radio,
.form__checkbox
{
    display: none;
}

.form__radio + .form__label,
.form__checkbox + .form__label
{
    min-height: 20px;
    font-size: 14px;
    line-height: 1.5em;
    white-space: normal;
    color: #212121;
    padding-left: 28px;
    position: relative;
    overflow: visible;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.form__radio:disabled + .form__label,
.form__checkbox:disabled + .form__label
{
    color: #9e9e9e;
    cursor: default;
}

.form__group > .form__radio + .form__label,
.form__group > .form__checkbox + .form__label
{
    margin-top: 8px;
}

.form__group > .form__radio:first-child + .form__label,
.form__group > .form__checkbox:first-child + .form__label
{
    margin-top: 0;
}

.form__radio + .form__label:before,
.form__checkbox + .form__label:before
{
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #bdbdbd;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.form__radio + .form__label:before
{
    border-radius: 50%;
}

.form__radio + .form__label:hover:before,
.form__checkbox + .form__label:hover:before
{
    border-color: #212121;
}

.form__radio:checked + .form__label:before,
.form__checkbox:checked + .form__label:before
{
    border-color: #1D2B53;
}

.form__checkbox:checked + .form__label:before
{
    background-color: #1D2B53;

}

.form__checkbox.indeterminate + .form__label:before
{
    background-color: #757575;
    border-color: #757575;
}

.form__radio:disabled + .form__label:before,
.form__checkbox:disabled + .form__label:before
{
    border-color: #bdbdbd;
}

.form__checkbox:checked:disabled + .form__label:before
{
    background-color: #bdbdbd;
}

.form__radio + .form__label:after,
.form__checkbox + .form__label:after
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, transform 0.2s ease-in-out;
}

.form__radio + .form__label:after
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/assets/images/icons/chevron-check-blue.svg);
    border-radius: 50%;
    margin-top: 0px;
    margin-left: 2px;
    background-size: contain;
}

.form__radio:disabled + .form__label:after
{
    background-color: #bdbdbd;
}

.form__checkbox + .form__label:after
{
    width: 20px;
    height: 20px;
    background: url(/assets/images/icons/check-white.svg) no-repeat center;
    background-size: contain;
}

.form__checkbox.indeterminate + .form__label:after
{
    background-image: url(/assets/images/icons/minus-white.svg);
}

.form__radio:checked + .form__label:after,
.form__checkbox:checked + .form__label:after,
.form__checkbox.indeterminate + .form__label:after
{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0s;
}

/* Form helpers */
.form__backspace,
.form__copy,
.form__clear
{
    width: 32px;
    height: 32px;
    background: #ffffff;
    text-indent: -9999em;
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 1;
    border-radius: 50%;
}

.form__hide
{
    width: 18px;
    height: 18px;
    background: #ffffff;
    text-indent: -9999em;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}

.form__row--separator > .form__hide
{
    top: 24px;
}

.form__backspace
{
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out;
}

.form__clear,
.form__hide
{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.form__cell > .form__clear
{
    right: 12px;
}

.form__row:hover > .form__hide,
.form__row:hover > .form__clear,
.form__cell:hover > .form__clear
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.form__input:invalid + .form__backspace,
.form__input:invalid + .form__copy
{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.form__input:disabled + .form__backspace,
.form__input:disabled + .form__clear
{
    display: none;
}

.form__backspace:before,
.form__copy:before,
.form__clear:before,
.form__hide:before
{
    content: '';
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.form__backspace:hover:before,
.form__backspace:active:before,
.form__copy:hover:before,
.form__copy:active:before,
.form__clear:hover:before,
.form__clear:active:before,
.form__hide:hover:before,
.form__hide:active:before
{
    transform: scale(1);
}

.form__backspace:active:before,
.form__copy:active:before,
.form__clear:active:before,
.form__hide:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.form__backspace:after,
.form__copy:after,
.form__clear:after,
.form__hide:after
{
    content: '';
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.56;
    transition: opacity 0.2s ease-in-out;
}

.form__backspace:after
{
    background-image: url(/assets/images/icons/backspace.svg);
}

.form__copy:after
{
    background-image: url(/assets/images/icons/copy-outlined.svg);
}

.form__clear:after
{
    background-image: url(/assets/images/icons/cross.svg);
}

.form__hide:after
{
    background-image: url(/assets/images/icons/eye-disabled.svg);
}

.form__backspace:hover:after,
.form__backspace:active:after,
.form__copy:hover:after,
.form__copy:active:after,
.form__clear:hover:after,
.form__clear:active:after,
.form__hide:hover:after,
.form__hide:active:after
{
    opacity: 1;
}

.form__error,
.form__helper
{
    font-size: 13px;
    line-height: 1.5em;
    padding-top: 8px;
}

.form__error
{
    color: #f44336;
}

.form__error a
{
    color: #f44336;
    border-bottom: 1px solid #f44336;
    transition: border-bottom-color 0.3s ease-in-out;
}

.form__error a:hover
{
    border-bottom-color: transparent;
}

.form__helper
{
    padding-top: 8px;
    color: #9e9e9e;
}

.form__row--separator > .form__helper
{
    padding-top: 0;
}

.form__helper > a
{
    color: #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.form__helper > a:hover
{
    color: #1D2B53;
    border-color: #1D2B53;
}

.form__link
{
    font-size: 13px;
    line-height: 1em;
    color: #1D2B53;
    border-bottom: 1px solid transparent;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: border-color 0.2s ease-in-out;
}

.form__link:hover
{
    border-color: #1D2B53;
}

/* Form tabs */
.form__tabs
{
    border-bottom: 1px solid #eeeeee;
    margin: 0 -24px 24px -24px;
    padding-right: 24px;
    padding-left: 24px;
}

.form__row + .form__tabs
{
    margin-top: 16px;
}

.form__tabs:after
{
    content: '';
    display: table;
    clear: both;
}

.form__tab
{
    float: left;
}

.form__tab__radio
{
    display: none;
}

.form__tab__label
{
    display: block;
    max-width: 240px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9e9e9e;
    border-bottom: 2px solid transparent;
    padding: 16px;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.form__tab__label:hover
{
    color: #212121;
}

.form__tab__radio:checked + .form__tab__label
{
    color: #1D2B53;
    border-color: #1D2B53;
}

.form__tab__content
{
    margin-top: 16px;
}

/* Form appenders */
.form__appender
{
    margin-bottom: 12px;
    position: relative;
}

.form__appender__delete
{
    display: block;
    width: 32px;
    height: 32px;
    background: #ffffff;
    text-indent: -9999em;
    position: absolute;
    top: 0;
    right: -7px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
    border-radius: 50%;
    border: 1px solid #EFEEF3;
}

.form__appender:hover > .form__appender__delete
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.form__appender__delete:before
{
    content: '';
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.form__appender__delete:hover:before,
.form__appender__delete:active:before
{
    transform: scale(1);
}

.form__appender__delete:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.form__appender__delete:after
{
    content: '';
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/cross.svg) no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.form__input--search
{
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 10px;
    background-image: url(/assets/images/icons/search-blue.svg);
}

.file__input--hidden
{
    width: 1px;
    height: 1px;
    position: absolute;
    top: -9999em;
    left: -9999em;
    z-index: -1;
    overflow: hidden;
}
/* Helpers */
.hidden
{
    display: none !important;
}

.link
{
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease-in-out;
}

.link--marked
{
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    transition: background-color 0.2s ease-in-out;
}

.link--primary
{
    color: #0093d7;
}

.link--success
{
    color: #4caf50;
}

.link--warning
{
    color: #ffb300;
}

.link--danger
{
    color: #f44336;
}

.link--primary:hover
{
    border-color: #0093d7;
}

.link--success:hover
{
    border-color: #4caf50;
}

.link--warning:hover
{
    border-color: #ffb300;
}

.link--danger:hover
{
    border-color: #f44336;
}

.link--primary.link--marked
{
    background-color: rgba(0, 147, 215, 0.12); /*#0093d7*/
}

.link--primary.link--marked:hover
{
    background-color: rgba(0, 147, 215, 0.24); /*#0093d7*/
}

.link--primary.link--marked:active
{
    background-color: rgba(0, 147, 215, 0.48); /*#0093d7*/
}

.link--danger.link--marked
{
    background-color: rgba(244, 67, 54, 0.12); /*#f44336*/
}

.link--danger.link--marked:hover
{
    background-color: rgba(244, 67, 54, 0.24); /*#f44336*/
}

.link--danger.link--marked:active
{
    background-color: rgba(244, 67, 54, 0.48); /*#f44336*/
}

/* Modal */
.modal
{
    display: none;
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 800;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.modal--loaded
{
    display: block;
}

.modal.active
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal__container
{
    padding: 72px 16px;
}

.modal__block
{
    max-width: 480px;
    background: #ffffff;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px 0px rgba(0, 0, 0, 0.05), -1px 4px 4px 0px rgba(0, 0, 0, 0.04), -2px 9px 5px 0px rgba(0, 0, 0, 0.03), -3px 16px 7px 0px rgba(0, 0, 0, 0.01), -5px 25px 7px 0px rgba(0, 0, 0, 0.00);
    transform: scale(0.8);
    transition: transform 0.2s ease-in-out;
    will-change: transform;
}

.modal--large .modal__block
{
    max-width: 680px;
}

.modal--extra-large .modal__block
{
    max-width: 900px;
}

.modal--fluid .modal__block
{
    max-width: 100%;
}

.modal.active .modal__block
{
    transform: scale(1);
}

.modal__close
{
    width: 32px;
    height: 32px;
    text-indent: -9999em;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.modal__close:before
{
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.modal__close:hover:before,
.modal__close:active:before
{
    transform: scale(1);
}

.modal__close:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.modal__close:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/cross.svg) no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal__icon
{
    width: 60px;
    height: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px 0 0;
}

.modal__icon svg
{
    fill: #9667c5;
}

.modal__title
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 30px 40px 30px;
    text-align: center;
}

.modal__content
{
    font-size: 14px;
    line-height: 1.5em;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 0 40px 30px;
}

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

.modal__content--paddingless
{
    padding: 0;
}

.modal__paragraph
{
    margin-top: 16px;
}

.modal__paragraph:first-child
{
    margin-top: 0;
}

.modal__paragraph--muted
{
    color: #9e9e9e;
}

.modal__video
{
    margin-right: -24px;
    margin-left: -24px;
}

.modal__video:last-child
{
    margin-bottom: -24px;
}

.modal__actions
{
    text-align: center;
    padding: 0 40px 30px;
}

.modal__actions > .button
{
    margin-left: 20px;
}

.modal__actions > .button:first-child
{
    margin-left: 0;
}
/* Audio player */
.audio-player__audio
{
    width: 100%;
}

/* Video player */
.video-player
{
    background: #000000;
    position: relative;
}

.video-player.fullscreen
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.video-player__wrapper
{
    padding-bottom: 56.25%;
    position: relative;
    z-index: 1;
}

.video-player.fullscreen .video-player__wrapper
{
    height: 100%;
    padding-bottom: 0;
}

.video-player__error
{
    width: 32px;
    height: 32px;
    background: url(/assets/images/icons/broken-image-gray.svg) no-repeat center;
    background-size: contain;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.video-player__video
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.video-player__loader.loader
{
    position: absolute;
    z-index: 2;
}

.video-player__loader.loader:before
{
    background-color: #ffffff;
}

.video-player__controls
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    user-select: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0s ease-in-out 0.4s;
}

.video-player__controls.active
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.video-player__controls:before
{
    content: '';
    height: 120%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.video-player__progress
{
    height: 5px;
    margin-right: 16px;
    margin-left: 16px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.video-player__progress__padding
{
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.video-player__progress__bar,
.video-player__progress__track
{
    height: 100%;
    border-radius: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(0.6);
    transition: transform 0.2s ease-in-out;
    will-change: transform;
}

.video-player__progress:hover > .video-player__progress__bar,
.video-player__progress:hover > .video-player__progress__track
{
    transform: scaleY(1);
}

.video-player__progress__bar
{
    background: rgba(255, 255, 255, 0.48);
    z-index: 2;
}

.video-player__progress__track
{
    width: 0;
    background: #ffffff;
    z-index: 3;
}

.video-player__progress__handle
{
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 50%;
    margin-top: -6px;
    margin-left: -6px;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 4;
    transition: opacity 0.2s ease-in-out;
}

.video-player__progress__time
{
    position: absolute;
    text-shadow: #000 0 0 1px, #000 0 0 1px, #000 0 0 1px;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    width: 38px;
    left: 0;
    bottom: 10px;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.2s ease-in-out;
}

.video-player__progress__time.active
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.video-player__progress:hover > .video-player__progress__handle
{
    opacity: 1;
}

.video-player__actions
{
    position: relative;
    z-index: 2;
}

.video-player__actions--right
{
    float: right;
}

.video-player__actions--left
{
    float: left;
}

.video-player__action
{
    float: left;
    width: 48px;
    height: 48px;
    position: relative;
    opacity: 0.88;
    transition: opacity 0.2s ease-in-out;
}

.video-player__action:hover
{
    opacity: 1;
}

.video-player__action:after
{
    content: '';
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.video-player__play:after
{
    background-image: url(/assets/images/icons/play-white.svg);
}

.video-player__play.active:after
{
    background-image: url(/assets/images/icons/pause-white.svg);
}

.video-player__fullscreen:after
{
    background-image: url(/assets/images/icons/fullscreen-white.svg);
}

.video-player__fullscreen.active:after
{
    background-image: url(/assets/images/icons/fullscreen-exit-white.svg);
}

.video-player__time
{
    float: left;
    font-size: 12px;
    line-height: 1em;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.88);
    padding-top: 18px;
    padding-bottom: 18px;
}

/* Progress */
.progress
{
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.progress__indicator
{
    height: 100%;
    background: #0093d7;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 1s ease-in-out;
}

/* Aside */
.aside
{
    width: 380px;
    max-width: 90%;
    background: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 700;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), -4px 0 5px 0 rgba(0, 0, 0, 0.14);
    transform: translateX(120%);
    transition: transform 0.4s ease-in-out, visibility 0s ease-in-out 0.4s;
    will-change: transform;
}

.aside.active
{
    visibility: visible;
    transform: translateX(0);
    transition-delay: 0s;
}

.aside__title
{
    font-size: 21px;
    font-weight: bold;
    line-height: 1em;
    padding: 24px;
}

.aside__content
{
    padding: 0 24px 24px 24px;
}

.aside__actions > .button
{
    margin-top: 4px;
}

.aside__actions > .button:first-child
{
    margin-top: 0;
}

/* Breadcrumbs */
.breadcrumbs
{
    padding: 24px 24px 0 24px;
}

.breadcrumbs:after
{
    content: '';
    display: table;
    clear: both;
}

.breadcrumbs__item
{
    float: left;
    padding-right: 34px;
    position: relative;
}

.breadcrumbs__item:last-child
{
    padding-right: 0;
}

.breadcrumbs__item:before
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/chevron-right-gray.svg) no-repeat center;
    background-size: contain;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 8px;
}

.breadcrumbs__item:last-child:before
{
    display: none;
}

.breadcrumbs__link
{
    display: block;
    font-size: 14px;
    line-height: 1.25em;
    color: #757575;
    border-bottom: 1px solid transparent;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: border-color 0.2s ease-in-out;
}

.breadcrumbs__link:hover
{
    border-color: #757575;
}

.breadcrumbs__link.current
{
    color: #212121;
    border-color: transparent;
}

@media (max-width: 1200px)
{
    .breadcrumbs
    {
        padding: 12px 12px 0 12px;
    }

    .breadcrumbs__item
    {
        margin-top: 4px;
        margin-bottom: 4px;
    }
}
/* Header */
.header
{
    height: 110px;
    position: relative;
    z-index: 3;
}

.header--filters
{
    height: 180px;
}

.header__wrapper
{
    background: #f0f3f4;
    background: linear-gradient(0deg, rgba(240,243,244,0) 0%, #f0f3f4 10%, #f0f3f4 100%);
    position: fixed;
    padding: 30px 30px 20px 280px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s ease-in-out;
}

@media (max-width: 1200px)
{
    .header__wrapper
    {
        padding-left: 12px;
        padding-right: 12px;
    }
}
.header.unfixed > .header__wrapper
{
    transform: translateY(-120%);
}

.header__content
{
    height: 60px;
    background: #2d3847;
    border:1px solid #EFEEF3;
    
    border-radius: 20px;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}


.header__content--actions
{
    padding-right: 50%;
}


/* Header toggle */
.header__toggle
{
    display: none;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    text-indent: 50px;
    width: auto;
    padding-right: 15px;
}

.header__toggle.button-toggle--large:after
{
    left:30px;
}
.header__toggle.button-toggle--large:before
{
    border-radius: 60px;
}

@media (max-width: 1200px)
{
    .header__toggle
    {
        display: block;
    }

    .header__content--actions
    {
        padding-left: 165px;
    }
}

@media (max-width: 768px)
{

    .header__content--actions
    {
        padding-right: 0;
    }
}

/* Header emergency */
.header__emergency
{
    float: left;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/warning-red.svg) no-repeat center;
    background-size: contain;
    margin: 23px 8px 23px 0;
}

/* Header title */
.header__title
{
    font-size: 21px;
    font-weight: bold;
    line-height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#fff;
}

/* Header actions */
.header__actions
{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.header__action
{
    float: left;
    margin-left: 20px;
}

.header__action:first-child
{
    margin-left: 0;
}

.header__action-link
{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    text-align: left;
    vertical-align: middle;
    position: relative;
    transition: background-opacity 0.2s ease-in-out;
    background: rgba(124, 131, 140, 0.5);
    border-radius: 4px;
    color:#fff;
    line-height: 32px;
    margin-top: 5px;
}

.header__action-link:hover
{
    background: rgba(124, 131, 140, 0.9);
}

@media (max-width:480px)
{
    .header__actions
    {
        display: none;
    }
}

/* Bar */
.header__bar
{
    margin-top: 20px;
}
.header__bar:after
{
    content: '';
    display: table;
    clear: both;
}

.header__bar__button
{
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.header__bar__button--tab
{
    float: left;
}

.header__bar__button--tab.button--primary:before
{
    background: rgba(0, 0, 0, 0.06);
}
.header__bar__button--tab.button--primary
{
    color: #212121;
}

.header__bar__button--tab.button--light:before
{
    background: transparent;
}
.header__bar__button--tab.button--light[disabled]:before
{
    background: #fff;
}

.header__bar__button--tab:hover
{
    opacity: 1;
}

.header__bar__button--tab.button:disabled
{
    opacity: 1;
}

.header__bar
{
    margin-left: -10px;
    margin-right: -10px;
}

@media (max-width: 480px)
{
    .header__bar__button--tab
    {
        display: none;
    }
}
/* Profile */
.header__profile
{
    position: relative;
    margin-right: 15px;
}

.header__profile-avatar
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(/assets/images/misc/user-anonymous.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.header__profile .select2 .select2-selection
{
    background: transparent;
    font-size: 18px;
    font-weight: bold;
    border: none;
    padding-right: 75px;
    padding-left: 0;
}


.header__profile .select2 .select2-selection__placeholder
{
    color: #fff;
}
.header__profile .select2 .select2-selection__arrow
{
    background-image: url(/assets/images/icons/chevron-down-white.svg);
}
.header__profile .select2-dropdown
{
    background: #2d3847;
    color:#fff;
}
.header__profile .select2-dropdown .select2-results__option[role='option']
{
    white-space: nowrap;
}
.header__profile .select2-dropdown .select2-results__option[role="option"]:hover
{
    color:#7c838c;
}
@media (max-width: 768px)
{
    .header__profile
    {
        margin-right: 0;
    }

    .select2 .select2-selection__placeholder
    {
        display: none;
    }
}
/*Modal*/
.profile-avatar
{
    text-align: center;
}

.profile-avatar__edit
{
    margin-top: 10px;
}

.profile-avatar.editing .profile-avatar__image,
.profile-avatar.editing .profile-avatar__edit,
.profile-avatar .profile-avatar__preview.croppie-container,
.profile-avatar .profile-avatar__save,
.profile-avatar .profile-avatar__cancel
{
    display: none;
}

.profile-avatar.editing .profile-avatar__preview.croppie-container,
.profile-avatar.editing .profile-avatar__save,
.profile-avatar.editing .profile-avatar__cancel
{
    display: block;
}

.profile-avatar__image
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.profile-avatar__buttons
{
    gap: 10px;
    display: flex;
    justify-content: center;
}



.lang-switcher
{
    width: 60px;
    position: relative;
}

.header__action .lang-switcher
{
    margin-top: 3px;
}

.lang-switcher .select2 .select2-selection
{
    background: #ffffff;
    border-color: #ffffff;
    padding: 8px 26px 8px 10px;
}

.lang-switcher .select2 .select2-selection__arrow
{
    right: 5px;
}

.lang-switcher .select2-container
{
    left:auto !important;
    right:0;
}
/* Loader */
.loader
{
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.4s ease-in-out, visibility 0s ease-in-out 0.4s;
}

.loader.active
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.loader:before
{
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    background: #212121;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: scale-in 1s infinite ease-in-out;
}



.loader[data-title]:after
{
    content: attr(data-title);
    display: block;
    background: #fff;
    width: 300px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    top: 0;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    padding: 30px 30px 130px;
    font-weight: bold;
}

.loader[data-title]:before
{
    z-index: 1;
}
/* Logs list */
.logs-list__empty,
.logs-list__loading
{
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    color: #9e9e9e;
    padding-top: 12px;
    padding-bottom: 12px;
}

.logs-list__item
{
    padding-right: 32px;
    position: relative;
}

.logs-list__item + .logs-list__item
{
    margin-top: 16px;
}

.logs-list__footer
{
    margin-top: 24px;
}

.logs-list__item__header
{
    font-size: 14px;
    line-height: 1.5em;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #212121;
}

.logs-list__item__footer
{
    font-size: 11px;
    line-height: 1em;
    color: #9e9e9e;
    margin-top: 4px;
}

.logs-list__item__info
{
    width: 24px;
    height: 24px;
    background: url(/assets/images/icons/info.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0.56;
    transition: opacity 0.3s ease-in-out;
}

.logs-list__item__info:hover,
.logs-list__item__info:active
{
    opacity: 1;
}

/* Navigation */
.navigation
{
    width: 220px;
    background: #2d3847;
    background-image: -webkit-linear-gradient(top, #2d3847 0, #182433 100%);
    background-image: -o-linear-gradient(top, #2d3847 0, #182433 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2d3847), to(#182433));
    background-image: linear-gradient(to bottom, #2d3847 0, #182433 100%);
    position: fixed;
    top: 30px;
    bottom: 30px;
    left: 30px;
    transform: translate3d(0, 0, 0);
    border-radius: 20px;
    z-index: 4;
}

.navigation.active
{
    z-index: 700;
}

.navigation__header
{
    position: absolute;
    right: 0;
    top: 25px;
    left: 0;
    z-index: 2;
}

.navigation__header__logo
{
    display: block;
    position: relative;
    height: 55px;
    padding:16px;
}

.navigation__header__logo:after
{
    content: '';
    display: block;
    height: 55px;
    background: url(/assets/images/logos/logo.svg) no-repeat center;
    background-size: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.navigation__footer
{
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.48) rgba(255, 255, 255, 0.24);
}

.navigation__footer::-webkit-scrollbar-track
{
    background-color: rgba(255, 255, 255, 0.24);
}

.navigation__footer::-webkit-scrollbar-thumb
{
    background-color: rgba(255, 255, 255, 0.48);
}

.navigation__footer::-webkit-scrollbar-thumb:hover
{
    background-color: rgba(255, 255, 255, 0.64);
}




@media (max-width: 1200px)
{
    .navigation
    {
        z-index: 700;
        visibility: hidden;
        box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14);
        transform: translateX(-120%);
        transition: transform 0.4s ease-in-out, visibility 0s ease-in-out 0.4s;
        will-change: transform;
        left:0;
        top:0;
        bottom: 0;
        border-radius: 0 20px 20px 0;
    }

    .navigation.active
    {
        visibility: visible;
        transform: translateX(0);
        transition-delay: 0s;
    }

    .navigation__footer
    {
        top:150px;
    }
}

.navigation__menu__item--logout
{
    padding-top: 50px;
}
.navigation__menu__item--button
{
    padding: 16px;
}

.navigation__menu__item--separator
{
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

.navigation__menu__item--button.navigation__menu__item--separator
{
    padding-top: 20px;
    padding-bottom: 0;
}

.navigation__menu__item--separated::after,
.navigation__menu__item--separator::before
{
    content: '';
    height: 1px;
    background: #fff;
    opacity: 0.2;
    position: absolute;
    right: -24px;
    left: -24px;
}
.navigation__menu__item--separator::before
{
    top:0;
}
.navigation__menu__item--separated::after
{
    bottom:0;
}

/* Navigation menu */
.navigation__menu__item--has-submenu > .navigation__menu
{
    display: none;
}

.navigation__menu__button
{
    display: block;
    width: 100%;
}

.navigation__menu__link
{
    display: block;
    padding: 10px 16px 10px 56px;
    position: relative;
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
}

.navigation__menu__item--has-submenu > .navigation__menu__link
{
    padding-right: 56px;
}
.navigation__menu__link:active,
.navigation__menu__link:hover,
.navigation__menu__link.current
{
    opacity: 0.4;
}

.navigation__menu__item--has-submenu > .navigation__menu__link:after
{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url(/assets/images/icons/chevron-down-white.svg) no-repeat center;
    background-size: contain;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 16px;
    opacity: 1;
    transition: transform 0.2s ease-in-out;
}

.navigation__menu__item--has-submenu.open > .navigation__menu__link:after
{
    transform: rotate(180deg);
}

.navigation__menu__icon
{
    width: 24px;
    height: 24px;
    fill: #FDFDFF;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 16px;
}

.navigation__menu__text
{
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    color: #FDFDFF;
}

.navigation__menu__label
{
    min-width: 20px;
    height: 20px;
    background: #f44336;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    border-radius: 20px;
    margin-top: -10px;
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    top: 50%;
    right: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.navigation__menu__label[data-visible='true']
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.navigation__menu__button[data-action="cancel_subscription"] .button__text
{
    font-size: 12px;
}
.navigation__menu__button[data-action="close_menu"]
{
    height:40px;
    line-height: 40px;
    display: none;
}

@media (max-width: 1200px)
{
    .navigation__menu__button[data-action="close_menu"]
    {
        display: block;
    }
}

.navigation__menu__item-description
{
    color:#fff;
    padding: 0 15px;
    font-size: 12px;
}

.navigation__menu__item-description a
{
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: border-bottom-color 0.3s ease-in-out;
}

.navigation__menu__item-description a:hover
{
    border-bottom-color: transparent;
}
/* Overlay */
.overlay
{
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    user-select: none;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.4s ease-in-out, visibility 0s ease-in-out 0.4s;
}

.overlay.active
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
/* Profile */
.profile
{
    min-height: 56px;
    padding-left: 72px;
    position: relative;
}

.profile__photo
{
    width: 56px;
    height: 56px;
    background: url(/assets/images/misc/operator-anonymous.jpg) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.profile__content
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.profile__header
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.profile__footer
{
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    overflow: hidden;
}

.profile__footer > a,
.profile__footer > span
{
    font-size: 14px;
    line-height: 1.2em;
    color: #9e9e9e;
}

.profile__footer > a
{
    border-bottom: 1px solid transparent;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.profile__footer > a:hover,
.profile__footer > a:active
{
    color: #0093d7;
    border-color: #0093d7;
}

/* Snackbar */
.snackbar
{
    width: 320px;
    background: #263238;
    font-size: 14px;
    line-height: 1.5em;
    color: #ffffff;
    border-radius: 4px;
    padding: 12px 16px;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    transform: translateY(300%);
    transition: transform 0.4s ease-in-out;
}

.snackbar.active
{
    transform: translateY(0);
}

@media (max-width: 1200px)
{
    .snackbar
    {
        right: 12px;
        bottom: 12px;
    }
}

@media (max-width: 480px)
{
    .snackbar
    {
        width: auto;
        left: 12px;
    }
}

.modal-subscribe__subtitle
{
    font-weight: bold;
    margin-bottom: 10px;
}

.modal-subscribe__list-item
{
    position: relative;
    padding-left: 34px;
    margin-bottom: 10px;
}

.modal-subscribe__list-item:before
{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 0;
}

.modal-subscribe__list-item[data-icon="invites"]:before
{
    background-image: url(/assets/images/icons/invites.svg);
}

.modal-subscribe__list-item[data-icon="download"]:before
{
    background-image: url(/assets/images/icons/download.svg);
}


.modal-subscribe__list-item[data-icon="limits"]:before
{
    background-image: url(/assets/images/icons/block.svg);
}

.modal-subscribe__list-item__title
{
    font-weight: bold;
    margin-bottom: 2px;
}
.modal-subscribe__list-item__description
{
    font-size: 12px;
    line-height: 1.25em;
}

.modal[data-id="subscription"]
{
    z-index: 801;
}
.modal[data-id="subscription-cancel"],
.modal[data-id="card-deletion"]
{
    z-index: 802;
}

.modal-subscription
{

}

.modal-subscription__product:after
{
    content: '';
    display: table;
    clear: both;
}


.modal-subscription__product-image
{
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    background: no-repeat center;
    background-size: cover;
    border-radius: 10px;
}


.modal-subscription__product-name
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}


.modal-subscription__product-name__discount
{
    color: #fca369;
}


.modal-subscription__product-price
{
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.list[data-id="subscription"],
.list[data-id="saved_card"]
{
    margin-left: -24px;
    margin-right: -24px;
}

.list[data-id="subscription"] .list__table__cell,
.list[data-id="saved_card"] .list__table__cell
{
    border:none;
}

.modal-subscription__coupon
{
    padding-right: 180px;
}

.modal-subscription__coupon__button
{
    position: absolute;
    right:0;
    top: 31px;
    height: 46px;
    line-height: 46px;
    width:170px;
}

.modal-subscription__coupon__success
{
    font-size: 13px;
    line-height: 1.5em;
    padding-top: 8px;
    color:#4caf50;
}
/* Tabs */
.tabs
{
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    z-index: 2;
}

.tabs .owl-prev,
.tabs .owl-next
{
    width: 32px;
    height: 32px;
    text-indent: -9999em;
    border-radius: 50%;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.tabs .owl-prev
{
    left: 12px;
}

.tabs .owl-next
{
    right: 12px;
}

.tabs .owl-prev.disabled,
.tabs .owl-next.disabled
{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.tabs .owl-prev:before,
.tabs .owl-next:before
{
    content: '';
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    transition: background-color 0.2s ease-in-out;
}

.tabs .owl-prev:hover:before,
.tabs .owl-next:hover:before
{
    background-color: #f5f5f5;
}

.tabs .owl-prev:active:before,
.tabs .owl-next:active:before
{
    background-color: #eeeeee;
}

.tabs .owl-prev:after,
.tabs .owl-next:after
{
    content: '';
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
}

.tabs .owl-prev:after
{
    background-image: url(/assets/images/icons/chevron-left.svg);
}

.tabs .owl-next:after
{
    background-image: url(/assets/images/icons/chevron-right.svg);
}

.tabs__list
{
    margin-bottom: -1px;
}

.tabs__item
{
    display: block;
    background: #ffffff;
    border-top: 2px solid transparent;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 24px 64px 24px 24px;
    position: relative;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.tabs__item:hover,
.tabs__item.current
{
    border-top-color: #0093d7;
}

.tabs__item.current
{
    background-color: #f0f3f4;
    border-bottom-color: transparent;
    cursor: default;
}

.tabs__item[data-active='true']
{
    padding-left: 40px;
}

.tabs__item[data-active='true']:before
{
    content: '';
    width: 6px;
    height: 6px;
    background: #0093d7;
    border-radius: 50%;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: 24px;
}

.tabs__item__title
{
    display: inline-block;
    max-width: 150px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25em;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #212121;
    overflow: hidden;
    transition: color 0.2s ease-in-out;
}

.tabs__item__channel
{
    display: inline-block;
    margin-right: 3px;
    width: 25px;
    height: 20px;
}

.tabs__item__channel .channel-icon
{
    display: inline-block;
}

.tabs__item__timer
{
    text-align: center;
    color: #f44336;
    position: absolute;
    top: 6px;
    right: 70px;
    font-weight: bold;
}

.tabs__item__label
{
    min-width: 16px;
    height: 16px;
    background: #f44336;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    border-radius: 16px;
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    top: 8px;
    right: 40px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}

.tabs__item__label[data-visible='true']
{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.tabs__item__close
{
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.tabs__item__close-right
{
    position: absolute;
    top: 21px;
    right: 0px;
}

.tabs__list .owl-item:last-child .tabs__item__close-right
{
    display:none;
}

.owl-item.active:hover
{
    z-index: 3;
}

/* Tooltip */
.tooltip
{
    max-width: 320px;
    background: #757575;
    font-size: 11px;
    line-height: 1.5em;
    white-space: pre-line;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #ffffff;
    border-radius: 4px;
    padding: 4px 8px;
    position: fixed;
    top: -9999em;
    left: -9999em;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, transform 0.2s ease-in-out;
}

.tooltip.active
{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0s;
}

.modal[data-id="verification"] .form__tab__content
{
    margin-left: -24px;
    margin-right: -24px;
}

.verification__summary .list__table__cell
{
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #f0f3f4;
    border-bottom: 1px solid #f0f3f4;
    border-radius: 0 !important;
    white-space: normal;
}

.verification__summary .list__table__row
{
    height: 48px;
}


.verification__summary__content
{
    margin-top: 18px;

}

.verification__summary__content ul,
.verification__summary__content ol,
.verification__summary__content p
{
    margin-bottom:15px
}

.verification__summary__content ul
{
    list-style: disc;
}

.verification__summary__content ol
{
    list-style: decimal;
}

.verification__summary__content li
{
    margin-left:15px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.verification__summary__score
{
}

.verification__decision__loading-title,
.verification__summary__loading-title
{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.verification__decision__loading-image,
.verification__summary__loading-image
{
    margin: 20px auto;
    max-width: 80%;
    padding-bottom: 60%;
    background: url(/assets/images/misc/summary.gif) no-repeat center;
    background-size: cover;
}

.verification__details__item-result
{
    position: relative;
    line-height: 24px;
    padding-left: 30px;
    display: inline-block;
    background: no-repeat center;
    background-size: contain;
    color: #62a8ea;
}

.verification__details__item-result:before
{
    content: '';
    display: block;
    font-size: 3px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
    left: 12px;
    top: 10px;
}

.verification__details__item-result[data-value="0"]
{
    color: #f44336;
}

.verification__details__item-result[data-value="1"]
{
    color: #00b778;
}

.verification__details__item-result[data-value="0"]:before,
.verification__details__item-result[data-value="1"]:before
{
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    animation: none;
}

.verification__details__item-result[data-value="1"]:before
{
    background-image: url(/assets/images/icons/check-green.svg);
}

.verification__details__item-result[data-value="0"]:before
{
    background-image: url(/assets/images/icons/cross-red.svg);
}

.verification__details__grade-title,
.expansion--collapsible > .expansion__header.verification__details__grade-title
{
    font-weight: normal;
    font-size: 13px;
    line-height: 34px;
    background: transparent;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 24px;
    border-radius: 0;
    color: #050915;
}

.expansion--collapsible.active > .expansion__header.verification__details__grade-title,
.expansion--collapsible > .expansion__header.verification__details__grade-title:hover
{
    background-color: #f5f5f5;
    color: #62a8ea;
}


.verification__details__service:after,
.verification__details__grade-title:after
{
    content: '';
    display: table;
    clear: both;
}

.verification__details__cell
{
    float: left;
    width: 25%;
}

.verification__details__cell--service
{
    width: 75%;
}

.verification__details__cell--label
{
    width: 50%;
}

.verification__details__services
{
    padding: 24px;
    font-size: 13px;
    line-height: 34px;
    display: none;
}

.verification__details__service + .verification__details__service
{
    border-top: 1px solid #eeeeee;
}

.verification__details__cell__caption
{
    font-size: 10px;
    line-height: 14px;
    margin-top: -8px;
    padding-bottom: 6px;
    color:#9e9e9e;
}

.verification__details__score-title
{
    margin: 0;
    padding: 24px 24px 6px;
    border-bottom: 1px solid #eeeeee;
    line-height: 34px;
}

.verification__details__score-title:first-child
{
    padding-top: 0;
}

.verification__download-wrapper
{
    position: absolute;
    right: 40px;
}

.verification__download-wrapper .select2-container--disabled
{
    opacity: 0.5;
}

.verification__download-wrapper .select2 .select2-selection
{
    border: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 2px solid #00b778;
    padding-top: 16px;
    padding-bottom: 16px;
}

.verification__download-wrapper .select2 .select2-selection__placeholder
{
    text-transform: uppercase;
    color: #00b778;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.verification__download-wrapper .select2 .select2-selection__rendered
{
    height: 13px;
    line-height: 13px;
}

.verification__download-wrapper .select2 .select2-selection__arrow
{
    background-image: url(/assets/images/icons/chevron-down-green.svg);
}

.verification__download-wrapper .select2-dropdown .select2-results__option[role="option"]
{
    white-space: nowrap;
}

.verification__download-wrapper .select2-container
{
    right: 0;
    left: auto !important;
}

@keyframes mulShdSpin
{
    0%,
    100%
    {
        box-shadow: 0 -3em 0 0.2em,
        2em -2em 0 0em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 0;
    }
    12.5%
    {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
        3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    25%
    {
        box-shadow: 0 -3em 0 -0.5em,
        2em -2em 0 0, 3em 0 0 0.2em,
        2em 2em 0 0, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    37.5%
    {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
        -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50%
    {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
        -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5%
    {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
        -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75%
    {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5%
    {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}


[data-score="confirmed"]
{
    color: #00b778;
}

[data-score="declined"]
{
    color: #f44336;
}

[data-score="review"]
{
    color: #f44336;
}



/* Reviews */
.verification__reviews
{
    padding-bottom: 48px;
}
.verification__reviews-item
{
    padding: 6px 24px 6px 80px ;
    position: relative;
}
.verification__reviews-item
{
    border-top: 1px solid #eeeeee;
}

.verification__reviews-item__avatar
{
    position: absolute;
    width:40px;
    height:40px;
    left:24px;
    top:12px;
    background: url(/assets/images/misc/user-anonymous.jpg) no-repeat center;
    background-size: contain;
}

.verification__reviews-item__name
{
    font-weight: bold
}
.verification__reviews-item__date
{
    font-size: 12px;
    color: #9e9e9e;
    display: inline-block;
}

.verification__reviews__rating-stars,
.verification__reviews-item__rating
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
    width:80px;
    vertical-align: middle;
    margin-top: -3px;
}

.verification__reviews__rating-stars > div,
.verification__reviews-item__rating > div
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
}

.verification__reviews__rating-stars,
.verification__reviews__rating-stars > div,
.verification__reviews-item__rating,
.verification__reviews-item__rating > div
{
    background-repeat: repeat-x;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background-size: 16px;
    height: 16px;
}
.verification__reviews__rating
{
    display: flex;
    gap: 10px;

    padding: 6px 24px 24px;
}

.verification__reviews__rating-value
{
    font-size: 20px;
    color: #9e9e9e;
}
.verification__reviews__rating-stars
{
    width: 120px;
    margin-top: 0;
}
.verification__reviews__rating-stars,
.verification__reviews__rating-stars > div
{
    height: 24px;
    background-size: 24px;
}

.verification__reviews__rating-amount
{
    color: #62a8ea;
    border-bottom:1px solid #62a8ea;
    transition: border-bottom-color 0.3s ease-in-out;
}

.verification__reviews__rating-amount:hover
{
    border-bottom-color: transparent;
}
.list__dropdown
{
    width: 240px;
    max-height: 320px;
    background: #ffffff;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
    user-select: none;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.list__dropdown__group
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.list__dropdown__item
{
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.list__dropdown__item:hover
{
    background-color: #f5f5f5;
}

.list__dropdown__item:active
{
    background-color: #eeeeee;
}

.list__dropdown__item--separated
{
    margin-bottom: 16px;
    position: relative;
}

.list__dropdown__item--separator
{
    margin-top: 16px;
    position: relative;
}

.list__dropdown__item[data-parent='true']
{
    padding-right: 40px;
    position: relative;
}

.list__dropdown__item--back[data-parent='true']
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #eeeeee;
    margin-top: -8px;
    margin-bottom: 8px;
    padding: 12px 16px 12px 40px;
    overflow: hidden;
}

.list__dropdown__item--separated:before,
.list__dropdown__item--separator:after
{
    content: '';
    display: block;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    right: 0;
    left: 0;
}

.list__dropdown__item--separated:before
{
    bottom: -8px;
}

.list__dropdown__item--separator:after
{
    top: -8px;
}

.list__dropdown__item[data-parent='true']:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/chevron-right.svg) no-repeat center;
    background-size: contain;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 8px;
}

.list__dropdown__item--back[data-parent='true']:after
{
    background-image: url(/assets/images/icons/back.svg);
    right: auto;
    left: 8px;
}

.list__empty
{
    margin-top: 48px;
    margin-bottom: 48px;
}

.list__empty__icon
{
    font-size: 50px;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    color: #bdbdbd;
    margin-bottom: 24px;
    text-indent: -99999em;
    background: url(/assets/images/logos/logo_gray.png) no-repeat center;
    background-size: 50% auto;
    height:60vh;
}

.list__empty__message
{
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    color: #9e9e9e;
    display: none;
}

.list__header
{
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
}

.list__header--has-aside
{
    padding-right: 72px;
}

.list__header__title
{
    font-size: 21px;
    font-weight: bold;
    line-height: 64px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list__header__aside
{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}


.list__card--fill
{
    background: #ffffff;
    border-radius: 20px;
    border: 2px solid #EFEEF3;
}

.list__card + .list__card
{
    margin-top: 24px;
}

.list__content
{
    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
    overflow: auto;
}

.list__content--no-scroll
{
    position: fixed;
    overflow: visible;
}
.list__pagination
{
    text-align: right;
    white-space: nowrap;
    padding: 12px 24px;
}

.list__pagination__item
{
    display: inline-block;
    vertical-align: top;
    margin-left: 24px;
}

.list__pagination__item:first-child
{
    margin-left: 0;
}

.list__pagination__label
{
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
}

.list__pagination__rows + .select2
{
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
}

.list__pagination__rows + .select2 .select2-selection
{
    padding: 0 32px 0 8px;
}

.list__pagination__rows + .select2 .select2-selection:before
{
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.list__pagination__rows + .select2:hover .select2-selection:before,
.list__pagination__rows + .select2.select2-container--open .select2-selection:before
{
    transform: scale(1);
}

.list__pagination__rows + .select2 .select2-selection:after
{
    display: none;
}

.list__pagination__rows + .select2 .select2-selection__rendered
{
    height: 32px;
    font-size: 12px;
    line-height: 32px;
}

.list__pagination__rows + .select2 .select2-selection__arrow
{
    right: 7px;
}

@media (max-width: 480px)
{
    .list__pagination__item:first-child .list__pagination__label
    {
        display: none;
    }
}

.list__selection
{
    background: #f5f5f5;
    border-radius: 4px;
    padding: 8px 24px;
    margin: 4px 4px 8px 4px;
    position: relative;
    top: 4px;
    z-index: 10;
}

.list__selection--has-aside
{
    padding-right: 48px;
}

.list__selection__some,
.list__selection__every
{
    text-align: center;
}

.list__selection__label
{
    font-size: 14px;
    line-height: 1.5em;
    color: #757575;
}

.list__selection__select,
.list__selection__deselect
{
    vertical-align: initial;
}

.list__selection__aside
{
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.list__table
{
    width: 100%;
}

.list__table__row
{
    height: 48px;
}

.list__table__head > .list__table__row,
.list__table__foot > .list__table__row
{
    height: 66px;
}

.list__table > .list__table__body > .list__table__row--clickable,
.list__table--clickable > .list__table__body > .list__table__row
{
    cursor: pointer;
}

.list__table__cell
{
    background: #ffffff;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    vertical-align: middle;
    padding: 12px 16px;
    white-space: nowrap;
    border-top: 10px solid #f0f3f4;
    border-bottom: 10px solid #f0f3f4;
}

.list__table__cell--nowrap
{
    white-space: nowrap;
}

.list__table__cell--numeric
{
    text-align: right;
    white-space: nowrap;
}

.list__table__cell--line-through
{
    text-decoration: line-through;
}

.list__table__cell--timeline
{
    width: 380px;
    min-width: 380px;
    padding-right: 24px;
    padding-left: 24px;
}

.list__table__cell:first-child
{
    padding-left: 24px;
    border-radius: 16px 0 0 16px;
}

.list__table__cell:last-child
{
    padding-right: 24px;
    border-radius: 0 16px 16px 0;
}

.list .list__table__cell .list__table__unread.active
{
    padding-left: 16px;
    position: relative;
}

.list .list__table__cell .list__table__unread.active:before
{
    content: '';
    width: 6px;
    height: 6px;
    background: url(/assets/images/icons/dot-red.svg) no-repeat center;
    background-size: contain;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: 0;
}

.list__table__head > .list__table__row > .list__table__cell
{
    font-size: 16px;
    line-height: 1em;
    white-space: nowrap;
    color: #7c838c;
}

.list__table__body > .list__table__row > .list__table__cell
{
    transition: background-color 0.2s ease-in-out;
}

.list__table__body > .list__table__row:hover > .list__table__cell
{
    background-color: #f5f5f5;
    color:#7c838c;
}

.list__table__body > .list__table__row:active > .list__table__cell
{
    background-color: #eeeeee;
}

.list__table__body > .list__table__row.selected > .list__table__cell
{
    background-color: #f5f5f5;
}

.list__table__body > .list__table__row.danger > .list__table__cell
{
    background-color: rgba(244, 67, 54, 0.12); /*#f44336*/
}

.list__table__body > .list__table__row.danger:hover > .list__table__cell
{
    background-color: rgba(244, 67, 54, 0.24); /*#f44336*/
}

.list__table__body > .list__table__row.danger:active > .list__table__cell
{
    background-color: rgba(244, 67, 54, 0.36); /*#f44336*/
}

.list__table__body > .list__table__row.success > .list__table__cell
{
    background-color: rgba(113, 211, 33, 0.12);
}

.list__table__body > .list__table__row.success:hover > .list__table__cell
{
    background-color: rgba(113, 211, 33, 0.24);
}

.list__table__body > .list__table__row.success:active > .list__table__cell
{
    background-color: rgba(113, 211, 33, 0.36);
}

.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field]
{
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field]:hover,
.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field][data-current='true']
{
    color: #212121;
}

.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field][data-current='true']:after
{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-left: 4px;
}

.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field][data-order='asc']:after
{
    background-image: url(/assets/images/icons/chevron-up.svg);
}

.list__table--sortable > .list__table__head > .list__table__row > .list__table__cell[data-field][data-order='desc']:after
{
    background-image: url(/assets/images/icons/chevron-down.svg);
}

.list__table--orderable > .list__table__head > .list__table__row > .list__table__cell:first-child,
.list__table--orderable > .list__table__body > .list__table__row > .list__table__cell:first-child,
.list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child,
.list__table--selectable > .list__table__body > .list__table__row > .list__table__cell:first-child
{
    padding-right: 24px;
    cursor: default;
}

.list__table--orderable > .list__table__head > .list__table__row > .list__table__cell:first-child + .list__table__cell,
.list__table--orderable > .list__table__body > .list__table__row > .list__table__cell:first-child + .list__table__cell,
.list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child + .list__table__cell,
.list__table--selectable > .list__table__body > .list__table__row > .list__table__cell:first-child + .list__table__cell
{
    padding-left: 0;
}

.list__table--orderable > .list__table__head > .list__table__row > .list__table__cell:first-child,
.list__table--orderable > .list__table__body > .list__table__row > .list__table__cell:first-child
{
    width: 32px;
}

.list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child,
.list__table--selectable > .list__table__body > .list__table__row > .list__table__cell:first-child
{
    width: 1px;
}

.list__table--selectable > .list__table__head > .list__table__row .form__label,
.list__table--selectable > .list__table__body > .list__table__row .form__label
{
    width: 20px;
    height: 20px;
    padding-left: 0;
}

.list__content--fixed > .list__table > .list__table__head > .list__table__row > .list__table__cell
{
    background: none;
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 0 0 9999em #ffffff inset;
}

.list__content--fixed > .list__table > .list__table__head > .list__table__row > .list__table__cell:first-child
{
    left: 0;
    z-index: 3;
}

.list__content--fixed > .list__table > .list__table__body > .list__table__row > .list__table__cell:first-child,
.list__content--fixed > .list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child + .list__table__cell,
.list__content--fixed > .list__table--selectable > .list__table__body > .list__table__row > .list__table__cell:first-child + .list__table__cell
{
    background: none;
    position: sticky;
    left: 0;
    z-index: 1;
    box-shadow: 0 0 0 9999em #ffffff inset;
    transition: box-shadow 0.2s ease-in-out;
}

.list__content--fixed > .list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child + .list__table__cell,
.list__content--fixed > .list__table--selectable > .list__table__body > .list__table__row > .list__table__cell:first-child + .list__table__cell
{
    left: 68px;
}

.list__content--fixed > .list__table--selectable > .list__table__head > .list__table__row > .list__table__cell:first-child + .list__table__cell
{
    z-index: 3;
}

.list__content--fixed > .list__table > .list__table__body > .list__table__row:hover > .list__table__cell:first-child,
.list__content--fixed > .list__table--selectable > .list__table__body > .list__table__row:hover > .list__table__cell:first-child + .list__table__cell
{
    box-shadow: 0 0 0 9999em #f5f5f5 inset;
}

.list__content--fixed > .list__table > .list__table__body > .list__table__row:active > .list__table__cell:first-child,
.list__content--fixed > .list__table--selectable > .list__table__body > .list__table__row:active > .list__table__cell:first-child + .list__table__cell
{
    box-shadow: 0 0 0 9999em #eeeeee inset;
}

.list__content--fixed > .list__table > .list__table__body > .list__table__row.selected > .list__table__cell:first-child,
.list__content--fixed > .list__table--selectable > .list__table__body > .list__table__row.selected > .list__table__cell:first-child + .list__table__cell
{
    box-shadow: 0 0 0 9999em #f5f5f5 inset;
}

.list__table__drag
{
    display: inline-block;
    width: 32px;
    height: 32px;
    text-indent: -9999em;
    vertical-align: middle;
    position: relative;
    cursor: n-resize;
}

.list__table__drag:before
{
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.list__table__drag:hover:before,
.list__table__drag:active:before
{
    transform: scale(1);
}

.list__table__drag:active:before
{
    background-color: rgba(0, 0, 0, 0.12);
}

.list__table__drag:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icons/drag.svg) no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.56;
    transition: opacity 0.2s ease-in-out;
}

.list__table__drag:hover:after,
.list__table__drag:active:after
{
    opacity: 1;
}

.list__table__truncate
{
    display: block;
    max-width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list__table__photo
{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: no-repeat center;
    background-size: cover;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
}

.list__table__photo--operator
{
    background-image: url(/assets/images/misc/user-anonymous.jpg);
}

.list__table__card
{
    display: inline-block;
    width: 40px;
    height: 26px;
    background: no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px;
}

.list__table__card--visa
{
    background-image: url(/assets/images/icons/visa.svg);
}

.list__table__card--amex
{
    background-image: url(/assets/images/icons/amex.svg);
}

.list__table__card--mastercard
{
    background-image: url(/assets/images/icons/mastercard.svg);
}

.list__table__label
{
    display: inline-block;
    background: #f5f5f5;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    border-radius: 15px;
    padding: 8px 12px;
    user-select: none;
    margin-top: 2px;
    margin-bottom: 2px;
}

.list__table__label[data-text='white']
{
    color: #ffffff;
}

.list__table__icon
{
    display: inline-block;
    background: no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.list__table__icon[data-active='false']
{
    opacity: 0.24;
}

.list__table__icon[data-icon='trending-up']
{
    width: 16px;
    height: 16px;
    background-image: url(/assets/images/icons/trending-up.svg);
}

.list__table__icon[data-icon='trending-down']
{
    width: 16px;
    height: 16px;
    background-image: url(/assets/images/icons/trending-down.svg);
}

.list__table__icon[data-icon='check']
{
    width: 16px;
    height: 16px;
    background-image: url(/assets/images/icons/check-blue.svg);
}

.list__table__icon[data-icon='circle']
{
    width: 8px;
    height: 8px;
    background-image: url(/assets/images/icons/dot-red.svg);
}

.list__table__icon[data-icon='warning']
{
    width: 16px;
    height: 16px;
    background-image: url(/assets/images/icons/warning-yellow.svg);
}

/* List actions */
.list__table__actions
{
    text-align: right;
    white-space: nowrap;
}

.list__table__action
{
    display: inline-block;
    padding-left: 32px;
    padding-right: 10px;
    height: 32px;
    text-align: left;
    vertical-align: middle;
    position: relative;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    /*transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;*/
    transition: background-opacity 0.2s ease-in-out;
    background: rgba(124, 131, 140, 0.5);
    border-radius: 4px;
    color:#fff;
}

.list__table__action[disabled]
{
    display: none;
}
.list__table__action-group.active > .list__table__action,
.list__table__action--active,
.list__table__row:hover .list__table__action
{
    background: rgba(124, 131, 140, 0.7);
}

.list__table__action:hover,
.list__table__row:hover .list__table__action:hover
{
    background: rgba(124, 131, 140, 0.9);
}

/*.list__table__action:before*/
/*{*/
/*    content: '';*/
/*    display: block;*/
/*    background: rgba(150, 103, 197, 0.6);*/
/*    border-radius: 4px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    transform: scale(0);*/
/*    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;*/
/*}*/

/*.list__table__action:hover:before,*/
/*.list__table__action:active:before*/
/*{*/
/*    transform: scale(1);*/
/*}*/

/*.list__table__action:active:before*/
/*{*/
/*    background-color: rgba(150, 103, 197, 0.12);*/
/*}*/

.list__table__action:after
{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: no-repeat center;
    background-size: contain;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 16px;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

/*.list__table__action:hover:after,*/
/*.list__table__action:active:after*/
/*{*/
/*    opacity: 1;*/
/*}*/

.list__table__action[data-action='activate']:after,
.list__table__action[data-action='link']:after
{
    background-image: url(/assets/images/icons/link.svg);
}

.list__table__action[data-action='copy']:after
{
    background-image: url(/assets/images/icons/copy-white.svg);
}

.list__table__action[data-action='deactivate']:after,
.list__table__action[data-action='unlink']:after
{
    background-image: url(/assets/images/icons/unlink.svg);
}

.list__table__action[data-action='results']:after
{
    background-image: url(/assets/images/icons/donut.svg);
}

.list__table__action[data-action='embed']:after
{
    background-image: url(/assets/images/icons/embed.svg);
}

.list__table__action[data-action="info"]:after
{
    background-image: url(/assets/images/icons/info.svg);
}

.list__table__action[data-action='delete']:after,
.list__table__action[data-action='delete-operator']:after
{
    background-image: url(/assets/images/icons/trash-white.svg);
}

.list__table__action[data-action='edit']:after
{
    background-image: url(/assets/images/icons/pencil-white.svg);
}

.list__table__action[data-action='external']:after
{
    background-image: url(/assets/images/icons/external.svg);
}

.list__table__action[data-action='logout']:after
{
    background-image: url(/assets/images/icons/logout.svg);
}

.list__table__action[data-action='paste']:after
{
    background-image: url(/assets/images/icons/insert.svg);
}

.list__table__action[data-action='publish']:after,
.list__table__action[data-action='revisions']:after
{
    background-image: url(/assets/images/icons/publish-white.svg);
}

.list__table__action[data-action='report']:after
{
    background-image: url(/assets/images/icons/equalizer.svg);
}

.list__table__action[data-action='restore']:after
{
    background-image: url(/assets/images/icons/restore.svg);
}

.list__table__action[data-action='screencasts']:after
{
    background-image: url(/assets/images/icons/screen-play.svg);
}

.list__table__action[data-action='view']:after
{
    background-image: url(/assets/images/icons/eye-white.svg);
}

.list__table__action[data-action='add']:after
{
    background-image: url(/assets/images/icons/plus.svg);
}

.list__table__action[data-action='attachments']:after
{
    background-image: url(/assets/images/icons/attachment.svg);
}

.list__table__action[data-action='upload_to_google_drive']:after
{
    background-image: url(/assets/images/icons/google-drive-white.svg);
}

.list__table__action[data-action='direct_download']:after,
.list__table__action[data-action='download']:after
{
    background-image: url(/assets/images/icons/download-white.svg);
}

.list__table__action[data-action='manage-subscription']:after,
.list__table__action[data-action='subscription']:after
{
    background-image: url(/assets/images/icons/card-white.svg);
}

.list__table__action[data-action='cancel']:after
{
    background-image: url(/assets/images/icons/cancel-white.svg);
}

.list__table__action[data-action='list']:after
{
    background-image: url(/assets/images/icons/list-white.svg);
}
.list__table__action[data-action='verification']:after
{
    background-image: url(/assets/images/icons/rule-white.svg);
}

.list__table__action-group
{
    position: relative;
    display: inline-block;
}

.list__table__action-group__list
{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding:0 10px 10px;
    z-index: 501;
    top:100%;
    right:0;
    border-radius: 4px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    transform-origin: right top;
    transform: scale(0);
    transition: opacity 0.4s ease-in-out, visibility 0s ease-in-out 0.4s, transform 0.4s ease-in-out;
}

.list__table__action-group.active .list__table__action-group__list
{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0s;
}

.list__table__action-group.active .list__table__action
{
    display: block;
}
.list__table__action-group__list .list__table__action
{
    display: block;
    margin-top: 10px;
    width: 100%;
}

@media (hover: none)
{
    .list__table__action
    {
        opacity: 1;
        visibility: visible;
    }
}
.list__table__cell--icon
{
    padding-right: 0 !important;
}
.list__table__cell--calendar
{
    padding: 0 !important;
}

.list__table__sub-cell
{
    text-align: center;
    border-right: 1px solid #eeeeee;
    padding: 0;
    color: #757575;
}

.list__table__sub-cell:last-child
{
    border-right: 0;
}

.list__table__sub-cell__link
{
    display: block;
    color: #212121;
    transition: background-color 0.2s ease-in-out;
}

.list__table__sub-cell__link:hover
{
    background-color: #f5f5f5;
    color: #212121;
}

/* Defaults */
html,
body
{
    height: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    vertical-align: baseline;
    color: #050915;
}

body
{
    background: #f0f3f4;
}

html,
body,
article,
aside,
code,
div,
footer,
header,
iframe,
menu,
nav,
section,
textarea
{
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.06);
}

b,
strong
{
    font-weight: bold;
}

i,
em
{
    font-style: italic;
}

u
{
    text-decoration: underline;
}

::-moz-focus-inner
{
    border: none;
}

::-moz-selection
{
    background: #9667c5;
    color: #ffffff;
}

::selection
{
    background: #9667c5;
    color: #ffffff;
}

::-webkit-input-placeholder
{
    color: #bdbdbd;
    opacity:1;
}

::-moz-placeholder
{
    color: #bdbdbd;
    opacity:1;
}

:-moz-placeholder
{
    color: #bdbdbd;
    opacity:1;
}

:-ms-input-placeholder
{
    color: #bdbdbd;
    opacity:1;
}

::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-button
{
    display: none;
}

::-webkit-scrollbar-track
{
    background: rgba(0, 0, 0, 0.06);
}

::-webkit-scrollbar-thumb
{
    background: rgba(0, 0, 0, 0.24);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover
{
    background-color: rgba(0, 0, 0, 0.48);
}

/* Content */
.app
{
    height: 100%;
    position: relative;
}

.wrapper
{
    height: 100%;
    padding-left: 280px;
}

.app.no-scroll
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.content
{
    padding: 0px 30px 60px 280px;
}

.content:after
{
    content: '';
    display: table;
    clear: both;
}

.section
{
    margin-top: 24px;
}

.section:first-child
{
    margin-top: 0;
}

.section:after
{
    content: '';
    display: table;
    clear: both;
}

.title
{
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 28px;
}

.caption
{
    max-width: 1024px;
    color: #757575;
    margin-bottom: 16px;
}

.wrapper--hidden-asides
{
    padding-left: 0;
}

@media (max-width: 1200px)
{
    .wrapper
    {
        padding-left: 0;
    }

    .content
    {
        padding: 12px;
    }
}