@charset "UTF-8";
/* ------------------------------------------------------------------------------
 *
 *  # Components
 *
 *  Components import. Ordering matters. See _config.scss for more options
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Global configuration
 *
 *  Here you can change main theme, enable or disable certain components and
 *  optional styles. This allows you to include only components that you need.
 *
 *  'true'  - enables component and includes it to main CSS file.
 *  'false' - disables component and excludes it from main CSS file.
 *
 *  Layout helper: @if $layout == 'base' {...}
 *  Theme helper: @if $theme == 'material' {...}
 *  Component helper: @if $enable-* {...}
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Custom Limitless functions
 *
 *  Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Custom template mixins
 *
 *  All custom mixins are prefixed with "ll-" to avoid conflicts
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Main colors
 *
 *  List of the template main color palettes
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Default Bootstrap variable overrides
 *
 *  Variables should follow the `$component-state-property-size` formula for
 *  consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
 *  Also includes custom variables, all marked with "!default" flag.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Additional variables
 *
 *  Mainly 3rd party libraries and additional variables for default
 *  Bootstrap components.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Mixins
 *
 *  Import Bootstrap mixins with overrides
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Badge mixin
 *
 *  Override and extend default badge mixin.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Buttons mixin
 *
 *  Override and extend default buttons mixin.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Caret mixin
 *
 *  Override and extend default cared mixin.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Forms mixin
 *
 *  Override and extend default forms mixin.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Background mixin
 *
 *  Override and extend default background mixin.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Flash of unstyled content (FOUC)
 *
 *  CSS fix for FOUC issue, which pops up in latest jQuery version. These styles
 *  are optional, but enabled by default. Feel free to turn them off in configuration.
 *
 * ---------------------------------------------------------------------------- */
input[type=checkbox][data-fouc],
input[type=radio][data-fouc] {
    visibility: hidden;
    width: 1.25rem;
    height: 1.25rem;
}

.form-check input[type=checkbox][data-fouc],
.form-check input[type=radio][data-fouc] {
    position: absolute;
}

.form-check-inline:not(.form-check-switchery) input[type=checkbox][data-fouc],
.form-check-inline:not(.form-check-switchery) input[type=radio][data-fouc] {
    position: relative;
    margin-top: 0.000015625rem;
    margin-right: 0.625rem;
}

.form-check-inline.form-check-right .form-check-inline:not(.form-check-switchery) input[type=checkbox][data-fouc],
.form-check-inline.form-check-right .form-check-inline:not(.form-check-switchery) input[type=radio][data-fouc] {
    margin-right: 0;
    margin-left: 0.625rem;
}

.form-check-switchery input[data-fouc] {
    width: 2.375rem;
    height: 1.25rem;
}

.form-check-switchery-double.form-check input[data-fouc] {
    position: static;
}

.form-check-switch input {
    height: 2.37503125rem;
    visibility: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

    .form-check-switch input[data-size=large] {
        height: 2.625025rem;
    }

    .form-check-switch input[data-size=small] {
        height: 2.125025rem;
    }

input[type=text][data-fouc] {
    height: 2.37503125rem;
    opacity: 0;
}

input[type=text].form-control-lg[data-fouc] {
    height: 2.625025rem;
}

input[type=text].form-control-sm[data-fouc] {
    height: 2.125025rem;
}

select[data-fouc]:not([aria-hidden=false]) {
    height: 2.37503125rem;
    opacity: 0;
}

select.form-control-lg[data-fouc]:not([aria-hidden=false]) {
    height: 2.625025rem;
}

select.form-control-sm[data-fouc]:not([aria-hidden=false]) {
    height: 2.125025rem;
}

input[type=file][data-fouc] {
    height: 2.37503125rem;
    opacity: 0;
}

input[type=file].form-control-lg[data-fouc] {
    height: 2.625025rem;
}

input[type=file].form-control-sm[data-fouc] {
    height: 2.125025rem;
}

.wizard-form[data-fouc] {
    opacity: 0;
}

    .wizard-form[data-fouc].wizard {
        opacity: 1;
    }

    .wizard-form[data-fouc]:not(.wizard) {
        padding-top: 6.75003125rem;
        padding-bottom: 3.62503125rem;
    }

        .wizard-form[data-fouc]:not(.wizard) fieldset:not(:first-of-type),
        .wizard-form[data-fouc]:not(.wizard) h6 {
            display: none;
        }

input[type=text].colorpicker-flat-full[data-fouc] {
    height: 285px;
}

pre[data-fouc]:not(.ace_editor) {
    height: 450px;
}

pre[data-fouc].ace_editor {
    visibility: visible;
}

.noui-pips-height-helper:not(.noUi-target)[data-fouc] {
    height: 2.56253125rem;
}

.noui-pips-height-helper.noui-slider-lg:not(.noUi-target)[data-fouc] {
    height: 2.68753125rem;
}

.noui-pips-height-helper.noui-slider-sm:not(.noUi-target)[data-fouc] {
    height: 2.43753125rem;
}

.noui-vertical-height-helper:not(.noUi-target)[data-fouc] {
    display: inline-block;
    height: 10rem;
}

input[type=text].ion-height-helper[data-fouc] {
    height: 3.0625rem;
}

input[type=text].ion-pips-height-helper[data-fouc] {
    height: 5rem;
}

input[type=text].noui-height-helper:not(.noUi-target)[data-fouc] {
    height: 0.3125rem;
}

/* ------------------------------------------------------------------------------
 *
 *  # Pace. Default theme
 *
 *  Minimal preloader theme, used as a default theme
 *
 * ---------------------------------------------------------------------------- */
.pace {
    pointer-events: none;
    user-select: none;
}

    .pace .pace-progress {
        background: #4FC3F7;
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
        width: 0;
        height: 0.125rem;
    }

.pace-inactive {
    display: none;
}

/* ------------------------------------------------------------------------------
 *
 *  # Progress (loading) bars
 *
 *  Static demo of Pace themes. For demonstration purposes only. DO NOT use it in production
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Uniform.js
 *
 *  Styles for uniform.min.js - form components styling
 *
 * ---------------------------------------------------------------------------- */
.uniform-checker,
.uniform-choice {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

    .uniform-checker,
    .uniform-checker span,
    .uniform-checker input,
    .uniform-choice,
    .uniform-choice span,
    .uniform-choice input {
        width: 1.25rem;
        height: 1.25rem;
    }

        .uniform-checker span,
        .uniform-choice span {
            border: 0.125rem solid #455A64;
            display: inline-block;
            text-align: center;
            position: relative;
        }

            .uniform-checker span.checked:after,
            .uniform-choice span.checked:after {
                opacity: 1;
            }

        .uniform-checker input[type=checkbox],
        .uniform-checker input[type=radio],
        .uniform-choice input[type=checkbox],
        .uniform-choice input[type=radio] {
            border: 0;
            background: none;
            display: inline-block;
            margin: 0;
            cursor: pointer;
            position: absolute;
            top: -0.125rem;
            left: -0.125rem;
            visibility: visible;
            opacity: 0;
            z-index: 2;
        }

.form-check.form-check-inline .uniform-checker input[type=checkbox], .form-check.form-check-inline
.uniform-checker input[type=radio], .form-check.form-check-inline
.uniform-choice input[type=checkbox], .form-check.form-check-inline
.uniform-choice input[type=radio] {
    margin-left: 0;
    margin-right: 0;
}

.form-check .uniform-checker, .form-check
.uniform-choice {
    position: absolute;
    top: 0.00002rem;
    left: 0;
}

.form-check-right .uniform-checker, .form-check-right
.uniform-choice {
    left: auto;
    right: 0;
}

.form-check-inline .uniform-checker, .form-check-inline
.uniform-choice {
    position: static;
    margin-right: 0.625rem;
    margin-top: 0.00002rem;
}

.form-check-inline.form-check-right .uniform-checker, .form-check-inline.form-check-right
.uniform-choice {
    margin-right: 0;
    margin-left: 0.625rem;
}

.uniform-checker.disabled,
.uniform-choice.disabled {
    opacity: 0.5;
}

    .uniform-checker.disabled,
    .uniform-checker.disabled input,
    .uniform-choice.disabled,
    .uniform-choice.disabled input {
        cursor: default;
    }

.uniform-checker span {
    color: #455A64;
    border-radius: 0.125rem;
    transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-checker span {
        transition: none;
    }
}

.uniform-checker span:after {
    content: "\e600";
    font-family: "icomoon";
    font-size: 1rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    line-height: 1;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-checker span:after {
        transition: none;
    }
}

.form-check-light .uniform-checker span {
    border-color: #fff;
    color: #fff;
}

.uniform-checker[class*=border-] span {
    border-color: inherit;
    color: inherit;
}

.uniform-choice {
    border-radius: 100px;
}

    .uniform-choice span {
        border-radius: 100px;
        transition: border-color ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-choice span {
        transition: none;
    }
}

.uniform-choice span:after {
    content: "";
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    border: 0.3125rem solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100px;
    opacity: 0;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-choice span:after {
        transition: none;
    }
}

.form-check-light .uniform-choice span {
    border-color: #fff;
}

.uniform-choice[class*=border-] span {
    border-color: inherit;
}

    .uniform-choice[class*=border-] span:after {
        border-color: inherit;
    }

.dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-checker span {
    border-color: #fff;
    color: #fff;
}

.dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-choice span {
    border-color: #fff;
}

.dropdown-item.form-check .form-check-label {
    padding-left: 3.75rem;
}

.dropdown-item.form-check .uniform-checker,
.dropdown-item.form-check .uniform-choice {
    margin-top: 0.50002rem;
    left: 1.25rem;
}

.dropdown-item.form-check.form-check-right .form-check-label {
    padding-right: 3.75rem;
}

.dropdown-item.form-check.form-check-right .uniform-checker,
.dropdown-item.form-check.form-check-right .uniform-choice {
    left: auto;
    right: 1.25rem;
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .uniform-checker span {
    border-color: #fff;
    color: #fff;
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .uniform-choice span {
    border-color: #fff;
}

.uniform-uploader {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .uniform-uploader .filename {
        color: #999;
        padding: 0.5rem 0;
        -ms-flex: 1;
        flex: 1;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #ddd;
        text-align: left;
        word-break: break-word;
    }

    .uniform-uploader .text-white ~ .filename {
        color: #fff;
        border-bottom-color: rgba(255, 255, 255, 0.5);
    }

    .uniform-uploader .action {
        margin-left: 1.25rem;
        z-index: 1;
        border-radius: 0.1875rem;
    }

    .uniform-uploader input[type=file] {
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        min-height: 2.37503rem;
        border: 0;
        cursor: pointer;
        z-index: 10;
        opacity: 0;
    }

    .uniform-uploader.disabled .filename {
        border-bottom-style: dashed;
    }

    .uniform-uploader.disabled .action {
        opacity: 0.75;
    }

    .uniform-uploader.disabled .filename,
    .uniform-uploader.disabled input[type=file] {
        cursor: default;
    }

.form-control-styled-lg input[type=file] {
    min-height: 2.62502rem;
}

.form-control-styled-lg .filename {
    padding: 0.625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.form-control-styled-sm input[type=file] {
    min-height: 2.12502rem;
}

.form-control-styled-sm .filename {
    padding: 0.375rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.uniform-select {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
    line-height: 1.5385;
    color: #333;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-select {
        transition: none;
    }
}

.uniform-select.focus {
    border-bottom-color: #009688;
    box-shadow: 0 1px 0 #009688;
}

.uniform-select.text-white {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

    .uniform-select.text-white.focus {
        border-bottom-color: #fff;
        box-shadow: 0 1px 0 #fff;
    }

.uniform-select span {
    display: block;
    position: relative;
    text-align: left;
    padding-right: 1.5rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .uniform-select span:after {
        content: '\e9c5';
        font-family: "icomoon";
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1rem;
        margin-top: -0.12502rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.uniform-select select {
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 2.37503rem;
    border: 0;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
}

.uniform-select.disabled {
    color: #999;
    border-bottom-style: dashed;
}

    .uniform-select.disabled select {
        cursor: default;
    }

.form-control-styled-lg .uniform-select {
    padding: 0.625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.form-control-styled-sm .uniform-select {
    padding: 0.375rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}
/* ------------------------------------------------------------------------------
 *
 *  # Switchery
 *
 *  Styles for switchery.min.js - toggle switches
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Bootstrap switches
*
*  Styles for switch.min.js - checkbox/radio toggle switches
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Select2 selects
*
*  Styles for select2.js - custom select plugin
*
* ---------------------------------------------------------------------------- */
.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.select2-selection--single {
    cursor: pointer;
    outline: 0;
    display: block;
    padding: 0.5rem 0;
    line-height: 1.5385;
    color: #333;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    user-select: none;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--single {
        transition: none;
    }
}

.select2-selection--single:focus, .select2-container--open .select2-selection--single {
    border-bottom-color: #2196F3;
    box-shadow: 0 1px 0 #2196F3;
}

.select2-selection--single.text-white {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

    .select2-selection--single.text-white:focus, .select2-container--open .select2-selection--single.text-white {
        border-bottom-color: #fff;
        box-shadow: 0 1px 0 #fff;
    }

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0;
    padding-right: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .select2-selection--single .select2-selection__rendered > i {
        margin-right: 0.625rem;
    }

.select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 0.125015625rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--single .select2-selection__clear {
        transition: none;
    }
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
}

.select2-selection--single .select2-selection__clear:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-selection--single .select2-selection__arrow:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--disabled .select2-selection--single {
    cursor: default;
    box-shadow: none;
    border-bottom-style: dashed;
    color: #999;
}

    .select2-container--disabled .select2-selection--single:focus {
        border-bottom-color: #ddd;
    }

    .select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-selection--multiple {
    display: block;
    cursor: text;
    outline: 0;
    user-select: none;
}

    .select2-selection--multiple.text-white .select2-selection__choice, .select2-selection--multiple.text-white .select2-selection__choice:hover, .select2-selection--multiple.text-white .select2-selection__choice:focus {
        background-color: #fff;
        color: #333;
    }

    .select2-selection--multiple .select2-selection__rendered {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
    }

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--disabled .select2-selection--multiple .select2-search__field {
    cursor: default;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #eee;
    color: #333;
    cursor: default;
    float: left;
    margin-right: 0.625rem;
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem;
    padding: 0.5rem 1rem;
    border-radius: 100px;
    transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice:hover, .select2-selection--multiple .select2-selection__choice:focus {
    background-color: #03A9F4;
    color: #fff;
}

.select2-selection--multiple .select2-selection__choice > i {
    margin-right: 0.625rem;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    cursor: pointer;
    float: right;
    font-size: 0.875rem;
    margin-top: 0.187515625rem;
    line-height: 1;
    margin-left: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 1;
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    opacity: 0.6;
}

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus {
        background-color: #eee;
        color: #333;
    }

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        display: none;
    }

.select2-selection--multiple .select2-search--inline {
    float: left;
}

    .select2-selection--multiple .select2-search--inline .select2-search__field {
        font-size: 100%;
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem;
        padding: 0.5rem 0;
        background-color: transparent;
        border-width: 0;
        outline: 0;
        color: inherit;
        -webkit-appearance: textfield;
    }

        .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-selection--multiple .select2-search--inline:first-child .select2-search__field {
        margin-left: 0;
    }

.select2-dropdown {
    background-color: #fff;
    color: #333;
    border: 0 solid rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    /*rtl:ignore*/
    left: -100000px;
    width: 100%;
    z-index: 1070;
    border-radius: 0.1875rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    max-height: 280px;
    overflow-y: auto;
}

.select2-search--hide + .select2-results > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results:first-child > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results__option {
    padding: 0.5rem 1.25rem;
    cursor: pointer;
    user-select: none;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-results__option {
        transition: none;
    }
}

.select2-results__option + .select2-results__option {
    margin-top: 1px;
}

.select2-results__option i {
    margin-right: 0.625rem;
}

    .select2-results__option i.icon-undefined {
        display: none;
    }

.select2-results__option[role=group] {
    padding: 0;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #f5f5f5;
    color: #333;
}

.select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6);
}

.select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #42A5F5;
}

.select2-results__options--nested > .select2-results__option {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.select2-results__group {
    display: block;
    padding: 0.5rem 1.25rem;
    cursor: default;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.select2-results__option:first-child > .select2-results__group {
    margin-top: 0;
}

.select2-results__message {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75);
}

.select2-results__option.loading-results {
    padding-top: 0;
}

    .select2-results__option.loading-results + .select2-results__option {
        margin-top: 0.5rem;
    }

.select2-results__option--load-more {
    text-align: center;
    margin-top: 0.5rem;
    cursor: default;
}

.select2-container--open .select2-dropdown {
    /*rtl:ignore*/
    left: 0;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 1px;
}

.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 1.25rem;
}

    .select2-search--dropdown:after {
        content: "";
        font-family: "icomoon";
        position: absolute;
        top: 50%;
        left: 1.25rem;
        color: inherit;
        display: block;
        font-size: 0.8125rem;
        margin-top: -0.40625rem;
        line-height: 1;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .select2-search--dropdown + .select2-results .select2-results__message:first-child {
        padding-top: 0;
    }

    .select2-search--dropdown .select2-search__field {
        padding: 0.5rem 0;
        padding-left: 2.0625rem;
        border: 1px solid transparent;
        border-width: 1px 0;
        border-bottom-color: #ddd;
        outline: 0;
        width: 100%;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

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

.select-lg.select2-selection--single {
    padding: 0.625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

    .select-lg.select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 1.5rem;
    }

    .select-lg.select2-selection--single .select2-selection__arrow:after {
        right: 0;
    }

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding: 0.625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-sm.select2-selection--single {
    padding: 0.375rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

    .select-sm.select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 1.5rem;
    }

    .select-sm.select2-selection--single .select2-selection__arrow:after {
        right: 0;
    }

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.375rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    width: 1px !important;
}

.select2-result-repository {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 0.9375rem;
}

    .select2-result-repository__avatar img {
        width: 100%;
        height: auto;
        border-radius: 100px;
    }

.select2-result-repository__meta {
    margin-left: 70px;
}

.select2-result-repository__title {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 2px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    font-size: 0.75rem;
}

.select2-result-repository__description {
    font-size: 0.75rem;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 0.9375rem;
}

/* ------------------------------------------------------------------------------
*
*  # Bootstrap multiselect
*
*  Styles for multiselect.js - custom multiple select plugin
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Passy
*
*  Styles for passy.min.js - password length checker and password generator
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Twiter Typeahead
*
*  Styles for typeahead.bundle.min.js - input suggestion engine
*
* ---------------------------------------------------------------------------- */
.twitter-typeahead {
    width: 100%;
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 100%;
    margin-top: 0.125rem;
    min-width: 11.25rem;
    padding: 0.5rem 0;
    background-color: #fff;
    border: 0 solid rgba(0, 0, 0, 0.15);
    max-height: 350px;
    overflow-y: auto;
    border-radius: 0.1875rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.typeahead-scrollable .tt-menu {
    max-height: 250px;
}

.tt-suggestion {
    color: #333;
    padding: 0.5rem 1.25rem;
    cursor: pointer;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .tt-suggestion {
        transition: none;
    }
}

.tt-suggestion:hover, .tt-suggestion:focus, .tt-suggestion.tt-cursor {
    color: #333;
    background-color: #f5f5f5;
}

.tt-heading {
    padding: 0.5rem 1.25rem;
    display: block;
    font-weight: 700;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.tt-dataset-group:first-child .tt-heading:first-child {
    margin-top: 0;
}

.typeahead-template .empty-message {
    padding: 0.5rem 1.25rem;
    text-align: center;
}

/* ------------------------------------------------------------------------------
*
*  # Form Validation
*
*  Styles for validate.min.js - jQuery plugin for simple clientside form validation
*
* ---------------------------------------------------------------------------- */
.validation-invalid-label,
.validation-valid-label {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: block;
    color: #F44336;
    position: relative;
    padding-left: 1.625rem;
}

.validation-valid-label {
    color: #4CAF50;
}

    .validation-invalid-label:before,
    .validation-valid-label:before {
        font-family: "icomoon";
        font-size: 1rem;
        position: absolute;
        top: 0.125015625rem;
        left: 0;
        display: inline-block;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .validation-invalid-label:empty,
    .validation-valid-label:empty {
        display: none;
    }

.validation-invalid-label:before {
    content: "";
}

.validation-valid-label:before {
    content: "";
}

/* ------------------------------------------------------------------------------
*
*  # Floating labels
*
*  Styles for custom Floating Labels extensions
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Alpaca forms
*
*  Styles for alpaca.min.js - the easiest way to generate interactive HTML5 forms for web applications
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Tokenfield for Bootstrap
*
*  Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap
*
* ---------------------------------------------------------------------------- */
.tokenfield {
    height: auto;
    border: 0;
}

    .tokenfield::after {
        display: block;
        clear: both;
        content: "";
    }

    .tokenfield.form-control:not(input) {
        padding: 0;
    }

    .tokenfield .token {
        margin-right: 0.625rem;
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem;
        cursor: default;
        float: left;
        position: relative;
        border-radius: 100px;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .tokenfield .token {
        transition: none;
    }
}

.tokenfield .token:not([class*=bg-]) {
    background-color: #eee;
    color: #333;
}

    .tokenfield .token:not([class*=bg-]):hover, .tokenfield .token:not([class*=bg-]):focus {
        background-color: #03A9F4;
        color: #fff;
    }

.tokenfield .token .token-label {
    display: block;
    max-width: none !important;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
}

.tokenfield .token > .close {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    color: inherit;
    right: 1rem;
    line-height: 1;
    margin-top: -0.34375rem;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .tokenfield .token > .close {
        transition: none;
    }
}

.tokenfield .token > .close:after {
    content: "";
    font-family: "icomoon";
    display: block;
    font-size: 0.6875rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tokenfield .token > .close:hover {
    opacity: 1;
}

.tokenfield .twitter-typeahead {
    width: auto;
}

.tokenfield .token-input {
    direction: ltr;
    background: none;
    width: 5.625rem !important;
    max-width: 50%;
    min-width: 4rem;
    padding: 0.5rem 0;
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem;
    border: 0;
    outline: 0;
}

.tokenfield.readonly .token .token-label {
    padding-right: 1rem;
}

.tokenfield.readonly .token .close {
    display: none;
}

.tokenfield.disabled {
    cursor: default;
}

    .tokenfield.disabled .token,
    .tokenfield.disabled .token .close {
        opacity: 0.5;
    }

        .tokenfield.disabled .token:hover, .tokenfield.disabled .token:focus {
            background-color: #eee;
            color: #333;
        }

        .tokenfield.disabled,
        .tokenfield.disabled .token-input,
        .tokenfield.disabled .token,
        .tokenfield.disabled .token .close {
            cursor: default;
        }

.input-group-lg .token > .token-label,
.input-group-lg .token > span,
.tokenfield.form-control-lg .token > .token-label,
.tokenfield.form-control-lg .token > span {
    padding: 0.625rem 1.125rem;
    padding-right: 2.15625rem;
}

.input-group-lg .token-input,
.tokenfield.form-control-lg .token-input {
    padding: 0.625rem 0;
}

.input-group-lg .token > .close,
.tokenfield.form-control-lg .token > .close {
    right: 1.125rem;
}

.input-group-lg.readonly .token > .token-label,
.tokenfield.form-control-lg.readonly .token > .token-label {
    padding-right: 1.125rem;
}

.input-group-sm .token > .token-label,
.input-group-sm .token > span,
.tokenfield.form-control-sm .token > .token-label,
.tokenfield.form-control-sm .token > span {
    padding: 0.375rem 0.875rem;
    padding-right: 1.90625rem;
}

.input-group-sm .token-input,
.tokenfield.form-control-sm .token-input {
    padding: 0.375rem 0;
}

.input-group-sm .token > .close,
.tokenfield.form-control-sm .token > .close {
    right: 0.875rem;
}

.input-group-sm.readonly .token > .token-label,
.tokenfield.form-control-sm.readonly .token > .token-label {
    padding-right: 0.875rem;
}

/* ------------------------------------------------------------------------------
*
*  # Bootstrap tags input
*
*  Styles for tagsinput.js - tags input for Bootstrap
*
* ---------------------------------------------------------------------------- */
.bootstrap-tagsinput {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

    .bootstrap-tagsinput input {
        direction: ltr;
        border: 0;
        outline: 0;
        background-color: transparent;
        padding: 0.5rem 0;
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem;
        width: auto !important;
        max-width: 50%;
        min-width: 4rem;
        box-shadow: none;
    }

.input-group .bootstrap-tagsinput {
    width: 1%;
    flex: 1 1 auto;
}

.bootstrap-tagsinput .twitter-typeahead {
    width: auto;
}

.bootstrap-tagsinput .tt-dropdown-menu {
    margin-top: 0.1875rem;
    min-width: 11.25rem;
}

.bootstrap-tagsinput .tag {
    margin-right: 0.625rem;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
    float: left;
    position: relative;
    border-radius: 100px;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .bootstrap-tagsinput .tag {
        transition: none;
    }
}

.bootstrap-tagsinput .tag:not([class*=bg-]) {
    background-color: #eee;
    color: #333;
}

    .bootstrap-tagsinput .tag:not([class*=bg-]):hover, .bootstrap-tagsinput .tag:not([class*=bg-]):focus {
        background-color: #03A9F4;
        color: #fff;
    }

.bootstrap-tagsinput .tag,
.bootstrap-tagsinput .tag input {
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem;
}

    .bootstrap-tagsinput .tag [data-role=remove] {
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 1rem;
        line-height: 1;
        margin-top: -0.34375rem;
        opacity: 0.7;
        transition: opacity ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .bootstrap-tagsinput .tag [data-role=remove] {
        transition: none;
    }
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    opacity: 1;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "";
    font-family: "icomoon";
    display: block;
    font-size: 0.6875rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------------------------------------------------------------------------------
*
*  # Touchspin spinners
*
*  Styles for touchspin.min.js - spinner form control library
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Bootstrap Duallistbox
 *
 *  Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Steps wizard
*
*  Styles for steps.min.js - An all-in-one wizard plugin that is extremely flexible, compact and feature-rich
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Summernote editor
*
*  Styles for summernote.min.js - super simple WYSIWYG Editor for Bootstrap framework
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Trumbowyg editor
*
*  Styles for trumbowyg.min.js - a lightweight WYSIWYG editor
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Ace code editor
*
*  Styles Ace - an embeddable code editor written in JavaScript
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Daterange picker
*
*  Date range picker component for Bootstrap
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Picker base
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Date picker
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Time picker
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Anytime picker
*
*  jQuery datepicker/timepicker and a Date/String parse/format utility
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Spectrum color picker
*
*  Flexible and powerful jQuery colorpicker library
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Plupload multiple file uploader
 *
 *  Styles for plupload.min.js - multi runtime single and multiple file uploader
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Bootstrap file input
 *
 *  Styles for fileinput.min.js - an enhanced HTML 5 file input for Bootstrap
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Dropzone file uploader
 *
 *  Styles for dropzone.min.js - open source library that provides drag’n’drop file uploads with image previews
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Noty notifications
*
*  Styles for noty.min.js - A dependency-free notification library
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # PNotify notifications
*
*  Styles for pnotify.min.js - a flexible JavaScript notification plugin
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # jGrowl notifications
*
*  Styles for jgrowl.min.js - an unobtrusive notification system for web applications
*
* ---------------------------------------------------------------------------- */
.jGrowl {
    z-index: 1070;
    position: absolute;
}

body > .jGrowl {
    position: fixed;
}

.jGrowl.top-left {
    left: 1.25rem;
    top: 1.25rem;
}

.jGrowl.top-center {
    left: 50%;
    top: 1.25rem;
    margin-left: -10rem;
}

.jGrowl.top-right {
    right: 1.25rem;
    top: 1.25rem;
}

.jGrowl.center {
    top: 40%;
    width: 20rem;
    left: 50%;
    margin-left: -10rem;
    margin-top: -1.875015625rem;
}

    .jGrowl.center .jGrowl-notification,
    .jGrowl.center .jGrowl-closer {
        margin-left: auto;
        margin-right: auto;
    }

.jGrowl.bottom-left {
    left: 1.25rem;
    bottom: 1.25rem;
}

.jGrowl.bottom-center {
    left: 50%;
    bottom: 1.25rem;
    margin-left: -10rem;
}

.jGrowl.bottom-right {
    right: 1.25rem;
    bottom: 1.25rem;
}

@media print {
    .jGrowl {
        display: none;
    }
}

.jGrowl-notification {
    margin-bottom: 0.625rem;
    width: 20rem;
    text-align: left;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .jGrowl-notification .jGrowl-header {
        font-size: 0.9375rem;
        margin-bottom: 0.3125rem;
    }

        .jGrowl-notification .jGrowl-header:empty {
            margin: 0;
        }

    .jGrowl-notification .jGrowl-close {
        font-weight: 400;
        background: none;
        border: 0;
        font-size: 1.25003125rem;
        cursor: pointer;
        line-height: 1;
        padding: 0;
        float: right;
        color: inherit;
        outline: 0;
        margin-left: 0.625rem;
        opacity: 0.75;
        transition: opacity ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .jGrowl-notification .jGrowl-close {
        transition: none;
    }
}

.jGrowl-notification .jGrowl-close:hover {
    opacity: 1;
}

.jGrowl-closer {
    padding: 0.3125rem 0;
    cursor: pointer;
    margin-top: 0.3125rem;
    text-align: center;
    background-color: #fff;
    width: 20rem;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
}

/* ------------------------------------------------------------------------------
*
*  # Sweet Alerts component
*
*  Styles for sweet_alert.min.js - notification library
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # jQuery UI slider pips
 *
 *  Styles for jQuery UI slider pips extension
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # NoUI slider
 *
 *  Styles for nouislider.min.js - range slider plugin
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # ION Range Slider
*
*  Styles for ion_rangeslider.min.js - range slider plugin
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # jQuery UI Interactions
 *
 *  Separate styles for jQuery UI library. Component's interactions
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # jQuery UI Widgets
 *
 *  Styles for jQuery UI widgets
 *
 * ---------------------------------------------------------------------------- */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    margin: 0;
    outline: 0;
    position: relative;
    background-color: #fff;
    padding: 0.9375rem 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 0.5rem;
    border-radius: 0.1875rem;
}

    .ui-accordion .ui-accordion-header:first-child {
        margin-top: 0;
    }

    .ui-accordion .ui-accordion-header.ui-accordion-header-active {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin-top: -0.5rem;
    }

        .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
            content: '\e9b8';
            font-family: "icomoon";
            display: block;
            width: 1rem;
            font-size: 1rem;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
    content: '\e9b7';
}

.ui-accordion .ui-accordion-icons {
    padding-right: 3.5rem;
}

.ui-accordion .ui-accordion-content {
    padding: 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 0;
    overflow: auto;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.accordion-sortable-group + .accordion-sortable-group {
    margin-top: 0.5rem;
}

.ui-autocomplete {
    position: absolute;
    display: none;
    padding: 0.5rem 0;
    z-index: 1000;
    max-height: 250px;
    overflow: auto;
}

    .ui-autocomplete .ui-autocomplete-category {
        padding: 0.5rem 1.25rem;
        font-size: 0.75rem;
        line-height: 1.6667;
        text-transform: uppercase;
        font-weight: 700;
    }

        .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item .ui-menu-item-wrapper {
            padding-left: 2.5rem;
        }

.ui-autocomplete-processing:after {
    content: '\eb51';
    font-family: "icomoon";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    text-align: right;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input-group .ui-autocomplete-input + .input-group-append > .btn,
.input-group .ui-autocomplete-input + .input-group-append > .ui-button,
.input-group .ui-datepicker-buttonpane .ui-autocomplete-input + .input-group-append > button,
.ui-datepicker-buttonpane .input-group .ui-autocomplete-input + .input-group-append > button {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-button, .ui-datepicker-buttonpane button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    color: #333;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.5385;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-button, .ui-datepicker-buttonpane button {
        transition: none;
    }
}

.ui-button:focus, .ui-datepicker-buttonpane button:focus {
    outline: 0;
}

.ui-button:not([class*=bg-]):not(.ui-selectmenu-button):hover, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):hover, .ui-button:not([class*=bg-]):not(.ui-selectmenu-button):focus, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):focus, .ui-button:not([class*=bg-]):not(.ui-selectmenu-button):active, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):active {
    color: #333;
    background-color: #eee;
    border-color: transparent;
}

.ui-button.ui-state-disabled, .ui-datepicker-buttonpane button.ui-state-disabled {
    cursor: default;
    opacity: 0.65;
    box-shadow: none;
}

.ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, .ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus {
    color: #fff;
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset;
}

.ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):active, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):active {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset;
}

.ui-button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link {
    background-color: transparent;
    border-color: transparent;
}

    .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:hover, .ui-button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:focus {
        color: #0a6ebd;
    }

    .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:hover, .ui-button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-button.ui-button-link:active, .ui-datepicker-buttonpane button.ui-button-link:active {
        box-shadow: none;
    }

.ui-button::-moz-focus-inner, .ui-datepicker-buttonpane button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-button .ui-button-icon-space, .ui-datepicker-buttonpane button .ui-button-icon-space {
    display: inline-block;
    width: 0.625rem;
}

.ui-button.ui-corner-left, .ui-datepicker-buttonpane button.ui-corner-left {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.ui-button.ui-corner-right, .ui-datepicker-buttonpane button.ui-corner-right {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.ui-button.ui-corner-all, .ui-datepicker-buttonpane button.ui-corner-all {
    border-radius: 0.1875rem;
}

.ui-button-icon-only {
    text-indent: -9999px;
    padding-left: 1.12502rem;
    padding-right: 1.12502rem;
    overflow: hidden;
}

    .ui-button-icon-only .ui-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        text-indent: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .ui-button-icon-only .ui-button-icon-space,
    .ui-button-icon-only .ui-button-text {
        display: none;
    }

.ui-controlgroup {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .ui-controlgroup .ui-button, .ui-controlgroup .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .ui-controlgroup button {
        margin-left: -1px;
        float: left;
    }

    .ui-controlgroup .ui-selectmenu-button:focus {
        border-bottom-color: transparent;
        box-shadow: none;
    }

    .ui-controlgroup .ui-selectmenu-button:after {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-datepicker-buttonpane .ui-controlgroup button:first-child,
    .ui-controlgroup .ui-helper-hidden-accessible:first-child + .ui-button,
    .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child + button,
    .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child + button {
        margin-left: 0;
    }

.ui-checkboxradio-label.ui-checkboxradio-checked {
    background-color: #eee;
    color: #333;
    border-color: transparent;
}

    .ui-checkboxradio-label.ui-checkboxradio-checked[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) {
        box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.125) inset;
    }

.ui-checkboxradio-label.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    min-width: 270px;
    padding: 0.9375rem;
}

    .ui-datepicker:not(.ui-datepicker-inline) {
        display: none;
        background-color: #fff;
        border: 0 solid rgba(0, 0, 0, 0.15);
        z-index: 1070 !important;
        border-radius: 0.1875rem;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

.sidebar .ui-datepicker {
    min-width: 0;
}

.ui-datepicker a {
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-datepicker a {
        transition: none;
    }
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
}

.ui-datepicker .ui-datepicker-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0.46875rem;
    padding-bottom: 0.46875rem;
    font-size: 0.9375rem;
    margin-left: 2.9375rem;
    margin-right: 2.9375rem;
}

    .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
        font-weight: 500;
    }

    .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
        font-size: 85%;
        color: #999;
        margin-left: 0.46875rem;
    }

    .ui-datepicker .ui-datepicker-title select {
        outline: 0;
        height: 2.12502rem;
        border-color: #ddd;
        -ms-flex: 1;
        flex: 1;
    }

        .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
            font-size: 0.8125rem;
            font-weight: 400;
            color: #333;
        }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    line-height: 1;
    color: #333;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 0.1875rem;
}

    .ui-datepicker .ui-datepicker-prev:after,
    .ui-datepicker .ui-datepicker-next:after {
        font-family: "icomoon";
        display: block;
        font-size: 1rem;
        width: 1rem;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: none;
    }

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

    .ui-datepicker .ui-datepicker-prev:after {
        content: '\e9c8';
    }

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

    .ui-datepicker .ui-datepicker-next:after {
        content: '\e9cb';
    }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    color: #333;
    background-color: #f5f5f5;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .ui-datepicker .ui-datepicker-calendar th {
        text-align: center;
        font-weight: 400;
        padding-top: 0.9375rem;
        padding-bottom: 0.5rem;
        font-size: 0.75rem;
        color: #999;
    }

    .ui-datepicker .ui-datepicker-calendar td {
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-calendar td span,
        .ui-datepicker .ui-datepicker-calendar td a {
            display: block;
            position: relative;
            text-decoration: none;
            min-width: 2.25003rem;
            color: #333;
            padding: 0.5rem;
            border-radius: 0.1875rem;
        }

        .ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
            color: #333;
            background-color: #f5f5f5;
        }

        .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a,
        .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
            color: #999;
            background-color: transparent;
        }

        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col {
            min-width: 2.25003rem;
            padding: 0.5rem;
            color: #999;
        }

        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active {
            color: #fff;
            background-color: #26A69A;
        }

        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
            color: #333;
            background-color: #f5f5f5;
        }

            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight:after {
                content: "";
                position: absolute;
                top: 0.16667rem;
                right: 0.16667rem;
                border-top: 0.5rem solid #767676;
                border-left: 0.5rem solid transparent;
                width: 0;
                height: 0;
            }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month .ui-priority-secondary {
        color: #999;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
        text-align: left;
    }

.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}

.ui-datepicker-buttonpane {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.9375rem;
}

.ui-datepicker-inline {
    max-width: 100%;
    overflow-x: auto;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 4;
    padding: 6px 0;
    cursor: pointer;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group {
        padding-left: 0.9375rem;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 46%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-dialog {
    position: fixed;
    top: 0;
    /*rtl:ignore*/
    left: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    border-radius: 0.25rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

@media (max-width: 767.98px) {
    .ui-dialog {
        width: 90% !important;
    }
}

.ui-dialog-titlebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem;
    padding-bottom: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog-title {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.5385;
}

.ui-dialog-titlebar-close {
    margin-left: auto;
    background-color: transparent;
    padding: 0;
    border: 0;
    font-size: 0;
    text-indent: 0;
    opacity: 0.75;
}

    .ui-dialog-titlebar-close:after {
        content: '\ed6a';
        font-family: "icomoon";
        display: block;
        width: 0.8125rem;
        font-size: 0.8125rem;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
        background-color: transparent !important;
        opacity: 1;
    }

.ui-dialog-content {
    position: relative;
    overflow: auto;
    padding: 1.25rem;
}

    .ui-dialog-content .form-group:last-child,
    .ui-dialog-content p:last-child {
        margin-bottom: 0;
    }

.ui-dialog-buttonpane {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.25rem;
    padding-top: 0;
}

    .ui-dialog-buttonpane button + button {
        margin-left: 0.625rem;
    }

.ui-menu {
    list-style: none;
    padding: 0.5rem 0;
    margin: 0;
    display: block;
    outline: none;
    min-width: 11.25rem;
    white-space: nowrap;
    background-color: #fff;
    border: 0 solid rgba(0, 0, 0, 0.15);
    z-index: 1000;
    border-radius: 0.1875rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

    .ui-menu .ui-menu {
        position: absolute;
        top: -0.5rem !important;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        position: relative;
    }

        .ui-menu .ui-menu-item i {
            margin-right: 1.25rem;
        }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        cursor: pointer;
        padding: 0.5rem 1.25rem;
        outline: 0;
        color: #333;
        overflow: hidden;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .ui-menu .ui-menu-item-wrapper {
        transition: none;
    }
}

.ui-menu .ui-menu-item-wrapper > .ui-menu-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    right: 1.25rem;
}

    .ui-menu .ui-menu-item-wrapper > .ui-menu-icon:after {
        content: '\e9c7';
        font-family: "icomoon";
        font-size: 1rem;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.ui-menu .ui-menu-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.5rem 1.25rem;
    font-size: 0.75rem;
    line-height: 1.6667;
    text-transform: uppercase;
    color: #999;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

    .ui-menu .ui-menu-header.highlight {
        margin-top: 0;
        background-color: #f8f8f8;
    }

.ui-menu .ui-menu-item + .highlight,
.ui-menu .highlight + .ui-menu-item {
    margin-top: 0.5rem;
}

.ui-menu .ui-menu-item-wrapper > i,
.ui-menu .ui-menu-header > i {
    top: 0;
    margin-top: 0.12502rem;
    margin-right: 1.25rem;
}

.ui-menu .ui-menu-divider {
    margin: 0.5rem 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.ui-menu .ui-state-disabled .ui-menu-item-wrapper {
    color: #999;
    background-color: transparent;
    cursor: default;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    color: #333;
    background-color: #f5f5f5;
}

.ui-progressbar {
    display: -ms-flexbox;
    display: flex;
    height: 1.125rem;
    overflow: hidden;
    font-size: 0.60938rem;
    background-color: #eee;
    border-radius: 0.1875rem;
    box-shadow: none;
}

.ui-progressbar-value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #2196F3;
    background-size: 1.125rem 1.125rem;
    transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-progressbar-value {
        transition: none;
    }
}

.ui-progressbar-striped .ui-progressbar-value {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.ui-progressbar-active .ui-progressbar-value {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    /*rtl:ignore*/
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        max-height: 340px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 0.75rem;
            font-weight: 500;
            line-height: 1.6667;
            padding: 0.5rem 1.25rem;
            text-transform: uppercase;
            height: auto;
            border: 0;
        }

            .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item .ui-menu-item-wrapper {
                padding-left: 2.5rem;
            }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    text-decoration: none;
    text-align: left;
    outline: 0;
    font-weight: 400;
}

    .ui-selectmenu-button:not(.ui-controlgroup-item) {
        display: inline-block;
        position: relative;
        background-color: transparent;
        border: 1px solid #ddd;
        border-width: 1px 0;
        border-top-color: transparent;
        cursor: pointer;
        border-radius: 0;
    }

    .ui-selectmenu-button:not(.ui-button-icon-only) {
        padding: 0.5rem 0;
        padding-right: 1.5rem;
    }

.ui-controlgroup .ui-selectmenu-button:hover, .ui-controlgroup .ui-selectmenu-button:focus, .ui-controlgroup .ui-selectmenu-button:active {
    color: #333;
    background-color: #eee;
    border-color: transparent;
}

.ui-selectmenu-button:focus, .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-color: #009688;
    box-shadow: 0 1px 0 #009688;
}

.ui-selectmenu-button:after {
    content: '\e9c5';
    font-family: "icomoon";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-selectmenu-button .ui-selectmenu-text {
    display: block;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-selectmenu-disabled:not(.ui-controlgroup-item) {
    cursor: default;
    background-color: transparent;
    border-bottom-style: dashed;
}

    .ui-selectmenu-disabled:not(.ui-controlgroup-item):focus {
        border-bottom-color: #ddd;
        box-shadow: none;
    }

.ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text {
    padding: 0.625rem 0;
    padding-right: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text {
    padding: 0.375rem 0;
    padding-right: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.ui-selectmenu-images .ui-menu-item span {
    display: inline-block;
    margin-right: 1.25rem;
    background-size: 1.25003rem 1.25003rem;
    float: left;
    width: 1.25003rem;
    height: 1.25003rem;
    border-radius: 0.1875rem;
}

.ui-selectmenu-images .demo-img-amazon {
    background: url("../../../../../../global_assets/images/brands/amazon.png") no-repeat;
}

.ui-selectmenu-images .demo-img-youtube {
    background: url("../../../../../../global_assets/images/brands/youtube.png") no-repeat;
}

.ui-selectmenu-images .demo-img-twitter {
    background: url("../../../../../../global_assets/images/brands/twitter.png") no-repeat;
}

.ui-selectmenu-images .demo-img-bing {
    background: url("../../../../../../global_assets/images/brands/bing.png") no-repeat;
}

.ui-selectmenu-images .demo-img-spotify {
    background: url("../../../../../../global_assets/images/brands/spotify.png") no-repeat;
}

.ui-slider {
    position: relative;
    text-align: left;
    background-color: #eee;
    border-radius: 100px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        cursor: pointer;
        background-color: #5C6BC0;
        border: 1px solid transparent;
        outline: 0;
        width: 0.9375rem;
        height: 0.9375rem;
        border-radius: 100px;
        transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s;
        transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s;
        transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .ui-slider .ui-slider-handle {
        transition: none;
    }
}

.ui-slider .ui-slider-handle.ui-state-hover, .ui-slider .ui-slider-handle.ui-state-focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.ui-slider .ui-slider-handle.ui-state-focus, .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1);
}

.ui-slider .ui-slider-handle:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.15625rem;
    margin-left: -0.15625rem;
    background-color: #5C6BC0;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 100px;
    transition: background-color ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-slider .ui-slider-handle:after {
        transition: none;
    }
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    background-color: #5C6BC0;
    border-radius: 100px;
}

.ui-slider.ui-slider-disabled {
    opacity: 0.75;
}

    .ui-slider.ui-slider-disabled .ui-slider-handle {
        cursor: default;
    }

.ui-slider-horizontal {
    height: 0.3125rem;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -0.3125rem;
        /*rtl:ignore*/
        margin-left: -0.46875rem;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: 0.3125rem;
    height: 150px;
    display: inline-block;
    margin: 0 0.625rem;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -0.3125rem;
        margin-bottom: -0.46875rem;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-slider-lg .ui-slider-handle {
    width: 1.3125rem;
    height: 1.3125rem;
}

    .ui-slider-lg .ui-slider-handle:after {
        margin-top: -0.21875rem;
        margin-left: -0.21875rem;
        width: 0.4375rem;
        height: 0.4375rem;
    }

.ui-slider-lg.ui-slider-horizontal {
    height: 0.4375rem;
}

    .ui-slider-lg.ui-slider-horizontal .ui-slider-handle {
        top: -0.4375rem;
        /*rtl:ignore*/
        margin-left: -0.65625rem;
    }

.ui-slider-lg.ui-slider-vertical {
    width: 0.4375rem;
}

    .ui-slider-lg.ui-slider-vertical .ui-slider-handle {
        left: -0.4375rem;
        margin-bottom: -0.65625rem;
    }

.ui-slider-sm .ui-slider-handle {
    width: 0.5625rem;
    height: 0.5625rem;
}

    .ui-slider-sm .ui-slider-handle:after {
        margin-top: -0.09375rem;
        margin-left: -0.09375rem;
        width: 0.1875rem;
        height: 0.1875rem;
    }

.ui-slider-sm.ui-slider-horizontal {
    height: 0.1875rem;
}

    .ui-slider-sm.ui-slider-horizontal .ui-slider-handle {
        top: -0.1875rem;
        /*rtl:ignore*/
        margin-left: -0.28125rem;
    }

.ui-slider-sm.ui-slider-vertical {
    width: 0.1875rem;
}

    .ui-slider-sm.ui-slider-vertical .ui-slider-handle {
        left: -0.1875rem;
        margin-bottom: -0.28125rem;
    }

.ui-slider-primary .ui-slider-range {
    background-color: #2196F3;
    border-color: #2196F3;
}

.ui-slider-primary .ui-slider-handle, .ui-slider-primary .ui-slider-handle:after {
    background-color: #2196F3;
}

    .ui-slider-primary .ui-slider-handle.ui-state-focus, .ui-slider-primary .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(33, 150, 243, 0.1);
    }

.ui-slider-danger .ui-slider-range {
    background-color: #F44336;
    border-color: #F44336;
}

.ui-slider-danger .ui-slider-handle, .ui-slider-danger .ui-slider-handle:after {
    background-color: #F44336;
}

    .ui-slider-danger .ui-slider-handle.ui-state-focus, .ui-slider-danger .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(244, 67, 54, 0.1);
    }

.ui-slider-success .ui-slider-range {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-handle:after {
    background-color: #4CAF50;
}

    .ui-slider-success .ui-slider-handle.ui-state-focus, .ui-slider-success .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(76, 175, 80, 0.1);
    }

.ui-slider-warning .ui-slider-range {
    background-color: #FF7043;
    border-color: #FF7043;
}

.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-handle:after {
    background-color: #FF7043;
}

    .ui-slider-warning .ui-slider-handle.ui-state-focus, .ui-slider-warning .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(255, 112, 67, 0.1);
    }

.ui-slider-info .ui-slider-range {
    background-color: #00BCD4;
    border-color: #00BCD4;
}

.ui-slider-info .ui-slider-handle, .ui-slider-info .ui-slider-handle:after {
    background-color: #00BCD4;
}

    .ui-slider-info .ui-slider-handle.ui-state-focus, .ui-slider-info .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(0, 188, 212, 0.1);
    }

.ui-slider-circle .ui-slider-handle:after {
    background-color: #fff;
}

.ui-handle-white .ui-slider-handle {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .ui-handle-white .ui-slider-handle:after {
        content: none;
    }

    .ui-handle-white .ui-slider-handle.ui-state-focus, .ui-handle-white .ui-slider-handle.ui-state-active {
        box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

.ui-spinner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.ui-spinner-input {
    margin-right: 1.25rem;
}

.ui-spinner-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
}

    .ui-spinner-button:after {
        font-family: "icomoon";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1rem;
        font-size: 1rem;
        line-height: 1;
        text-indent: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ui-spinner-button > span {
        display: none;
    }

.ui-spinner-up {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

    .ui-spinner-up:after {
        content: '\e9f7';
    }

.ui-spinner-down {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

    .ui-spinner-down:after {
        content: '\e9e2';
    }

.ui-tabs {
    position: relative;
}

    .ui-tabs .ui-tabs-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #ddd;
    }

    .ui-tabs .ui-tabs-tab {
        list-style: none;
        position: relative;
        padding: 0;
        margin-bottom: -1px;
    }

    .ui-tabs .ui-tabs-anchor {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        color: #777;
        padding: 0.625rem 1.25rem;
        border: 1px solid transparent;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .ui-tabs .ui-tabs-anchor {
        transition: none;
    }
}

.ui-tabs .ui-tabs-anchor:before {
    content: '';
    position: absolute;
    height: 2px;
    top: -1px;
    left: -1px;
    right: -1px;
    transition: background-color ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ui-tabs .ui-tabs-anchor:before {
        transition: none;
    }
}

.ui-tabs .ui-tabs-anchor i {
    top: 0;
    margin-top: 0.12502rem;
}

.ui-tabs .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled),
.ui-tabs .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) {
    color: #333;
}

.ui-tabs .ui-tabs-active .ui-tabs-anchor {
    color: #333;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}

    .ui-tabs .ui-tabs-active .ui-tabs-anchor:before {
        background-color: #2196F3;
    }

.ui-tabs .ui-state-disabled {
    color: #999;
    background-color: transparent;
    border-color: transparent;
    cursor: default;
}

.ui-tabs .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor {
    border-color: #ddd;
}

.ui-tabs .ui-tabs-panel {
    display: block;
}

.ui-tooltip {
    position: absolute;
    z-index: 1070;
    max-width: 200px;
    padding: 0.5625rem 0.75rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.1875rem;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    /*rtl:ignore*/
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
}

.ui-helper-clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.ui-helper-zfix {
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.ui-front {
    z-index: 1040;
}
/* ------------------------------------------------------------------------------
 *
 *  # Ripple effect
 *
 *  Styles for ripple.min.js - material design ripple click effect
 *
 * ---------------------------------------------------------------------------- */
.legitRipple {
    position: relative;
    overflow: hidden;
    z-index: 0;
    user-select: none;
}

.legitRipple-ripple {
    position: absolute;
    width: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15);
    will-change: transform, width, opacity;
    opacity: 1;
    transition: width 0.15s linear, opacity 0.5s ease-out;
    transform: translate(-50%, -50%);
    display: block;
}

    .legitRipple-ripple:before {
        content: "";
        padding-top: 100%;
        display: block;
    }

.ripple-dark .legitRipple-ripple,
.btn-light .legitRipple-ripple,
.btn.bg-white .legitRipple-ripple,
.btn-link .legitRipple-ripple,
.btn.bg-transparent .legitRipple-ripple,
.page-link:not(.active) .legitRipple-ripple,
.nav-tabs:not([class*=bg-]) .nav-link .legitRipple-ripple,
.nav-pills .nav-link .legitRipple-ripple,
.ui-button:not([class*=bg-]) .legitRipple-ripple,
.ui-tabs-anchor .legitRipple-ripple,
.fc-button .legitRipple-ripple,
.sp-replacer .legitRipple-ripple,
.sidebar-light .nav-sidebar .nav-link .legitRipple-ripple,
.plupload_add .legitRipple-ripple,
.btn[class*=alpha-] .legitRipple-ripple,
.btn-outline.bg-white .legitRipple-ripple,
.btn-outline.bg-light .legitRipple-ripple,
.list-group-item-action .legitRipple-ripple,
.navbar-light .navbar-nav-link .legitRipple-ripple {
    background-color: rgba(0, 0, 0, 0.075);
}

.ripple-light .legitRipple-ripple,
.sidebar-user-material-footer > a .legitRipple-ripple,
.sp-replacer[class*=bg-] .legitRipple-ripple,
.pagination-pager-linked .page-link .legitRipple-ripple,
.page-item.active .page-link .legitRipple-ripple,
.list-group-item-action.active .legitRipple-ripple {
    background-color: rgba(255, 255, 255, 0.15);
}

img ~ .legitRipple-ripple {
    z-index: auto;
}

.dropdown-toggle.legitRipple-empty:after {
    margin-left: 0;
}

.legitRipple-template {
    display: none;
}

/* ------------------------------------------------------------------------------
 *
 *  # Prism
 *
 *  Styles for prism.min.js - lightweight, extensible syntax highlighter
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Slinky
 *
 *  Styles for slinky.min.js - animated multi level navigation
 *
 * ---------------------------------------------------------------------------- */
.slinky-menu {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

    .slinky-menu > ul {
        /*rtl:ignore*/
        left: 0;
        position: relative;
        transform: translateZ(0);
    }

    .slinky-menu ul {
        width: 100%;
    }

        .slinky-menu ul.active {
            max-height: 340px;
            overflow-y: auto;
        }

    .slinky-menu li + li:not(.dropdown-item):not(.dropdown-divider) {
        margin-top: 1px;
    }

    .slinky-menu li ul {
        display: none;
        /*rtl:ignore*/
        left: 100%;
        position: absolute;
        top: 0;
    }

    .slinky-menu .header {
        display: flex;
        position: relative;
        color: #2196F3;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .slinky-menu .header {
        transition: none;
    }
}

.slinky-menu .header:hover, .slinky-menu .header:focus {
    color: #0a6ebd;
}

.slinky-menu .header .title {
    flex: 1;
    padding: 0.5rem 1.25rem;
    padding-left: 3.5rem;
}

.slinky-menu .next:after, .slinky-menu .next:before,
.slinky-menu .back:after,
.slinky-menu .back:before {
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slinky-menu .next {
    padding-right: 3rem;
}

    .slinky-menu .next:after {
        content: "";
        right: 1.25rem;
    }

.slinky-menu .back {
    position: absolute;
    padding: 0.5rem 1.25rem;
    color: inherit;
    width: 100%;
    height: 100%;
}

    .slinky-menu .back:before {
        content: "";
        left: 1.25rem;
    }

/* ------------------------------------------------------------------------------
 *
 *  # Sticky kit
 *
 *  Styles for sticky.min.js - extension that makes elements sticky
 *
 * ---------------------------------------------------------------------------- */
.is_stuck {
    z-index: 1030 !important;
}

/* ------------------------------------------------------------------------------
 *
 *  # Headroom
 *
 *  Styles for headroom.min.js - hides BS navbar component on page scroll
 *
 * ---------------------------------------------------------------------------- */
.headroom {
    transition: transform ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    will-change: transform;
}

.navbar-slide-top.headroom--pinned {
    transform: translateY(0);
}

.navbar-slide-top.headroom--unpinned {
    transform: translateY(-100%);
    box-shadow: none;
}

.navbar-slide-bottom.headroom--pinned {
    transform: translateY(100%);
    box-shadow: none;
}

.navbar-slide-bottom.headroom--unpinned {
    transform: translateY(0);
}

/* ------------------------------------------------------------------------------
 *
 *  # Dragula - drag and drop library
 *
 *  Styles for Dragula Drag and drop plugin
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Perfect Scrollbar
 *
 *  Styles for perfect_scrollbar.min.js - custom scrollbar extension
 *
 * ---------------------------------------------------------------------------- */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
}

.ps__rail-y,
.ps__rail-x {
    opacity: 0;
    position: absolute;
    transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
    .ps__rail-y,
    .ps__rail-x {
        transition: none;
    }
}

.ps__rail-x {
    bottom: 0;
}

.ps__rail-y {
    /*rtl:ignore*/
    right: 0;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.75;
}

.ps__thumb-y,
.ps__thumb-x {
    background-color: #999;
    position: absolute;
    pointer-events: none;
    border-radius: 100px;
}

.ps__thumb-y {
    width: 0.25rem;
    right: 0.125rem;
}

.ps__thumb-x {
    height: 0.25rem;
    bottom: 0.125rem;
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}
/* ------------------------------------------------------------------------------
*
*  # Floating action buttons
*
*  Styles for fab.min.js - material design floating action button with menu
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Fancytree
*
*  Styles for fancytree_all.min.js - tree plugin for jQuery
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Ladda progress buttons
 *
 *  Styles for ladda.min.js - buttons with built-in loading indicators
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # FullCalendar
 *
 *  Styles for fullcalendar.min.js - JavaScript event calendar
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Image cropper
 *
 *  Styles for cropper.min.js - a simple jQuery image cropping plugin
 *
 * ---------------------------------------------------------------------------- */
.image-cropper-container {
    /*rtl:ignore*/
    direction: ltr;
    height: 400px;
    width: 100%;
    overflow: hidden;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.eg-preview .preview {
    /*rtl:ignore*/
    direction: ltr;
}

.eg-preview .preview-lg {
    width: 150px;
    height: 150px;
}

.eg-preview .preview-md {
    width: 120px;
    height: 120px;
}

.eg-preview .preview-sm {
    width: 90px;
    height: 90px;
}

.eg-preview .preview-xs {
    width: 60px;
    height: 60px;
}

.eg-preview .preview-xxs {
    width: 40px;
    height: 40px;
}

.cropper-container {
    /*rtl:ignore*/
    direction: ltr !important;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .cropper-container img {
        display: block;
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
        height: 100%;
        min-height: 0 !important;
        max-height: none !important;
        image-orientation: 0deg !important;
    }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee;
    opacity: 0.5;
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        /*rtl:ignore*/
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .cropper-dashed.dashed-v {
        top: 0;
        /*rtl:ignore*/
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px;
    }

.cropper-center {
    position: absolute;
    top: 50%;
    /*rtl:ignore*/
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: 0.75;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .cropper-center:before, .cropper-center:after {
        content: ' ';
        position: absolute;
        display: block;
        background-color: #eee;
    }

    .cropper-center:before {
        top: 0;
        /*rtl:ignore*/
        left: -4px;
        width: 9px;
        height: 1px;
    }

    .cropper-center:after {
        top: -4px;
        /*rtl:ignore*/
        left: 0;
        width: 1px;
        height: 9px;
    }

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.cropper-face {
    top: 0;
    /*rtl:ignore*/
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #2196F3;
}

    .cropper-line.line-e {
        top: 0;
        /*rtl:ignore*/
        right: -0.1875rem;
        width: 0.375rem;
        cursor: e-resize;
    }

    .cropper-line.line-n {
        top: -0.1875rem;
        /*rtl:ignore*/
        left: 0;
        height: 0.375rem;
        cursor: n-resize;
    }

    .cropper-line.line-w {
        top: 0;
        /*rtl:ignore*/
        left: -0.1875rem;
        width: 0.375rem;
        cursor: w-resize;
    }

    .cropper-line.line-s {
        bottom: -0.1875rem;
        /*rtl:ignore*/
        left: 0;
        height: 0.375rem;
        cursor: s-resize;
    }

.cropper-point {
    background-color: #2196F3;
    opacity: 0.75;
    width: 0.375rem;
    height: 0.375rem;
}

    .cropper-point.point-e {
        top: 50%;
        /*rtl:ignore*/
        right: -0.1875rem;
        margin-top: -0.1875rem;
        cursor: e-resize;
    }

    .cropper-point.point-n {
        top: -0.1875rem;
        /*rtl:ignore*/
        left: 50%;
        margin-left: -0.1875rem;
        cursor: n-resize;
    }

    .cropper-point.point-w {
        top: 50%;
        /*rtl:ignore*/
        left: -0.1875rem;
        margin-top: -0.1875rem;
        cursor: w-resize;
    }

    .cropper-point.point-s {
        bottom: -0.1875rem;
        /*rtl:ignore*/
        left: 50%;
        margin-left: -0.1875rem;
        cursor: s-resize;
    }

    .cropper-point.point-ne {
        top: -0.1875rem;
        /*rtl:ignore*/
        right: -0.1875rem;
        cursor: ne-resize;
    }

    .cropper-point.point-nw {
        top: -0.1875rem;
        /*rtl:ignore*/
        left: -0.1875rem;
        cursor: nw-resize;
    }

    .cropper-point.point-sw {
        bottom: -0.1875rem;
        /*rtl:ignore*/
        left: -0.1875rem;
        cursor: sw-resize;
    }

    .cropper-point.point-se {
        /*rtl:ignore*/
        right: -0.1875rem;
        bottom: -0.1875rem;
        cursor: se-resize;
        opacity: 1;
        width: 0.375rem;
        height: 0.375rem;
    }

        .cropper-point.point-se:before {
            content: ' ';
            position: absolute;
            /*rtl:ignore*/
            right: -50%;
            bottom: -50%;
            display: block;
            background-color: #2196F3;
            opacity: 0;
            width: 200%;
            height: 200%;
        }

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-invisible {
    opacity: 0;
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: default;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}
/* ------------------------------------------------------------------------------
 *
 *  # Fancybox lightbox
 *
 *  Styles for fancybox.min.js - Mac-style "lightbox" plugin
 *
 * ---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------
 *
 *  # Footable
 *
 *  jQuery plugin that aims to make HTML tables on smaller devices look awesome.
 *
 * ---------------------------------------------------------------------------- */
.footable {
    width: 100%;
}

    .footable > thead > tr > th {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .footable.breakpoint > tbody > tr.footable-detail-show > td {
        border-bottom: 0;
    }

    .footable.breakpoint > tbody > tr.footable-row-detail:hover {
        background-color: transparent;
    }

    .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
        cursor: pointer;
    }

    .footable.breakpoint > tbody > tr > .footable-cell-detail {
        background-color: #fafafa;
        border-top: 0;
    }

    .footable.breakpoint > tbody > tr .footable-toggle:before {
        content: "\e9e4";
        display: inline-block;
        font-family: "icomoon";
        font-size: 1rem;
        vertical-align: middle;
        position: relative;
        top: -0.09375rem;
        line-height: 1;
        padding-right: 0.625rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before {
        content: "\e9e7";
    }

.footable-row-detail-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.footable-row-detail-row {
    display: table-row;
}

.footable-row-detail-group {
    display: block;
    font-weight: 500;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

    .footable-row-detail-group:first-child {
        margin-top: 0.5rem;
    }

.footable-row-detail-name {
    display: table-cell;
    font-weight: 500;
    padding-right: 2.5rem;
}

.footable-row-detail-value {
    display: table-cell;
    padding: 0.5rem 0;
}
/* ------------------------------------------------------------------------------
 *
 *  # Handsontable
 *
 *  Styles for handsontable.min.js - JavaScript Spreadsheet library
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Datatables library
 *
 *  Add advanced interaction controls to any HTML table
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Columns reorder
 *
 *  Easily modify the column order of a table through drop-and-drag of column headers
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Row Reorder extension
 *
 *  RowReorder adds the ability for rows in a DataTable to be reordered through
 *  user interaction with the table.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Fixed columns
 *
 *  Extension that "freezes" in place the left most columns in a scrolling DataTable
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Fixed Header extension
 *
 *  This extension lets your users quickly determine what each column refers to
 *  rather than needing to scroll back to the top of the table.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Autofill extension
 *
 *  Spreadsheets such as Excel and Google Docs have a very handy data duplication
 *  option of an auto fill tool
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Select extension
 *
 *  Adds item selection capabilities to a DataTable
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Buttons extension
 *
 *  The Buttons extension for DataTables provides a common set of options, API
 *  methods and styling to display buttons that will interact with a DataTable
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Key Table extension
 *
 *  KeyTable provides Excel like cell navigation on any table. Events (focus, blur,
 *  action etc) can be assigned to individual cells, columns, rows or all cells.
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Datatables Scroller
 *
 *  Drawing the rows required for the current display only, for fast operation
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Responsive extension
 *
 *  Optimise the table's layout for different screen sizes through the dynamic 
 *  insertion and removal of columns from the table
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Google Maps overrides
*
*  Override Google Maps default styles
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Vector maps
*
*  Vector map container, tooltip and zooming
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Chart styling
*
*  Charts base - container and sizing setup
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # C3 charts
*
*  Styles for C3.js visualization library
*
* ---------------------------------------------------------------------------- */
.d3-axis path {
    fill: none;
    stroke: #999;
    shape-rendering: crispEdges;
}

.d3-axis line {
    stroke: #f5f5f5;
    shape-rendering: crispEdges;
}

.d3-axis .tick,
.d3-axis .tick text {
    font-size: 0.75rem;
    fill: #333;
}

.d3-axis-solid path,
.d3-axis-solid line {
    stroke: #ccc;
}

.d3-axis-solid .tick {
    fill: #999;
}

    .d3-axis-solid .tick text {
        fill: #999;
    }

.d3-axis-strong path,
.d3-axis-strong line {
    stroke: #ccc;
}

.d3-axis-strong .tick {
    fill: #333;
}

    .d3-axis-strong .tick text {
        fill: #333;
    }

.d3-axis-transparent path {
    stroke: none;
}

.d3-axis-transparent line {
    stroke: #eee;
}

.d3-axis-transparent .tick {
    fill: #999;
}

    .d3-axis-transparent .tick text {
        fill: #999;
    }

.d3-tip {
    position: absolute;
    padding: 0.5625rem 0.75rem;
    background-color: #000;
    color: #fff;
    margin-bottom: 0;
    font-size: 0.8125rem;
    z-index: 1070;
    border-radius: 0.1875rem;
}

    .d3-tip .d3-tip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .d3-tip.n .d3-tip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: 0;
        border-width: 0 0 0;
        border-top-color: #000;
    }

    .d3-tip.e .d3-tip-arrow {
        top: 50%;
        margin-top: 0;
        /*rtl:begin:ignore*/
        left: 0;
        border-width: 0 0 0 0;
        border-right-color: #000;
        /*rtl:end:ignore*/
    }

    .d3-tip.w .d3-tip-arrow {
        top: 50%;
        margin-top: 0;
        /*rtl:begin:ignore*/
        right: 0;
        border-width: 0 0 0 0;
        border-left-color: #000;
        /*rtl:end:ignore*/
    }

    .d3-tip.s .d3-tip-arrow {
        top: 0;
        left: 50%;
        margin-left: 0;
        border-width: 0 0 0;
        border-bottom-color: #000;
    }

.venntooltip {
    position: absolute;
    text-align: center;
    white-space: nowrap;
    background-color: #000;
    color: #fff;
    padding: 0.5625rem 0.75rem;
    display: none;
    border-radius: 0.1875rem;
}

.d3-line {
    fill: none;
}

.d3-line-thin {
    stroke-width: 1px;
}

.d3-line-medium {
    stroke-width: 1.5px;
}

.d3-line-strong {
    stroke-width: 2px;
}

.d3-line-circle {
    fill: none;
    cursor: pointer;
}

.d3-line-circle-thin {
    stroke-width: 1px;
}

.d3-line-circle-medium {
    stroke-width: 1.5px;
}

.d3-line-circle-strong {
    stroke-width: 2px;
}

.d3-grid .tick line {
    stroke-width: 1px;
    stroke: #eee;
    shape-rendering: crispEdges;
}

.d3-grid .tick text {
    fill: #333;
    stroke: none;
}

.d3-grid-dashed .tick {
    stroke-dasharray: 4,2;
    stroke-width: 1px;
    stroke: #eee;
    shape-rendering: crispEdges;
}

.d3-grid-dashed path {
    stroke-width: 0;
}

.d3-crosshair-overlay {
    fill: none;
    pointer-events: all;
}

.bullet-tick line {
    stroke: #999;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.bullet-tick text {
    fill: #999;
    font-size: 0.75rem;
}

.bullet-marker {
    stroke-width: 2px;
    shape-rendering: crispEdges;
}

.bullet-title {
    font-size: 0.8125rem;
    font-weight: 500;
}

.bullet-subtitle {
    fill: #999;
}

.bullet-1 .bullet-range-1 {
    fill: rgba(96, 125, 139, 0.8);
}

.bullet-1 .bullet-range-2 {
    fill: rgba(96, 125, 139, 0.4);
}

.bullet-1 .bullet-range-3 {
    fill: #607D8B;
}

.bullet-1 .bullet-measure-1 {
    fill: rgba(84, 110, 122, 0.9);
}

.bullet-1 .bullet-measure-2 {
    fill: #fff;
}

.bullet-1 .bullet-marker {
    stroke: #37474F;
}

.bullet-2 .bullet-range-1 {
    fill: rgba(255, 112, 67, 0.6);
}

.bullet-2 .bullet-range-2 {
    fill: rgba(255, 112, 67, 0.3);
}

.bullet-2 .bullet-range-3 {
    fill: #FF7043;
}

.bullet-2 .bullet-measure-1 {
    fill: rgba(244, 81, 30, 0.9);
}

.bullet-2 .bullet-measure-2 {
    fill: #fff;
}

.bullet-2 .bullet-marker {
    stroke: #D84315;
}

.bullet-3 .bullet-range-1 {
    fill: rgba(102, 187, 106, 0.7);
}

.bullet-3 .bullet-range-2 {
    fill: rgba(102, 187, 106, 0.35);
}

.bullet-3 .bullet-range-3 {
    fill: #66BB6A;
}

.bullet-3 .bullet-measure-1 {
    fill: rgba(67, 160, 71, 0.9);
}

.bullet-3 .bullet-measure-2 {
    fill: #fff;
}

.bullet-3 .bullet-marker {
    stroke: #2E7D32;
}

.counter-icon {
    font-size: 2rem;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
}

.chart-widget-legend {
    margin: 0.625rem 0 0 0;
    padding: 0;
    font-size: 0.75rem;
    text-align: center;
}

    .chart-widget-legend li {
        margin: 0.3125rem 0.625rem 0;
        padding: 0.4375rem 0.5rem 0.3125rem;
        display: inline-block;
    }
/* ------------------------------------------------------------------------------
*
*  # D3.js library
*
*  Basic styles for D3.js visualization library
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Ecommerce stuff
 *
 *  Styles for Ecommerce set of pages
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Blog layouts
 *
 *  Blog layouts with various blog layouts
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Task manager
 *
 *  Styles related to task manager - detailed task, list and grid
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Mail list
 *
 *  Inbox page - list, read and write
 *
 * ---------------------------------------------------------------------------- */
.table-inbox {
    table-layout: fixed;
    min-width: 768px;
}

    .table-inbox tr {
        cursor: pointer;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .table-inbox tr {
        transition: none;
    }
}

.table-inbox tr:not([class*=alpha-]):not([class*=bg-]) {
    background-color: #fafafa;
}

.table-inbox tr td:not(:first-child) {
    padding-left: 0;
}

.table-inbox tr.unread {
    font-weight: 700;
}

    .table-inbox tr.unread:not([class*=alpha-]):not([class*=bg-]) {
        background-color: #fff;
    }

.table-inbox-checkbox {
    width: 3.75rem;
}

.table-inbox-star,
.table-inbox-attachment {
    width: 2.25rem;
}

.table-inbox-image {
    width: 3.3750625rem;
}

.table-inbox-name {
    width: 11.25rem;
}

@media (max-width: 767.98px) {
    .table-inbox-subject {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.table-inbox-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-inbox-time {
    text-align: right;
    width: 5rem;
}

/* ------------------------------------------------------------------------------
 *
 *  # User profile
 *
 *  Styles for all user profile layouts
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Login and related forms
 *
 *  Styles related to user login - logins, registration, password revovery, unlock etc.
 *
 * ---------------------------------------------------------------------------- */
.login-cover {
    background: url(../../../../../../global_assets/images/login_cover.jpg) no-repeat;
    background-size: cover;
}

.login-form {
    width: 100%;
}

    .login-form .nav-item:first-child .nav-link {
        border-top-left-radius: 0.125rem;
    }

    .login-form .nav-item:last-child .nav-link {
        border-top-right-radius: 0.125rem;
    }

@media (min-width: 576px) {
    .login-form {
        width: 20rem;
    }
}

/* ------------------------------------------------------------------------------
 *
 *  # Timeline
 *
 *  Styles for timeline in 3 layouts: left, right and centered
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Chat layouts
 *
 *  Conversation chat styles - layouts, chat elements, colors, options
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Error pages
 *
 *  Styles for error and offline pages
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Header elements
*
*  Display default and custom components in page header, card header and breadcrumbs
*
* ---------------------------------------------------------------------------- */
.card-header .header-elements {
    padding-top: 0.9375rem;
}

.page-header-content .header-elements {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 1.25rem 1.25rem;
    border-top: 1px solid #c9c6c6;
    border-bottom: 1px solid #c9c6c6;
    background-color: #e8e6e6;
}

.page-header-light .header-elements {
    background-color: #fafafa;
    border-color: #ddd;
    border-bottom: 0;
}

.page-header-dark .header-elements {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    border-bottom: 0;
}

.breadcrumb-line .header-elements {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 0 1.25rem;
    border-top: 1px solid transparent;
}

.breadcrumb-line-light .header-elements {
    background-color: transparent;
    border-color: #ddd;
}

.breadcrumb-line-dark .header-elements {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.25);
}

.header-elements .form-group:last-child {
    margin-bottom: 0;
}

.header-elements-toggle,
.footer-elements-toggle {
    margin-left: auto;
    align-self: center;
}

.header-elements-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

    .header-elements-inline .header-elements {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .header-elements-inline .card-header-tabs .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

@media (min-width: 576px) {
    .header-elements-sm-inline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .header-elements-sm-inline .header-elements {
            display: flex !important;
            align-items: center;
            flex-wrap: wrap;
            padding: 0;
            background-color: transparent;
            border: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .header-elements-sm-inline .card-header-tabs .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}

@media (min-width: 768px) {
    .header-elements-md-inline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .header-elements-md-inline .header-elements {
            display: flex !important;
            align-items: center;
            flex-wrap: wrap;
            padding: 0;
            background-color: transparent;
            border: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .header-elements-md-inline .card-header-tabs .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}

@media (min-width: 992px) {
    .header-elements-lg-inline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .header-elements-lg-inline .header-elements {
            display: flex !important;
            align-items: center;
            flex-wrap: wrap;
            padding: 0;
            background-color: transparent;
            border: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .header-elements-lg-inline .card-header-tabs .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}

@media (min-width: 1200px) {
    .header-elements-xl-inline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .header-elements-xl-inline .header-elements {
            display: flex !important;
            align-items: center;
            flex-wrap: wrap;
            padding: 0;
            background-color: transparent;
            border: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .header-elements-xl-inline .card-header-tabs .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}
/* ------------------------------------------------------------------------------
 *
 *  # Helper classes
 *
 *  Custom helper classes used in the template.
 *
 * ---------------------------------------------------------------------------- */
.font-size-lg {
    font-size: 0.875rem;
}

.font-size-base {
    font-size: 0.8125rem;
}

.font-size-sm {
    font-size: 0.75rem;
}

.font-size-xs {
    font-size: 0.6875rem;
}

.line-height-lg {
    line-height: 1.4286;
}

.line-height-base {
    line-height: 1.5385;
}

.line-height-sm {
    line-height: 1.6667;
}

.line-height-xs {
    line-height: 1.82;
}

.line-height-1 {
    line-height: 1;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-0 {
    opacity: 0;
}

.top-0 {
    top: 0;
}

.top-auto {
    top: auto;
}

.bottom-0 {
    bottom: 0;
}

.bottom-auto {
    bottom: auto;
}

.left-0 {
    left: 0;
}

.left-auto {
    left: auto;
}

.right-0 {
    right: 0;
}

.right-auto {
    right: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.cursor-default {
    cursor: default;
}

.cursor-disabled {
    cursor: default;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-auto {
    overflow: auto;
}

.border-width-0 {
    border-width: 0;
}

.border-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.border-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
}

.border-1 {
    border: 1px solid;
}

.border-top-1 {
    border-top: 1px solid;
}

.border-bottom-1 {
    border-bottom: 1px solid;
}

.border-left-1 {
    border-left: 1px solid;
}

.border-right-1 {
    border-right: 1px solid;
}

.border-y-1 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.border-x-1 {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-2 {
    border: 2px solid;
}

.border-top-2 {
    border-top: 2px solid;
}

.border-bottom-2 {
    border-bottom: 2px solid;
}

.border-left-2 {
    border-left: 2px solid;
}

.border-right-2 {
    border-right: 2px solid;
}

.border-y-2 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.border-x-2 {
    border-left: 2px solid;
    border-right: 2px solid;
}

.border-3 {
    border: 3px solid;
}

.border-top-3 {
    border-top: 3px solid;
}

.border-bottom-3 {
    border-bottom: 3px solid;
}

.border-left-3 {
    border-left: 3px solid;
}

.border-right-3 {
    border-right: 3px solid;
}

.border-y-3 {
    border-top: 3px solid;
    border-bottom: 3px solid;
}

.border-x-3 {
    border-left: 3px solid;
    border-right: 3px solid;
}

.border-dashed {
    border-style: dashed;
}

.border-top-dashed {
    border-top-style: dashed;
}

.border-bottom-dashed {
    border-bottom-style: dashed;
}

.border-left-dashed {
    border-left-style: dashed;
}

.border-right-dashed {
    border-right-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.rounded-round {
    border-radius: 100px !important;
}

.rounded-top-round {
    border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
}

.rounded-bottom-round {
    border-bottom-right-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
}

.rounded-left-round {
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
}

.rounded-right-round {
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-45-inverse {
    transform: rotate(-45deg);
}

.rotate-90-inverse {
    transform: rotate(-90deg);
}

.rotate-180-inverse {
    transform: rotate(-180deg);
}

.spinner {
    display: inline-block;
    animation: rotation 1s linear infinite;
}

.spinner-reverse {
    display: inline-block;
    animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes rotation {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotation_reverse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotation_reverse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-ms-keyframes rotation_reverse {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(-360deg);
    }
}

@-o-keyframes rotation_reverse {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
    }
}

@keyframes rotation_reverse {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.h-auto {
    height: auto;
}

.w-auto {
    width: auto !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.wmin-0 {
    min-width: 0 !important;
}

.wmin-200 {
    min-width: 200px !important;
}

.wmin-250 {
    min-width: 250px !important;
}

.wmin-300 {
    min-width: 300px !important;
}

.wmin-350 {
    min-width: 350px !important;
}

.wmin-400 {
    min-width: 400px !important;
}

.wmin-450 {
    min-width: 450px !important;
}

.wmin-500 {
    min-width: 500px !important;
}

.wmin-550 {
    min-width: 550px !important;
}

.wmin-600 {
    min-width: 600px !important;
}

.flex-1 {
    flex: 1;
}

@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .wmin-sm-0 {
        min-width: 0 !important;
    }

    .wmin-sm-200 {
        min-width: 200px !important;
    }

    .wmin-sm-250 {
        min-width: 250px !important;
    }

    .wmin-sm-300 {
        min-width: 300px !important;
    }

    .wmin-sm-350 {
        min-width: 350px !important;
    }

    .wmin-sm-400 {
        min-width: 400px !important;
    }

    .wmin-sm-450 {
        min-width: 450px !important;
    }

    .wmin-sm-500 {
        min-width: 500px !important;
    }

    .wmin-sm-550 {
        min-width: 550px !important;
    }

    .wmin-sm-600 {
        min-width: 600px !important;
    }

    .flex-sm-1 {
        flex: 1;
    }
}

@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .wmin-md-0 {
        min-width: 0 !important;
    }

    .wmin-md-200 {
        min-width: 200px !important;
    }

    .wmin-md-250 {
        min-width: 250px !important;
    }

    .wmin-md-300 {
        min-width: 300px !important;
    }

    .wmin-md-350 {
        min-width: 350px !important;
    }

    .wmin-md-400 {
        min-width: 400px !important;
    }

    .wmin-md-450 {
        min-width: 450px !important;
    }

    .wmin-md-500 {
        min-width: 500px !important;
    }

    .wmin-md-550 {
        min-width: 550px !important;
    }

    .wmin-md-600 {
        min-width: 600px !important;
    }

    .flex-md-1 {
        flex: 1;
    }
}

@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .wmin-lg-0 {
        min-width: 0 !important;
    }

    .wmin-lg-200 {
        min-width: 200px !important;
    }

    .wmin-lg-250 {
        min-width: 250px !important;
    }

    .wmin-lg-300 {
        min-width: 300px !important;
    }

    .wmin-lg-350 {
        min-width: 350px !important;
    }

    .wmin-lg-400 {
        min-width: 400px !important;
    }

    .wmin-lg-450 {
        min-width: 450px !important;
    }

    .wmin-lg-500 {
        min-width: 500px !important;
    }

    .wmin-lg-550 {
        min-width: 550px !important;
    }

    .wmin-lg-600 {
        min-width: 600px !important;
    }

    .flex-lg-1 {
        flex: 1;
    }
}

@media (min-width: 1200px) {
    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .wmin-xl-0 {
        min-width: 0 !important;
    }

    .wmin-xl-200 {
        min-width: 200px !important;
    }

    .wmin-xl-250 {
        min-width: 250px !important;
    }

    .wmin-xl-300 {
        min-width: 300px !important;
    }

    .wmin-xl-350 {
        min-width: 350px !important;
    }

    .wmin-xl-400 {
        min-width: 400px !important;
    }

    .wmin-xl-450 {
        min-width: 450px !important;
    }

    .wmin-xl-500 {
        min-width: 500px !important;
    }

    .wmin-xl-550 {
        min-width: 550px !important;
    }

    .wmin-xl-600 {
        min-width: 600px !important;
    }

    .flex-xl-1 {
        flex: 1;
    }
}

.no-transitions *, .no-transitions *:before, .no-transitions *:after {
    transition: none !important;
}

@media screen and (prefers-reduced-motion: reduce) {
    .no-transitions *, .no-transitions *:before, .no-transitions *:after {
        transition: none;
    }
}

.caret-0::before, .caret-0::after {
    content: none;
}

.shadow-0 {
    box-shadow: none !important;
}

.outline-0, .outline-0:hover, .outline-0:focus {
    outline: 0;
}

.text-shadow-dark {
    text-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.5);
}

.text-shadow-light {
    text-shadow: 0 0 0.1875rem rgba(255, 255, 255, 0.5);
}

/* ------------------------------
 *
 *  Theme specific styles
 *
 * ------------------------------ */
.shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

/* ------------------------------------------------------------------------------
 *
 *  # Demo styles
 *
 *  Styles used for demostration purposes only
 *
 * ---------------------------------------------------------------------------- */

/*# sourceMappingURL=components.css.map */