@charset "UTF-8";

@font-face {
    font-family: PrimeIcons;
    src: url(primeicons.b8eccb1059ea5faaf6d8.eot);
    src: url(primeicons.b8eccb1059ea5faaf6d8.eot?#iefix) format('embedded-opentype'),url(primeicons.473e2a746d3c151d7dca.ttf) format('truetype'),url(primeicons.71bb3d79dcf18b45ae84.woff) format('woff'),url(primeicons.38d77552b0353684a208.svg?#primeicons) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: url(/assets/images/svg/background.jpg) center center/cover no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    -webkit-backface-visibility: hidden;
}

* {
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}

.pi-mobile:before {
    content: "\e982"
}

.pi-tablet:before {
    content: "\e983"
}

.pi-key:before {
    content: "\e981"
}

.pi-shopping-cart:before {
    content: "\e980"
}

.pi-comments:before {
    content: "\e97e"
}

.pi-comment:before {
    content: "\e97f"
}

.pi-briefcase:before {
    content: "\e97d"
}

.pi-bell:before {
    content: "\e97c"
}

.pi-paperclip:before {
    content: "\e97b"
}

.pi-share-alt:before {
    content: "\e97a"
}

.pi-envelope:before {
    content: "\e979"
}

.pi-volume-down:before {
    content: "\e976"
}

.pi-volume-up:before {
    content: "\e977"
}

.pi-volume-off:before {
    content: "\e978"
}

.pi-eject:before {
    content: "\e975"
}

.pi-money-bill:before {
    content: "\e974"
}

.pi-images:before {
    content: "\e973"
}

.pi-image:before {
    content: "\e972"
}

.pi-sign-in:before {
    content: "\e970"
}

.pi-sign-out:before {
    content: "\e971"
}

.pi-wifi:before {
    content: "\e96f"
}

.pi-sitemap:before {
    content: "\e96e"
}

.pi-chart-bar:before {
    content: "\e96d"
}

.pi-camera:before {
    content: "\e96c"
}

.pi-dollar:before {
    content: "\e96b"
}

.pi-lock-open:before {
    content: "\e96a"
}

.pi-table:before {
    content: "\e969"
}

.pi-map-marker:before {
    content: "\e968"
}

.pi-list:before {
    content: "\e967"
}

.pi-eye-slash:before {
    content: "\e965"
}

.pi-eye:before {
    content: "\e966"
}

.pi-folder-open:before {
    content: "\e964"
}

.pi-folder:before {
    content: "\e963"
}

.ui-widget, .ui-widget * {
    box-sizing: border-box
}

.ui-helper-hidden {
    display: none !important
}

.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-hidden-accessible input, .ui-helper-hidden-accessible select {
        transform: scale(0)
    }

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix::after, .ui-helper-clearfix::before {
    content: "";
    display: table
}

.ui-helper-clearfix::after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled, .ui-state-disabled a {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-shadow {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3)
}

.ui-unselectable-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.ui-overflow-hidden {
    overflow: hidden
}

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

:-moz-placeholder {
    color: #898989;
    opacity: 1
}

::-moz-placeholder {
    color: #898989;
    opacity: 1
}

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

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

.ui-placeholder {
    color: #898989
}

button, input[type=button], input[type=file]::-webkit-file-upload-button, input[type=reset], input[type=submit] {
    border-radius: 0
}

.ui-accordion {
    width: 100%
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1
    }

        .ui-accordion .ui-accordion-header a {
            display: block;
            padding: .5em
        }

    .ui-accordion .ui-accordion-header-text, .ui-accordion .ui-accordion-toggle-icon {
        vertical-align: middle
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em;
        border-top: 0;
        overflow: visible;
        zoom: 1
    }

    .ui-accordion .ui-accordion-header.ui-state-disabled, .ui-accordion .ui-accordion-header.ui-state-disabled a {
        cursor: default
    }

.ui-accordion-content-wrapper-overflown {
    overflow: hidden
}

.ui-rtl .ui-accordion .ui-accordion-header a {
    padding: .5em 2em .5em .5em
}

.ui-rtl .ui-accordion .ui-accordion-toggle-icon {
    left: initial;
    right: .5em
}

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
        content: '\e904'
    }

.ui-autocomplete {
    width: auto;
    zoom: 1;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    display: inline-block
}

    .ui-autocomplete .ui-autocomplete-dropdown {
        height: 100%;
        width: 2em;
        margin-right: 0;
        vertical-align: top
    }

    .ui-autocomplete .ui-autocomplete-input {
        padding-right: 1.5em
    }

.ui-autocomplete-loader {
    position: absolute;
    right: .25em;
    top: 50%;
    margin-top: -.5em
}

.ui-autocomplete-query {
    font-weight: 700
}

.ui-autocomplete .ui-autocomplete-panel {
    min-width: 100%
}

.ui-autocomplete-panel {
    position: absolute;
    overflow: auto
}

    .ui-autocomplete-panel .ui-autocomplete-list {
        padding: .4em;
        border: 0
    }

    .ui-autocomplete-panel .ui-autocomplete-list-item {
        border: 0;
        cursor: pointer;
        font-weight: 400;
        margin: 1px 0;
        padding: .186em .313em;
        text-align: left
    }

.ui-autocomplete .ui-button-icon-only, .ui-autocomplete .ui-button-icon-only:enabled:active, .ui-autocomplete .ui-button-icon-only:enabled:focus, .ui-autocomplete .ui-button-icon-only:enabled:hover {
    border-left: 0
}

.ui-autocomplete-multiple-container {
    display: inline-block;
    vertical-align: middle
}

    .ui-autocomplete-multiple-container.ui-inputtext {
        clear: left;
        cursor: text;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0 1.5em 0 .25em
    }

.ui-autocomplete-token {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: .125em .5em;
    white-space: nowrap;
    position: relative;
    margin-right: .125em;
    border: 0;
    font-size: .9em
}

.ui-autocomplete-token-label {
    display: block;
    margin-right: 2em
}

.ui-autocomplete-token-icon {
    margin-top: -.5em;
    position: absolute;
    right: .2em;
    top: 50%;
    cursor: pointer
}

.ui-autocomplete-input-token {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin: 0 0 0 .125em;
    padding: .25em .25em .25em 0
}

    .ui-autocomplete-input-token input {
        border: 0;
        width: 10em;
        outline: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0
    }

.ui-autocomplete-dd .ui-autocomplete-loader {
    right: 2.25em
}

.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all, .ui-autocomplete-dd input.ui-corner-all {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input, .ui-fluid p-autocomplete {
    width: 100%
}

    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input, .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
        width: calc(100% - 2em)
    }

    .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
        width: 2em
    }

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

.ui-blockui-document {
    position: fixed
}

.ui-breadcrumb {
    margin: 0;
    padding: .5em
}

    .ui-breadcrumb ul {
        margin: 0;
        padding: 0
    }

        .ui-breadcrumb ul li {
            display: inline-block;
            margin: 0 .25em
        }

.ui-breadcrumb-chevron, .ui-breadcrumb-home {
    vertical-align: middle
}

.ui-breadcrumb ul li .ui-menuitem-link {
    text-decoration: none
}

.ui-breadcrumb .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle
}

.ui-breadcrumb .ui-menuitem-text {
    vertical-align: middle
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

p-button {
    display: inline-block
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .25em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-text-empty .ui-button-text {
    padding: .25em;
    text-indent: -9999999px
}

.ui-button-text-icon-left .ui-button-text {
    padding: .25em 1em .25em 2.1em
}

.ui-button-text-icon-right .ui-button-text {
    padding: .25em 2.1em .25em 1em
}

.ui-button-icon-only .ui-button-icon-left, .ui-button-text-icon-left .ui-button-icon-left, .ui-button-text-icon-right .ui-button-icon-right {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    height: 1em
}

.ui-button-icon-only .ui-button-icon-left {
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em
}

.ui-button-icon-left {
    left: .5em
}

.ui-button-icon-right {
    right: .5em
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0
}

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

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

.ui-fluid .ui-button-text-icon-left .ui-button-text, .ui-fluid .ui-button-text-icon-right .ui-button-text {
    padding-left: 1em;
    padding-right: 1em
}

.ui-fluid .ui-buttonset, .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
    width: 100%
}

    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
        width: 50%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
        width: 33.3%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
        width: 25%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
        width: 20%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 16.6%
    }

@media(max-width: 640px) {
    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 100%
    }
}

.ui-calendar {
    position: relative;
    display: inline-block
}

    .ui-calendar .ui-calendar-button {
        height: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 2em;
        border-left: 0
    }

        .ui-calendar .ui-calendar-button:enabled:hover, .ui-calendar .ui-calendar-button:focus {
            border-left: 0
        }

    .ui-calendar .ui-datepicker {
        min-width: 100%
    }

.ui-fluid .ui-calendar {
    width: 100%
}

.ui-fluid .ui-calendar-button {
    width: 2em
}

.ui-fluid .ui-datepicker-buttonbar button {
    width: auto
}

.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
    width: calc(100% - 2em)
}

.ui-datepicker {
    width: auto;
    padding: .2em;
    position: absolute
}

    .ui-datepicker.ui-datepicker-inline {
        display: inline-block;
        position: static
    }

    .ui-datepicker .ui-datepicker-group {
        border-width: 0
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .5em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: .5em;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .125em
    }

    .ui-datepicker .ui-datepicker-next {
        right: .125em
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -.5em;
            margin-left: -.5em
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: .125em 0;
            vertical-align: middle
        }

    .ui-datepicker select.ui-datepicker-month {
        margin-right: .25em
    }

    .ui-datepicker span.ui-datepicker-year {
        margin-left: .25em
    }

.ui-datepicker-multiple-month .ui-datepicker-group {
    display: table-cell;
    border-width: 0 1px 0 0
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .5em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 0
}

    .ui-datepicker td > a, .ui-datepicker td > span {
        display: block;
        padding: .5em;
        text-decoration: none;
        border: 0;
        text-align: center
    }

.ui-datepicker .ui-datepicker-buttonbar {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: .5em
}

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
        text-align: right
    }

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
        padding: 0
    }

.ui-calendar.ui-calendar-w-btn input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-monthpicker .ui-monthpicker-month {
    width: 33.3%;
    display: inline-block;
    text-align: center;
    padding: .5em;
    cursor: pointer
}

.ui-datepicker-monthpicker select.ui-datepicker-year {
    width: auto
}

.ui-timepicker {
    text-align: center;
    padding: .5em 0
}

    .ui-timepicker > div {
        display: inline-block;
        margin-left: .5em;
        min-width: 1.5em
    }

    .ui-timepicker > .ui-minute-picker, .ui-timepicker > .ui-second-picker {
        margin-left: 0
    }

    .ui-timepicker > .ui-separator {
        margin-left: 0;
        min-width: .75em
    }

        .ui-timepicker > .ui-separator a {
            visibility: hidden
        }

    .ui-timepicker > div a {
        display: block;
        opacity: .7;
        filter: Alpha(Opacity=70);
        cursor: pointer
    }

        .ui-timepicker > div a:last-child {
            margin-top: .3em
        }

        .ui-timepicker > div a:hover {
            display: block;
            opacity: 1;
            filter: Alpha(Opacity=100)
        }

input[type=text]::-ms-clear {
    display: none
}

.ui-calendar .ui-datepicker-touch-ui, .ui-datepicker-touch-ui {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 80vw
}

    .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 2em 0
    }

    .ui-datepicker-touch-ui.ui-datepicker td {
        padding: 0
    }

        .ui-datepicker-touch-ui.ui-datepicker td > a, .ui-datepicker-touch-ui.ui-datepicker td > span {
            padding: 2em 0
        }

    .ui-datepicker-touch-ui .ui-timepicker {
        padding: 1em 0
    }

        .ui-datepicker-touch-ui .ui-timepicker > div a {
            font-size: 2em
        }

.ui-datepicker-mask {
    position: fixed;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 40em) {
    .ui-datepicker-multiple-month {
        width: 17em;
        overflow: auto
    }

    .ui-datepicker-touch-ui.ui-datepicker td a, .ui-datepicker-touch-ui.ui-datepicker td span, .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 1em 0
    }
}

.ui-card-header img {
    width: 100%
}

.ui-card-body {
    padding: 1em
}

.ui-card-title {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: .5em
}

.ui-card-subtitle {
    opacity: .7;
    margin-bottom: .5em;
    margin-top: -.25em;
    font-weight: 700
}

.ui-card-footer {
    padding-top: 1em
}

.ui-carousel {
    position: relative;
    padding: .063em
}

    .ui-carousel .ui-carousel-viewport .ui-carousel-items {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 32000px;
        left: 0
    }

        .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
            margin: 1px;
            padding: 0;
            float: left;
            box-sizing: border-box
        }

    .ui-carousel .ui-carousel-viewport {
        overflow: hidden;
        position: relative;
        border: 0
    }

    .ui-carousel .ui-carousel-footer {
        margin: 1px 1px 0;
        padding: .5em;
        overflow: hidden
    }

    .ui-carousel .ui-carousel-header {
        margin: 0 1px;
        overflow: hidden;
        padding: .625em
    }

        .ui-carousel .ui-carousel-header .ui-carousel-header-title {
            display: inline-block;
            overflow: hidden
        }

    .ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown {
        float: right;
        margin: 0 .625em;
        background-image: none
    }

        .ui-carousel .ui-carousel-dropdown option, .ui-carousel .ui-carousel-mobiledropdown option {
            background-image: none;
            border: 0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none
        }

    .ui-carousel .ui-carousel-button {
        float: right;
        margin: .125em
    }

    .ui-carousel .ui-carousel-page-link {
        float: left;
        margin: 0 .125em;
        text-decoration: none
    }

    .ui-carousel .ui-carousel-button, .ui-carousel .ui-carousel-page-link {
        cursor: pointer
    }

    .ui-carousel .ui-carousel-page-links {
        margin: .125em .5em 0;
        float: right
    }

    .ui-carousel .ui-carousel-mobiledropdown {
        display: none
    }

.ui-chkbox {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: .25em;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

    .ui-chkbox .ui-chkbox-box {
        width: 1.125em;
        height: 1.125em;
        line-height: 1.125em;
        border-radius: 2px;
        text-align: center
    }

    .ui-chkbox .ui-chkbox-icon {
        display: block
    }

.ui-chkbox-label {
    vertical-align: middle
}

.ui-chips > ul.ui-inputtext {
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0 .25em
}

.ui-chips-token {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: .125em .5em;
    white-space: nowrap;
    position: relative;
    margin-right: .125em;
    border: 0;
    font-size: .9em
}

    .ui-chips-token .ui-chips-token-label {
        display: block;
        margin-right: 2em
    }

.ui-chips > .ui-state-disabled .ui-chips-token-label {
    margin-right: 0
}

.ui-chips-token .ui-chips-token-icon {
    margin-top: -.5em;
    position: absolute;
    right: .2em;
    top: 50%;
    cursor: pointer
}

.ui-chips-input-token {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin: 0 0 0 .125em;
    padding: .25em .25em .25em 0
}

    .ui-chips-input-token input {
        border: 0;
        width: 10em;
        outline: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0
    }

.ui-colorpicker {
    display: inline-block
}

.ui-colorpicker-dragging {
    cursor: pointer
}

.ui-colorpicker-overlay {
    position: relative
}

.ui-colorpicker-panel {
    position: relative;
    width: 193px;
    height: 166px;
    background-color: #323232;
    border-color: #191919
}

.ui-colorpicker-overlay-panel {
    position: absolute
}

.ui-colorpicker-preview {
    width: 2em;
    cursor: pointer
}

.ui-colorpicker-panel .ui-colorpicker-content {
    position: relative
}

.ui-colorpicker-panel .ui-colorpicker-color-selector {
    width: 150px;
    height: 150px;
    top: 8px;
    left: 8px;
    position: absolute
}

.ui-colorpicker-panel .ui-colorpicker-color {
    width: 150px;
    height: 150px;
    background: url(color.c7a33805ffda0d32bd2a.png) left top no-repeat
}

.ui-colorpicker-panel .ui-colorpicker-color-handle {
    position: absolute;
    top: 0;
    left: 150px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    margin: -5px 0 0 -5px;
    cursor: pointer
}

.ui-colorpicker-panel .ui-colorpicker-hue {
    background: url(hue.0614c27197fc3ce572e1.png) left top no-repeat;
    width: 17px;
    height: 150px;
    top: 8px;
    left: 167px;
    position: absolute;
    opacity: .85
}

.ui-colorpicker-panel .ui-colorpicker-hue-handle {
    position: absolute;
    top: 150px;
    left: 0;
    width: 21px;
    margin-left: -2px;
    margin-top: -5px;
    height: 10px;
    border: 2px solid #fff;
    opacity: .85;
    cursor: pointer
}

.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle, .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle {
    opacity: .5
}

.ui-contextmenu {
    width: 12.5em;
    padding: .25em;
    position: absolute;
    display: none
}

    .ui-contextmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-contextmenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ui-contextmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em
    }

    .ui-contextmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative
    }

    .ui-contextmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem {
        position: relative
    }

    .ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block !important
    }

.ui-datagrid .ui-paginator {
    text-align: center
}

.ui-datagrid-column {
    padding: .25em
}

.ui-datagrid-content-empty {
    padding: .25em .625em
}

.ui-datagrid .ui-datagrid-footer, .ui-datagrid .ui-datagrid-header {
    text-align: center;
    padding: .5em .75em
}

.ui-datagrid .ui-datagrid-header {
    border-bottom: 0
}

.ui-datagrid .ui-datagrid-footer {
    border-top: 0
}

.ui-datagrid .ui-paginator-top {
    border-bottom: 0
}

.ui-datagrid .ui-paginator-bottom {
    border-top: 0
}

.ui-datalist .ui-datalist-footer, .ui-datalist .ui-datalist-header {
    text-align: center;
    padding: .5em .75em
}

.ui-datalist .ui-datalist-header {
    border-bottom: 0
}

.ui-datalist .ui-datalist-footer {
    border-top: 0
}

.ui-datalist .ui-datalist-data {
    margin: 0;
    padding: 0
}

    .ui-datalist .ui-datalist-data > li {
        list-style-type: none
    }

.ui-datalist .ui-datalist-emptymessage {
    padding: .5em .75em
}

.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
    overflow: auto
}

.ui-datalist .ui-paginator-top {
    border-bottom: 0
}

.ui-datalist .ui-paginator-bottom {
    border-top: 0
}

.ui-datatable {
    position: relative
}

    .ui-datatable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-datatable .ui-datatable-caption, .ui-datatable .ui-datatable-footer, .ui-datatable .ui-datatable-header {
        text-align: center;
        padding: .5em .75em;
        box-sizing: border-box
    }

    .ui-datatable .ui-datatable-caption, .ui-datatable .ui-datatable-header {
        border-bottom: 0
    }

    .ui-datatable .ui-datatable-footer {
        border-top: 0
    }

    .ui-datatable tfoot td, .ui-datatable thead th {
        text-align: center
    }

    .ui-datatable thead tr {
        border-width: 0
    }

    .ui-datatable .ui-datatable-data > tr > td, .ui-datatable .ui-datatable-tfoot > tr > td, .ui-datatable .ui-datatable-thead > tr > th {
        box-sizing: border-box;
        padding: .25em .5em;
        border: 1px solid;
        border-color: inherit
    }

    .ui-datatable.ui-datatable-resizable .ui-datatable-data > tr > td, .ui-datatable.ui-datatable-resizable .ui-datatable-tfoot > tr > td, .ui-datatable.ui-datatable-resizable .ui-datatable-thead > tr > th {
        overflow: hidden
    }

    .ui-datatable .ui-datatable-tfoot > tr > td, .ui-datatable .ui-datatable-thead > tr > th {
        font-weight: 400
    }

    .ui-datatable tbody {
        outline: 0
    }

    .ui-datatable .ui-sortable-column {
        cursor: pointer
    }

    .ui-datatable .ui-sortable-column-icon {
        display: inline-block;
        margin-left: .125em
    }

    .ui-datatable tr.ui-state-highlight {
        cursor: pointer
    }

.ui-datatable-scrollable-body {
    overflow: auto;
    overflow-anchor: none;
    min-height: 0
}

.ui-datatable-scrollable-footer, .ui-datatable-scrollable-header {
    overflow: hidden
}

.ui-datatable-scrollable .ui-datatable-scrollable-footer, .ui-datatable-scrollable .ui-datatable-scrollable-header {
    position: relative;
    border: 0
}

    .ui-datatable-scrollable .ui-datatable-scrollable-header td {
        font-weight: 400
    }

.ui-datatable-scrollable-body .ui-datatable-data, .ui-datatable-scrollable-body .ui-datatable-data > tr:first-child {
    border-top-color: transparent
}

.ui-datatable .ui-datatable-data tr.ui-state-highlight, .ui-datatable .ui-datatable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer
}

.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a, .ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
    display: inline-block;
    vertical-align: middle
}

.ui-datatable-scrollable-theadclone, .ui-datatable-scrollable-theadclone tr {
    height: 0
}

    .ui-datatable-scrollable-theadclone th.ui-state-default {
        height: 0;
        border-bottom-width: 0;
        border-top-width: 0;
        padding-top: 0;
        padding-bottom: 0;
        outline: 0
    }

    .ui-datatable-scrollable-theadclone th span.ui-column-title {
        display: block;
        height: 0
    }

.ui-datatable .ui-paginator {
    padding: .125em
}

.ui-datatable .ui-paginator-top {
    border-bottom-width: 0
}

.ui-datatable .ui-paginator-bottom {
    border-top-width: 0
}

.ui-datatable-rtl {
    direction: rtl
}

    .ui-datatable-rtl.ui-datatable tfoot td, .ui-datatable-rtl.ui-datatable thead th {
        text-align: right
    }

.ui-row-toggler {
    cursor: pointer
}

.ui-datatable .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent
}

.ui-datatable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none
}

.ui-datatable-resizable {
    padding-bottom: 1px;
    overflow: auto
}

    .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td, .ui-datatable-resizable thead th {
        white-space: nowrap
    }

    .ui-datatable-resizable th.ui-resizable-column {
        background-clip: padding-box;
        position: relative
    }

.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    display: none
}

.ui-datatable .ui-column-filter {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: .25em
}

.ui-datatable .ui-editable-column input {
    width: 100%;
    outline: 0
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
    padding: .5em
}

.ui-datatable .ui-editable-column > .ui-cell-editor {
    display: none
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
    padding: 1px
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-editor {
    display: block
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-data {
    display: none
}

.ui-datatable-stacked tfoot td, .ui-datatable-stacked thead th {
    display: none !important
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
    text-align: left;
    display: block;
    border: 0;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
    border: 0
}

.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
    border-left: 0;
    border-right: 0
}

.ui-datatable-stacked .ui-datatable-data td .ui-column-title {
    padding: .4em;
    min-width: 30%;
    display: inline-block;
    margin: -.4em 1em -.4em -.4em;
    font-weight: 700
}

.ui-datatable .ui-selection-column .ui-chkbox, .ui-datatable .ui-selection-column .ui-radiobutton {
    margin: 0;
    display: block
}

.ui-datatable .ui-selection-column .ui-chkbox-box, .ui-datatable .ui-selection-column .ui-radiobutton-box {
    display: block;
    box-sizing: border-box;
    margin: 0
}

.ui-datatable-scrollable-wrapper {
    position: relative
}

.ui-datatable-frozen-view .ui-datatable-scrollable-body {
    overflow: hidden
}

.ui-datatable-unfrozen-view {
    position: absolute;
    top: 0
}

.ui-datatable .ui-datatable-load-status {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ui-datatable .ui-datatable-virtual-table {
    position: absolute;
    top: 0;
    left: 0
}

.ui-datatable .ui-datatable-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=10)";
    opacity: .1;
    z-index: 1
}

.ui-datatable .ui-datatable-loading-content {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 2
}

@media(max-width: 35em) {
    .ui-datatable-reflow tfoot td, .ui-datatable-reflow thead th {
        display: none !important
    }

    .ui-datatable-reflow .ui-datatable-data > tr > td {
        text-align: left;
        display: block;
        border: 0;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0;
        border-right: 0
    }

    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: 700
    }

    .ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup {
        display: block
    }
}

.ui-datascroller .ui-datascroller-header {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0
}

.ui-datascroller .ui-datascroller-footer {
    text-align: center;
    padding: .25em .625em;
    border-top: 0
}

.ui-datascroller .ui-datascroller-content {
    padding: .25em .625em
}

.ui-datascroller-inline .ui-datascroller-content {
    overflow: auto
}

.ui-datascroller .ui-datascroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ui-dataview {
    position: relative
}

    .ui-dataview .ui-paginator {
        text-align: center
    }

.ui-dataview-column {
    padding: .25em
}

.ui-dataview-content-empty {
    padding: .25em .625em
}

.ui-dataview .ui-dataview-footer, .ui-dataview .ui-dataview-header {
    padding: .5em .75em
}

.ui-dataview .ui-dataview-header {
    border-bottom: 0
}

.ui-dataview .ui-dataview-footer {
    border-top: 0
}

.ui-dataview .ui-paginator-top {
    border-bottom: 0
}

.ui-dataview .ui-paginator-bottom {
    border-top: 0
}

.ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
    width: 100%
}

.ui-dataview .ui-dataview-emptymessage {
    padding: .5em .75em
}

.ui-dataview-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=10)";
    opacity: .1;
    z-index: 1
}

.ui-dataview-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em
}

.ui-dataview-loading-icon {
    font-size: 2em
}

.ui-dialog {
    position: fixed;
    padding: 0
}

.ui-dynamicdialog {
    top: 50%;
    left: 50%
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em .75em;
    position: relative;
    border: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em .75em;
    background: 0;
    zoom: 1
}

.ui-dialog-resizable .ui-dialog-content {
    overflow: auto
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

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

.ui-dialog .ui-dialog-titlebar-icon {
    text-decoration: none;
    float: right;
    padding: .125em;
    cursor: pointer;
    border: 1px solid transparent
}

    .ui-dialog .ui-dialog-titlebar-icon span {
        display: block;
        margin: 0
    }

.ui-dialog-footer {
    padding: 1em;
    border-width: 1px 0 0;
    text-align: right
}

.ui-dialog-mask {
    position: fixed;
    width: 100%;
    height: 100%
}

.ui-dialog-maximized {
    transition: left .3s,top .3s,width .3s,height .3s
}

.ui-confirmdialog {
    width: 30em;
    top: 50%;
    left: 50%
}

    .ui-confirmdialog.ui-dialog .ui-dialog-content {
        padding: 1em 2em
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
        font-size: 1.5em;
        margin-right: .5em;
        position: relative;
        top: .2em
    }

.ui-dialog-footer .ui-button {
    margin-right: .25em
}

.ui-fluid .ui-dialog-footer .ui-button {
    width: auto
}

.ui-rtl .ui-dialog .ui-dialog-titlebar-close {
    float: left
}

.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
    text-align: right
}

@media screen and (max-width: 40em) {
    .ui-confirmdialog {
        width: 90%
    }
}

.ui-dropdown {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    min-width: 12.5em
}

    .ui-dropdown .ui-dropdown-clear-icon {
        position: absolute;
        right: 2em;
        top: 50%;
        font-size: 1em;
        height: 1em;
        margin-top: -.5em
    }

    .ui-dropdown .ui-dropdown-trigger {
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em
    }

        .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
            top: 50%;
            left: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
            position: absolute
        }

    .ui-dropdown .ui-dropdown-label {
        display: block;
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 400;
        width: 100%;
        padding-right: 2.5em
    }

.ui-dropdown-item-empty, .ui-dropdown-label-empty {
    text-indent: -9999px;
    overflow: hidden
}

.ui-dropdown.ui-state-disabled .ui-dropdown-label, .ui-dropdown.ui-state-disabled .ui-dropdown-trigger {
    cursor: default
}

.ui-dropdown label.ui-dropdown-label {
    cursor: pointer
}

.ui-dropdown input.ui-dropdown-label {
    cursor: default
}

.ui-dropdown .ui-dropdown-panel {
    min-width: 100%
}

.ui-dropdown-panel {
    position: absolute;
    height: auto
}

    .ui-dropdown-panel .ui-dropdown-items-wrapper {
        overflow: auto
    }

    .ui-dropdown-panel .ui-dropdown-item {
        font-weight: 400;
        border: 0;
        cursor: pointer;
        margin: 1px 0;
        padding: .125em .25em;
        text-align: left
    }

    .ui-dropdown-panel .ui-dropdown-empty-message {
        padding: .5em
    }

    .ui-dropdown-panel .ui-dropdown-item-group {
        font-weight: 700;
        cursor: default
    }

    .ui-dropdown-panel .ui-dropdown-list {
        padding: .4em;
        border: 0
    }

    .ui-dropdown-panel .ui-dropdown-filter {
        width: 100%;
        box-sizing: border-box;
        padding-right: 1.5em
    }

    .ui-dropdown-panel .ui-dropdown-filter-container {
        position: relative;
        margin: 0;
        padding: .4em;
        display: inline-block;
        width: 100%
    }

        .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
            position: absolute;
            top: .8em;
            right: 1em
        }

.ui-fluid .ui-dropdown {
    width: 100%;
    min-width: 100%
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    padding: .5em 1em
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0
}

    .ui-fieldset-toggleable .ui-fieldset-legend a {
        padding: .5em 1em;
        cursor: pointer;
        white-space: nowrap;
        display: block
    }

.ui-fieldset .ui-fieldset-toggler {
    margin-right: .1em;
    display: inline-block;
    vertical-align: middle
}

.ui-fieldset .ui-fieldset-legend-text {
    vertical-align: middle
}

.ui-fieldset .ui-fieldset-content-wrapper-overflown {
    overflow: hidden
}

.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
    cursor: default
}

.ui-fileupload-buttonbar {
    padding: .5em;
    border-bottom: 0
}

    .ui-fileupload-buttonbar .ui-button {
        vertical-align: middle;
        margin-right: .25em
    }

.ui-fileupload-content {
    padding: 1em;
    position: relative;
    transition: border-color .3s
}

    .ui-fileupload-content.ui-fileupload-highlight {
        border-color: #156090
    }

.ui-fileupload-files img {
    border: 0
}

.ui-fileupload-files {
    display: table
}

.ui-fileupload-row {
    display: table-row
}

    .ui-fileupload-row > div {
        display: table-cell;
        padding: .5em 1em;
        vertical-align: middle
    }

.ui-fileupload-content .ui-progressbar {
    width: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    height: .25em;
    border: 0
}

.ui-fileupload-content .ui-progressbar-value {
    border-radius: 0;
    border: 0
}

.ui-fileupload-choose {
    position: relative;
    overflow: hidden
}

    .ui-fileupload-choose input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        direction: ltr;
        cursor: pointer;
        z-index: 1
    }

.ui-fluid .ui-fileupload .ui-button {
    width: auto
}

.ui-fluid .ui-fileupload-content .ui-button-icon-only {
    width: 2em
}

@media(max-width: 40em) {
    .ui-fileupload-buttonbar .ui-button {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: .25em
    }

        .ui-fileupload-buttonbar .ui-button:last-child {
            margin-bottom: 0
        }

    .ui-fileupload-row > div {
        display: block
    }
}

.ui-galleria {
    overflow: hidden;
    visibility: hidden;
    position: relative
}

    .ui-galleria .ui-galleria-panel-wrapper {
        position: relative;
        padding: 0;
        margin: 0
    }

    .ui-galleria .ui-galleria-panel {
        filter: inherit;
        position: absolute;
        top: 0;
        left: 0;
        list-style-type: none
    }

    .ui-galleria .ui-galleria-filmstrip-wrapper {
        overflow: hidden;
        margin: .25em auto;
        position: relative
    }

    .ui-galleria .ui-galleria-filmstrip {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 2340px;
        position: absolute;
        top: 0;
        left: 0
    }

    .ui-galleria .ui-galleria-frame {
        float: left;
        margin-right: 5px;
        opacity: .3;
        cursor: pointer
    }

    .ui-galleria .ui-galleria-frame-active {
        opacity: 1
    }

    .ui-galleria .ui-galleria-frame-content {
        overflow: hidden
    }

    .ui-galleria .ui-galleria-nav-next, .ui-galleria .ui-galleria-nav-prev {
        cursor: pointer;
        position: absolute;
        z-index: 1
    }

    .ui-galleria .ui-galleria-nav-prev {
        left: 4px
    }

    .ui-galleria .ui-galleria-nav-next {
        right: 4px
    }

    .ui-galleria .ui-galleria-caption {
        position: absolute;
        left: 1px;
        background-color: rgba(0,0,0,.5);
        display: none;
        color: #ededed;
        padding: .2em 1em
    }

        .ui-galleria .ui-galleria-caption h4 {
            color: #ededed
        }

    .ui-galleria .ui-galleria-panel-content {
        padding: 1em 1.4em
    }

.ui-grid {
    clear: both;
    padding: 0;
    margin: 0
}

    .ui-grid::after, .ui-grid::before {
        content: "";
        display: table
    }

    .ui-grid::after {
        clear: both
    }

    .ui-grid .ui-grid-row {
        display: flex;
        clear: both
    }

.ui-grid-row::after {
    clear: both;
    content: "";
    display: table
}

.ui-grid-col-1, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9 {
    float: left;
    box-sizing: border-box
}

.ui-grid-col-1 {
    width: 8.33333%
}

.ui-grid-col-2 {
    width: 16.66666%
}

.ui-grid-col-3 {
    width: 25%
}

.ui-grid-col-4 {
    width: 33.33333%
}

.ui-grid-col-5 {
    width: 41.66666%
}

.ui-grid-col-6 {
    width: 50%
}

.ui-grid-col-7 {
    width: 58.33333%
}

.ui-grid-col-8 {
    width: 66.66666%
}

.ui-grid-col-9 {
    width: 75%
}

.ui-grid-col-10 {
    width: 83.33333%
}

.ui-grid-col-11 {
    width: 91.66666%
}

.ui-grid-col-12 {
    width: 100%
}

@media(min-width: 480px) {
    .ui-grid-fixed {
        width: 480px
    }
}

@media(min-width: 768px) {
    .ui-grid-fixed {
        width: 768px
    }
}

@media(min-width: 960px) {
    .ui-grid-fixed {
        width: 960px
    }
}

@media(min-width: 1024px) {
    .ui-grid-fixed {
        width: 1024px
    }
}

.ui-grid.ui-grid-pad > .ui-grid-row > div {
    padding: .25em .5em
}

@media(max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display: block
    }

    .ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-10, .ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12, .ui-grid-responsive .ui-grid-col-2, .ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4, .ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6, .ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8, .ui-grid-responsive .ui-grid-col-9 {
        width: 100%;
        float: none
    }
}

.ui-g {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
}

    .ui-g::after {
        clear: both;
        content: "";
        display: table;
        box-sizing: border-box
    }

.ui-g-1, .ui-g-10, .ui-g-11, .ui-g-12, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9 {
    float: left;
    box-sizing: border-box;
    padding: .5em
}

.ui-g-1 {
    width: 8.3333%
}

.ui-g-2 {
    width: 16.6667%
}

.ui-g-3 {
    width: 25%
}

.ui-g-4 {
    width: 33.3333%
}

.ui-g-5 {
    width: 41.6667%
}

.ui-g-6 {
    width: 50%
}

.ui-g-7 {
    width: 58.3333%
}

.ui-g-8 {
    width: 66.6667%
}

.ui-g-9 {
    width: 75%
}

.ui-g-10 {
    width: 83.3333%
}

.ui-g-11 {
    width: 91.6667%
}

.ui-g-12 {
    width: 100%
}

.ui-g-offset-12 {
    margin-left: 100%
}

.ui-g-offset-11 {
    margin-left: 91.66666667%
}

.ui-g-offset-10 {
    margin-left: 83.33333333%
}

.ui-g-offset-9 {
    margin-left: 75%
}

.ui-g-offset-8 {
    margin-left: 66.66666667%
}

.ui-g-offset-7 {
    margin-left: 58.33333333%
}

.ui-g-offset-6 {
    margin-left: 50%
}

.ui-g-offset-5 {
    margin-left: 41.66666667%
}

.ui-g-offset-4 {
    margin-left: 33.33333333%
}

.ui-g-offset-3 {
    margin-left: 25%
}

.ui-g-offset-2 {
    margin-left: 16.66666667%
}

.ui-g-offset-1 {
    margin-left: 8.33333333%
}

.ui-g-offset-0 {
    margin-left: 0
}

@media screen and (max-width: 40em) {
    .ui-sm-1, .ui-sm-10, .ui-sm-11, .ui-sm-12, .ui-sm-2, .ui-sm-3, .ui-sm-4, .ui-sm-5, .ui-sm-6, .ui-sm-7, .ui-sm-8, .ui-sm-9 {
        padding: .5em
    }

    .ui-sm-1 {
        width: 8.3333%
    }

    .ui-sm-2 {
        width: 16.6667%
    }

    .ui-sm-3 {
        width: 25%
    }

    .ui-sm-4 {
        width: 33.3333%
    }

    .ui-sm-5 {
        width: 41.6667%
    }

    .ui-sm-6 {
        width: 50%
    }

    .ui-sm-7 {
        width: 58.3333%
    }

    .ui-sm-8 {
        width: 66.6667%
    }

    .ui-sm-9 {
        width: 75%
    }

    .ui-sm-10 {
        width: 83.3333%
    }

    .ui-sm-11 {
        width: 91.6667%
    }

    .ui-sm-12 {
        width: 100%
    }

    .ui-sm-offset-12 {
        margin-left: 100%
    }

    .ui-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .ui-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .ui-sm-offset-9 {
        margin-left: 75%
    }

    .ui-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .ui-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .ui-sm-offset-6 {
        margin-left: 50%
    }

    .ui-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .ui-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .ui-sm-offset-3 {
        margin-left: 25%
    }

    .ui-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .ui-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .ui-sm-offset-0 {
        margin-left: 0
    }
}

@media screen and (min-width: 40.063em) {
    .ui-md-1, .ui-md-10, .ui-md-11, .ui-md-12, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9 {
        padding: .5em
    }

    .ui-md-1 {
        width: 8.3333%
    }

    .ui-md-2 {
        width: 16.6667%
    }

    .ui-md-3 {
        width: 25%
    }

    .ui-md-4 {
        width: 33.3333%
    }

    .ui-md-5 {
        width: 41.6667%
    }

    .ui-md-6 {
        width: 50%
    }

    .ui-md-7 {
        width: 58.3333%
    }

    .ui-md-8 {
        width: 66.6667%
    }

    .ui-md-9 {
        width: 75%
    }

    .ui-md-10 {
        width: 83.3333%
    }

    .ui-md-11 {
        width: 91.6667%
    }

    .ui-md-12 {
        width: 100%
    }

    .ui-md-offset-12 {
        margin-left: 100%
    }

    .ui-md-offset-11 {
        margin-left: 91.66666667%
    }

    .ui-md-offset-10 {
        margin-left: 83.33333333%
    }

    .ui-md-offset-9 {
        margin-left: 75%
    }

    .ui-md-offset-8 {
        margin-left: 66.66666667%
    }

    .ui-md-offset-7 {
        margin-left: 58.33333333%
    }

    .ui-md-offset-6 {
        margin-left: 50%
    }

    .ui-md-offset-5 {
        margin-left: 41.66666667%
    }

    .ui-md-offset-4 {
        margin-left: 33.33333333%
    }

    .ui-md-offset-3 {
        margin-left: 25%
    }

    .ui-md-offset-2 {
        margin-left: 16.66666667%
    }

    .ui-md-offset-1 {
        margin-left: 8.33333333%
    }

    .ui-md-offset-0 {
        margin-left: 0
    }
}

@media screen and (min-width: 64.063em) {
    .ui-lg-1, .ui-lg-10, .ui-lg-11, .ui-lg-12, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9 {
        padding: .5em
    }

    .ui-lg-1 {
        width: 8.3333%
    }

    .ui-lg-2 {
        width: 16.6667%
    }

    .ui-lg-3 {
        width: 25%
    }

    .ui-lg-4 {
        width: 33.3333%
    }

    .ui-lg-5 {
        width: 41.6667%
    }

    .ui-lg-6 {
        width: 50%
    }

    .ui-lg-7 {
        width: 58.3333%
    }

    .ui-lg-8 {
        width: 66.6667%
    }

    .ui-lg-9 {
        width: 75%
    }

    .ui-lg-10 {
        width: 83.3333%
    }

    .ui-lg-11 {
        width: 91.6667%
    }

    .ui-lg-12 {
        width: 100%
    }

    .ui-lg-offset-12 {
        margin-left: 100%
    }

    .ui-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .ui-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .ui-lg-offset-9 {
        margin-left: 75%
    }

    .ui-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .ui-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .ui-lg-offset-6 {
        margin-left: 50%
    }

    .ui-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .ui-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .ui-lg-offset-3 {
        margin-left: 25%
    }

    .ui-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .ui-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .ui-lg-offset-0 {
        margin-left: 0
    }
}

@media screen and (min-width: 90.063em) {
    .ui-xl-1, .ui-xl-10, .ui-xl-11, .ui-xl-12, .ui-xl-2, .ui-xl-3, .ui-xl-4, .ui-xl-5, .ui-xl-6, .ui-xl-7, .ui-xl-8, .ui-xl-9 {
        padding: .5em
    }

    .ui-xl-1 {
        width: 8.3333%
    }

    .ui-xl-2 {
        width: 16.6667%
    }

    .ui-xl-3 {
        width: 25%
    }

    .ui-xl-4 {
        width: 33.3333%
    }

    .ui-xl-5 {
        width: 41.6667%
    }

    .ui-xl-6 {
        width: 50%
    }

    .ui-xl-7 {
        width: 58.3333%
    }

    .ui-xl-8 {
        width: 66.6667%
    }

    .ui-xl-9 {
        width: 75%
    }

    .ui-xl-10 {
        width: 83.3333%
    }

    .ui-xl-11 {
        width: 91.6667%
    }

    .ui-xl-12 {
        width: 100%
    }

    .ui-xl-offset-12 {
        margin-left: 100%
    }

    .ui-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .ui-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .ui-xl-offset-9 {
        margin-left: 75%
    }

    .ui-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .ui-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .ui-xl-offset-6 {
        margin-left: 50%
    }

    .ui-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .ui-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .ui-xl-offset-3 {
        margin-left: 25%
    }

    .ui-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .ui-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .ui-xl-offset-0 {
        margin-left: 0
    }
}

.ui-growl {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20em
}

.ui-growl-item-container {
    position: relative;
    margin: 0 0 10px;
    opacity: .95;
    filter: alpha(opacity=95)
}

.ui-growl-item {
    position: relative;
    display: block;
    padding: .5em 1em
}

    .ui-growl-item p {
        padding: 0;
        margin: 0
    }

.ui-growl-icon-close {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer
}

.ui-growl-title {
    font-weight: 700;
    padding: 0 0 .5em;
    display: block
}

.ui-growl-image {
    position: absolute;
    display: inline-block;
    left: .5em;
    top: .25em;
    padding: 0;
    font-size: 2em
}

.ui-growl-message {
    padding: 0 0 .25em;
    margin-left: 2.5em
}

    .ui-growl-message p {
        font-weight: 400
    }

.ui-inplace .ui-inplace-display {
    display: inline;
    cursor: pointer;
    border: 0;
    padding: .25em;
    font-weight: 400
}

.ui-inplace .ui-inplace-content {
    display: inline
}

.ui-fluid .ui-inputgroup p-inputmask {
    flex: 1 1 auto
}

.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.ui-inputswitch {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 1.75em
}

.ui-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
    border-radius: 30px
}

    .ui-inputswitch-slider:before {
        position: absolute;
        content: "";
        height: 1.25em;
        width: 1.25em;
        left: .25em;
        bottom: .25em;
        border-radius: 50%;
        transition: .3s
    }

.ui-inputswitch-checked .ui-inputswitch-slider:before {
    transform: translateX(1.25em)
}

.ui-inputswitch-readonly .ui-inputswitch-slider, .ui-inputswitch.ui-state-disabled .ui-inputswitch-slider {
    cursor: default
}

.ui-inputtext {
    margin: 0;
    outline: 0;
    padding: .25em;
    font-weight: 400
}

.ui-fluid .ui-inputtext {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.ui-inputgroup {
    display: flex
}

    .ui-inputgroup .ui-inputgroup-addon {
        display: inline-block;
        text-align: center;
        min-width: 1.5em;
        padding: .25em;
        border-width: 1px;
        border-style: solid
    }

        .ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
            border-left: 0
        }

    .ui-inputgroup .ui-inputtext {
        padding-left: .5em
    }

        .ui-inputgroup .ui-inputtext:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: 0
        }

        .ui-inputgroup .ui-inputtext:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right: 0
        }

    .ui-inputgroup .ui-button {
        margin-right: 0;
        border-radius: 0
    }

.ui-fluid .ui-inputgroup .ui-button {
    width: auto
}

.ui-fluid .ui-inputgroup .ui-inputtext {
    flex: 1 1 auto
}

.ui-inputgroup .ui-chkbox, .ui-inputgroup .ui-radiobutton {
    margin-right: 0;
    vertical-align: bottom
}

.ui-float-label {
    display: block;
    position: relative
}

    .ui-float-label > label {
        font-weight: 400;
        position: absolute;
        pointer-events: none;
        left: .25em;
        top: 50%;
        margin-top: -.5em;
        transition: .3s ease all;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        color: #898989;
        line-height: 1
    }

    .ui-float-label > input:-webkit-autofill ~ label {
        top: -.75em;
        font-size: 12px
    }

    .ui-float-label > .ui-inputwrapper-filled ~ label, .ui-float-label > .ui-inputwrapper-focus ~ label, .ui-float-label > input.ui-state-filled ~ label, .ui-float-label > input:focus ~ label {
        top: -.75em;
        font-size: 12px
    }

.ui-inputtextarea-resizable {
    overflow: hidden;
    resize: none
}

.ui-fluid .ui-inputtextarea {
    width: 100%
}

.ui-float-label textarea.ui-state-filled ~ label, .ui-float-label textarea:-webkit-autofill ~ label, .ui-float-label textarea:focus ~ label {
    top: -.75em;
    font-size: 12px
}

.ui-float-label > textarea ~ label {
    left: .25em;
    top: .75em
}

.ui-lightbox {
    position: fixed;
    display: none
}

.ui-lightbox-content-wrapper {
    position: relative
}

.ui-lightbox-content {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #000
}

.ui-lightbox-nav-left, .ui-lightbox-nav-right {
    position: absolute;
    top: 50%;
    cursor: pointer;
    opacity: .5
}

.ui-lightbox-nav-left {
    left: 0
}

.ui-lightbox-nav-right {
    right: 0
}

.ui-lightbox-loading .ui-lightbox-content {
    background: url(loading.8732a6660b528fadfaeb.gif) center center no-repeat #000
}

.ui-lightbox-caption {
    padding: .2em .4em;
    display: none
}

.ui-lightbox-caption-text {
    margin: .3em 0 .1em;
    float: left
}

.ui-lightbox-close {
    float: right;
    margin: 0;
    padding: .125em
}

    .ui-lightbox-close.ui-state-hover {
        padding: 0
    }

.ui-lightbox-nav-left:hover, .ui-lightbox-nav-right:hover {
    opacity: 1
}

.ui-listbox {
    padding: .25em;
    width: 10em
}

    .ui-listbox .ui-listbox-list-wrapper {
        overflow: auto
    }

    .ui-listbox .ui-listbox-list {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .ui-listbox .ui-listbox-item {
        padding: .25em;
        border: 0;
        cursor: pointer;
        font-weight: 400;
        margin-bottom: 1px
    }

        .ui-listbox .ui-listbox-item > span {
            vertical-align: middle
        }

        .ui-listbox .ui-listbox-item:last-child {
            margin-bottom: 0
        }

    .ui-listbox.ui-state-disabled .ui-listbox-item {
        cursor: default
    }

.ui-listbox-header {
    margin-bottom: .3em;
    padding: .125em .2em;
    position: relative
}

    .ui-listbox-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .ui-listbox-header .ui-listbox-filter-container {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 100%
    }

    .ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
        width: calc(100% - 2em)
    }

    .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
        position: absolute;
        top: .25em;
        left: .25em
    }

    .ui-listbox-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%
    }

.ui-listbox-footer {
    padding: .125em .2em
}

.ui-menu {
    width: 12.5em;
    padding: .25em
}

    .ui-menu.ui-menu-dynamic {
        position: absolute
    }

    .ui-menu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ui-menu .ui-submenu-header {
        padding: .25em .5em;
        margin: .125em 0
    }

    .ui-menu .ui-menuitem {
        margin: .125em 0
    }

    .ui-menu .ui-menuitem-link {
        cursor: pointer;
        padding: .25em;
        display: block;
        text-decoration: none
    }

    .ui-menu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-menu .ui-menuitem-text {
        vertical-align: middle
    }

.ui-megamenu {
    padding: .25em
}

.ui-megamenu-root-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .ui-megamenu-root-list > .ui-menuitem {
        position: relative
    }

.ui-megamenu .ui-menuitem-link {
    padding: .25em;
    display: block;
    text-decoration: none
}

.ui-megamenu .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle
}

.ui-megamenu .ui-menuitem-text {
    vertical-align: middle
}

.ui-megamenu-panel {
    display: none;
    position: absolute;
    width: auto
}

.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
    display: block
}

.ui-megamenu-panel .ui-menuitem {
    margin: .125em 0
}

.ui-megamenu-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 12.5em
}

.ui-megamenu-submenu-header {
    padding: .25em
}

.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
    display: inline-block
}

    .ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        vertical-align: middle;
        margin-left: .25em
    }

.ui-megamenu-vertical {
    width: 12.5em
}

    .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
        display: block
    }

        .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
            position: relative
        }

            .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
                position: absolute;
                width: 1em;
                height: 1em;
                top: 50%;
                right: 0;
                margin-top: -.5em
            }

.ui-megamenu .ui-g {
    flex-wrap: nowrap
}

.ui-menubar {
    padding: .25em
}

    .ui-menubar:after {
        content: "";
        clear: both;
        display: table
    }

    .ui-menubar ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .ui-menubar .ui-menuitem-link {
        display: block;
        padding: .25em;
        position: relative;
        text-decoration: none
    }

    .ui-menubar .ui-menubar-root-list {
        display: inline-block
    }

        .ui-menubar .ui-menubar-root-list > .ui-menuitem {
            display: inline-block;
            position: relative
        }

            .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
                padding: .5em
            }

                .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
                    vertical-align: middle;
                    margin-left: .25em
                }

        .ui-menubar .ui-menubar-root-list > li ul {
            display: none
        }

        .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
            display: inline-block;
            vertical-align: middle;
            height: 1.5em
        }

    .ui-menubar .ui-submenu-list {
        display: none;
        position: absolute;
        min-width: 12.5em;
        padding: .25em
    }

        .ui-menubar .ui-submenu-list .ui-menuitem {
            margin: .125em 0;
            position: relative
        }

    .ui-menubar .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-menubar .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block
    }

    .ui-menubar .ui-menubar-custom {
        float: right;
        padding: .25em
    }

.ui-message {
    border: 1px solid;
    margin: 0 .25em;
    padding: .25em .5em;
    display: inline-block;
    vertical-align: top
}

    .ui-message .ui-message-icon, .ui-message .ui-message-text {
        vertical-align: middle
    }

.ui-fluid .ui-message {
    display: block
}

.ui-messages {
    border: 1px solid;
    margin: .5em 0;
    padding: 1em 1em 1em .5em;
    position: relative;
    display: flex
}

    .ui-messages .ui-messages-icon {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        font-size: 2em
    }

    .ui-messages .ui-messages-summary {
        font-weight: 700;
        margin-left: .25em
    }

    .ui-messages .ui-messages-detail {
        margin-left: .25em
    }

    .ui-messages ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
        display: flex;
        align-items: center
    }

        .ui-messages ul > li {
            padding: .25em
        }

    .ui-messages.ui-messages-noicon ul {
        margin: 0 1.5em 0 0
    }

    .ui-messages .ui-messages-close {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5px
    }

.ui-multiselect {
    display: inline-block;
    position: relative;
    width: auto;
    cursor: pointer
}

    .ui-multiselect .ui-multiselect-trigger {
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em
    }

        .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
            top: 50%;
            left: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
            position: absolute
        }

    .ui-multiselect .ui-multiselect-label-container {
        overflow: hidden
    }

    .ui-multiselect .ui-multiselect-label {
        display: block;
        padding: .25em 2em .25em .25em;
        width: auto;
        border: 0;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .ui-multiselect.ui-state-disabled .ui-multiselect-label, .ui-multiselect.ui-state-disabled .ui-multiselect-trigger {
        cursor: auto
    }

.ui-multiselect-panel {
    padding: .2em;
    position: absolute;
    min-width: 12em
}

.ui-multiselect .ui-multiselect-panel {
    min-width: 100%
}

.ui-multiselect-panel .ui-multiselect-items-wrapper {
    overflow: auto;
    position: relative;
    padding: .2em 0
}

.ui-multiselect-panel .ui-multiselect-list {
    border: 0
}

.ui-multiselect-panel .ui-multiselect-item {
    border: 0;
    cursor: pointer;
    font-weight: 400;
    margin: 1px 0;
    padding: .125em .25em;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative
}

    .ui-multiselect-panel .ui-multiselect-item .ui-chkbox, .ui-multiselect-panel .ui-multiselect-item span {
        display: inline-block;
        vertical-align: middle
    }

.ui-multiselect-header {
    margin-bottom: .3em;
    padding: .25em;
    position: relative;
    text-align: left;
    min-height: 2em
}

    .ui-multiselect-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .ui-multiselect-header .ui-multiselect-filter-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 65%
    }

    .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
        width: 85%
    }

    .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
        position: absolute;
        top: .25em;
        left: .125em
    }

    .ui-multiselect-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%
    }

    .ui-multiselect-header .ui-multiselect-close {
        position: absolute;
        right: .375em;
        top: .375em;
        display: block;
        border: 0;
        cursor: pointer
    }

    .ui-multiselect-header a.ui-multiselect-all, .ui-multiselect-header a.ui-multiselect-none {
        float: left;
        margin-right: 10px;
        display: block
    }

.ui-multiselect-footer {
    padding: .25em
}

.ui-fluid .ui-multiselect {
    width: 100%;
    box-sizing: border-box
}

.ui-orderlist {
    display: flex;
    flex-wrap: wrap
}

.ui-orderlist-controls-left {
    flex-direction: row
}

.ui-orderlist-controls-right {
    flex-direction: row-reverse
}

.ui-orderlist-controls, .ui-orderlist-list-container {
    flex: 0 0 auto
}

.ui-orderlist-controls {
    padding: 0 .25em;
    width: 16.66666%;
    align-self: center
}

    .ui-orderlist-controls .ui-button.ui-button-icon-only {
        display: block;
        margin-bottom: .25em;
        width: 100%
    }

.ui-orderlist-list-container {
    width: 83.33333%
}

.ui-orderlist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 12.5em
}

.ui-orderlist-caption {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0
}

.ui-orderlist-item {
    margin: 1px;
    padding: .125em;
    cursor: pointer;
    border: 0;
    font-weight: inherit
}

.ui-orderlist-filter-container {
    position: relative;
    width: 100%;
    padding: .5em .6em;
    border-bottom: 0
}

    .ui-orderlist-filter-container .ui-inputtext {
        text-indent: 1.1em;
        width: 100%
    }

    .ui-orderlist-filter-container .ui-orderlist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em
    }

.ui-orderlist.ui-state-disabled .ui-button, .ui-orderlist.ui-state-disabled .ui-orderlist-item {
    cursor: default
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
    overflow: hidden
}

.ui-orderlist .ui-orderlist-droppoint {
    height: 6px;
    list-style-type: none
}

@media(max-width: 767px) {
    .ui-orderlist-controls {
        width: 100%;
        text-align: center
    }

    .ui-orderlist .ui-orderlist-list-container {
        width: 100%
    }

    .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
        display: inline-block;
        width: 20%;
        margin-right: .25em
    }
}

.ui-organizationchart .ui-organizationchart-table {
    border-spacing: 0;
    border-collapse: separate;
    margin: 0 auto
}

    .ui-organizationchart .ui-organizationchart-table > tr > td {
        text-align: center;
        vertical-align: top;
        padding: 0 .75em
    }

.ui-organizationchart .ui-organizationchart-node-content {
    padding: .5em .75em;
    display: inline-block;
    position: relative
}

    .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        position: absolute;
        bottom: -9px;
        margin-left: -8px;
        z-index: 2;
        left: 50%
    }

.ui-organizationchart .ui-organizationchart-line-down {
    margin: 0 auto;
    height: 20px;
    width: 1px;
    float: none
}

.ui-organizationchart .ui-organizationchart-line-left, .ui-organizationchart .ui-organizationchart-line-right {
    float: none;
    border-radius: 0
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
    cursor: pointer
}

.ui-overlaypanel {
    padding: 0;
    margin: 10px 0 0;
    position: absolute
}

.ui-overlaypanel-flipped {
    margin-top: 0;
    margin-bottom: 10px
}

.ui-overlaypanel-content {
    padding: .5em 1em
}

.ui-overlaypanel-close {
    position: absolute;
    top: -1em;
    right: -1em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 100%;
    cursor: pointer
}

.ui-overlaypanel-close-icon {
    line-height: inherit
}

.ui-overlaypanel:after, .ui-overlaypanel:before {
    bottom: 100%;
    left: 1.25em;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ui-overlaypanel:after {
    border-width: 8px;
    margin-left: -8px
}

.ui-overlaypanel:before {
    border-width: 10px;
    margin-left: -10px
}

.ui-overlaypanel-shifted:after, .ui-overlaypanel-shifted:before {
    left: auto;
    right: 1.25em;
    margin-left: auto
}

.ui-overlaypanel-shifted:after {
    margin-right: -8px
}

.ui-overlaypanel:before {
    margin-right: -10px
}

.ui-overlaypanel-flipped:after, .ui-overlaypanel-flipped:before {
    bottom: auto;
    top: 100%
}

.ui-overlaypanel.ui-overlaypanel-flipped:after, .ui-overlaypanel.ui-overlaypanel-flipped:before {
    border-bottom-color: transparent
}

.ui-paginator {
    margin: 0;
    text-align: center;
    padding: .125em
}

    .ui-paginator .ui-paginator-top {
        border-bottom: 0
    }

    .ui-paginator .ui-paginator-bottom {
        border-top: 0
    }

    .ui-paginator .ui-paginator-left-content {
        float: left
    }

    .ui-paginator .ui-paginator-right-content {
        float: right
    }

    .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-prev {
        display: inline-block;
        min-width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        zoom: 1;
        margin-left: .063em;
        margin-right: .063em;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        position: relative
    }

    .ui-paginator .ui-paginator-pages {
        width: auto;
        line-height: 1
    }

    .ui-paginator .ui-paginator-icon {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1em;
        height: 1em;
        margin-top: -.5em;
        margin-left: -.5em
    }

    .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-prev {
        cursor: pointer
    }

    .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
        margin-left: 1em;
        margin-right: 1em;
        background-image: none
    }

        .ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options option {
            background-image: none;
            border: 0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none
        }

    .ui-paginator a.ui-state-disabled {
        outline: 0
    }

    .ui-paginator .ui-dropdown {
        min-width: 4em;
        margin-left: .375em
    }

.ui-fluid .ui-paginator .ui-dropdown {
    width: auto
}

.ui-panel {
    padding: .2em
}

    .ui-panel .ui-panel-titlebar {
        padding: .5em .75em
    }

        .ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
            cursor: pointer
        }

    .ui-panel .ui-panel-titlebar-icon {
        float: right;
        cursor: pointer;
        margin-left: .2em;
        margin-top: -.1em
    }

    .ui-panel .ui-panel-content {
        border: 0;
        padding: .5em .75em
    }

    .ui-panel .ui-panel-footer {
        border-width: 1px 0 0;
        padding: .25em .5em;
        text-align: left
    }

.ui-panel-content-wrapper-overflown {
    overflow: hidden
}

.ui-panelmenu {
    width: auto
}

    .ui-panelmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-panelmenu .ui-panelmenu-content-wrapper {
        overflow: hidden
    }

    .ui-panelmenu .ui-panelmenu-header {
        margin: -1px 0 0;
        zoom: 1
    }

    .ui-panelmenu .ui-panelmenu-header-link {
        padding: .5em;
        display: block;
        text-decoration: none
    }

    .ui-panelmenu .ui-menuitem-text, .ui-panelmenu .ui-panelmenu-icon {
        vertical-align: middle
    }

    .ui-panelmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-panelmenu .ui-panelmenu-content {
        padding: .25em;
        border-top: 0;
        margin-bottom: 1px
    }

    .ui-panelmenu .ui-submenu-list {
        margin: 0 0 0 1.5em;
        padding: 0;
        list-style: none
    }

    .ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
        margin-left: 0
    }

    .ui-panelmenu .ui-menuitem {
        overflow: hidden;
        margin: .125em 0
    }

    .ui-panelmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        text-decoration: none
    }

.ui-password-panel {
    position: absolute;
    transform: translateY(5%);
    opacity: 0;
    transition: transform .3s,opacity .3s
}

    .ui-password-panel .ui-password-meter {
        height: 10px;
        background: url(password-meter.d59e6dc2616c53ce8e77.png) left top no-repeat;
        padding: 0;
        margin: 0
    }

.ui-password-panel-visible {
    transform: translateY(0);
    opacity: 1
}

.ui-password-panel-hidden {
    opacity: 0;
    transform: translateY(5%);
    transition: transform .3s,opacity .15s
}

.ui-picklist .ui-picklist-buttons {
    height: 12.5em;
    padding: 0 .25em;
    vertical-align: middle
}

.ui-picklist .ui-picklist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 12.5em;
    width: 12.5em
}

    .ui-picklist .ui-picklist-list li {
        margin: 1px;
        padding: .125em
    }

.ui-picklist .ui-button {
    display: block;
    margin-bottom: .25em
}

.ui-picklist .ui-button-text-icon-left {
    width: 100%
}

.ui-picklist .ui-picklist-item {
    cursor: pointer;
    border: 0;
    font-weight: inherit
}

.ui-picklist .ui-picklist-caption {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0
}

.ui-picklist table {
    width: 100%;
    border-collapse: collapse
}

.ui-picklist .ui-picklist-filter-container {
    position: relative;
    width: 100%;
    padding: .5em .6em;
    border-bottom: 0
}

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
        text-indent: 1.1em;
        width: 100%
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em
    }

.ui-picklist {
    display: table
}

    .ui-picklist > div {
        float: none;
        display: table-cell;
        vertical-align: top
    }

    .ui-picklist.ui-picklist-vertical {
        display: table
    }

        .ui-picklist.ui-picklist-vertical > div {
            float: none;
            display: table-row;
            vertical-align: top
        }

        .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
            text-align: center;
            height: auto
        }

            .ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
                display: inline-block
            }

        .ui-picklist.ui-picklist-vertical .ui-button {
            margin-top: .25em
        }

.ui-picklist-outline {
    outline: #000 dotted 1px;
    z-index: 1
}

.ui-picklist .ui-picklist-droppoint {
    height: 6px;
    list-style-type: none
}

.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
    height: 100%;
    list-style-type: none
}

.ui-picklist-list.ui-picklist-source, .ui-picklist-list.ui-picklist-target {
    outline: 0
}

.ui-picklist.ui-picklist-responsive * {
    box-sizing: border-box
}

.ui-picklist.ui-picklist-responsive {
    width: 100%
}

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
        width: 35%
    }

        .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
            width: 45%
        }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        width: 10%
    }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
            width: 100%
        }

    .ui-picklist.ui-picklist-responsive .ui-picklist-list {
        width: auto
    }

@media(max-width: 40em) {
    .ui-picklist.ui-picklist-responsive {
        display: block
    }

        .ui-picklist.ui-picklist-responsive > div {
            display: block;
            width: 100% !important
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
            text-align: center;
            height: auto;
            padding: .4em 0
        }

            .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
                display: inline-block;
                width: 20%;
                margin-bottom: 0;
                margin-right: .25em
            }

        .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
            padding-bottom: .4em
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
            padding-top: .4em
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
            content: "\e930"
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
            content: "\e92c"
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
            content: "\e933"
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
            content: "\e92f"
        }
}

.ui-progressbar {
    height: 1.2em;
    text-align: left;
    position: relative;
    overflow: hidden
}

.ui-progressbar-determinate .ui-progressbar-value {
    height: 100%;
    width: 0;
    position: absolute;
    display: none;
    border: 0
}

.ui-progressbar-determinate .ui-progressbar-value-animate {
    transition: width 1s ease-in-out
}

.ui-progressbar-determinate .ui-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    font-weight: 700
}

.ui-progressbar-indeterminate {
    height: .5em
}

    .ui-progressbar-indeterminate .ui-progressbar-value {
        border: 0
    }

        .ui-progressbar-indeterminate .ui-progressbar-value::before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite ui-progressbar-indeterminate-anim
        }

        .ui-progressbar-indeterminate .ui-progressbar-value::after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            animation: 2.1s cubic-bezier(.165,.84,.44,1) infinite ui-progressbar-indeterminate-anim-short;
            animation-delay: 1.15s
        }

@keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

@keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%
    }

    100%,60% {
        left: 107%;
        right: -8%
    }
}

.ui-progress-spinner {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: inline-block
}

    .ui-progress-spinner::before {
        content: '';
        display: block;
        padding-top: 100%
    }

.ui-progress-spinner-svg {
    animation: 2s linear infinite ui-progress-spinner-rotate;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.ui-progress-spinner-circle {
    stroke-dasharray: 89,200;
    stroke-dashoffset: 0;
    stroke: #d62d20;
    animation: 1.5s ease-in-out infinite ui-progress-spinner-dash,6s ease-in-out infinite ui-progress-spinner-color;
    stroke-linecap: round
}

@keyframes ui-progress-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes ui-progress-spinner-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes ui-progress-spinner-color {
    0%,100% {
        stroke: #d62d20
    }

    40% {
        stroke: #0057e7
    }

    66% {
        stroke: #008744
    }

    80%,90% {
        stroke: #ffa700
    }
}

.ui-radiobutton {
    display: inline-block;
    cursor: pointer;
    margin-right: .25em;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: middle
}

.ui-radiobutton-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    border-radius: 100%;
    text-align: center;
    position: relative
}

.ui-radiobutton-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -.5em
}

.ui-rating {
    font-size: 1.25em
}

.ui-fluid .fc .ui-button {
    width: auto
}

.ui-scrollpanel-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left
}

.ui-scrollpanel-content {
    height: calc(100% + 18px);
    width: calc(100% + 18px);
    padding: 0 18px 18px 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box
}

.ui-scrollpanel-bar {
    position: relative;
    background: #c1c1c1;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity .25s linear
}

.ui-scrollpanel-bar-y {
    width: 9px;
    top: 0
}

.ui-scrollpanel-bar-x {
    height: 9px;
    bottom: 0
}

.ui-scrollpanel-hidden {
    visibility: hidden
}

.ui-scrollpanel:active .ui-scrollpanel-bar, .ui-scrollpanel:hover .ui-scrollpanel-bar {
    opacity: 1
}

.ui-scrollpanel-grabbed {
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ui-selectbutton {
    display: inline-block
}

    .ui-selectbutton.ui-state-error {
        padding: 0
    }

    .ui-selectbutton .ui-button.ui-state-focus {
        outline: 0
    }

.ui-sidebar {
    position: fixed;
    padding: .5em 1em;
    transition: transform .3s
}

.ui-sidebar-left {
    top: 0;
    left: 0;
    width: 20em;
    height: 100%;
    transform: translateX(-100%)
}

.ui-sidebar-right {
    top: 0;
    right: 0;
    width: 20em;
    height: 100%;
    transform: translateX(100%)
}

.ui-sidebar-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 10em;
    transform: translateY(-100%)
}

.ui-sidebar-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10em;
    transform: translateY(100%)
}

.ui-sidebar-full {
    width: 100%;
    height: 100%;
    left: 0;
    transition: transform 0s
}

.ui-sidebar-left.ui-sidebar-active, .ui-sidebar-right.ui-sidebar-active {
    transform: translateX(0)
}

.ui-sidebar-left.ui-sidebar-sm, .ui-sidebar-right.ui-sidebar-sm {
    width: 20em
}

.ui-sidebar-left.ui-sidebar-md, .ui-sidebar-right.ui-sidebar-md {
    width: 40em
}

.ui-sidebar-left.ui-sidebar-lg, .ui-sidebar-right.ui-sidebar-lg {
    width: 60em
}

.ui-sidebar-bottom.ui-sidebar-active, .ui-sidebar-top.ui-sidebar-active {
    transform: translateY(0)
}

.ui-sidebar-bottom.ui-sidebar-sm, .ui-sidebar-top.ui-sidebar-sm {
    height: 10em
}

.ui-sidebar-bottom.ui-sidebar-md, .ui-sidebar-top.ui-sidebar-md {
    height: 20em
}

.ui-sidebar-bottom.ui-sidebar-lg, .ui-sidebar-top.ui-sidebar-lg {
    height: 30em
}

.ui-sidebar-mask {
    position: fixed;
    width: 100%;
    height: 100%
}

.ui-sidebar-close {
    float: right
}

@media screen and (max-width: 64em) {
    .ui-sidebar-left.ui-sidebar-lg, .ui-sidebar-left.ui-sidebar-md, .ui-sidebar-right.ui-sidebar-lg, .ui-sidebar-right.ui-sidebar-md {
        width: 20em
    }
}

.ui-slidemenu {
    width: 12.5em;
    padding: .25em
}

    .ui-slidemenu.ui-slidemenu-dynamic {
        position: absolute
    }

    .ui-slidemenu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-slidemenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ui-slidemenu .ui-slidemenu-rootlist {
        position: absolute;
        top: 0
    }

    .ui-slidemenu .ui-submenu-list {
        display: none;
        position: absolute;
        top: 0;
        width: 12.5em;
        padding: .25em
    }

    .ui-slidemenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative;
        text-decoration: none
    }

    .ui-slidemenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-slidemenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-slidemenu .ui-menuitem {
        position: relative;
        margin: .125em 0
    }

    .ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-slidemenu .ui-slidemenu-wrapper {
        position: relative
    }

    .ui-slidemenu .ui-slidemenu-content {
        overflow-x: hidden;
        overflow-y: auto;
        position: relative
    }

.ui-slidemenu-backward {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .25em;
    cursor: pointer;
    display: none
}

    .ui-slidemenu-backward .ui-slidemenu-backward-icon, .ui-slidemenu-backward span {
        vertical-align: middle
    }

.ui-slidemenu .ui-menuitem-active {
    position: static
}

    .ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block
    }

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list, .ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active) {
    display: none
}

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
    display: block
}

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        touch-action: none;
        z-index: 1
    }

        .ui-slider .ui-slider-handle.ui-slider-handle-active {
            z-index: 2
        }

    .ui-slider .ui-slider-range {
        position: absolute;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.25em;
        margin-left: -.6em
    }

    .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: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.25em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .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-animate .ui-slider-handle {
    transition: left .3s
}

.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.ui-spinner-input {
    vertical-align: middle;
    padding-right: 1.5em
}

.ui-spinner-button {
    cursor: default;
    display: block;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 1.5em
}

.ui-spinner .ui-spinner-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-fluid .ui-spinner {
    width: 100%
}

    .ui-fluid .ui-spinner .ui-spinner-input {
        padding-right: 2em;
        width: 100%
    }

    .ui-fluid .ui-spinner .ui-spinner-button {
        width: 1.5em
    }

        .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
            left: .7em
        }

.ui-splitbutton {
    position: relative;
    display: inline-block;
    zoom: 1
}

    .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
        width: 2em;
        vertical-align: top
    }

    .ui-splitbutton.ui-state-disabled button {
        cursor: default
    }

.ui-fluid .ui-splitbutton {
    width: 100%
}

    .ui-fluid .ui-splitbutton .ui-button:first-child {
        width: calc(100% - 2em)
    }

    .ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
        width: 2em
    }

.ui-splitbutton .ui-menuitem-link {
    cursor: pointer
}

.ui-table {
    position: relative
}

    .ui-table table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-table .ui-table-tbody > tr > td, .ui-table .ui-table-tfoot > tr > td, .ui-table .ui-table-thead > tr > th {
        padding: .25em .5em
    }

    .ui-table .ui-sortable-column {
        cursor: pointer
    }

    .ui-table p-sorticon {
        vertical-align: middle
    }

.ui-table-auto-layout > .ui-table-wrapper {
    overflow-x: auto
}

    .ui-table-auto-layout > .ui-table-wrapper > table {
        table-layout: auto
    }

.ui-table-caption, .ui-table-summary {
    padding: .25em .5em;
    text-align: center;
    font-weight: 700
}

.ui-table-caption {
    border-bottom: 0
}

.ui-table-summary {
    border-top: 0
}

.ui-table .ui-paginator-top {
    border-bottom: 0
}

.ui-table .ui-paginator-bottom {
    border-top: 0
}

.ui-table-scrollable-wrapper {
    position: relative
}

.ui-table-scrollable-footer, .ui-table-scrollable-header {
    overflow: hidden;
    border: 0
}

.ui-table-scrollable-body {
    overflow: auto;
    position: relative
}

.ui-table-virtual-table {
    position: absolute
}

.ui-table-loading-virtual-table {
    display: none
}

.ui-table-frozen-view .ui-table-scrollable-body {
    overflow: hidden
}

.ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
    border-right: 0
}

.ui-table-unfrozen-view {
    position: absolute;
    top: 0
}

.ui-table-resizable > .ui-table-wrapper {
    overflow-x: auto
}

.ui-table-resizable .ui-table-tbody > tr > td, .ui-table-resizable .ui-table-tfoot > tr > td, .ui-table-resizable .ui-table-thead > tr > th {
    overflow: hidden
}

.ui-table-resizable .ui-resizable-column {
    background-clip: padding-box;
    position: relative
}

.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
    display: none
}

.ui-table .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent
}

.ui-table .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none
}

.ui-table .ui-table-tbody > tr > td.ui-editing-cell {
    padding: 0
}

    .ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * {
        width: 100%
    }

.ui-table-reorder-indicator-down, .ui-table-reorder-indicator-up {
    position: absolute;
    display: none
}

.ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
    display: none
}

@media screen and (max-width: 40em) {
    .ui-table-responsive .ui-table-tfoot > tr > td, .ui-table-responsive .ui-table-thead > tr > th {
        display: none !important
    }

    .ui-table-responsive .ui-table-tbody > tr > td {
        text-align: left;
        display: block;
        border: 0;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left
    }

        .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
            padding: .4em;
            min-width: 30%;
            display: inline-block;
            margin: -.4em 1em -.4em -.4em;
            font-weight: 700
        }
}

.ui-table-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=10)";
    opacity: .1;
    z-index: 1
}

.ui-table-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em
}

.ui-table .ui-table-loading-icon {
    font-size: 2em
}

.ui-steps ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.ui-steps .ui-steps-item {
    float: left;
    box-sizing: border-box;
    cursor: pointer
}

.ui-steps.ui-steps-readonly .ui-steps-item {
    cursor: auto
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    text-decoration: none;
    display: block;
    padding: 1em;
    position: relative;
    text-align: center
}

.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link, .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
    cursor: default
}

.ui-steps .ui-steps-number {
    font-size: 2em;
    display: block
}

.ui-steps .ui-steps-title {
    display: block;
    white-space: nowrap
}

@media(max-width: 40em) {
    .ui-steps .ui-steps-item .ui-menuitem-link {
        padding: .5em
    }

    .ui-steps .ui-steps-item .ui-steps-title {
        display: none
    }
}

.ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: .25em .5em 0 .25em
}

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
        list-style: none;
        float: left;
        position: relative;
        margin: 0 .2em 1px 0;
        padding: 0;
        white-space: nowrap;
        display: block;
        border-bottom: 0;
        top: 1px
    }

        .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

    .ui-tabmenu .ui-tabmenu-nav a {
        padding: .5em 1em
    }

.ui-tabmenu .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle
}

.ui-tabmenu .ui-menuitem-text {
    vertical-align: middle
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
    cursor: default
}

.ui-tabview {
    padding: .25em
}

    .ui-tabview .ui-tabview-nav {
        margin: 0
    }

        .ui-tabview .ui-tabview-nav li {
            list-style: none;
            float: left;
            position: relative;
            margin: 0 .125em 1px 0;
            padding: 0;
            white-space: nowrap;
            display: block
        }

            .ui-tabview .ui-tabview-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none
            }

            .ui-tabview .ui-tabview-nav li.ui-state-disabled a, .ui-tabview .ui-tabview-nav li.ui-state-processing a, .ui-tabview .ui-tabview-nav li.ui-tabview-selected a {
                cursor: text
            }

            .ui-tabview .ui-tabview-nav li a, .ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
                cursor: pointer
            }

    .ui-tabview .ui-tabview-panel {
        border-width: 0;
        padding: 1em;
        background: 0
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
        margin-left: .25em;
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-title {
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-close {
        margin: .5em .3em 0 0;
        cursor: pointer
    }

    .ui-tabview.ui-tabview-top > .ui-tabview-nav li {
        border-bottom: 0;
        top: 1px
    }

    .ui-tabview.ui-tabview-top > .ui-tabview-nav {
        padding: .2em .2em 0
    }

    .ui-tabview.ui-tabview-bottom > .ui-tabview-nav {
        padding: 0 .2em .2em
    }

        .ui-tabview.ui-tabview-bottom > .ui-tabview-nav li {
            border-top: 0
        }

.ui-tabview-left::after, .ui-tabview-right::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.ui-tabview-left > .ui-tabview-nav {
    float: left;
    width: 25%;
    height: 300px;
    background-image: none;
    padding-top: 1px
}

.ui-tabview-left > .ui-tabview-panels {
    float: right;
    width: 75%
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li, .ui-tabview.ui-tabview-right > .ui-tabview-nav li {
    display: block;
    float: right;
    white-space: normal;
    width: 99%
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li {
    margin: 0 0 1px;
    border-right: 0
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav {
    float: right;
    width: 25%;
    height: 300px;
    background-image: none;
    padding-top: 1px
}

.ui-tabview.ui-tabview-right > .ui-tabview-panels {
    float: left;
    width: 75%
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
    margin: 0 0 1px;
    border-left: 0
}

.ui-rtl .ui-tabview .ui-tabview-nav li {
    float: right
}

.ui-terminal {
    height: 18em;
    overflow: auto;
    padding: .25em
}

.ui-terminal-input {
    border: 0;
    background-color: transparent;
    color: inherit;
    padding: 0;
    margin: 0 0 0 .125em;
    width: 75%;
    outline: 0;
    vertical-align: baseline
}

.ui-terminal-command {
    margin-left: .125em;
    -moz-margin-start: .125em
}

.ui-terminal-input::-ms-clear {
    display: none
}

.ui-tieredmenu {
    width: 12.5em;
    padding: .25em
}

    .ui-tieredmenu.ui-tieredmenu-dynamic {
        position: absolute
    }

    .ui-tieredmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-tieredmenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ui-tieredmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em
    }

    .ui-tieredmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        cursor: pointer;
        position: relative;
        text-decoration: none
    }

    .ui-tieredmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem {
        position: relative;
        margin: .125em 0
    }

    .ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block
    }

.ui-toast {
    position: fixed;
    width: 20em
}

    .ui-toast .ui-toast-message {
        position: relative;
        display: block;
        margin-bottom: .75em;
        overflow: hidden
    }

    .ui-toast .ui-toast-message-content {
        padding: .5em 1em
    }

    .ui-toast .ui-toast-close-icon {
        position: absolute;
        top: .25em;
        right: .25em;
        cursor: pointer;
        display: inline-block
    }

    .ui-toast .ui-toast-summary {
        font-weight: 700;
        padding: 0 0 .5em;
        display: block
    }

    .ui-toast .ui-toast-icon {
        position: absolute;
        display: inline-block;
        left: .5em;
        top: .25em;
        padding: 0;
        font-size: 2em
    }

    .ui-toast .ui-toast-message-text-content {
        padding: 0 0 .25em;
        margin-left: 2.5em
    }

.ui-toast-top-right {
    top: 20px;
    right: 20px
}

.ui-toast-top-left {
    top: 20px;
    left: 20px
}

.ui-toast-bottom-right {
    bottom: 20px;
    right: 20px
}

.ui-toast-bottom-left {
    bottom: 20px;
    left: 20px
}

.ui-toast-top-center {
    top: 20px;
    left: 50%;
    margin-left: -10em
}

.ui-toast-bottom-center {
    bottom: 20px;
    left: 50%;
    margin-left: -10em
}

.ui-toast-center {
    left: 50%;
    top: 50%;
    min-width: 20vw;
    transform: translate(-50%,-50%)
}

.ui-toolbar {
    padding: .25em .5em
}

.ui-toolbar-group-left {
    float: left
}

.ui-toolbar-group-right {
    float: right
}

.ui-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5em;
    max-width: 12.5em
}

    .ui-tooltip.ui-tooltip-left, .ui-tooltip.ui-tooltip-right {
        padding: 0 .25em
    }

    .ui-tooltip.ui-tooltip-bottom, .ui-tooltip.ui-tooltip-top {
        padding: .25em 0
    }

    .ui-tooltip .ui-tooltip-text {
        padding: .125em .5em;
        background-color: #4c4c4c;
        color: #fff;
        white-space: pre-line
    }

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

.ui-tooltip-right .ui-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -.25em;
    border-width: .25em .25em .25em 0;
    border-right-color: #4c4c4c
}

.ui-tooltip-left .ui-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -.25em;
    border-width: .25em 0 .25em .25em;
    border-left-color: #4c4c4c
}

.ui-tooltip.ui-tooltip-top {
    padding: .25em 0
}

.ui-tooltip-top .ui-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -.25em;
    border-width: .25em .25em 0;
    border-top-color: #4c4c4c
}

.ui-tooltip-bottom .ui-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -.25em;
    border-width: 0 .25em .25em;
    border-bottom-color: #4c4c4c
}

.ui-treetable {
    position: relative
}

    .ui-treetable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-treetable .ui-treetable-tbody > tr > td, .ui-treetable .ui-treetable-tfoot > tr > td, .ui-treetable .ui-treetable-thead > tr > th {
        padding: .25em .5em
    }

    .ui-treetable .ui-treetable-toggler {
        cursor: pointer;
        display: inline-block;
        height: 1em;
        position: relative;
        top: 50%;
        margin-top: -.5em
    }

    .ui-treetable .ui-sortable-column {
        cursor: pointer
    }

    .ui-treetable p-treetablesorticon {
        vertical-align: middle
    }

.ui-treetable-auto-layout > .ui-treetable-wrapper {
    overflow-x: auto
}

    .ui-treetable-auto-layout > .ui-treetable-wrapper > table {
        table-layout: auto
    }

.ui-treetable .ui-treetable-chkbox {
    margin: 0 .25em;
    vertical-align: middle
}

.ui-treetable-caption, .ui-treetable-summary {
    padding: .25em .5em;
    text-align: center;
    font-weight: 700
}

.ui-treetable-caption {
    border-bottom: 0
}

.ui-treetable-summary {
    border-top: 0
}

.ui-treetable .ui-paginator-top {
    border-bottom: 0
}

.ui-treetable .ui-paginator-bottom {
    border-top: 0
}

.ui-treetable-scrollable-wrapper {
    position: relative
}

.ui-treetable-scrollable-footer, .ui-treetable-scrollable-header {
    overflow: hidden;
    border: 0
}

.ui-treetable-scrollable-body {
    overflow: auto;
    position: relative
}

    .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
        border-top: 0
    }

.ui-treetable-virtual-table {
    position: absolute
}

.ui-treetable-frozen-view .ui-treetable-scrollable-body {
    overflow: hidden
}

.ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
    border-right: 0
}

.ui-treetable-unfrozen-view {
    position: absolute;
    top: 0
}

.ui-treetable-resizable > .ui-treetable-wrapper {
    overflow-x: auto
}

.ui-treetable-resizable .ui-treetable-tbody > tr > td, .ui-treetable-resizable .ui-treetable-tfoot > tr > td, .ui-treetable-resizable .ui-treetable-thead > tr > th {
    overflow: hidden
}

.ui-treetable-resizable .ui-resizable-column {
    background-clip: padding-box;
    position: relative
}

.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
    display: none
}

.ui-treetable .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent
}

.ui-treetable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none
}

.ui-treetable-reorder-indicator-down, .ui-treetable-reorder-indicator-up {
    position: absolute;
    display: none
}

.ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
    display: none
}

@media screen and (max-width: 40em) {
    .ui-treetable-responsive .ui-treetable-tfoot > tr > td, .ui-treetable-responsive .ui-treetable-thead > tr > th {
        display: none !important
    }

    .ui-treetable-responsive .ui-treetable-tbody > tr > td {
        text-align: left;
        display: block;
        border: 0;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left
    }

        .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
            padding: .4em;
            min-width: 30%;
            display: inline-block;
            margin: -.4em 1em -.4em -.4em;
            font-weight: 700
        }
}

.ui-treetable-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=10)";
    opacity: .1;
    z-index: 1
}

.ui-treetable-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em
}

.ui-treetable .ui-treetable-loading-icon {
    font-size: 2em
}

.ui-tree {
    width: 18em
}

    .ui-tree .ui-treenode-selectable.ui-treenode-content {
        cursor: pointer
    }

    .ui-tree .ui-tree-container {
        height: 100%;
        margin: 0;
        overflow: auto;
        padding: .25em;
        white-space: nowrap
    }

.ui-tree-empty-message {
    padding: .25em
}

.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 1em
}

.ui-tree .ui-treenode {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-y;
    list-style: none;
    margin: 0;
    padding: .125em 0 0
}

.ui-tree .ui-treenode-droppoint {
    height: 4px;
    list-style-type: none
}

.ui-tree .ui-treenode-droppoint-active {
    border: 0
}

.ui-tree .ui-tree-toggler {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.ui-tree .ui-treenode-icon {
    display: inline-block;
    vertical-align: middle
}

.ui-tree .ui-treenode-label {
    display: inline-block;
    padding: 0 .25em;
    vertical-align: middle
}

    .ui-tree .ui-treenode-label.ui-state-highlight, .ui-tree .ui-treenode-label.ui-state-hover {
        font-weight: 400;
        border: 0
    }

.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
    visibility: hidden
}

.ui-tree .ui-chkbox-box {
    cursor: pointer
}

.ui-tree .ui-chkbox {
    display: inline-block;
    vertical-align: middle
}

    .ui-tree .ui-chkbox .ui-chkbox-icon {
        margin-left: 1px
    }

.ui-tree .ui-tree-filter {
    width: 100%;
    box-sizing: border-box;
    padding-right: 1.5em
}

.ui-tree .ui-tree-filter-container {
    position: relative;
    margin: 0;
    padding: .4em;
    display: inline-block;
    width: 100%
}

    .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
        position: absolute;
        top: .8em;
        right: 1em
    }

.ui-fluid .ui-tree {
    width: 100%
}

.ui-tree-horizontal {
    width: auto;
    padding: .5em 0;
    overflow: auto
}

.ui-tree.ui-tree-horizontal table, .ui-tree.ui-tree-horizontal td, .ui-tree.ui-tree-horizontal tr {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler {
    vertical-align: middle;
    margin: 0
}

.ui-tree-horizontal .ui-treenode-content {
    font-weight: 400;
    padding: .4em 1em .4em .2em
}

.ui-tree.ui-tree-horizontal .ui-tree-node-label {
    margin: 0
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    font-weight: 400;
    white-space: nowrap
}

.ui-tree.ui-tree-horizontal .ui-treenode {
    background: url(line.567f57385ea3dde2c9ae.gif) center center repeat-x;
    padding: .25em 2.5em
}

    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed, .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf {
        padding-right: 0
    }

.ui-tree.ui-tree-horizontal .ui-treenode-children {
    padding: 0;
    margin: 0
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector {
    width: 1px
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
    height: 100%;
    width: 1px
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
    background: url(line.567f57385ea3dde2c9ae.gif) repeat-y;
    width: 1px
}

.ui-tree.ui-tree-horizontal table {
    height: 0
}

.ui-tree.ui-tree-horizontal .ui-chkbox {
    vertical-align: bottom;
    margin-right: .25em
}

.ui-tree.ui-tree-loading {
    position: relative;
    min-height: 4em
}

.ui-tree .ui-tree-loading-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=10)";
    opacity: .1;
    z-index: 1
}

.ui-tree .ui-tree-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em
}

    .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
        font-size: 2em
    }

.ui-virtualscroller .ui-virtualscroller-header {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0
}

.ui-virtualscroller .ui-virtualscroller-footer {
    text-align: center;
    padding: .25em .625em;
    border-top: 0
}

.ui-virtualscroller .ui-virtualscroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url(open-sans-v15-latin-300.76b56857ebbae3a5a689.eot);
    src: local("Open Sans Light"),local("OpenSans-Light"),url(open-sans-v15-latin-300.76b56857ebbae3a5a689.eot?#iefix) format("embedded-opentype"),url(open-sans-v15-latin-300.60c866748ff15f5b347f.woff2) format("woff2"),url(open-sans-v15-latin-300.521d17bc9f3526c690e8.woff) format("woff"),url(open-sans-v15-latin-300.177cc92d2e8027712a8c.ttf) format("truetype"),url(open-sans-v15-latin-300.27ef0b062b2e221df16f.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(open-sans-v15-latin-regular.9dce7f01715340861bdb.eot);
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(open-sans-v15-latin-regular.9dce7f01715340861bdb.eot?#iefix) format("embedded-opentype"),url(open-sans-v15-latin-regular.cffb686d7d2f4682df83.woff2) format("woff2"),url(open-sans-v15-latin-regular.bf2d0783515b7d75c35b.woff) format("woff"),url(open-sans-v15-latin-regular.c045b73d86803686f4cd.ttf) format("truetype"),url(open-sans-v15-latin-regular.7aab4c13671282c90669.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(open-sans-v15-latin-700.148a6749baa5f658a451.eot);
    src: local("Open Sans Bold"),local("OpenSans-Bold"),url(open-sans-v15-latin-700.148a6749baa5f658a451.eot?#iefix) format("embedded-opentype"),url(open-sans-v15-latin-700.d08c09f2f169f4a6edbc.woff2) format("woff2"),url(open-sans-v15-latin-700.623e3205570002af47fc.woff) format("woff"),url(open-sans-v15-latin-700.7e08cc656863d52bcb5c.ttf) format("truetype"),url(open-sans-v15-latin-700.2e00b2635b51ba336b4b.svg#OpenSans) format("svg")
}

* {
    box-sizing: border-box
}

body .ui-widget {
    font-family: "Open Sans","Helvetica Neue",sans-serif;
    font-size: 14px;
    text-decoration: none
}

body .ui-corner-all {
    border-radius: 3px
}

body .ui-corner-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

body .ui-corner-bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

body .ui-corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

body .ui-corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

body a {
    color: #007ad9;
    text-decoration: none
}

    body a:hover {
        color: #116fbf
    }

    body a:active {
        color: #005b9f
    }

body .ui-helper-reset {
    line-height: normal
}

body .ui-state-disabled, body .ui-widget:disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

body .pi {
    font-size: 1.25em
}

body .ui-inputtext {
    font-size: 14px;
    color: #333;
    background: #fff;
    padding: .429em;
    border: 1px solid #a6a6a6;
    transition: border-color .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    body .ui-inputtext:enabled:hover:not(.ui-state-error) {
        border-color: #212121
    }

    body .ui-inputtext:enabled:focus:not(.ui-state-error) {
        border-color: #007ad9;
        outline: 0;
        box-shadow: none
    }

body .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

    body .ui-chkbox .ui-chkbox-box {
        border: 1px solid #a6a6a6;
        background-color: #fff;
        text-align: center;
        border-radius: 3px;
        transition: background-color .2s,border-color .2s,box-shadow .2s
    }

        body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
            border-color: #212121
        }

        body .ui-chkbox .ui-chkbox-box.ui-state-focus {
            border-color: #007ad9;
            background-color: #fff;
            color: #007ad9;
            box-shadow: 0 0 0 .2em #8dcdff
        }

        body .ui-chkbox .ui-chkbox-box.ui-state-active {
            border-color: #007ad9;
            background-color: #007ad9;
            color: #fff
        }

            body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
                border-color: #005b9f;
                background-color: #005b9f;
                color: #fff
            }

            body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
                border-color: #007ad9;
                background-color: #007ad9;
                color: #fff
            }

        body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
            overflow: hidden;
            position: relative;
            font-size: 18px
        }

body .ui-chkbox-label {
    margin: 0 0 0 .5em
}

body .ui-radiobutton {
    display: inline-block;
    vertical-align: middle
}

    body .ui-radiobutton .ui-radiobutton-box {
        border: 1px solid #a6a6a6;
        background-color: #fff;
        text-align: center;
        position: relative;
        transition: background-color .2s,border-color .2s,box-shadow .2s;
        border-radius: 50%
    }

        body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
            border-color: #212121
        }

        body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
            border-color: #007ad9;
            background-color: #fff;
            color: #007ad9;
            box-shadow: 0 0 0 .2em #8dcdff
        }

        body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
            border-color: #007ad9;
            color: #fff
        }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
                background-color: #fff
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
                border-color: #005b9f;
                background-color: #005b9f;
                color: #fff
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
                border-color: #007ad9;
                background-color: #007ad9;
                color: #fff
            }

        body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
            background: 0 0;
            width: 10px;
            height: 10px;
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -5px;
            margin-top: -5px;
            transition: background-color .2s;
            border-radius: 50%
        }

            body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
                display: none
            }

body .ui-radiobutton-label {
    margin: 0 0 0 .5em
}

body .ui-inputswitch .ui-inputswitch-slider {
    transition: background-color .2s;
    border-radius: 30px;
    background: #ccc
}

    body .ui-inputswitch .ui-inputswitch-slider:before {
        background-color: #fff;
        height: 1.25em;
        width: 1.25em;
        left: .25em;
        bottom: .25em;
        border-radius: 50%;
        transition: .2s
    }

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
    transform: translateX(1.25em)
}

body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
    background: #b7b7b7
}

body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
    background-color: #b7b7b7
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
    background-color: #007ad9
}

body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
    background-color: #116fbf
}

body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
    background: #005b9f
}

body .ui-autocomplete .ui-autocomplete-input {
    padding: .429em
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
    padding: .2145em .429em
}

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
        border-color: #212121
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
        border-color: #007ad9;
        outline: 0;
        box-shadow: none
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
        margin: 0;
        padding: .2145em 0;
        color: #333
    }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
            font-family: "Open Sans","Helvetica Neue",sans-serif;
            font-size: 14px;
            padding: 0;
            margin: 0
        }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
        font-size: 14px;
        padding: .2145em .429em;
        margin: 0 .286em 0 0;
        color: #fff
    }

body .ui-autocomplete-panel {
    padding: 0;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

    body .ui-autocomplete-panel .ui-autocomplete-items {
        padding: 0
    }

        body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
            margin: 0;
            padding: .429em .857em;
            border: 0;
            color: #333;
            background-color: transparent;
            border-radius: 0
        }

            body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
                color: #fff;
                background-color: #007ad9
            }

        body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
            padding: .429em .857em;
            background-color: #d8dae2;
            color: #333
        }

body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    width: 2.357em
}

body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext, body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
    border-right: 0;
    width: calc(100% - 2.357em)
}

body .ui-chips > ul.ui-inputtext {
    padding: .2145em .429em;
    display: inline-block
}

    body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
        border-color: #212121
    }

    body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
        border-color: #007ad9;
        outline: 0;
        box-shadow: none
    }

    body .ui-chips > ul.ui-inputtext .ui-chips-input-token {
        padding: .2145em 0
    }

        body .ui-chips > ul.ui-inputtext .ui-chips-input-token input {
            font-family: "Open Sans","Helvetica Neue",sans-serif;
            font-size: 14px;
            padding: 0;
            margin: 0;
            color: #333
        }

            body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus, body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
                border: 0
            }

    body .ui-chips > ul.ui-inputtext .ui-chips-token {
        font-size: 14px;
        padding: .2145em .429em;
        margin: 0 .286em 0 0;
        background: #007ad9;
        color: #fff
    }

body .ui-dropdown {
    background: #fff;
    border: 1px solid #a6a6a6;
    transition: border-color .2s
}

    body .ui-dropdown:not(.ui-state-disabled):hover {
        border-color: #212121
    }

    body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
        border-color: #007ad9;
        outline: 0;
        box-shadow: none
    }

    body .ui-dropdown .ui-dropdown-label {
        padding-right: 2em
    }

    body .ui-dropdown .ui-dropdown-trigger {
        background-color: #fff;
        width: 2em;
        line-height: 2em;
        text-align: center;
        padding: 0;
        color: #848484
    }

    body .ui-dropdown .ui-dropdown-clear-icon {
        color: #848484
    }

    body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
        padding-right: 4em
    }

body .ui-dropdown-panel {
    padding: 0;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

    body .ui-dropdown-panel .ui-dropdown-filter-container {
        padding: .429em .857em;
        border-bottom: 1px solid #eaeaea;
        color: #333;
        background-color: #fff;
        margin: 0
    }

        body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
            width: 100%;
            padding-right: 2em
        }

        body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
            top: 50%;
            margin-top: -.5em;
            right: 1.357em;
            color: #007ad9
        }

    body .ui-dropdown-panel .ui-dropdown-items {
        padding: 0
    }

        body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
            margin: 0;
            padding: .429em .857em;
            border: 0;
            color: #333;
            background-color: transparent;
            border-radius: 0
        }

            body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
                color: #fff;
                background-color: #007ad9
            }

            body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
                color: #333;
                background-color: #eaeaea
            }

body .ui-multiselect {
    background: #fff;
    border: 1px solid #a6a6a6;
    transition: border-color .2s
}

    body .ui-multiselect:not(.ui-state-disabled):hover {
        border-color: #212121
    }

    body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
        border-color: #007ad9;
        outline: 0;
        box-shadow: none
    }

    body .ui-multiselect .ui-multiselect-label {
        padding: .429em 2em .429em .429em;
        color: #333
    }

    body .ui-multiselect .ui-multiselect-trigger {
        background-color: #fff;
        width: 2em;
        line-height: 2em;
        text-align: center;
        padding: 0;
        color: #848484
    }

body .ui-multiselect-panel {
    padding: 0;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

    body .ui-multiselect-panel .ui-multiselect-header {
        padding: .429em .857em;
        border-bottom: 1px solid #eaeaea;
        color: #333;
        background-color: #fff;
        margin: 0
    }

        body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
            float: none;
            width: 70%;
            display: inline-block;
            vertical-align: middle;
            margin-left: 0
        }

            body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
                padding: .429em 2em .429em .429em
            }

            body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
                color: #007ad9;
                top: 50%;
                margin-top: -.5em;
                right: .5em;
                left: auto
            }

        body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
            margin-right: .5em;
            float: none;
            vertical-align: middle
        }

        body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
            color: #848484;
            top: 50%;
            margin-top: -.5em;
            transition: color .2s
        }

            body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
                color: #333
            }

    body .ui-multiselect-panel .ui-multiselect-items {
        padding: 0
    }

        body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
            margin: 0;
            padding: .429em .857em;
            border: 0;
            color: #333;
            background-color: transparent;
            border-radius: 0
        }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
                color: #fff;
                background-color: #007ad9
            }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
                color: #333;
                background-color: #eaeaea
            }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
                cursor: auto
            }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
                    border: 1px solid #a6a6a6
                }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
                    border-color: #007ad9
                }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
                position: static;
                display: inline-block;
                vertical-align: middle;
                margin: 0 .5em 0 0
            }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
                display: inline-block;
                vertical-align: middle
            }

body .ui-listbox {
    padding: 0;
    min-width: 12em;
    border: 1px solid #a6a6a6
}

    body .ui-listbox .ui-chkbox {
        margin: 0 .5em 0 0
    }

    body .ui-listbox .ui-listbox-header {
        border-bottom: 1px solid #eaeaea;
        color: #333;
        background-color: #fff
    }

        body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
            width: calc(100% - (.857em + .857em + .5em))
        }

            body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
                padding: .429em 2em .429em .429em
            }

            body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
                top: 50%;
                left: auto;
                margin-top: -.5em;
                right: .5em;
                color: #007ad9
            }

    body .ui-listbox .ui-listbox-list {
        background-color: #fff
    }

        body .ui-listbox .ui-listbox-list .ui-listbox-item {
            margin: 0;
            padding: .429em .857em;
            border: 0;
            color: #333;
            background-color: transparent;
            border-radius: 0
        }

            body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
                color: #fff;
                background-color: #007ad9
            }

            body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
                position: static;
                display: inline-block;
                vertical-align: middle;
                margin: 0 .5em 0 0
            }

            body .ui-listbox .ui-listbox-list .ui-listbox-item label {
                display: inline-block;
                vertical-align: middle
            }

    body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        color: #333
    }

    body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
        border: 1px solid #a6a6a6
    }

    body .ui-listbox .ui-listbox-footer {
        padding: .429em .857em;
        border-top: 1px solid #eaeaea;
        color: #333;
        background-color: #fff
    }

body .ui-editor-container .ui-editor-toolbar {
    border: 1px solid #c8c8c8;
    background-color: #f4f4f4
}

body .ui-editor-container .ui-editor-content {
    border: 1px solid #c8c8c8
}

    body .ui-editor-container .ui-editor-content .ql-editor {
        background-color: #fff;
        color: #333
    }

body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
    color: #333
}

body .ui-editor-container .ql-stroke {
    stroke: #333
}

body .ui-editor-container .ql-picker-label {
    color: #333
}

body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active, body .ui-editor-container .ql-snow .ql-toolbar button:hover, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active, body .ui-editor-container .ql-snow.ql-toolbar button:hover {
    color: #007ad9
}

    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter {
        stroke: #007ad9
    }

body .ui-rating a {
    text-align: center;
    display: inline-block;
    color: #333;
    transition: color .2s
}

    body .ui-rating a.ui-rating-cancel {
        color: #e4018d
    }

    body .ui-rating a .ui-rating-icon {
        font-size: 20px
    }

body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
    color: #007ad9
}

body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
    color: #b5019f
}

body .ui-spinner .ui-spinner-button {
    width: 2em
}

    body .ui-spinner .ui-spinner-button.ui-spinner-up {
        border-top-right-radius: 3px
    }

    body .ui-spinner .ui-spinner-button.ui-spinner-down {
        border-bottom-right-radius: 3px
    }

    body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -.5em;
        margin-left: -.5em;
        width: 1em
    }

body .ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 2.429em
}

body .ui-fluid .ui-spinner .ui-spinner-button {
    width: 2em
}

    body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
        left: 50%
    }

body .ui-slider {
    border: 0
}

    body .ui-slider.ui-slider-horizontal .ui-slider-handle {
        top: 50%;
        margin-top: -.5715em
    }

    body .ui-slider.ui-slider-vertical {
        width: .286em
    }

        body .ui-slider.ui-slider-vertical .ui-slider-handle {
            left: 50%;
            margin-left: -.5715em
        }

    body .ui-slider .ui-slider-handle {
        height: 1.143em;
        width: 1.143em;
        background-color: #fff;
        border: 2px solid #666;
        border-radius: 100%;
        transition: border-color .2s
    }

    body .ui-slider .ui-slider-range {
        background-color: #007ad9
    }

    body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
        background-color: 2px solid #666;
        border: 2px solid #007ad9
    }

body .ui-datepicker {
    padding: .857em;
    min-width: 20em;
    border: 1px solid #a6a6a6
}

    body .ui-datepicker:not(.ui-datepicker-inline) {
        border: 1px solid #c8c8c8;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover, body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover {
        color: #007ad9
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus, body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus {
        outline: 0;
        color: #007ad9
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover, body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
        background-color: #eaeaea
    }

    body .ui-datepicker .ui-datepicker-header {
        padding: .429em .857em;
        border-radius: 0
    }

        body .ui-datepicker .ui-datepicker-header .ui-datepicker-next, body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            cursor: pointer;
            top: 0;
            color: #a6a6a6;
            transition: color .2s
        }

        body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            margin: 0;
            padding: 0;
            line-height: 1
        }

            body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
                margin-top: -.35em;
                margin-bottom: 0
            }

    body .ui-datepicker table {
        font-size: 14px;
        margin: .857em 0 0
    }

        body .ui-datepicker table th {
            padding: .5em
        }

            body .ui-datepicker table th.ui-datepicker-weekheader {
                border-right: 1px solid #a6a6a6
            }

        body .ui-datepicker table td > a, body .ui-datepicker table td > span {
            display: block;
            text-align: center;
            padding: .5em;
            border-radius: 3px
        }

            body .ui-datepicker table td > a.ui-state-active, body .ui-datepicker table td > span.ui-state-active {
                color: #fff;
                background-color: #007ad9
            }

        body .ui-datepicker table td > a {
            cursor: pointer;
            color: #fff
        }

        body .ui-datepicker table td.ui-datepicker-today > a, body .ui-datepicker table td.ui-datepicker-today > span {
            background-color: #d0d0d0;
            color: #333
        }

            body .ui-datepicker table td.ui-datepicker-today > a.ui-state-active, body .ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
                color: #fff;
                background-color: #007ad9
            }

        body .ui-datepicker table td.ui-datepicker-weeknumber {
            border-right: 1px solid #a6a6a6
        }

    body .ui-datepicker .ui-datepicker-buttonbar {
        border-top: 1px solid #d8dae2
    }

    body .ui-datepicker .ui-timepicker {
        border: 0;
        border-top: 1px solid #d8dae2;
        padding: .857em
    }

        body .ui-datepicker .ui-timepicker a {
            color: #333;
            font-size: 1.286em
        }

            body .ui-datepicker .ui-timepicker a:hover {
                color: #007ad9
            }

        body .ui-datepicker .ui-timepicker span {
            font-size: 1.286em
        }

    body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
        color: #333
    }

        body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
            color: #fff;
            background-color: #007ad9
        }

    body .ui-datepicker.ui-datepicker-timeonly {
        padding: 0
    }

        body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
            border-top: 0
        }

    body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
        border-right: 1px solid #d8dae2;
        padding: 0 .857em
    }

        body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
            padding-left: 0
        }

        body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
            padding-right: 0;
            border-right: 0
        }

body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

    body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error), body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error) {
        border-right: 0
    }

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    width: 2.357em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
    width: calc(100% - 2.357em)
}

body .ui-fileupload .ui-fileupload-buttonbar {
    background-color: #f4f4f4;
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    color: #333;
    border-bottom: 0
}

    body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
        margin-right: 8px
    }

body .ui-fileupload .ui-fileupload-content {
    background-color: #fff;
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    color: #333
}

body .ui-fileupload .ui-progressbar {
    top: 0
}

body .ui-fileupload-choose:not(.ui-state-disabled):hover {
    background-color: #116fbf;
    color: #fff;
    border-color: #116fbf
}

body .ui-fileupload-choose:not(.ui-state-disabled):active {
    background-color: #005b9f;
    color: #fff;
    border-color: #005b9f
}

body .ui-fileupload-choose.ui-state-focus {
    outline: 0;
    outline-offset: 0
}

body .ui-password-panel {
    padding: 12px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

body .ui-inputgroup .ui-inputgroup-addon {
    border-color: #a6a6a6;
    background-color: #eaeaea;
    color: #848484;
    padding: .429em;
    min-width: 2em
}

    body .ui-inputgroup .ui-inputgroup-addon:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    body .ui-inputgroup .ui-inputgroup-addon:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
        position: relative
    }

        body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -10px
        }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
        position: relative
    }

        body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -10px
        }

body .ui-inputgroup .ui-button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

body .ui-inputgroup .ui-button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

body .ui-fluid .ui-inputgroup .ui-button {
    width: auto
}

    body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
        width: 2.357em
    }

body ::-webkit-input-placeholder {
    color: #666
}

body :-moz-placeholder {
    color: #666
}

body ::-moz-placeholder {
    color: #666
}

body :-ms-input-placeholder {
    color: #666
}

body .ui-inputtext.ng-dirty.ng-invalid, body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext, body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, body p-chips.ng-dirty.ng-invalid > .ui-inputtext, body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, body p-listbox.ng-dirty.ng-invalid .ui-inputtext, body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, body p-selectbutton.ng-dirty.ng-invalid .ui-button, body p-spinner.ng-dirty.ng-invalid > .ui-inputtext, body p-togglebutton.ng-dirty.ng-invalid .ui-button {
    border: 1px solid #a80000
}

body .ui-button {
    margin: 0;
    color: #fff;
    background-color: #007ad9;
    border: 1px solid #007ad9;
    transition: background-color .2s,box-shadow .2s
}

    body .ui-button:enabled:hover {
        background-color: #116fbf;
        color: #fff;
        border-color: #116fbf
    }

    body .ui-button:enabled:active {
        background-color: #005b9f;
        color: #fff;
        border-color: #005b9f
    }

    body .ui-button.ui-button-text-only .ui-button-text {
        padding: .429em 1em
    }

    body .ui-button.ui-button-icon-only {
        width: 2.357em
    }

        body .ui-button.ui-button-icon-only .ui-button-text {
            padding: .429em
        }

    body .ui-button.ui-button-raised {
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.15)
    }

    body .ui-button.ui-button-rounded {
        border-radius: 15px
    }

body .ui-fluid .ui-button-icon-only {
    width: 2.357em
}

body .ui-togglebutton {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: #333;
    transition: background-color .2s,box-shadow .2s
}

    body .ui-togglebutton .ui-button-icon-left {
        color: #666
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333
    }

        body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
            color: #212121
        }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333;
        outline: 0
    }

        body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
            color: #212121
        }

    body .ui-togglebutton.ui-state-active {
        background-color: #007ad9;
        border-color: #007ad9;
        color: #fff
    }

        body .ui-togglebutton.ui-state-active .ui-button-icon-left {
            color: #fff
        }

        body .ui-togglebutton.ui-state-active:hover {
            background-color: #116fbf;
            border-color: #116fbf;
            color: #fff
        }

            body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
                color: #fff
            }

        body .ui-togglebutton.ui-state-active.ui-state-focus {
            background-color: #005b9f;
            border-color: #005b9f;
            color: #fff
        }

            body .ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
                color: #fff
            }

body .ui-selectbutton .ui-button {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: #333;
    transition: background-color .2s,box-shadow .2s
}

    body .ui-selectbutton .ui-button .ui-button-icon-left {
        color: #666
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333
    }

        body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
            color: #212121
        }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333;
        outline: 0
    }

        body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
            color: #212121
        }

    body .ui-selectbutton .ui-button.ui-state-active {
        background-color: #007ad9;
        border-color: #007ad9;
        color: #fff
    }

        body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
            color: #fff
        }

        body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
            background-color: #116fbf;
            border-color: #116fbf;
            color: #fff
        }

            body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
                color: #fff
            }

        body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
            background-color: #005b9f;
            border-color: #005b9f;
            color: #fff
        }

            body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
                color: #fff
            }

    body .ui-selectbutton .ui-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    body .ui-selectbutton .ui-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

@media (max-width: 640px) {
    body .ui-buttonset:not(.ui-splitbutton) .ui-button {
        margin-bottom: 1px;
        border-radius: 3px
    }
}

body .ui-splitbutton.ui-buttonset .ui-button {
    border: 1px solid transparent
}

body .ui-splitbutton.ui-buttonset .ui-menu {
    min-width: 100%
}

body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
    color: #333;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4
}

    body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
        background-color: #c8c8c8;
        color: #333;
        border-color: #c8c8c8
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
        background-color: #a0a0a0;
        color: #333;
        border-color: #a0a0a0
    }

body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
    color: #fff;
    background-color: #007ad9;
    border: 1px solid #007ad9
}

    body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
        background-color: #116fbf;
        color: #fff;
        border-color: #116fbf
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:active, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
        background-color: #005b9f;
        color: #fff;
        border-color: #005b9f
    }

body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
    color: #fff;
    background-color: #34a835;
    border: 1px solid #34a835
}

    body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
        background-color: #107d11;
        color: #fff;
        border-color: #107d11
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 .2em #aae5aa
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:active, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
        background-color: #0c6b0d;
        color: #fff;
        border-color: #0c6b0d
    }

body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
    color: #333;
    background-color: #ffba01;
    border: 1px solid #ffba01
}

    body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
        background-color: #ed990b;
        color: #333;
        border-color: #ed990b
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 .2em #ffeab4
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:active, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
        background-color: #d38b10;
        color: #333;
        border-color: #d38b10
    }

body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
    color: #fff;
    background-color: #e91224;
    border: 1px solid #e91224
}

    body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
        background-color: #c01120;
        color: #fff;
        border-color: #c01120
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 .2em #f9b4ba
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:active, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
        background-color: #a90000;
        color: #fff;
        border-color: #a90000
    }

body .ui-widget-content p {
    line-height: 1.5;
    margin: 0
}

body .ui-panel {
    padding: 0;
    border: 0
}

    body .ui-panel .ui-panel-titlebar {
        border: 1px solid #c8c8c8;
        color: #333;
        border-radius: 3px 3px 0 0
    }

        body .ui-panel .ui-panel-titlebar .ui-panel-title {
            vertical-align: middle;
            font-weight: 700
        }

        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
            margin: 0;
            position: relative;
            font-size: 14px;
            color: #848484;
            border: 1px solid transparent;
            transition: color .2s
        }

            body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
                color: #333
            }

    body .ui-panel .ui-panel-content {
        border: 1px solid #c8c8c8;
        border-top: 0
    }

    body .ui-panel .ui-panel-footer {
        padding: .571em 1em;
        border: 1px solid #c8c8c8;
        background-color: #fff;
        color: #333;
        border-top: 0;
        margin: 0
    }

body .ui-fieldset {
    border: 1px solid #c8c8c8
}

    body .ui-fieldset .ui-fieldset-legend a {
        border: 1px solid #c8c8c8;
        border-radius: 3px;
        transition: background-color .2s
    }

        body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
            float: none;
            display: inline-block;
            vertical-align: middle
        }

        body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
            padding: 0;
            text-decoration: underline
        }

    body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
        border: 1px solid #dbdbdb
    }

    body .ui-fieldset .ui-fieldset-content {
        padding: 0
    }

body .ui-accordion .ui-accordion-header a {
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #f4f4f4;
    color: #333;
    font-weight: 700;
    transition: background-color .2s
}

    body .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon {
        color: #848484
    }

body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    color: #333
}

    body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
        color: #333
    }

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
    border: 1px solid #007ad9
}

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon {
        color: #fff
    }

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
    border: 1px solid #005b9f;
    background-color: #005b9f;
    color: #fff
}

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
        color: #fff
    }

body .ui-accordion .ui-accordion-content {
    padding: .571em 1em
}

body .ui-tabview.ui-tabview-bottom, body .ui-tabview.ui-tabview-left, body .ui-tabview.ui-tabview-right, body .ui-tabview.ui-tabview-top {
    border: 0
}

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabview-right .ui-tabview-nav, body .ui-tabview.ui-tabview-top .ui-tabview-nav {
        padding: 0;
        background: 0 0;
        border: 0
    }

        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li, body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
            border: 1px solid #c8c8c8;
            background-color: #f4f4f4;
            transition: background-color .2s
        }

            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a, body .ui-tabview.ui-tabview-top .ui-tabview-nav li a {
                float: none;
                display: inline-block;
                color: #333;
                padding: .571em 1em;
                font-weight: 700
            }

                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon {
                    margin-right: .5em
                }

                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon {
                    margin-left: .5em
                }

            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close {
                color: #848484;
                margin: 0 .5em 0 0;
                vertical-align: middle
            }

            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
                background-color: #dbdbdb;
                border: 1px solid #dbdbdb
            }

                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
                    color: #333
                }

            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
                background-color: #007ad9;
                border: 1px solid #007ad9
            }

                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a {
                    color: #fff
                }

                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover {
                    border: 1px solid #005b9f;
                    background-color: #005b9f
                }

                    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
                        color: #fff
                    }

            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a {
                cursor: pointer
            }

    body .ui-tabview.ui-tabview-top .ui-tabview-nav {
        margin-bottom: -1px
    }

        body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
            margin-right: 2px
        }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav {
        margin-top: -1px
    }

        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
            margin-right: 2px
        }

    body .ui-tabview.ui-tabview-left .ui-tabview-nav {
        margin-right: -px
    }

        body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
            margin-bottom: 2px
        }

    body .ui-tabview.ui-tabview-right .ui-tabview-nav {
        margin-right: -1px
    }

        body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
            margin-bottom: 2px
        }

body .ui-tabview .ui-tabview-panels {
    border: 1px solid #c8c8c8;
    color: #333
}

    body .ui-tabview .ui-tabview-panels .ui-tabview-panel {
        padding: 0
    }

body .ui-toolbar {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
    padding: .571em 1em
}

    body .ui-toolbar button {
        vertical-align: middle
    }

    body .ui-toolbar .ui-toolbar-separator {
        vertical-align: middle;
        color: #848484;
        margin: 0 .5em
    }

body .ui-card {
    background-color: #fff;
    color: #333;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)
}

body .ui-paginator {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
    padding: 0
}

    body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-last, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-prev {
        color: #848484;
        height: 2.286em;
        min-width: 2.286em;
        border: 0;
        line-height: 2.286em;
        padding: 0;
        margin: 0;
        vertical-align: top;
        border-radius: 0
    }

        body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover {
            background-color: #e0e0e0;
            color: #333
        }

    body .ui-paginator .ui-paginator-current {
        color: #848484;
        height: 2.286em;
        min-width: 2.286em;
        line-height: 2.286em
    }

    body .ui-paginator .ui-dropdown {
        border: 0;
        margin-left: .5em;
        height: 2.286em;
        min-width: auto
    }

        body .ui-paginator .ui-dropdown .ui-dropdown-label, body .ui-paginator .ui-dropdown .ui-dropdown-trigger {
            color: #848484
        }

        body .ui-paginator .ui-dropdown:hover .ui-dropdown-label, body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger {
            color: #333
        }

    body .ui-paginator .ui-paginator-first:before {
        position: relative;
        top: 1px
    }

    body .ui-paginator .ui-paginator-prev:before {
        position: relative
    }

    body .ui-paginator .ui-paginator-last:before, body .ui-paginator .ui-paginator-next:before {
        position: relative;
        top: 1px
    }

    body .ui-paginator .ui-paginator-pages {
        vertical-align: top;
        display: inline-block;
        padding: 0
    }

        body .ui-paginator .ui-paginator-pages .ui-paginator-page {
            color: #848484;
            height: 2.286em;
            min-width: 2.286em;
            border: 0;
            line-height: 2.286em;
            padding: 0;
            margin: 0;
            vertical-align: top;
            border-radius: 0
        }

            body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
                background-color: #007ad9;
                color: #fff
            }

            body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
                background-color: #e0e0e0;
                color: #333
            }

body .ui-table .ui-table-caption, body .ui-table .ui-table-summary {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    text-align: center
}

body .ui-table .ui-table-caption {
    border-bottom: 0;
    font-weight: 700
}

body .ui-table .ui-table-summary {
    border-top: 0;
    font-weight: 700
}

body .ui-table .ui-table-thead > tr > th {
    padding: .571em .857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333;
    background-color: #f4f4f4
}

body .ui-table .ui-table-tfoot > tr > td {
    padding: .571em .857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333;
    background-color: #fff
}

body .ui-table .ui-sortable-column .ui-sortable-column-icon {
    color: #848484
}

body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
    background-color: #e0e0e0;
    color: #333
}

    body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #333
    }

body .ui-table .ui-sortable-column.ui-state-highlight {
    background-color: #007ad9;
    color: #fff
}

    body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #fff
    }

body .ui-table .ui-editable-column input {
    font-size: 14px;
    font-family: "Open Sans","Helvetica Neue",sans-serif
}

    body .ui-table .ui-editable-column input:focus {
        outline: #007ad9 solid 1px;
        outline-offset: 2px
    }

body .ui-table .ui-table-tbody > tr {
    background-color: #fff;
    color: #333
}

    body .ui-table .ui-table-tbody > tr > td {
        padding: .571em .857em;
        background-color: inherit;
        border: 1px solid #c8c8c8
    }

    body .ui-table .ui-table-tbody > tr.ui-state-highlight {
        background-color: #007ad9;
        color: #fff
    }

        body .ui-table .ui-table-tbody > tr.ui-state-highlight a {
            color: #fff
        }

    body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
        background-color: #007ad9;
        color: #fff
    }

    body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
        box-shadow: inset 0 -2px 0 0 #007ad9
    }

    body .ui-table .ui-table-tbody > tr:nth-child(even) {
        background-color: #f9f9f9
    }

        body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
            background-color: #007ad9;
            color: #fff
        }

            body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
                color: #fff
            }

        body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
            background-color: #007ad9;
            color: #fff
        }

body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
    cursor: pointer;
    background-color: #eaeaea;
    color: #333
}

body .ui-table .ui-column-resizer-helper {
    background-color: #007ad9
}

@media screen and (max-width: 40em) {
    body .ui-table.ui-table-responsive .ui-paginator-top {
        border-bottom: 1px solid #c8c8c8
    }

    body .ui-table.ui-table-responsive .ui-paginator-bottom {
        border-top: 1px solid #c8c8c8
    }

    body .ui-table.ui-table-responsive .ui-table-tbody > tr > td {
        border: 0
    }
}

body .ui-datagrid .ui-datagrid-header {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0
}

body .ui-datagrid .ui-datagrid-content {
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

body .ui-datagrid .ui-datagrid-footer {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    border-top: 0
}

body .ui-datalist .ui-datalist-header {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0
}

body .ui-datalist .ui-datalist-content {
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

body .ui-datalist .ui-datalist-footer {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    border-top: 0
}

body .ui-datascroller .ui-datascroller-header {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0
}

body .ui-datascroller .ui-datascroller-content {
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

body .ui-datascroller .ui-datascroller-footer {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    border-top: 0
}

body .ui-virtualscroller .ui-virtualscroller-header {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0
}

body .ui-virtualscroller .ui-virtualscroller-content {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

    body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
        border-bottom: 1px solid #c8c8c8
    }

body .ui-virtualscroller .ui-virtualscroller-footer {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    border-top: 0
}

body .ui-dataview .ui-dataview-header {
    border: 1px solid #c8c8c8;
    font-weight: 700;
    border-bottom: 0
}

body .ui-dataview .ui-dataview-content {
    border: 1px solid #c8c8c8
}

body .ui-dataview .ui-dataview-footer {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    border-top: 0
}

body .fc th {
    border: 1px solid #c8c8c8;
    color: #333;
    padding: .571em 1em
}

body .fc td.ui-widget-content {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    color: #333
}

body .fc td.fc-head-container {
    border: 1px solid #c8c8c8
}

body .fc .fc-row {
    border-right: 1px solid #c8c8c8
}

body .fc .fc-event {
    background-color: #116fbf;
    border: 1px solid #116fbf;
    color: #fff
}

body .fc .fc-toolbar .fc-button {
    color: #fff;
    background-color: #007ad9;
    border: 1px solid #007ad9;
    font-size: 14px;
    transition: background-color .2s,box-shadow .2s;
    border-radius: 3px
}

    body .fc .fc-toolbar .fc-button:enabled:hover {
        background-color: #116fbf;
        color: #fff;
        border-color: #116fbf
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
        font-family: PrimeIcons !important;
        text-indent: 0
    }

        body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: ""
        }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
        font-family: PrimeIcons !important;
        text-indent: 0
    }

        body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: ""
        }

    body .fc .fc-toolbar .fc-button:focus {
        outline: 0;
        outline-offset: 0;
        box-shadow: 0 0 0 .2em #8dcdff
    }

body .fc .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0
}

    body .fc .fc-toolbar .fc-button-group .fc-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    body .fc .fc-toolbar .fc-button-group .fc-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

body .fc .fc-divider {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8
}

body .ui-fluid .fc .fc-toolbar .fc-button {
    width: auto
}

body .ui-picklist .ui-picklist-buttons button {
    font-size: 16px
}

body .ui-picklist .ui-picklist-caption {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

body .ui-picklist .ui-picklist-filter-container {
    padding: .429em .857em;
    border: 1px solid #c8c8c8;
    color: #333;
    background-color: #fff;
    margin: 0;
    border-bottom: 0
}

    body .ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
        width: 100%;
        padding-right: 2em;
        text-indent: 0
    }

    body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
        top: 50%;
        margin-top: -.5em;
        left: auto;
        right: 1.357em;
        color: #007ad9
    }

body .ui-picklist .ui-picklist-buttons {
    padding: .571em 1em
}

body .ui-picklist .ui-picklist-list {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333;
    padding: 0
}

    body .ui-picklist .ui-picklist-list .ui-picklist-item {
        padding: .429em .857em;
        margin: 0;
        border: 0;
        color: #333;
        background-color: transparent
    }

        body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
            background-color: #eaeaea;
            color: #333
        }

        body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
            background-color: #007ad9;
            color: #fff
        }

    body .ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
        background-color: #007ad9
    }

@media (max-width: 40em) {
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        padding: .571em 1em
    }
}

body .ui-orderlist .ui-orderlist-controls {
    padding: .571em 1em
}

    body .ui-orderlist .ui-orderlist-controls button {
        font-size: 16px
    }

body .ui-orderlist .ui-orderlist-caption {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    font-weight: 700;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

body .ui-orderlist .ui-orderlist-filter-container {
    padding: .429em .857em;
    border: 1px solid #c8c8c8;
    color: #333;
    background-color: #fff;
    margin: 0;
    border-bottom: 0
}

    body .ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
        width: 100%;
        padding-right: 2em;
        text-indent: 0
    }

    body .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
        top: 50%;
        margin-top: -.5em;
        left: auto;
        right: 1.357em;
        color: #007ad9
    }

body .ui-orderlist .ui-orderlist-list {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333;
    padding: 0
}

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
        padding: .429em .857em;
        margin: 0;
        border: 0;
        color: #333;
        background-color: transparent
    }

        body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
            background-color: #eaeaea;
            color: #333
        }

        body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
            background-color: #007ad9;
            color: #fff
        }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
        background-color: #007ad9
    }

body .ui-tree {
    border: 1px solid #c8c8c8
}

    body .ui-tree .ui-tree-container {
        padding: .286em;
        margin: 0
    }

        body .ui-tree .ui-tree-container .ui-treenode {
            padding: .143em 0
        }

            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
                padding: 0;
                border: 1px solid transparent
            }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
                    vertical-align: middle;
                    display: inline-block;
                    float: none;
                    margin: 0 .143em 0 0;
                    color: #848484
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
                    vertical-align: middle;
                    display: inline-block;
                    margin: 0 .143em 0 0;
                    color: #848484
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
                    margin: 0;
                    vertical-align: middle;
                    display: inline-block;
                    padding: .286em
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
                    margin: 0 .5em 0 0
                }

                    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
                        margin: 1px 0 0
                    }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
                    line-height: inherit
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
                    background-color: #eaeaea;
                    color: #333
                }

        body .ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
            background-color: #007ad9
        }

    body .ui-tree.ui-tree-horizontal {
        padding-left: 0;
        padding-right: 0
    }

        body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
            border: 1px solid #c8c8c8;
            background-color: #fff;
            color: #333;
            padding: .571em 1em
        }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
                background-color: #007ad9;
                color: #fff
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
                color: #007ad9
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
                background-color: inherit;
                color: inherit
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
                background-color: #eaeaea;
                color: #333
            }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter {
        width: 100%;
        padding-right: 2em
    }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
        top: 50%;
        left: auto;
        margin-top: -.5em;
        right: .8em;
        color: #007ad9
    }

body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
    background-color: #eaeaea;
    color: #333
}

body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
    background-color: #007ad9;
    color: #fff
}

    body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
        color: #00325a
    }

body .ui-organizationchart .ui-organizationchart-line-down {
    background-color: #c8c8c8
}

body .ui-organizationchart .ui-organizationchart-line-left {
    border-right: 1px solid #c8c8c8;
    border-color: #c8c8c8
}

body .ui-organizationchart .ui-organizationchart-line-top {
    border-top: 1px solid #c8c8c8;
    border-color: #c8c8c8
}

body .ui-organizationchart .ui-organizationchart-node-content {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333;
    padding: .571em 1em
}

    body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        bottom: -.7em;
        margin-left: -.46em;
        color: #848484
    }

body .ui-carousel {
    padding: 0
}

    body .ui-carousel .ui-carousel-header {
        background-color: #f4f4f4;
        color: #333;
        padding: .571em 1em;
        border: 1px solid #c8c8c8;
        margin: 0;
        font-weight: 700
    }

        body .ui-carousel .ui-carousel-header .ui-carousel-header-title {
            padding: 0
        }

    body .ui-carousel .ui-carousel-viewport {
        border: 1px solid #c8c8c8;
        background-color: #fff;
        color: #333;
        padding: 0
    }

        body .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
            border: 1px solid #c8c8c8
        }

    body .ui-carousel .ui-carousel-footer {
        background-color: #f4f4f4;
        color: #333;
        padding: .571em 1em;
        border: 1px solid #c8c8c8;
        margin: 0
    }

    body .ui-carousel .ui-carousel-button {
        color: #848484;
        transition: color .2s
    }

        body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
            content: ""
        }

        body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
            content: ""
        }

        body .ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
            color: #333
        }

    body .ui-carousel .ui-carousel-page-links {
        margin: .125em .5em
    }

        body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
            color: #848484;
            transition: color .2s
        }

            body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
                color: #333
            }

body .ui-treetable .ui-treetable-caption, body .ui-treetable .ui-treetable-summary {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em;
    text-align: center
}

body .ui-treetable .ui-treetable-caption {
    border-bottom: 0;
    font-weight: 700
}

body .ui-treetable .ui-treetable-summary {
    border-top: 0;
    font-weight: 700
}

body .ui-treetable .ui-treetable-thead > tr > th {
    padding: .571em .857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333;
    background-color: #f4f4f4
}

body .ui-treetable .ui-treetable-tfoot > tr > td {
    padding: .571em .857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333;
    background-color: #fff
}

body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
    color: #848484
}

body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
    background-color: #e0e0e0;
    color: #333
}

    body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #333
    }

body .ui-treetable .ui-sortable-column.ui-state-highlight {
    background-color: #007ad9;
    color: #fff
}

    body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #fff
    }

body .ui-treetable .ui-editable-column input {
    font-size: 14px;
    font-family: "Open Sans","Helvetica Neue",sans-serif
}

    body .ui-treetable .ui-editable-column input:focus {
        outline: #007ad9 solid 1px;
        outline-offset: 2px
    }

body .ui-treetable .ui-treetable-tbody > tr {
    background-color: #fff;
    color: #333
}

    body .ui-treetable .ui-treetable-tbody > tr > td {
        padding: .571em .857em;
        background-color: inherit;
        border: 1px solid #c8c8c8
    }

        body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
            color: #848484;
            vertical-align: middle
        }

        body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
            vertical-align: middle;
            margin-right: .5em
        }

    body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
        background-color: #007ad9;
        color: #fff
    }

        body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
            background-color: inherit;
            border: 1px solid #c8c8c8
        }

            body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
                color: #fff
            }

    body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
        background-color: #007ad9;
        color: #fff
    }

        body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td {
            background-color: inherit;
            border: 1px solid #c8c8c8
        }

            body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler {
                color: #fff
            }

body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
    cursor: pointer;
    background-color: #eaeaea;
    color: #333
}

body .ui-treetable .ui-column-resizer-helper {
    background-color: #007ad9
}

body .ui-messages.ui-messages-info {
    border: 0
}

body .ui-messages.ui-messages-success {
    border: 0
}

body .ui-messages.ui-messages-warn {
    border: 0
}

body .ui-messages.ui-messages-error {
    border: 0
}

body .ui-messages .ui-messages-close {
    top: .25em;
    font-size: 1.5em
}

body .ui-messages .ui-messages-icon {
    font-size: 2em
}

body .ui-message.ui-message-info {
    background-color: #7fbcec;
    border: 0;
    color: #212121
}

    body .ui-message.ui-message-info .ui-message-icon {
        color: #212121
    }

body .ui-message.ui-message-success {
    background-color: #b7d8b7;
    border: 0;
    color: #212121
}

    body .ui-message.ui-message-success .ui-message-icon {
        color: #212121
    }

body .ui-message.ui-message-warn {
    background-color: #ffe399;
    border: 0;
    color: #212121
}

    body .ui-message.ui-message-warn .ui-message-icon {
        color: #212121
    }

body .ui-message.ui-message-error {
    background-color: #f8b7bd;
    border: 0;
    color: #212121
}

    body .ui-message.ui-message-error .ui-message-icon {
        color: #212121
    }

body .ui-message .ui-message-icon {
    font-size: 1.25em
}

body .ui-message .ui-message-text {
    font-size: 1em
}

body .ui-growl {
    top: 70px
}

    body .ui-growl .ui-growl-item-container {
        margin: 0 0 1em;
        opacity: .9;
        filter: alpha(opacity=90);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
    }

        body .ui-growl .ui-growl-item-container .ui-growl-item {
            padding: 1em
        }

            body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
                margin: 0 0 0 4em
            }

            body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
                font-size: 2.571em
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-info {
            background-color: #7fbcec;
            border: 0;
            color: #212121
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
                color: #212121
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-success {
            background-color: #b7d8b7;
            border: 0;
            color: #212121
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
                color: #212121
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
            background-color: #ffe399;
            border: 0;
            color: #212121
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
                color: #212121
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-error {
            background-color: #f8b7bd;
            border: 0;
            color: #212121
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
                color: #212121
            }

body .ui-toast .ui-toast-message {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    margin: 0 0 1em
}

    body .ui-toast .ui-toast-message.ui-toast-message-info {
        background-color: #7fbcec;
        border: 0;
        color: #212121
    }

        body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
            color: #212121
        }

    body .ui-toast .ui-toast-message.ui-toast-message-success {
        background-color: #b7d8b7;
        border: 0;
        color: #212121
    }

        body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
            color: #212121
        }

    body .ui-toast .ui-toast-message.ui-toast-message-warn {
        background-color: #ffe399;
        border: 0;
        color: #212121
    }

        body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
            color: #212121
        }

    body .ui-toast .ui-toast-message.ui-toast-message-error {
        background-color: #f8b7bd;
        border: 0;
        color: #212121
    }

        body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
            color: #212121
        }

body .ui-overlaypanel {
    background-color: #fff;
    color: #333;
    padding: 0;
    border: 1px solid #c8c8c8;
    border-radius: 0
}

    body .ui-overlaypanel .ui-overlaypanel-content {
        padding: .571em 1em
    }

    body .ui-overlaypanel .ui-overlaypanel-close {
        background-color: #007ad9;
        color: #fff;
        width: 1.538em;
        height: 1.538em;
        line-height: 1.538em;
        text-align: center;
        position: absolute;
        top: -.769em;
        right: -.769em;
        transition: background-color .2s
    }

        body .ui-overlaypanel .ui-overlaypanel-close:hover {
            background-color: #005b9f;
            color: #fff
        }

        body .ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
            line-height: inherit
        }

    body .ui-overlaypanel:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff
    }

    body .ui-overlaypanel:before {
        border-color: rgba(200,200,200,0);
        border-bottom-color: #c8c8c8
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:after {
        border-top-color: #fff
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:before {
        border-top-color: #c8c8c8
    }

body .ui-dialog {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

    body .ui-dialog .ui-dialog-titlebar {
        border: 1px solid #c8c8c8;
        color: #333;
        font-weight: 700;
        border-bottom: 0
    }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
            color: #848484;
            border: 0;
            padding: 0;
            margin-left: .5em;
            transition: color .2s
        }

    body .ui-dialog .ui-dialog-content {
        border: 1px solid #c8c8c8
    }

    body .ui-dialog .ui-dialog-footer {
        border: 1px solid #c8c8c8;
        color: #333;
        margin: 0;
        text-align: right;
        position: relative;
        top: -1px
    }

        body .ui-dialog .ui-dialog-footer button {
            width: auto
        }

    body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
        padding: 1.5em
    }

        body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
            float: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 14px;
            margin: 0
        }

            body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
                margin-right: .35em;
                font-size: 16px
            }

body .ui-sidebar {
    background-color: #fff;
    color: #333;
    padding: .571em 1em;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

    body .ui-sidebar .ui-sidebar-close {
        color: #848484
    }

        body .ui-sidebar .ui-sidebar-close:hover {
            color: #333
        }

body .ui-tooltip .ui-tooltip-text {
    background-color: #333;
    color: #fff;
    padding: .429em;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #333
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #333
}

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #333
}

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #333
}

body .ui-lightbox {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

    body .ui-lightbox .ui-lightbox-caption {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
        color: #333;
        padding: .571em 1em;
        font-weight: 700
    }

        body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
            color: #333;
            margin: 0
        }

        body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
            padding: 0;
            color: #848484;
            transition: color .2s
        }

            body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
                color: #333
            }

    body .ui-lightbox .ui-lightbox-content-wrapper {
        overflow: hidden;
        background-color: #fff;
        color: #333;
        border: 0;
        padding: 0;
        border-radius: 0
    }

        body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
            transition: all .2s;
            font-size: 3em;
            color: #fff;
            margin-top: -.5em
        }

            body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
                transform: scale(1.2)
            }

        body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
            display: none
        }

body .ui-breadcrumb {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    padding: .571em 1em
}

    body .ui-breadcrumb ul li .ui-menuitem-link {
        color: #333;
        margin: 0
    }

    body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
        margin: 0 .5em;
        color: #848484
    }

    body .ui-breadcrumb ul li:first-child a {
        color: #848484;
        margin: 0
    }

    body .ui-breadcrumb ul li .ui-menuitem-icon {
        color: #848484
    }

body .ui-steps {
    position: relative
}

    body .ui-steps .ui-steps-item {
        background-color: transparent;
        text-align: center
    }

        body .ui-steps .ui-steps-item .ui-menuitem-link {
            display: inline-block;
            text-align: center;
            background-color: transparent;
            overflow: hidden
        }

            body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
                border-radius: 50%;
                display: inline-block;
                color: #333;
                background-color: #fff;
                border: 1px solid #c8c8c8;
                position: relative;
                top: 16px;
                margin-bottom: 14px;
                width: 28px;
                height: 28px;
                font-size: 16px;
                line-height: 24px;
                text-align: center
            }

            body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
                display: block;
                margin-top: 6px;
                color: #848484
            }

        body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
            background: #007ad9;
            color: #fff
        }

        body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
            font-weight: 700;
            color: #333
        }

        body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
            display: block
        }

    body .ui-steps:before {
        content: " ";
        border-top: 1px solid #c8c8c8;
        width: 100%;
        top: 45%;
        left: 0;
        display: block;
        position: absolute
    }

body .ui-contextmenu .ui-menuitem-link, body .ui-megamenu .ui-menuitem-link, body .ui-menu .ui-menuitem-link, body .ui-menubar .ui-menuitem-link, body .ui-slidemenu .ui-menuitem-link, body .ui-tieredmenu .ui-menuitem-link {
    padding: .714em .857em;
    color: #333;
    font-weight: 400;
    border-radius: 0
}

    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text, body .ui-megamenu .ui-menuitem-link .ui-menuitem-text, body .ui-menu .ui-menuitem-link .ui-menuitem-text, body .ui-menubar .ui-menuitem-link .ui-menuitem-text, body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text, body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text {
        color: #333
    }

    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon, body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menuitem-link .ui-menuitem-icon, body .ui-menubar .ui-menuitem-link .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon {
        color: #333;
        margin-right: .5em
    }

    body .ui-contextmenu .ui-menuitem-link:hover, body .ui-megamenu .ui-menuitem-link:hover, body .ui-menu .ui-menuitem-link:hover, body .ui-menubar .ui-menuitem-link:hover, body .ui-slidemenu .ui-menuitem-link:hover, body .ui-tieredmenu .ui-menuitem-link:hover {
        background-color: #eaeaea
    }

        body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-menu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-menu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-text, body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text {
            color: #333
        }

body .ui-menu {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8
}

    body .ui-menu .ui-menuitem {
        margin: 0
    }

    body .ui-menu.ui-shadow {
        border: 1px solid #c8c8c8;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
    }

    body .ui-menu .ui-submenu-header {
        margin: 0;
        padding: .714em .857em;
        color: #333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0
    }

    body .ui-menu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0
    }

body .ui-menubar {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8
}

    body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
        padding: .714em .857em
    }

    body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 0 0 0 1px
    }

    body .ui-menubar .ui-submenu-list {
        padding: 0;
        background-color: #fff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
    }

        body .ui-menubar .ui-submenu-list .ui-menuitem {
            margin: 0
        }

        body .ui-menubar .ui-submenu-list .ui-menu-separator {
            border: 1px solid #c8c8c8;
            border-width: 1px 0 0
        }

    body .ui-menubar .ui-menuitem {
        margin: 0
    }

        body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea
        }

            body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333
            }

body .ui-contextmenu, body .ui-contextmenu .ui-submenu-list {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

    body .ui-contextmenu .ui-menuitem {
        margin: 0
    }

        body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: .429em
        }

        body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea
        }

            body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333
            }

    body .ui-contextmenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0
    }

body .ui-tieredmenu {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8
}

    body .ui-tieredmenu .ui-submenu-list {
        padding: 0;
        background-color: #fff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
    }

    body .ui-tieredmenu .ui-menuitem {
        margin: 0
    }

        body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: .429em
        }

        body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea
        }

            body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333
            }

    body .ui-tieredmenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0
    }

body .ui-slidemenu {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8
}

    body .ui-slidemenu .ui-submenu-list {
        padding: 0;
        background-color: #fff;
        border: 0
    }

    body .ui-slidemenu .ui-menuitem {
        margin: 0
    }

        body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: .429em
        }

        body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea
        }

            body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333
            }

    body .ui-slidemenu .ui-slidemenu-backward {
        margin: 0;
        padding: .571em 1em;
        color: #333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0
    }

        body .ui-slidemenu .ui-slidemenu-backward:hover {
            background-color: #dbdbdb;
            color: #333
        }

    body .ui-slidemenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0
    }

body .ui-tabmenu {
    border: 0
}

    body .ui-tabmenu .ui-tabmenu-nav {
        padding: 0;
        background: 0 0;
        border-bottom: 1px solid #c8c8c8
    }

        body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
            position: static;
            border: 1px solid #c8c8c8;
            background-color: #f4f4f4;
            margin-right: 2px;
            margin-bottom: -1px;
            transition: background-color .2s
        }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
                color: #333;
                padding: .571em 1em
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
                    color: #333;
                    margin-right: .5em
                }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
                    color: #848484;
                    margin-right: .5em
                }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
                background-color: #dbdbdb;
                border: 1px solid #dbdbdb
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon, body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
                    color: #333
                }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
                background-color: #007ad9;
                border: 1px solid #007ad9
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon, body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
                    color: #fff
                }

body .ui-megamenu {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8
}

    body .ui-megamenu .ui-megamenu-submenu-header {
        margin: 0;
        padding: .571em 1em;
        color: #333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0
    }

    body .ui-megamenu .ui-megamenu-panel {
        padding: 0;
        background-color: #fff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
    }

    body .ui-megamenu .ui-menuitem {
        margin: 0
    }

        body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: .429em
        }

        body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea
        }

            body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333
            }

    body .ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        right: .429em
    }

body .ui-panelmenu .ui-icon {
    position: static
}

body .ui-panelmenu .ui-panelmenu-header {
    padding: 0
}

    body .ui-panelmenu .ui-panelmenu-header > a {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
        color: #333;
        padding: .714em .857em;
        font-weight: 700;
        position: static;
        font-size: 14px;
        transition: background-color .2s
    }

        body .ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
            color: #848484
        }

    body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
        outline: 0;
        border: 1px solid #dbdbdb;
        background-color: #dbdbdb;
        color: #333
    }

        body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
            color: #333
        }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
        border: 1px solid #007ad9;
        background-color: #007ad9;
        color: #fff
    }

        body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
            color: #fff
        }

        body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
            outline: 0;
            border: 1px solid #005b9f;
            background-color: #005b9f;
            color: #fff
        }

            body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
                color: #fff
            }

body .ui-panelmenu .ui-panelmenu-panel {
    margin-top: 2px
}

    body .ui-panelmenu .ui-panelmenu-panel:first-child {
        margin-top: 0
    }

body .ui-panelmenu .ui-panelmenu-content {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    margin-top: 0;
    position: static;
    border-top: 0
}

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem {
        margin: 0
    }

        body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
            padding: .714em .857em;
            color: #333
        }

            body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover {
                background-color: #eaeaea
            }

                body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
                    color: #333
                }

body .ui-progressbar {
    border: 0;
    height: 24px;
    background-color: #eaeaea
}

    body .ui-progressbar .ui-progressbar-value {
        border: 0;
        margin: 0;
        background: #007ad9
    }

    body .ui-progressbar .ui-progressbar-label {
        margin-top: 0;
        color: #333;
        line-height: 24px
    }

body .ui-galleria .ui-galleria-nav-next, body .ui-galleria .ui-galleria-nav-prev {
    transition: all .2s;
    position: absolute;
    color: #848484;
    font-size: 16px
}

    body .ui-galleria .ui-galleria-nav-next:hover, body .ui-galleria .ui-galleria-nav-prev:hover {
        transform: scale(1.2)
    }

body .ui-terminal {
    background-color: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    padding: .571em 1em
}

    body .ui-terminal .ui-terminal-input {
        font-size: 14px;
        font-family: "Open Sans","Helvetica Neue",sans-serif;
        height: 16px
    }

    body .ui-terminal .ui-terminal-command {
        height: 16px
    }

body .ui-inplace {
    min-height: 2.357em
}

    body .ui-inplace .ui-inplace-display {
        padding: .429em;
        border-radius: 3px;
        transition: background-color .2s
    }

        body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
            background-color: #eaeaea;
            color: #333
        }

body .ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
    display: inline-block;
    width: calc(100% - 2.357em)
}

.ui-g-1, .ui-g-10, .ui-g-11, .ui-g-12, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9 {
    float: left;
    box-sizing: border-box;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 200;
    src: local("Roboto Thin"),local("Roboto-Thin"),url(../fonts/Roboto-Thin.eot);
    src: local("Roboto Thin"),local("Roboto-Thin"),url(../fonts/Roboto-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Thin.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(../fonts/Roboto-Light.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(../fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"),local("Roboto-Regular"),url(../fonts/Roboto-Regular.eot);
    src: local("Roboto Regular"),local("Roboto-Regular"),url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: local("Roboto Bold"),local("Roboto-Bold"),url(../fonts/Roboto-Bold.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Rajdhani;
    font-style: normal;
    font-weight: 400;
    src: local("Rajdhani Regular"),local("Rajdhani-Regular"),url(../fonts/rajdhani-regular.ttf) format("truetype")
}

@font-face {
    font-family: Rajdhani;
    font-style: normal;
    font-weight: 500;
    src: local("Rajdhani Medium"),local("Rajdhani-Medium"),url(../fonts/rajdhani-medium.ttf) format("truetype")
}

@font-face {
    font-family: Rajdhani;
    font-style: normal;
    font-weight: 600;
    src: local("Rajdhani SemiBold"),local("Rajdhani-SemiBold"),url(../fonts/rajdhani-semibold.ttf) format("truetype")
}

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli-Light.eot);
    src: url(../fonts/Muli-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Muli-Light.ttf) format("truetype"),url(../fonts/Muli-Light.svg#Muli-Light) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Muli-SemiBold;
    src: url(../fonts/Muli-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Muli-SemiBold.ttf) format("truetype"),url(../fonts/Muli-SemiBold.svg#Muli-Light) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Monark-regular;
    src: url(../fonts/MonarkRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url(../fonts/Arial.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa, td [class^=icon-log-] {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, td .fa-pull-left[class^=icon-log-] {
    margin-right: .3em
}

.fa.fa-pull-right, td .fa-pull-right[class^=icon-log-] {
    margin-left: .3em
}

.fa.pull-left, td .pull-left[class^=icon-log-] {
    margin-right: .3em
}

.fa.pull-right, td .pull-right[class^=icon-log-] {
    margin-left: .3em
}

.fa-spin {
    animation: 2s linear infinite fa-spin
}

.fa-pulse {
    animation: 1s steps(8) infinite fa-spin
}

.fa-rotate-90 {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
    transform: scale(1,-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before, .icon-log-success:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before, .icon-log-error:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before, .icon-log-maintenance:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before, .icon-log-message:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before, .icon-log-information:before {
    content: "\f129"
}

.fa-exclamation:before, .icon-log-warning:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before, .icon-log-debug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@font-face {
    font-family: "Material Design Icons";
    src: url(../fonts/materialdesignicons-webfont.eot?v=1.8.36);
    src: url(../fonts/materialdesignicons-webfont.eot?#iefix&v=1.8.36) format("embedded-opentype"),url(../fonts/materialdesignicons-webfont.woff2?v=1.8.36) format("woff2"),url(../fonts/materialdesignicons-webfont.woff?v=1.8.36) format("woff"),url(../fonts/materialdesignicons-webfont.ttf?v=1.8.36) format("truetype"),url(../fonts/materialdesignicons-webfont.svg?v=1.8.36#materialdesigniconsregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.mdi-set, .mdi:before {
    display: inline-block;
    font: 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0)
}

.mdi-access-point:before {
    content: "\F002"
}

.mdi-access-point-network:before {
    content: "\F003"
}

.mdi-account:before {
    content: "\F004"
}

.mdi-account-alert:before {
    content: "\F005"
}

.mdi-account-box:before {
    content: "\F006"
}

.mdi-account-box-outline:before {
    content: "\F007"
}

.mdi-account-card-details:before {
    content: "\F5D2"
}

.mdi-account-check:before {
    content: "\F008"
}

.mdi-account-circle:before {
    content: "\F009"
}

.mdi-account-convert:before {
    content: "\F00A"
}

.mdi-account-edit:before {
    content: "\F6BB"
}

.mdi-account-key:before {
    content: "\F00B"
}

.mdi-account-location:before {
    content: "\F00C"
}

.mdi-account-minus:before {
    content: "\F00D"
}

.mdi-account-multiple:before {
    content: "\F00E"
}

.mdi-account-multiple-minus:before {
    content: "\F5D3"
}

.mdi-account-multiple-outline:before {
    content: "\F00F"
}

.mdi-account-multiple-plus:before {
    content: "\F010"
}

.mdi-account-network:before {
    content: "\F011"
}

.mdi-account-off:before {
    content: "\F012"
}

.mdi-account-outline:before {
    content: "\F013"
}

.mdi-account-plus:before {
    content: "\F014"
}

.mdi-account-remove:before {
    content: "\F015"
}

.mdi-account-search:before {
    content: "\F016"
}

.mdi-account-settings:before {
    content: "\F630"
}

.mdi-account-settings-variant:before {
    content: "\F631"
}

.mdi-account-star:before {
    content: "\F017"
}

.mdi-account-star-variant:before {
    content: "\F018"
}

.mdi-account-switch:before {
    content: "\F019"
}

.mdi-adjust:before {
    content: "\F01A"
}

.mdi-air-conditioner:before {
    content: "\F01B"
}

.mdi-airballoon:before {
    content: "\F01C"
}

.mdi-airplane:before {
    content: "\F01D"
}

.mdi-airplane-landing:before {
    content: "\F5D4"
}

.mdi-airplane-off:before {
    content: "\F01E"
}

.mdi-airplane-takeoff:before {
    content: "\F5D5"
}

.mdi-airplay:before {
    content: "\F01F"
}

.mdi-alarm:before {
    content: "\F020"
}

.mdi-alarm-check:before {
    content: "\F021"
}

.mdi-alarm-multiple:before {
    content: "\F022"
}

.mdi-alarm-off:before {
    content: "\F023"
}

.mdi-alarm-plus:before {
    content: "\F024"
}

.mdi-alarm-snooze:before {
    content: "\F68D"
}

.mdi-album:before {
    content: "\F025"
}

.mdi-alert:before {
    content: "\F026"
}

.mdi-alert-box:before {
    content: "\F027"
}

.mdi-alert-circle:before {
    content: "\F028"
}

.mdi-alert-circle-outline:before {
    content: "\F5D6"
}

.mdi-alert-octagon:before {
    content: "\F029"
}

.mdi-alert-octagram:before {
    content: "\F6BC"
}

.mdi-alert-outline:before {
    content: "\F02A"
}

.mdi-all-inclusive:before {
    content: "\F6BD"
}

.mdi-alpha:before {
    content: "\F02B"
}

.mdi-alphabetical:before {
    content: "\F02C"
}

.mdi-altimeter:before {
    content: "\F5D7"
}

.mdi-amazon:before {
    content: "\F02D"
}

.mdi-amazon-clouddrive:before {
    content: "\F02E"
}

.mdi-ambulance:before {
    content: "\F02F"
}

.mdi-amplifier:before {
    content: "\F030"
}

.mdi-anchor:before {
    content: "\F031"
}

.mdi-android:before {
    content: "\F032"
}

.mdi-android-debug-bridge:before {
    content: "\F033"
}

.mdi-android-studio:before {
    content: "\F034"
}

.mdi-angular:before {
    content: "\F6B1"
}

.mdi-angularjs:before {
    content: "\F6BE"
}

.mdi-animation:before {
    content: "\F5D8"
}

.mdi-apple:before {
    content: "\F035"
}

.mdi-apple-finder:before {
    content: "\F036"
}

.mdi-apple-ios:before {
    content: "\F037"
}

.mdi-apple-keyboard-caps:before {
    content: "\F632"
}

.mdi-apple-keyboard-command:before {
    content: "\F633"
}

.mdi-apple-keyboard-control:before {
    content: "\F634"
}

.mdi-apple-keyboard-option:before {
    content: "\F635"
}

.mdi-apple-keyboard-shift:before {
    content: "\F636"
}

.mdi-apple-mobileme:before {
    content: "\F038"
}

.mdi-apple-safari:before {
    content: "\F039"
}

.mdi-application:before {
    content: "\F614"
}

.mdi-apps:before {
    content: "\F03B"
}

.mdi-archive:before {
    content: "\F03C"
}

.mdi-arrange-bring-forward:before {
    content: "\F03D"
}

.mdi-arrange-bring-to-front:before {
    content: "\F03E"
}

.mdi-arrange-send-backward:before {
    content: "\F03F"
}

.mdi-arrange-send-to-back:before {
    content: "\F040"
}

.mdi-arrow-all:before {
    content: "\F041"
}

.mdi-arrow-bottom-left:before {
    content: "\F042"
}

.mdi-arrow-bottom-right:before {
    content: "\F043"
}

.mdi-arrow-compress:before {
    content: "\F615"
}

.mdi-arrow-compress-all:before {
    content: "\F044"
}

.mdi-arrow-down:before {
    content: "\F045"
}

.mdi-arrow-down-bold:before {
    content: "\F046"
}

.mdi-arrow-down-bold-circle:before {
    content: "\F047"
}

.mdi-arrow-down-bold-circle-outline:before {
    content: "\F048"
}

.mdi-arrow-down-bold-hexagon-outline:before {
    content: "\F049"
}

.mdi-arrow-down-box:before {
    content: "\F6BF"
}

.mdi-arrow-down-drop-circle:before {
    content: "\F04A"
}

.mdi-arrow-down-drop-circle-outline:before {
    content: "\F04B"
}

.mdi-arrow-expand:before {
    content: "\F616"
}

.mdi-arrow-expand-all:before {
    content: "\F04C"
}

.mdi-arrow-left:before {
    content: "\F04D"
}

.mdi-arrow-left-bold:before {
    content: "\F04E"
}

.mdi-arrow-left-bold-circle:before {
    content: "\F04F"
}

.mdi-arrow-left-bold-circle-outline:before {
    content: "\F050"
}

.mdi-arrow-left-bold-hexagon-outline:before {
    content: "\F051"
}

.mdi-arrow-left-box:before {
    content: "\F6C0"
}

.mdi-arrow-left-drop-circle:before {
    content: "\F052"
}

.mdi-arrow-left-drop-circle-outline:before {
    content: "\F053"
}

.mdi-arrow-right:before {
    content: "\F054"
}

.mdi-arrow-right-bold:before {
    content: "\F055"
}

.mdi-arrow-right-bold-circle:before {
    content: "\F056"
}

.mdi-arrow-right-bold-circle-outline:before {
    content: "\F057"
}

.mdi-arrow-right-bold-hexagon-outline:before {
    content: "\F058"
}

.mdi-arrow-right-box:before {
    content: "\F6C1"
}

.mdi-arrow-right-drop-circle:before {
    content: "\F059"
}

.mdi-arrow-right-drop-circle-outline:before {
    content: "\F05A"
}

.mdi-arrow-top-left:before {
    content: "\F05B"
}

.mdi-arrow-top-right:before {
    content: "\F05C"
}

.mdi-arrow-up:before {
    content: "\F05D"
}

.mdi-arrow-up-bold:before {
    content: "\F05E"
}

.mdi-arrow-up-bold-circle:before {
    content: "\F05F"
}

.mdi-arrow-up-bold-circle-outline:before {
    content: "\F060"
}

.mdi-arrow-up-bold-hexagon-outline:before {
    content: "\F061"
}

.mdi-arrow-up-box:before {
    content: "\F6C2"
}

.mdi-arrow-up-drop-circle:before {
    content: "\F062"
}

.mdi-arrow-up-drop-circle-outline:before {
    content: "\F063"
}

.mdi-assistant:before {
    content: "\F064"
}

.mdi-asterisk:before {
    content: "\F6C3"
}

.mdi-at:before {
    content: "\F065"
}

.mdi-attachment:before {
    content: "\F066"
}

.mdi-audiobook:before {
    content: "\F067"
}

.mdi-auto-fix:before {
    content: "\F068"
}

.mdi-auto-upload:before {
    content: "\F069"
}

.mdi-autorenew:before {
    content: "\F06A"
}

.mdi-av-timer:before {
    content: "\F06B"
}

.mdi-baby:before {
    content: "\F06C"
}

.mdi-baby-buggy:before {
    content: "\F68E"
}

.mdi-backburger:before {
    content: "\F06D"
}

.mdi-backspace:before {
    content: "\F06E"
}

.mdi-backup-restore:before {
    content: "\F06F"
}

.mdi-bandcamp:before {
    content: "\F674"
}

.mdi-bank:before {
    content: "\F070"
}

.mdi-barcode:before {
    content: "\F071"
}

.mdi-barcode-scan:before {
    content: "\F072"
}

.mdi-barley:before {
    content: "\F073"
}

.mdi-barrel:before {
    content: "\F074"
}

.mdi-basecamp:before {
    content: "\F075"
}

.mdi-basket:before {
    content: "\F076"
}

.mdi-basket-fill:before {
    content: "\F077"
}

.mdi-basket-unfill:before {
    content: "\F078"
}

.mdi-battery:before {
    content: "\F079"
}

.mdi-battery-10:before {
    content: "\F07A"
}

.mdi-battery-20:before {
    content: "\F07B"
}

.mdi-battery-30:before {
    content: "\F07C"
}

.mdi-battery-40:before {
    content: "\F07D"
}

.mdi-battery-50:before {
    content: "\F07E"
}

.mdi-battery-60:before {
    content: "\F07F"
}

.mdi-battery-70:before {
    content: "\F080"
}

.mdi-battery-80:before {
    content: "\F081"
}

.mdi-battery-90:before {
    content: "\F082"
}

.mdi-battery-alert:before {
    content: "\F083"
}

.mdi-battery-charging:before {
    content: "\F084"
}

.mdi-battery-charging-100:before {
    content: "\F085"
}

.mdi-battery-charging-20:before {
    content: "\F086"
}

.mdi-battery-charging-30:before {
    content: "\F087"
}

.mdi-battery-charging-40:before {
    content: "\F088"
}

.mdi-battery-charging-60:before {
    content: "\F089"
}

.mdi-battery-charging-80:before {
    content: "\F08A"
}

.mdi-battery-charging-90:before {
    content: "\F08B"
}

.mdi-battery-minus:before {
    content: "\F08C"
}

.mdi-battery-negative:before {
    content: "\F08D"
}

.mdi-battery-outline:before {
    content: "\F08E"
}

.mdi-battery-plus:before {
    content: "\F08F"
}

.mdi-battery-positive:before {
    content: "\F090"
}

.mdi-battery-unknown:before {
    content: "\F091"
}

.mdi-beach:before {
    content: "\F092"
}

.mdi-beaker:before {
    content: "\F68F"
}

.mdi-beats:before {
    content: "\F097"
}

.mdi-beer:before {
    content: "\F098"
}

.mdi-behance:before {
    content: "\F099"
}

.mdi-bell:before {
    content: "\F09A"
}

.mdi-bell-off:before {
    content: "\F09B"
}

.mdi-bell-outline:before {
    content: "\F09C"
}

.mdi-bell-plus:before {
    content: "\F09D"
}

.mdi-bell-ring:before {
    content: "\F09E"
}

.mdi-bell-ring-outline:before {
    content: "\F09F"
}

.mdi-bell-sleep:before {
    content: "\F0A0"
}

.mdi-beta:before {
    content: "\F0A1"
}

.mdi-bible:before {
    content: "\F0A2"
}

.mdi-bike:before {
    content: "\F0A3"
}

.mdi-bing:before {
    content: "\F0A4"
}

.mdi-binoculars:before {
    content: "\F0A5"
}

.mdi-bio:before {
    content: "\F0A6"
}

.mdi-biohazard:before {
    content: "\F0A7"
}

.mdi-bitbucket:before {
    content: "\F0A8"
}

.mdi-black-mesa:before {
    content: "\F0A9"
}

.mdi-blackberry:before {
    content: "\F0AA"
}

.mdi-blender:before {
    content: "\F0AB"
}

.mdi-blinds:before {
    content: "\F0AC"
}

.mdi-block-helper:before {
    content: "\F0AD"
}

.mdi-blogger:before {
    content: "\F0AE"
}

.mdi-bluetooth:before {
    content: "\F0AF"
}

.mdi-bluetooth-audio:before {
    content: "\F0B0"
}

.mdi-bluetooth-connect:before {
    content: "\F0B1"
}

.mdi-bluetooth-off:before {
    content: "\F0B2"
}

.mdi-bluetooth-settings:before {
    content: "\F0B3"
}

.mdi-bluetooth-transfer:before {
    content: "\F0B4"
}

.mdi-blur:before {
    content: "\F0B5"
}

.mdi-blur-linear:before {
    content: "\F0B6"
}

.mdi-blur-off:before {
    content: "\F0B7"
}

.mdi-blur-radial:before {
    content: "\F0B8"
}

.mdi-bomb:before {
    content: "\F690"
}

.mdi-bomb-off:before {
    content: "\F6C4"
}

.mdi-bone:before {
    content: "\F0B9"
}

.mdi-book:before {
    content: "\F0BA"
}

.mdi-book-minus:before {
    content: "\F5D9"
}

.mdi-book-multiple:before {
    content: "\F0BB"
}

.mdi-book-multiple-variant:before {
    content: "\F0BC"
}

.mdi-book-open:before {
    content: "\F0BD"
}

.mdi-book-open-page-variant:before {
    content: "\F5DA"
}

.mdi-book-open-variant:before {
    content: "\F0BE"
}

.mdi-book-plus:before {
    content: "\F5DB"
}

.mdi-book-variant:before {
    content: "\F0BF"
}

.mdi-bookmark:before {
    content: "\F0C0"
}

.mdi-bookmark-check:before {
    content: "\F0C1"
}

.mdi-bookmark-music:before {
    content: "\F0C2"
}

.mdi-bookmark-outline:before {
    content: "\F0C3"
}

.mdi-bookmark-plus:before {
    content: "\F0C5"
}

.mdi-bookmark-plus-outline:before {
    content: "\F0C4"
}

.mdi-bookmark-remove:before {
    content: "\F0C6"
}

.mdi-boombox:before {
    content: "\F5DC"
}

.mdi-bootstrap:before {
    content: "\F6C5"
}

.mdi-border-all:before {
    content: "\F0C7"
}

.mdi-border-bottom:before {
    content: "\F0C8"
}

.mdi-border-color:before {
    content: "\F0C9"
}

.mdi-border-horizontal:before {
    content: "\F0CA"
}

.mdi-border-inside:before {
    content: "\F0CB"
}

.mdi-border-left:before {
    content: "\F0CC"
}

.mdi-bordered-none:before {
    content: "\F0CD"
}

.mdi-border-outside:before {
    content: "\F0CE"
}

.mdi-border-right:before {
    content: "\F0CF"
}

.mdi-border-style:before {
    content: "\F0D0"
}

.mdi-border-top:before {
    content: "\F0D1"
}

.mdi-border-vertical:before {
    content: "\F0D2"
}

.mdi-bow-tie:before {
    content: "\F677"
}

.mdi-bowl:before {
    content: "\F617"
}

.mdi-bowling:before {
    content: "\F0D3"
}

.mdi-box:before {
    content: "\F0D4"
}

.mdi-box-cutter:before {
    content: "\F0D5"
}

.mdi-box-shadow:before {
    content: "\F637"
}

.mdi-bridge:before {
    content: "\F618"
}

.mdi-briefcase:before {
    content: "\F0D6"
}

.mdi-briefcase-check:before {
    content: "\F0D7"
}

.mdi-briefcase-download:before {
    content: "\F0D8"
}

.mdi-briefcase-upload:before {
    content: "\F0D9"
}

.mdi-brightness-1:before {
    content: "\F0DA"
}

.mdi-brightness-2:before {
    content: "\F0DB"
}

.mdi-brightness-3:before {
    content: "\F0DC"
}

.mdi-brightness-4:before {
    content: "\F0DD"
}

.mdi-brightness-5:before {
    content: "\F0DE"
}

.mdi-brightness-6:before {
    content: "\F0DF"
}

.mdi-brightness-7:before {
    content: "\F0E0"
}

.mdi-brightness-auto:before {
    content: "\F0E1"
}

.mdi-broom:before {
    content: "\F0E2"
}

.mdi-brush:before {
    content: "\F0E3"
}

.mdi-buffer:before {
    content: "\F619"
}

.mdi-bug:before {
    content: "\F0E4"
}

.mdi-bulletin-board:before {
    content: "\F0E5"
}

.mdi-bullhorn:before {
    content: "\F0E6"
}

.mdi-bullseye:before {
    content: "\F5DD"
}

.mdi-burst-mode:before {
    content: "\F5DE"
}

.mdi-bus:before {
    content: "\F0E7"
}

.mdi-cached:before {
    content: "\F0E8"
}

.mdi-cake:before {
    content: "\F0E9"
}

.mdi-cake-layered:before {
    content: "\F0EA"
}

.mdi-cake-variant:before {
    content: "\F0EB"
}

.mdi-calculator:before {
    content: "\F0EC"
}

.mdi-calendar:before {
    content: "\F0ED"
}

.mdi-calendar-blank:before {
    content: "\F0EE"
}

.mdi-calendar-check:before {
    content: "\F0EF"
}

.mdi-calendar-clock:before {
    content: "\F0F0"
}

.mdi-calendar-multiple:before {
    content: "\F0F1"
}

.mdi-calendar-multiple-check:before {
    content: "\F0F2"
}

.mdi-calendar-plus:before {
    content: "\F0F3"
}

.mdi-calendar-question:before {
    content: "\F691"
}

.mdi-calendar-range:before {
    content: "\F678"
}

.mdi-calendar-remove:before {
    content: "\F0F4"
}

.mdi-calendar-text:before {
    content: "\F0F5"
}

.mdi-calendar-today:before {
    content: "\F0F6"
}

.mdi-call-made:before {
    content: "\F0F7"
}

.mdi-call-merge:before {
    content: "\F0F8"
}

.mdi-call-missed:before {
    content: "\F0F9"
}

.mdi-call-received:before {
    content: "\F0FA"
}

.mdi-call-split:before {
    content: "\F0FB"
}

.mdi-camcorder:before {
    content: "\F0FC"
}

.mdi-camcorder-box:before {
    content: "\F0FD"
}

.mdi-camcorder-box-off:before {
    content: "\F0FE"
}

.mdi-camcorder-off:before {
    content: "\F0FF"
}

.mdi-camera:before {
    content: "\F100"
}

.mdi-camera-burst:before {
    content: "\F692"
}

.mdi-camera-enhance:before {
    content: "\F101"
}

.mdi-camera-front:before {
    content: "\F102"
}

.mdi-camera-front-variant:before {
    content: "\F103"
}

.mdi-camera-iris:before {
    content: "\F104"
}

.mdi-camera-off:before {
    content: "\F5DF"
}

.mdi-camera-party-mode:before {
    content: "\F105"
}

.mdi-camera-rear:before {
    content: "\F106"
}

.mdi-camera-rear-variant:before {
    content: "\F107"
}

.mdi-camera-switch:before {
    content: "\F108"
}

.mdi-camera-timer:before {
    content: "\F109"
}

.mdi-candle:before {
    content: "\F5E2"
}

.mdi-candycane:before {
    content: "\F10A"
}

.mdi-car:before {
    content: "\F10B"
}

.mdi-car-battery:before {
    content: "\F10C"
}

.mdi-car-connected:before {
    content: "\F10D"
}

.mdi-car-wash:before {
    content: "\F10E"
}

.mdi-cards:before {
    content: "\F638"
}

.mdi-cards-outline:before {
    content: "\F639"
}

.mdi-cards-playing-outline:before {
    content: "\F63A"
}

.mdi-cards-variant:before {
    content: "\F6C6"
}

.mdi-carrot:before {
    content: "\F10F"
}

.mdi-cart:before {
    content: "\F110"
}

.mdi-cart-off:before {
    content: "\F66B"
}

.mdi-cart-outline:before {
    content: "\F111"
}

.mdi-cart-plus:before {
    content: "\F112"
}

.mdi-case-sensitive-alt:before {
    content: "\F113"
}

.mdi-cash:before {
    content: "\F114"
}

.mdi-cash-100:before {
    content: "\F115"
}

.mdi-cash-multiple:before {
    content: "\F116"
}

.mdi-cash-usd:before {
    content: "\F117"
}

.mdi-cast:before {
    content: "\F118"
}

.mdi-cast-connected:before {
    content: "\F119"
}

.mdi-castle:before {
    content: "\F11A"
}

.mdi-cat:before {
    content: "\F11B"
}

.mdi-cellphone:before {
    content: "\F11C"
}

.mdi-cellphone-android:before {
    content: "\F11D"
}

.mdi-cellphone-basic:before {
    content: "\F11E"
}

.mdi-cellphone-dock:before {
    content: "\F11F"
}

.mdi-cellphone-iphone:before {
    content: "\F120"
}

.mdi-cellphone-link:before {
    content: "\F121"
}

.mdi-cellphone-link-off:before {
    content: "\F122"
}

.mdi-cellphone-settings:before {
    content: "\F123"
}

.mdi-certificate:before {
    content: "\F124"
}

.mdi-chair-school:before {
    content: "\F125"
}

.mdi-chart-arc:before {
    content: "\F126"
}

.mdi-chart-areaspline:before {
    content: "\F127"
}

.mdi-chart-bar:before {
    content: "\F128"
}

.mdi-chart-bubble:before {
    content: "\F5E3"
}

.mdi-chart-gantt:before {
    content: "\F66C"
}

.mdi-chart-histogram:before {
    content: "\F129"
}

.mdi-chart-line:before {
    content: "\F12A"
}

.mdi-chart-pie:before {
    content: "\F12B"
}

.mdi-chart-scatterplot-hexbin:before {
    content: "\F66D"
}

.mdi-chart-timeline:before {
    content: "\F66E"
}

.mdi-check:before {
    content: "\F12C"
}

.mdi-check-all:before {
    content: "\F12D"
}

.mdi-check-circle:before {
    content: "\F5E0"
}

.mdi-check-circle-outline:before {
    content: "\F5E1"
}

.mdi-checkbox-blank:before {
    content: "\F12E"
}

.mdi-checkbox-blank-circle:before {
    content: "\F12F"
}

.mdi-checkbox-blank-circle-outline:before {
    content: "\F130"
}

.mdi-checkbox-blank-outline:before {
    content: "\F131"
}

.mdi-checkbox-marked:before {
    content: "\F132"
}

.mdi-checkbox-marked-circle:before {
    content: "\F133"
}

.mdi-checkbox-marked-circle-outline:before {
    content: "\F134"
}

.mdi-checkbox-marked-outline:before {
    content: "\F135"
}

.mdi-checkbox-multiple-blank:before {
    content: "\F136"
}

.mdi-checkbox-multiple-blank-circle:before {
    content: "\F63B"
}

.mdi-checkbox-multiple-blank-circle-outline:before {
    content: "\F63C"
}

.mdi-checkbox-multiple-blank-outline:before {
    content: "\F137"
}

.mdi-checkbox-multiple-marked:before {
    content: "\F138"
}

.mdi-checkbox-multiple-marked-circle:before {
    content: "\F63D"
}

.mdi-checkbox-multiple-marked-circle-outline:before {
    content: "\F63E"
}

.mdi-checkbox-multiple-marked-outline:before {
    content: "\F139"
}

.mdi-checkerboard:before {
    content: "\F13A"
}

.mdi-chemical-weapon:before {
    content: "\F13B"
}

.mdi-chevron-double-down:before {
    content: "\F13C"
}

.mdi-chevron-double-left:before {
    content: "\F13D"
}

.mdi-chevron-double-right:before {
    content: "\F13E"
}

.mdi-chevron-double-up:before {
    content: "\F13F"
}

.mdi-chevron-down:before {
    content: "\F140"
}

.mdi-chevron-left:before {
    content: "\F141"
}

.mdi-chevron-right:before {
    content: "\F142"
}

.mdi-chevron-up:before {
    content: "\F143"
}

.mdi-chip:before {
    content: "\F61A"
}

.mdi-church:before {
    content: "\F144"
}

.mdi-cisco-webex:before {
    content: "\F145"
}

.mdi-city:before {
    content: "\F146"
}

.mdi-clipboard:before {
    content: "\F147"
}

.mdi-clipboard-account:before {
    content: "\F148"
}

.mdi-clipboard-alert:before {
    content: "\F149"
}

.mdi-clipboard-arrow-down:before {
    content: "\F14A"
}

.mdi-clipboard-arrow-left:before {
    content: "\F14B"
}

.mdi-clipboard-check:before {
    content: "\F14C"
}

.mdi-clipboard-flow:before {
    content: "\F6C7"
}

.mdi-clipboard-outline:before {
    content: "\F14D"
}

.mdi-clipboard-text:before {
    content: "\F14E"
}

.mdi-clippy:before {
    content: "\F14F"
}

.mdi-clock:before {
    content: "\F150"
}

.mdi-clock-alert:before {
    content: "\F5CE"
}

.mdi-clock-end:before {
    content: "\F151"
}

.mdi-clock-fast:before {
    content: "\F152"
}

.mdi-clock-in:before {
    content: "\F153"
}

.mdi-clock-out:before {
    content: "\F154"
}

.mdi-clock-start:before {
    content: "\F155"
}

.mdi-close:before {
    content: "\F156"
}

.mdi-close-box:before {
    content: "\F157"
}

.mdi-close-box-outline:before {
    content: "\F158"
}

.mdi-close-circle:before {
    content: "\F159"
}

.mdi-close-circle-outline:before {
    content: "\F15A"
}

.mdi-close-network:before {
    content: "\F15B"
}

.mdi-close-octagon:before {
    content: "\F15C"
}

.mdi-close-octagon-outline:before {
    content: "\F15D"
}

.mdi-close-outline:before {
    content: "\F6C8"
}

.mdi-closed-caption:before {
    content: "\F15E"
}

.mdi-cloud:before {
    content: "\F15F"
}

.mdi-cloud-check:before {
    content: "\F160"
}

.mdi-cloud-circle:before {
    content: "\F161"
}

.mdi-cloud-download:before {
    content: "\F162"
}

.mdi-cloud-outline:before {
    content: "\F163"
}

.mdi-cloud-outline-off:before {
    content: "\F164"
}

.mdi-cloud-print:before {
    content: "\F165"
}

.mdi-cloud-print-outline:before {
    content: "\F166"
}

.mdi-cloud-sync:before {
    content: "\F63F"
}

.mdi-cloud-upload:before {
    content: "\F167"
}

.mdi-code-array:before {
    content: "\F168"
}

.mdi-code-braces:before {
    content: "\F169"
}

.mdi-code-brackets:before {
    content: "\F16A"
}

.mdi-code-equal:before {
    content: "\F16B"
}

.mdi-code-greater-than:before {
    content: "\F16C"
}

.mdi-code-greater-than-or-equal:before {
    content: "\F16D"
}

.mdi-code-less-than:before {
    content: "\F16E"
}

.mdi-code-less-than-or-equal:before {
    content: "\F16F"
}

.mdi-code-not-equal:before {
    content: "\F170"
}

.mdi-code-not-equal-variant:before {
    content: "\F171"
}

.mdi-code-parentheses:before {
    content: "\F172"
}

.mdi-code-string:before {
    content: "\F173"
}

.mdi-code-tags:before {
    content: "\F174"
}

.mdi-code-tags-check:before {
    content: "\F693"
}

.mdi-codepen:before {
    content: "\F175"
}

.mdi-coffee:before {
    content: "\F176"
}

.mdi-coffee-outline:before {
    content: "\F6C9"
}

.mdi-coffee-to-go:before {
    content: "\F177"
}

.mdi-coin:before {
    content: "\F178"
}

.mdi-coins:before {
    content: "\F694"
}

.mdi-collage:before {
    content: "\F640"
}

.mdi-color-helper:before {
    content: "\F179"
}

.mdi-comment:before {
    content: "\F17A"
}

.mdi-comment-account:before {
    content: "\F17B"
}

.mdi-comment-account-outline:before {
    content: "\F17C"
}

.mdi-comment-alert:before {
    content: "\F17D"
}

.mdi-comment-alert-outline:before {
    content: "\F17E"
}

.mdi-comment-check:before {
    content: "\F17F"
}

.mdi-comment-check-outline:before {
    content: "\F180"
}

.mdi-comment-multiple-outline:before {
    content: "\F181"
}

.mdi-comment-outline:before {
    content: "\F182"
}

.mdi-comment-plus-outline:before {
    content: "\F183"
}

.mdi-comment-processing:before {
    content: "\F184"
}

.mdi-comment-processing-outline:before {
    content: "\F185"
}

.mdi-comment-question-outline:before {
    content: "\F186"
}

.mdi-comment-remove-outline:before {
    content: "\F187"
}

.mdi-comment-text:before {
    content: "\F188"
}

.mdi-comment-text-outline:before {
    content: "\F189"
}

.mdi-compare:before {
    content: "\F18A"
}

.mdi-compass:before {
    content: "\F18B"
}

.mdi-compass-outline:before {
    content: "\F18C"
}

.mdi-console:before {
    content: "\F18D"
}

.mdi-contact-mail:before {
    content: "\F18E"
}

.mdi-contacts:before {
    content: "\F6CA"
}

.mdi-content-copy:before {
    content: "\F18F"
}

.mdi-content-cut:before {
    content: "\F190"
}

.mdi-content-duplicate:before {
    content: "\F191"
}

.mdi-content-paste:before {
    content: "\F192"
}

.mdi-content-save:before {
    content: "\F193"
}

.mdi-content-save-all:before {
    content: "\F194"
}

.mdi-content-save-settings:before {
    content: "\F61B"
}

.mdi-contrast:before {
    content: "\F195"
}

.mdi-contrast-box:before {
    content: "\F196"
}

.mdi-contrast-circle:before {
    content: "\F197"
}

.mdi-cookie:before {
    content: "\F198"
}

.mdi-copyright:before {
    content: "\F5E6"
}

.mdi-counter:before {
    content: "\F199"
}

.mdi-cow:before {
    content: "\F19A"
}

.mdi-creation:before {
    content: "\F1C9"
}

.mdi-credit-card:before {
    content: "\F19B"
}

.mdi-credit-card-multiple:before {
    content: "\F19C"
}

.mdi-credit-card-off:before {
    content: "\F5E4"
}

.mdi-credit-card-plus:before {
    content: "\F675"
}

.mdi-credit-card-scan:before {
    content: "\F19D"
}

.mdi-crop:before {
    content: "\F19E"
}

.mdi-crop-free:before {
    content: "\F19F"
}

.mdi-crop-landscape:before {
    content: "\F1A0"
}

.mdi-crop-portrait:before {
    content: "\F1A1"
}

.mdi-crop-rotate:before {
    content: "\F695"
}

.mdi-crop-square:before {
    content: "\F1A2"
}

.mdi-crosshairs:before {
    content: "\F1A3"
}

.mdi-crosshairs-gps:before {
    content: "\F1A4"
}

.mdi-crown:before {
    content: "\F1A5"
}

.mdi-cube:before {
    content: "\F1A6"
}

.mdi-cube-outline:before {
    content: "\F1A7"
}

.mdi-cube-send:before {
    content: "\F1A8"
}

.mdi-cube-unfolded:before {
    content: "\F1A9"
}

.mdi-cup:before {
    content: "\F1AA"
}

.mdi-cup-off:before {
    content: "\F5E5"
}

.mdi-cup-water:before {
    content: "\F1AB"
}

.mdi-currency-btc:before {
    content: "\F1AC"
}

.mdi-currency-eur:before {
    content: "\F1AD"
}

.mdi-currency-gbp:before {
    content: "\F1AE"
}

.mdi-currency-inr:before {
    content: "\F1AF"
}

.mdi-currency-ngn:before {
    content: "\F1B0"
}

.mdi-currency-rub:before {
    content: "\F1B1"
}

.mdi-currency-try:before {
    content: "\F1B2"
}

.mdi-currency-usd:before {
    content: "\F1B3"
}

.mdi-currency-usd-off:before {
    content: "\F679"
}

.mdi-cursor-default:before {
    content: "\F1B4"
}

.mdi-cursor-default-outline:before {
    content: "\F1B5"
}

.mdi-cursor-move:before {
    content: "\F1B6"
}

.mdi-cursor-pointer:before {
    content: "\F1B7"
}

.mdi-cursor-text:before {
    content: "\F5E7"
}

.mdi-database:before {
    content: "\F1B8"
}

.mdi-database-minus:before {
    content: "\F1B9"
}

.mdi-database-plus:before {
    content: "\F1BA"
}

.mdi-debug-step-into:before {
    content: "\F1BB"
}

.mdi-debug-step-out:before {
    content: "\F1BC"
}

.mdi-debug-step-over:before {
    content: "\F1BD"
}

.mdi-decimal-decrease:before {
    content: "\F1BE"
}

.mdi-decimal-increase:before {
    content: "\F1BF"
}

.mdi-delete:before {
    content: "\F1C0"
}

.mdi-delete-circle:before {
    content: "\F682"
}

.mdi-delete-empty:before {
    content: "\F6CB"
}

.mdi-delete-forever:before {
    content: "\F5E8"
}

.mdi-delete-sweep:before {
    content: "\F5E9"
}

.mdi-delete-variant:before {
    content: "\F1C1"
}

.mdi-delta:before {
    content: "\F1C2"
}

.mdi-deskphone:before {
    content: "\F1C3"
}

.mdi-desktop-mac:before {
    content: "\F1C4"
}

.mdi-desktop-tower:before {
    content: "\F1C5"
}

.mdi-details:before {
    content: "\F1C6"
}

.mdi-developer-board:before {
    content: "\F696"
}

.mdi-deviantart:before {
    content: "\F1C7"
}

.mdi-dialpad:before {
    content: "\F61C"
}

.mdi-diamond:before {
    content: "\F1C8"
}

.mdi-dice-1:before {
    content: "\F1CA"
}

.mdi-dice-2:before {
    content: "\F1CB"
}

.mdi-dice-3:before {
    content: "\F1CC"
}

.mdi-dice-4:before {
    content: "\F1CD"
}

.mdi-dice-5:before {
    content: "\F1CE"
}

.mdi-dice-6:before {
    content: "\F1CF"
}

.mdi-dice-d20:before {
    content: "\F5EA"
}

.mdi-dice-d4:before {
    content: "\F5EB"
}

.mdi-dice-d6:before {
    content: "\F5EC"
}

.mdi-dice-d8:before {
    content: "\F5ED"
}

.mdi-dictionary:before {
    content: "\F61D"
}

.mdi-directions:before {
    content: "\F1D0"
}

.mdi-directions-fork:before {
    content: "\F641"
}

.mdi-discord:before {
    content: "\F66F"
}

.mdi-disk:before {
    content: "\F5EE"
}

.mdi-disk-alert:before {
    content: "\F1D1"
}

.mdi-disqus:before {
    content: "\F1D2"
}

.mdi-disqus-outline:before {
    content: "\F1D3"
}

.mdi-division:before {
    content: "\F1D4"
}

.mdi-division-box:before {
    content: "\F1D5"
}

.mdi-dna:before {
    content: "\F683"
}

.mdi-dns:before {
    content: "\F1D6"
}

.mdi-do-not-disturb:before {
    content: "\F697"
}

.mdi-do-not-disturb-off:before {
    content: "\F698"
}

.mdi-dolby:before {
    content: "\F6B2"
}

.mdi-domain:before {
    content: "\F1D7"
}

.mdi-dots-horizontal:before {
    content: "\F1D8"
}

.mdi-dots-vertical:before {
    content: "\F1D9"
}

.mdi-douban:before {
    content: "\F699"
}

.mdi-download:before {
    content: "\F1DA"
}

.mdi-drag:before {
    content: "\F1DB"
}

.mdi-drag-horizontal:before {
    content: "\F1DC"
}

.mdi-drag-vertical:before {
    content: "\F1DD"
}

.mdi-drawing:before {
    content: "\F1DE"
}

.mdi-drawing-box:before {
    content: "\F1DF"
}

.mdi-dribbble:before {
    content: "\F1E0"
}

.mdi-dribbble-box:before {
    content: "\F1E1"
}

.mdi-drone:before {
    content: "\F1E2"
}

.mdi-dropbox:before {
    content: "\F1E3"
}

.mdi-drupal:before {
    content: "\F1E4"
}

.mdi-duck:before {
    content: "\F1E5"
}

.mdi-dumbbell:before {
    content: "\F1E6"
}

.mdi-earth:before {
    content: "\F1E7"
}

.mdi-earth-box:before {
    content: "\F6CC"
}

.mdi-earth-box-off:before {
    content: "\F6CD"
}

.mdi-earth-off:before {
    content: "\F1E8"
}

.mdi-edge:before {
    content: "\F1E9"
}

.mdi-eject:before {
    content: "\F1EA"
}

.mdi-elevation-decline:before {
    content: "\F1EB"
}

.mdi-elevation-rise:before {
    content: "\F1EC"
}

.mdi-elevator:before {
    content: "\F1ED"
}

.mdi-email:before {
    content: "\F1EE"
}

.mdi-email-alert:before {
    content: "\F6CE"
}

.mdi-email-open:before {
    content: "\F1EF"
}

.mdi-email-open-outline:before {
    content: "\F5EF"
}

.mdi-email-outline:before {
    content: "\F1F0"
}

.mdi-email-secure:before {
    content: "\F1F1"
}

.mdi-email-variant:before {
    content: "\F5F0"
}

.mdi-emby:before {
    content: "\F6B3"
}

.mdi-emoticon:before {
    content: "\F1F2"
}

.mdi-emoticon-cool:before {
    content: "\F1F3"
}

.mdi-emoticon-dead:before {
    content: "\F69A"
}

.mdi-emoticon-devil:before {
    content: "\F1F4"
}

.mdi-emoticon-excited:before {
    content: "\F69B"
}

.mdi-emoticon-happy:before {
    content: "\F1F5"
}

.mdi-emoticon-neutral:before {
    content: "\F1F6"
}

.mdi-emoticon-poop:before {
    content: "\F1F7"
}

.mdi-emoticon-sad:before {
    content: "\F1F8"
}

.mdi-emoticon-tongue:before {
    content: "\F1F9"
}

.mdi-engine:before {
    content: "\F1FA"
}

.mdi-engine-outline:before {
    content: "\F1FB"
}

.mdi-equal:before {
    content: "\F1FC"
}

.mdi-equal-box:before {
    content: "\F1FD"
}

.mdi-eraser:before {
    content: "\F1FE"
}

.mdi-eraser-variant:before {
    content: "\F642"
}

.mdi-escalator:before {
    content: "\F1FF"
}

.mdi-ethernet:before {
    content: "\F200"
}

.mdi-ethernet-cable:before {
    content: "\F201"
}

.mdi-ethernet-cable-off:before {
    content: "\F202"
}

.mdi-etsy:before {
    content: "\F203"
}

.mdi-ev-station:before {
    content: "\F5F1"
}

.mdi-evernote:before {
    content: "\F204"
}

.mdi-exclamation:before {
    content: "\F205"
}

.mdi-exit-to-app:before {
    content: "\F206"
}

.mdi-export:before {
    content: "\F207"
}

.mdi-eye:before {
    content: "\F208"
}

.mdi-eye-off:before {
    content: "\F209"
}

.mdi-eye-outline:before {
    content: "\F6CF"
}

.mdi-eye-outline-off:before {
    content: "\F6D0"
}

.mdi-eyedropper:before {
    content: "\F20A"
}

.mdi-eyedropper-variant:before {
    content: "\F20B"
}

.mdi-face:before {
    content: "\F643"
}

.mdi-face-profile:before {
    content: "\F644"
}

.mdi-facebook:before {
    content: "\F20C"
}

.mdi-facebook-box:before {
    content: "\F20D"
}

.mdi-facebook-messenger:before {
    content: "\F20E"
}

.mdi-factory:before {
    content: "\F20F"
}

.mdi-fan:before {
    content: "\F210"
}

.mdi-fast-forward:before {
    content: "\F211"
}

.mdi-fast-forward-outline:before {
    content: "\F6D1"
}

.mdi-fax:before {
    content: "\F212"
}

.mdi-feather:before {
    content: "\F6D2"
}

.mdi-ferry:before {
    content: "\F213"
}

.mdi-file:before {
    content: "\F214"
}

.mdi-file-chart:before {
    content: "\F215"
}

.mdi-file-check:before {
    content: "\F216"
}

.mdi-file-cloud:before {
    content: "\F217"
}

.mdi-file-delimited:before {
    content: "\F218"
}

.mdi-file-document:before {
    content: "\F219"
}

.mdi-file-document-box:before {
    content: "\F21A"
}

.mdi-file-excel:before {
    content: "\F21B"
}

.mdi-file-excel-box:before {
    content: "\F21C"
}

.mdi-file-export:before {
    content: "\F21D"
}

.mdi-file-find:before {
    content: "\F21E"
}

.mdi-file-hidden:before {
    content: "\F613"
}

.mdi-file-image:before {
    content: "\F21F"
}

.mdi-file-import:before {
    content: "\F220"
}

.mdi-file-lock:before {
    content: "\F221"
}

.mdi-file-multiple:before {
    content: "\F222"
}

.mdi-file-music:before {
    content: "\F223"
}

.mdi-file-outline:before {
    content: "\F224"
}

.mdi-file-pdf:before {
    content: "\F225"
}

.mdi-file-pdf-box:before {
    content: "\F226"
}

.mdi-file-powerpoint:before {
    content: "\F227"
}

.mdi-file-powerpoint-box:before {
    content: "\F228"
}

.mdi-file-presentation-box:before {
    content: "\F229"
}

.mdi-file-restore:before {
    content: "\F670"
}

.mdi-file-send:before {
    content: "\F22A"
}

.mdi-file-tree:before {
    content: "\F645"
}

.mdi-file-video:before {
    content: "\F22B"
}

.mdi-file-word:before {
    content: "\F22C"
}

.mdi-file-word-box:before {
    content: "\F22D"
}

.mdi-file-xml:before {
    content: "\F22E"
}

.mdi-film:before {
    content: "\F22F"
}

.mdi-filmstrip:before {
    content: "\F230"
}

.mdi-filmstrip-off:before {
    content: "\F231"
}

.mdi-filter:before {
    content: "\F232"
}

.mdi-filter-outline:before {
    content: "\F233"
}

.mdi-filter-remove:before {
    content: "\F234"
}

.mdi-filter-remove-outline:before {
    content: "\F235"
}

.mdi-filter-variant:before {
    content: "\F236"
}

.mdi-find-replace:before {
    content: "\F6D3"
}

.mdi-fingerprint:before {
    content: "\F237"
}

.mdi-fire:before {
    content: "\F238"
}

.mdi-firefox:before {
    content: "\F239"
}

.mdi-fish:before {
    content: "\F23A"
}

.mdi-flag:before {
    content: "\F23B"
}

.mdi-flag-checkered:before {
    content: "\F23C"
}

.mdi-flag-outline:before {
    content: "\F23D"
}

.mdi-flag-outline-variant:before {
    content: "\F23E"
}

.mdi-flag-triangle:before {
    content: "\F23F"
}

.mdi-flag-variant:before {
    content: "\F240"
}

.mdi-flash:before {
    content: "\F241"
}

.mdi-flash-auto:before {
    content: "\F242"
}

.mdi-flash-off:before {
    content: "\F243"
}

.mdi-flash-outline:before {
    content: "\F6D4"
}

.mdi-flash-red-eye:before {
    content: "\F67A"
}

.mdi-flashlight:before {
    content: "\F244"
}

.mdi-flashlight-off:before {
    content: "\F245"
}

.mdi-flask:before {
    content: "\F093"
}

.mdi-flask-empty:before {
    content: "\F094"
}

.mdi-flask-empty-outline:before {
    content: "\F095"
}

.mdi-flask-outline:before {
    content: "\F096"
}

.mdi-flattr:before {
    content: "\F246"
}

.mdi-flip-to-back:before {
    content: "\F247"
}

.mdi-flip-to-front:before {
    content: "\F248"
}

.mdi-floppy:before {
    content: "\F249"
}

.mdi-flower:before {
    content: "\F24A"
}

.mdi-folder:before {
    content: "\F24B"
}

.mdi-folder-account:before {
    content: "\F24C"
}

.mdi-folder-download:before {
    content: "\F24D"
}

.mdi-folder-google-drive:before {
    content: "\F24E"
}

.mdi-folder-image:before {
    content: "\F24F"
}

.mdi-folder-lock:before {
    content: "\F250"
}

.mdi-folder-lock-open:before {
    content: "\F251"
}

.mdi-folder-move:before {
    content: "\F252"
}

.mdi-folder-multiple:before {
    content: "\F253"
}

.mdi-folder-multiple-image:before {
    content: "\F254"
}

.mdi-folder-multiple-outline:before {
    content: "\F255"
}

.mdi-folder-outline:before {
    content: "\F256"
}

.mdi-folder-plus:before {
    content: "\F257"
}

.mdi-folder-remove:before {
    content: "\F258"
}

.mdi-folder-star:before {
    content: "\F69C"
}

.mdi-folder-upload:before {
    content: "\F259"
}

.mdi-font-awesome:before {
    content: "\F03A"
}

.mdi-food:before {
    content: "\F25A"
}

.mdi-food-apple:before {
    content: "\F25B"
}

.mdi-food-fork-drink:before {
    content: "\F5F2"
}

.mdi-food-off:before {
    content: "\F5F3"
}

.mdi-food-variant:before {
    content: "\F25C"
}

.mdi-football:before {
    content: "\F25D"
}

.mdi-football-australian:before {
    content: "\F25E"
}

.mdi-football-helmet:before {
    content: "\F25F"
}

.mdi-format-align-center:before {
    content: "\F260"
}

.mdi-format-align-justify:before {
    content: "\F261"
}

.mdi-format-align-left:before {
    content: "\F262"
}

.mdi-format-align-right:before {
    content: "\F263"
}

.mdi-format-annotation-plus:before {
    content: "\F646"
}

.mdi-format-bold:before {
    content: "\F264"
}

.mdi-format-clear:before {
    content: "\F265"
}

.mdi-format-color-fill:before {
    content: "\F266"
}

.mdi-format-color-text:before {
    content: "\F69D"
}

.mdi-format-float-center:before {
    content: "\F267"
}

.mdi-format-float-left:before {
    content: "\F268"
}

.mdi-format-float-none:before {
    content: "\F269"
}

.mdi-format-float-right:before {
    content: "\F26A"
}

.mdi-format-font:before {
    content: "\F6D5"
}

.mdi-format-header-1:before {
    content: "\F26B"
}

.mdi-format-header-2:before {
    content: "\F26C"
}

.mdi-format-header-3:before {
    content: "\F26D"
}

.mdi-format-header-4:before {
    content: "\F26E"
}

.mdi-format-header-5:before {
    content: "\F26F"
}

.mdi-format-header-6:before {
    content: "\F270"
}

.mdi-format-header-decrease:before {
    content: "\F271"
}

.mdi-format-header-equal:before {
    content: "\F272"
}

.mdi-format-header-increase:before {
    content: "\F273"
}

.mdi-format-header-pound:before {
    content: "\F274"
}

.mdi-format-horizontal-align-center:before {
    content: "\F61E"
}

.mdi-format-horizontal-align-left:before {
    content: "\F61F"
}

.mdi-format-horizontal-align-right:before {
    content: "\F620"
}

.mdi-format-indent-decrease:before {
    content: "\F275"
}

.mdi-format-indent-increase:before {
    content: "\F276"
}

.mdi-format-italic:before {
    content: "\F277"
}

.mdi-format-line-spacing:before {
    content: "\F278"
}

.mdi-format-line-style:before {
    content: "\F5C8"
}

.mdi-format-line-weight:before {
    content: "\F5C9"
}

.mdi-format-list-bulleted:before {
    content: "\F279"
}

.mdi-format-list-bulleted-type:before {
    content: "\F27A"
}

.mdi-format-list-numbers:before {
    content: "\F27B"
}

.mdi-format-page-break:before {
    content: "\F6D6"
}

.mdi-format-paint:before {
    content: "\F27C"
}

.mdi-format-paragraph:before {
    content: "\F27D"
}

.mdi-format-pilcrow:before {
    content: "\F6D7"
}

.mdi-format-quote:before {
    content: "\F27E"
}

.mdi-format-rotate-90:before {
    content: "\F6A9"
}

.mdi-format-section:before {
    content: "\F69E"
}

.mdi-format-size:before {
    content: "\F27F"
}

.mdi-format-strikethrough:before {
    content: "\F280"
}

.mdi-format-strikethrough-variant:before {
    content: "\F281"
}

.mdi-format-subscript:before {
    content: "\F282"
}

.mdi-format-superscript:before {
    content: "\F283"
}

.mdi-format-text:before {
    content: "\F284"
}

.mdi-format-textdirection-l-to-r:before {
    content: "\F285"
}

.mdi-format-textdirection-r-to-l:before {
    content: "\F286"
}

.mdi-format-title:before {
    content: "\F5F4"
}

.mdi-format-underline:before {
    content: "\F287"
}

.mdi-format-vertical-align-bottom:before {
    content: "\F621"
}

.mdi-format-vertical-align-center:before {
    content: "\F622"
}

.mdi-format-vertical-align-top:before {
    content: "\F623"
}

.mdi-format-wrap-inline:before {
    content: "\F288"
}

.mdi-format-wrap-square:before {
    content: "\F289"
}

.mdi-format-wrap-tight:before {
    content: "\F28A"
}

.mdi-format-wrap-top-bottom:before {
    content: "\F28B"
}

.mdi-forum:before {
    content: "\F28C"
}

.mdi-forward:before {
    content: "\F28D"
}

.mdi-foursquare:before {
    content: "\F28E"
}

.mdi-fridge:before {
    content: "\F28F"
}

.mdi-fridge-filled:before {
    content: "\F290"
}

.mdi-fridge-filled-bottom:before {
    content: "\F291"
}

.mdi-fridge-filled-top:before {
    content: "\F292"
}

.mdi-fullscreen:before {
    content: "\F293"
}

.mdi-fullscreen-exit:before {
    content: "\F294"
}

.mdi-function:before {
    content: "\F295"
}

.mdi-gamepad:before {
    content: "\F296"
}

.mdi-gamepad-variant:before {
    content: "\F297"
}

.mdi-garage:before {
    content: "\F6D8"
}

.mdi-garage-open:before {
    content: "\F6D9"
}

.mdi-gas-cylinder:before {
    content: "\F647"
}

.mdi-gas-station:before {
    content: "\F298"
}

.mdi-gate:before {
    content: "\F299"
}

.mdi-gauge:before {
    content: "\F29A"
}

.mdi-gavel:before {
    content: "\F29B"
}

.mdi-gender-female:before {
    content: "\F29C"
}

.mdi-gender-male:before {
    content: "\F29D"
}

.mdi-gender-male-female:before {
    content: "\F29E"
}

.mdi-gender-transgender:before {
    content: "\F29F"
}

.mdi-ghost:before {
    content: "\F2A0"
}

.mdi-gift:before {
    content: "\F2A1"
}

.mdi-git:before {
    content: "\F2A2"
}

.mdi-github-box:before {
    content: "\F2A3"
}

.mdi-github-circle:before {
    content: "\F2A4"
}

.mdi-github-face:before {
    content: "\F6DA"
}

.mdi-glass-flute:before {
    content: "\F2A5"
}

.mdi-glass-mug:before {
    content: "\F2A6"
}

.mdi-glass-stange:before {
    content: "\F2A7"
}

.mdi-glass-tulip:before {
    content: "\F2A8"
}

.mdi-glassdoor:before {
    content: "\F2A9"
}

.mdi-glasses:before {
    content: "\F2AA"
}

.mdi-gmail:before {
    content: "\F2AB"
}

.mdi-gnome:before {
    content: "\F2AC"
}

.mdi-gondola:before {
    content: "\F685"
}

.mdi-google:before {
    content: "\F2AD"
}

.mdi-google-cardboard:before {
    content: "\F2AE"
}

.mdi-google-chrome:before {
    content: "\F2AF"
}

.mdi-google-circles:before {
    content: "\F2B0"
}

.mdi-google-circles-communities:before {
    content: "\F2B1"
}

.mdi-google-circles-extended:before {
    content: "\F2B2"
}

.mdi-google-circles-group:before {
    content: "\F2B3"
}

.mdi-google-controller:before {
    content: "\F2B4"
}

.mdi-google-controller-off:before {
    content: "\F2B5"
}

.mdi-google-drive:before {
    content: "\F2B6"
}

.mdi-google-earth:before {
    content: "\F2B7"
}

.mdi-google-glass:before {
    content: "\F2B8"
}

.mdi-google-keep:before {
    content: "\F6DB"
}

.mdi-google-maps:before {
    content: "\F5F5"
}

.mdi-google-nearby:before {
    content: "\F2B9"
}

.mdi-google-pages:before {
    content: "\F2BA"
}

.mdi-google-photos:before {
    content: "\F6DC"
}

.mdi-google-physical-web:before {
    content: "\F2BB"
}

.mdi-google-play:before {
    content: "\F2BC"
}

.mdi-google-plus:before {
    content: "\F2BD"
}

.mdi-google-plus-box:before {
    content: "\F2BE"
}

.mdi-google-translate:before {
    content: "\F2BF"
}

.mdi-google-wallet:before {
    content: "\F2C0"
}

.mdi-gradient:before {
    content: "\F69F"
}

.mdi-grease-pencil:before {
    content: "\F648"
}

.mdi-grid:before {
    content: "\F2C1"
}

.mdi-grid-off:before {
    content: "\F2C2"
}

.mdi-group:before {
    content: "\F2C3"
}

.mdi-guitar-electric:before {
    content: "\F2C4"
}

.mdi-guitar-pick:before {
    content: "\F2C5"
}

.mdi-guitar-pick-outline:before {
    content: "\F2C6"
}

.mdi-hackernews:before {
    content: "\F624"
}

.mdi-hamburger:before {
    content: "\F684"
}

.mdi-hand-pointing-right:before {
    content: "\F2C7"
}

.mdi-hanger:before {
    content: "\F2C8"
}

.mdi-hangouts:before {
    content: "\F2C9"
}

.mdi-harddisk:before {
    content: "\F2CA"
}

.mdi-headphones:before {
    content: "\F2CB"
}

.mdi-headphones-box:before {
    content: "\F2CC"
}

.mdi-headphones-settings:before {
    content: "\F2CD"
}

.mdi-headset:before {
    content: "\F2CE"
}

.mdi-headset-dock:before {
    content: "\F2CF"
}

.mdi-headset-off:before {
    content: "\F2D0"
}

.mdi-heart:before {
    content: "\F2D1"
}

.mdi-heart-box:before {
    content: "\F2D2"
}

.mdi-heart-box-outline:before {
    content: "\F2D3"
}

.mdi-heart-broken:before {
    content: "\F2D4"
}

.mdi-heart-half-outline:before {
    content: "\F6DD"
}

.mdi-heart-half-part:before {
    content: "\F6DE"
}

.mdi-heart-half-part-outline:before {
    content: "\F6DF"
}

.mdi-heart-outline:before {
    content: "\F2D5"
}

.mdi-heart-pulse:before {
    content: "\F5F6"
}

.mdi-help:before {
    content: "\F2D6"
}

.mdi-help-circle:before {
    content: "\F2D7"
}

.mdi-help-circle-outline:before {
    content: "\F625"
}

.mdi-hexagon:before {
    content: "\F2D8"
}

.mdi-hexagon-multiple:before {
    content: "\F6E0"
}

.mdi-hexagon-outline:before {
    content: "\F2D9"
}

.mdi-highway:before {
    content: "\F5F7"
}

.mdi-history:before {
    content: "\F2DA"
}

.mdi-hololens:before {
    content: "\F2DB"
}

.mdi-home:before {
    content: "\F2DC"
}

.mdi-home-map-marker:before {
    content: "\F5F8"
}

.mdi-home-modern:before {
    content: "\F2DD"
}

.mdi-home-outline:before {
    content: "\F6A0"
}

.mdi-home-variant:before {
    content: "\F2DE"
}

.mdi-hook:before {
    content: "\F6E1"
}

.mdi-hook-off:before {
    content: "\F6E2"
}

.mdi-hops:before {
    content: "\F2DF"
}

.mdi-hospital:before {
    content: "\F2E0"
}

.mdi-hospital-building:before {
    content: "\F2E1"
}

.mdi-hospital-marker:before {
    content: "\F2E2"
}

.mdi-hotel:before {
    content: "\F2E3"
}

.mdi-houzz:before {
    content: "\F2E4"
}

.mdi-houzz-box:before {
    content: "\F2E5"
}

.mdi-human:before {
    content: "\F2E6"
}

.mdi-human-child:before {
    content: "\F2E7"
}

.mdi-human-female:before {
    content: "\F649"
}

.mdi-human-greeting:before {
    content: "\F64A"
}

.mdi-human-handsdown:before {
    content: "\F64B"
}

.mdi-human-handsup:before {
    content: "\F64C"
}

.mdi-human-male:before {
    content: "\F64D"
}

.mdi-human-male-female:before {
    content: "\F2E8"
}

.mdi-human-pregnant:before {
    content: "\F5CF"
}

.mdi-image:before {
    content: "\F2E9"
}

.mdi-image-album:before {
    content: "\F2EA"
}

.mdi-image-area:before {
    content: "\F2EB"
}

.mdi-image-area-close:before {
    content: "\F2EC"
}

.mdi-image-broken:before {
    content: "\F2ED"
}

.mdi-image-broken-variant:before {
    content: "\F2EE"
}

.mdi-image-filter:before {
    content: "\F2EF"
}

.mdi-image-filter-black-white:before {
    content: "\F2F0"
}

.mdi-image-filter-center-focus:before {
    content: "\F2F1"
}

.mdi-image-filter-center-focus-weak:before {
    content: "\F2F2"
}

.mdi-image-filter-drama:before {
    content: "\F2F3"
}

.mdi-image-filter-frames:before {
    content: "\F2F4"
}

.mdi-image-filter-hdr:before {
    content: "\F2F5"
}

.mdi-image-filter-none:before {
    content: "\F2F6"
}

.mdi-image-filter-tilt-shift:before {
    content: "\F2F7"
}

.mdi-image-filter-vintage:before {
    content: "\F2F8"
}

.mdi-image-multiple:before {
    content: "\F2F9"
}

.mdi-import:before {
    content: "\F2FA"
}

.mdi-inbox:before {
    content: "\F686"
}

.mdi-inbox-arrow-down:before {
    content: "\F2FB"
}

.mdi-inbox-arrow-up:before {
    content: "\F3D1"
}

.mdi-incognito:before {
    content: "\F5F9"
}

.mdi-infinity:before {
    content: "\F6E3"
}

.mdi-information:before {
    content: "\F2FC"
}

.mdi-information-outline:before {
    content: "\F2FD"
}

.mdi-information-variant:before {
    content: "\F64E"
}

.mdi-instagram:before {
    content: "\F2FE"
}

.mdi-instapaper:before {
    content: "\F2FF"
}

.mdi-internet-explorer:before {
    content: "\F300"
}

.mdi-invert-colors:before {
    content: "\F301"
}

.mdi-itunes:before {
    content: "\F676"
}

.mdi-jeepney:before {
    content: "\F302"
}

.mdi-jira:before {
    content: "\F303"
}

.mdi-jsfiddle:before {
    content: "\F304"
}

.mdi-json:before {
    content: "\F626"
}

.mdi-keg:before {
    content: "\F305"
}

.mdi-kettle:before {
    content: "\F5FA"
}

.mdi-key:before {
    content: "\F306"
}

.mdi-key-change:before {
    content: "\F307"
}

.mdi-key-minus:before {
    content: "\F308"
}

.mdi-key-plus:before {
    content: "\F309"
}

.mdi-key-remove:before {
    content: "\F30A"
}

.mdi-key-variant:before {
    content: "\F30B"
}

.mdi-keyboard:before {
    content: "\F30C"
}

.mdi-keyboard-backspace:before {
    content: "\F30D"
}

.mdi-keyboard-caps:before {
    content: "\F30E"
}

.mdi-keyboard-close:before {
    content: "\F30F"
}

.mdi-keyboard-off:before {
    content: "\F310"
}

.mdi-keyboard-return:before {
    content: "\F311"
}

.mdi-keyboard-tab:before {
    content: "\F312"
}

.mdi-keyboard-variant:before {
    content: "\F313"
}

.mdi-kodi:before {
    content: "\F314"
}

.mdi-label:before {
    content: "\F315"
}

.mdi-label-outline:before {
    content: "\F316"
}

.mdi-lambda:before {
    content: "\F627"
}

.mdi-lamp:before {
    content: "\F6B4"
}

.mdi-lan:before {
    content: "\F317"
}

.mdi-lan-connect:before {
    content: "\F318"
}

.mdi-lan-disconnect:before {
    content: "\F319"
}

.mdi-lan-pending:before {
    content: "\F31A"
}

.mdi-language-c:before {
    content: "\F671"
}

.mdi-language-cpp:before {
    content: "\F672"
}

.mdi-language-csharp:before {
    content: "\F31B"
}

.mdi-language-css3:before {
    content: "\F31C"
}

.mdi-language-html5:before {
    content: "\F31D"
}

.mdi-language-javascript:before {
    content: "\F31E"
}

.mdi-language-php:before {
    content: "\F31F"
}

.mdi-language-python:before {
    content: "\F320"
}

.mdi-language-python-text:before {
    content: "\F321"
}

.mdi-language-swift:before {
    content: "\F6E4"
}

.mdi-language-typescript:before {
    content: "\F6E5"
}

.mdi-laptop:before {
    content: "\F322"
}

.mdi-laptop-chromebook:before {
    content: "\F323"
}

.mdi-laptop-mac:before {
    content: "\F324"
}

.mdi-laptop-off:before {
    content: "\F6E6"
}

.mdi-laptop-windows:before {
    content: "\F325"
}

.mdi-lastfm:before {
    content: "\F326"
}

.mdi-launch:before {
    content: "\F327"
}

.mdi-layers:before {
    content: "\F328"
}

.mdi-layers-off:before {
    content: "\F329"
}

.mdi-lead-pencil:before {
    content: "\F64F"
}

.mdi-leaf:before {
    content: "\F32A"
}

.mdi-led-off:before {
    content: "\F32B"
}

.mdi-led-on:before {
    content: "\F32C"
}

.mdi-led-outline:before {
    content: "\F32D"
}

.mdi-led-variant-off:before {
    content: "\F32E"
}

.mdi-led-variant-on:before {
    content: "\F32F"
}

.mdi-led-variant-outline:before {
    content: "\F330"
}

.mdi-library:before {
    content: "\F331"
}

.mdi-library-books:before {
    content: "\F332"
}

.mdi-library-music:before {
    content: "\F333"
}

.mdi-library-plus:before {
    content: "\F334"
}

.mdi-lightbulb:before {
    content: "\F335"
}

.mdi-lightbulb-on:before {
    content: "\F6E7"
}

.mdi-lightbulb-on-outline:before {
    content: "\F6E8"
}

.mdi-lightbulb-outline:before {
    content: "\F336"
}

.mdi-link:before {
    content: "\F337"
}

.mdi-link-off:before {
    content: "\F338"
}

.mdi-link-variant:before {
    content: "\F339"
}

.mdi-link-variant-off:before {
    content: "\F33A"
}

.mdi-linkedin:before {
    content: "\F33B"
}

.mdi-linkedin-box:before {
    content: "\F33C"
}

.mdi-linux:before {
    content: "\F33D"
}

.mdi-lock:before {
    content: "\F33E"
}

.mdi-lock-open:before {
    content: "\F33F"
}

.mdi-lock-open-outline:before {
    content: "\F340"
}

.mdi-lock-outline:before {
    content: "\F341"
}

.mdi-lock-pattern:before {
    content: "\F6E9"
}

.mdi-lock-plus:before {
    content: "\F5FB"
}

.mdi-login:before {
    content: "\F342"
}

.mdi-login-variant:before {
    content: "\F5FC"
}

.mdi-logout:before {
    content: "\F343"
}

.mdi-logout-variant:before {
    content: "\F5FD"
}

.mdi-looks:before {
    content: "\F344"
}

.mdi-loop:before {
    content: "\F6EA"
}

.mdi-loupe:before {
    content: "\F345"
}

.mdi-lumx:before {
    content: "\F346"
}

.mdi-magnet:before {
    content: "\F347"
}

.mdi-magnet-on:before {
    content: "\F348"
}

.mdi-magnify:before {
    content: "\F349"
}

.mdi-magnify-minus:before {
    content: "\F34A"
}

.mdi-magnify-minus-outline:before {
    content: "\F6EB"
}

.mdi-magnify-plus:before {
    content: "\F34B"
}

.mdi-magnify-plus-outline:before {
    content: "\F6EC"
}

.mdi-mail-ru:before {
    content: "\F34C"
}

.mdi-mailbox:before {
    content: "\F6ED"
}

.mdi-map:before {
    content: "\F34D"
}

.mdi-map-marker:before {
    content: "\F34E"
}

.mdi-map-marker-circle:before {
    content: "\F34F"
}

.mdi-map-marker-minus:before {
    content: "\F650"
}

.mdi-map-marker-multiple:before {
    content: "\F350"
}

.mdi-map-marker-off:before {
    content: "\F351"
}

.mdi-map-marker-plus:before {
    content: "\F651"
}

.mdi-map-marker-radius:before {
    content: "\F352"
}

.mdi-margin:before {
    content: "\F353"
}

.mdi-markdown:before {
    content: "\F354"
}

.mdi-marker:before {
    content: "\F652"
}

.mdi-marker-check:before {
    content: "\F355"
}

.mdi-martini:before {
    content: "\F356"
}

.mdi-material-ui:before {
    content: "\F357"
}

.mdi-math-compass:before {
    content: "\F358"
}

.mdi-matrix:before {
    content: "\F628"
}

.mdi-maxcdn:before {
    content: "\F359"
}

.mdi-medical-bag:before {
    content: "\F6EE"
}

.mdi-medium:before {
    content: "\F35A"
}

.mdi-memory:before {
    content: "\F35B"
}

.mdi-menu:before {
    content: "\F35C"
}

.mdi-menu-down:before {
    content: "\F35D"
}

.mdi-menu-down-outline:before {
    content: "\F6B5"
}

.mdi-menu-left:before {
    content: "\F35E"
}

.mdi-menu-right:before {
    content: "\F35F"
}

.mdi-menu-up:before {
    content: "\F360"
}

.mdi-menu-up-outline:before {
    content: "\F6B6"
}

.mdi-message:before {
    content: "\F361"
}

.mdi-message-alert:before {
    content: "\F362"
}

.mdi-message-bulleted:before {
    content: "\F6A1"
}

.mdi-message-bulleted-off:before {
    content: "\F6A2"
}

.mdi-message-draw:before {
    content: "\F363"
}

.mdi-message-image:before {
    content: "\F364"
}

.mdi-message-outline:before {
    content: "\F365"
}

.mdi-message-plus:before {
    content: "\F653"
}

.mdi-message-processing:before {
    content: "\F366"
}

.mdi-message-reply:before {
    content: "\F367"
}

.mdi-message-reply-text:before {
    content: "\F368"
}

.mdi-message-settings:before {
    content: "\F6EF"
}

.mdi-message-settings-variant:before {
    content: "\F6F0"
}

.mdi-message-text:before {
    content: "\F369"
}

.mdi-message-text-outline:before {
    content: "\F36A"
}

.mdi-message-video:before {
    content: "\F36B"
}

.mdi-meteor:before {
    content: "\F629"
}

.mdi-microphone:before {
    content: "\F36C"
}

.mdi-microphone-off:before {
    content: "\F36D"
}

.mdi-microphone-outline:before {
    content: "\F36E"
}

.mdi-microphone-settings:before {
    content: "\F36F"
}

.mdi-microphone-variant:before {
    content: "\F370"
}

.mdi-microphone-variant-off:before {
    content: "\F371"
}

.mdi-microscope:before {
    content: "\F654"
}

.mdi-microsoft:before {
    content: "\F372"
}

.mdi-minecraft:before {
    content: "\F373"
}

.mdi-minus:before {
    content: "\F374"
}

.mdi-minus-box:before {
    content: "\F375"
}

.mdi-minus-box-outline:before {
    content: "\F6F1"
}

.mdi-minus-circle:before {
    content: "\F376"
}

.mdi-minus-circle-outline:before {
    content: "\F377"
}

.mdi-minus-network:before {
    content: "\F378"
}

.mdi-mixcloud:before {
    content: "\F62A"
}

.mdi-monitor:before {
    content: "\F379"
}

.mdi-monitor-multiple:before {
    content: "\F37A"
}

.mdi-more:before {
    content: "\F37B"
}

.mdi-motorbike:before {
    content: "\F37C"
}

.mdi-mouse:before {
    content: "\F37D"
}

.mdi-mouse-off:before {
    content: "\F37E"
}

.mdi-mouse-variant:before {
    content: "\F37F"
}

.mdi-mouse-variant-off:before {
    content: "\F380"
}

.mdi-move-resize:before {
    content: "\F655"
}

.mdi-move-resize-variant:before {
    content: "\F656"
}

.mdi-movie:before {
    content: "\F381"
}

.mdi-multiplication:before {
    content: "\F382"
}

.mdi-multiplication-box:before {
    content: "\F383"
}

.mdi-music-box:before {
    content: "\F384"
}

.mdi-music-box-outline:before {
    content: "\F385"
}

.mdi-music-circle:before {
    content: "\F386"
}

.mdi-music-note:before {
    content: "\F387"
}

.mdi-music-note-bluetooth:before {
    content: "\F5FE"
}

.mdi-music-note-bluetooth-off:before {
    content: "\F5FF"
}

.mdi-music-note-eighth:before {
    content: "\F388"
}

.mdi-music-note-half:before {
    content: "\F389"
}

.mdi-music-note-off:before {
    content: "\F38A"
}

.mdi-music-note-quarter:before {
    content: "\F38B"
}

.mdi-music-note-sixteenth:before {
    content: "\F38C"
}

.mdi-music-note-whole:before {
    content: "\F38D"
}

.mdi-nature:before {
    content: "\F38E"
}

.mdi-nature-people:before {
    content: "\F38F"
}

.mdi-navigation:before {
    content: "\F390"
}

.mdi-near-me:before {
    content: "\F5CD"
}

.mdi-needle:before {
    content: "\F391"
}

.mdi-nest-protect:before {
    content: "\F392"
}

.mdi-nest-thermostat:before {
    content: "\F393"
}

.mdi-network:before {
    content: "\F6F2"
}

.mdi-network-download:before {
    content: "\F6F3"
}

.mdi-network-question:before {
    content: "\F6F4"
}

.mdi-network-upload:before {
    content: "\F6F5"
}

.mdi-new-box:before {
    content: "\F394"
}

.mdi-newspaper:before {
    content: "\F395"
}

.mdi-nfc:before {
    content: "\F396"
}

.mdi-nfc-tap:before {
    content: "\F397"
}

.mdi-nfc-variant:before {
    content: "\F398"
}

.mdi-nodejs:before {
    content: "\F399"
}

.mdi-note:before {
    content: "\F39A"
}

.mdi-note-multiple:before {
    content: "\F6B7"
}

.mdi-note-multiple-outline:before {
    content: "\F6B8"
}

.mdi-note-outline:before {
    content: "\F39B"
}

.mdi-note-plus:before {
    content: "\F39C"
}

.mdi-note-plus-outline:before {
    content: "\F39D"
}

.mdi-note-text:before {
    content: "\F39E"
}

.mdi-notification-clear-all:before {
    content: "\F39F"
}

.mdi-npm:before {
    content: "\F6F6"
}

.mdi-nuke:before {
    content: "\F6A3"
}

.mdi-numeric:before {
    content: "\F3A0"
}

.mdi-numeric-0-box:before {
    content: "\F3A1"
}

.mdi-numeric-0-box-multiple-outline:before {
    content: "\F3A2"
}

.mdi-numeric-0-box-outline:before {
    content: "\F3A3"
}

.mdi-numeric-1-box:before {
    content: "\F3A4"
}

.mdi-numeric-1-box-multiple-outline:before {
    content: "\F3A5"
}

.mdi-numeric-1-box-outline:before {
    content: "\F3A6"
}

.mdi-numeric-2-box:before {
    content: "\F3A7"
}

.mdi-numeric-2-box-multiple-outline:before {
    content: "\F3A8"
}

.mdi-numeric-2-box-outline:before {
    content: "\F3A9"
}

.mdi-numeric-3-box:before {
    content: "\F3AA"
}

.mdi-numeric-3-box-multiple-outline:before {
    content: "\F3AB"
}

.mdi-numeric-3-box-outline:before {
    content: "\F3AC"
}

.mdi-numeric-4-box:before {
    content: "\F3AD"
}

.mdi-numeric-4-box-multiple-outline:before {
    content: "\F3AE"
}

.mdi-numeric-4-box-outline:before {
    content: "\F3AF"
}

.mdi-numeric-5-box:before {
    content: "\F3B0"
}

.mdi-numeric-5-box-multiple-outline:before {
    content: "\F3B1"
}

.mdi-numeric-5-box-outline:before {
    content: "\F3B2"
}

.mdi-numeric-6-box:before {
    content: "\F3B3"
}

.mdi-numeric-6-box-multiple-outline:before {
    content: "\F3B4"
}

.mdi-numeric-6-box-outline:before {
    content: "\F3B5"
}

.mdi-numeric-7-box:before {
    content: "\F3B6"
}

.mdi-numeric-7-box-multiple-outline:before {
    content: "\F3B7"
}

.mdi-numeric-7-box-outline:before {
    content: "\F3B8"
}

.mdi-numeric-8-box:before {
    content: "\F3B9"
}

.mdi-numeric-8-box-multiple-outline:before {
    content: "\F3BA"
}

.mdi-numeric-8-box-outline:before {
    content: "\F3BB"
}

.mdi-numeric-9-box:before {
    content: "\F3BC"
}

.mdi-numeric-9-box-multiple-outline:before {
    content: "\F3BD"
}

.mdi-numeric-9-box-outline:before {
    content: "\F3BE"
}

.mdi-numeric-9-plus-box:before {
    content: "\F3BF"
}

.mdi-numeric-9-plus-box-multiple-outline:before {
    content: "\F3C0"
}

.mdi-numeric-9-plus-box-outline:before {
    content: "\F3C1"
}

.mdi-nut:before {
    content: "\F6F7"
}

.mdi-nutrition:before {
    content: "\F3C2"
}

.mdi-oar:before {
    content: "\F67B"
}

.mdi-octagon:before {
    content: "\F3C3"
}

.mdi-octagon-outline:before {
    content: "\F3C4"
}

.mdi-octagram:before {
    content: "\F6F8"
}

.mdi-odnoklassniki:before {
    content: "\F3C5"
}

.mdi-office:before {
    content: "\F3C6"
}

.mdi-oil:before {
    content: "\F3C7"
}

.mdi-oil-temperature:before {
    content: "\F3C8"
}

.mdi-omega:before {
    content: "\F3C9"
}

.mdi-onedrive:before {
    content: "\F3CA"
}

.mdi-opacity:before {
    content: "\F5CC"
}

.mdi-open-in-app:before {
    content: "\F3CB"
}

.mdi-open-in-new:before {
    content: "\F3CC"
}

.mdi-openid:before {
    content: "\F3CD"
}

.mdi-opera:before {
    content: "\F3CE"
}

.mdi-ornament:before {
    content: "\F3CF"
}

.mdi-ornament-variant:before {
    content: "\F3D0"
}

.mdi-owl:before {
    content: "\F3D2"
}

.mdi-package:before {
    content: "\F3D3"
}

.mdi-package-down:before {
    content: "\F3D4"
}

.mdi-package-up:before {
    content: "\F3D5"
}

.mdi-package-variant:before {
    content: "\F3D6"
}

.mdi-package-variant-closed:before {
    content: "\F3D7"
}

.mdi-page-first:before {
    content: "\F600"
}

.mdi-page-last:before {
    content: "\F601"
}

.mdi-page-layout-body:before {
    content: "\F6F9"
}

.mdi-page-layout-footer:before {
    content: "\F6FA"
}

.mdi-page-layout-header:before {
    content: "\F6FB"
}

.mdi-page-layout-sidebar-left:before {
    content: "\F6FC"
}

.mdi-page-layout-sidebar-right:before {
    content: "\F6FD"
}

.mdi-palette:before {
    content: "\F3D8"
}

.mdi-palette-advanced:before {
    content: "\F3D9"
}

.mdi-panda:before {
    content: "\F3DA"
}

.mdi-pandora:before {
    content: "\F3DB"
}

.mdi-panorama:before {
    content: "\F3DC"
}

.mdi-panorama-fisheye:before {
    content: "\F3DD"
}

.mdi-panorama-horizontal:before {
    content: "\F3DE"
}

.mdi-panorama-vertical:before {
    content: "\F3DF"
}

.mdi-panorama-wide-angle:before {
    content: "\F3E0"
}

.mdi-paper-cut-vertical:before {
    content: "\F3E1"
}

.mdi-paperclip:before {
    content: "\F3E2"
}

.mdi-parking:before {
    content: "\F3E3"
}

.mdi-pause:before {
    content: "\F3E4"
}

.mdi-pause-circle:before {
    content: "\F3E5"
}

.mdi-pause-circle-outline:before {
    content: "\F3E6"
}

.mdi-pause-octagon:before {
    content: "\F3E7"
}

.mdi-pause-octagon-outline:before {
    content: "\F3E8"
}

.mdi-paw:before {
    content: "\F3E9"
}

.mdi-paw-off:before {
    content: "\F657"
}

.mdi-pen:before {
    content: "\F3EA"
}

.mdi-pencil:before {
    content: "\F3EB"
}

.mdi-pencil-box:before {
    content: "\F3EC"
}

.mdi-pencil-box-outline:before {
    content: "\F3ED"
}

.mdi-pencil-circle:before {
    content: "\F6FE"
}

.mdi-pencil-lock:before {
    content: "\F3EE"
}

.mdi-pencil-off:before {
    content: "\F3EF"
}

.mdi-pentagon:before {
    content: "\F6FF"
}

.mdi-pentagon-outline:before {
    content: "\F700"
}

.mdi-percent:before {
    content: "\F3F0"
}

.mdi-pharmacy:before {
    content: "\F3F1"
}

.mdi-phone:before {
    content: "\F3F2"
}

.mdi-phone-bluetooth:before {
    content: "\F3F3"
}

.mdi-phone-classic:before {
    content: "\F602"
}

.mdi-phone-forward:before {
    content: "\F3F4"
}

.mdi-phone-hangup:before {
    content: "\F3F5"
}

.mdi-phone-in-talk:before {
    content: "\F3F6"
}

.mdi-phone-incoming:before {
    content: "\F3F7"
}

.mdi-phone-locked:before {
    content: "\F3F8"
}

.mdi-phone-log:before {
    content: "\F3F9"
}

.mdi-phone-minus:before {
    content: "\F658"
}

.mdi-phone-missed:before {
    content: "\F3FA"
}

.mdi-phone-outgoing:before {
    content: "\F3FB"
}

.mdi-phone-paused:before {
    content: "\F3FC"
}

.mdi-phone-plus:before {
    content: "\F659"
}

.mdi-phone-settings:before {
    content: "\F3FD"
}

.mdi-phone-voip:before {
    content: "\F3FE"
}

.mdi-pi:before {
    content: "\F3FF"
}

.mdi-pi-box:before {
    content: "\F400"
}

.mdi-piano:before {
    content: "\F67C"
}

.mdi-pig:before {
    content: "\F401"
}

.mdi-pill:before {
    content: "\F402"
}

.mdi-pillar:before {
    content: "\F701"
}

.mdi-pin:before {
    content: "\F403"
}

.mdi-pin-off:before {
    content: "\F404"
}

.mdi-pine-tree:before {
    content: "\F405"
}

.mdi-pine-tree-box:before {
    content: "\F406"
}

.mdi-pinterest:before {
    content: "\F407"
}

.mdi-pinterest-box:before {
    content: "\F408"
}

.mdi-pistol:before {
    content: "\F702"
}

.mdi-pizza:before {
    content: "\F409"
}

.mdi-plane-shield:before {
    content: "\F6BA"
}

.mdi-play:before {
    content: "\F40A"
}

.mdi-play-box-outline:before {
    content: "\F40B"
}

.mdi-play-circle:before {
    content: "\F40C"
}

.mdi-play-circle-outline:before {
    content: "\F40D"
}

.mdi-play-pause:before {
    content: "\F40E"
}

.mdi-play-protected-content:before {
    content: "\F40F"
}

.mdi-playlist-check:before {
    content: "\F5C7"
}

.mdi-playlist-minus:before {
    content: "\F410"
}

.mdi-playlist-play:before {
    content: "\F411"
}

.mdi-playlist-plus:before {
    content: "\F412"
}

.mdi-playlist-remove:before {
    content: "\F413"
}

.mdi-playstation:before {
    content: "\F414"
}

.mdi-plex:before {
    content: "\F6B9"
}

.mdi-plus:before {
    content: "\F415"
}

.mdi-plus-box:before {
    content: "\F416"
}

.mdi-plus-box-outline:before {
    content: "\F703"
}

.mdi-plus-circle:before {
    content: "\F417"
}

.mdi-plus-circle-multiple-outline:before {
    content: "\F418"
}

.mdi-plus-circle-outline:before {
    content: "\F419"
}

.mdi-plus-network:before {
    content: "\F41A"
}

.mdi-plus-one:before {
    content: "\F41B"
}

.mdi-plus-outline:before {
    content: "\F704"
}

.mdi-pocket:before {
    content: "\F41C"
}

.mdi-pokeball:before {
    content: "\F41D"
}

.mdi-polaroid:before {
    content: "\F41E"
}

.mdi-poll:before {
    content: "\F41F"
}

.mdi-poll-box:before {
    content: "\F420"
}

.mdi-polymer:before {
    content: "\F421"
}

.mdi-pool:before {
    content: "\F606"
}

.mdi-popcorn:before {
    content: "\F422"
}

.mdi-pot:before {
    content: "\F65A"
}

.mdi-pot-mix:before {
    content: "\F65B"
}

.mdi-pound:before {
    content: "\F423"
}

.mdi-pound-box:before {
    content: "\F424"
}

.mdi-power:before {
    content: "\F425"
}

.mdi-power-plug:before {
    content: "\F6A4"
}

.mdi-power-plug-off:before {
    content: "\F6A5"
}

.mdi-power-settings:before {
    content: "\F426"
}

.mdi-power-socket:before {
    content: "\F427"
}

.mdi-prescription:before {
    content: "\F705"
}

.mdi-presentation:before {
    content: "\F428"
}

.mdi-presentation-play:before {
    content: "\F429"
}

.mdi-printer:before {
    content: "\F42A"
}

.mdi-printer-3d:before {
    content: "\F42B"
}

.mdi-printer-alert:before {
    content: "\F42C"
}

.mdi-printer-settings:before {
    content: "\F706"
}

.mdi-priority-high:before {
    content: "\F603"
}

.mdi-priority-low:before {
    content: "\F604"
}

.mdi-professional-hexagon:before {
    content: "\F42D"
}

.mdi-projector:before {
    content: "\F42E"
}

.mdi-projector-screen:before {
    content: "\F42F"
}

.mdi-publish:before {
    content: "\F6A6"
}

.mdi-pulse:before {
    content: "\F430"
}

.mdi-puzzle:before {
    content: "\F431"
}

.mdi-qqchat:before {
    content: "\F605"
}

.mdi-qrcode:before {
    content: "\F432"
}

.mdi-qrcode-scan:before {
    content: "\F433"
}

.mdi-quadcopter:before {
    content: "\F434"
}

.mdi-quality-high:before {
    content: "\F435"
}

.mdi-quicktime:before {
    content: "\F436"
}

.mdi-radar:before {
    content: "\F437"
}

.mdi-radiator:before {
    content: "\F438"
}

.mdi-radio:before {
    content: "\F439"
}

.mdi-radio-handheld:before {
    content: "\F43A"
}

.mdi-radio-tower:before {
    content: "\F43B"
}

.mdi-radioactive:before {
    content: "\F43C"
}

.mdi-radiobox-blank:before {
    content: "\F43D"
}

.mdi-radiobox-marked:before {
    content: "\F43E"
}

.mdi-raspberrypi:before {
    content: "\F43F"
}

.mdi-ray-end:before {
    content: "\F440"
}

.mdi-ray-end-arrow:before {
    content: "\F441"
}

.mdi-ray-start:before {
    content: "\F442"
}

.mdi-ray-start-arrow:before {
    content: "\F443"
}

.mdi-ray-start-end:before {
    content: "\F444"
}

.mdi-ray-vertex:before {
    content: "\F445"
}

.mdi-rdio:before {
    content: "\F446"
}

.mdi-react:before {
    content: "\F707"
}

.mdi-read:before {
    content: "\F447"
}

.mdi-readability:before {
    content: "\F448"
}

.mdi-receipt:before {
    content: "\F449"
}

.mdi-record:before {
    content: "\F44A"
}

.mdi-record-rec:before {
    content: "\F44B"
}

.mdi-recycle:before {
    content: "\F44C"
}

.mdi-reddit:before {
    content: "\F44D"
}

.mdi-redo:before {
    content: "\F44E"
}

.mdi-redo-variant:before {
    content: "\F44F"
}

.mdi-refresh:before {
    content: "\F450"
}

.mdi-regex:before {
    content: "\F451"
}

.mdi-relative-scale:before {
    content: "\F452"
}

.mdi-reload:before {
    content: "\F453"
}

.mdi-remote:before {
    content: "\F454"
}

.mdi-rename-box:before {
    content: "\F455"
}

.mdi-reorder-horizontal:before {
    content: "\F687"
}

.mdi-reorder-vertical:before {
    content: "\F688"
}

.mdi-repeat:before {
    content: "\F456"
}

.mdi-repeat-off:before {
    content: "\F457"
}

.mdi-repeat-once:before {
    content: "\F458"
}

.mdi-replay:before {
    content: "\F459"
}

.mdi-reply:before {
    content: "\F45A"
}

.mdi-reply-all:before {
    content: "\F45B"
}

.mdi-reproduction:before {
    content: "\F45C"
}

.mdi-resize-bottom-right:before {
    content: "\F45D"
}

.mdi-responsive:before {
    content: "\F45E"
}

.mdi-restart:before {
    content: "\F708"
}

.mdi-restore:before {
    content: "\F6A7"
}

.mdi-rewind:before {
    content: "\F45F"
}

.mdi-rewind-outline:before {
    content: "\F709"
}

.mdi-rhombus:before {
    content: "\F70A"
}

.mdi-rhombus-outline:before {
    content: "\F70B"
}

.mdi-ribbon:before {
    content: "\F460"
}

.mdi-road:before {
    content: "\F461"
}

.mdi-road-variant:before {
    content: "\F462"
}

.mdi-robot:before {
    content: "\F6A8"
}

.mdi-rocket:before {
    content: "\F463"
}

.mdi-roomba:before {
    content: "\F70C"
}

.mdi-rotate-3d:before {
    content: "\F464"
}

.mdi-rotate-left:before {
    content: "\F465"
}

.mdi-rotate-left-variant:before {
    content: "\F466"
}

.mdi-rotate-right:before {
    content: "\F467"
}

.mdi-rotate-right-variant:before {
    content: "\F468"
}

.mdi-rounded-corner:before {
    content: "\F607"
}

.mdi-router-wireless:before {
    content: "\F469"
}

.mdi-routes:before {
    content: "\F46A"
}

.mdi-rowing:before {
    content: "\F608"
}

.mdi-rss:before {
    content: "\F46B"
}

.mdi-rss-box:before {
    content: "\F46C"
}

.mdi-ruler:before {
    content: "\F46D"
}

.mdi-run:before {
    content: "\F70D"
}

.mdi-run-fast:before {
    content: "\F46E"
}

.mdi-sale:before {
    content: "\F46F"
}

.mdi-satellite:before {
    content: "\F470"
}

.mdi-satellite-variant:before {
    content: "\F471"
}

.mdi-saxophone:before {
    content: "\F609"
}

.mdi-scale:before {
    content: "\F472"
}

.mdi-scale-balance:before {
    content: "\F5D1"
}

.mdi-scale-bathroom:before {
    content: "\F473"
}

.mdi-scanner:before {
    content: "\F6AA"
}

.mdi-school:before {
    content: "\F474"
}

.mdi-screen-rotation:before {
    content: "\F475"
}

.mdi-screen-rotation-lock:before {
    content: "\F476"
}

.mdi-screwdriver:before {
    content: "\F477"
}

.mdi-script:before {
    content: "\F478"
}

.mdi-sd:before {
    content: "\F479"
}

.mdi-seal:before {
    content: "\F47A"
}

.mdi-search-web:before {
    content: "\F70E"
}

.mdi-seat-flat:before {
    content: "\F47B"
}

.mdi-seat-flat-angled:before {
    content: "\F47C"
}

.mdi-seat-individual-suite:before {
    content: "\F47D"
}

.mdi-seat-legroom-extra:before {
    content: "\F47E"
}

.mdi-seat-legroom-normal:before {
    content: "\F47F"
}

.mdi-seat-legroom-reduced:before {
    content: "\F480"
}

.mdi-seat-recline-extra:before {
    content: "\F481"
}

.mdi-seat-recline-normal:before {
    content: "\F482"
}

.mdi-security:before {
    content: "\F483"
}

.mdi-security-home:before {
    content: "\F689"
}

.mdi-security-network:before {
    content: "\F484"
}

.mdi-select:before {
    content: "\F485"
}

.mdi-select-all:before {
    content: "\F486"
}

.mdi-select-inverse:before {
    content: "\F487"
}

.mdi-select-off:before {
    content: "\F488"
}

.mdi-selection:before {
    content: "\F489"
}

.mdi-send:before {
    content: "\F48A"
}

.mdi-serial-port:before {
    content: "\F65C"
}

.mdi-server:before {
    content: "\F48B"
}

.mdi-server-minus:before {
    content: "\F48C"
}

.mdi-server-network:before {
    content: "\F48D"
}

.mdi-server-network-off:before {
    content: "\F48E"
}

.mdi-server-off:before {
    content: "\F48F"
}

.mdi-server-plus:before {
    content: "\F490"
}

.mdi-server-remove:before {
    content: "\F491"
}

.mdi-server-security:before {
    content: "\F492"
}

.mdi-settings:before {
    content: "\F493"
}

.mdi-settings-box:before {
    content: "\F494"
}

.mdi-shape-circle-plus:before {
    content: "\F65D"
}

.mdi-shape-plus:before {
    content: "\F495"
}

.mdi-shape-polygon-plus:before {
    content: "\F65E"
}

.mdi-shape-rectangle-plus:before {
    content: "\F65F"
}

.mdi-shape-square-plus:before {
    content: "\F660"
}

.mdi-share:before {
    content: "\F496"
}

.mdi-share-variant:before {
    content: "\F497"
}

.mdi-shield:before {
    content: "\F498"
}

.mdi-shield-outline:before {
    content: "\F499"
}

.mdi-shopping:before {
    content: "\F49A"
}

.mdi-shopping-music:before {
    content: "\F49B"
}

.mdi-shovel:before {
    content: "\F70F"
}

.mdi-shovel-off:before {
    content: "\F710"
}

.mdi-shredder:before {
    content: "\F49C"
}

.mdi-shuffle:before {
    content: "\F49D"
}

.mdi-shuffle-disabled:before {
    content: "\F49E"
}

.mdi-shuffle-variant:before {
    content: "\F49F"
}

.mdi-sigma:before {
    content: "\F4A0"
}

.mdi-sigma-lower:before {
    content: "\F62B"
}

.mdi-sign-caution:before {
    content: "\F4A1"
}

.mdi-signal:before {
    content: "\F4A2"
}

.mdi-signal-2g:before {
    content: "\F711"
}

.mdi-signal-3g:before {
    content: "\F712"
}

.mdi-signal-4g:before {
    content: "\F713"
}

.mdi-signal-hspa:before {
    content: "\F714"
}

.mdi-signal-hspa-plus:before {
    content: "\F715"
}

.mdi-signal-variant:before {
    content: "\F60A"
}

.mdi-silverware:before {
    content: "\F4A3"
}

.mdi-silverware-fork:before {
    content: "\F4A4"
}

.mdi-silverware-spoon:before {
    content: "\F4A5"
}

.mdi-silverware-variant:before {
    content: "\F4A6"
}

.mdi-sim:before {
    content: "\F4A7"
}

.mdi-sim-alert:before {
    content: "\F4A8"
}

.mdi-sim-off:before {
    content: "\F4A9"
}

.mdi-sitemap:before {
    content: "\F4AA"
}

.mdi-skip-backward:before {
    content: "\F4AB"
}

.mdi-skip-forward:before {
    content: "\F4AC"
}

.mdi-skip-next:before {
    content: "\F4AD"
}

.mdi-skip-next-circle:before {
    content: "\F661"
}

.mdi-skip-next-circle-outline:before {
    content: "\F662"
}

.mdi-skip-previous:before {
    content: "\F4AE"
}

.mdi-skip-previous-circle:before {
    content: "\F663"
}

.mdi-skip-previous-circle-outline:before {
    content: "\F664"
}

.mdi-skull:before {
    content: "\F68B"
}

.mdi-skype:before {
    content: "\F4AF"
}

.mdi-skype-business:before {
    content: "\F4B0"
}

.mdi-slack:before {
    content: "\F4B1"
}

.mdi-sleep:before {
    content: "\F4B2"
}

.mdi-sleep-off:before {
    content: "\F4B3"
}

.mdi-smoking:before {
    content: "\F4B4"
}

.mdi-smoking-off:before {
    content: "\F4B5"
}

.mdi-snapchat:before {
    content: "\F4B6"
}

.mdi-snowflake:before {
    content: "\F716"
}

.mdi-snowman:before {
    content: "\F4B7"
}

.mdi-soccer:before {
    content: "\F4B8"
}

.mdi-sofa:before {
    content: "\F4B9"
}

.mdi-solid:before {
    content: "\F68C"
}

.mdi-sort:before {
    content: "\F4BA"
}

.mdi-sort-alphabetical:before {
    content: "\F4BB"
}

.mdi-sort-ascending:before {
    content: "\F4BC"
}

.mdi-sort-descending:before {
    content: "\F4BD"
}

.mdi-sort-numeric:before {
    content: "\F4BE"
}

.mdi-sort-variant:before {
    content: "\F4BF"
}

.mdi-soundcloud:before {
    content: "\F4C0"
}

.mdi-source-branch:before {
    content: "\F62C"
}

.mdi-source-commit:before {
    content: "\F717"
}

.mdi-source-commit-end:before {
    content: "\F718"
}

.mdi-source-commit-end-local:before {
    content: "\F719"
}

.mdi-source-commit-local:before {
    content: "\F71A"
}

.mdi-source-commit-next-local:before {
    content: "\F71B"
}

.mdi-source-commit-start:before {
    content: "\F71C"
}

.mdi-source-commit-start-next-local:before {
    content: "\F71D"
}

.mdi-source-fork:before {
    content: "\F4C1"
}

.mdi-source-merge:before {
    content: "\F62D"
}

.mdi-source-pull:before {
    content: "\F4C2"
}

.mdi-speaker:before {
    content: "\F4C3"
}

.mdi-speaker-off:before {
    content: "\F4C4"
}

.mdi-speaker-wireless:before {
    content: "\F71E"
}

.mdi-speedometer:before {
    content: "\F4C5"
}

.mdi-spellcheck:before {
    content: "\F4C6"
}

.mdi-spotify:before {
    content: "\F4C7"
}

.mdi-spotlight:before {
    content: "\F4C8"
}

.mdi-spotlight-beam:before {
    content: "\F4C9"
}

.mdi-spray:before {
    content: "\F665"
}

.mdi-square-inc:before {
    content: "\F4CA"
}

.mdi-square-inc-cash:before {
    content: "\F4CB"
}

.mdi-stackexchange:before {
    content: "\F60B"
}

.mdi-stackoverflow:before {
    content: "\F4CC"
}

.mdi-stadium:before {
    content: "\F71F"
}

.mdi-stairs:before {
    content: "\F4CD"
}

.mdi-star:before {
    content: "\F4CE"
}

.mdi-star-circle:before {
    content: "\F4CF"
}

.mdi-star-half:before {
    content: "\F4D0"
}

.mdi-star-off:before {
    content: "\F4D1"
}

.mdi-star-outline:before {
    content: "\F4D2"
}

.mdi-steam:before {
    content: "\F4D3"
}

.mdi-steering:before {
    content: "\F4D4"
}

.mdi-step-backward:before {
    content: "\F4D5"
}

.mdi-step-backward-2:before {
    content: "\F4D6"
}

.mdi-step-forward:before {
    content: "\F4D7"
}

.mdi-step-forward-2:before {
    content: "\F4D8"
}

.mdi-stethoscope:before {
    content: "\F4D9"
}

.mdi-sticker:before {
    content: "\F5D0"
}

.mdi-stocking:before {
    content: "\F4DA"
}

.mdi-stop:before {
    content: "\F4DB"
}

.mdi-stop-circle:before {
    content: "\F666"
}

.mdi-stop-circle-outline:before {
    content: "\F667"
}

.mdi-store:before {
    content: "\F4DC"
}

.mdi-store-24-hour:before {
    content: "\F4DD"
}

.mdi-stove:before {
    content: "\F4DE"
}

.mdi-subdirectory-arrow-left:before {
    content: "\F60C"
}

.mdi-subdirectory-arrow-right:before {
    content: "\F60D"
}

.mdi-subway:before {
    content: "\F6AB"
}

.mdi-subway-variant:before {
    content: "\F4DF"
}

.mdi-sunglasses:before {
    content: "\F4E0"
}

.mdi-surround-sound:before {
    content: "\F5C5"
}

.mdi-svg:before {
    content: "\F720"
}

.mdi-swap-horizontal:before {
    content: "\F4E1"
}

.mdi-swap-vertical:before {
    content: "\F4E2"
}

.mdi-swim:before {
    content: "\F4E3"
}

.mdi-switch:before {
    content: "\F4E4"
}

.mdi-sword:before {
    content: "\F4E5"
}

.mdi-sync:before {
    content: "\F4E6"
}

.mdi-sync-alert:before {
    content: "\F4E7"
}

.mdi-sync-off:before {
    content: "\F4E8"
}

.mdi-tab:before {
    content: "\F4E9"
}

.mdi-tab-unselected:before {
    content: "\F4EA"
}

.mdi-table:before {
    content: "\F4EB"
}

.mdi-table-column-plus-after:before {
    content: "\F4EC"
}

.mdi-table-column-plus-before:before {
    content: "\F4ED"
}

.mdi-table-column-remove:before {
    content: "\F4EE"
}

.mdi-table-column-width:before {
    content: "\F4EF"
}

.mdi-table-edit:before {
    content: "\F4F0"
}

.mdi-table-large:before {
    content: "\F4F1"
}

.mdi-table-row-height:before {
    content: "\F4F2"
}

.mdi-table-row-plus-after:before {
    content: "\F4F3"
}

.mdi-table-row-plus-before:before {
    content: "\F4F4"
}

.mdi-table-row-remove:before {
    content: "\F4F5"
}

.mdi-tablet:before {
    content: "\F4F6"
}

.mdi-tablet-android:before {
    content: "\F4F7"
}

.mdi-tablet-ipad:before {
    content: "\F4F8"
}

.mdi-tag:before {
    content: "\F4F9"
}

.mdi-tag-faces:before {
    content: "\F4FA"
}

.mdi-tag-heart:before {
    content: "\F68A"
}

.mdi-tag-multiple:before {
    content: "\F4FB"
}

.mdi-tag-outline:before {
    content: "\F4FC"
}

.mdi-tag-plus:before {
    content: "\F721"
}

.mdi-tag-remove:before {
    content: "\F722"
}

.mdi-tag-text-outline:before {
    content: "\F4FD"
}

.mdi-target:before {
    content: "\F4FE"
}

.mdi-taxi:before {
    content: "\F4FF"
}

.mdi-teamviewer:before {
    content: "\F500"
}

.mdi-telegram:before {
    content: "\F501"
}

.mdi-television:before {
    content: "\F502"
}

.mdi-television-guide:before {
    content: "\F503"
}

.mdi-temperature-celsius:before {
    content: "\F504"
}

.mdi-temperature-fahrenheit:before {
    content: "\F505"
}

.mdi-temperature-kelvin:before {
    content: "\F506"
}

.mdi-tennis:before {
    content: "\F507"
}

.mdi-tent:before {
    content: "\F508"
}

.mdi-terrain:before {
    content: "\F509"
}

.mdi-test-tube:before {
    content: "\F668"
}

.mdi-text-shadow:before {
    content: "\F669"
}

.mdi-text-to-speech:before {
    content: "\F50A"
}

.mdi-text-to-speech-off:before {
    content: "\F50B"
}

.mdi-textbox:before {
    content: "\F60E"
}

.mdi-texture:before {
    content: "\F50C"
}

.mdi-theater:before {
    content: "\F50D"
}

.mdi-theme-light-dark:before {
    content: "\F50E"
}

.mdi-thermometer:before {
    content: "\F50F"
}

.mdi-thermometer-lines:before {
    content: "\F510"
}

.mdi-thumb-down:before {
    content: "\F511"
}

.mdi-thumb-down-outline:before {
    content: "\F512"
}

.mdi-thumb-up:before {
    content: "\F513"
}

.mdi-thumb-up-outline:before {
    content: "\F514"
}

.mdi-thumbs-up-down:before {
    content: "\F515"
}

.mdi-ticket:before {
    content: "\F516"
}

.mdi-ticket-account:before {
    content: "\F517"
}

.mdi-ticket-confirmation:before {
    content: "\F518"
}

.mdi-ticket-percent:before {
    content: "\F723"
}

.mdi-tie:before {
    content: "\F519"
}

.mdi-tilde:before {
    content: "\F724"
}

.mdi-timelapse:before {
    content: "\F51A"
}

.mdi-timer:before {
    content: "\F51B"
}

.mdi-timer-10:before {
    content: "\F51C"
}

.mdi-timer-3:before {
    content: "\F51D"
}

.mdi-timer-off:before {
    content: "\F51E"
}

.mdi-timer-sand:before {
    content: "\F51F"
}

.mdi-timer-sand-empty:before {
    content: "\F6AC"
}

.mdi-timetable:before {
    content: "\F520"
}

.mdi-toggle-switch:before {
    content: "\F521"
}

.mdi-toggle-switch-off:before {
    content: "\F522"
}

.mdi-tooltip:before {
    content: "\F523"
}

.mdi-tooltip-edit:before {
    content: "\F524"
}

.mdi-tooltip-image:before {
    content: "\F525"
}

.mdi-tooltip-outline:before {
    content: "\F526"
}

.mdi-tooltip-outline-plus:before {
    content: "\F527"
}

.mdi-tooltip-text:before {
    content: "\F528"
}

.mdi-tooth:before {
    content: "\F529"
}

.mdi-tor:before {
    content: "\F52A"
}

.mdi-tower-beach:before {
    content: "\F680"
}

.mdi-tower-fire:before {
    content: "\F681"
}

.mdi-traffic-light:before {
    content: "\F52B"
}

.mdi-train:before {
    content: "\F52C"
}

.mdi-tram:before {
    content: "\F52D"
}

.mdi-transcribe:before {
    content: "\F52E"
}

.mdi-transcribe-close:before {
    content: "\F52F"
}

.mdi-transfer:before {
    content: "\F530"
}

.mdi-transit-transfer:before {
    content: "\F6AD"
}

.mdi-translate:before {
    content: "\F5CA"
}

.mdi-treasure-chest:before {
    content: "\F725"
}

.mdi-tree:before {
    content: "\F531"
}

.mdi-trello:before {
    content: "\F532"
}

.mdi-trending-down:before {
    content: "\F533"
}

.mdi-trending-neutral:before {
    content: "\F534"
}

.mdi-trending-up:before {
    content: "\F535"
}

.mdi-triangle:before {
    content: "\F536"
}

.mdi-triangle-outline:before {
    content: "\F537"
}

.mdi-trophy:before {
    content: "\F538"
}

.mdi-trophy-award:before {
    content: "\F539"
}

.mdi-trophy-outline:before {
    content: "\F53A"
}

.mdi-trophy-variant:before {
    content: "\F53B"
}

.mdi-trophy-variant-outline:before {
    content: "\F53C"
}

.mdi-truck:before {
    content: "\F53D"
}

.mdi-truck-delivery:before {
    content: "\F53E"
}

.mdi-truck-trailer:before {
    content: "\F726"
}

.mdi-tshirt-crew:before {
    content: "\F53F"
}

.mdi-tshirt-v:before {
    content: "\F540"
}

.mdi-tumblr:before {
    content: "\F541"
}

.mdi-tumblr-reblog:before {
    content: "\F542"
}

.mdi-tune:before {
    content: "\F62E"
}

.mdi-tune-vertical:before {
    content: "\F66A"
}

.mdi-twitch:before {
    content: "\F543"
}

.mdi-twitter:before {
    content: "\F544"
}

.mdi-twitter-box:before {
    content: "\F545"
}

.mdi-twitter-circle:before {
    content: "\F546"
}

.mdi-twitter-retweet:before {
    content: "\F547"
}

.mdi-ubuntu:before {
    content: "\F548"
}

.mdi-umbraco:before {
    content: "\F549"
}

.mdi-umbrella:before {
    content: "\F54A"
}

.mdi-umbrella-outline:before {
    content: "\F54B"
}

.mdi-undo:before {
    content: "\F54C"
}

.mdi-undo-variant:before {
    content: "\F54D"
}

.mdi-unfold-less:before {
    content: "\F54E"
}

.mdi-unfold-more:before {
    content: "\F54F"
}

.mdi-ungroup:before {
    content: "\F550"
}

.mdi-unity:before {
    content: "\F6AE"
}

.mdi-untappd:before {
    content: "\F551"
}

.mdi-update:before {
    content: "\F6AF"
}

.mdi-upload:before {
    content: "\F552"
}

.mdi-usb:before {
    content: "\F553"
}

.mdi-vector-arrange-above:before {
    content: "\F554"
}

.mdi-vector-arrange-below:before {
    content: "\F555"
}

.mdi-vector-circle:before {
    content: "\F556"
}

.mdi-vector-circle-variant:before {
    content: "\F557"
}

.mdi-vector-combine:before {
    content: "\F558"
}

.mdi-vector-curve:before {
    content: "\F559"
}

.mdi-vector-difference:before {
    content: "\F55A"
}

.mdi-vector-difference-ab:before {
    content: "\F55B"
}

.mdi-vector-difference-ba:before {
    content: "\F55C"
}

.mdi-vector-intersection:before {
    content: "\F55D"
}

.mdi-vector-line:before {
    content: "\F55E"
}

.mdi-vector-point:before {
    content: "\F55F"
}

.mdi-vector-polygon:before {
    content: "\F560"
}

.mdi-vector-polyline:before {
    content: "\F561"
}

.mdi-vector-rectangle:before {
    content: "\F5C6"
}

.mdi-vector-selection:before {
    content: "\F562"
}

.mdi-vector-square:before {
    content: "\F001"
}

.mdi-vector-triangle:before {
    content: "\F563"
}

.mdi-vector-union:before {
    content: "\F564"
}

.mdi-verified:before {
    content: "\F565"
}

.mdi-vibrate:before {
    content: "\F566"
}

.mdi-video:before {
    content: "\F567"
}

.mdi-video-off:before {
    content: "\F568"
}

.mdi-video-switch:before {
    content: "\F569"
}

.mdi-view-agenda:before {
    content: "\F56A"
}

.mdi-view-array:before {
    content: "\F56B"
}

.mdi-view-carousel:before {
    content: "\F56C"
}

.mdi-view-column:before {
    content: "\F56D"
}

.mdi-view-dashboard:before {
    content: "\F56E"
}

.mdi-view-day:before {
    content: "\F56F"
}

.mdi-view-grid:before {
    content: "\F570"
}

.mdi-view-headline:before {
    content: "\F571"
}

.mdi-view-list:before {
    content: "\F572"
}

.mdi-view-module:before {
    content: "\F573"
}

.mdi-view-parallel:before {
    content: "\F727"
}

.mdi-view-quilt:before {
    content: "\F574"
}

.mdi-view-sequential:before {
    content: "\F728"
}

.mdi-view-stream:before {
    content: "\F575"
}

.mdi-view-week:before {
    content: "\F576"
}

.mdi-vimeo:before {
    content: "\F577"
}

.mdi-vine:before {
    content: "\F578"
}

.mdi-violin:before {
    content: "\F60F"
}

.mdi-visualstudio:before {
    content: "\F610"
}

.mdi-vk:before {
    content: "\F579"
}

.mdi-vk-box:before {
    content: "\F57A"
}

.mdi-vk-circle:before {
    content: "\F57B"
}

.mdi-vlc:before {
    content: "\F57C"
}

.mdi-voice:before {
    content: "\F5CB"
}

.mdi-voicemail:before {
    content: "\F57D"
}

.mdi-volume-high:before {
    content: "\F57E"
}

.mdi-volume-low:before {
    content: "\F57F"
}

.mdi-volume-medium:before {
    content: "\F580"
}

.mdi-volume-off:before {
    content: "\F581"
}

.mdi-vpn:before {
    content: "\F582"
}

.mdi-walk:before {
    content: "\F583"
}

.mdi-wallet:before {
    content: "\F584"
}

.mdi-wallet-giftcard:before {
    content: "\F585"
}

.mdi-wallet-membership:before {
    content: "\F586"
}

.mdi-wallet-travel:before {
    content: "\F587"
}

.mdi-wan:before {
    content: "\F588"
}

.mdi-washing-machine:before {
    content: "\F729"
}

.mdi-watch:before {
    content: "\F589"
}

.mdi-watch-export:before {
    content: "\F58A"
}

.mdi-watch-import:before {
    content: "\F58B"
}

.mdi-watch-vibrate:before {
    content: "\F6B0"
}

.mdi-water:before {
    content: "\F58C"
}

.mdi-water-off:before {
    content: "\F58D"
}

.mdi-water-percent:before {
    content: "\F58E"
}

.mdi-water-pump:before {
    content: "\F58F"
}

.mdi-watermark:before {
    content: "\F612"
}

.mdi-weather-cloudy:before {
    content: "\F590"
}

.mdi-weather-fog:before {
    content: "\F591"
}

.mdi-weather-hail:before {
    content: "\F592"
}

.mdi-weather-lightning:before {
    content: "\F593"
}

.mdi-weather-lightning-rainy:before {
    content: "\F67D"
}

.mdi-weather-night:before {
    content: "\F594"
}

.mdi-weather-partlycloudy:before {
    content: "\F595"
}

.mdi-weather-pouring:before {
    content: "\F596"
}

.mdi-weather-rainy:before {
    content: "\F597"
}

.mdi-weather-snowy:before {
    content: "\F598"
}

.mdi-weather-snowy-rainy:before {
    content: "\F67E"
}

.mdi-weather-sunny:before {
    content: "\F599"
}

.mdi-weather-sunset:before {
    content: "\F59A"
}

.mdi-weather-sunset-down:before {
    content: "\F59B"
}

.mdi-weather-sunset-up:before {
    content: "\F59C"
}

.mdi-weather-windy:before {
    content: "\F59D"
}

.mdi-weather-windy-variant:before {
    content: "\F59E"
}

.mdi-web:before {
    content: "\F59F"
}

.mdi-webcam:before {
    content: "\F5A0"
}

.mdi-webhook:before {
    content: "\F62F"
}

.mdi-webpack:before {
    content: "\F72A"
}

.mdi-wechat:before {
    content: "\F611"
}

.mdi-weight:before {
    content: "\F5A1"
}

.mdi-weight-kilogram:before {
    content: "\F5A2"
}

.mdi-whatsapp:before {
    content: "\F5A3"
}

.mdi-wheelchair-accessibility:before {
    content: "\F5A4"
}

.mdi-white-balance-auto:before {
    content: "\F5A5"
}

.mdi-white-balance-incandescent:before {
    content: "\F5A6"
}

.mdi-white-balance-iridescent:before {
    content: "\F5A7"
}

.mdi-white-balance-sunny:before {
    content: "\F5A8"
}

.mdi-widgets:before {
    content: "\F72B"
}

.mdi-wifi:before {
    content: "\F5A9"
}

.mdi-wifi-off:before {
    content: "\F5AA"
}

.mdi-wii:before {
    content: "\F5AB"
}

.mdi-wiiu:before {
    content: "\F72C"
}

.mdi-wikipedia:before {
    content: "\F5AC"
}

.mdi-window-close:before {
    content: "\F5AD"
}

.mdi-window-closed:before {
    content: "\F5AE"
}

.mdi-window-maximize:before {
    content: "\F5AF"
}

.mdi-window-minimize:before {
    content: "\F5B0"
}

.mdi-window-open:before {
    content: "\F5B1"
}

.mdi-window-restore:before {
    content: "\F5B2"
}

.mdi-windows:before {
    content: "\F5B3"
}

.mdi-wordpress:before {
    content: "\F5B4"
}

.mdi-worker:before {
    content: "\F5B5"
}

.mdi-wrap:before {
    content: "\F5B6"
}

.mdi-wrench:before {
    content: "\F5B7"
}

.mdi-wunderlist:before {
    content: "\F5B8"
}

.mdi-xaml:before {
    content: "\F673"
}

.mdi-xbox:before {
    content: "\F5B9"
}

.mdi-xbox-controller:before {
    content: "\F5BA"
}

.mdi-xbox-controller-off:before {
    content: "\F5BB"
}

.mdi-xda:before {
    content: "\F5BC"
}

.mdi-xing:before {
    content: "\F5BD"
}

.mdi-xing-box:before {
    content: "\F5BE"
}

.mdi-xing-circle:before {
    content: "\F5BF"
}

.mdi-xml:before {
    content: "\F5C0"
}

.mdi-yeast:before {
    content: "\F5C1"
}

.mdi-yelp:before {
    content: "\F5C2"
}

.mdi-yin-yang:before {
    content: "\F67F"
}

.mdi-youtube-play:before {
    content: "\F5C3"
}

.mdi-zip-box:before {
    content: "\F5C4"
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px
}

.mdi-dark {
    color: rgba(0,0,0,.54)
}

    .mdi-dark.mdi-inactive {
        color: rgba(0,0,0,.26)
    }

.mdi-light {
    color: #fff
}

    .mdi-light.mdi-inactive {
        color: rgba(255,255,255,.3)
    }

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

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

.mdi-rotate-135 {
    transform: rotate(135deg)
}

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

.mdi-rotate-225 {
    transform: rotate(225deg)
}

.mdi-rotate-270 {
    transform: rotate(270deg)
}

.mdi-rotate-315 {
    transform: rotate(315deg)
}

.mdi-flip-horizontal {
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH
}

.mdi-flip-vertical {
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: FlipV
}

@font-face {
    font-family: PrimeIcons;
    src: url(../fonts/primeicons.eot);
    src: url(../fonts/primeicons.eot?#iefix) format("embedded-opentype"),url(../fonts/primeicons.ttf) format("truetype"),url(../fonts/primeicons.woff) format("woff"),url(../fonts/primeicons.svg?#primeicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.pi {
    font-family: primeicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pi-fw {
    width: 1.28571429em;
    text-align: center
}

.pi-spin {
    animation: 2s linear infinite fa-spin
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.pi-video:before {
    content: "\e962"
}

.pi-inbox:before {
    content: "\e961"
}

.pi-lock:before {
    content: "\e95f"
}

.pi-unlock:before {
    content: "\e960"
}

.pi-tags:before {
    content: "\e95d"
}

.pi-tag:before {
    content: "\e95e"
}

.pi-power-off:before {
    content: "\e95c"
}

.pi-save:before {
    content: "\e95b"
}

.pi-question-circle:before {
    content: "\e959"
}

.pi-question:before {
    content: "\e95a"
}

.pi-copy:before {
    content: "\e957"
}

.pi-file:before {
    content: "\e958"
}

.pi-clone:before {
    content: "\e955"
}

.pi-calendar-times:before {
    content: "\e952"
}

.pi-calendar-minus:before {
    content: "\e953"
}

.pi-calendar-plus:before {
    content: "\e954"
}

.pi-ellipsis-v:before {
    content: "\e950"
}

.pi-ellipsis-h:before {
    content: "\e951"
}

.pi-bookmark:before {
    content: "\e94e"
}

.pi-globe:before {
    content: "\e94f"
}

.pi-replay:before {
    content: "\e94d"
}

.pi-filter:before {
    content: "\e94c"
}

.pi-print:before {
    content: "\e94b"
}

.pi-align-right:before {
    content: "\e946"
}

.pi-align-left:before {
    content: "\e947"
}

.pi-align-center:before {
    content: "\e948"
}

.pi-align-justify:before {
    content: "\e949"
}

.pi-cog:before {
    content: "\e94a"
}

.pi-cloud-download:before {
    content: "\e943"
}

.pi-cloud-upload:before {
    content: "\e944"
}

.pi-cloud:before {
    content: "\e945"
}

.pi-pencil:before {
    content: "\e942"
}

.pi-users:before {
    content: "\e941"
}

.pi-clock:before {
    content: "\e940"
}

.pi-user-minus:before {
    content: "\e93e"
}

.pi-user-plus:before {
    content: "\e93f"
}

.pi-trash:before {
    content: "\e93d"
}

.pi-external-link:before {
    content: "\e93c"
}

.pi-window-maximize:before {
    content: "\e93b"
}

.pi-window-minimize:before {
    content: "\e93a"
}

.pi-refresh:before {
    content: "\e938"
}

.pi-user:before {
    content: "\e939"
}

.pi-exclamation-triangle:before {
    content: "\e922"
}

.pi-calendar:before {
    content: "\e927"
}

.pi-chevron-circle-left:before {
    content: "\e928"
}

.pi-chevron-circle-down:before {
    content: "\e929"
}

.pi-chevron-circle-right:before {
    content: "\e92a"
}

.pi-chevron-circle-up:before {
    content: "\e92b"
}

.pi-angle-double-down:before {
    content: "\e92c"
}

.pi-angle-double-left:before {
    content: "\e92d"
}

.pi-angle-double-right:before {
    content: "\e92e"
}

.pi-angle-double-up:before {
    content: "\e92f"
}

.pi-angle-down:before {
    content: "\e930"
}

.pi-angle-left:before {
    content: "\e931"
}

.pi-angle-right:before {
    content: "\e932"
}

.pi-angle-up:before {
    content: "\e933"
}

.pi-upload:before {
    content: "\e934"
}

.pi-download:before {
    content: "\e956"
}

.pi-ban:before {
    content: "\e935"
}

.pi-star-o:before {
    content: "\e936"
}

.pi-star:before {
    content: "\e937"
}

.pi-chevron-left:before {
    content: "\e900"
}

.pi-chevron-right:before {
    content: "\e901"
}

.pi-chevron-down:before {
    content: "\e902"
}

.pi-chevron-up:before {
    content: "\e903"
}

.pi-caret-left:before {
    content: "\e904"
}

.pi-caret-right:before {
    content: "\e905"
}

.pi-caret-down:before {
    content: "\e906"
}

.pi-caret-up:before {
    content: "\e907"
}

.pi-search:before {
    content: "\e908"
}

.pi-check:before {
    content: "\e909"
}

.pi-check-circle:before {
    content: "\e90a"
}

.pi-times:before {
    content: "\e90b"
}

.pi-times-circle:before {
    content: "\e90c"
}

.pi-plus:before {
    content: "\e90d"
}

.pi-plus-circle:before {
    content: "\e90e"
}

.pi-minus:before {
    content: "\e90f"
}

.pi-minus-circle:before {
    content: "\e910"
}

.pi-circle-on:before {
    content: "\e911"
}

.pi-circle-off:before {
    content: "\e912"
}

.pi-sort-down:before {
    content: "\e913"
}

.pi-sort-up:before {
    content: "\e914"
}

.pi-sort:before {
    content: "\e915"
}

.pi-step-backward:before {
    content: "\e916"
}

.pi-step-forward:before {
    content: "\e917"
}

.pi-th-large:before {
    content: "\e918"
}

.pi-arrow-down:before {
    content: "\e919"
}

.pi-arrow-left:before {
    content: "\e91a"
}

.pi-arrow-right:before {
    content: "\e91b"
}

.pi-arrow-up:before {
    content: "\e91c"
}

.pi-bars:before {
    content: "\e91d"
}

.pi-arrow-circle-down:before {
    content: "\e91e"
}

.pi-arrow-circle-left:before {
    content: "\e91f"
}

.pi-arrow-circle-right:before {
    content: "\e920"
}

.pi-arrow-circle-up:before {
    content: "\e921"
}

.pi-info:before {
    content: "\e923"
}

.pi-info-circle:before {
    content: "\e924"
}

.pi-home:before {
    content: "\e925"
}

.pi-spinner:before {
    content: "\e926"
}

@font-face {
    font-family: telescope-platform;
    src: url(../fonts/telescope-platform.eot?fc3o9);
    src: url(../fonts/telescope-platform.eot?fc3o9#iefix) format("embedded-opentype"),url(../fonts/telescope-platform.ttf?fc3o9) format("truetype"),url(../fonts/telescope-platform.woff?fc3o9) format("woff"),url(../fonts/telescope-platform.svg?fc3o9#telescope-platform) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" tp-"], [class^=tp-] {
    font-family: telescope-platform;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tp-add-user:before {
    content: "\e90b"
}

.tp-camera-o:before {
    content: "\e90c"
}

.tp-check:before {
    content: "\e90d"
}

.tp-close-c:before {
    content: "\e90e"
}

.tp-dome-o:before {
    content: "\e90f"
}

.tp-done:before {
    content: "\e910"
}

.tp-done-1:before {
    content: "\e911"
}

.tp-done-c:before {
    content: "\e912"
}

.tp-home:before {
    content: "\e913"
}

.tp-network:before {
    content: "\e914"
}

.tp-network-alt:before {
    content: "\e915"
}

.tp-telescope-o:before {
    content: "\e916"
}

.tp-dome:before {
    content: "\e900"
}

.tp-facebook:before {
    content: "\e901"
}

.tp-globe:before {
    content: "\e902"
}

.tp-images:before {
    content: "\e903"
}

.tp-instagram:before {
    content: "\e904"
}

.tp-konica-minolta:before {
    content: "\e905"
}

.tp-linkedin:before {
    content: "\e906"
}

.tp-telescope:before {
    content: "\e907"
}

.tp-telescope-small:before {
    content: "\e908"
}

.tp-twitter:before {
    content: "\e909"
}

.tp-youtube:before {
    content: "\e90a"
}

body {
    -webkit-backface-visibility: hidden
}

.animated {
    animation-duration: calc(1s);
    animation-fill-mode: both
}

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated.hinge {
        animation-duration: calc(1s * 2)
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        animation-duration: calc(1s * .75)
    }

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.flip {
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flip
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

:root {
    --body-background: url("~/images/svg/background.jpg");
    --sticky-background: url("~/images/svg/sticky-background.jpg");
    --white: #ffffff;
    --white-10: #fafafb;
    --amber: #d8a31f;
    --amber-10: #e4ae2d;
    --amber-20: #fab814;
    --gray: #646469;
    --gray-40: #a7aab1;
    --black: #000000;
    --black-10: #1f1f26;
    --sand: #9c988b;
    --title-color: var(--white-10);
    --text-color: #8b8e95;
    --text-color-primary: var(--white-10);
    --link-color: var(--white-10);
    --dotted-color: #36363b;
    --dotted-list-title-color: #8b8e95;
    --dotted-list-txt-color: var(--white-10);
    --primary-br-color: #36363b;
    --secondary-br-color: var(--gray);
    --panel-bg: transparent;
    --primary-panel-bg: rgb(115, 116, 121, 0.1);
    --secondary-panel-bg: rgba(213, 215, 217, 0.2);
    --header-bg: #26262d;
    --nav-bar-bg: #22222c;
    --nav-bar-list-color: var(--white-10);
    --btn-disabled-bg: var(--gray);
    --btn-disabled-br-color: var(--gray);
    --btn-disabled-txt-color: var(--gray-40);
    --primary-btn-bg: var(--amber);
    --primary-btn-hover-bg: var(--amber-20);
    --primary-btn-txt-color: var(--black-10);
    --primary-btn-txt-hover-color: var(--black-10);
    --primary-btn-br-color: var(--amber);
    --secondary-btn-disabled-bg: transparent;
    --secondary-btn-disabled-br-color: var(--gray);
    --secondary-btn-disabled-txt-color: var(--gray);
    --secondary-btn-bg: #111114;
    --secondary-btn-hover-bg: #252526;
    --secondary-btn-txt-color: var(--amber);
    --secondary-btn-txt-hover-color: var(--amber-20);
    --secondary-btn-br-color: var(--amber);
    --more-btn-bg: transparent;
    --more-btn-hover-bg: transparent;
    --more-btn-txt-color: var(--gray-40);
    --more-btn-txt-hover-color: var(--sand);
    --more-btn-br-color: var(--amber);
    --filter-btn-bg: transparent;
    --filter-btn-hover-bg: var(--white-10);
    --filter-btn-txt-color: #8b8e95;
    --filter-btn-txt-hover-color: var(--white-10);
    --filter-btn-br-color: #8b8e95;
    --act-filter-btn-text-color: var(--gray-40);
    --act-filter-btn-icon-color: var(--white-10);
    --dropdown-bg: #2d2d3a;
    --dropdown-hover: #353540;
    --dropdown-br-color: #36363b;
    --dropdown-txt-color: var(--white-10);
    --dropdown-icon-color: var(--white-10);
    --autofill-placeholder-color: inherit;
    --inpt-bg-color: transparent;
    --inpt-label-color: var(--white-10);
    --inpt-placeholder-color: var(--white-10);
    --inpt-notfocused-br-color: var(--gray);
    --inpt-focused-br-color: var(--white-10);
    --inpt-invalid-color: #fb3b30;
    --checkbox-unselected-br-color: #8b8e95;
    --checkbox-selected-br-color: var(--amber-10);
    --checkbox-selected-bg: var(--amber-10);
    --checkbox-unselected-bg: transparent;
    --checkbox-icon-color: var(--black-10);
    --radiobtn-unselected-br-color: #8b8e95;
    --radiobtn-selected-br-color: var(--amber-10);
    --radiobtn-selected-bg: transparent;
    --radiobtn-unselected-bg: transparent;
    --radiobtn-icon-color: var(--amber-10);
    --switch-inpt-unselected-bg: var(--gray);
    --switch-inpt-unselected-icon: var(--gray-40);
    --switch-inpt-selected-bg: var(--amber-10);
    --switch-inpt-selected-icon: var(--white-10);
    --cal-year-color: var(--white-10);
    --cal-week-color: var(--white-10);
    --cal-date-color: var(--white-10);
    --cal-act-date-color: var(--white-10);
    --cal-not-act-date-color: var(--white-10);
    --cal-hint-color: var(--white-10);
    --primary-sep-color: #8b8e95;
    --secondary-sep-color: var(--sand);
    --th-bg-color: #26262D;
    --th-br-color: var(--gray);
    --th-txt-color: #8b8e95;
    --td-txt-color: var(--white-10);
    --td-br-color: #36363b;
    --td-sep-color: #4d4d52;
    --td-photo-bg: rgba(115, 116, 121, 0.1);
    --td-icon-act: var(--white-10);
    --td-icon-t: var(--white-10);
    --td-icon-f: var(--white-10);
    --td-icon-h: #8B8E95;
    --tb-paginator-bg: #26262d;
    --step-count-bg: rgb(196, 196, 196, 0.1);
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    --transparent-color: transparent
}

/*:root[data-theme=light] {
    --white: #ffffff;
    --white-10: #fafafb;
    --amber: #d8a31f;
    --amber-10: #e4ae2d;
    --amber-20: #fab814;
    --gray: #d5d7d9;
    --gray-40: #a7aab1;
    --sand: #9c988b;
    --black-10: #1f1f26;
    --body-background: #f1f2f3;
    --title-color: #1d1d25;
    --text-color: #86878f;
    --text-color-primary: var(--white-10);
    --link-color: #86878f;
    --panel-bg: rgba(213, 215, 217, 0.2);
    --primary-panel-bg: rgba(115, 116, 121, 0.1);
    --secondary-panel-bg: rgba(213, 215, 217, 0.2);
    --dotted-color: #d5d7d9;
    --dotted-list-title-color: #86878f;
    --dotted-list-txt-color: #1d1d25;
    --primary-br-color: #d5d7d9;
    --secondary-br-color: #c8cbcd;
    --header-bg: #e9ebed;
    --nav-bar-bg: #e2e3e8;
    --nav-bar-list-color: #1d1d25;
    --btn-disabled-bg: #d5d7d9;
    --btn-disabled-br-color: #d5d7d9;
    --btn-disabled-txt-color: var(--white-10);
    --primary-btn-bg: var(--amber-10);
    --primary-btn-hover-bg: var(--amber-10);
    --primary-btn-txt-color: var(--black-10);
    --primary-btn-txt-hover-color: var(--black-10);
    --primary-btn-br-color: var(--amber);
    --secondary-btn-disabled-bg: transparent;
    --secondary-btn-disabled-br-color: #646469;
    --secondary-btn-disabled-txt-color: #646469;
    --secondary-btn-bg: transparent;
    --secondary-btn-hover-bg: #edeeee;
    --secondary-btn-txt-color: var(--amber-10);
    --secondary-btn-txt-hover-color: var(--amber-20);
    --secondary-btn-br-color: var(--amber);
    --more-btn-bg: transparent;
    --more-btn-hover-bg: transparent;
    --more-btn-txt-color: var(--gray-40);
    --more-btn-txt-hover-color: var(--sand);
    --more-btn-br-color: var(--amber);
    --filter-btn-bg: transparent;
    --filter-btn-hover-bg: #8b8e95;
    --filter-btn-txt-color: #8b8e95;
    --filter-btn-txt-hover-color: #8b8e95;
    --filter-btn-br-color: #8b8e95;
    --act-filter-btn-text-color: var(--gray-40);
    --act-filter-btn-icon-color: #1d1d25;
    --dropdown-bg: #e2e3e8;
    --dropdown-hover: #d8d9de;
    --dropdown-br-color: #d5d7d9;
    --dropdown-txt-color: #1d1d25;
    --dropdown-icon-color: var(--white-10);
    --autofill-placeholder-color: var(--black-10);
    --inpt-bg-color: transparent;
    --inpt-label-color: var(--black-10);
    --inpt-placeholder-color: #1d1d25;
    --inpt-notfocused-br-color: #d5d7d9;
    --inpt-focused-br-color: #86878f;
    --inpt-invalid-color: #FB3B30;
    --checkbox-unselected-br-color: #c8cbcd;
    --checkbox-selected-br-color: var(--amber-10);
    --checkbox-selected-bg: var(--amber-10);
    --checkbox-unselected-bg: transparent;
    --checkbox-icon-color: var(--white-10);
    --radiobtn-unselected-br-color: #c8cbcd;
    --radiobtn-selected-br-color: var(--amber-10);
    --radiobtn-selected-bg: transparent;
    --radiobtn-unselected-bg: transparent;
    --radiobtn-icon-color: var(--amber-10);
    --switch-inpt-unselected-bg: #d5d7d9;
    --switch-inpt-unselected-icon: var(--white-10);
    --switch-inpt-selected-bg: var(--amber-10);
    --switch-inpt-selected-icon: var(--amber-10);
    --cal-year-color: var(--white-10);
    --cal-week-color: var(--white-10);
    --cal-date-color: var(--white-10);
    --cal-act-date-color: var(--white-10);
    --cal-not-act-date-color: var(--white-10);
    --cal-hint-color: var(--white-10);
    --primary-sep-color: #8b8e95;
    --secondary-sep-color: #c8cbcd;
    --th-bg-color: #e2e3e8;
    --th-br-color: #c8cbcd;
    --th-txt-color: #86878f;
    --td-txt-color: #1d1d25;
    --td-br-color: #d5d7d9;
    --td-sep-color: #b9b9bc;
    --td-photo-bg: rgba(115, 116, 121, 0.15);
    --td-icon-act: var(--white-10);
    --td-icon-t: var(--white-10);
    --td-icon-f: var(--white-10);
    --td-icon-h: #8B8E95;
    --tb-paginator-bg: #131313;
    --step-count-bg: #d5d7d9;
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    --transparent-color: transparent
}
*/
.flag {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: -8px 0;
    background: url(../images/flags.png) no-repeat
}

    .flag.ad {
        background-position: -32px 0
    }

    .flag.ae {
        background-position: -64px 0
    }

    .flag.af {
        background-position: -96px 0
    }

    .flag.ag {
        background-position: -128px 0
    }

    .flag.ai {
        background-position: -160px 0
    }

    .flag.al {
        background-position: -192px 0
    }

    .flag.am {
        background-position: -224px 0
    }

    .flag.an {
        background-position: -256px 0
    }

    .flag.ao {
        background-position: -288px 0
    }

    .flag.ar {
        background-position: -320px 0
    }

    .flag.as {
        background-position: -352px 0
    }

    .flag.at {
        background-position: -384px 0
    }

    .flag.AUD, .flag.au {
        background-position: -416px 0
    }

    .flag.aw {
        background-position: -448px 0
    }

    .flag.ax {
        background-position: -480px 0
    }

    .flag.az {
        background-position: 0 -32px
    }

    .flag.ba {
        background-position: -32px -32px
    }

    .flag.bb {
        background-position: -64px -32px
    }

    .flag.BDT, .flag.bd {
        background-position: -96px -32px
    }

    .flag.be {
        background-position: -128px -32px
    }

    .flag.bf {
        background-position: -160px -32px
    }

    .flag.BGN, .flag.bg {
        background-position: -192px -32px
    }

    .flag.bh {
        background-position: -224px -32px
    }

    .flag.bi {
        background-position: -256px -32px
    }

    .flag.bj {
        background-position: -288px -32px
    }

    .flag.BRL, .flag.bl {
        background-position: -320px -32px
    }

    .flag.bm {
        background-position: -352px -32px
    }

    .flag.bn {
        background-position: -384px -32px
    }

    .flag.bo {
        background-position: -416px -32px
    }

    .flag.br {
        background-position: -448px -32px
    }

    .flag.bs {
        background-position: -480px -32px
    }

    .flag.bt {
        background-position: 0 -64px
    }

    .flag.bw {
        background-position: -32px -64px
    }

    .flag.by {
        background-position: -64px -64px
    }

    .flag.bz {
        background-position: -96px -64px
    }

    .flag.CAD, .flag.ca {
        background-position: -128px -64px
    }

    .flag.cd {
        background-position: -160px -64px
    }

    .flag.cf {
        background-position: -192px -64px
    }

    .flag.cg {
        background-position: -224px -64px
    }

    .flag.CHF, .flag.ch {
        background-position: -256px -64px
    }

    .flag.ci {
        background-position: -288px -64px
    }

    .flag.ck {
        background-position: -320px -64px
    }

    .flag.cl {
        background-position: -352px -64px
    }

    .flag.cm {
        background-position: -384px -64px
    }

    .flag.CNY, .flag.cn {
        background-position: -416px -64px
    }

    .flag.co {
        background-position: -448px -64px
    }

    .flag.cr {
        background-position: -480px -64px
    }

    .flag.cu {
        background-position: 0 -96px
    }

    .flag.cv {
        background-position: -32px -96px
    }

    .flag.cw {
        background-position: -64px -96px
    }

    .flag.cy {
        background-position: -96px -96px
    }

    .flag.CZK, .flag.cz {
        background-position: -128px -96px
    }

    .flag.de {
        background-position: -160px -96px
    }

    .flag.dj {
        background-position: -192px -96px
    }

    .flag.DKK, .flag.dk {
        background-position: -224px -96px
    }

    .flag.dm {
        background-position: -256px -96px
    }

    .flag.do {
        background-position: -288px -96px
    }

    .flag.dz {
        background-position: -320px -96px
    }

    .flag.ec {
        background-position: -352px -96px
    }

    .flag.ee {
        background-position: -384px -96px
    }

    .flag.eg {
        background-position: -416px -96px
    }

    .flag.eh {
        background-position: -448px -96px
    }

    .flag.er {
        background-position: -480px -96px
    }

    .flag.es {
        background-position: 0 -128px
    }

    .flag.et {
        background-position: -32px -128px
    }

    .flag.EUR, .flag.eu {
        background-position: -64px -128px
    }

    .flag.fi {
        background-position: -96px -128px
    }

    .flag.fj {
        background-position: -128px -128px
    }

    .flag.fk {
        background-position: -160px -128px
    }

    .flag.fm {
        background-position: -192px -128px
    }

    .flag.fo {
        background-position: -224px -128px
    }

    .flag.fr {
        background-position: -256px -128px
    }

    .flag.ga {
        background-position: -288px -128px
    }

    .flag.GBP, .flag.gb {
        background-position: -320px -128px
    }

    .flag.gd {
        background-position: -352px -128px
    }

    .flag.ge {
        background-position: -384px -128px
    }

    .flag.gg {
        background-position: -416px -128px
    }

    .flag.gh {
        background-position: -448px -128px
    }

    .flag.gi {
        background-position: -480px -128px
    }

    .flag.gl {
        background-position: 0 -160px
    }

    .flag.gm {
        background-position: -32px -160px
    }

    .flag.gn {
        background-position: -64px -160px
    }

    .flag.gq {
        background-position: -96px -160px
    }

    .flag.gr {
        background-position: -128px -160px
    }

    .flag.gs {
        background-position: -160px -160px
    }

    .flag.gt {
        background-position: -192px -160px
    }

    .flag.gu {
        background-position: -224px -160px
    }

    .flag.gw {
        background-position: -256px -160px
    }

    .flag.gy {
        background-position: -288px -160px
    }

    .flag.HKD, .flag.hk {
        background-position: -320px -160px
    }

    .flag.hn {
        background-position: -352px -160px
    }

    .flag.HRK, .flag.hr {
        background-position: -384px -160px
    }

    .flag.ht {
        background-position: -416px -160px
    }

    .flag.HUF, .flag.hu {
        background-position: -448px -160px
    }

    .flag.ic {
        background-position: -480px -160px
    }

    .flag.IDR, .flag.id {
        background-position: 0 -192px
    }

    .flag.ie {
        background-position: -32px -192px
    }

    .flag.ILS, .flag.il {
        background-position: -64px -192px
    }

    .flag.im {
        background-position: -96px -192px
    }

    .flag.INR, .flag.in {
        background-position: -128px -192px
    }

    .flag.iq {
        background-position: -160px -192px
    }

    .flag.ir {
        background-position: -192px -192px
    }

    .flag.ISK, .flag.is {
        background-position: -224px -192px
    }

    .flag.it {
        background-position: -256px -192px
    }

    .flag.je {
        background-position: -288px -192px
    }

    .flag.jm {
        background-position: -320px -192px
    }

    .flag.jo {
        background-position: -352px -192px
    }

    .flag.JPY, .flag.jp {
        background-position: -384px -192px
    }

    .flag.ke {
        background-position: -416px -192px
    }

    .flag.kg {
        background-position: -448px -192px
    }

    .flag.kh {
        background-position: -480px -192px
    }

    .flag.ki {
        background-position: 0 -224px
    }

    .flag.km {
        background-position: -32px -224px
    }

    .flag.kn {
        background-position: -64px -224px
    }

    .flag.kp {
        background-position: -96px -224px
    }

    .flag.KRW, .flag.kr {
        background-position: -128px -224px
    }

    .flag.kw {
        background-position: -160px -224px
    }

    .flag.ky {
        background-position: -192px -224px
    }

    .flag.kz {
        background-position: -224px -224px
    }

    .flag.la {
        background-position: -256px -224px
    }

    .flag.lb {
        background-position: -288px -224px
    }

    .flag.lc {
        background-position: -320px -224px
    }

    .flag.li {
        background-position: -352px -224px
    }

    .flag.lk {
        background-position: -384px -224px
    }

    .flag.lr {
        background-position: -416px -224px
    }

    .flag.ls {
        background-position: -448px -224px
    }

    .flag.lt {
        background-position: -480px -224px
    }

    .flag.lu {
        background-position: 0 -256px
    }

    .flag.lv {
        background-position: -32px -256px
    }

    .flag.ly {
        background-position: -64px -256px
    }

    .flag.ma {
        background-position: -96px -256px
    }

    .flag.mc {
        background-position: -128px -256px
    }

    .flag.md {
        background-position: -160px -256px
    }

    .flag.me {
        background-position: -192px -256px
    }

    .flag.mf {
        background-position: -224px -256px
    }

    .flag.mg {
        background-position: -256px -256px
    }

    .flag.mh {
        background-position: -288px -256px
    }

    .flag.mk {
        background-position: -320px -256px
    }

    .flag.ml {
        background-position: -352px -256px
    }

    .flag.MMK, .flag.mm {
        background-position: -384px -256px
    }

    .flag.mn {
        background-position: -416px -256px
    }

    .flag.mo {
        background-position: -448px -256px
    }

    .flag.mp {
        background-position: -480px -256px
    }

    .flag.mq {
        background-position: 0 -288px
    }

    .flag.mr {
        background-position: -32px -288px
    }

    .flag.ms {
        background-position: -64px -288px
    }

    .flag.mt {
        background-position: -96px -288px
    }

    .flag.mu {
        background-position: -128px -288px
    }

    .flag.mv {
        background-position: -160px -288px
    }

    .flag.mw {
        background-position: -192px -288px
    }

    .flag.MXN, .flag.mx {
        background-position: -224px -288px
    }

    .flag.MYR, .flag.my {
        background-position: -256px -288px
    }

    .flag.mz {
        background-position: -288px -288px
    }

    .flag.na {
        background-position: -320px -288px
    }

    .flag.nc {
        background-position: -352px -288px
    }

    .flag.ne {
        background-position: -384px -288px
    }

    .flag.nf {
        background-position: -416px -288px
    }

    .flag.ng {
        background-position: -448px -288px
    }

    .flag.ni {
        background-position: -480px -288px
    }

    .flag.nl {
        background-position: 0 -320px
    }

    .flag.no {
        background-position: -32px -320px
    }

    .flag.np {
        background-position: -64px -320px
    }

    .flag.nr {
        background-position: -96px -320px
    }

    .flag.nu {
        background-position: -128px -320px
    }

    .flag.NZD, .flag.nz {
        background-position: -160px -320px
    }

    .flag.om {
        background-position: -192px -320px
    }

    .flag.pa {
        background-position: -224px -320px
    }

    .flag.pe {
        background-position: -256px -320px
    }

    .flag.pf {
        background-position: -288px -320px
    }

    .flag.pg {
        background-position: -320px -320px
    }

    .flag.PHP, .flag.ph {
        background-position: -352px -320px
    }

    .flag.PKR, .flag.pk {
        background-position: -384px -320px
    }

    .flag.PLN, .flag.pl {
        background-position: -416px -320px
    }

    .flag.pn {
        background-position: -448px -320px
    }

    .flag.pr {
        background-position: -480px -320px
    }

    .flag.ps {
        background-position: 0 -352px
    }

    .flag.pt {
        background-position: -32px -352px
    }

    .flag.pw {
        background-position: -64px -352px
    }

    .flag.py {
        background-position: -96px -352px
    }

    .flag.qa {
        background-position: -128px -352px
    }

    .flag.RON, .flag.ro {
        background-position: -160px -352px
    }

    .flag.rs {
        background-position: -192px -352px
    }

    .flag.RUB, .flag.ru {
        background-position: -224px -352px
    }

    .flag.rw {
        background-position: -256px -352px
    }

    .flag.sa {
        background-position: -288px -352px
    }

    .flag.sb {
        background-position: -320px -352px
    }

    .flag.sc {
        background-position: -352px -352px
    }

    .flag.sd {
        background-position: -384px -352px
    }

    .flag.SEK, .flag.se {
        background-position: -416px -352px
    }

    .flag.SGD, .flag.sg {
        background-position: -448px -352px
    }

    .flag.sh {
        background-position: -480px -352px
    }

    .flag.si {
        background-position: 0 -384px
    }

    .flag.sk {
        background-position: -32px -384px
    }

    .flag.sl {
        background-position: -64px -384px
    }

    .flag.sm {
        background-position: -96px -384px
    }

    .flag.sn {
        background-position: -128px -384px
    }

    .flag.so {
        background-position: -160px -384px
    }

    .flag.sr {
        background-position: -192px -384px
    }

    .flag.ss {
        background-position: -224px -384px
    }

    .flag.st {
        background-position: -256px -384px
    }

    .flag.sv {
        background-position: -288px -384px
    }

    .flag.sy {
        background-position: -320px -384px
    }

    .flag.sz {
        background-position: -352px -384px
    }

    .flag.tc {
        background-position: -384px -384px
    }

    .flag.td {
        background-position: -416px -384px
    }

    .flag.tf {
        background-position: -448px -384px
    }

    .flag.tg {
        background-position: -480px -384px
    }

    .flag.THB, .flag.th {
        background-position: 0 -416px
    }

    .flag.tj {
        background-position: -32px -416px
    }

    .flag.tk {
        background-position: -64px -416px
    }

    .flag.tl {
        background-position: -96px -416px
    }

    .flag.tm {
        background-position: -128px -416px
    }

    .flag.tn {
        background-position: -160px -416px
    }

    .flag.to {
        background-position: -192px -416px
    }

    .flag.TRY, .flag.tr {
        background-position: -224px -416px
    }

    .flag.tt {
        background-position: -256px -416px
    }

    .flag.tv {
        background-position: -288px -416px
    }

    .flag.TWD, .flag.tw {
        background-position: -320px -416px
    }

    .flag.tz {
        background-position: -352px -416px
    }

    .flag.ua {
        background-position: -384px -416px
    }

    .flag.ug {
        background-position: -416px -416px
    }

    .flag.USD, .flag.us {
        background-position: -448px -416px
    }

    .flag.uy {
        background-position: -480px -416px
    }

    .flag.uz {
        background-position: 0 -448px
    }

    .flag.va {
        background-position: -32px -448px
    }

    .flag.vc {
        background-position: -64px -448px
    }

    .flag.ve {
        background-position: -96px -448px
    }

    .flag.vg {
        background-position: -128px -448px
    }

    .flag.vi {
        background-position: -160px -448px
    }

    .flag.vn {
        background-position: -192px -448px
    }

    .flag.vu {
        background-position: -224px -448px
    }

    .flag.wf {
        background-position: -256px -448px
    }

    .flag.ws {
        background-position: -288px -448px
    }

    .flag.ye {
        background-position: -320px -448px
    }

    .flag.yt {
        background-position: -352px -448px
    }

    .flag.ZAR, .flag.za {
        background-position: -384px -448px
    }

    .flag.zm {
        background-position: -416px -448px
    }

    .flag.zw {
        background-position: -448px -448px
    }

    .flag.BRL {
        background-position: -449px -32px
    }

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

ul {
    list-style-type: none;
    padding: 0
}

a {
    background-color: transparent;
    text-decoration: none
}

    a:active, a:hover {
        outline: 0
    }

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

code, kbd, pre, samp {
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
    outline: 0
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

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

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed
}

td, th {
    padding: 0
}

form {
    width: 100%
}

h1 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 88px;
    color: var(--title-color);
    margin: .63em 0
}

h2 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 72px;
    color: var(--title-color);
    margin: .63em 0
}

h3 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--title-color);
    margin: .63em 0
}

h4 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: var(--title-color);
    margin: .63em 0
}

h5 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--title-color);
    margin: .63em 0
}

    h5 span {
        color: #d8a31f
    }

h6 {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--title-color);
    margin: .63em 0
}

p {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin: 0 0 10px
}

    p[class*=t-tb] {
        font-family: Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: var(--text-color);
        margin: 0 0 10px
    }

[class*=t-sm] {
    font-family: Arial,sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin: 0 0 10px
}

[class*=t-xsm] {
    font-family: Arial,sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    margin: 0 0 10px
}

p[class*=grey-light] {
    color: var(--text-color-primary) !important
}

p[class*=ff-rubik] {
    font-family: Rubik,sans-serif !important
}

p[class*=ff-arial] {
    font-family: Arial,sans-serif !important
}

p[class*=ff-monark] {
    font-family: Monark-regular,sans-serif !important
}

p[class*=fw-light] {
    font-weight: 300
}

p[class*=fw-regular] {
    font-weight: 400 !important
}

.h-line-sep.h-line-sep-mid::before, .h-line-sep::before {
    content: url(../images/Lines.svg);
    margin: 0 .31em 0 0;
    display: inline-block;
    vertical-align: middle
}

.h-line-sep-mid.h-line-sep::before {
    content: url(../images/Lines-mid.svg);
    height: 23px;
    overflow: hidden
}

.slash-sep {
    font-size: 22px;
    line-height: 25px;
    color: #898d94
}

    .slash-sep::before {
        content: url(../images/Slash.svg);
        margin: 0 .31em 0 0;
        display: inline-block;
        vertical-align: middle
    }

.rotate3d {
    transform: rotate3d(0,1,0,-180deg)
}

.hover-animation {
    transition: all .3s ease-in
}

.preserve3d {
    transform-style: preserve-3d
}

.list, .list-blue-label, .or-list-details, .tbl-image-series-footer, .total-footer {
    list-style: none;
    margin: 0;
    padding: 0
}

    .clearfix:after, .clearfix:before, .hd-container-footer:after, .hd-container-footer:before, .hd-container-header:after, .hd-container-header:before, .ia-grid:after, .ia-grid:before, .list-blue-label:after, .list-blue-label:before, .or-list-details li:after, .or-list-details li:before, .tbl-image-series-footer li:after, .tbl-image-series-footer li:before, .tbl-image-series-footer:after, .tbl-image-series-footer:before, .total-footer li:after, .total-footer li:before, app-header #header-download:after, app-header #header-download:before {
        content: "";
        display: table
    }

    .clear, .clearfix:after, .hd-container-footer:after, .hd-container-header:after, .ia-grid:after, .list-blue-label:after, .or-list-details li:after, .tbl-image-series-footer li:after, .tbl-image-series-footer:after, .total-footer li:after, app-header #header-download:after {
        clear: both
    }

    .clearfix, .hd-container-footer, .hd-container-header, .ia-grid, .list-blue-label, .or-list-details li, .tbl-image-series-footer, .tbl-image-series-footer li, .total-footer li, app-header #header-download {
        zoom: 1
    }

.apply-filter-chbox {
    padding: .31em 0 0 .63em;
    font-size: 16px
}

.ui-g-nopad {
    padding: 0
}

.tl-m-none {
    margin: 0
}

.tl-mt-2 {
    margin-top: 1.25em
}

.tl-mt-25 {
    margin-top: 1.56em
}

.tl-mt-3 {
    margin-top: 1.88em
}

.tl-mt-4 {
    margin-top: 2.5em
}

.tl-mt-5 {
    margin-top: 3.13em
}

.tl-mb-0 {
    margin-bottom: 0 !important
}

.tl-mb-2 {
    margin-bottom: 1.25em !important
}

.tl-mb-25 {
    margin-bottom: 1.56em
}

.tl-mb-3 {
    margin-bottom: 1.88em !important
}

.tl-mb-4 {
    margin-bottom: 2.5em
}

.tl-mb-5 {
    margin-bottom: 3.13em
}

.tl-mb-6 {
    margin-bottom: 3.75em
}

.tl-ml-1 {
    margin-left: .63em
}

.tl-ml-2 {
    margin-left: 1.25em
}

.tl-ml-3 {
    margin-left: 1.88em
}

.tl-ml-4 {
    margin-left: 2.5em
}

.tl-ml-5 {
    margin-left: 3.13em
}

.tl-mr-1 {
    margin-right: .63em
}

.tl-mr-2 {
    margin-right: 1.25em
}

.tl-mr-25 {
    margin-right: 1.56em
}

.tl-p-2 {
    padding: 1.25em
}

.tl-p-3 {
    padding: 1.88em
}

.tl-p-4 {
    padding: 2.5em
}

.tl-px-3 {
    padding-right: 1.88em !important;
    padding-left: 1.88em !important
}

.tl-pt-0 {
    padding-top: 0
}

.tl-pl-0 {
    padding-left: 0
}

.tl-d-inline-block {
    display: inline-block
}

.tl-d-flex {
    display: flex
}

.tl-d-flex-column {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column
}

.tl-align-item-end {
    align-items: flex-end
}

.tl-align-item-center {
    align-items: center
}

.tl-d-flex-c {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.tl-d-flex-e {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: flex-end
}

.tl-d-flex-s {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: flex-start
}

.tl-d-flex-sb {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between
}

.tl-d-block {
    display: block
}

.tl-align-self-end {
    align-self: flex-end
}

.display-flex-space-around {
    display: flex;
    justify-content: space-around
}

.tl-justify-content-end {
    justify-content: flex-end
}

.display-flex {
    display: flex
}

.display-flex-align-items-center {
    display: flex;
    align-items: center
}

.no-decor {
    text-decoration: none
}

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

.hr-line {
    padding: 0 .5em
}

hr.primary-border {
    border-color: var(--primary-br-color)
}

hr.secondary-border {
    border-color: var(--secondary-br-color)
}

.no-anim {
    transition: none
}

.block {
    display: block
}

.bg-cover, .btn-card-paypal, .card-american-express, .card-chip-icon, .card-discover, .card-master, .card-paypal, .card-visa, .filter-loader:before, .hd-icon-logo.header-icon-hd, .hd-icon.hd-icon-logo, .img-loader:before, .main-loader, .tooltip-loader, .wt-icon {
    background-position: 50% 25%;
    background-size: cover;
    background-repeat: no-repeat
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.ui-link-underline {
    font-family: Arial,sans-serif;
    text-decoration: underline;
    display: inline-block;
    color: var(--text-color);
    cursor: pointer
}

    .ui-link-underline:hover {
        color: var(--sand)
    }

.ui-after-underline {
    content: "";
    border-bottom: 1px solid rgba(255,255,255,.8);
    padding-bottom: .13em
}

.ui-link-privacy-policy {
    text-align: left
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize;
    text-transform: uppercase
}

.text-italic {
    font-style: italic
}

.text-muted {
    color: #807f7f
}

.text-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.img-circle {
    border-radius: 50%
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: "\2014 \00A0"
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

pre {
    overflow: auto;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

hr {
    box-sizing: content-box;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #333;
    height: 0
}

.shadow-focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.fa-icon-family, body .ui-accordion .ui-accordion-toggle-icon.pi-caret-down, body .ui-accordion .ui-accordion-toggle-icon.pi-caret-right, body .ui-tree .ui-treenode-icon {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-icon-material-family {
    font: 14px/1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.boxshadow-main, body .ui-password-panel {
    box-shadow: 0 0 11px rgba(0,0,0,.5)
}

.border-radius-main {
    border-radius: 3px
}

.loader-rectangle, .loader-rectangle:after, .loader-rectangle:before {
    background: #fff;
    animation: 1s ease-in-out infinite load1;
    width: .5em;
    height: 1em;
    z-index: 1
}

    .loader-rectangle:after, .loader-rectangle:before {
        position: absolute;
        top: 0;
        content: ""
    }

    .loader-rectangle:before {
        left: -1em;
        animation-delay: -.32s
    }

.loader-rectangle {
    text-indent: -9999em;
    margin: 28% auto;
    position: relative;
    font-size: 11px;
    transform: translateZ(0);
    animation-delay: -.16s
}

    .loader-rectangle:after {
        left: 1em
    }

@keyframes load1 {
    0%,100%,80% {
        box-shadow: 0 0 #fff;
        height: 1.1em
    }

    40% {
        box-shadow: 0 -1em #fff;
        height: 1.2em
    }
}

.loader-circle {
    position: relative;
    z-index: 1;
    margin: 28% auto;
    height: 3em;
    width: 3em;
    animation: 1s linear infinite rotation;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: rgba(255,255,255,.7);
    border-radius: 50%
}

@keyframes rotation {
    to {
        transform: rotate(360deg)
    }
}

.loader-input, .loader-input:after, .loader-input:before {
    border-radius: 50%
}

    .loader-input:after, .loader-input:before {
        position: absolute;
        content: ""
    }

    .loader-input:before {
        width: 15px;
        height: 28px;
        background: #fff;
        border-radius: 26px 0 0 26px;
        top: -1px;
        left: -1px;
        transform-origin: 15px 14px;
        animation: 2s 1.5s infinite load2
    }

.loader-input {
    background-color: #fff;
    font-size: 11px;
    text-indent: -99999em;
    margin: auto;
    position: relative;
    width: 26px;
    height: 26px;
    box-shadow: inset 0 0 0 3px #ffd43e;
    transform: translateZ(0)
}

    .loader-input:after {
        width: 15px;
        height: 28px;
        background: #fff;
        border-radius: 0 26px 26px 0;
        top: -2px;
        left: 14px;
        transform-origin: 0 14px;
        animation: 2s infinite load2
    }

@keyframes load2 {
    0% {
        transform: rotate(0)
    }

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

.loader-input-circle {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    font-size: 10px;
    position: relative;
    background-color: #fff;
    text-indent: -9999em;
    border: 2px solid #ffd43e;
    border-left-color: #ffd43e;
    transform: translateZ(0);
    animation: 1.1s linear infinite load8
}

    .loader-input-circle, .loader-input-circle:after {
        border-radius: 50%;
        width: 25px;
        height: 25px
    }

@keyframes load8 {
    0% {
        transform: rotate(0)
    }

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

.btn-loader {
    vertical-align: middle;
    margin: -12px 10px 0;
    position: absolute;
    top: 45%;
    right: 5px;
    border: 2px solid rgba(255,255,255,.4);
    border-left-color: #fff;
    transform: translateZ(0);
    animation: 1.1s linear infinite load8
}

    .btn-loader.blue {
        border-color: rgba(30,136,229,.4);
        border-left-color: #1e88e5;
        position: static;
        margin: 10px auto
    }

    .btn-loader, .btn-loader:after {
        border-radius: 50%;
        width: 24px;
        height: 24px
    }

.btn-icon:hover, body .ui-button.btn-icon:hover {
    background-color: transparent !important;
    opacity: .7
}

.loading-btn {
    position: relative;
    padding-right: 25px !important
}

    .loading-btn:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -10px;
        width: 16px;
        height: 16px;
        border: 2px solid rgba(255,255,255,.3);
        border-radius: 50%;
        border-top-color: #fff;
        animation: 1s linear infinite spinbnt;
        -webkit-animation: 1s linear infinite spinbnt
    }

@keyframes spinbnt {
    to {
        -webkit-transform: rotate(360deg)
    }
}

.loading, .page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    z-index: 9999999
}

    .loading:before, .page-loader:before {
        display: block;
        vertical-align: middle;
        margin: -30px 10px 0 -30px;
        position: absolute;
        top: 50%;
        left: 50%;
        border: 5px solid #ffd43e;
        border-left-color: #ffd43e;
        transform: translateZ(0);
        animation: 1.1s linear infinite load8
    }

    .loading:after, .loading:before, .page-loader:after, .page-loader:before {
        content: "";
        border-radius: 50%;
        width: 60px;
        height: 60px
    }

    .page-loader.yellow:before {
        border: 5px solid rgba(255,255,255,.4);
        border-left-color: #fff
    }

.round-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 20px solid #ffd43e;
    box-shadow: rgba(0,0,0,.5) 0 0 10px,inset rgba(0,0,0,.5) 0 0 10px
}

    .round-loader:after {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 102px;
        height: 102px;
        border-radius: 50%;
        background-color: #ffd43e;
        -webkit-transform: scaleX(0) scaleY(1);
        -webkit-transform-origin: center right;
        -webkit-animation: .8s infinite giraquegira
    }

.gif-loader {
    border-radius: 5px;
    background-color: #000;
    margin: 50px auto
}

.main-loader {
    border-radius: 5px;
    margin: 50px auto;
    width: 80px;
    height: 80px;
    background-image: url(../images/loaders/loading_flower.gif)
}

.tooltip-loader {
    width: 40px;
    height: 40px;
    background-image: url(../images/loader4.gif)
}

.filter-loader {
    position: relative;
    height: 160px;
    border: 1px solid #666;
    border-radius: border-radius(3px);
    margin-bottom: 10px
}

    .filter-loader:before {
        content: "";
        display: block;
        border-radius: 5px;
        background-color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -20px;
        width: 40px;
        height: 40px;
        background-image: url(../images/spinner-1s-100px.gif)
    }

.img-loader {
    position: relative;
    min-height: 70px
}

    .img-loader:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -25px;
        margin-top: -25px;
        border-radius: 5px;
        background-color: #000;
        width: 50px;
        height: 50px;
        background-image: url(../images/load.gif)
    }

    .img-loader img {
        display: block;
        position: relative;
        z-index: 1
    }

.solar-loader-conatiner {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

.solar-loader {
    background-color: #ffd43e;
    width: 16px;
    height: 16px;
    margin: 42px auto 0;
    border-radius: 50%;
    box-shadow: 0 0 17px #ffd43e;
    position: fixed;
    top: 45%;
    left: 49%
}

    .solar-loader:after, .solar-loader:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%
    }

    .solar-loader:after {
        left: -10px;
        top: -5px;
        background-color: #1e88e5;
        transform-origin: 20px 15px;
        animation: 1s linear infinite axis
    }

    .solar-loader:before {
        left: -25px;
        top: -15px;
        background-color: #f66e84;
        transform-origin: 30px 20px;
        animation: 2s linear infinite axis
    }

@keyframes axis {
    0% {
        transform: rotateZ(0) translate3d(0,0,0)
    }

    100% {
        transform: rotateZ(360deg) translate3d(0,0,0)
    }
}

.slide-in-fwd-bl {
    animation: 1s cubic-bezier(.25,.46,.45,.94) both slide-in-fwd-bl
}

.add-to-download {
    display: none;
    transform: translate3d(0,0,0);
    z-index: 999999;
    font-size: 20px;
    color: #ffb822;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 4px;
    overflow: hidden;
    box-sizing: border-box
}

    .add-to-download.active {
        display: block
    }

.bronze {
    color: var(--sand)
}

@keyframes slide-in-fwd-bl {
    0% {
        transform: translate3d(-50vw,50vh,0) scale(5);
        opacity: 0
    }

    100% {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1
    }
}

@keyframes add-to-download {
    from {
        opacity: 0;
        transform: translate3d(100%,50%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.loading {
    position: absolute
}

.isDisabled {
    color: currentColor;
    opacity: .5;
    text-decoration: none;
    pointer-events: none
}

.text-primary {
    color: var(--amber) !important
}

.text-white {
    color: #fff !important
}

.text-secondary {
    color: #fafafb !important
}

.text-secondary-40 {
    color: var(--gray-40) !important
}

.text-break {
    line-break: anywhere
}

.w-100 {
    width: 100%
}

.text-primary {
    color: var(--amber)
}

.text-secondary {
    color: var(--gray) !important
}

.text-white {
    color: var(--white)
}

.font-family-rubik-light {
    font-family: Rubik,sans-serif;
    font-style: normal;
    font-weight: 300
}

body .ui-widget-overlay {
    background-color: rgba(0,0,0,.5);
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 10000 !important
}

body .ui-button {
    font-family: Monark-regular,sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    text-align: center;
    padding: .5em .75em;
    letter-spacing: .02em;
    line-height: 24px;
    border-radius: 3px;
    border: 1px solid var(--primary-btn-br-color);
    background-color: var(--primary-btn-bg);
    color: var(--primary-btn-txt-color);
    overflow: hidden
}

    body .ui-button.pad {
        padding: .75em
    }

    body .ui-button:enabled:hover {
        background-color: var(--primary-btn-hover-bg);
        border: 1px solid var(--primary-btn-br-color);
        color: var(--primary-btn-txt-hover-color)
    }

    body .ui-button:enabled:focus {
        outline: 0;
        outline-offset: 0;
        box-shadow: 0 0 0 .2em #8dcdff;
        background-color: var(--primary-btn-bg);
        color: var(--primary-btn-txt-color);
        box-shadow: none
    }

    body .ui-button:enabled:active {
        border: 1px solid var(--amber);
        background-color: var(--amber);
        color: var(--black-10)
    }

    body .ui-button.ui-button-text-icon-right {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }

        body .ui-button.ui-button-text-icon-right .ui-button-icon-right {
            right: 1.2em !important;
            position: static !important;
            margin-top: initial !important
        }

        body .ui-button.ui-button-text-icon-right .ui-button-text {
            padding: .429em .6em !important;
            display: inline-block !important
        }

    body .ui-button.ui-button-text-icon-left .ui-button-icon-left {
        left: 1.2em;
        position: static !important
    }

    body .ui-button.ui-button-text-icon-left .ui-button-text {
        padding: .429em .6em !important;
        display: inline-block !important
    }

    body .ui-button.learn-more {
        font-family: Monark-regular,sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .02em;
        line-height: 24px;
        padding: .5em 0;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--more-btn-br-color);
        background: var(--more-btn-bg);
        color: var(--more-btn-txt-color)
    }

        body .ui-button.learn-more.ui-button-text-icon-right .ui-button-icon-right {
            font-size: 22px
        }

        body .ui-button.learn-more.ui-button-text-icon-right .ui-button-text {
            padding-left: 0 !important
        }

        body .ui-button.learn-more:enabled:hover {
            border: none;
            background-color: var(--more-btn-hover-bg);
            border-bottom: 1px solid var(--more-btn-br-color);
            color: var(--more-btn-txt-hover-color)
        }

        body .ui-button.learn-more:enabled:focus {
            outline: 0;
            outline-offset: 0;
            background-color: transparent;
            color: var(--gray-40);
            box-shadow: none
        }

    body .ui-button.ui-button-bordered {
        border: 1px solid var(--secondary-btn-br-color);
        color: var(--secondary-btn-txt-color);
        background: 0 0
    }

        body .ui-button.ui-button-bordered:enabled:hover {
            border: 1px solid var(--secondary-btn-br-color);
            color: var(--secondary-btn-txt-hover-color);
            background: var(--secondary-btn-hover-bg) !important
        }

        body .ui-button.ui-button-bordered:enabled:active {
            border: 1px solid var(--amber);
            color: var(--amber-dark);
            background: 0 0
        }

        body .ui-button.ui-button-bordered:enabled:focus {
            color: var(--secondary-btn-txt-color);
            background: 0 0
        }

        body .ui-button.ui-button-bordered:disabled {
            border: 1.5px solid #646469;
            background-color: transparent;
            color: #646469
        }

    body .ui-button.btn-secondary {
        background-color: var(--gray);
        border-color: var(--gray);
        color: var(--gray-40)
    }

        body .ui-button.btn-secondary:hover {
            background-color: var(--gray);
            border-color: var(--gray);
            color: var(--gray-40);
            opacity: .7
        }

body .ui-inputgroup.inputgroup-width {
    width: 320px
}

body .ui-inputtext.ng-dirty.ng-invalid {
    border-top: none !important;
    border-left: none !important;
    border-radius: none !important
}

body .ui-inputgroup .inner-inputgroup {
    width: 100%
}

    body .ui-inputgroup .inner-inputgroup label {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: var(--inpt-label-color)
    }

    body .ui-inputgroup .inner-inputgroup .ui-inputtext {
        width: 100%;
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--inpt-placeholder-color);
        padding-left: 0;
        height: 38px !important;
        background-color: inherit;
        border-radius: 0 !important;
        border: none;
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

        body .ui-inputgroup .inner-inputgroup .ui-inputtext:not(:first-child) {
            border-radius: 0 !important;
            border-left: 0 !important;
            border-right: 0 !important;
            border-bottom: 1px solid var(--inpt-notfocused-br-color)
        }

        body .ui-inputgroup .inner-inputgroup .ui-inputtext:enabled:focus:not(.ui-state-error), body .ui-inputgroup .inner-inputgroup .ui-inputtext:enabled:hover:not(.ui-state-error) {
            border-bottom: 1px solid var(--inpt-focused-br-color)
        }

        body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-untouched.ng-invalid {
            border-bottom: 1px solid var(--inpt-notfocused-br-color)
        }

            body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-invalid, body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-invalid:enabled:focus:not(.ui-state-error), body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-invalid:enabled:hover:not(.ui-state-error), body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-untouched.ng-invalid.ng-dirty {
                border-bottom: 1px solid var(--inpt-invalid-color)
            }

        body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-valid, body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-valid:enabled:focus:not(.ui-state-error), body .ui-inputgroup .inner-inputgroup .ui-inputtext.ng-touched.ng-valid:enabled:hover:not(.ui-state-error) {
            border-bottom: 1px solid var(--inpt-focused-br-color)
        }

    body .ui-inputgroup .inner-inputgroup .invalid-login {
        border-bottom-color: var(--inpt-invalid-color) !important
    }

    body .ui-inputgroup .inner-inputgroup .ui-messages-error {
        background-color: transparent;
        border-color: transparent;
        font-family: Rubik,sans-serif;
        font-weight: 300;
        color: var(--inpt-invalid-color) !important;
        font-size: 12px;
        line-height: 24px;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: right
    }

body .ui-inputgroup label {
    font-family: Rubik,sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--inpt-label-color)
}

body .ui-inputgroup .ui-inputtext, body .ui-inputgroup p-dropdown {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--inpt-placeholder-color);
    padding-left: 0;
    height: 38px !important;
    background-color: inherit;
    border-radius: 0 !important;
    border: none;
    border-bottom: 1px solid var(--inpt-notfocused-br-color)
}

    body .ui-inputgroup .ui-inputtext:not(:first-child), body .ui-inputgroup p-dropdown:not(:first-child) {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

    body .ui-inputgroup .ui-inputtext:enabled:focus:not(.ui-state-error), body .ui-inputgroup .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-inputgroup p-dropdown:enabled:focus:not(.ui-state-error), body .ui-inputgroup p-dropdown:enabled:hover:not(.ui-state-error) {
        border-bottom: 1px solid var(--inpt-focused-br-color)
    }

    body .ui-inputgroup .ui-inputtext.ng-untouched.ng-invalid, body .ui-inputgroup p-dropdown.ng-untouched.ng-invalid {
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

        body .ui-inputgroup .ui-inputtext.ng-untouched.ng-invalid.ng-dirty, body .ui-inputgroup p-dropdown.ng-untouched.ng-invalid.ng-dirty {
            border-bottom: 1px solid var(--inpt-invalid-color)
        }

    body .ui-inputgroup .ui-inputtext.ng-untouched.ng-valid, body .ui-inputgroup p-dropdown.ng-untouched.ng-valid {
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

    body .ui-inputgroup .ui-inputtext.ng-touched.ng-invalid, body .ui-inputgroup .ui-inputtext.ng-touched.ng-invalid:enabled:focus:not(.ui-state-error), body .ui-inputgroup .ui-inputtext.ng-touched.ng-invalid:enabled:hover:not(.ui-state-error), body .ui-inputgroup p-dropdown.ng-touched.ng-invalid, body .ui-inputgroup p-dropdown.ng-touched.ng-invalid:enabled:focus:not(.ui-state-error), body .ui-inputgroup p-dropdown.ng-touched.ng-invalid:enabled:hover:not(.ui-state-error) {
        border-bottom: 1px solid var(--inpt-invalid-color)
    }

    body .ui-inputgroup .ui-inputtext.ng-touched.ng-valid, body .ui-inputgroup .ui-inputtext.ng-touched.ng-valid:enabled:focus:not(.ui-state-error), body .ui-inputgroup .ui-inputtext.ng-touched.ng-valid:enabled:hover:not(.ui-state-error), body .ui-inputgroup p-dropdown.ng-touched.ng-valid, body .ui-inputgroup p-dropdown.ng-touched.ng-valid:enabled:focus:not(.ui-state-error), body .ui-inputgroup p-dropdown.ng-touched.ng-valid:enabled:hover:not(.ui-state-error) {
        border-bottom: 1px solid var(--inpt-focused-br-color)
    }

body .ui-inputgroup .invalid-login {
    border-bottom-color: var(--inpt-invalid-color) !important
}

body .ui-inputgroup .ui-messages-error {
    background-color: transparent;
    border-color: transparent;
    font-family: Rubik,sans-serif;
    font-weight: 300;
    color: var(--inpt-invalid-color) !important;
    font-size: 12px;
    line-height: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: right
}

body .ui-inputgroup .ui-dropdown {
    background-color: transparent;
    border: none !important
}

    body .ui-inputgroup .ui-dropdown .ui-dropdown-label {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--inpt-placeholder-color);
        padding-left: 0;
        height: 38px !important;
        background-color: inherit;
        border-radius: 0 !important;
        border: none;
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

    body .ui-inputgroup .ui-dropdown .ui-dropdown-trigger {
        background: var(--inpt-bg-color)
    }

        body .ui-inputgroup .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
            display: block;
            margin-top: -.8em;
            margin-left: -.2em;
            top: 50%;
            left: 50%;
            transform: translate(0,0);
            color: #848484
        }

            body .ui-inputgroup .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
                content: "\f0dd";
                font-family: "Font Awesome 5 Pro";
                display: inline-block;
                vertical-align: middle;
                font-weight: 400
            }

body .ui-inputgroup p-dropdown.ng-untouched.ng-valid .ui-dropdown .ui-dropdown-label {
    border-bottom: 1px solid var(--inpt-focused-br-color)
}

body .ui-inputgroup p-dropdown.ng-touched.ng-invalid .ui-dropdown .ui-dropdown-label {
    border-bottom: 1px solid var(--inpt-invalid-color)
}

body .ui-inputgroup p-dropdown.ng-touched.ng-valid .ui-dropdown .ui-dropdown-label {
    border-bottom: 1px solid var(--inpt-focused-br-color)
}

body .ui-autocomplete {
    width: 100%
}

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
        width: 100%;
        background-color: var(--dropdown-bg);
        border-color: var(--inpt-notfocused-br-color)
    }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
            background-color: var(--dropdown-bg);
            border-color: var(--inpt-notfocused-br-color);
            box-shadow: none
        }

            body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus .ui-autocomplete-input-token input:focus {
                box-shadow: none
            }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
            border-color: var(--inpt-notfocused-br-color)
        }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
            background: #607d8b !important
        }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-panel {
        position: relative;
        top: 0 !important;
        border: 1px solid var(--dropdown-br-color);
        box-shadow: 0 2px 8px rgba(0,0,0,.65)
    }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
            color: var(--light-gray);
            background-color: var(--dropdown-bg)
        }

            body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item:hover {
                background-color: var(--dropdown-hover);
                color: var(--main-color)
            }

body .ui-listbox {
    width: 100%;
    background: 0 0;
    border-color: transparent
}

    body .ui-listbox .ui-listbox-header {
        padding: .429em;
        border: none;
        margin: 0;
        text-align: left;
        color: var(--dropdown-txt-color);
        border-radius: none 0;
        background-color: var(--dropdown-bg)
    }

        body .ui-listbox .ui-listbox-header .tlp-filter-listbox-title {
            position: absolute;
            top: 19px;
            left: 29px;
            z-index: 199;
            color: var(--dropdown-txt-color)
        }

    body .ui-listbox .ui-listbox-list-wrapper {
        min-width: 200px;
        max-height: 200px;
        overflow: auto;
        background-color: var(--dropdown-bg)
    }

        body .ui-listbox .ui-listbox-list-wrapper .ui-listbox-list {
            background-color: var(--dropdown-bg)
        }

            body .ui-listbox .ui-listbox-list-wrapper .ui-listbox-list .ui-listbox-item {
                text-align: left;
                color: var(--inpt-label-color);
                outline: 0;
                padding: .429em
            }

                body .ui-listbox .ui-listbox-list-wrapper .ui-listbox-list .ui-listbox-item.ui-state-highlight {
                    background-color: var(--dropdown-bg);
                    color: var(--dropdown-txt-color)
                }

    body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        background: 0 0;
        color: var(--dropdown-txt-color)
    }

    body .ui-listbox.or-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
        background: 0 0
    }

body .ui-table {
    margin: 0 0 60px
}

    body .ui-table .ui-table-caption {
        background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        z-index: 204;
        border: transparent;
        padding: 0;
        height: 40px
    }

    body .ui-table .ui-table-wrapper {
        min-height: 150px;
        width: 0;
        min-width: 100%;
        max-width: 100%
    }

        body .ui-table .ui-table-wrapper .ui-table-thead tr {
            background-color: transparent
        }

            body .ui-table .ui-table-wrapper .ui-table-thead tr th {
                background-color: var(--th-bg-color);
                font-family: Rubik,sans-serif;
                font-weight: 600;
                font-size: 14px;
                line-height: 17px;
                text-transform: uppercase;
                text-align: center;
                color: var(--th-txt-color);
                height: 35px;
                border: none;
                border-top: 1px solid;
                border-bottom: 1px solid;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                body .ui-table .ui-table-wrapper .ui-table-thead tr th:first-child {
                    text-align: left
                }

                body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column {
                    outline: 0
                }

                    body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f883";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: bottom;
                        font-weight: 400;
                        font-size: 15px;
                        color: var(--th-txt-color)
                    }

                    body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down {
                        font-family: "Font Awesome 5 Pro"
                    }

                        body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down::before {
                            content: "\f160";
                            display: inline-block;
                            padding-right: 3px;
                            vertical-align: bottom;
                            font-weight: 400;
                            font-size: 15px;
                            color: var(--th-text-color)
                        }

                    body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-up::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f885";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: bottom;
                        font-weight: 400;
                        font-size: 15px;
                        color: var(--th-text-color)
                    }

                    body .ui-table .ui-table-wrapper .ui-table-thead tr th.ui-sortable-column p-sorticon:not(.ui-state-highlight):hover {
                        background-color: transparent;
                        color: var(--th-txt-color)
                    }

        body .ui-table .ui-table-wrapper .ui-table-tbody tr {
            background-color: transparent
        }

            body .ui-table .ui-table-wrapper .ui-table-tbody tr.ui-selectable-row {
                outline: 0
            }

            body .ui-table .ui-table-wrapper .ui-table-tbody tr.ui-state-highlight {
                background-color: rgba(156,152,139,.1);
                cursor: pointer
            }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr.ui-state-highlight:hover {
                    background-color: rgba(156,152,139,.1)
                }

            body .ui-table .ui-table-wrapper .ui-table-tbody tr td {
                position: relative;
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--td-txt-color);
                text-align: center;
                background: 0 0;
                border: none;
                border-bottom: 1px solid var(--td-br-color);
                word-break: break-word
            }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr td:first-child {
                    text-align: left
                }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr td::before {
                    content: "";
                    position: absolute;
                    height: 1px;
                    width: 15px;
                    background: var(--td-sep-color);
                    z-index: 1;
                    bottom: -1px;
                    right: -7px
                }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr td::after {
                    content: "";
                    position: absolute;
                    height: 1px;
                    width: 15px;
                    background: var(--td-sep-color);
                    z-index: 1;
                    bottom: -1px;
                    right: -7px;
                    transform: rotate(90deg)
                }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr td:last-child::after, body .ui-table .ui-table-wrapper .ui-table-tbody tr td:last-child::before {
                    display: none
                }

            body .ui-table .ui-table-wrapper .ui-table-tbody tr:last-child td {
                border-bottom-color: var(--th-br-color)
            }

                body .ui-table .ui-table-wrapper .ui-table-tbody tr:last-child td::after, body .ui-table .ui-table-wrapper .ui-table-tbody tr:last-child td::before {
                    display: none
                }

    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view {
        border-right: 1px solid var(--th-br-color)
    }

        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header {
            background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
            position: -moz-sticky;
            position: -ms-sticky;
            position: -o-sticky;
            position: sticky;
            z-index: 200
        }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th {
                background-color: var(--th-bg-color);
                border: none;
                border-top: 1px solid var(--th-br-color);
                border-bottom: 1px solid var(--th-br-color);
                font-family: Rubik,sans-serif;
                font-weight: 600;
                font-size: 14px;
                line-height: 17px;
                text-transform: uppercase;
                text-align: center;
                color: var(--th-txt-color);
                height: 35px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th:first-child {
                    text-align: left
                }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column {
                    outline: 0
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f883";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: bottom;
                        font-weight: 400;
                        font-size: 15px;
                        color: var(--th-txt-color)
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down {
                        font-family: "Font Awesome 5 Pro"
                    }

                        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down::before {
                            content: "\f160";
                            display: inline-block;
                            padding-right: 3px;
                            vertical-align: bottom;
                            font-weight: 400;
                            font-size: 15px;
                            color: var(--th-text-color)
                        }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-up::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f885";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: bottom;
                        font-weight: 400;
                        font-size: 15px;
                        color: var(--th-text-color)
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon:not(.ui-state-highlight):hover {
                        background-color: transparent;
                        color: var(--th-txt-color)
                    }

        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body {
            overflow-y: hidden !important;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body::-webkit-scrollbar {
                display: none;
                width: 0;
                background: 0 0
            }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body::-webkit-scrollbar-thumb {
                background: 0 0
            }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr {
                background: 0 0
            }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-selectable-row {
                    outline: 0
                }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-state-highlight {
                    background-color: rgba(156,152,139,.1);
                    transition: background-color .3s linear;
                    cursor: pointer
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-state-highlight:hover {
                        background-color: rgba(156,152,139,.1)
                    }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td {
                    position: relative;
                    font-family: Arial,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--td-txt-color);
                    height: 92px;
                    text-align: center;
                    background: 0 0;
                    border: 1px solid transparent;
                    border-bottom: 1px solid var(--td-br-color);
                    word-break: break-word
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:first-child {
                        text-align: left;
                        padding: .63em
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row {
                        cursor: pointer
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(10)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(10)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(11)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(11)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(12)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(12)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(13)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(13)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(14)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(14)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(15)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(15)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(16)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(16)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(17)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(17)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(18)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(18)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(19)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(19)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(20)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(20)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(21)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(21)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(22)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(22)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(23)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(23)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(24)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(24)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(25)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(25)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(26)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(26)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(27)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(27)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(28)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(28)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(29)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(29)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(30)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(30)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(4)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(4)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(5)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(5)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(6)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(6)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(7)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(7)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(8)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(8)::before, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(9)::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:nth-child(9)::before {
                        display: none
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td::before {
                        content: "";
                        position: absolute;
                        height: 1px;
                        width: 15px;
                        background: var(--td-sep-color);
                        z-index: 1;
                        bottom: -1px;
                        right: -7px
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td::after {
                        content: "";
                        position: absolute;
                        height: 1px;
                        width: 15px;
                        background: var(--td-sep-color);
                        z-index: 1;
                        bottom: -1px;
                        right: -7px;
                        transform: rotate(90deg)
                    }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td {
                    border-bottom-color: var(--td-br-color)
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td::before {
                        display: none
                    }

        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header {
            background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
            position: -moz-sticky;
            position: -ms-sticky;
            position: -o-sticky;
            position: sticky;
            z-index: 200
        }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box {
                margin-right: 0 !important
            }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th {
                    background-color: var(--th-bg-color);
                    border: none;
                    border-top: 1px solid var(--th-br-color);
                    border-bottom: 1px solid var(--th-br-color);
                    font-family: Rubik,sans-serif;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 17px;
                    text-transform: uppercase;
                    text-align: center;
                    color: var(--th-txt-color);
                    height: 35px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column {
                        outline: 0
                    }

                        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon::before {
                            font-family: "Font Awesome 5 Pro";
                            content: "\f883";
                            display: inline-block;
                            padding-right: 3px;
                            vertical-align: bottom;
                            font-weight: 400;
                            font-size: 15px;
                            color: var(--th-txt-color)
                        }

                        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down {
                            font-family: "Font Awesome 5 Pro"
                        }

                            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-down::before {
                                content: "\f160";
                                display: inline-block;
                                padding-right: 3px;
                                vertical-align: bottom;
                                font-weight: 400;
                                font-size: 15px;
                                color: var(--th-text-color)
                            }

                        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon .ui-sortable-column-icon.pi-sort-up::before {
                            font-family: "Font Awesome 5 Pro";
                            content: "\f885";
                            display: inline-block;
                            padding-right: 3px;
                            vertical-align: bottom;
                            font-weight: 400;
                            font-size: 15px;
                            color: var(--th-text-color)
                        }

                        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th.ui-sortable-column p-sorticon:not(.ui-state-highlight):hover {
                            background-color: transparent;
                            color: var(--th-txt-color)
                        }

        body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body {
            overflow-x: auto !important
        }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body::-webkit-scrollbar {
                display: none;
                -ms-overflow-style: none;
                scrollbar-width: none;
                -webkit-appearance: none;
                height: 9px !important
            }

            body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr {
                background: 0 0
            }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-selectable-row {
                    outline: 0
                }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-state-highlight {
                    background-color: rgba(156,152,139,.1);
                    transition: background-color .3s linear;
                    cursor: pointer
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr.ui-state-highlight:hover {
                        background-color: rgba(156,152,139,.1)
                    }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td {
                    font-family: Arial,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--td-txt-color);
                    text-align: center;
                    background: 0 0;
                    border: 1px solid transparent;
                    border-bottom: 1px solid var(--td-br-color);
                    height: 92px;
                    position: relative;
                    word-break: break-word
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td::before {
                        content: "";
                        position: absolute;
                        height: 1px;
                        width: 15px;
                        background: var(--td-sep-color);
                        z-index: 1;
                        bottom: -1px;
                        right: -7px
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td::after {
                        content: "";
                        position: absolute;
                        height: 1px;
                        width: 15px;
                        background: var(--td-sep-color);
                        z-index: 1;
                        bottom: -1px;
                        right: -7px;
                        transform: rotate(90deg)
                    }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:last-child::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td:last-child::before {
                        display: none
                    }

                body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td {
                    border-bottom-color: var(--th-br-color)
                }

                    body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td::after, body .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:last-child td::before {
                        display: none
                    }

    body .ui-table .ui-sortable-column .ui-sortable-column-icon {
        font-size: .94em !important
    }

    body .ui-table .ui-paginator {
        padding: .31em;
        background: #26262d;
        border: none;
        display: flex;
        justify-content: flex-end
    }

        body .ui-table .ui-paginator .ui-paginator-first:not(.ui-state-active), body .ui-table .ui-paginator .ui-paginator-first:not(.ui-state-disabled):hover, body .ui-table .ui-paginator .ui-paginator-last:not(.ui-state-active), body .ui-table .ui-paginator .ui-paginator-last:not(.ui-state-disabled):hover, body .ui-table .ui-paginator .ui-paginator-next:not(.ui-state-active), body .ui-table .ui-paginator .ui-paginator-next:not(.ui-state-disabled):hover, body .ui-table .ui-paginator .ui-paginator-prev:not(.ui-state-active), body .ui-table .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):hover {
            background: 0 0;
            color: var(--text-color)
        }

        body .ui-table .ui-paginator .ui-paginator-icon {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: center
        }

        body .ui-table .ui-paginator .ui-paginator-first .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f323";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        body .ui-table .ui-paginator .ui-paginator-prev .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f053";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        body .ui-table .ui-paginator .ui-paginator-last .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f324";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        body .ui-table .ui-paginator .ui-paginator-next .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f054";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        body .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page {
            height: 2em !important;
            min-width: 2em !important
        }

            body .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
                background: 0 0;
                border-bottom: 1px solid var(--th-br-color)
            }

            body .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
                background: var(--amber-20);
                color: var(--text-color)
            }

        body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown {
            width: 100%;
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center
        }

            body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown:hover .ui-dropdown-label, body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown:hover .ui-dropdown-trigger .ui-dropdown-trigger-icon {
                color: var(--silver)
            }

            body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-label {
                background: var(--tb-paginator-bg);
                color: var(--silver);
                font-size: 16px
            }

            body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger {
                background: var(--tb-paginator-bg);
                right: 0 !important
            }

                body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
                    top: 40%
                }

                    body .ui-table .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f0dc";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: middle;
                        font-weight: 400;
                        font-size: 16px
                    }

body .ui-inputgroup p-calendar.ng-invalid.ng-touched .ui-calendar .ui-calendar-button, body .ui-inputgroup p-calendar.ng-invalid.ng-touched .ui-calendar .ui-inputtext {
    border-bottom: 1px solid var(--inpt-invalid-color)
}

    body .ui-inputgroup p-calendar.ng-invalid.ng-touched .ui-calendar .ui-calendar-button .ui-button-icon-left {
        color: var(--inpt-focused-br-color)
    }

body .ui-inputgroup p-calendar.ng-invalid.ng-touched:hover .ui-calendar .ui-calendar-button, body .ui-inputgroup p-calendar.ng-invalid.ng-touched:hover .ui-calendar .ui-inputtext {
    border-bottom: 1px solid var(--inpt-invalid-color)
}

body .ui-inputgroup p-calendar.ng-invalid.ng-untouched .ui-calendar .ui-calendar-button, body .ui-inputgroup p-calendar.ng-invalid.ng-untouched .ui-calendar .ui-inputtext {
    border-bottom: 1px solid var(--inpt-notfocused-br-color)
}

    body .ui-inputgroup p-calendar.ng-invalid.ng-untouched .ui-calendar .ui-calendar-button .ui-button-icon-left {
        color: var(--inpt-focused-br-color)
    }

body .ui-inputgroup p-calendar.ng-invalid.ng-untouched:hover .ui-calendar .ui-calendar-button, body .ui-inputgroup p-calendar.ng-invalid.ng-untouched:hover .ui-calendar .ui-inputtext {
    border-bottom: 1px solid var(--inpt-notfocused-br-color)
}

body .ui-inputgroup p-calendar.ng-valid.ng-dirty.ng-touched .ui-calendar .ui-calendar-button, body .ui-inputgroup p-calendar.ng-valid.ng-dirty.ng-touched .ui-calendar .ui-inputtext {
    border-bottom: 1px solid var(--inpt-focused-br-color)
}

    body .ui-inputgroup p-calendar.ng-valid.ng-dirty.ng-touched .ui-calendar .ui-calendar-button .ui-button-icon-left {
        color: var(--inpt-focused-br-color)
    }

body .ui-inputgroup p-calendar .ui-calendar {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 100%
}

    body .ui-inputgroup p-calendar .ui-calendar .ui-inputtext {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--inpt-placeholder-color);
        padding-left: 0;
        height: 38px !important;
        background-color: inherit;
        border-radius: 0 !important;
        border: none;
        border-bottom: 1px solid var(--inpt-notfocused-br-color);
        width: 100%
    }

    body .ui-inputgroup p-calendar .ui-calendar .ui-calendar-button {
        height: 38px !important;
        padding: .31em;
        background: 0 0;
        border: none;
        border-bottom: 1px solid var(--inpt-notfocused-br-color);
        border-radius: 0 !important
    }

        body .ui-inputgroup p-calendar .ui-calendar .ui-calendar-button .ui-button-icon-left {
            padding: 0;
            color: var(--inpt-notfocused-br-color)
        }

    body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker {
        background-color: var(--dropdown-bg)
    }

        body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-header {
            margin: .63em .94em
        }

            body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
                font-family: Arial,sans-serif;
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                text-align: center;
                color: rgba(var(--light-gray),.8)
            }

            body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next:hover, body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev:hover {
                color: var(--amber-light)
            }

        body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar-container .ui-datepicker-calendar thead tr th {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 12px;
            line-height: 24px;
            text-transform: uppercase;
            text-align: center;
            color: var(--sand)
        }

        body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar-container .ui-datepicker-calendar tbody tr td {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: rgba(var(--light-gray),.8)
        }

            body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar-container .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
                background-color: var(--amber-light);
                color: rgba(38,38,45,.8)
            }

            body .ui-inputgroup p-calendar .ui-calendar .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar-container .ui-datepicker-calendar tbody tr td a.ui-state-active {
                background-color: var(--silver)
            }

body .ui-dropdown .ui-dropdown-panel {
    background-color: var(--dropdown-bg);
    border-color: var(--dropdown-br-color);
    border-radius: 0
}

    body .ui-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper .ui-dropdown-list.ui-dropdown-items .ui-dropdown-item {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -.01em;
        color: var(--dropdown-txt-color)
    }

        body .ui-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper .ui-dropdown-list.ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper .ui-dropdown-list.ui-dropdown-items .ui-dropdown-item:hover {
            background-color: rgba(156,152,139,.04)
        }

body .ui-tabview .ui-tabview-panels {
    background-color: transparent;
    border: none;
    padding: 20px 0
}

body .ui-corner-all {
    border-radius: border-radius(3px)
}

body .ui-message {
    border: none;
    margin: .19em 0;
    padding: .31em
}

    body .ui-message a, body .ui-message a:active, body .ui-message a:active:hover, body .ui-message a:hover, body .ui-message a:visited, body .ui-message a:visited:hover {
        color: var(--dropdown-txt-color)
    }

body .ui-messages {
    box-shadow: 0 6px 10px rgba(0,0,0,.2);
    color: #f66e84;
    padding: 10px !important;
    width: 30%;
    margin: 0 auto;
    background: #fff;
    right: 33%;
    height: 48px;
    position: fixed;
    bottom: 3%
}

    body .ui-messages.ui-messages-error {
        border-radius: 3px;
        background-color: #f66e84;
        border-color: #f66e84;
        color: #f66e84;
        padding: 1em 2em 1em 3.5em;
        text-align: right;
        z-index: 1
    }

        body .ui-messages.ui-messages-error .ui-messages-icon {
            color: #f66e84
        }

            body .ui-messages.ui-messages-error .ui-messages-icon:before {
                content: "\f17d"
            }

        body .ui-messages.ui-messages-error .ui-messages-close {
            color: #000
        }

    body .ui-messages.ui-messages-warn {
        border-radius: 3px;
        background-color: #36a3f7;
        border-color: #36a3f7;
        color: #1e2129;
        padding: 1em 2em 1em 3.5em
    }

        body .ui-messages.ui-messages-warn .ui-messages-icon {
            color: #1e2129
        }

            body .ui-messages.ui-messages-warn .ui-messages-icon:before {
                content: "\f188"
            }

        body .ui-messages.ui-messages-warn .ui-messages-close {
            color: #1e2129
        }

    body .ui-messages.ui-messages-info {
        border-radius: 3px;
        background-color: #36a3f7;
        border-color: #36a3f7;
        color: #1e2129;
        padding: 1em 2em 1em 3.5em
    }

        body .ui-messages.ui-messages-info .ui-messages-icon {
            color: #1e2129
        }

            body .ui-messages.ui-messages-info .ui-messages-icon:before {
                content: "\f188"
            }

        body .ui-messages.ui-messages-info .ui-messages-close {
            color: #1e2129
        }

    body .ui-messages.ui-messages-success {
        border-radius: 3px;
        background-color: #34bfa3;
        border-color: #34bfa3;
        color: #1e2129;
        padding: 1em 2em 1em 3.5em
    }

        body .ui-messages.ui-messages-success .ui-messages-icon {
            color: #1e2129
        }

            body .ui-messages.ui-messages-success .ui-messages-icon:before {
                content: "\f17f"
            }

        body .ui-messages.ui-messages-success .ui-messages-close {
            color: #1e2129
        }

    body .ui-messages .ui-messages-icon {
        position: absolute;
        left: .5em;
        top: .5em;
        padding: 0;
        display: none
    }

    body .ui-messages .ui-messages-close {
        color: #1e2129;
        right: 7px
    }

        body .ui-messages .ui-messages-close .fa, body .ui-messages .ui-messages-close .pi, body .ui-messages .ui-messages-close td [class^=icon-log-], td body .ui-messages .ui-messages-close [class^=icon-log-] {
            font: 18px/1 "Material Design Icons"
        }

            body .ui-messages .ui-messages-close .fa:before, body .ui-messages .ui-messages-close .pi:before, body .ui-messages .ui-messages-close td [class^=icon-log-]:before, td body .ui-messages .ui-messages-close [class^=icon-log-]:before {
                content: "\f156"
            }

    body .ui-messages .ui-messages-detail a, body .ui-messages .ui-messages-detail a:active, body .ui-messages .ui-messages-detail a:active:hover, body .ui-messages .ui-messages-detail a:hover, body .ui-messages .ui-messages-detail a:visited, body .ui-messages .ui-messages-detail a:visited:hover {
        color: #1e2129
    }

    body .ui-messages ul {
        width: 100%
    }

        body .ui-messages ul li {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between
        }

            body .ui-messages ul li .ui-messages-summary {
                display: block;
                width: 100%;
                font-weight: 400;
                font-size: 16px
            }

            body .ui-messages ul li .ui-messages-detail {
                width: 100%;
                display: block;
                text-align: right;
                margin-right: 20px;
                font-size: 14px;
                font-weight: 700;
                color: #607d8b
            }

body .custom-toast-error {
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%)
}

body .custom-toast {
    width: auto
}

    body .custom-toast.ui-toast-bottom-center {
        bottom: -40px !important
    }

body .ui-toast-message {
    background: #fff;
    border-radius: 4px;
    padding: .63em
}

    body .ui-toast-message .ui-toast-message-content {
        color: #000;
        font-weight: 700
    }

        body .ui-toast-message .ui-toast-message-content .ui-toast-close-icon {
            color: #000;
            display: none
        }

        body .ui-toast-message .ui-toast-message-content a:nth-child(2) {
            color: #747a7f;
            font-weight: 700;
            margin-left: 3.13em
        }

body .ui-info-msg .ui-messages {
    box-shadow: none;
    border: 1px solid #000 !important;
    padding: 10px;
    margin: 15px auto;
    position: relative;
    color: #ccc;
    font-size: 16px;
    text-align: center
}

    body .ui-info-msg .ui-messages .ui-messages-icon {
        display: block;
        font-size: 40px;
        line-height: 70px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #1e2129;
        border: 1px solid #333;
        color: #ccc;
        margin: 10px auto;
        position: static
    }

    body .ui-info-msg .ui-messages .ui-messages-detail {
        color: #ccc;
        font-size: 16px;
        font-weight: 300
    }

        body .ui-info-msg .ui-messages .ui-messages-detail a {
            color: #1e88e5;
            font-weight: 600
        }

    body .ui-info-msg .ui-messages .ui-messages-summary {
        font-weight: 300
    }

    body .ui-info-msg .ui-messages.ui-messages-error .ui-messages-icon {
        color: #f66e84;
        border-color: #f66e84
    }

        body .ui-info-msg .ui-messages.ui-messages-error .ui-messages-icon:before {
            content: "\f17d"
        }

    body .ui-info-msg .ui-messages.ui-messages-warn .ui-messages-icon {
        color: #36a3f7;
        border-color: #36a3f7
    }

        body .ui-info-msg .ui-messages.ui-messages-warn .ui-messages-icon:before {
            content: "\f188"
        }

    body .ui-info-msg .ui-messages.ui-messages-info .ui-messages-icon {
        color: #36a3f7;
        border-color: #36a3f7
    }

        body .ui-info-msg .ui-messages.ui-messages-info .ui-messages-icon:before {
            content: "\f188"
        }

    body .ui-info-msg .ui-messages.ui-messages-success .ui-messages-icon {
        color: #34bfa3;
        border-color: #34bfa3
    }

        body .ui-info-msg .ui-messages.ui-messages-success .ui-messages-icon:before {
            content: "\f17f"
        }

body .ui-widget-header {
    background-color: transparent;
    color: #fff
}

body .ui-widget-content.ui-tabview {
    background-color: transparent
}

body .ui-panel {
    box-shadow: 0 0 11px rgba(0,0,0,.5);
    background-color: #1e2129;
    color: #fff;
    border: none;
    border-radius: 3px
}

    body .ui-panel .ui-panel-content {
        padding: .94em;
        background-color: transparent;
        border: none;
        color: #fff
    }

    body .ui-panel .ui-panel-titlebar {
        background-color: transparent;
        padding: .94em;
        border-bottom: none;
        border: none
    }

body .ui-menu {
    background-color: var(--dropdown-bg);
    border-radius: 8px;
    width: auto;
    overflow: hidden
}

    body .ui-menu.ui-shadow {
        border: 1px solid var(--dropdown-br-color);
        box-shadow: none
    }

    body .ui-menu .ui-menuitem {
        border-bottom: 1px solid var(--dropdown-br-color);
        border-radius: none
    }

        body .ui-menu .ui-menuitem.delete-item .ui-menuitem-link .ui-menuitem-text {
            color: #eb5757
        }

        body .ui-menu .ui-menuitem:last-child {
            border-bottom: none
        }

        body .ui-menu .ui-menuitem .ui-menuitem-link {
            padding: 1em 1.5em
        }

            body .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
                color: var(--dropdown-txt-color);
                font-size: 16px;
                display: none
            }

            body .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                align-items: center;
                letter-spacing: -.01em;
                color: var(--dropdown-txt-color)
            }

            body .ui-menu .ui-menuitem .ui-menuitem-link:hover {
                background-color: var(--dropdown-hover)
            }

body p-tablecheckbox:focus {
    outline: 0 !important
}

body .ui-chkbox-label {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--inpt-label-color)
}

body .ui-chkbox {
    width: 16px;
    height: 16px
}

    body .ui-chkbox .ui-chkbox-box {
        width: 16px;
        height: 16px;
        border: 2px solid var(--checkbox-unselected-br-color);
        background-color: var(--checkbox-unselected-bg)
    }

        body .ui-chkbox .ui-chkbox-box:focus {
            outline: 0
        }

        body .ui-chkbox .ui-chkbox-box.ui-state-active {
            border: 2px solid var(--checkbox-selected-bg);
            background-color: var(--checkbox-selected-br-color)
        }

            body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
                color: var(--checkbox-icon-color);
                font-size: 13px
            }

            body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
                border: 2px solid var(--checkbox-selected-bg);
                background-color: var(--checkbox-selected-br-color)
            }

        body .ui-chkbox .ui-chkbox-box.ui-state-focus {
            box-shadow: none
        }

            body .ui-chkbox .ui-chkbox-box.ui-state-focus.ui-state-active {
                border: 2px solid var(--checkbox-selected-bg);
                background-color: var(--checkbox-selected-br-color)
            }

            body .ui-chkbox .ui-chkbox-box.ui-state-focus:not(.ui-state-active), body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
                border: 2px solid var(--checkbox-unselected-br-color);
                background-color: var(--checkbox-unselected-bg)
            }

body .ui-inputswitch {
    height: 30px !important;
    width: 3.5em
}

    body .ui-inputswitch .ui-inputswitch-slider::before {
        left: 0 !important;
        bottom: 3px !important
    }

    body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
        background-color: var(--switch-inpt-selected-bg) !important
    }

        body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider::before {
            left: 4px !important;
            background: var(--switch-inpt-selected-icon) !important;
            height: 25px !important;
            width: 25px !important
        }

    body .ui-inputswitch.ui-inputswitch-checked:hover .ui-inputswitch-slider {
        background-color: var(--switch-inpt-selected-bg) !important
    }

    body .ui-inputswitch:not(.ui-inputswitch-checked) .ui-inputswitch-slider {
        background-color: var(--switch-inpt-unselected-bg) !important
    }

        body .ui-inputswitch:not(.ui-inputswitch-checked) .ui-inputswitch-slider::before {
            height: 25px !important;
            width: 25px !important;
            background: var(--switch-inpt-unselected-icon) !important;
            left: 3px !important
        }

    body .ui-inputswitch:not(.ui-inputswitch-checked):hover .ui-inputswitch-slider {
        background-color: var(--switch-inpt-unselected-bg) !important
    }

body p-radiobuton:focus {
    outline: 0 !important
}

body .ui-radiobutton-label {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--inpt-label-color)
}

body .ui-radiobutton {
    width: 16px;
    height: 16px;
    margin: 0 0 .31em
}

    body .ui-radiobutton .ui-radiobutton-box {
        width: 16px;
        height: 16px;
        border: 2px solid var(--radiobtn-unselected-br-color);
        background-color: var(--radiobtn-unselected-bg)
    }

        body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
            border: 2px solid var(--radiobtn-selected-br-color);
            background-color: transparent
        }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
                background-color: var(--radiobtn-icon-color);
                width: 6px;
                height: 6px;
                left: 50%;
                top: 50%;
                margin-left: -3px;
                margin-top: -3px
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
                border: 2px solid var(--radiobtn-selected-br-color);
                background-color: var(--radiobtn-unselected-bg)
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
                box-shadow: none;
                border: 2px solid var(--radiobtn-selected-br-color);
                background-color: var(--radiobtn-selected-bg)
            }

        body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
            border: 2px solid var(--radiobtn-unselected-br-color);
            background-color: var(--radiobtn-unselected-bg)
        }

body .ui-dialog {
    box-shadow: 0 24px 6px rgba(0,0,0,.16);
    background-color: #424242;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: .31em;
    min-width: 150px;
    min-height: 150px;
    transform: none;
    opacity: 1;
    display: flex;
    z-index: 10001 !important
}

    body .ui-dialog .ui-dialog-titlebar {
        border-bottom: none;
        padding: 1.63em;
        background-color: transparent;
        border: none
    }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            float: none;
            font-weight: 600;
            margin: 0;
            font-size: 1.5em;
            color: #fff
        }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
            color: #fff
        }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .fa, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon td [class^=icon-log-], td body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon [class^=icon-log-] {
            font: 26px/1 "Material Design Icons"
        }

            body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .fa:before, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi:before, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon td [class^=icon-log-]:before, td body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon [class^=icon-log-]:before {
                content: "\f156";
                position: absolute;
                top: -28px;
                padding: 10px;
                right: -25px;
                outline: 0;
                background: #424242;
                border-color: transparent;
                border-radius: 50%;
                box-shadow: 1px 1px 4px 1px rgba(0,0,0,.2)
            }

    body .ui-dialog .ui-dialog-content {
        padding: 0 .94em .94em;
        overflow: visible;
        background-color: transparent;
        border: none;
        color: #fff;
        height: auto !important
    }

        body .ui-dialog .ui-dialog-content .btn-bottom-widget {
            display: flex;
            justify-content: space-between
        }

    body .ui-dialog .ui-dialog-footer .btn-bar {
        margin: 0
    }

    body .ui-dialog .ui-dialog-footer {
        padding: 1.63em;
        background-color: transparent;
        border: none
    }

        body .ui-dialog .ui-dialog-footer button {
            margin: 0 0 0 .8em;
            background: #607d8b;
            border: 1px solid rgba(255,255,255,.1)
        }

            body .ui-dialog .ui-dialog-footer button:hover {
                background: #566f7b;
                border: 1px solid rgba(255,255,255,.1)
            }

    body .ui-dialog .p-dialog-scroll {
        overflow: auto;
        max-height: 30vh
    }

body .ui-datepicker {
    border: none;
    box-shadow: 0 0 11px rgba(0,0,0,.5);
    background-color: #000;
    color: #b3b2b2;
    top: 51px !important;
    outline: 0 !important
}

    body .ui-datepicker:not(.ui-datepicker-inline) {
        border: none;
        box-shadow: 0 0 11px rgba(0,0,0,.5);
        background-color: #303030;
        color: #b3b2b2
    }

    body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
        background-color: #455a64;
        color: #fff
    }

    body .ui-datepicker .ui-datepicker-header {
        background-color: transparent;
        color: #fff
    }

    body .ui-datepicker table td {
        padding: 0
    }

        body .ui-datepicker table td.ui-datepicker-today a {
            background-color: #607d8b;
            color: #fff
        }

        body .ui-datepicker table td > span {
            color: #fff
        }

body .ui-row-toggler {
    font-size: 1.63em;
    width: 1em
}

body .ui-spinner .ui-spinner-input {
    padding-right: 30px
}

body .ui-spinner .ui-spinner-button {
    right: 1px;
    border-radius: .25em;
    height: 23px;
    left: 105px;
    top: -49px !important;
    cursor: pointer
}

    body .ui-spinner .ui-spinner-button.ui-spinner-up {
        top: 1px
    }

    body .ui-spinner .ui-spinner-button.ui-spinner-down {
        bottom: 1px
    }

    body .ui-spinner .ui-spinner-button.ui-button {
        background-color: transparent;
        border: none;
        color: #848484
    }

        body .ui-spinner .ui-spinner-button.ui-button:hover {
            color: #fff
        }

body .ui-spinner.text-right .ui-spinner-input {
    text-align: right
}

body .ui-accordion .ui-accordion-toggle-icon {
    color: #666
}

    body .ui-accordion .ui-accordion-toggle-icon.pi-caret-down:before {
        content: "\f0d7" !important
    }

    body .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
        content: "\f0da" !important
    }

body .ui-accordion .ui-accordion-header {
    border-radius: border-radius(3px);
    margin-bottom: 0
}

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active {
        border-radius: 3px 3px 0 0
    }

        body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
            background-color: #1e2129;
            border-color: #666;
            color: #fff;
            border-radius: 3px 3px 0 0
        }

            body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a:hover {
                border-color: #fff;
                background-color: #1e2129;
                color: #fff
            }

                body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a:hover .ui-accordion-toggle-icon {
                    color: #666
                }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled) {
        border-radius: 3px 3px 0 0
    }

        body .ui-accordion .ui-accordion-header:not(.ui-state-disabled) a {
            background-color: #1e2129;
            border-color: #666;
            color: #fff
        }

            body .ui-accordion .ui-accordion-header:not(.ui-state-disabled) a:hover {
                border-color: #fff;
                background-color: #1e2129;
                color: #fff
            }

        body .ui-accordion .ui-accordion-header:not(.ui-state-disabled):not(.ui-state-disabled):hover a {
            background-color: #1e2129;
            border-color: #666;
            color: #fff
        }

            body .ui-accordion .ui-accordion-header:not(.ui-state-disabled):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
                color: #666
            }

    body .ui-accordion .ui-accordion-header a {
        border-radius: 3px
    }

body .ui-accordion .ui-accordion-content {
    border: 1px solid #666;
    border-radius: 3px 3px 0 0;
    margin-top: -1px;
    background-color: #1e2129;
    color: #fff
}

    body .ui-accordion .ui-accordion-content .form-group {
        margin-bottom: 5px
    }

body .ui-accordion .ui-accordion-content-wrapper {
    margin-bottom: 15px
}

body .ui-tree {
    width: 100%;
    border: none;
    background-color: #1e2129;
    color: #b3b2b2;
    padding: 0;
    font-weight: 400
}

    body .ui-tree .ui-tree-container {
        border: 1px solid #666;
        margin-bottom: 5px;
        border-radius: 3px
    }

        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
            color: #fff;
            background-color: transparent
        }

        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
            background-color: transparent;
            color: #fff
        }

    body .ui-tree .ui-treenode .ui-chkbox .ui-chkbox-icon {
        margin-left: 0
    }

        body .ui-tree .ui-treenode .ui-chkbox .ui-chkbox-icon.fa-check, body .ui-tree .ui-treenode .ui-chkbox .ui-chkbox-icon.icon-log-success {
            background-color: #1e88e5
        }

    body .ui-tree.source-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
        color: #1e88e5;
        font-weight: 600
    }

body .ui-password-panel {
    background-color: #282d3d;
    color: #fff;
    border: 1px solid #000;
    display: none !important
}

body .ui-fieldset {
    background-color: transparent;
    color: #b3b2b2;
    border: none;
    border-radius: 0;
    padding: 0
}

    body .ui-fieldset:not(.ui-fieldset-toggleable) .ui-fieldset-legend-text {
        background-color: transparent;
        color: #fff;
        border: none;
        padding: 0 18px 5px 0;
        display: block
    }

    body .ui-fieldset .ui-fieldset-legend {
        padding: 0
    }

        body .ui-fieldset .ui-fieldset-legend a {
            background-color: transparent;
            color: #fff;
            border: none;
            padding: 0 18px 5px 0;
            position: relative
        }

            body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
                color: #fff;
                position: absolute;
                right: 0;
                top: 5px;
                margin: 0;
                font-size: 12px
            }

                body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler.pi-minus:before {
                    content: "\e907"
                }

                body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler.pi-plus:before {
                    content: "\e906"
                }

            body .ui-fieldset .ui-fieldset-legend a:hover, body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
                background-color: transparent;
                color: #fff;
                border: none
            }

                body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
                    color: #fff
                }

body .ui-slider {
    background-color: #b3b2b2
}

    body .ui-slider.ui-slider-horizontal {
        height: 6px
    }

    body .ui-slider .ui-slider-handle {
        border-color: #32363d;
        background-color: rmap-get((default: #fff,primary: #fff,secondary: #fff,hover: #fff,focus: #fff,placeholder: #32363d,label: #cecece,float-label: #fff,focus-label: #607d8b,invalid-label: #f66e84,border: #565a5f,border-top: #fff,border-bottom: #607d8b,border-left: #fff,border-right: #fff),placeholder)
    }

    body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
        background-color: #1e88e5;
        border-color: #1e88e5
    }

    body .ui-slider:not(.ui-state-disabled) .ui-slider-range {
        background-color: #32363d
    }

body .action-menu ul li:hover {
    background: #607d8b
}

body .ia-data-view .ui-dataview .ui-dataview-content {
    padding: 10px 0 0
}

body .ui-dataview .ui-dataview-header {
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 0
}

body .ui-dataview .ui-dataview-content {
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 10px 0
}

body .new-log-tree .ui-tree-container {
    max-height: 200px;
    overflow: auto
}

.ui-shadow {
    box-shadow: 3px 5px 15px #000
}

.ui-spinner {
    max-width: 6.25em
}

.ui-accordion-content, .ui-fieldset-content-wrapper {
    word-break: break-all
}

.ui-panel-content-wrapper {
    display: flex;
    flex-direction: column
}

.ui-password-panel {
    padding: .5em !important;
    margin-top: 0 !important;
    color: #fff
}

    .ui-password-panel .ui-password-meter {
        display: block
    }

.ui-password-info {
    margin-top: 0 !important;
    border-color: #31364c
}

.ui-datatable-no-header thead th, .ui-datatable-noExpander span.ui-row-toggler {
    display: none !important
}

.ui-panel-header:after, .ui-panel-header:before, .ui-panel-titlebar:after, .ui-panel-titlebar:before {
    content: " ";
    display: table
}

.ui-panel-header:after, .ui-panel-titlebar:after {
    clear: both
}

.ui-panel-header i, .ui-panel-titlebar i {
    margin: 0 .63em 0 0;
    font-size: 1.88em;
    color: #1e88ff;
    vertical-align: middle
}

.ui-panel-title {
    font-size: 1.25em;
    margin: 0;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-weight: 400
}

.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
    display: block !important
}

.panel-footer .btn-bar {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: .94em
}

.ui-panel .ui-panel-content {
    background: 0 0
}

    .ui-panel .ui-panel-content .panel-footer {
        margin: 14px 0 -14px
    }

.ui-fileupload-buttonbar {
    text-align: right
}

.ui-fileupload-files {
    width: 100%
}

.ui-galleria.ui-widget-content {
    border: none
}

.ui-galleria-panel {
    overflow: hidden
}

    .ui-galleria-panel img {
        width: 100%
    }

.ui-galleria-filmstrip-wrapper {
    margin: 1px auto
}

.ui-galleria-frame {
    margin-right: 1px
}

.ui-fieldset-legend-text {
    text-decoration: none !important
}

p-paginator {
    width: 100%
}

    p-paginator .ui-paginator {
        padding: .31em;
        background-color: #26262d;
        border: none;
        display: flex;
        justify-content: flex-end
    }

        p-paginator .ui-paginator .ui-paginator-first:not(.ui-state-active), p-paginator .ui-paginator .ui-paginator-first:not(.ui-state-disabled):hover, p-paginator .ui-paginator .ui-paginator-last:not(.ui-state-active), p-paginator .ui-paginator .ui-paginator-last:not(.ui-state-disabled):hover, p-paginator .ui-paginator .ui-paginator-next:not(.ui-state-active), p-paginator .ui-paginator .ui-paginator-next:not(.ui-state-disabled):hover, p-paginator .ui-paginator .ui-paginator-prev:not(.ui-state-active), p-paginator .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):hover {
            background: 0 0;
            color: var(--text-color)
        }

        p-paginator .ui-paginator .ui-paginator-icon {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: center
        }

        p-paginator .ui-paginator .ui-paginator-first .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f323";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        p-paginator .ui-paginator .ui-paginator-prev .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f053";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        p-paginator .ui-paginator .ui-paginator-last .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f324";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        p-paginator .ui-paginator .ui-paginator-next .ui-paginator-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f054";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 400;
            font-size: 14px
        }

        p-paginator .ui-paginator .ui-paginator-pages .ui-paginator-page {
            height: 2em !important;
            min-width: 2em !important
        }

            p-paginator .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
                background: 0 0;
                border-bottom: 1px solid var(--th-br-color)
            }

            p-paginator .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
                background: var(--amber-20);
                color: var(--text-color)
            }

        p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown {
            width: 100%;
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center
        }

            p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown:hover .ui-dropdown-label, p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown:hover .ui-dropdown-trigger .ui-dropdown-trigger-icon {
                color: var(--silver)
            }

            p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-label {
                background: var(--tb-paginator-bg);
                color: var(--silver);
                font-size: 16px
            }

            p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger {
                background: var(--tb-paginator-bg);
                right: 0 !important
            }

                p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
                    top: 40%
                }

                    p-paginator .ui-paginator .ui-inputwrapper-filled .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f0dc";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: middle;
                        font-weight: 400;
                        font-size: 16px
                    }

button[disabled] {
    background-color: var(--gray);
    border: 1px solid var(--btn-disabled-br-color)
}

.ui-button.bordered-none {
    background: 0 0 !important;
    border: none !important;
    color: var(--secondary-btn-txt-color)
}

    .ui-button.bordered-none.btn-inherit {
        color: var(--more-btn-txt-color)
    }

    .ui-button.bordered-none:enabled:focus, .ui-button.bordered-none:enabled:hover {
        background: 0 0 !important;
        border: none !important;
        color: var(--secondary-btn-txt-hover-color)
    }

    .ui-button.bordered-none:disabled {
        color: var(--btn-disabled-txt-color) !important
    }

.back-btn, .change-btn, .next-btn, .tl-btn {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .44em .75em;
    border-radius: 3px;
    outline: 0;
    border: 1px solid var(--amber);
    background-color: var(--amber);
    color: var(--black-10)
}

    .back-btn:disabled, .change-btn:disabled, .next-btn:disabled, .tl-btn:disabled {
        border: 1px solid var(--btn-disabled-br-color);
        background-color: var(--gray);
        color: var(--gray-40)
    }

button[class*="-sm-btn"] {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .44em .75em;
    border-radius: 3px;
    outline: 0
}

    button[class*="-sm-btn"]:hover {
        border: 1px solid var(--amber-20);
        background-color: var(--amber-20)
    }

    button[class*="-sm-btn"]:enabled:active {
        border-color: var(--amber);
        background-color: var(--amber)
    }

    button[class*="-sm-btn"]:disabled {
        border: 1px solid var(--btn-disabled-br-color);
        background-color: var(--gray);
        color: var(--gray-40)
    }

.tl-btn-br-all {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .44em .75em;
    border-radius: 3px;
    outline: 0;
    border: 1px solid;
    background-color: var(--transparent-color)
}

    .tl-btn-br-all:hover {
        border: 1px solid;
        background-color: var(--transparent-color)
    }

    .tl-btn-br-all:enabled:active {
        border: 1px solid;
        background-color: var(--gray)
    }

    .tl-btn-br-all:disabled {
        border: 1px solid var(--btn-disabled-br-color);
        background-color: transparent
    }

button[class*="-sm-btn-br-all"] {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .44em .75em;
    border-radius: 3px;
    outline: 0
}

    button[class*="-sm-btn-br-all"]:hover {
        border: 1px solid var(--amber);
        background-color: rgba(156,152,139,.15);
        color: var(--amber-hover)
    }

    button[class*="-sm-btn-br-all"]:enabled:active {
        border: 1px solid var(--amber);
        background-color: transparent;
        color: var(--amber-dark)
    }

    button[class*="-sm-btn-br-all"]:disabled {
        border: 1px solid var(--btn-disabled-br-color);
        background-color: transparent;
        color: var(--gray-40)
    }

.tl-btn-br-b {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    padding: .5em 0;
    border-radius: 0;
    outline: 0;
    border: none;
    border-bottom: 1px solid var(--amber-10);
    background-color: transparent;
    color: var(--gray-40)
}

    .tl-btn-br-b:hover {
        border-bottom: 1px solid var(--amber-20);
        background-color: transparent;
        color: var(--sand)
    }

    .tl-btn-br-b:enabled:active {
        border-bottom: 1px solid var(--amber);
        background-color: transparent;
        color: var(--gray-40)
    }

.back-btn, .change-btn {
    background: 0 0;
    border-color: transparent;
    color: var(--amber-10);
    padding: 0
}

    .back-btn::before, .change-btn::before {
        font-family: "Font Awesome 5 Pro";
        content: "\f060" !important;
        display: inline-block;
        margin: 0 .63em 0 0;
        font-weight: 400
    }

    .change-btn::before {
        display: none
    }

.next-btn {
    background: 0 0;
    border-color: transparent;
    color: var(--amber-light);
    padding: 0
}

    .next-btn::after {
        font-family: "Font Awesome 5 Pro";
        content: "\f061" !important;
        display: inline-block;
        margin: 0 .63em 0 0;
        font-weight: 400
    }

.tl-clear-f-btn {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: .5em .75em;
    line-height: 24px;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase;
    background: 0 0;
    border-color: transparent;
    color: var(--filter-btn-txt-color)
}

.read-more {
    font-family: Monark-regular,sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .02em;
    line-height: 24px;
    padding: .5em 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--more-btn-br-color);
    background: var(--more-btn-bg);
    color: var(--more-btn-txt-color)
}

    .read-more::after {
        font-family: "Font Awesome 5 Pro";
        content: "\f178" !important;
        display: inline-block;
        margin: 0 0 0 1.25em;
        font-weight: 400
    }

    .read-more:enabled:hover {
        border: none;
        background-color: var(--more-btn-hover-bg);
        border-bottom: 1px solid var(--more-btn-br-color);
        color: var(--more-btn-txt-hover-color)
    }

    .read-more:enabled:focus {
        outline: 0;
        outline-offset: 0;
        background-color: transparent;
        color: var(--gray-40);
        box-shadow: none
    }

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

body .login-container, body .reg-container {
    height: 100vh
}

    body .login-container .login-panel, body .login-container .reg-panel, body .reg-container .login-panel, body .reg-container .reg-panel {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        width: 80%;
        margin: 0 auto
    }

@media screen and (max-width: 1024px) {
    body .login-container .login-panel, body .login-container .reg-panel, body .reg-container .login-panel, body .reg-container .reg-panel {
        min-width: unset;
        width: 80%
    }
}

body .login-container .login-panel .tl-logo, body .login-container .reg-panel .tl-logo, body .reg-container .login-panel .tl-logo, body .reg-container .reg-panel .tl-logo {
    max-height: 40px
}

body .login-container .login-panel .login-form .forgot-pass-btn.tl-btn-br-b, body .login-container .login-panel .reg-form .forgot-pass-btn.tl-btn-br-b, body .login-container .reg-panel .login-form .forgot-pass-btn.tl-btn-br-b, body .login-container .reg-panel .reg-form .forgot-pass-btn.tl-btn-br-b, body .reg-container .login-panel .login-form .forgot-pass-btn.tl-btn-br-b, body .reg-container .login-panel .reg-form .forgot-pass-btn.tl-btn-br-b, body .reg-container .reg-panel .login-form .forgot-pass-btn.tl-btn-br-b, body .reg-container .reg-panel .reg-form .forgot-pass-btn.tl-btn-br-b {
    font-size: 16px;
    letter-spacing: .08em;
    font-family: Monark-regular,sans-serif;
    margin: 0 0 2.5em
}

body .login-container .login-panel .login-form .ui-button:not(.ui-button-bordered), body .login-container .login-panel .reg-form .ui-button:not(.ui-button-bordered), body .login-container .reg-panel .login-form .ui-button:not(.ui-button-bordered), body .login-container .reg-panel .reg-form .ui-button:not(.ui-button-bordered), body .reg-container .login-panel .login-form .ui-button:not(.ui-button-bordered), body .reg-container .login-panel .reg-form .ui-button:not(.ui-button-bordered), body .reg-container .reg-panel .login-form .ui-button:not(.ui-button-bordered), body .reg-container .reg-panel .reg-form .ui-button:not(.ui-button-bordered) {
    width: 100%
}

body .login-container .login-panel .login-form .ui-button.learn-more, body .login-container .login-panel .reg-form .ui-button.learn-more, body .login-container .reg-panel .login-form .ui-button.learn-more, body .login-container .reg-panel .reg-form .ui-button.learn-more, body .reg-container .login-panel .login-form .ui-button.learn-more, body .reg-container .login-panel .reg-form .ui-button.learn-more, body .reg-container .reg-panel .login-form .ui-button.learn-more, body .reg-container .reg-panel .reg-form .ui-button.learn-more {
    display: block;
    width: auto;
    margin: 1.25em auto
}

body .login-container .login-panel .login-form .ui-button.continue-to-site, body .login-container .login-panel .reg-form .ui-button.continue-to-site, body .login-container .reg-panel .login-form .ui-button.continue-to-site, body .login-container .reg-panel .reg-form .ui-button.continue-to-site, body .reg-container .login-panel .login-form .ui-button.continue-to-site, body .reg-container .login-panel .reg-form .ui-button.continue-to-site, body .reg-container .reg-panel .login-form .ui-button.continue-to-site, body .reg-container .reg-panel .reg-form .ui-button.continue-to-site {
    width: 100%;
    margin: 1.25em 0
}

body .login-container .login-panel .login-form label .ui-chkbox, body .login-container .login-panel .reg-form label .ui-chkbox, body .login-container .reg-panel .login-form label .ui-chkbox, body .login-container .reg-panel .reg-form label .ui-chkbox, body .reg-container .login-panel .login-form label .ui-chkbox, body .reg-container .login-panel .reg-form label .ui-chkbox, body .reg-container .reg-panel .login-form label .ui-chkbox, body .reg-container .reg-panel .reg-form label .ui-chkbox {
    margin: 0 0 .19em
}

body .login-container .login-panel .login-form label a, body .login-container .login-panel .reg-form label a, body .login-container .reg-panel .login-form label a, body .login-container .reg-panel .reg-form label a, body .reg-container .login-panel .login-form label a, body .reg-container .login-panel .reg-form label a, body .reg-container .reg-panel .login-form label a, body .reg-container .reg-panel .reg-form label a {
    color: var(--amber)
}

body .login-container .login-panel .reg-btn a, body .login-container .login-panel .sign-in-btn a, body .login-container .reg-panel .reg-btn a, body .login-container .reg-panel .sign-in-btn a, body .reg-container .login-panel .reg-btn a, body .reg-container .login-panel .sign-in-btn a, body .reg-container .reg-panel .reg-btn a, body .reg-container .reg-panel .sign-in-btn a {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color)
}

body .login-container .login-panel .reg-btn .ui-button, body .login-container .login-panel .sign-in-btn .ui-button, body .login-container .reg-panel .reg-btn .ui-button, body .login-container .reg-panel .sign-in-btn .ui-button, body .reg-container .login-panel .reg-btn .ui-button, body .reg-container .login-panel .sign-in-btn .ui-button, body .reg-container .reg-panel .reg-btn .ui-button, body .reg-container .reg-panel .sign-in-btn .ui-button {
    margin: 0 0 0 1.25em
}

body .login-container .sign-in-bg, body .reg-container .sign-in-bg {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

    body .login-container .sign-in-bg::before, body .reg-container .sign-in-bg::before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 100%
    }

    body .login-container .sign-in-bg .sign-in-img, body .reg-container .sign-in-bg .sign-in-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        background-size: cover
    }

        body .login-container .sign-in-bg .sign-in-img img, body .reg-container .sign-in-bg .sign-in-img img {
            width: 100%;
            background-size: cover;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            background-attachment: fixed
        }

body .reset-pass-form {
    margin: 2.5em 0
}

    body .reset-pass-form .ui-button {
        width: 100%;
        margin: 2.5em 0
    }

body .subscribe-to-news-label, body .terms-and-conditions-label {
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: var(--text-color-primary)
}

    body .subscribe-to-news-label .ui-chkbox, body .terms-and-conditions-label .ui-chkbox {
        margin: 0 0 .31em .63em
    }

    body .subscribe-to-news-label .subscribe-to-news, body .subscribe-to-news-label .terms-and-conditions, body .terms-and-conditions-label .subscribe-to-news, body .terms-and-conditions-label .terms-and-conditions {
        margin: 0 0 0 .63em
    }

        body .subscribe-to-news-label .subscribe-to-news a, body .subscribe-to-news-label .terms-and-conditions a, body .terms-and-conditions-label .subscribe-to-news a, body .terms-and-conditions-label .terms-and-conditions a {
            color: var(--amber)
        }

body .account-settings .user-avatar-panel .avatar-photo {
    position: relative;
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    margin: 0 auto;
    background: var(--gray)
}

    body .account-settings .user-avatar-panel .avatar-photo img {
        width: 48px;
        height: 48px
    }

body .account-settings .user-avatar-panel .avatar-title {
    margin: .94em 0 2.5em
}

    body .account-settings .user-avatar-panel .avatar-title h5 {
        font-family: Rubik,sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
        color: var(--title-color)
    }

    body .account-settings .user-avatar-panel .avatar-title p {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        text-transform: uppercase;
        color: var(--text-color)
    }

body .account-settings .user-avatar-panel .sign-out-btn, body .account-settings .user-avatar-panel .sing-out-mobile-btn {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

body .account-settings .sing-out-mobile-btn {
    display: none
}

body .account-settings .acc-setting-tab-panel {
    display: block;
    width: 100%;
    padding: .75em .63em;
    margin: 2.81em 0 0;
    background-color: var(--primary-panel-bg);
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: var(--title-color)
}

    body .account-settings .acc-setting-tab-panel.profile {
        margin: 0
    }

body .account-settings .tab-panel-content {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    white-space: normal;
    word-break: break-word
}

    body .account-settings .tab-panel-content h6 {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        text-transform: initial;
        color: var(--title-color)
    }

    body .account-settings .tab-panel-content p {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--title-color)
    }

    body .account-settings .tab-panel-content button:not(.apply) {
        background-color: transparent;
        border-color: transparent;
        font-family: Monark-regular,sans-serif;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: .05em;
        text-transform: uppercase;
        line-height: 24px;
        text-align: right;
        color: var(--amber-20);
        float: right;
        margin: .63em 0
    }

body .account-settings .ui-inputswitch {
    float: right
}

body .account-settings .hr-acc-tab-panel-border {
    border-bottom: .5px solid var(--primary-border);
    width: 99%;
    margin: 0 auto;
    height: 1px
}

body .agree-free-trial-save-card-label, body .save-card-for-future-payments-label {
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: var(--text-color-primary)
}

    body .agree-free-trial-save-card-label .ui-chkbox, body .save-card-for-future-payments-label .ui-chkbox {
        margin: 0 0 .31em
    }

    body .agree-free-trial-save-card-label .agree-free-trial-save-card, body .agree-free-trial-save-card-label .save-card-for-future-payments, body .save-card-for-future-payments-label .agree-free-trial-save-card, body .save-card-for-future-payments-label .save-card-for-future-payments {
        margin: 0 0 0 .31em
    }

        body .agree-free-trial-save-card-label .agree-free-trial-save-card a, body .agree-free-trial-save-card-label .save-card-for-future-payments a, body .save-card-for-future-payments-label .agree-free-trial-save-card a, body .save-card-for-future-payments-label .save-card-for-future-payments a {
            color: var(--amber)
        }

body .account-settings .ui-inputgroup {
    width: 50%
}

body .account-settings .ui-button-bordered {
    margin: 0 0 0 .94em
}

body .account-settings .forgot-pass-btn {
    padding-left: 0;
    padding-right: 0
}

body .dropdown-flags {
    position: relative;
    width: 80%;
    margin: 10px auto
}

    body .dropdown-flags .ui-dropdown {
        border: none !important;
        position: absolute;
        top: 0;
        left: 0;
        min-width: 10px;
        background: 0 0 !important
    }

    body .dropdown-flags .ui-dropdown-label.ui-inputtext {
        padding-top: 1.25em
    }

    body .dropdown-flags .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        top: 47%;
        margin-left: 0
    }

.ui-widget-content .ui-inputtext, .ui-widget-header .ui-inputtext {
    font-weight: 300 !important
}

label {
    font-weight: 400;
    display: inline-block;
    max-width: 100%;
    margin-bottom: .31em
}

    label small {
        font-weight: 300
    }

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.form-group {
    margin-bottom: 15px;
    clear: both
}

    .form-group:after, .form-group:before {
        content: " ";
        display: table
    }

    .form-group:after {
        clear: both
    }

    .form-group.form-group-large {
        margin-bottom: 40px
    }

    .form-group.form-group-small {
        margin-bottom: 10px
    }

    .form-group.fg-classic {
        margin-bottom: 20px;
        clear: both
    }

        .form-group.fg-classic:after, .form-group.fg-classic:before {
            content: " ";
            display: table
        }

        .form-group.fg-classic:after {
            clear: both
        }

.fg-classic {
    margin-bottom: 20px;
    clear: both
}

    .fg-classic:after, .fg-classic:before {
        content: " ";
        display: table
    }

    .fg-classic:after {
        clear: both
    }

input, select, textarea {
    color: #fff;
    background-color: #1e2129;
    border-color: #666;
    border-radius: 3px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    input:focus, select:focus, textarea:focus {
        border-color: #fff;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #fff
    }

    input::-ms-expand, select::-ms-expand, textarea::-ms-expand {
        border: 0;
        background-color: #1e2129
    }

.ui-dropdown {
    display: block
}

.btn-bar {
    text-align: left
}

    .btn-bar .ui-button:hover, .btn-bar button:hover {
        background: #566f7b
    }

    .btn-bar.btn-bar-space {
        margin-top: .31em
    }

        .btn-bar.btn-bar-space button {
            margin-top: .63em
        }

    .btn-bar.btn-bar-top {
        display: flex;
        flex-direction: row;
        margin-bottom: .94em
    }

    .btn-bar.btn-bar-center {
        text-align: center;
        padding: 1.25em 0 .63em
    }

    .btn-bar.btn-bottom-bar-center {
        display: flex;
        justify-content: center;
        margin-top: 1.88em
    }

    .btn-bar .continue-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .btn-bar.btn-bar-left {
        display: flex;
        justify-content: space-between
    }

        .btn-bar.btn-bar-left .ui-button.ui-button-secondary:focus {
            background: #607d8b;
            color: #fff
        }

.ui-button {
    line-height: 1.42857143
}

    .ui-button.btn-lg .ui-button-text {
        padding: .38em .88em .38em 1.56em;
        font-size: 16px;
        line-height: 1.3333333
    }

    .ui-button.btn-lg .ui-button-text-icon-left {
        font-size: 16px
    }

    .ui-button.btn-lg.loading-btn {
        padding-right: 40px !important
    }

    .ui-button.btn-sm .ui-button-text {
        padding: .31em .63em .31em .94em;
        font-size: 12px;
        line-height: 1.5
    }

    .ui-button.btn-sm .ui-button-text-icon-left {
        font-size: 12px
    }

    .ui-button.btn-xs .ui-button-text {
        padding: 0 .31em;
        font-size: 12px;
        line-height: normal;
        font-weight: 300
    }

    .ui-button.btn-xs .ui-button-text-icon-left {
        font-size: 12px
    }

.btn.btn-lg {
    padding: 6px 40px;
    font-size: 18px;
    line-height: 1.3333333
}

    .btn.btn-lg.loading-btn.btn {
        padding-right: 40px !important
    }

.btn.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1
}

.btn:focus, .btn:hover {
    color: #fff !important
}

.btn.btn-home-lg {
    padding: 10px 80px;
    font-size: 20px
}

.btn.btn-pay-now {
    background-color: #607d8b;
    color: #fff;
    border: #607d8b;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(255,255,255,.2);
    transition: background-color .2s;
    height: 36px;
    font-weight: 16px !important;
    font-family: Semi-Bold,sans-serif !important;
    font-size: .88em;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 5px 40px;
    line-height: 1.1
}

    .btn.btn-pay-now:focus {
        border-color: #566f7b
    }

        .btn.btn-pay-now:focus:enabled {
            background: #566f7b
        }

    .btn.btn-pay-now:enabled:active, .btn.btn-pay-now:enabled:hover {
        background-color: #566f7b;
        border-color: #566f7b
    }

    .btn.btn-pay-now span {
        display: block;
        font-size: 90%
    }

    .btn.btn-pay-now small {
        display: block;
        font-size: 70%
    }

.btn.btn-paypal {
    padding: 9px 40px
}

.btn.btn-green, .btn.btn-grey {
    background-color: #607d8b;
    color: #fff
}

.btn.ui-button {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    justify-content: center
}

    .btn.ui-button small:first-child {
        font-size: 12px;
        margin-bottom: .19em
    }

    .btn.ui-button small:last-child {
        font-size: 14px
    }

.blue.header-credits, .btn-blank.blue {
    color: #fff
}

.btn-icon, body .ui-button.btn-icon {
    color: #b3b2b2;
    width: 1.56em;
    height: 1.56em;
    border-radius: 50%;
    background-color: transparent;
    font-size: 1em;
    display: inline-block;
    border: none;
    line-height: 1.4em
}

    .btn-icon:hover, body .ui-button.btn-icon:hover {
        color: #fff
    }

    .btn-icon .ui-button-text, body .ui-button.btn-icon .ui-button-text {
        display: none
    }

    .btn-icon.fa, body .fa.ui-button.btn-icon, td .btn-icon[class^=icon-log-] {
        font-family: FontAwesome
    }

.btn-width-icon.ui-button .ui-button-text, .ui-button.btn-block .ui-button-text {
    display: inline-block;
    padding-left: 5px
}

.btn-width-icon.ui-button.ui-button-icon-left, .ui-button.ui-button-icon-left.btn-block {
    display: inline-block;
    position: static;
    margin: 0 0 0 5px
}

.btn-width-icon.ui-button.ui-button-text-icon-left .ui-button-text, .btn-width-icon.ui-button.ui-button-text-icon-right .ui-button-text, .ui-button.ui-button-text-icon-left.btn-block .ui-button-text, .ui-button.ui-button-text-icon-right.btn-block .ui-button-text {
    display: inline-block;
    padding-left: 5px
}

.btn-width-icon.ui-button.ui-button-text-icon-left .fa, .btn-width-icon.ui-button.ui-button-text-icon-left td [class^=icon-log-], .btn-width-icon.ui-button.ui-button-text-icon-right .fa, .btn-width-icon.ui-button.ui-button-text-icon-right td [class^=icon-log-], .ui-button.ui-button-text-icon-left.btn-block .fa, .ui-button.ui-button-text-icon-left.btn-block td [class^=icon-log-], .ui-button.ui-button-text-icon-right.btn-block .fa, .ui-button.ui-button-text-icon-right.btn-block td [class^=icon-log-], td .btn-width-icon.ui-button.ui-button-text-icon-left [class^=icon-log-], td .btn-width-icon.ui-button.ui-button-text-icon-right [class^=icon-log-], td .ui-button.ui-button-text-icon-left.btn-block [class^=icon-log-], td .ui-button.ui-button-text-icon-right.btn-block [class^=icon-log-] {
    display: inline-block;
    position: static;
    margin: 0 0 0 5px
}

.btn-width-icon.ui-button-text-icon-left .ui-button-text, .btn-width-icon.ui-button-text-icon-right .ui-button-text, .ui-button-text-icon-left.btn-block .ui-button-text, .ui-button-text-icon-right.btn-block .ui-button-text {
    display: inline-block;
    padding-left: 5px
}

.btn-block .ui-button-icon-left, .btn-block .ui-button-icon-right, .btn-width-icon .ui-button-icon-left, .btn-width-icon .ui-button-icon-right, .btn-width-icon.ui-button-text-icon-left .fa, .btn-width-icon.ui-button-text-icon-left td [class^=icon-log-], .btn-width-icon.ui-button-text-icon-right .fa, .btn-width-icon.ui-button-text-icon-right td [class^=icon-log-], .ui-button-text-icon-left.btn-block .fa, .ui-button-text-icon-left.btn-block td [class^=icon-log-], .ui-button-text-icon-right.btn-block .fa, .ui-button-text-icon-right.btn-block td [class^=icon-log-], td .btn-width-icon.ui-button-text-icon-left [class^=icon-log-], td .btn-width-icon.ui-button-text-icon-right [class^=icon-log-], td .ui-button-text-icon-left.btn-block [class^=icon-log-], td .ui-button-text-icon-right.btn-block [class^=icon-log-] {
    display: inline-block;
    position: static;
    margin: 0 0 0 5px
}

.btn-delete {
    color: #f66e84;
    border: none;
    background-color: transparent;
    position: relative;
    font-weight: 400;
    padding: .429em 1em;
    text-decoration: underline;
    text-transform: uppercase
}

    .btn-delete .ui-state-disabled, .btn-delete:disabled {
        opacity: .5;
        cursor: not-allowed
    }

.btn-block {
    display: block;
    width: 100%;
    text-align: center
}

.right-button {
    float: right;
    width: 8%;
    margin-right: 1.38em
}

.left-button {
    float: left;
    margin-left: 1.38em
}

.label-text.hd-label, .label.label-text {
    background-color: transparent;
    padding: 0 .31em 0 0;
    border-radius: 0
}

.label-success.hd-label, .label.label-success {
    background-color: transparent;
    color: #4db6ac
}

.label-danger.hd-label, .label.label-danger {
    background-color: transparent;
    color: #e57373
}

.label-unsafe.hd-label, .label.label-unsafe {
    background-color: transparent;
    color: #ffb822
}

.label-info.hd-label, .label.label-info {
    background-color: transparent;
    color: #1e88e5
}

.label.yellow-cell, .yellow-cell.hd-label {
    background-color: #fd7e14;
    color: #000;
    border-radius: 10px;
    display: inline-block;
    line-height: normal
}

.green-cell.hd-label, .label.green-cell {
    background-color: #20c997;
    color: #000;
    border-radius: 10px;
    display: inline-block;
    line-height: normal
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline label {
    display: inline-block;
    max-width: 100%
}

.form-inline .ui-dropdown {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: .63em
}

.ui-dropdown-tree {
    box-shadow: 3px 5px 11px #000;
    opacity: 0;
    height: 0;
    overflow: hidden;
    z-index: 5;
    position: absolute;
    top: 54px;
    left: .5em;
    right: .5em;
    border: 1px solid #4d4c4c;
    background-color: #1e2129;
    transition: height .3s ease-in-out
}

    .ui-dropdown-tree.open {
        height: 200px;
        opacity: 1;
        overflow-y: auto
    }

    .ui-dropdown-tree .ui-tree .ui-tree-container {
        margin: 0;
        border: none
    }

.tb-pricing-plan thead tr th.price-plan-title {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    align-items: center;
    color: var(--th-txt-color)
}

.tb-pricing-plan thead tr th label {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: baseline;
    align-items: center;
    min-height: 200px
}

    .tb-pricing-plan thead tr th label .p-p-radio-btn {
        opacity: 0
    }

    .tb-pricing-plan thead tr th label .p-p-name {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: var(--th-txt-color);
        margin: 0 0 .94em
    }

    .tb-pricing-plan thead tr th label .p-p-reccomend {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        background-color: var(--amber);
        color: #1f1f26;
        padding: .25em .5em;
        border-radius: 4px;
        position: absolute;
        top: -20px
    }

    .tb-pricing-plan thead tr th label .p-p-cost {
        font-family: Monark-regular,sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        color: var(--td-txt-color);
        opacity: .8;
        margin: 0 0 1.25em
    }

        .tb-pricing-plan thead tr th label .p-p-cost .currency-simbol {
            margin: 0 .31em
        }

    .tb-pricing-plan thead tr th label .p-p-description {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: var(--td-txt-color);
        opacity: .8;
        margin: 0 0 .63em;
        padding: 0 1.25em
    }

    .tb-pricing-plan thead tr th label .p-p-m-trial {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        color: var(--amber-10);
        opacity: .8;
        margin: 0 0 1.56em
    }

.tb-pricing-plan tbody tr.tr-btn td {
    padding-bottom: 0
}

.tb-pricing-plan tbody tr:nth-child(even) {
    background: var(--primary-panel-bg)
}

.tb-pricing-plan tbody tr.tr-btn {
    min-height: 150px;
    height: 150px;
    background-color: transparent
}

.tb-pricing-plan tbody tr td {
    font-family: Rubik,sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--td-txt-color);
    padding: .75em 1em
}

    .tb-pricing-plan tbody tr td:first-child {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-align: left;
        color: var(--text-color)
    }

    .tb-pricing-plan tbody tr td .adv, .tb-pricing-plan tbody tr td .oc {
        color: var(--text-color-primary)
    }

.tb-pricing-plan .active-col {
    position: relative;
    color: var(--td-txt-color);
    border: none;
    border-right: 1px solid var(--primary-br-color);
    border-left: 1px solid var(--primary-br-color)
}

    .tb-pricing-plan .active-col.--b-top {
        border-top: 1px solid var(--primary-br-color)
    }

    .tb-pricing-plan .active-col.--b-bottom {
        border-bottom: 1px solid var(--primary-br-color)
    }

.tb-pricing-plan caption {
    display: none;
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    align-items: center;
    color: #a7aab1
}

.plan-view-mobile {
    display: none
}

    .plan-view-mobile .choose-plan-title {
        display: none;
        font-family: Monark-regular,sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 40px;
        text-transform: none;
        color: var(--th-txt-color)
    }

    .plan-view-mobile .plan-card {
        width: 100%;
        padding: 1.5em .94em;
        border: 1px solid var(--primary-br-color);
        position: relative;
        margin: 0 0 1.25em
    }

        .plan-view-mobile .plan-card:last-child {
            margin-bottom: 3.13em
        }

        .plan-view-mobile .plan-card .reccomend {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 14px;
            background: rgba(33,150,83,.6);
            color: var(--text-color-primary);
            opacity: .8;
            padding: .25em .5em;
            border-radius: 4px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    .plan-view-mobile .plan-card__footer, .plan-view-mobile .plan-card__header {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

        .plan-view-mobile .plan-card__footer .name, .plan-view-mobile .plan-card__header .name {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 17px;
            text-transform: uppercase;
            color: var(--th-txt-color)
        }

        .plan-view-mobile .plan-card__footer .cost, .plan-view-mobile .plan-card__header .cost {
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 16px;
            text-transform: uppercase;
            color: var(--text-color-primary);
            opacity: .8
        }

            .plan-view-mobile .plan-card__footer .cost span:nth-child(2), .plan-view-mobile .plan-card__header .cost span:nth-child(2) {
                font-size: 20px
            }

    .plan-view-mobile .plan-card__body {
        margin: 2.25em 0
    }

        .plan-view-mobile .plan-card__body .plan-description {
            margin: 1em 0 .63em;
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 15px;
            line-height: 22px;
            color: var(--text-color-primary);
            opacity: .8
        }

        .plan-view-mobile .plan-card__body .plan-details {
            margin: 2em 0;
            overflow: hidden;
            max-height: 0;
            transition: max-height 150ms ease-in-out
        }

            .plan-view-mobile .plan-card__body .plan-details.show-details {
                max-height: 100%;
                transition: max-height 150ms ease-in-out
            }

        .plan-view-mobile .plan-card__body .plan-details__list li {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 15px;
            padding: 1em .5em;
            line-height: 18px;
            color: #a7aab1
        }

            .plan-view-mobile .plan-card__body .plan-details__list li:first-child span {
                flex: 1 0 35%
            }

            .plan-view-mobile .plan-card__body .plan-details__list li:nth-child(odd) {
                background: var(--primary-panel-bg)
            }

            .plan-view-mobile .plan-card__body .plan-details__list li .adv, .plan-view-mobile .plan-card__body .plan-details__list li .oc {
                margin: 0
            }

            .plan-view-mobile .plan-card__body .plan-details__list li span {
                text-align: right;
                color: var(--text-color-primary);
                margin: 0 .94em
            }

    .plan-view-mobile .plan-card__footer .plan-details {
        padding: 0
    }

@media only screen and (max-width: 600px) {
    .tb-pricing-plan thead tr th.price-plan-title {
        display: none
    }

    .tb-pricing-plan tbody tr.tr-mob {
        display: table-row;
        width: 100%;
        text-align: center
    }

    .tb-pricing-plan tbody tr.tr-btn td:first-child, .tb-pricing-plan tbody tr.tr-even td:first-child, .tb-pricing-plan tbody tr.tr-odd td:first-child {
        display: none
    }
}

.tl-table {
    width: 100%;
    table-layout: fixed
}

    .tl-table:not(.tl-expand-table) caption {
        background: 0 0;
        border-color: transparent;
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .tl-table:not(.tl-expand-table) thead tr {
        background-color: transparent
    }

        .tl-table:not(.tl-expand-table) thead tr th {
            background-color: var(--th-bg-color);
            border: none;
            border-top: 1px solid var(--th-br-color);
            border-bottom: 1px solid var(--th-br-color);
            font-family: Rubik,sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            text-transform: uppercase;
            text-align: center;
            color: var(--th-txt-color);
            padding: .44em .63em
        }

            .tl-table:not(.tl-expand-table) thead tr th:first-child {
                text-align: left
            }

    .tl-table:not(.tl-expand-table) tbody tr {
        background-color: transparent
    }

        .tl-table:not(.tl-expand-table) tbody tr td {
            position: relative;
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: var(--td-txt-color);
            text-align: center;
            background: 0 0;
            border: none;
            border-bottom: 1px solid var(--td-br-color);
            padding: .44em .63em
        }

            .tl-table:not(.tl-expand-table) tbody tr td:first-child {
                text-align: left
            }

            .tl-table:not(.tl-expand-table) tbody tr td::before {
                content: "";
                position: absolute;
                height: 1px;
                width: 15px;
                background: var(--td-sep-color);
                z-index: 1;
                bottom: -1px;
                right: 0
            }

            .tl-table:not(.tl-expand-table) tbody tr td::after {
                content: "";
                position: absolute;
                height: 1px;
                width: 15px;
                background: var(--td-sep-color);
                z-index: 1;
                bottom: -1px;
                right: 0;
                transform: rotate(90deg)
            }

            .tl-table:not(.tl-expand-table) tbody tr td:last-child::after, .tl-table:not(.tl-expand-table) tbody tr td:last-child::before {
                display: none
            }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast {
                padding: 1.25em 0
            }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__title {
                font-family: Rubik,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                text-transform: uppercase;
                color: var(--sand)
            }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                flex-direction: row;
                position: relative;
                height: 120px
            }

                .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image .weather-img {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    align-self: flex-end;
                    transform: scale(2.5)
                }

                    .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image .weather-img .wt-icon {
                        margin: 2.19em
                    }

                .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image .celsius-fahrenheit {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: row
                }

                    .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image .celsius-fahrenheit span:first-child {
                        font-family: Monark-regular,sans-serif;
                        font-weight: 400;
                        font-size: 60px;
                        line-height: 88px;
                        text-align: center;
                        color: var(--dotted-list-txt-color)
                    }

                    .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__image .celsius-fahrenheit span:last-child {
                        font-family: Monark-regular,sans-serif;
                        font-weight: 400;
                        font-size: 22px;
                        line-height: 40px;
                        text-align: center;
                        color: var(--dotted-list-txt-color);
                        margin: .63em 0 0 .63em
                    }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__country, .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__longitude {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--dotted-list-txt-color);
                margin: 1.25em 0
            }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__longitude {
                color: var(--dotted-list-txt-color)
            }

            .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__value {
                margin: 1.25em 0
            }

                .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__value span:first-child {
                    font-family: Rubik,sans-serif;
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--dotted-list-title-color)
                }

                .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__value span:last-child {
                    font-family: Arial,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--dotted-list-txt-color)
                }

        .tl-table:not(.tl-expand-table) tbody tr:last-child td {
            border-bottom-color: var(--th-bg-color)
        }

            .tl-table:not(.tl-expand-table) tbody tr:last-child td::after, .tl-table:not(.tl-expand-table) tbody tr:last-child td::before {
                display: none
            }

.fake-scrollable-body {
    height: 10px;
    background: 0 0;
    overflow-x: auto;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    bottom: 0;
    z-index: 205
}

    .fake-scrollable-body .fake-scrollable-body-table {
        height: 100%
    }

.tl-table.tl-expand-table thead tr th {
    font-family: Rubik,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--th-txt-color);
    text-align: left
}

    .tl-table.tl-expand-table thead tr th span {
        display: inline-block;
        width: 100%;
        min-height: 50px;
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 24px;
        color: var(--th-txt-color)
    }

.tl-table.tl-expand-table tbody tr {
    border-top: 1px solid var(--td-br-color)
}

    .tl-table.tl-expand-table tbody tr.tl-tb-expand-row {
        border: none;
        height: 0
    }

    .tl-table.tl-expand-table tbody tr td {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: var(--td-txt-color);
        padding: 1.44em 1em
    }

        .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group {
            margin: 0;
            padding: 0 .63em
        }

            .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group .list-item, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group .list-item {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: baseline;
                padding: .63em 0
            }

                .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group .list-item span, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group .list-item span {
                    margin: 0 0 .31em
                }

                    .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group .list-item span:first-child, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group .list-item span:first-child {
                        font-family: Rubik,sans-serif;
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 24px;
                        color: var(--dotted-list-title-color)
                    }

                    .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group .list-item span:last-child, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group .list-item span:last-child {
                        font-family: Arial,sans-serif;
                        font-weight: 400;
                        font-size: 16px;
                        color: var(--dotted-list-txt-color)
                    }

                .tl-table.tl-expand-table tbody tr td .camera-info .info-list-group .list-item .dotted-space, .tl-table.tl-expand-table tbody tr td .telescope-info .info-list-group .list-item .dotted-space {
                    border-bottom: 2px dotted var(--dotted-color);
                    flex: 1
                }

        .tl-table.tl-expand-table tbody tr td .camera-info h6, .tl-table.tl-expand-table tbody tr td .telescope-info h6 {
            background-color: rgba(115,116,121,.1);
            padding: .5em .63em
        }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast {
            padding: 1.25em 0
        }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast__title {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            text-transform: uppercase;
            color: var(--sand)
        }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast__image {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row;
            position: relative;
            height: 120px
        }

            .tl-table.tl-expand-table tbody tr td .forecast .forecast__image .weather-img {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-self: flex-end;
                transform: scale(2.5)
            }

                .tl-table.tl-expand-table tbody tr td .forecast .forecast__image .weather-img .wt-icon {
                    margin: 2.19em
                }

            .tl-table.tl-expand-table tbody tr td .forecast .forecast__image .celsius-fahrenheit {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                flex-direction: row
            }

                .tl-table.tl-expand-table tbody tr td .forecast .forecast__image .celsius-fahrenheit span:first-child {
                    font-family: Monark-regular,sans-serif;
                    font-weight: 400;
                    font-size: 60px;
                    line-height: 88px;
                    text-align: center;
                    color: var(--dotted-list-txt-color)
                }

                .tl-table.tl-expand-table tbody tr td .forecast .forecast__image .celsius-fahrenheit span:last-child {
                    font-family: Monark-regular,sans-serif;
                    font-weight: 400;
                    font-size: 22px;
                    line-height: 40px;
                    text-align: center;
                    color: var(--dotted-list-txt-color);
                    margin: .63em 0 0 .63em
                }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast__country, .tl-table.tl-expand-table tbody tr td .forecast .forecast__longitude {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: var(--dotted-list-txt-color);
            margin: 1.25em 0
        }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast__longitude {
            color: var(--dotted-list-txt-color)
        }

        .tl-table.tl-expand-table tbody tr td .forecast .forecast__value {
            margin: 1.25em 0
        }

            .tl-table.tl-expand-table tbody tr td .forecast .forecast__value span:first-child {
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 16px;
                line-height: 24px;
                color: var(--dotted-list-title-color)
            }

            .tl-table.tl-expand-table tbody tr td .forecast .forecast__value span:last-child {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--dotted-list-txt-color)
            }

        .tl-table.tl-expand-table tbody tr td .tb-row-act-btn {
            float: right;
            background-color: transparent;
            border-color: transparent
        }

            .tl-table.tl-expand-table tbody tr td .tb-row-act-btn::before {
                content: "\f067";
                font-family: "Font Awesome 5 Pro";
                display: inline-block;
                vertical-align: middle;
                font-weight: 900
            }

            .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-download {
                color: var(--text-color-primary)
            }

                .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-download::before {
                    content: "\f019";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900;
                    color: var(--text-color)
                }

            .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-minus {
                color: var(--text-color-primary)
            }

                .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-minus::before {
                    content: "\f068";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900;
                    color: var(--text-color)
                }

            .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-ellipsis-v {
                color: var(--text-color-primary)
            }

                .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-ellipsis-v::before {
                    content: "\f142";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900;
                    color: var(--text-color)
                }

            .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-trash {
                color: var(--text-color-primary)
            }

                .tl-table.tl-expand-table tbody tr td .tb-row-act-btn.fa-trash::before {
                    content: "\f2ed";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900;
                    color: var(--text-color)
                }

        .tl-table.tl-expand-table tbody tr td .ui-radiobutton .ui-radiobutton-label {
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 20px;
            line-height: 24px;
            text-transform: uppercase;
            color: var(--text-color)
        }

    .tl-table.tl-expand-table tbody tr.tl-tb-expand-row-mobile {
        display: none
    }

.tl-table.tl-expand-table.table-available-telescopes thead tr th {
    padding: 1.44em 1em
}

    .tl-table.tl-expand-table.table-available-telescopes thead tr th span {
        text-transform: lowercase
    }

.tl-table.tl-expand-table.table-available-telescopes tbody tr td.td-completed-in .additional-info {
    font-family: Rubik,sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: var(--th-txt-color)
}

.ui-table .ui-table-wrapper {
    min-height: 150px;
    width: 0;
    min-width: 100%;
    max-width: 100%
}

    .ui-table .ui-table-wrapper .ui-table-tbody tr td, .ui-table .ui-table-wrapper .ui-table-thead tr th {
        text-align: center
    }

        .ui-table .ui-table-wrapper .ui-table-tbody tr td .frame-img {
            height: 60px;
            max-width: 80px;
            margin: 0 auto;
            background-color: var(--td-photo-bg)
        }

        .ui-table .ui-table-wrapper .ui-table-tbody tr td .action-btn {
            background: 0 0;
            border-color: transparent
        }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .action-btn.btn-preview::after {
                font-family: "Font Awesome 5 Pro";
                display: block;
                vertical-align: middle;
                font-weight: 900
            }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .action-btn.btn-download:after {
                content: "\f019";
                font-family: "Font Awesome 5 Pro";
                display: block;
                vertical-align: middle;
                font-weight: 900
            }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .action-btn.btn-refund:after {
                content: "\f01e";
                font-family: "Font Awesome 5 Pro";
                display: block;
                vertical-align: middle;
                font-weight: 900
            }

        .ui-table .ui-table-wrapper .ui-table-tbody tr td .img-container {
            position: relative;
            display: block;
            margin: 0 auto;
            height: 65px;
            max-width: 80px
        }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .img-container .frame-img {
                display: block;
                margin: 0 auto;
                height: 65px;
                max-width: 80px;
                background-color: var(--td-photo-bg)
            }

        .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn {
            background-color: transparent;
            border-color: transparent
        }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-download {
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-download::before {
                    content: "\f019";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v {
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v::before {
                    content: "\f142";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-trash {
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn.fa-trash::before {
                    content: "\f2ed";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn:focus, .ui-table .ui-table-wrapper .ui-table-tbody tr td .tb-row-act-btn:hover {
                color: var(--text-color)
            }

        .ui-table .ui-table-wrapper .ui-table-tbody tr td .no-result-found {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 300px;
            padding: .94em
        }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .no-result-found img {
                display: block;
                width: 150px;
                margin: 0 auto
            }

            .ui-table .ui-table-wrapper .ui-table-tbody tr td .no-result-found h6, .ui-table .ui-table-wrapper .ui-table-tbody tr td .no-result-found p {
                text-align: center
            }

    .ui-table .ui-table-wrapper .ui-table-tbody > .ia-mob-tr {
        display: none !important
    }

        .ui-table .ui-table-wrapper .ui-table-tbody > .ia-mob-tr td {
            margin: .13em 0
        }

.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th {
    text-align: center
}

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th .ui-link-underline {
        cursor: pointer !important;
        position: absolute !important;
        top: 31px !important;
        white-space: nowrap !important;
        font-weight: 400 !important;
        z-index: 9999 !important;
        left: 100% !important
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th .ui-link-underline .hidden-table-header-checkbox .ui-chkbox {
            width: 100% !important;
            opacity: 0 !important;
            position: absolute !important;
            z-index: 1000 !important;
            cursor: pointer !important
        }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th:nth-child(3) {
        text-align: center
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row {
            cursor: pointer
        }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td a {
            color: var(--td-txt-color);
            cursor: pointer
        }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn {
            background-color: transparent;
            border-color: transparent
        }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn::before {
                content: "\f142";
                font-family: "Font Awesome 5 Pro";
                display: inline-block;
                font-weight: 900
            }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-download {
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-download::before {
                    content: "\f019";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v {
                padding: 0 !important;
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v::before {
                    content: "\f142";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-trash {
                color: var(--text-color-primary)
            }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-trash::before {
                    content: "\f2ed";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn:focus, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn:hover {
                color: var(--text-color)
            }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .img-container {
            position: relative;
            display: block;
            margin: 0 auto;
            height: 65px;
            max-width: 80px
        }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .img-container .frame-img {
                display: block;
                margin: 0 auto;
                height: 65px;
                max-width: 80px;
                background-color: var(--td-photo-bg)
            }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td.act-cell::before, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td.act-cell:after {
            display: none !important
        }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .email-cell {
            max-width: 100% !important
        }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 300px
        }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found img {
                display: block;
                width: 150px;
                margin: 0 auto
            }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found h6, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found p {
                display: none
            }

.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-header .ui-table-scrollable-header-box .ui-table-scrollable-header-table .ui-table-thead tr th {
    text-align: center
}

.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body {
    overflow-x: scroll
}

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr:hover {
        background: 0 0 !important
    }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td {
        height: 4px;
        text-align: center
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row {
            cursor: pointer
        }

            .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn {
                background-color: transparent;
                border-color: transparent
            }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn::before {
                    content: "\f06e";
                    font-family: "Font Awesome 5 Pro";
                    display: inline-block;
                    font-weight: 900
                }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-download {
                    color: var(--text-color-primary)
                }

                    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-download::before {
                        content: "\f019";
                        font-family: "Font Awesome 5 Pro";
                        display: inline-block;
                        font-weight: 900
                    }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-ellipsis-v {
                    color: var(--text-color-primary)
                }

                    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-ellipsis-v::before {
                        content: "\f142";
                        font-family: "Font Awesome 5 Pro";
                        display: inline-block;
                        font-weight: 900
                    }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-trash {
                    color: var(--text-color-primary)
                }

                    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn.fa-trash::before {
                        content: "\f2ed";
                        font-family: "Font Awesome 5 Pro";
                        display: inline-block;
                        font-weight: 900
                    }

                .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn:focus, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-frozen-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .ui-selectable-row .tb-row-act-btn:hover {
                    color: var(--text-color)
                }

.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn {
    background-color: transparent;
    border-color: transparent
}

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn::before {
        content: "\f06e";
        font-family: "Font Awesome 5 Pro";
        display: inline-block;
        font-weight: 900
    }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-download {
        color: var(--text-color-primary)
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-download::before {
            content: "\f019";
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            font-weight: 900
        }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v {
        color: var(--text-color-primary)
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-ellipsis-v::before {
            content: "\f142";
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            font-weight: 900
        }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-trash {
        color: var(--text-color-primary)
    }

        .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn.fa-trash::before {
            content: "\f2ed";
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            font-weight: 900
        }

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn:focus, .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .tb-row-act-btn:hover {
        color: var(--text-color)
    }

.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 302px
}

    .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view.ui-table-unfrozen-view .ui-table-scrollable-body .ui-table-scrollable-body-table .ui-table-tbody tr td .no-result-found img {
        display: none
    }

.ui-table.admin-one-click-table .ui-table-caption, .ui-table.admin-pro-datasets-table .ui-table-caption, .ui-table.admin-schedule-table .ui-table-caption, .ui-table.admin-users-table .ui-table-caption, .ui-table.adv-request-table .ui-table-caption, .ui-table.аdmin-obs-request-table .ui-table-caption {
    height: 24px
}

.download-request-table-wrapper {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    z-index: 205
}

    .download-request-table-wrapper.table-sticky-header {
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 282px;
        z-index: 205
    }

    .download-request-table-wrapper .ui-table {
        margin-bottom: 0
    }

        .download-request-table-wrapper .ui-table .ui-table-wrapper {
            min-height: 45px
        }

        .download-request-table-wrapper .ui-table .ui-paginator-bottom {
            display: none !important
        }

.download-request-table.hidden-table .ui-table .ui-table-wrapper table .ui-table-thead {
    display: none
}

.tb-top-toolbar-btn {
    position: absolute;
    top: 50%;
    right: -10px;
    z-index: 995;
    transform: translate(-50%,-50%)
}

    .tb-top-toolbar-btn .add-column-btn {
        border: transparent;
        background-color: var(--th-bg-color)
    }

.no-result-table-wrapper {
    position: relative;
    min-height: 400px;
    margin-top: 40px
}

    .no-result-table-wrapper .no-result-frozen-view {
        min-height: 400px
    }

        .no-result-table-wrapper .no-result-frozen-view .no-result-frozen-view-table {
            border-right: 1px solid var(--th-br-color)
        }

            .no-result-table-wrapper .no-result-frozen-view .no-result-frozen-view-table thead tr td {
                background-color: var(--th-bg-color);
                font-family: Rubik,sans-serif;
                font-weight: 600;
                font-size: 14px;
                line-height: 17px;
                text-transform: uppercase;
                text-align: center;
                color: var(--th-txt-color);
                height: 35px;
                border: none;
                border-top: 1px solid;
                border-bottom: 1px solid;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

    .no-result-table-wrapper .no-result-unfrozen-view {
        position: absolute;
        top: 0;
        min-height: 400px;
        overflow: auto;
        overflow-x: hidden
    }

        .no-result-table-wrapper .no-result-unfrozen-view .no-result-unfrozen-view-table thead tr td {
            background-color: var(--th-bg-color);
            font-family: Rubik,sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            text-transform: uppercase;
            text-align: center;
            color: var(--th-txt-color);
            height: 35px;
            border: none;
            border-top: 1px solid;
            border-bottom: 1px solid;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .no-result-table-wrapper .no-result-found {
        width: 100%;
        text-align: center;
        padding: 2.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .no-result-table-wrapper .no-result-found img {
            display: block;
            margin: 0 auto
        }

.no-result-cell .no-result-found .button-bar {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.25em 0
}

.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.4)
}

    .modal.mob-navbar-modal, .modal.navbar-overlay {
        z-index: 9999
    }

.modal-fb {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.4)
}

.modal-locked {
    overflow: hidden
}

.modal-content-weather {
    overflow: auto;
    padding-bottom: 1.25em
}

    .modal-content-weather .image-location-container .image-location {
        width: 200px;
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0 .94em .63em
    }

        .modal-content-weather .image-location-container .image-location img {
            width: 100%;
            opacity: 0
        }

    .modal-content-weather .image-location-container h5 {
        color: rgba(255,255,255,.7);
        font-size: 16px;
        padding: 0;
        margin: 0
    }

    .modal-content-weather table {
        border-collapse: collapse;
        margin: 0;
        padding: 1.25em 0 0;
        width: 100%;
        table-layout: fixed
    }

        .modal-content-weather table thead tr th {
            color: rgba(255,255,255,.7)
        }

            .modal-content-weather table thead tr th:nth-child(1) {
                text-align: right
            }

        .modal-content-weather table tbody tr {
            line-height: 25px
        }

            .modal-content-weather table tbody tr td {
                text-align: center;
                color: rgba(255,255,255,.7)
            }

                .modal-content-weather table tbody tr td:nth-child(1) {
                    text-align: right;
                    color: rgba(255,255,255,.7)
                }

                .modal-content-weather table tbody tr td img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: .75em 0 .63em
                }

@media screen and (max-width: 600px) {
    .modal-content-weather table {
        border: 0
    }

        .modal-content-weather table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .modal-content-weather table tr {
            border-bottom: 1px solid rgba(255,255,255,.1);
            display: block;
            margin-bottom: .625em
        }

        .modal-content-weather table td {
            border-bottom: 1px solid rgba(255,255,255,.1);
            display: block;
            font-size: .8em;
            text-align: right
        }

            .modal-content-weather table td::before {
                content: attr(data-label);
                float: left;
                font-weight: 700;
                text-transform: uppercase
            }

            .modal-content-weather table td:last-child {
                border-bottom: 0
            }
}

.modal-dialog-container-image-series {
    width: 500px;
    max-width: 500px;
    min-width: 500px
}

    .modal-dialog-container-image-series .custome-shaduling-modal-content {
        display: block;
        overflow: auto
    }

        .modal-dialog-container-image-series .custome-shaduling-modal-content form {
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .modal-dialog-container-image-series .custome-shaduling-modal-content form .btn-bar {
                text-align: center
            }

                .modal-dialog-container-image-series .custome-shaduling-modal-content form .btn-bar .ui-button {
                    margin-top: 1.25em
                }

.modal-content-tl-status {
    display: none;
    padding: 0 0 1.88em 1.56em;
    flex-direction: column;
    justify-content: center
}

    .modal-content-tl-status .tl-info h5 {
        font-size: 1.5em;
        font-weight: 600;
        margin-bottom: .94em
    }

    .modal-content-tl-status .tl-info p {
        font-weight: 300;
        font-size: 16px;
        color: #fff !important
    }

    .modal-content-tl-status .tl-modal-status-table .cm-inf-table, .modal-content-tl-status .tl-modal-status-table .tl-status-tb, .modal-content-tl-status .tl-modal-status-table table {
        width: 100%;
        table-layout: fixed;
        margin-top: .63em
    }

        .modal-content-tl-status .tl-modal-status-table .cm-inf-table thead tr th:first-child, .modal-content-tl-status .tl-modal-status-table .tl-status-tb thead tr th:first-child, .modal-content-tl-status .tl-modal-status-table table thead tr th:first-child {
            text-align: left;
            font-size: 1.25em;
            font-weight: 600;
            padding: .63em 0
        }

    .modal-content-tl-status .tl-modal-status-table tbody tr:first-child {
        color: rgba(255,255,255,.7);
        text-transform: uppercase
    }

        .modal-content-tl-status .tl-modal-status-table tbody tr:first-child td {
            padding: .63em 0
        }

    .modal-content-tl-status .tl-modal-image-status {
        margin-top: .94em
    }

        .modal-content-tl-status .tl-modal-image-status h5 {
            text-align: left;
            font-size: 1.25em;
            font-weight: 600;
            padding: .94em 0
        }

        .modal-content-tl-status .tl-modal-image-status p {
            color: #fff !important
        }

#tp-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
    background-color: #000 !important
}

#tp-scroll::-webkit-scrollbar {
    width: 10px !important;
    background-color: #000 !important
}

#tp-scroll::-webkit-scrollbar-thumb {
    background-color: #555 !important;
    border: 2px solid #555 !important
}

.request-details-view {
    height: 100%
}

    .request-details-view .request-detail-panel {
        position: relative;
        padding: .31em;
        background: initial;
        background: var(--body-background);
        height: 100%
    }

        .request-details-view .request-detail-panel .request-detail-modal {
            width: 280px;
            max-width: 280px;
            background: relative;
            padding-bottom: .31em
        }

            .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin: 0 1.88em
            }

                .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu ul {
                    padding: 0;
                    margin: 0
                }

                    .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu ul li {
                        display: flex;
                        padding: .13em
                    }

                        .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu ul li i {
                            color: #fff;
                            text-align: right;
                            margin-right: 10px;
                            font-size: 1em
                        }

                        .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu ul li a {
                            font-weight: 400;
                            font-size: 16px;
                            text-decoration: underline
                        }

                        .request-details-view .request-detail-panel .request-detail-modal .request-datail-menu ul li:nth-child(2) i {
                            font-size: .81em
                        }

            .request-details-view .request-detail-panel .request-detail-modal .close-model {
                position: absolute;
                background: 0 0;
                border: none;
                top: 15px;
                right: 30px
            }

                .request-details-view .request-detail-panel .request-detail-modal .close-model i {
                    font-size: 16px;
                    color: #fff
                }

            .request-details-view .request-detail-panel .request-detail-modal h3 {
                font-size: 1.25em;
                padding: 1.25em 0 .63em 1.56em;
                font-weight: 400;
                color: #fff;
                margin-top: 0
            }

            .request-details-view .request-detail-panel .request-detail-modal .request-detail-content {
                overflow: auto
            }

                .request-details-view .request-detail-panel .request-detail-modal .request-detail-content:before {
                    content: "";
                    position: absolute;
                    border: .5px solid var(--primary-br-color);
                    height: 100%;
                    left: 0;
                    bottom: 0;
                    top: 0
                }

                .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail {
                    display: flex;
                    flex-direction: column;
                    justify-content: center
                }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel {
                        -webkit-display: flex;
                        -khtml-display: flex;
                        -moz-display: flex;
                        -ms-display: flex;
                        -o-display: flex;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: .63em;
                        margin: 0 0 .63em
                    }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel.active-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel.active-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel.active-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel.active-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel.active-step {
                            background: var(--primary-panel-bg)
                        }

                            .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel.active-step .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel.active-step .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel.active-step .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel.active-step .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel.active-step .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel.active-step .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel.active-step .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel.active-step .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel.active-step .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel.active-step .step-title .step-icon {
                                color: var(--text-color-primary)
                            }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel.active-start-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel.active-start-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel.active-start-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel.active-start-step, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel.active-start-step {
                            background: var(--primary-panel-bg)
                        }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel .step-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel .step-title {
                            font-family: Rubik,sans-serif;
                            font-weight: 16px;
                            font-size: 14px;
                            line-height: 17px;
                            color: #9c988b;
                            margin: 0
                        }

                            .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel .step-title .step-icon, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel .step-title .step-icon {
                                -webkit-display: inline-flex;
                                -khtml-display: inline-flex;
                                -moz-display: inline-flex;
                                -ms-display: inline-flex;
                                -o-display: inline-flex;
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                margin: 0 .63em 0 0;
                                width: 24px;
                                height: 24px;
                                border-radius: 100%;
                                background: var(--step-count-bg);
                                color: #8b8e95
                            }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel .edit-step-btn, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .step-title-panel .edit-step-btn, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .step-title-panel .edit-step-btn, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .step-title-panel .edit-step-btn, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .step-title-panel .edit-step-btn {
                            background-color: transparent;
                            border-color: transparent;
                            font-family: Rubik,sans-serif;
                            font-size: 14px;
                            line-height: 17px;
                            font-weight: 300;
                            color: var(--amber)
                        }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details li, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details li, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details li, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details li, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details li {
                        word-break: break-all
                    }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details__list, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details__list, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details__list, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details__list, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details__list {
                        padding: 0 0 0 2.81em
                    }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details__list .details-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details__list .details-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details__list .details-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details__list .details-title, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details__list .details-title {
                            font-family: Rubik,sans-serif;
                            font-weight: 300;
                            font-size: 14px;
                            line-height: 17px;
                            color: var(--dotted-list-title-color)
                        }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details__list .details-content, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details__list .details-content, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details__list .details-content, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details__list .details-content, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details__list .details-content {
                            font-family: Rubik,sans-serif;
                            font-weight: 300;
                            font-size: 16px;
                            line-height: 17px;
                            color: var(--dotted-list-txt-color);
                            margin: 0 0 10px
                        }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details.image-series-details-mob, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details.image-series-details-mob, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details.image-series-details-mob, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details.image-series-details-mob, .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details.image-series-details-mob {
                        display: none
                    }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .step-title-panel .step-title {
                        color: var(--amber)
                    }

                    .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details .reqeust-details__list {
                        padding: 0 0 0 .63em
                    }

                        .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details .reqeust-details__list li {
                            -webkit-display: flex;
                            -khtml-display: flex;
                            -moz-display: flex;
                            -ms-display: flex;
                            -o-display: flex;
                            display: flex;
                            justify-content: space-between;
                            align-items: center
                        }

                .request-details-view .request-detail-panel .request-detail-modal .request-detail-content .total-credit-detail .step-title-panel .step-title {
                    font-family: Monark-regular,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    text-transform: uppercase;
                    text-align: center;
                    color: var(--amber)
                }

    .request-details-view.request-details-mob-view {
        display: none
    }

.tlp-conf-dialog-black-friday.ui-dialog {
    max-width: 600px
}

    .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content {
        overflow: auto;
        padding: .63em
    }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .sale-box {
            position: absolute;
            top: -10px;
            overflow: hidden;
            height: 143px;
            width: 156px;
            text-align: center;
            z-index: 0;
            left: -10px
        }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .sale-box span {
                font-size: 16px;
                background: #e37018;
                text-transform: uppercase;
                padding: 58px 35px 17px 40px;
                width: 190px;
                text-align: center;
                display: block;
                position: absolute;
                left: -73px;
                top: -37px;
                transition: all .5s ease;
                transform: rotate(-40deg)
            }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content {
            color: #fff
        }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(1) {
                font-size: 50px
            }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(2) {
                font-size: 58px
            }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(3) {
                font-size: 40px
            }

                .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(3) span {
                    font-size: 58px
                }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content p:not(.bf-content) {
            font-size: 18px;
            font-weight: 600;
            color: #fff
        }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-heading {
            text-align: center
        }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-heading.content-left {
                text-align: left
            }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-content.content-center {
            text-align: center
        }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-button-bar {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

            .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-button-bar .ui-button {
                margin-top: .63em
            }

                .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-dialog-button-bar .ui-button:focus {
                    color: #fff
                }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .conf-footer {
            text-align: center;
            margin-bottom: .94em
        }

    .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-titlebar {
        display: none !important
    }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
            display: none
        }

.fd-promo {
    width: calc(100% - 100px);
    margin: 1.25em auto 0
}

    .fd-promo p {
        font-size: 1.25em
    }

    .fd-promo .fd-promo-content:nth-child(1) {
        font-size: 1.88em
    }

    .fd-promo .fd-promo-content:nth-child(2) {
        font-size: 1.44em
    }

    .fd-promo .valid-promo-date {
        margin-top: .31em;
        font-size: 16px
    }

@media only screen and (max-width: 600px) {
    .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content {
        color: #fff
    }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(1) {
            font-size: 35px
        }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(2) {
            font-size: 55px
        }

        .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content .bf-content:nth-child(3) {
            font-size: 25px
        }

    .tlp-conf-dialog-black-friday.ui-dialog .ui-dialog-content p:not(.bf-content) {
        font-size: 18px;
        font-weight: 600;
        color: #fff
    }

    .fd-promo {
        width: calc(100% - 40px)
    }

        .fd-promo .fd-promo-content:nth-child(1) {
            font-size: 1.56em
        }

        .fd-promo .fd-promo-content:nth-child(2) {
            font-size: 1.13em
        }
}

.tlp-conf-dialog.folder-dialog {
    width: 368px
}

    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper {
        padding: 0
    }

        .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .new-folder-inpt {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 .94em
        }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .new-folder-inpt .ui-button.cancel-add-folder-btn {
                margin: 0 0 0 .63em;
                padding: .63em .31em
            }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .new-folder-inpt .ui-button.cancel-add-folder-btn.ui-button-icon-only .ui-button-text {
                    padding: 0
                }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .new-folder-inpt .ui-button.add-folder-btn {
                margin: 0 0 0 .63em;
                padding: .63em .31em
            }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .new-folder-inpt .ui-button.add-folder-btn.ui-button-icon-only .ui-button-text {
                    padding: 0
                }

        .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-heading {
            padding: 1.5em 1.5em 1.25em .31em
        }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-heading .new-folder-btn {
                background-color: transparent;
                border-color: transparent;
                color: var(--amber-10)
            }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-heading .new-folder-btn span {
                    margin: 0 0 0 .63em
                }

        .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb {
            display: block;
            width: 100%;
            border-bottom: 1px solid var(--primary-br-color)
        }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb {
                border: none !important;
                padding: .5em 1.5em
            }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb ul li {
                    color: var(--text-color)
                }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb ul li:last-child {
                        color: var(--amber-10)
                    }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb ul li a {
                        color: inherit
                    }

                        .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb ul li a span {
                            font-family: Arial,sans-serif;
                            font-weight: 300;
                            font-size: 12px;
                            line-height: 24px
                        }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-breadcrumb .ui-breadcrumb ul li.ui-breadcrumb-chevron {
                        font-size: 12px
                    }

        .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container {
            background: var(--dropdown-bg);
            border-radius: 0 !important;
            border: none !important;
            max-height: 320px;
            padding: 0;
            margin: .63em 0
        }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container::-webkit-scrollbar {
                display: block
            }

            .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content {
                font-size: 16px;
                color: var(--text-color-primary);
                height: 68px
            }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content:active, .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus, .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover {
                    background: rgba(54,54,59,.5) !important;
                    outline: 0
                }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
                    float: right !important;
                    margin: .8em .5em 0 0 !important
                }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.pi-caret-right::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f067";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: middle;
                        font-weight: 400;
                        font-size: 16px
                    }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.pi-caret-down::before {
                        font-family: "Font Awesome 5 Pro";
                        content: "\f068";
                        display: inline-block;
                        padding-right: 3px;
                        vertical-align: middle;
                        font-weight: 400;
                        font-size: 16px
                    }

                    .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.pi {
                        font-family: "Font Awesome 5 Pro" !important
                    }

                .tlp-conf-dialog.folder-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .folder-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
                    font-family: primeicons;
                    font-size: 4em !important;
                    line-height: normal !important;
                    margin: 0 0 0 .5em !important
                }

.tlp-conf-dialog.remove-folder-dialog {
    width: 450px
}

.tlp-conf-dialog.ui-dialog {
    background-color: var(--dropdown-bg);
    padding: 0
}

    .tlp-conf-dialog.ui-dialog .ui-dialog-titlebar, .tlp-conf-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
        display: none
    }

    .tlp-conf-dialog.ui-dialog p {
        margin: 0 0 .63em
    }

    .tlp-conf-dialog.ui-dialog .ui-dialog-content {
        padding: 0
    }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper {
            padding: 1.5em 1.5em 0;
            position: relative
        }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-heading h5 {
            color: var(--title-color)
        }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-heading h5 .request-name {
                margin: 0 0 0 .63em;
                color: var(--amber-10) !important
            }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-heading h6 {
            color: var(--title-color)
        }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-heading h6 .plan-name {
                color: var(--amber-10)
            }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content.content-center {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: var(--text-color);
            text-align: center
        }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content.content-center.t-xsm {
                font-size: 14px
            }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content.content-center .currency-credits {
                color: var(--text-color-primary)
            }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content.content-center.rubik-credit-amount {
                font-family: Rubik,sans-serif;
                color: var(--text-color-primary)
            }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content.content-center.monark-credit-amount {
                font-weight: 400;
                font-family: Monark-regular,sans-serif;
                color: var(--text-color-primary)
            }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .tl-btn-panel {
            position: relative;
            margin: 0;
            border-top: 1px solid var(--primary-br-color);
            padding: 1.5em
        }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .tl-btn-panel .tl-btn-bar__left .cancel-btn, .tlp-conf-dialog.ui-dialog .ui-dialog-content .tl-btn-panel .tl-btn-bar__right .cancel-btn {
                background-color: transparent;
                border-color: transparent;
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: .02em;
                text-transform: uppercase;
                color: var(--link-clolor)
            }

.tlp-dialog {
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--dropdown-bg)
}

    .tlp-dialog .tlp-dialog-titlebar {
        display: block;
        padding: 1.5em 1.63em;
        min-height: 90px
    }

        .tlp-dialog .tlp-dialog-titlebar .dialog-heading h6 {
            text-align: center
        }

        .tlp-dialog .tlp-dialog-titlebar .dialog-heading .request-name {
            color: var(--amber-10);
            margin: 0 0 0 .63em
        }

    .tlp-dialog .tlp-dialog-body {
        overflow-y: auto;
        margin: 0 .31em 0 0;
        border-top: 1px solid var(--primary-br-color);
        border-bottom: 1px solid var(--primary-br-color)
    }

    .tlp-dialog .tlp-dialog-footer {
        display: block;
        padding: 1.5em 1.63em;
        min-height: 90px
    }

        .tlp-dialog .tlp-dialog-footer .tl-btn-panel {
            margin: 0
        }

            .tlp-dialog .tlp-dialog-footer .tl-btn-panel .tl-btn-bar__left .cancel-btn, .tlp-dialog .tlp-dialog-footer .tl-btn-panel .tl-btn-bar__right .cancel-btn {
                background-color: transparent;
                border-color: transparent;
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: .02em;
                text-transform: uppercase
            }

.one-click-datails-dialog.tlp-dialog, .request-details-dialog.tlp-dialog {
    display: block;
    width: 500px;
    height: calc(100% - 370px)
}

    .one-click-datails-dialog.tlp-dialog .tlp-dialog-body, .request-details-dialog.tlp-dialog .tlp-dialog-body {
        height: calc(100% - 180px)
    }

        .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content {
            padding: 1.5em;
            overflow-y: auto
        }

            .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group {
                margin: 0
            }

                .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    align-items: baseline;
                    font-family: Rubik,sans-serif;
                    font-weight: 300;
                    font-size: 14px;
                    line-height: 16px;
                    padding: .25em .5em !important;
                    border-radius: 4px
                }

                    .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span {
                        margin: 0 0 .31em
                    }

                        .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span:first-child, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span:first-child {
                            font-family: Rubik,sans-serif;
                            font-weight: 300;
                            font-size: 16px;
                            line-height: 24px;
                            color: var(--dotted-list-title-color)
                        }

                        .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span:last-child, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item span:last-child {
                            font-family: Arial,sans-serif;
                            font-weight: 400;
                            font-size: 16px;
                            color: var(--dotted-list-txt-color)
                        }

                    .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item .dotted-space, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group .list-item .dotted-space {
                        border-bottom: 2px dotted var(--dotted-color);
                        flex: 1
                    }

                .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group li h6, .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content .info-list-group li h6 {
                    font-family: Rubik,sans-serif !important;
                    font-size: 14px !important;
                    margin: 1.5em 0 0
                }

.new-req-conf-submission.ui-dialog {
    background-color: var(--dropdown-bg);
    padding: 0
}

    .new-req-conf-submission.ui-dialog .ui-dialog-titlebar, .new-req-conf-submission.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
        display: none
    }

    .new-req-conf-submission.ui-dialog p {
        margin: 0 0 .63em
    }

    .new-req-conf-submission.ui-dialog .ui-dialog-content {
        padding: 0
    }

        .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-content-wrapper {
            padding: 1.5em 1.5em 0
        }

        .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-heading {
            text-align: center
        }

            .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-heading.content-center {
                text-align: left
            }

        .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-content.content-center {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 14px;
            line-height: 17px;
            color: var(--text-color);
            text-align: center
        }

            .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-content.content-center.credit-amount {
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 150%;
                text-transform: uppercase;
                color: var(--title-color)
            }

            .new-req-conf-submission.ui-dialog .ui-dialog-content .dialog-content.content-center.date {
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 14px;
                line-height: 150%;
                color: var(--title-color)
            }

        .new-req-conf-submission.ui-dialog .ui-dialog-content .tl-btn-panel {
            position: relative;
            margin: 0;
            border-top: 1px solid var(--primary-br-color);
            padding: 1.5em
        }

            .new-req-conf-submission.ui-dialog .ui-dialog-content .tl-btn-panel .tl-btn-bar__left .cancel-btn {
                background-color: transparent;
                border-color: transparent;
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: .02em;
                text-transform: uppercase
            }

.slider-dialog.ui-dialog {
    display: inline-block !important;
    background-color: #2d2d3a;
    border: 1px solid #36363b;
    border-radius: 8px;
    height: auto !important;
    width: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    padding: 2em
}

    .slider-dialog.ui-dialog .ui-dialog-titlebar, .slider-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
        display: none !important
    }

    .slider-dialog.ui-dialog .ui-dialog-content {
        padding: 0
    }

        .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            position: relative
        }

            .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame {
                margin: 0 auto;
                min-width: 625px;
                max-width: 625px;
                min-height: 625px;
                max-height: 625px
            }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame .main-loader {
                    position: absolute;
                    left: 50% !important;
                    top: 50% !important;
                    transform: translate(-50%,-50%) !important
                }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame img {
                    width: 100%
                }

            .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info {
                margin: 0 0 0 2em;
                width: 420px
            }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .main-loader {
                    position: absolute;
                    left: 50% !important;
                    top: 50% !important;
                    transform: translate(-50%,-250%) !important
                }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .object-name {
                    color: var(--amber-10)
                }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .image-frame-mob {
                    display: none
                }

                    .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .image-frame-mob img {
                        width: 100%
                    }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group {
                    margin: 0
                }

                    .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item {
                        -webkit-display: flex;
                        -khtml-display: flex;
                        -moz-display: flex;
                        -ms-display: flex;
                        -o-display: flex;
                        display: flex;
                        align-items: baseline;
                        padding: 0 0 .88em
                    }

                        .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item span {
                            margin: 0 0 .31em
                        }

                            .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item span:first-child {
                                font-family: Rubik,sans-serif;
                                font-weight: 300;
                                font-size: 16px;
                                line-height: 24px;
                                color: var(--dotted-list-title-color)
                            }

                            .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item span:last-child {
                                font-family: Arial,sans-serif;
                                font-weight: 400;
                                font-size: 16px;
                                color: var(--dotted-list-txt-color)
                            }

                        .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item .dotted-space {
                            border-bottom: 2px dotted var(--dotted-color);
                            flex: 1
                        }

                        .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .info-list-group .list-item i {
                            margin: 0 0 0 .63em;
                            color: var(--gray-40);
                            cursor: pointer
                        }

                .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .tl-btn-panel .tl-btn-bar__left .cancel-btn {
                    background-color: transparent;
                    border-color: transparent;
                    color: var(--text-color-primary)
                }

        .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: space-between;
            margin: 1.88em 0 0
        }

            .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation .slider-btn {
                background-color: transparent;
                border-color: transparent;
                font-family: Monark-regular,sans-serif;
                font-size: 16px;
                letter-spacing: .08em;
                text-transform: uppercase;
                color: var(--text-color-primary)
            }

                .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation .slider-btn.btn-prev::before {
                    font-family: "Font Awesome 5 Pro";
                    content: "\f177" !important;
                    display: inline-block;
                    margin: 0 .63em 0 0;
                    font-weight: 400
                }

                .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation .slider-btn.btn-next::after {
                    font-family: "Font Awesome 5 Pro";
                    content: "\f178" !important;
                    display: inline-block;
                    margin: 0 0 0 .63em;
                    font-weight: 400
                }

.one-click-preview-dialog.tlp-dialog {
    height: calc(100% - 120px)
}

    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        padding: 1em 0 1em 1em;
        height: 100%
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .image-preview {
            width: calc(100vh - 155px);
            overflow: hidden
        }

            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .image-preview .observation-image {
                width: 100%
            }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview {
            width: 420px
        }

            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-titlebar {
                padding: 1.25em
            }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-titlebar .observation-title h5 {
                    color: #e4ae2d;
                    text-align: center
                }

            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body {
                border-top: none;
                height: calc(100% - 170px)
            }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .image-preview-mob {
                    display: none;
                    margin: .94em .63em .94em .94em
                }

                    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .image-preview-mob img {
                        width: 100%
                    }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-description {
                    padding: 0 1.5em
                }

                    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-description p {
                        color: var(--text-color)
                    }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details {
                    padding: 0 1.5em 1.5em
                }

                    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group {
                        margin: 0
                    }

                        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item {
                            -webkit-display: flex;
                            -khtml-display: flex;
                            -moz-display: flex;
                            -ms-display: flex;
                            -o-display: flex;
                            display: flex;
                            align-items: baseline;
                            padding: .31em
                        }

                            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item span {
                                margin: 0 0 .31em
                            }

                                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item span:first-child {
                                    font-family: Rubik,sans-serif;
                                    font-weight: 300;
                                    font-size: 16px;
                                    line-height: 24px;
                                    color: var(--dotted-list-title-color)
                                }

                                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item span:last-child {
                                    font-family: Arial,sans-serif;
                                    font-weight: 400;
                                    font-size: 16px;
                                    color: var(--dotted-list-txt-color)
                                }

                            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item .dotted-space {
                                border-bottom: 2px dotted var(--dotted-color);
                                flex: 1
                            }

                            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details .info-list-group .list-item h6 {
                                color: var(--text-color)
                            }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .see-original-data {
                    padding: 0 1.5em
                }

                    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .see-original-data .ui-button.ui-button-bordered {
                        width: 100%
                    }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces {
                    padding: 0 1.5em
                }

                    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces .resurces-list .resurces-list-item {
                        -webkit-display: flex;
                        -khtml-display: flex;
                        -moz-display: flex;
                        -ms-display: flex;
                        -o-display: flex;
                        display: flex;
                        justify-content: space-between;
                        margin: .63em 0;
                        font-family: Rubik,sans-serif;
                        font-weight: 300;
                        font-size: 16px;
                        color: var(--text-color)
                    }

                        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces .resurces-list .resurces-list-item a, .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces .resurces-list .resurces-list-item h6 {
                            color: var(--text-color)
                        }

                        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces .resurces-list .resurces-list-item i {
                            cursor: pointer;
                            color: var(--text-color)
                        }

            .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .social {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                justify-content: space-between;
                padding: 0 0 0 1.5em
            }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .social .social-list .social-list-item h6 {
                    color: var(--text-color)
                }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .social .social-list .social-list-item i {
                    font-size: 2em;
                    color: var(--text-color);
                    margin: 0 .63em 0 0;
                    cursor: pointer
                }

                .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .social .download {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: row;
                    align-items: flex-end
                }

    .one-click-preview-dialog.tlp-dialog .tlp-dialog-footer {
        padding: 1.25em
    }

.tlp-conf-dialog.limit-is-reached-dialog.ui-dialog {
    width: 820px
}

    .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper {
        padding: 2.5em 3.75em 0
    }

        .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .rocket-dialog-image {
            width: 120px;
            height: 120px;
            margin: 10px auto 0
        }

        .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .including-bonus-to-request-limit {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: space-between;
            margin: 1.88em 0 0
        }

            .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .including-bonus-to-request-limit .content-icon::before {
                font-family: "Font Awesome 5 Pro";
                content: "\f00c";
                display: inline-block;
                margin: 0 .63em 0 0;
                font-weight: 400
            }

            .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .including-bonus-to-request-limit:last-child {
                margin: .31em 0 0
            }

                .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .including-bonus-to-request-limit:last-child .content-icon:last-child {
                    flex: 0 1 180px
                }

    .tlp-conf-dialog.limit-is-reached-dialog.ui-dialog .ui-dialog-content .tl-btn-panel {
        border-top: none;
        padding: 2.5em 3.75em 3.75em
    }

.tlp-conf-dialog.ui-dialog {
    background-color: var(--dropdown-bg)
}

    .tlp-conf-dialog.ui-dialog .ui-dialog-content {
        width: 100%
    }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .close-dialog-btn {
            background-color: transparent;
            border-color: transparent;
            position: absolute;
            right: 10px;
            top: 10px
        }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-heading.dialog-heading-center {
            text-align: center
        }

        .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-content {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: var(--text-color)
        }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-content strong {
                font-weight: 300;
                color: var(--text-color-primary)
            }

            .tlp-conf-dialog.ui-dialog .ui-dialog-content .dialog-content-wrapper .dialog-content.dialog-content-center {
                text-align: center
            }

.ui-menu ul li.ui-menuitem.unavailable {
    opacity: .5
}

.drag-drop-btn {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center
}

    .drag-drop-btn .fc-event-block {
        display: inline-block;
        padding: .5em .75em;
        background: var(--primary-btn-bg);
        border: var(--primary-btn-bg);
        border-radius: 4px;
        color: var(--primary-btn-txt-color);
        box-shadow: 0 1px 3px rgba(255,255,255,.2);
        transition: background-color .2s;
        height: 36px;
        font-weight: 400 !important;
        font-family: Semi-Bold,sans-serif !important;
        font-size: 16px;
        position: relative;
        overflow: hidden;
        cursor: move;
        margin: 0 0 0 .63em
    }

.fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button, .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button {
    font-family: Monark-regular,sans-serif;
    font-size: 16px;
    letter-spacing: .02em;
    border: 1px solid var(--secondary-btn-br-color);
    color: var(--secondary-btn-txt-color);
    background: 0 0;
    text-transform: uppercase
}

    .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:enabled:hover, .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:enabled:hover {
        border: 1px solid var(--secondary-btn-br-color);
        color: var(--secondary-btn-txt-hover-color);
        background: var(--secondary-btn-hover-bg) !important
    }

    .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:enabled:active, .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:enabled:active {
        border: 1px solid var(--amber);
        color: var(--amber-dark);
        background: 0 0
    }

    .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:enabled:focus, .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:enabled:focus {
        color: var(--secondary-btn-txt-color);
        background: 0 0;
        box-shadow: none
    }

    .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:disabled, .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:disabled {
        border: 1.5px solid #646469;
        background-color: transparent;
        color: #646469
    }

.fc-toolbar.fc-header-toolbar .fc-center {
    width: 35%
}

    .fc-toolbar.fc-header-toolbar .fc-center h2 {
        font-family: Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: var(--title-color)
    }

body .fc th {
    background-color: transparent;
    border-color: #36363b
}

body .fc-unthemed td {
    border-color: #36363b
}

body .fc-unthemed .fc-head .fc-resource-area .fc-widget-header {
    font-family: Rubik,sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: var(--th-txt-color)
}

body .fc-unthemed .fc-head .fc-divider {
    background-color: #36363b;
    border: 1px solid #36363b
}

body .fc-unthemed .fc-head .fc-time-area .fc-widget-header {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color);
    text-align: center
}

body .fc-unthemed .fc-head .fc-time-area .fc-chrono .fc-widget-header {
    font-size: 12px
}

body .fc-unthemed .fc-body .fc-resource-area .fc-rows .fc-widget-content > div {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 55px !important
}

body .fc-unthemed .fc-body .fc-resource-area .fc-rows .fc-widget-content .fc-cell-content .fc-cell-text {
    font-family: Rubik,sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #8b8e95;
    text-align: center
}

body .fc-unthemed .fc-body .fc-resource-area .fc-rows tr[data-resource-id*=telescope] .fc-widget-content .fc-cell-text {
    font-family: Monark-regular,sans-serif !important;
    font-size: 16px !important;
    color: var(--text-color-primary) !important
}

body .fc-unthemed .fc-body .fc-time-area .fc-rows .fc-widget-content > div {
    min-height: 55px !important
}

body .fc-unthemed .fc-body .fc-time-area .fc-rows .fc-timeline-event {
    height: 50px;
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 12px;
    align-items: center
}

body .fc-unthemed .fc-divider {
    background-color: #36363b;
    border: 1px solid #36363b
}

.fc-bgevent {
    opacity: .6 !important
}

.fc-legend {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 .63em
}

    .fc-legend .fc-legend-item {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin: 0 0 0 .63em;
        align-items: center
    }

        .fc-legend .fc-legend-item .fc-legend-text {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 12px;
            color: var(--gray-40)
        }

        .fc-legend .fc-legend-item .fc-legend-block {
            display: inline-block;
            border-radius: 2px;
            height: 16px;
            width: 40px;
            margin: 0 0 0 .63em
        }

        .fc-legend .fc-legend-item .fc-block-booked-session {
            background-color: var(--amber-10)
        }

        .fc-legend .fc-legend-item .fc-block-my-sessions {
            background-color: #2691c7
        }

        .fc-legend .fc-legend-item .fc-block-observability {
            background-color: #5e8d65
        }

        .fc-legend .fc-legend-item .fc-block-currently-sessions {
            background-color: #f34548
        }

.fc-divider {
    background-color: #36363b;
    border: 1px solid #36363b
}

.dashbord-container {
    width: 100%
}

    .dashbord-container:after, .dashbord-container:before {
        content: " ";
        display: table
    }

    .dashbord-container:after {
        clear: both
    }

    .dashbord-container #discovery, .dashbord-container #lates-prodatasets, .dashbord-container #my-balance, .dashbord-container #my-observatory {
        margin: 0 0 2.5em
    }

    .dashbord-container #latest-prodatasets {
        margin: 0 0 5em
    }

        .dashbord-container #latest-prodatasets .latest-prodatasets {
            margin: 1.88em 0 0
        }

            .dashbord-container #latest-prodatasets .latest-prodatasets div[class*=ui-g-] {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                flex-direction: column
            }

                .dashbord-container #latest-prodatasets .latest-prodatasets div[class*=ui-g-] .tile-view {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: column;
                    flex: 1
                }

                .dashbord-container #latest-prodatasets .latest-prodatasets div[class*=ui-g-] .tile-view__content {
                    flex: 1
                }

            .dashbord-container #latest-prodatasets .latest-prodatasets .all-datasets {
                padding: 1.88em 0
            }

                .dashbord-container #latest-prodatasets .latest-prodatasets .all-datasets .ui-button.bordered-none {
                    padding: 0
                }

    .dashbord-container #my-observatory .my-last-one-click, .dashbord-container #my-observatory .new-one-click-observations {
        margin: 1.25em 0 1.88em
    }

        .dashbord-container #my-observatory .my-last-one-click .all-targets, .dashbord-container #my-observatory .new-one-click-observations .all-targets {
            margin: 1.25em 0 0
        }

            .dashbord-container #my-observatory .my-last-one-click .all-targets .all-targets-btn, .dashbord-container #my-observatory .new-one-click-observations .all-targets .all-targets-btn {
                display: block;
                margin: 0 auto
            }

    .dashbord-container #my-balance {
        margin: 0 0 2.5em
    }

        .dashbord-container #my-balance .balance-card-panel {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center
        }

            .dashbord-container #my-balance .balance-card-panel .balance-card {
                display: block;
                width: 100%
            }

            .dashbord-container #my-balance .balance-card-panel .balance-card__header .balance-card-title {
                font-family: Rubik,sans-serif;
                font-size: 14px;
                font-weight: 300;
                text-transform: uppercase;
                line-height: 17px;
                color: var(--title-color)
            }

            .dashbord-container #my-balance .balance-card-panel .balance-card__header .balance-card-sub-title {
                font-family: Monark-regular,sans-serif;
                font-size: 22px;
                font-weight: 300;
                text-transform: uppercase;
                line-height: 29px;
                color: var(--title-color)
            }

            .dashbord-container #my-balance .balance-card-panel .balance-card__body {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                border: 1px solid var(--primary-br-color);
                padding: 1.56em;
                min-height: 312px;
                min-width: 256px
            }

                .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    flex: 1
                }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .price {
                        font-family: Monark-regular,sans-serif;
                        font-size: 90px;
                        font-weight: 300;
                        text-transform: uppercase;
                        line-height: 88px;
                        color: var(--title-color)
                    }

                        .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .price .font-size-small {
                            font-size: 45px !important
                        }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .price-mon {
                        font-family: Monark-regular,sans-serif;
                        font-size: 52px;
                        font-weight: 300;
                        text-transform: uppercase;
                        line-height: 80px;
                        color: var(--title-color)
                    }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .plan-cost-coints {
                        font-size: 18px;
                        line-height: 24px;
                        top: -25px;
                        left: 3px
                    }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .bronze {
                        font-family: Monark-regular,sans-serif;
                        font-size: 28px;
                        line-height: 40px;
                        font-weight: 400;
                        height: 15px;
                        color: var(--secondary-sep-color)
                    }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .credits {
                        font-family: Monark-regular,sans-serif;
                        font-size: 15px;
                        line-height: 40px;
                        font-weight: 400;
                        height: 15px;
                        color: var(--secondary-sep-color);
                        background-color: transparent;
                        padding: 10px 5px
                    }

                .dashbord-container #my-balance .balance-card-panel .balance-card__body .button-bar {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: 100%
                }

                    .dashbord-container #my-balance .balance-card-panel .balance-card__body .button-bar .ui-button:not(.learn-more) {
                        width: 100%;
                        margin: 0 0 .94em
                    }

        .dashbord-container #my-balance .tutorials-panel .tutorials__title {
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 22px;
            line-height: 29px;
            text-transform: uppercase;
            color: var(--title-color)
        }

        .dashbord-container #my-balance .tutorials-panel .tutorials-body {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: flex-start;
            border-bottom: 1px solid var(--primary-br-color);
            min-height: 310px
        }

            .dashbord-container #my-balance .tutorials-panel .tutorials-body .tutorials__sub-title {
                margin-top: 1.25em;
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 21px;
                text-transform: uppercase;
                color: var(--title-color)
            }

            .dashbord-container #my-balance .tutorials-panel .tutorials-body .tutorials__content p {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--text-color);
                margin: .94em 0;
                max-width: 500px
            }

            .dashbord-container #my-balance .tutorials-panel .tutorials-body .tutorials__footer {
                width: 100%
            }

                .dashbord-container #my-balance .tutorials-panel .tutorials-body .tutorials__footer .ui-button {
                    margin-left: auto
                }

    .dashbord-container .count-of-img {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: inherit;
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .03em
    }

        .dashbord-container .count-of-img .char-symbol {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 30px;
            line-height: 34px;
            color: var(--primary-sep-color) !important
        }

        .dashbord-container .count-of-img span:nth-child(2) {
            margin: 0 .31em;
            color: var(--title-color)
        }

    .dashbord-container .h-of-img, .dashbord-container .num-of-img {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        margin: .94em 0;
        color: var(--title-color)
    }

    .dashbord-container .num-of-img {
        color: var(--title-color)
    }

    .dashbord-container .session {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        margin: 0 0 0 .94em
    }

    .dashbord-container .session__title {
        margin: 0 0 1.25em
    }

    .dashbord-container .session__content {
        padding: 0 0 1.25em
    }

    .dashbord-container .session__info {
        display: block;
        overflow: auto;
        padding: 1.25em 0;
        border-top: 1px solid var(--secondary-br-color)
    }

        .dashbord-container .session__info .info-list-group {
            margin: 0
        }

            .dashbord-container .session__info .info-list-group .list-item {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: baseline;
                padding: .63em 0
            }

                .dashbord-container .session__info .info-list-group .list-item span {
                    margin: 0 0 .31em
                }

                    .dashbord-container .session__info .info-list-group .list-item span:first-child {
                        font-family: Rubik,sans-serif;
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 24px;
                        color: var(--dotted-list-title-color)
                    }

                    .dashbord-container .session__info .info-list-group .list-item span:last-child {
                        font-family: Arial,sans-serif;
                        font-weight: 400;
                        font-size: 16px;
                        color: var(--dotted-list-txt-color)
                    }

                .dashbord-container .session__info .info-list-group .list-item .dotted-space {
                    border-bottom: 2px dotted var(--dotted-color);
                    flex: 1
                }

    .dashbord-container .session__footer {
        margin: 1.25em 0
    }

        .dashbord-container .session__footer .ui-button {
            float: right
        }

    .dashbord-container .session .not-found-request {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--primary-panel-bg);
        border-radius: 3px;
        padding: 2.5em;
        min-height: 360px
    }

        .dashbord-container .session .not-found-request img {
            margin: 0 auto
        }

        .dashbord-container .session .not-found-request .m-content {
            text-align: center;
            margin: 0
        }

        .dashbord-container .session .not-found-request .ui-button {
            display: block;
            margin: 0 auto
        }

    .dashbord-container .last-obs-request {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column
    }

    .dashbord-container .last-obs-request__title {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        margin: 0 0 1.25em
    }

    .dashbord-container .last-obs-request__content {
        padding: 0 0 1.25em
    }

    .dashbord-container .last-obs-request__table {
        display: block;
        width: 100%
    }

        .dashbord-container .last-obs-request__table .tl-table-mob-view {
            display: none;
            table-layout: fixed;
            width: 100%;
            border-top: 1px solid var(--th-br-color);
            border-bottom: 1px solid var(--th-br-color)
        }

            .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr td {
                position: relative;
                padding: 1em .75em
            }

                .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr td:first-child {
                    font-family: Rubik,sans-serif;
                    font-weight: -84px;
                    font-size: 14px;
                    opacity: .8;
                    color: var(--th-txt-color);
                    text-transform: uppercase
                }

                .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr td:last-child {
                    font-family: Arial,sans-serif;
                    font-weight: 16px;
                    font-size: 16px;
                    opacity: .8;
                    color: var(--td-txt-color)
                }

            .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep td {
                border-bottom: 1px solid var(--td-br-color)
            }

                .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep td::before {
                    content: "";
                    position: absolute;
                    height: 1px;
                    width: 15px;
                    background: var(--td-sep-color);
                    z-index: 1;
                    bottom: -1px;
                    right: -7px
                }

                .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep td::after {
                    content: "";
                    position: absolute;
                    height: 1px;
                    width: 15px;
                    background: var(--td-sep-color);
                    z-index: 1;
                    bottom: -1px;
                    right: -7px;
                    transform: rotate(90deg)
                }

            .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep:last-child td {
                border-bottom: none
            }

                .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep:last-child td::after, .dashbord-container .last-obs-request__table .tl-table-mob-view tbody tr.td-plus-sep:last-child td::before {
                    display: none
                }

    .dashbord-container .last-obs-request__footer {
        margin: 1.25em 0
    }

    .dashbord-container .best-of-week {
        margin: 0 .94em 0 0
    }

    .dashbord-container .best-of-week__image {
        margin: 1.88em 0 0;
        overflow: hidden
    }

        .dashbord-container .best-of-week__image img {
            width: 100%
        }

    .dashbord-container .best-of-week__commentable {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: .63em 0 1.56em
    }

        .dashbord-container .best-of-week__commentable .author-date, .dashbord-container .best-of-week__commentable .like-counter {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: var(--amber)
        }

        .dashbord-container .best-of-week__commentable .like-counter {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            color: var(--text-color)
        }

            .dashbord-container .best-of-week__commentable .like-counter .like-button {
                background-color: transparent;
                border-color: transparent;
                font-size: 22px
            }

    .dashbord-container .best-of-week__heading {
        font-family: Rubik,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase
    }

    .dashbord-container .best-of-week__content {
        margin: 1.25em 0
    }

    .dashbord-container .best-of-week__info .info-list-group {
        margin: 0
    }

        .dashbord-container .best-of-week__info .info-list-group .list-item {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: baseline;
            padding: .63em 0
        }

            .dashbord-container .best-of-week__info .info-list-group .list-item span {
                margin: 0 0 .31em
            }

                .dashbord-container .best-of-week__info .info-list-group .list-item span:first-child {
                    font-family: Rubik,sans-serif;
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--dotted-list-title-color)
                }

                .dashbord-container .best-of-week__info .info-list-group .list-item span:last-child {
                    font-family: Arial,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    color: var(--dotted-list-txt-color)
                }

            .dashbord-container .best-of-week__info .info-list-group .list-item .dotted-space {
                border-bottom: 2px dotted var(--dotted-color);
                flex: 1
            }

    .dashbord-container .best-of-week__footer {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

        .dashbord-container .best-of-week__footer .ui-button {
            margin: .63em 0
        }

    .dashbord-container .last-news {
        margin: 0 0 0 .94em;
        padding: 1.88em 0
    }

        .dashbord-container .last-news:not(:last-child) {
            border-bottom: 1px solid var(--secondary-br-color)
        }

    .dashbord-container .last-news__heading {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex
    }

        .dashbord-container .last-news__heading .news-image {
            width: 120px;
            height: 88px;
            margin: 0 1.56em 0 0;
            overflow: hidden
        }

            .dashbord-container .last-news__heading .news-image img {
                width: 100%
            }

        .dashbord-container .last-news__heading .news-title__small {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: var(--amber);
            margin: 0
        }

        .dashbord-container .last-news__heading .news-title__big {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 22px;
            color: var(--title-color);
            margin: 0
        }

        .dashbord-container .last-news__heading .news-title .news-date {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 12px;
            line-height: 24px;
            color: var(--text-color)
        }

    .dashbord-container .last-news__content {
        margin: 1.56em 0
    }

    .dashbord-container .last-news__footer {
        text-align: right
    }

    .dashbord-container .last-news__all-photos {
        padding: 1.56em 0;
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .dashbord-container .tlp-right-side {
        position: relative
    }

        .dashbord-container .tlp-right-side .tlp-right-widget {
            position: -moz-sticky;
            position: -ms-sticky;
            position: -o-sticky;
            position: sticky;
            top: 0
        }

.dashboard-error-message, .error-msg {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(244,69,69,.05);
    border-radius: 3px;
    background: #f44545;
    padding: .5em 1em;
    margin: 0 0 .63em
}

    .dashboard-error-message p, .error-msg p {
        font-family: Arial,sans-serif;
        color: #fafafb;
        margin: 0
    }

        .dashboard-error-message p a, .error-msg p a {
            font-weight: 600;
            text-decoration: underline
        }

    .dashboard-error-message .close-msg, .error-msg .close-msg {
        background-color: transparent;
        border-color: transparent
    }

        .dashboard-error-message .close-msg .close-msg-icon, .error-msg .close-msg .close-msg-icon {
            font-size: 22px;
            vertical-align: middle
        }

thead tr th:first-child {
    text-align: left
}

.sm-screen-tlp-detail, .sm-screen-weather-forecast {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #303030;
    display: none
}

    .sm-screen-tlp-detail .mobile-dialot-title, .sm-screen-weather-forecast .mobile-dialot-title {
        background: #191d24;
        display: flex;
        align-items: center;
        padding: .63em;
        height: 56px
    }

        .sm-screen-tlp-detail .mobile-dialot-title button, .sm-screen-weather-forecast .mobile-dialot-title button {
            background: 0 0;
            border-color: transparent
        }

            .sm-screen-tlp-detail .mobile-dialot-title button i, .sm-screen-weather-forecast .mobile-dialot-title button i {
                font-size: 1.5em
            }

        .sm-screen-tlp-detail .mobile-dialot-title span, .sm-screen-weather-forecast .mobile-dialot-title span {
            font-size: 1.25em;
            font-weight: 400;
            color: #fff;
            margin-left: .63em
        }

    .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-nav, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background: #191d24 !important;
        padding-right: 1.25em;
        padding-left: 1.25em;
        padding-top: .94em
    }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-nav li, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-nav li {
            width: 100%
        }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-nav li.ui-state-active, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-nav li.ui-state-active {
                border-bottom: 2px solid #fff !important;
                outline: 0
            }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-nav li .ui-tabview-title, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-nav li .ui-tabview-title {
                font-size: 16px;
                font-weight: 400;
                color: #fff;
                text-transform: uppercase;
                cursor: pointer
            }

    .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels {
        padding: 1.25em;
        height: calc(100vh - 150px);
        overflow: auto
    }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .mobile-modal-image-container, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .mobile-modal-image-container {
            margin-top: 1.25em;
            background: #191d24;
            padding: .94em
        }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .mobile-modal-image-container .location-image, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .mobile-modal-image-container .location-image {
                margin: 0 auto !important
            }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb {
            width: 100%;
            margin-top: .63em
        }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table thead tr th, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb thead tr th, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table thead tr th, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb thead tr th {
                width: 50%
            }

                .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table thead tr th:first-child, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb thead tr th:first-child, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table thead tr th:first-child, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb thead tr th:first-child {
                    text-align: left;
                    font-size: 1.25em;
                    font-weight: 600;
                    padding: .63em 0
                }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr {
                line-height: 1.5
            }

                .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr:first-child, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr:first-child, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr:first-child, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr:first-child {
                    color: rgba(255,255,255,.7);
                    text-transform: uppercase
                }

                .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr td, .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr td, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .cm-inf-table tbody tr td, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-status-tb tbody tr td {
                    width: 50%
                }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status {
            margin-top: 2.5em
        }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status h5, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status h5 {
                text-align: left;
                font-size: 1.25em;
                font-weight: 600;
                padding: .94em 0
            }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status p, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .tl-modal-image-status p {
                color: #fff !important
            }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .mob-tlp-info-content, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .mob-tlp-info-content {
            margin-top: 1.25em
        }

        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather {
            margin-top: 2.5em
        }

            .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table {
                width: 100%;
                table-layout: fixed
            }

                .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table thead tr, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table thead tr {
                    line-height: 1.5
                }

                    .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table thead tr th, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table thead tr th {
                        text-align: center
                    }

                .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr {
                    line-height: 1.5
                }

                    .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr td, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr td {
                        text-align: left;
                        padding: .31em .44em
                    }

                        .sm-screen-tlp-detail p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr td .wt-icon, .sm-screen-weather-forecast p-tabview .ui-tabview .ui-tabview-panels .modal-content-mobile-weather table tbody tr td .wt-icon {
                            margin: .63em -.19em
                        }

.wt-icon {
    width: 35px;
    height: 35px;
    background-image: url(../images/32.svg);
    display: block;
    margin: 10px auto
}

.weathericon-0 {
    background-image: url(../images/00.svg)
}

.weathericon-1 {
    background-image: url(../images/01.svg)
}

.weathericon-2 {
    background-image: url(../images/02.svg)
}

.weathericon-3 {
    background-image: url(../images/03.svg)
}

.weathericon-4 {
    background-image: url(../images/04.svg)
}

.weathericon-5 {
    background-image: url(../images/05.svg)
}

.weathericon-6 {
    background-image: url(../images/06.svg)
}

.weathericon-7 {
    background-image: url(../images/07.svg)
}

.weathericon-8 {
    background-image: url(../images/08.svg)
}

.weathericon-9 {
    background-image: url(../images/09.svg)
}

.weathericon-00 {
    background-image: url(../images/00.svg)
}

.weathericon-01 {
    background-image: url(../images/01.svg)
}

.weathericon-02 {
    background-image: url(../images/02.svg)
}

.weathericon-03 {
    background-image: url(../images/03.svg)
}

.weathericon-04 {
    background-image: url(../images/04.svg)
}

.weathericon-05 {
    background-image: url(../images/05.svg)
}

.weathericon-06 {
    background-image: url(../images/06.svg)
}

.weathericon-07 {
    background-image: url(../images/07.svg)
}

.weathericon-08 {
    background-image: url(../images/08.svg)
}

.weathericon-09 {
    background-image: url(../images/09.svg)
}

.weathericon-10 {
    background-image: url(../images/10.svg)
}

.weathericon-11 {
    background-image: url(../images/11.svg)
}

.weathericon-12 {
    background-image: url(../images/12.svg)
}

.weathericon-13 {
    background-image: url(../images/13.svg)
}

.weathericon-14 {
    background-image: url(../images/14.svg)
}

.weathericon-15 {
    background-image: url(../images/15.svg)
}

.weathericon-16 {
    background-image: url(../images/16.svg)
}

.weathericon-17 {
    background-image: url(../images/17.svg)
}

.weathericon-18 {
    background-image: url(../images/18.svg)
}

.weathericon-19 {
    background-image: url(../images/19.svg)
}

.weathericon-20 {
    background-image: url(../images/20.svg)
}

.weathericon-21 {
    background-image: url(../images/21.svg)
}

.weathericon-22 {
    background-image: url(../images/22.svg)
}

.weathericon-23 {
    background-image: url(../images/23.svg)
}

.weathericon-24 {
    background-image: url(../images/24.svg)
}

.weathericon-25 {
    background-image: url(../images/25.svg)
}

.weathericon-26 {
    background-image: url(../images/26.svg)
}

.weathericon-27 {
    background-image: url(../images/27.svg)
}

.weathericon-28 {
    background-image: url(../images/28.svg)
}

.weathericon-29 {
    background-image: url(../images/29.svg)
}

.weathericon-30 {
    background-image: url(../images/30.svg)
}

.weathericon-31 {
    background-image: url(../images/31.svg)
}

.weathericon-32 {
    background-image: url(../images/32.svg)
}

.weathericon-33 {
    background-image: url(../images/33.svg)
}

.weathericon-34 {
    background-image: url(../images/34.svg)
}

.weathericon-35 {
    background-image: url(../images/35.svg)
}

.weathericon-36 {
    background-image: url(../images/36.svg)
}

.weathericon-37 {
    background-image: url(../images/37.svg)
}

.weathericon-38 {
    background-image: url(../images/38.svg)
}

.weathericon-39 {
    background-image: url(../images/39.svg)
}

.weathericon-40 {
    background-image: url(../images/40.svg)
}

.weathericon-41 {
    background-image: url(../images/41.svg)
}

.weathericon-42 {
    background-image: url(../images/42.svg)
}

.weathericon-43 {
    background-image: url(../images/43.svg)
}

.weathericon-44 {
    background-image: url(../images/44.svg)
}

.weathericon-45 {
    background-image: url(../images/45.svg)
}

.weathericon-46 {
    background-image: url(../images/46.svg)
}

.weathericon-47 {
    background-image: url(../images/47.svg)
}

body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    background: url(../images/svg/background.jpg) center center/cover no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #fff;
    line-height: 1.5
}

    body h3 {
        position: relative
    }

        body h3 span {
            color: #d8a31f
        }

            body h3 span.select-btn {
                font-size: 14px;
                letter-spacing: .02em;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(-50%,-50%)
            }

        body h3.h-mt0 {
            margin-top: 0
        }

    body a {
        color: var(--link-color);
        cursor: pointer
    }

        body a:hover {
            color: var(--link-color)
        }

    body .tl-logo {
        max-height: 40px
    }

    body .not-request-found {
        display: block;
        background-color: rgba(115,116,121,.1);
        padding: 3em 1.5em
    }

        body .not-request-found .no-request-found-content .no-request-img img {
            display: block;
            width: 100px;
            height: 100px;
            margin: .94em auto 0
        }

        body .not-request-found .no-request-found-content .no-request-title {
            text-align: center;
            margin: 1.25em 0 0
        }

        body .not-request-found .no-request-found-content .no-request-content {
            margin: 1.25em 0
        }

            body .not-request-found .no-request-found-content .no-request-content .plan-name {
                color: #fff;
                font-weight: 400
            }

            body .not-request-found .no-request-found-content .no-request-content p {
                text-align: center
            }

        body .not-request-found .no-request-btn-bar {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column
        }

            body .not-request-found .no-request-btn-bar .ui-button {
                margin: .94em auto
            }

    body .tile-view {
        margin: 0 .5em
    }

    body .tile-view__header {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

        body .tile-view__header .tile-view-badge, body .tile-view__header .tile-view-title {
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 1em;
            line-height: 17px;
            text-transform: uppercase;
            color: var(--title-color)
        }

        body .tile-view__header .tile-view-badge {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            border-radius: 4px;
            background: #4d4d4d;
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            padding: .44em .63em;
            text-transform: capitalize
        }

            body .tile-view__header .tile-view-badge.premium {
                background-color: #dacc9f !important;
                color: #09090a !important
            }

            body .tile-view__header .tile-view-badge.grabbed {
                background-color: #fafafb !important;
                color: #22222c !important
            }

    body .tile-view__image {
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 76%;
        margin: 1em 0
    }

        body .tile-view__image img {
            width: 100%
        }

        body .tile-view__image .aspect-ratio-img {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(115,116,121,.1)
        }

            body .tile-view__image .aspect-ratio-img img {
                width: 100%;
                transform: scale(1);
                transition: .7s
            }

            body .tile-view__image .aspect-ratio-img .no-image {
                transform: scale(.3);
                margin: 0 auto
            }

        body .tile-view__image .overlap-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 1
        }

            body .tile-view__image .overlap-content p {
                color: var(--text-color-primary);
                text-align: center
            }

        body .tile-view__image .tile-view-overlap {
            position: absolute;
            background-color: rgba(0,0,0,.5);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

    body .tile-view__content {
        white-space: normal;
        word-break: break-word
    }

    body .tile-view__info .tile-view-list .list-item {
        display: flex;
        align-items: baseline;
        padding: .31em 0
    }

        body .tile-view__info .tile-view-list .list-item span:first-child {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: var(--dotted-list-title-color)
        }

        body .tile-view__info .tile-view-list .list-item span:last-child {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 16px;
            color: var(--dotted-list-txt-color)
        }

        body .tile-view__info .tile-view-list .list-item .dotted-space {
            border-bottom: 2px dotted var(--dotted-color);
            flex: 1
        }

    body .tile-view__price {
        margin: 1.25em 0 1.88em
    }

        body .tile-view__price span {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: var(--dotted-list-txt-color)
        }

            body .tile-view__price span.included-price {
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 14px;
                line-height: 27px;
                color: var(--amber)
            }

    body .tile-view__footer {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 2.5em
    }

        body .tile-view__footer .ui-button {
            width: 100%;
            margin: .63em 0 0
        }

    body .tile-view.tile-view-bordered {
        position: relative;
        border: 1px solid var(--secondary-br-color);
        padding: 1.25em;
        margin: 0 .5em
    }

        body .tile-view.tile-view-bordered .tile-view__header {
            justify-content: center
        }

        body .tile-view.tile-view-bordered .tile-view-recommended {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 14px;
            color: var(--text-color-primary);
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%,-50%);
            background: #219653;
            border-radius: 4px;
            padding: .25em .5em
        }

        body .tile-view.tile-view-bordered .tile-view__image {
            position: relative;
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-bottom: 100%
        }

            body .tile-view.tile-view-bordered .tile-view__image img {
                width: 100%
            }

            body .tile-view.tile-view-bordered .tile-view__image .aspect-ratio-img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(115,116,121,.1)
            }

                body .tile-view.tile-view-bordered .tile-view__image .aspect-ratio-img .img {
                    width: 100%;
                    transform: scale(1);
                    transition: .7s
                }

                body .tile-view.tile-view-bordered .tile-view__image .aspect-ratio-img .no-image {
                    transform: scale(.3);
                    margin: 0 auto
                }

        body .tile-view.tile-view-bordered .tile-view__footer {
            padding: 0
        }

    body .tile-view-empty {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        background-color: rgba(115,116,121,.1);
        height: calc(100% - 30px)
    }

        body .tile-view-empty .no-image {
            width: 80px;
            height: 80px;
            margin: 0 auto
        }

    body .gift-code {
        max-width: 400px;
        margin: 2.5em 0 0
    }

        body .gift-code .gift-code-input {
            background-color: #26262d;
            border-top: 1px solid var(--primary-br-color);
            border-left: 1px solid var(--primary-br-color);
            border-right: 1px solid var(--primary-br-color);
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            padding: 2.5em 2.5em 3.75em
        }

        body .gift-code .gift-code-helf-circles {
            background-color: #26262d;
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: baseline;
            align-items: center;
            position: relative
        }

            body .gift-code .gift-code-helf-circles .gift-code-dotted-border {
                border: 1px dashed var(--primary-br-color);
                flex: 1
            }

            body .gift-code .gift-code-helf-circles .half-circle-left {
                width: 40px;
                height: 40px;
                border-bottom-right-radius: 50%;
                border-top-right-radius: 50%;
                border: 1px solid var(--primary-br-color);
                border-left: 0;
                background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
                box-sizing: border-box
            }

            body .gift-code .gift-code-helf-circles .half-circle-right {
                width: 40px;
                height: 40px;
                border-bottom-left-radius: 50%;
                border-top-left-radius: 50%;
                border: 1px solid var(--primary-br-color);
                border-right: 0;
                background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
                box-sizing: border-box
            }

        body .gift-code .redeem-gift-code {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center;
            align-items: center;
            border-right: 1px solid var(--primary-br-color);
            border-left: 1px solid var(--primary-br-color);
            border-bottom: 1px solid var(--primary-br-color);
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            padding: 2.5em;
            background-color: #26262d
        }

    body .astronomy-tab-panel {
        width: 100%;
        display: block;
        padding: .63em
    }

        body .astronomy-tab-panel .astronomy-obs-tab-btn {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            position: relative;
            width: 100%;
            padding: 1.56em 0;
            text-align: left;
            background: 0 0;
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 24px;
            color: var(--primary-color);
            border: none;
            border-bottom: 1px solid var(--secondary-br-color)
        }

            body .astronomy-tab-panel .astronomy-obs-tab-btn .observatory-location {
                font-size: 14px;
                color: var(--text-color)
            }

            body .astronomy-tab-panel .astronomy-obs-tab-btn .observatory-date {
                color: var(--text-color)
            }

            body .astronomy-tab-panel .astronomy-obs-tab-btn.active {
                border-color: var(--amber)
            }

                body .astronomy-tab-panel .astronomy-obs-tab-btn.active .observatory-location {
                    font-size: 14px;
                    color: var(--title-color)
                }

    body .forecast .forecast {
        padding: 1.25em 0
    }

    body .forecast .forecast__title {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: var(--sand)
    }

    body .forecast .forecast__image {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row;
        position: relative;
        height: 120px
    }

        body .forecast .forecast__image .weather-img {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-self: flex-end;
            transform: scale(2.5)
        }

            body .forecast .forecast__image .weather-img .wt-icon {
                margin: 2.19em
            }

        body .forecast .forecast__image .celsius-fahrenheit {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row
        }

            body .forecast .forecast__image .celsius-fahrenheit span:first-child {
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 60px;
                line-height: 88px;
                text-align: center;
                color: var(--dotted-list-txt-color)
            }

            body .forecast .forecast__image .celsius-fahrenheit span:last-child {
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 22px;
                line-height: 40px;
                text-align: center;
                color: var(--dotted-list-txt-color);
                margin: .63em 0 0 .63em
            }

    .tl-table.tl-expand-table tbody tr td body .forecast .forecast__longitude, .tl-table:not(.tl-expand-table) tbody tr td body .forecast .forecast__longitude, body .forecast .forecast__country, body .forecast .forecast__longitude, body .tl-table.tl-expand-table tbody tr td .forecast .forecast__longitude, body .tl-table:not(.tl-expand-table) tbody tr td .forecast .forecast__longitude {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--dotted-list-txt-color);
        margin: 1.25em 0
    }

    body .forecast .forecast__longitude {
        color: var(--dotted-list-txt-color)
    }

    body .forecast .forecast__value {
        margin: 1.25em 0
    }

        body .forecast .forecast__value span:first-child {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: var(--dotted-list-title-color)
        }

        body .forecast .forecast__value span:last-child {
            font-family: Arial,sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: var(--dotted-list-txt-color)
        }

    body .telescope-status-container {
        border: 1px solid var(--primary-br-color);
        background-color: var(--panel-bg);
        padding: 1.56em;
        margin: 0 0 2.19em
    }

        body .telescope-status-container .telescope-status .info-list-group {
            margin: 0
        }

            body .telescope-status-container .telescope-status .info-list-group .list-item {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: baseline;
                padding: .63em 0
            }

                body .telescope-status-container .telescope-status .info-list-group .list-item span {
                    margin: 0 0 .31em
                }

                    body .telescope-status-container .telescope-status .info-list-group .list-item span:first-child {
                        font-family: Rubik,sans-serif;
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 24px;
                        color: var(--dotted-list-title-color)
                    }

                    body .telescope-status-container .telescope-status .info-list-group .list-item span:last-child {
                        font-family: Arial,sans-serif;
                        font-weight: 400;
                        font-size: 16px;
                        color: var(--dotted-list-txt-color)
                    }

                body .telescope-status-container .telescope-status .info-list-group .list-item .dotted-space {
                    border-bottom: 2px dotted var(--dotted-color);
                    flex: 1
                }

        body .telescope-status-container .telescope-status__target {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin: 0 0 1.88em
        }

            body .telescope-status-container .telescope-status__target .target-status {
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 14px;
                line-height: 16px;
                border-radius: 4px;
                background: rgba(156,152,139,.3);
                -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px);
                padding: .44em .63em;
                text-transform: capitalize
            }

                body .telescope-status-container .telescope-status__target .target-status.mob-target-status {
                    display: none
                }

        body .telescope-status-container .telescope-status__telescope {
            background: rgba(115,116,121,.1);
            padding: .63em;
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            color: var(--dotted-list-txt-color)
        }

        body .telescope-status-container .telescope-status__params {
            padding: 0 .63em
        }

        body .telescope-status-container .telescope-status__camera {
            background: rgba(115,116,121,.1);
            padding: .63em;
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            color: var(--dotted-list-txt-color)
        }

        body .telescope-status-container .telescope-status__camera-params {
            padding: 0 .63em
        }

        body .telescope-status-container .telescope-status__price {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center
        }

            body .telescope-status-container .telescope-status__price span {
                font-family: Arial,sans-serif;
                font-weight: 300;
                color: var(--text-color-primary)
            }

            body .telescope-status-container .telescope-status__price .discount__value {
                font-size: 24px;
                margin: 0 0 0 .31em
            }

            body .telescope-status-container .telescope-status__price .discount__credits {
                margin: 0 0 0 .31em
            }

            body .telescope-status-container .telescope-status__price .discount-msg {
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 12px;
                line-height: 200%;
                color: var(--gray-40);
                margin: 0 0 0 3.75em
            }

    body .ia-filter-dropdown {
        display: inline-block;
        position: fixed;
        min-width: 300px;
        max-width: 350px;
        top: 0;
        left: 0;
        will-change: transform;
        z-index: 205;
        background-color: var(--dropdown-bg);
        border-radius: 8px;
        box-shadow: var(--box-shadow)
    }

        body .ia-filter-dropdown .ui-fieldset .ui-fieldset-legend {
            display: none
        }

        body .ia-filter-dropdown .ui-fieldset .ui-calendar {
            min-width: 80%
        }

            body .ia-filter-dropdown .ui-fieldset .ui-calendar .ui-datepicker {
                background-color: var(--dropdown-bg);
                box-shadow: none
            }

        body .ia-filter-dropdown .filter-dropdown {
            padding: .94em
        }

            body .ia-filter-dropdown .filter-dropdown .uncalibrated-label {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                color: var(--inpt-label-color)
            }

            body .ia-filter-dropdown .filter-dropdown .c-f-swhitch, body .ia-filter-dropdown .filter-dropdown .c-f-txt {
                flex: 0 1 50%
            }

        body .ia-filter-dropdown .filter-btn-bar {
            padding: .94em;
            border-top: 1px solid var(--primary-br-color)
        }

            body .ia-filter-dropdown .filter-btn-bar .tl-btn-panel, body .ia-filter-dropdown .filter-btn-bar .tl-btn-panel .tl-btn-bar {
                margin: 0
            }

    body .submit-request-container {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row;
        height: 100%;
        width: 100%
    }

        body .submit-request-container .submit-request-inner-widget:first-child {
            width: 100%;
            height: 100%
        }

        body .submit-request-container .submit-request-inner-widget:last-child {
            width: auto
        }

        body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row
        }

            body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides .retrieve-ephemerides-btn {
                align-self: flex-end
            }

                body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides .retrieve-ephemerides-btn .ui-button {
                    margin: 0 0 0 1.25em
                }

        body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row;
            align-items: center;
            margin: 1.25em 0 0
        }

            body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides .learn-more {
                white-space: nowrap;
                margin: 0 0 0 1.25em
            }

        body .submit-request-container .moon-illum-tooltip {
            font-family: Arial,sans-serif;
            font-weight: 16px;
            line-height: 24px;
            color: #9c988b;
            margin: 0 0 0 .31em
        }

        body .submit-request-container .moon-illum-tooltip-bg, body .submit-request-container .warning-estimated-error-tooltip {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: -.01em;
            background-color: #dbcca2;
            color: var(--black-10);
            padding: .38em;
            border-radius: 3px;
            margin: 0 0 0 .31em
        }

        body .submit-request-container .tooltip-label {
            margin: 0 0 .63em 1.5em
        }

        body .submit-request-container .tooltip-label-selected-project {
            margin: auto 10px auto auto
        }

        body .submit-request-container [class*="-label-mb-0"] {
            margin: .31em 0 0 1.56em
        }

    body .warning-estimated-error-tooltip {
        margin: 0 0 0 1.88em
    }

        body .warning-estimated-error-tooltip .ui-link-underline {
            color: var(--black-10)
        }

        body .warning-estimated-error-tooltip.failed-tooltip {
            margin-left: 0
        }

    body .warning-estimated-error-msg {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: var(--sand)
    }

    body .obs-req-complete-data {
        font-family: Monark-regular,sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--text-color-primary);
        margin: 0 0 0 1.25em
    }

    body .observing-request-container {
        position: relative
    }

        body .observing-request-container:after, body .observing-request-container:before {
            content: " ";
            display: table
        }

        body .observing-request-container:after {
            clear: both
        }

        body .observing-request-container .filter-applied-btn {
            width: 100%;
            height: 46px;
            padding: .5em .75em;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            background: #607d8b;
            box-shadow: 0 3px 6px rgba(0,0,0,.2);
            z-index: 200;
            font-size: 1.25em;
            font-weight: 400;
            line-height: .56em
        }

            body .observing-request-container .filter-applied-btn span:last-child {
                padding-right: .94em
            }

                body .observing-request-container .filter-applied-btn span:last-child i {
                    padding-right: .63em
                }

            body .observing-request-container .filter-applied-btn:focus, body .observing-request-container .filter-applied-btn:hover {
                background: #2d323e !important
            }

        body .observing-request-container .archive-list {
            width: 100%;
            position: relative
        }

    body .dlg-scroll .ui-dialog .ui-dialog-content {
        overflow: auto
    }

        body .dlg-scroll .ui-dialog .ui-dialog-content .dlg-archive-tbl {
            overflow: visible;
            max-height: initial;
            height: auto
        }

    body .ui-dialog .ui-dialog-content .btn-edit {
        border-radius: 50%;
        position: absolute;
        height: 30px;
        width: 30px;
        top: -40px;
        right: 10px
    }

        body .ui-dialog .ui-dialog-content .btn-edit i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            display: block
        }

    body .ui-dialog .ui-dialog-content .btn-bottom-widget {
        display: flex;
        justify-content: space-between;
        margin-bottom: .63em
    }

    body .ui-dialog .ui-dialog-content p {
        color: #000;
        font-size: 16px;
        font-weight: 400
    }

    body .ui-dialog .ui-dialog-content .dialog-btn-bar .ui-button {
        padding: .5em .75em
    }

.ui-link-back {
    background: 0 0;
    border-color: transparent
}

    .ui-link-back::before {
        font-family: "Font Awesome 5 Pro";
        content: "\f177";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900
    }

    .ui-link-back:hover .ui-link-underline, .ui-link-back:hover::before {
        color: #bbb
    }

app-header {
    position: fixed;
    left: 0;
    right: 0;
    display: block;
    z-index: 9995
}

    app-header.offset-left {
        left: 270px;
        transition: all .15s ease-in-out
    }

    app-header #header-download {
        background-color: var(--header-bg);
        padding: .38em .63em;
        height: 64px;
        box-shadow: var(--box-shadow);
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 0;
        z-index: 9995
    }

        app-header #header-download .hamburger-menu-btn {
            visibility: visible;
            position: absolute;
            z-index: 9996;
            border: transparent;
            font-size: 1.5em;
            background: 0 0;
            font-weight: 400;
            top: 50%;
            transform: translateY(-50%)
        }

        app-header #header-download .top-toolbar {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row
        }

            app-header #header-download .top-toolbar .go-to-site {
                width: 30%;
                margin: 0 0 0 4.38em
            }

                app-header #header-download .top-toolbar .go-to-site .go-to-site-link {
                    font-family: Rubik,sans-serif;
                    font-weight: 400;
                    color: var(--amber)
                }

                    app-header #header-download .top-toolbar .go-to-site .go-to-site-link i {
                        margin: 0 0 0 .5em
                    }

            app-header #header-download .top-toolbar .user-menu {
                width: 100%;
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                height: 52px
            }

.logo-konicaminolta {
    float: left;
    margin-right: 2.5em;
    height: 34px
}

    .logo-konicaminolta img {
        height: 35px;
        width: 85%;
        margin: 0 auto
    }

    .logo-konicaminolta.not-login {
        float: none;
        margin: 0 auto;
        display: block;
        width: 180px
    }

.mobile-logo-konicaminolta img {
    width: 65%;
    margin: 0 auto
}

.main {
    padding: 20px
}

.container-fluid {
    padding-right: 1.25em;
    padding-left: 1.25em;
    margin-right: auto;
    margin-left: auto
}

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

.tl-panel {
    background: 0 0;
    padding: 1.25em;
    overflow: auto
}

    .tl-panel.tl-panel-padding {
        padding-left: 10%;
        padding-right: 10%
    }

    .tl-panel.tl-panel-center {
        margin: 2.5em auto;
        max-width: 600px;
        border-radius: 8px
    }

    .tl-panel.tl-panel-compact {
        padding: 0;
        border: none
    }

    .tl-panel.tl-panel-compact-plus {
        padding: 30px
    }

.tl-center-panel {
    overflow: hidden;
    position: relative;
    max-width: 600px;
    margin: 2.5em auto;
    text-align: center;
    padding: 2.5em
}

    .tl-center-panel .tl-center-panel-content {
        padding: .94em
    }

.tl-btn-panel {
    margin: 2.19em 0
}

    .tl-btn-panel .tl-btn-bar, .tl-btn-panel .tl-btn-bar__right {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

        .tl-btn-panel .tl-btn-bar__right .ui-button {
            margin: 0 0 0 1.25em
        }

.btn-permanent, .btn-temporary {
    background: 0 0;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 0 1.25em;
    padding: .5em .75em
}

.tl-container {
    padding: 1.88em 2.5em;
    margin-left: auto;
    height: 100%
}

    .tl-container::after {
        content: "";
        clear: both;
        display: table
    }

    .tl-container.tl-table-container {
        padding: 1.88em 1.88em 0;
        margin: 0 auto
    }

    .tl-container.tl-step-form {
        padding: 0 2.5em
    }

    .tl-container.tl-container-compact {
        margin-top: 0;
        padding: 0 2.5em
    }

    .tl-container.tl-container-medium {
        width: 100%
    }

    .tl-container .ui-breadcrumb {
        padding: 0 !important
    }

    .tl-container.tl-container-sm {
        width: 600px
    }

.hd-label, .label {
    display: inline;
    padding: .2em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label-success {
    background-color: #66bb6a
}

.label-unsafe {
    background-color: #ffb822
}

.label-danger {
    background-color: #e57373
}

.control-label {
    display: block;
    font-size: 1em;
    margin-bottom: .2em;
    font-weight: 400;
    color: #fff
}

.hd-label {
    display: inline-block;
    background-color: #34bfa3;
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 5px;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.main-filter {
    padding: 0 .94em;
    background-color: #fefeff;
    min-height: 3.75em
}

.grid-padding [class^=ui-grid-col-] {
    padding-left: 5px;
    padding-right: 5px
}

    .grid-padding [class^=ui-grid-col-]:first-child {
        padding-left: 0
    }

    .grid-padding [class^=ui-grid-col-]:last-child {
        padding-right: 0
    }

.observatory .ui-panel-content-wrapper:nth-of-type(1), .telescope .ui-panel-content-wrapper:nth-of-type(1) {
    min-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden
}

.filter-list {
    max-height: 40vh
}

.a:after {
    content: "check_box"
}

.registration-complete {
    margin-top: 50px
}

.dome .ui-panel-header i, .imager .ui-panel-header i, .observatory .ui-panel-header i, .telescope .ui-panel-header i {
    display: inline-block
}

.standard-href {
    color: #607d8b !important
}

.material-icons.orange600 {
    color: #fd7e14
}

.panel-title-blue {
    color: #1e88e5
}

.panel-subtitle {
    color: #1e88e5;
    font-size: 16px;
    margin: 1.88em 0 .63em
}

.material-icons-xs {
    font-size: .75em
}

.material-icons-s {
    font-size: 1em
}

.container {
    padding-right: .94em;
    padding-left: .94em;
    margin-right: auto;
    margin-left: auto
}

    .container.top-toolbar {
        width: 100%;
        height: 100%
    }

.nf-text {
    text-align: center;
    color: #fff;
    position: relative;
    padding: 1%
}

    .nf-text h1 {
        font-size: 5em;
        text-shadow: 0 0 11px rgba(0,0,0,.6)
    }

    .nf-text p {
        margin: 1.88em 0 5%
    }

        .nf-text p a {
            text-decoration: underline
        }

#earth, #moonImg {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 3em auto;
    background: url(earthmap-2.81990ddeec89dc730122.jpg) 0 0/630px;
    border-radius: 50%;
    animation: 4s linear infinite rotate;
    transition: transform .2s linear;
    transform-style: preserve-3d;
    box-shadow: inset 20px 0 80px 6px #000;
    color: #000
}

    #earth:after, #moonImg:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        box-shadow: -80px 15px 80px 10px rgba(0,0,0,.9) inset
    }

    #earth:before, #moonImg:before {
        content: "";
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: .2;
        background: radial-gradient(circle at 100px 100px,#fff,#000)
    }

@keyframes rotate {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 630px 0
    }
}

.page-title {
    font-weight: 300;
    font-size: 1.88em;
    margin: .31em 0;
    color: #1e88e5
}

    .page-title[_ngcontent-c0] {
        font-weight: 300 !important;
        font-size: 1.88em !important;
        margin: .31em 0 !important;
        color: #1e88e5 !important
    }

    .page-title.page-title-breadcrumb {
        margin-top: 0
    }

.frame-img {
    margin: 0 auto;
    height: 60px;
    max-width: 80px;
    background-color: var(--td-photo-bg)
}

#moonImg {
    background-image: url(../images/moon.jpg)
}

.registration-content {
    width: 70%;
    margin: 0 auto
}

    .registration-content .ui-panel-content {
        min-height: 12.5em;
        position: relative;
        z-index: 2
    }

.profile-user {
    width: 25%;
    margin: 40px auto auto
}

.messages-success {
    text-align: center;
    margin-bottom: 1.88em
}

.ms-icon {
    font-size: 5em;
    margin: 15px 0;
    color: #1e88e5
}

.ms-title {
    font-weight: 400;
    font-size: 1.63em;
    margin: 0 0 .63em
}

.col-checkbox {
    width: 2.5em
}

.col-action {
    width: 3.75em;
    text-align: right;
    white-space: nowrap
}

.notification-read td {
    color: #666
}

.request-content {
    width: 70%;
    margin: 0 auto 1.25em
}

.request-preview-img {
    overflow: hidden
}

    .request-preview-img img {
        display: block;
        margin: auto;
        width: 100%
    }

img[alt] {
    color: #807f7f;
    font-size: 80%;
    display: block
}

.frame-info-img {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 1.07em;
    position: relative
}

    .frame-info-img img {
        display: block;
        width: 100%
    }

    .frame-info-img.observatory-img {
        width: 100%;
        margin-top: .94em
    }

    .frame-info-img .main-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -50px 0 0 -50px
    }

.light-info-dialog.ui-dialog {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important
}

.frame-info-tbl, .frame-info-tbl .dlg-archive-tbl {
    overflow: auto
}

    .frame-info-tbl .dlg-archive-tbl .ui-datatable-reflow .ui-datatable-data tr {
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

        .frame-info-tbl .dlg-archive-tbl .ui-datatable-reflow .ui-datatable-data tr td {
            display: table-cell
        }

            .frame-info-tbl .dlg-archive-tbl .ui-datatable-reflow .ui-datatable-data tr td .ui-column-title {
                width: 95%
            }

.selected-frame {
    width: 100%;
    margin: .94em auto
}

.char-symbol {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: var(--primary-sep-color) !important
}

.count-of-img {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: inherit;
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: .03em;
    margin-top: .63em
}

    .count-of-img .char-symbol {
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        color: var(--primary-sep-color) !important
    }

    .count-of-img span:nth-child(2) {
        margin: 0 .31em;
        color: var(--title-color)
    }

.dashbord-container .num-of-img, .h-of-img, .num-of-img {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: .63em;
    color: var(--title-color)
}

.num-of-img {
    color: var(--title-color)
}

.p-heading .total-images, .p-heading .total-observatory-telescopes, .p-heading .total-users {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin: .94em 0
}

    .p-heading .total-images .count-of-img, .p-heading .total-observatory-telescopes .count-of-img, .p-heading .total-users .count-of-img {
        margin: 0
    }

    .p-heading .total-users .p-heading-summary {
        margin: 0 2.5em 0 0
    }

.p-heading .create-one-click, .p-heading .create-pro-dateset {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.selected-frame-mobile {
    margin: 0;
    display: none
}

.table-nested {
    margin-left: 2.5em
}

.ui-expanded-row-content > td {
    padding-left: 2.5em !important;
    background-color: #000
}

.ui-row-toggler.fa-chevron-circle-right:before {
    content: "\f105"
}

.ui-row-toggler.fa-chevron-circle-down:before {
    content: "\f107"
}

.table-filter-form {
    box-shadow: 0 0 11px rgba(0,0,0,.5);
    background-color: #1e2129;
    border-radius: 3px;
    padding: .31em .94em;
    margin-bottom: .94em
}

    .table-filter-form:after, .table-filter-form:before {
        content: " ";
        display: table
    }

    .table-filter-form:after {
        clear: both
    }

.ui-datatable {
    padding-bottom: .94em
}

    .ui-datatable .ui-datatable {
        padding-bottom: 0
    }

.fu-conatiner .ui-panel-title {
    color: #1e88e5
}

.fu-drop-zone {
    min-height: 80px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #333;
    border-radius: 3px;
    background-color: #1e2129;
    color: #666;
    text-align: center
}

    .fu-drop-zone .fa, .fu-drop-zone td [class^=icon-log-], td .fu-drop-zone [class^=icon-log-] {
        color: #1e88e5;
        font-size: 1.63em;
        display: block;
        margin: 0 auto
    }

.fu-file-over {
    border-color: #1e88e5
}

.lbl-toggle-filter {
    display: block;
    margin: .63em 0 0;
    text-align: right;
    font-size: 12px
}

.filter-class {
    margin-top: 1.25em;
    margin-bottom: .94em
}

.fp-menu-toggle {
    color: #fff;
    border: none;
    background-color: transparent;
    font-size: 1.38em;
    float: right;
    margin: .31em;
    display: none
}

    .fp-menu-toggle:focus ~ .menu {
        display: block
    }

.text-nowrap {
    white-space: nowrap
}

.tbl-cell-telescope {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px
}

.cell-time {
    white-space: nowrap
}

.af-col {
    padding-right: 80px
}

    .af-col.center {
        padding-right: 20px
    }

.add-ivated-user {
    margin-top: 30px
}

.tl-panel-title {
    color: #fff;
    font-size: 1.5em;
    margin: 0 0 20px;
    font-weight: 300
}

    .tl-panel-title.tl-panel-title-blue {
        color: #1e88e5;
        font-weight: 400
    }

.tlpt-link {
    float: right;
    font-size: 50%;
    padding-top: 10px
}

.ui-inputgroup .inner-inputgroup {
    position: relative
}

    .ui-inputgroup .inner-inputgroup .show-hide-eye-password {
        position: absolute;
        top: 60%;
        right: 0;
        transform: translate(-50%,-64%);
        font-size: 18px;
        display: block
    }

.credits {
    background-color: rgba(93,132,166,.6);
    padding: 10px;
    color: #fff;
    position: relative;
    min-height: 90px
}

    .credits .container {
        position: relative
    }

    .credits.credits-network .tl-panel-title {
        margin: 0;
        padding-top: 1%
    }

        .credits.credits-network .tl-panel-title a, .credits.credits-network .tl-panel-title a:active, .credits.credits-network .tl-panel-title a:active:hover, .credits.credits-network .tl-panel-title a:hover, .credits.credits-network .tl-panel-title a:visited, .credits.credits-network .tl-panel-title a:visited:hover {
            color: #fff
        }

.credits-image {
    float: left;
    margin-right: 20px
}

    .credits-image img {
        width: 80px
    }

.credits-text {
    float: left
}

    .credits-text .tl-panel-title {
        font-weight: 400;
        font-size: 1.63em;
        margin-bottom: 5px;
        margin-top: 10px
    }

.credits-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.25em;
    opacity: .7
}

    .credits-close:hover {
        opacity: 1
    }

.with-badge {
    position: relative
}

.badge {
    background-color: #607d8b;
    border-radius: 8px;
    font-family: Muli,sans-serif;
    padding: 12px;
    height: 14px;
    min-width: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 15px
}

    .badge.bot-right {
        bottom: 0;
        right: 0;
        left: unset;
        top: unset
    }

    .badge.premium {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        border-radius: 4px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        padding: .44em .63em;
        text-transform: capitalize;
        background-color: #dacc9f !important;
        color: #09090a !important
    }

    .badge.grabbed {
        height: auto;
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        border-radius: 2px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        padding: .31em .63em;
        text-transform: capitalize;
        background-color: #fafafb !important;
        color: #22222c !important
    }

    .badge.discount {
        height: auto;
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        border-radius: 2px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        padding: .31em .63em;
        background-color: #23ae62 !important;
        color: #22222c !important
    }

button.user-avatar-nick {
    margin-left: 0;
    display: inline-block;
    line-height: 1;
    font-size: .88em;
    vertical-align: middle;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    border: none;
    padding: 5px;
    position: relative;
    color: #b3b2b2
}

    button.user-avatar-nick:hover {
        color: #fff
    }

.header-dropdown {
    animation-name: fadeInDownSmall;
    animation-duration: .2s;
    animation-fill-mode: both;
    position: absolute;
    top: 48px;
    right: -5px;
    z-index: 9998;
    border-radius: 8px;
    background-color: var(--dropdown-bg);
    border: 1px solid var(--dropdown-br-color);
    min-width: 224px;
    overflow: hidden
}

    .header-dropdown.user-dropdown-menu .user-avatar {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5em 1.5em 0
    }

        .header-dropdown.user-dropdown-menu .user-avatar .user-photo {
            position: relative;
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 55px;
            height: 55px;
            border-radius: 100%;
            background-color: var(--gray);
            border: 1px solid var(--secondary-br-color);
            overflow: hidden;
            margin: 0 0 .63em
        }

            .header-dropdown.user-dropdown-menu .user-avatar .user-photo img {
                width: 26px;
                height: 26px
            }

        .header-dropdown.user-dropdown-menu .user-avatar .user-title h5 {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
            line-height: 17px;
            color: var(--title-color);
            margin: 0
        }

        .header-dropdown.user-dropdown-menu .user-avatar .user-title .email {
            font-family: Rubik,sans-serif;
            font-weight: 300;
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            color: var(--text-color)
        }

    .header-dropdown ul {
        margin: 0;
        padding: 0
    }

        .header-dropdown ul li {
            display: block;
            padding: 1em 1.5em;
            position: relative;
            line-height: 1.3;
            border-top: 1px solid var(--dropdown-br-color)
        }

            .header-dropdown ul li:focus {
                outline: 0 !important
            }

            .header-dropdown ul li:hover {
                background-color: var(--dropdown-hover)
            }

            .header-dropdown ul li a {
                font-family: Arial,sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                letter-spacing: -.01em;
                text-transform: capitalize;
                color: var(--dropdown-txt-color)
            }

                .header-dropdown ul li a.switch-theme-color {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

            .header-dropdown ul li:last-child {
                border-bottom: none;
                text-align: center
            }

                .header-dropdown ul li:last-child a {
                    font-family: Monark-regular,sans-serif;
                    font-weight: 400;
                    font-size: 14px;
                    letter-spacing: .02em;
                    text-transform: uppercase;
                    color: var(--amber-10);
                    text-align: center
                }

    .header-dropdown.user-help-menu {
        min-width: 335px
    }

        .header-dropdown.user-help-menu ul li:after {
            height: 0
        }

        .header-dropdown.user-help-menu ul li:last-child a {
            text-align: right;
            text-decoration: underline;
            padding: 1.25em 0 .63em
        }

.header-dropdown-info {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    padding: 20px 10px;
    line-height: 1.5
}

.hd-container {
    display: block
}

.hd-container-footer {
    display: block;
    text-align: right;
    padding-top: 5px;
    font-style: normal !important;
    font-size: 12px;
    color: #b3b2b2
}

.hd-container-header {
    display: block;
    padding-bottom: 10px;
    font-style: normal !important;
    font-weight: 400
}

    .hd-container-header .fa, .hd-container-header td [class^=icon-log-], td .hd-container-header [class^=icon-log-] {
        color: #f4516c;
        margin-right: 5px
    }

.hd-notification-list {
    min-width: 360px;
    height: 290px;
    overflow-y: auto
}

    .hd-notification-list li {
        color: #fff
    }

.hd-download-list {
    max-height: 300px;
    min-height: 200px;
    overflow-y: auto
}

.new-network {
    text-align: center
}

    .new-network .fa, .new-network td [class^=icon-log-], td .new-network [class^=icon-log-] {
        margin-right: 10px
    }

    .new-network a {
        color: #ccc;
        display: block
    }

.hd-icon, .header-icon-hd {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: normal;
    border: none;
    position: relative;
    text-align: center;
    background-color: #34bfa3;
    color: #000;
    display: inline-block;
    margin: 0 10px;
    font-weight: 600;
    padding-top: 2px;
    font-size: 14px
}

    .hd-icon-logo.header-icon-hd, .hd-icon.hd-icon-logo {
        background-color: transparent;
        color: transparent;
        background-image: url(../images/logo-horizontal.svg);
        padding: 5px
    }

.header-menu-icon {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer
}

    .header-menu-icon:hover .header-icon {
        color: #fff
    }

    .header-menu-icon.account-credits {
        border-right: 1px solid var(--primary-br-color)
    }

        .header-menu-icon.account-credits .account-credits-count {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            background: 0 0;
            border-color: transparent;
            padding: 0 .75em;
            margin: 0 1.88em;
            color: var(--amber);
            font-size: 18px;
            line-height: 24px
        }

    .header-menu-icon .user-header-toolbar {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin: 0 1.88em;
        align-items: center
    }

        .header-menu-icon .user-header-toolbar .header-toolbar-item {
            margin: 0 1em
        }

            .header-menu-icon .user-header-toolbar .header-toolbar-item.user-info .user-avatar-nick {
                font-size: 15px;
                font-weight: 500;
                line-height: .625;
                font-family: Rubik,sans-serif;
                text-transform: uppercase;
                text-align: right;
                color: var(--title-color);
                margin: 0 0 .63em
            }

            .header-menu-icon .user-header-toolbar .header-toolbar-item.user-info .user-avatar-email {
                font-size: 14px;
                font-weight: 400;
                line-height: .82352941;
                font-family: Rubik,sans-serif;
                text-align: right;
                color: var(--text-color)
            }

            .header-menu-icon .user-header-toolbar .header-toolbar-item.user-photo {
                position: relative
            }

                .header-menu-icon .user-header-toolbar .header-toolbar-item.user-photo .user-avatar-image {
                    -webkit-display: flex;
                    -khtml-display: flex;
                    -moz-display: flex;
                    -ms-display: flex;
                    -o-display: flex;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    height: 40px;
                    width: 40px;
                    background-color: var(--gray);
                    border: 1px solid var(--secondary-br-color);
                    border-radius: 50%;
                    overflow: hidden;
                    position: relative
                }

                    .header-menu-icon .user-header-toolbar .header-toolbar-item.user-photo .user-avatar-image img {
                        width: 18px;
                        height: 18px
                    }

            .header-menu-icon .user-header-toolbar .header-toolbar-item.user-action-button .action-icon {
                background-color: transparent;
                border-color: transparent;
                font-size: 24px;
                line-height: 1.04347826;
                color: var(--text-color-primary)
            }

                .header-menu-icon .user-header-toolbar .header-toolbar-item.user-action-button .action-icon:focus, .header-menu-icon .user-header-toolbar .header-toolbar-item.user-action-button .action-icon:hover {
                    color: var(--text-color)
                }

    .header-menu-icon.free--trial--mobile {
        display: none
    }

.header-icon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    border: none;
    padding: 5px;
    position: relative;
    color: #b3b2b2;
    font-size: 1.5em;
    transition: .5s ease-in-out;
    -webkit-transition: .3s ease-out
}

    .header-icon:active, .header-icon:visited {
        color: #b3b2b2
    }

    .header-icon:hover {
        color: #fff
    }

    .header-icon:focus {
        outline: 0
    }

    .header-icon.user-icon {
        background: #868686;
        height: 40px;
        width: 40px;
        color: #000;
        margin-right: 10px
    }

.header-icon-hd {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.create-network .network-settings [class^=ui-md-] {
    width: 100%
}

.manage-access .text-description {
    margin-bottom: 5px
}

.manage-access .ui-panel {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

.select-target-padding {
    padding-left: 25px
}

.select-target-padding-top {
    padding-top: 10px
}

.title-semibold-regular {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--title-color);
    margin-top: 1.25em
}

.tbl-image-series tr td .btn-blank, .tbl-image-series tr td .header-credits {
    margin-right: 10px;
    font-size: 1.2em
}

.not-images-yet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 500px;
    min-height: 500px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    height: 200px;
    overflow: hidden;
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding: .94em
}

    .not-images-yet div img {
        width: 100%
    }

    .not-images-yet div p {
        text-align: center;
        font-size: 16px;
        font-weight: 400
    }

.tb-top-toobar {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    align-items: center;
    height: 40px;
    display: none
}

    .tb-top-toobar .found-item, .tb-top-toobar .selected-item {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: var(--text-color);
        line-height: 17px;
        padding: 0 6.25em 0 0
    }

    .tb-top-toobar .action-btn {
        border-color: transparent;
        background: 0 0;
        font-family: Monark-regular,sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        color: var(--title-color);
        margin: 0 2.19em 0 0;
        transition: border-color 1s ease
    }

        .tb-top-toobar .action-btn span {
            transition: color 1s ease
        }

            .tb-top-toobar .action-btn span:hover {
                color: rgba(255,255,255,.2)
            }

    .tb-top-toobar .tb-top-toolbar-btn {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 995
    }

.tb-toolbar-multiselect.ui-multiselect {
    display: block;
    border-color: transparent;
    background-color: transparent;
    color: #b3b2b2;
    position: relative;
    height: auto;
    width: auto;
    transition: border-color 1s ease;
    padding: 0
}

    .tb-toolbar-multiselect.ui-multiselect:hover {
        border-color: transparent !important
    }

    .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-trigger {
        border-radius: 0;
        background-color: transparent;
        height: 33px;
        width: 33px;
        margin-top: 1px;
        background-color: var(--th-bg-color);
        color: #848484
    }

    .tb-toolbar-multiselect.ui-multiselect label {
        font-weight: 300
    }

    .tb-toolbar-multiselect.ui-multiselect:not(.ui-state-disabled) .ui-multiselect-trigger:hover, .tb-toolbar-multiselect.ui-multiselect:not(.ui-state-disabled):hover .ui-multiselect-trigger {
        background-color: var(--th-bg-color)
    }

    .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-label {
        margin-bottom: 0;
        display: none
    }

    .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
        color: #fff;
        display: flex;
        align-items: center
    }

        .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon::before {
            font-family: "Font Awesome 5 Pro";
            content: "\f0fe" !important;
            display: inline-block;
            padding-right: 0;
            vertical-align: middle;
            font-weight: 400;
            color: var(--light-gray)
        }

    .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-panel {
        background-color: #424242;
        color: #fff;
        left: -165px !important;
        box-shadow: 0 0 11px rgba(0,0,0,.5)
    }

        .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-panel .ui-multiselect-header {
            background-color: #000;
            color: #b3b2b2;
            border-bottom-color: #666
        }

        .tb-toolbar-multiselect.ui-multiselect .ui-multiselect-panel .ui-multiselect-item span {
            display: inline-block;
            vertical-align: baseline
        }

.ia-grid-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #1e2129
}

.ia-grid-img {
    height: 350px;
    overflow: hidden
}

    .ia-grid-img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.ia-sortby {
    float: right;
    white-space: nowrap
}

    .ia-sortby label {
        margin-right: 15px
    }

    .ia-sortby p-dropdown {
        display: inline-block;
        vertical-align: middle
    }

.ia-grid-footer {
    text-align: right;
    padding: 10px
}

.ia-grid-desc, .ia-grid-title {
    background-color: #1e88e5;
    padding: 4px 8px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 100px;
    margin: 0;
    font-size: 12px
}

.ia-grid-desc {
    bottom: 70px
}

.or-list-details li {
    display: block;
    padding: 4px 0
}

    .or-list-details li span {
        display: block;
        float: left;
        width: 40%;
        color: #1e88e5
    }

.tbl-image-series-footer {
    width: 50%;
    float: right;
    margin-top: 20px
}

    .tbl-image-series-footer li {
        display: block;
        padding: 4px 0;
        margin-bottom: 10px;
        font-weight: 600
    }

        .tbl-image-series-footer li span {
            display: block;
            float: left;
            width: 55%;
            color: #1e88e5
        }

.total-footer {
    text-align: right;
    margin-top: 20px
}

    .total-footer li {
        display: block;
        padding: 4px 0;
        margin-bottom: 10px;
        font-weight: 600
    }

        .total-footer li span {
            display: inline-block;
            margin-right: 20px;
            color: #1e88e5
        }

.checkbox-list p-checkbox, .checkbox-list p-radioButton {
    display: block;
    margin-bottom: 10px
}

.checkbox-list.checkbox-list-padding {
    padding: 0 0 0 27px
}

.checkbox-list .checkbox-list-inline {
    padding-left: 27px
}

    .checkbox-list .checkbox-list-inline .checkbox-list-label {
        padding-left: 0
    }

.checkbox-list-padding {
    padding: 0 0 0 27px
}

.checkbox-list-note {
    font-size: 80%;
    padding-left: 27px;
    margin-bottom: 10px;
    color: #32363d;
    margin-top: -8px
}

.checkbox-list-label {
    padding-left: 27px;
    margin: 3px 0 10px;
    color: #b3b2b2
}

.checkbox-list-check {
    padding: 0 0 0 27px
}

    .checkbox-list-check .checkbox-list-label {
        padding-left: 0
    }

.checkbox-list-inline .label-inline, .checkbox-list-inline p-checkbox, .checkbox-list-inline p-radioButton {
    display: inline-block;
    margin: 0 10px 10px 0
}

.text-blue {
    color: #1e88e5
}

.or-details {
    padding: 0 40px 30px
}

.list-blue-label li {
    display: block;
    padding: 3px 0
}

    .list-blue-label li strong {
        display: block;
        float: left;
        width: 40%;
        color: #1e88e5
    }

.image-series-accordion .ui-accordion .ui-accordion-content .form-group {
    margin-bottom: 20px
}

.pending-img-bar .ui-dropdown .ui-dropdown-label {
    text-align: left
}

.auto-focus-dropdown.ui-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper {
    max-height: 85px !important
}

.dropdown-middle {
    width: 100px !important;
    display: inline-block
}

.clickable {
    cursor: pointer
}

    .clickable:hover {
        text-decoration: underline
    }

.th-subtitle {
    display: none;
    font-weight: 300;
    color: #848484
}

td [class^=icon-log-] {
    font-size: 18px
}

.tbl-log-content {
    font-style: italic;
    color: #848484
}

.anim-delay-1 {
    animation-delay: 30ms
}

.anim-delay-2 {
    animation-delay: 60ms
}

.anim-delay-3 {
    animation-delay: 90ms
}

.anim-delay-4 {
    animation-delay: .12s
}

.anim-delay-5 {
    animation-delay: .15s
}

.anim-delay-6 {
    animation-delay: .18s
}

.anim-delay-7 {
    animation-delay: .21s
}

.anim-delay-8 {
    animation-delay: .24s
}

.anim-delay-9 {
    animation-delay: .27s
}

.anim-delay-10 {
    animation-delay: .3s
}

.anim-delay-11 {
    animation-delay: .33s
}

.anim-delay-12 {
    animation-delay: .36s
}

.anim-delay-13 {
    animation-delay: .39s
}

.anim-delay-14 {
    animation-delay: .42s
}

.anim-delay-15 {
    animation-delay: .45s
}

.anim-delay-16 {
    animation-delay: .48s
}

.anim-delay-17 {
    animation-delay: .51s
}

.anim-delay-18 {
    animation-delay: .54s
}

.anim-delay-19 {
    animation-delay: .57s
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #515151;
    background: linear-gradient(to right,#5f5f5f 8%,#6d6d6d 18%,#7d7d7d 33%);
    background-size: 800px 104px;
    height: 60px;
    position: relative;
    display: block
}

    .animated-background span {
        display: block
    }

.background-masker {
    background: #424242;
    position: absolute
}

    .background-masker.header-bottom, .background-masker.header-top, .background-masker.subheader-bottom {
        top: 0;
        left: 0;
        right: 0;
        height: 10px
    }

    .background-masker.header-left, .background-masker.header-right, .background-masker.subheader-left, .background-masker.subheader-right {
        top: 10px;
        left: 0;
        height: 8px;
        width: 0
    }

    .background-masker.header-bottom {
        top: 18px;
        height: 6px
    }

    .background-masker.subheader-left, .background-masker.subheader-right {
        top: 24px;
        height: 6px
    }

    .background-masker.header-right, .background-masker.subheader-right {
        width: auto;
        left: 300px;
        right: 0
    }

    .background-masker.subheader-right {
        left: 230px
    }

    .background-masker.subheader-bottom {
        top: 30px;
        height: 10px
    }

    .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-second-line, .background-masker.content-third-end, .background-masker.content-third-line, .background-masker.content-top {
        top: 40px;
        left: 0;
        right: 0;
        height: 6px
    }

    .background-masker.content-top {
        height: 10px
    }

    .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-third-end {
        width: auto;
        left: 380px;
        right: 0;
        top: 60px;
        height: 8px
    }

    .background-masker.content-second-line {
        top: 58px
    }

    .background-masker.content-second-end {
        left: 0;
        top: 50px;
        right: 50px
    }

    .background-masker.content-third-line {
        top: 82px
    }

    .background-masker.content-third-end {
        left: 300px;
        top: 88px
    }

.hd-download-list .animated-background {
    height: 30px
}

.hd-download-list .background-masker.header-top {
    height: 0
}

.hd-download-list .background-masker.header-bottom {
    top: 11px;
    height: 10px
}

.hd-download-list .background-masker.subheader-left {
    top: 21px;
    height: 10px
}

.hd-download-list .background-masker.subheader-right {
    left: 150px;
    top: 20px;
    height: 10px
}

.hd-download-list .background-masker.subheader-bottom {
    top: 28px;
    height: 10px
}

.relative {
    position: relative
}

.filter-loader-legend {
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 0 18px 5px 0;
    position: relative;
    text-decoration: underline
}

.inline {
    display: inline;
    vertical-align: middle
}

.ui-inputgroup .card-holder.ng-valid, .ui-inputgroup .card-holder:focus {
    color: #cecece !important
}

.checkout {
    display: block;
    position: relative
}

    .checkout.checkout-date {
        margin: 0 .63em 0 0
    }

    .checkout.checkout-code {
        margin: 0 0 0 .63em
    }

    .checkout .StripeElement, .checkout .input {
        font-family: Arial,sans-serif;
        height: 45px;
        font-size: 16px !important;
        padding: .63em .63em .63em 0;
        color: var(--inpt-placeholder-color);
        transition: border-color .2s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: 24px !important;
        width: 100%;
        background: var(--inpt-bg-color);
        border-radius: 0 0 1px 1px;
        border: 0;
        border-bottom: 1px solid var(--inpt-notfocused-br-color)
    }

        .checkout .StripeElement .input, .checkout .StripeElement.StripeElement--invalid, .checkout .input .input, .checkout .input.StripeElement--invalid {
            border: none !important;
            border-bottom: 1px solid !important
        }

        .checkout .StripeElement.StripeElement--complete, .checkout .StripeElement.StripeElement--focus, .checkout .input.StripeElement--complete, .checkout .input.StripeElement--focus {
            border: 0;
            border-bottom: 1px solid var(--inpt-focused-br-color);
            border-bottom-right-radius: 1px;
            border-bottom-left-radius: 1px
        }

        .checkout .StripeElement .__PrivateStripeElement, .checkout .input .__PrivateStripeElement {
            top: 5px
        }

    .checkout > label {
        font-family: Rubik,sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: var(--inpt-label-color)
    }

.header-credits {
    background-color: #1e88e5;
    color: #fff;
    border-radius: border-radius(3px)
}

    .header-credits span {
        vertical-align: middle;
        padding: 0 15px
    }

    .header-credits .fa, .header-credits .mdi, .header-credits td [class^=icon-log-], td .header-credits [class^=icon-log-] {
        padding: 5px 10px;
        font-size: 16px;
        border-left: 1px solid #fff;
        display: inline-block
    }

.header-menu {
    float: right;
    margin-top: 2px
}

    .header-menu nav {
        padding: 0;
        margin: 0
    }

        .header-menu nav ul {
            margin: 0
        }

            .header-menu nav ul li {
                display: inline-block
            }

.btn-get-started {
    margin-left: 20px !important
}

.block-center {
    display: flex
}

.home-block {
    margin: auto;
    text-align: center
}

    .home-block h1 {
        color: #fff;
        margin-bottom: 2em;
        line-height: 1.5;
        font-size: 45px
    }

    .home-block .btn-home-lg {
        margin-bottom: 10px
    }

.hs-step {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #999
}

    .hs-step strong {
        color: #ccc
    }

.hs-title {
    font-size: 28px
}

    .hs-title.hs-title-center {
        text-align: center;
        margin-top: .94em
    }

.payment-info-card .last-four-digits {
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color-primary)
}

    .payment-info-card .last-four-digits .payment-cards {
        margin: 0 .63em 0 0
    }

.payment-info-card .change-credit-btn, .payment-info-card .delete-card-btn {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #eb5757
}

.payment-info-card .change-credit-btn {
    color: var(--amber-10)
}

.guaranteed-checkout-panel {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    padding: 1.25em
}

    .guaranteed-checkout-panel .guaranteed-checkout-heading {
        margin: 0 auto;
        padding: 0 .63em
    }

        .guaranteed-checkout-panel .guaranteed-checkout-heading span {
            font-weight: 600;
            color: green;
            margin: 0 .31em
        }

    .guaranteed-checkout-panel .guaranteed-checkout {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .guaranteed-checkout-panel .guaranteed-checkout-mob {
        display: none
    }

.fa-cc-amex, .fa-cc-discover, .fa-cc-mastercard, .fa-cc-visa {
    font-size: 1.63em
}

.selected-plan {
    display: block;
    width: 450px;
    margin: 0 0 0 5em
}

    .selected-plan .selected-plan-card {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 450px;
        border: 1px solid var(--primary-br-color);
        padding: 1.13em
    }

        .selected-plan .selected-plan-card .plan-name span {
            font-family: Rubik,sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-transform: uppercase;
            color: var(--text-color)
        }

        .selected-plan .selected-plan-card .plan-cost {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .selected-plan .selected-plan-card .plan-cost div:first-child span {
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 16px;
                text-transform: uppercase;
                color: var(--td-txt-color);
                opacity: .8
            }

                .selected-plan .selected-plan-card .plan-cost div:first-child span:nth-child(2) {
                    font-size: 22px
                }

            .selected-plan .selected-plan-card .plan-cost div .plan-trial {
                font-family: Rubik,sans-serif;
                font-size: 14px;
                color: var(--text-color)
            }

        .selected-plan .selected-plan-card .change-plan {
            flex: 0 1 30%;
            text-align: right
        }

.payment-exaple {
    display: block;
    width: 450px;
    margin: 0 0 0 5em
}

    .payment-exaple .payment-exaple-card {
        display: block;
        background-color: #26262d;
        opacity: .6;
        border-radius: 8px;
        border: 1px solid var(--primary-br-color);
        padding: 1.56em 2.5em;
        margin: .63em 0
    }

        .payment-exaple .payment-exaple-card .card-chip, .payment-exaple .payment-exaple-card .card-number, .payment-exaple .payment-exaple-card .person-data {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 0 2.81em
        }

        .payment-exaple .payment-exaple-card .card-number {
            margin: 0 0 1.88em
        }

            .payment-exaple .payment-exaple-card .card-number span {
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .2em;
                text-transform: uppercase;
                color: var(--text-color)
            }

        .payment-exaple .payment-exaple-card .person-data {
            color: var(--text-color);
            margin: 0
        }

            .payment-exaple .payment-exaple-card .person-data .card-holder, .payment-exaple .payment-exaple-card .person-data .cvv-code, .payment-exaple .payment-exaple-card .person-data .exp-date {
                display: block;
                font-family: Rubik,sans-serif;
                font-weight: 300;
                font-size: 14px;
                line-height: 17px
            }

            .payment-exaple .payment-exaple-card .person-data .card-name, .payment-exaple .payment-exaple-card .person-data .exp-month {
                display: block;
                font-family: Monark-regular,sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: .06em;
                text-transform: uppercase
            }

.card-visa {
    background-image: url(../images/svg/visa.svg);
    width: 35px;
    height: 22px;
    background-color: var(--white);
    border-radius: 2px;
    display: inline-block
}

.card-master {
    background-image: url(../images/mastercard-old.svg);
    width: 35px;
    height: 22px;
    background-color: var(--white);
    border-radius: 2px;
    display: inline-block
}

.card-american-express {
    background-image: url(../images/american-express.svg);
    width: 35px;
    height: 22px;
    background-color: #006fce;
    border-radius: 2px;
    display: inline-block;
    background-position: 45% 54%
}

.card-discover {
    background-image: url(../images/discover.svg);
    width: 35px;
    height: 22px;
    background-color: var(--white);
    border-radius: 2px;
    display: inline-block;
    background-position: 45% 54%
}

.card-chip-icon {
    background-image: url(../images/card-chip.svg);
    width: 49px;
    height: 38px;
    background-color: var(--secondary-br-color);
    border-radius: 2px;
    display: inline-block;
    background-position: 45% 54%
}

.card-icons {
    display: inline-block;
    margin-right: 5px
}

.card-paypal {
    background-image: url(../images/paypal.svg);
    width: 80px;
    height: 20px;
    display: inline-block;
    background-position: 50% 50%
}

.btn-card-paypal {
    background-image: url(../images/paypal-btn.svg);
    width: 70px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-position: 50% 50%
}

.plan-info-panel {
    max-width: 500px;
    margin: 40px auto
}

.plan-info-item {
    display: block;
    position: relative;
    padding: 1.25em .94em;
    font-weight: 400;
    background-color: #b3b2b2;
    margin-bottom: .94em;
    border-radius: 4px;
    color: #000
}

    .plan-info-item.our-plans {
        padding: 1.25em 3.75em
    }

        .plan-info-item.our-plans .plan-title {
            text-align: center;
            font-weight: 600
        }

        .plan-info-item.our-plans .plan-content {
            text-align: center;
            color: #000
        }

        .plan-info-item.our-plans .ui-button {
            display: block;
            margin: 0 auto
        }

    .plan-info-item h5 {
        margin: 3px 0;
        font-size: 20px;
        font-weight: 700
    }

    .plan-info-item .btn-blank, .plan-info-item .header-credits {
        color: #000;
        opacity: .7;
        font-weight: 16px;
        min-width: 110px;
        text-align: right;
        position: absolute;
        top: 20px;
        right: 15px
    }

    .plan-info-item .label-info {
        min-width: 110px;
        text-align: right;
        position: absolute;
        top: 20px;
        right: 15px
    }

    .plan-info-item .text-center {
        color: #000;
        line-height: 1.6;
        margin: 0
    }

    .plan-info-item .plan-info-link {
        display: flex;
        justify-content: flex-end
    }

        .plan-info-item .plan-info-link .ui-link-underline {
            color: #000;
            text-decoration: underline
        }

            .plan-info-item .plan-info-link .ui-link-underline:hover {
                color: #000
            }

#pro-datasets .tile-view {
    margin: 0 .5em 5em
}

#my-one-click .tile-view, #new-one-click .tile-view {
    margin: 2.19em .5em 0
}

#create-one-click {
    width: 50%
}

.one-click-progress-bar {
    background-color: rgba(115,116,121,.1);
    padding: 2.5em;
    margin: 0 0 3.75em
}

    .one-click-progress-bar .progress-bar-steps {
        margin: 3.13em 0 0;
        text-align: center
    }

        .one-click-progress-bar .progress-bar-steps li {
            position: relative;
            display: inline-block;
            width: 20%;
            font-family: Rubik,sans-serif;
            font-size: 14px;
            text-align: center;
            color: #646469
        }

            .one-click-progress-bar .progress-bar-steps li img {
                width: 64px;
                height: 64px;
                margin: 0 auto
            }

            .one-click-progress-bar .progress-bar-steps li .step {
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                width: 28px;
                height: 28px;
                margin: 2.19em auto 1em;
                border-radius: 50%;
                border: 1px solid var(--secondary-br-color);
                background-color: #27272e
            }

            .one-click-progress-bar .progress-bar-steps li::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                background-color: var(--secondary-br-color);
                left: -50%;
                z-index: -1;
                bottom: 19%
            }

            .one-click-progress-bar .progress-bar-steps li:first-child::after {
                content: none
            }

        .one-click-progress-bar .progress-bar-steps .progress-bar-content {
            position: relative;
            display: inline-block;
            width: 20%;
            font-family: Rubik,sans-serif;
            font-size: 16px;
            text-align: center;
            color: #646469
        }

    .one-click-progress-bar .progress-bar-content {
        text-align: center;
        margin: 0 0 2.19em
    }

        .one-click-progress-bar .progress-bar-content li {
            position: relative;
            display: inline-block;
            vertical-align: text-top;
            width: 20%;
            font-family: Rubik,sans-serif;
            font-size: 16px;
            text-align: center;
            color: #646469
        }

    .one-click-progress-bar .progress-bar-btn {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .one-click-progress-bar .progress-bar-btn .ui-button {
            margin: 1.25em 0 0
        }

            .one-click-progress-bar .progress-bar-btn .ui-button.learn-more {
                margin: 1.25em 0 2.5em
            }

.one-click-progress-bar-mobile {
    display: none;
    position: relative;
    background-color: rgba(115,116,121,.1);
    padding: .94em;
    margin: 0 0 3.75em
}

    .one-click-progress-bar-mobile img {
        position: absolute;
        right: 8%;
        top: 12%
    }

    .one-click-progress-bar-mobile .progress-bar-steps-mobile {
        position: relative;
        padding: 0 0 0 2.81em
    }

        .one-click-progress-bar-mobile .progress-bar-steps-mobile::before {
            display: inline-block;
            content: "";
            position: absolute;
            top: 10px;
            left: 18px;
            width: 0;
            height: 90%;
            border: 1px solid var(--secondary-br-color)
        }

        .one-click-progress-bar-mobile .progress-bar-steps-mobile li {
            font-family: Rubik,sans-serif;
            font-size: 16px;
            color: #646469;
            margin: 2.19em 0;
            position: relative;
            counter-increment: count;
            width: 80%
        }

            .one-click-progress-bar-mobile .progress-bar-steps-mobile li::after {
                content: counter(count);
                -webkit-display: flex;
                -khtml-display: flex;
                -moz-display: flex;
                -ms-display: flex;
                -o-display: flex;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 8px;
                left: -40px;
                font-size: 14px;
                text-align: center;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                border: 1px solid var(--secondary-br-color);
                background-color: #27272e
            }

            .one-click-progress-bar-mobile .progress-bar-steps-mobile li:nth-child(2) {
                padding: .75em 0 0
            }

    .one-click-progress-bar-mobile .progress-bar-btn {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        align-items: baseline;
        padding: 0 .94em
    }

        .one-click-progress-bar-mobile .progress-bar-btn .ui-button:not(.learn-more) {
            margin: 2.81em 0 .94em;
            width: 100%
        }

.buy-credits-card {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 210px;
    margin: 0 auto;
    border: 1px solid var(--primary-br-color);
    padding: 1.56em
}

.buy-credits-card__amount {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: var(--text-color)
}

.buy-credits-card__price {
    font-family: Monark-regular,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--title-color)
}

.buy-credits-card__credit-per-mount {
    font-family: Rubik,sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: var(--amber-20)
}

.buy-credits-card__price-per-credit {
    font-family: Rubik,sans-serif;
    color: var(--amber);
    font-size: 12px
}

.buy-credits-card__button, .buy-credits-card__button .ui-button {
    width: 100%
}

.see-plans {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: auto;
    min-height: 450px;
    margin: 0 auto;
    padding: 1.56em;
    position: relative;
    overflow: hidden;
    background-image: url(see-plans.71ae5539e9f782e5d56e.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.see-plans__title h5 {
    text-align: center;
    color: #d8a31f
}

.see-plans__title h6 {
    text-align: center;
    color: var(--white)
}

.payment-information .order-info {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--primary-br-color);
    padding: 1.5em
}

    .payment-information .order-info span:first-child {
        font-family: Rubik,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        text-transform: uppercase;
        color: var(--text-color-primary)
    }

    .payment-information .order-info span:last-child {
        font-family: Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--text-color-primary);
        color: var(--text-color-primary)
    }

.payment-information .payment-exaple {
    margin-top: 7.81em
}

.winter-promotion {
    color: var(--amber);
    font-weight: 600
}

.confirmation-msg-error {
    padding: .94em
}

    .confirmation-msg-error p {
        margin: 0
    }

.exp-time-msg-error {
    background-color: var(--amber);
    border-radius: 3px;
    padding: .94em
}

    .exp-time-msg-error p {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: var(--black-10);
        margin: 0
    }

.sub-req-error-msg {
    border-radius: 3px;
    background-color: var(--amber);
    padding: .94em
}

    .sub-req-error-msg p {
        font-family: Rubik,sans-serif;
        font-weight: 400;
        margin: 0;
        color: var(--black-10);
        letter-spacing: -.01em
    }

.warning-estimated-error-tooltip {
    margin: 0 0 0 1.88em
}

    .warning-estimated-error-tooltip .ui-link-underline {
        color: var(--black-10)
    }

    .warning-estimated-error-tooltip.failed-tooltip {
        margin-left: 0
    }

.btn-goto-payment {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    background-color: #1e2129;
    font-size: 16px;
    color: #adaeb1;
    border: 1px solid #666;
    padding: 23px 15px 30px;
    height: 70px;
    border-radius: 4px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

    .btn-goto-payment .fa, .btn-goto-payment .mdi, .btn-goto-payment td [class^=icon-log-], td .btn-goto-payment [class^=icon-log-] {
        position: absolute;
        right: 15px;
        top: 35%;
        font-size: 20px
    }

    .btn-goto-payment [class^=card-] {
        margin-right: 5px;
        vertical-align: middle
    }

.hs-list {
    list-style-type: none;
    margin-bottom: 20px
}

    .hs-list li {
        display: flex;
        margin-bottom: .63em
    }

        .hs-list li::before {
            content: "\f00c";
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            font-weight: 400;
            margin: .13em .63em .63em 0
        }

.hs-pass-recovery {
    text-align: center;
    padding: 15px;
    background-color: #1e2129
}

.hs-pass-recovery_title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600
}

.hs-pass {
    padding: 2.5em 2.5em 1.25em
}

    .hs-pass .hs-title {
        margin-bottom: .63em
    }

    .hs-pass .hs-list {
        padding-left: 1.25em
    }

.finished-plans p {
    margin-bottom: 20px
}

.finished-plans .ui-g {
    margin-right: -20px;
    margin-left: -20px
}

    .finished-plans .ui-g [class^=ui-md-] {
        padding: 0 20px
    }

        .finished-plans .ui-g [class^=ui-md-]:first-of-type {
            border-right: 1px solid #565a5f
        }

.acc-user-data {
    display: none
}

.acc-sub-menu-close {
    display: none;
    padding: 0 !important
}

.acc-component-hidden {
    display: flex;
    padding: 0
}

    .acc-component-hidden.acc-sub-menu-open {
        display: block !important
    }

.label-checkbox {
    display: block;
    padding-left: 25px;
    text-indent: -25px
}

    .label-checkbox .ui-chkbox {
        text-indent: 0;
        padding-left: 0
    }

.center-spinner {
    text-align: center
}

.home-title {
    padding-top: 22vh
}

.btn-cancel-sub {
    margin-top: .63em
}

.cancel-sub-btn-bar {
    display: none
}

.tb-not-result-found {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important
}

    .tb-not-result-found span {
        margin-left: .63em
    }

.tb-th-status-filter {
    position: absolute;
    top: 10px;
    left: 60%;
    padding: .94em;
    box-shadow: var(--box-shadow);
    background-color: var(--dropdown-bg);
    border-radius: 4px;
    transition: 150ms,ease-in-out;
    z-index: 100;
    text-transform: initial
}

    .tb-th-status-filter .ui-listbox {
        border: none
    }

        .tb-th-status-filter .ui-listbox .ui-listbox-list-wrapper {
            min-width: 150px;
            max-height: 150px;
            overflow: auto
        }

.image-archive-mob-table {
    display: none !important
}

.tl-p-dropdown {
    position: relative
}

.calendar-instruction {
    margin: 1.56em 0
}

    .calendar-instruction a {
        text-decoration: underline
    }

.link-active {
    background: inherit;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.tooltip-info-input {
    font-size: 1.38em !important;
    line-height: 31px;
    font-weight: 300;
    color: #8e8e8e;
    cursor: pointer !important
}

.tooltip-panel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

    .tooltip-panel .fal {
        margin-left: .63em;
        margin-right: -.5em
    }

.hs-tooltip-panel {
    display: inline-block
}

    .hs-tooltip-panel .fal {
        margin-left: .63em;
        margin-right: -.5em
    }

.tooltip-info-btn, .tooltip-info-table {
    font-size: 1.38em !important;
    line-height: 31px;
    font-weight: 300;
    vertical-align: middle;
    margin-left: .31em;
    color: #8e8e8e;
    cursor: pointer !important
}

.tooltip-info {
    font-size: 1.38em !important;
    font-weight: 300;
    vertical-align: middle;
    margin-left: .31em;
    color: #8e8e8e;
    cursor: pointer !important
}

.angular-popper {
    z-index: 9999;
    width: 400px !important;
    background: #fff !important
}

    .angular-popper .angular-popper__arrow {
        border-color: #fff !important
    }

    .angular-popper[x-placement^=bottom] {
        margin-top: .94em !important
    }

        .angular-popper[x-placement^=bottom] .angular-popper__arrow {
            border-width: 0 5px 5px !important;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-top-color: transparent !important
        }

    .angular-popper[x-placement^=top] {
        margin-bottom: .94em !important
    }

        .angular-popper[x-placement^=top] .angular-popper__arrow {
            border-width: 5px 5px 0 !important;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            margin-top: -.94em !important
        }

    .angular-popper[x-placement^=left] .angular-popper__arrow {
        border-width: 5px 0 5px 5px !important;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important
    }

    .angular-popper[x-placement^=right] {
        margin-left: .94em !important
    }

        .angular-popper[x-placement^=right] .angular-popper__arrow {
            border-width: 5px 5px 5px 0 !important;
            border-left-color: transparent !important;
            border-top-color: transparent !important;
            border-bottom-color: transparent !important
        }

    .angular-popper.visible p {
        color: #000;
        text-align: left;
        white-space: normal;
        line-height: normal
    }

    .angular-popper.visible .tooltip-footer {
        display: flex;
        justify-content: flex-end
    }

        .angular-popper.visible .tooltip-footer .tooltip-button {
            background: 0 0;
            border-color: transparent;
            text-decoration: underline;
            cursor: pointer
        }

    .angular-popper.visible div:first-child {
        min-height: 50px;
        height: auto
    }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.filter-host-el {
    overflow: auto
}

    .filter-host-el::after {
        content: "";
        clear: both;
        display: block
    }

.ia-filter {
    background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
    padding: 0 .5em;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    z-index: 204
}

    .ia-filter:after {
        content: "";
        clear: both;
        display: table
    }

    .ia-filter .tb-filter-toolbar {
        padding: .5em 0;
        margin-bottom: 1px
    }

        .ia-filter .tb-filter-toolbar .filter-action-btn {
            position: relative;
            display: inline-block;
            font-family: Rubik,sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 12.5px;
            line-height: 24px;
            text-align: center;
            color: var(--filter-btn-txt-color);
            padding: .31em .75em;
            border-radius: 18px;
            background: var(--transparent-color);
            border: 1px solid var(--filter-btn-br-color);
            transition: all .5s ease-in-out;
            margin: .5em 0 .5em .5em
        }

            .ia-filter .tb-filter-toolbar .filter-action-btn:first-child {
                margin: .5em 0
            }

            .ia-filter .tb-filter-toolbar .filter-action-btn:hover {
                background: var(--dropdown-bg);
                border-color: var(--filter-btn-txt-hover-color);
                color: var(--filter-btn-txt-hover-color)
            }

            .ia-filter .tb-filter-toolbar .filter-action-btn.is-active {
                border-color: var(--filter-btn-txt-hover-color);
                color: var(--filter-btn-txt-hover-color)
            }

    .ia-filter .active-filters .act-filter-btn {
        display: inline-block;
        font-family: Arial,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        color: var(--act-filter-btn-text-color);
        word-break: break-word;
        white-space: normal;
        margin: .31em 0
    }

        .ia-filter .active-filters .act-filter-btn .fa-times, .ia-filter .active-filters .act-filter-btn .icon-log-error {
            color: var(--act-filter-btn-icon-color);
            margin: 0 .94em 0 .31em;
            cursor: pointer
        }

#pro-datasets .pro-datasets div[class*=ui-g-] {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column
}

    #pro-datasets .pro-datasets div[class*=ui-g-] .tile-view {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        flex: 1
    }

    #pro-datasets .pro-datasets div[class*=ui-g-] .tile-view__content {
        flex: 1
    }

.folder-container {
    display: flex;
    flex-direction: column
}

    .folder-container .folder-section {
        margin: 0 0 4.38em
    }

    .folder-container .folder-header {
        margin-bottom: 0 !important
    }

    .folder-container .project-images-counter {
        padding-right: 2.81em !important
    }

    .folder-container .header-folder-count {
        margin-left: 2px;
        color: var(--text-color);
        font-size: 22px
    }

    .folder-container .ui-breadcrumb {
        border: none !important
    }

        .folder-container .ui-breadcrumb ul li {
            color: var(--text-color)
        }

            .folder-container .ui-breadcrumb ul li:last-child {
                color: var(--amber-10)
            }

            .folder-container .ui-breadcrumb ul li a {
                color: inherit
            }

                .folder-container .ui-breadcrumb ul li a span {
                    font-family: Arial,sans-serif;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px
                }

.fa-disabled-wrapper {
    cursor: not-allowed;
    opacity: .6
}

    .fa-disabled-wrapper button {
        pointer-events: none
    }

.folder-sort {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 140px;
    position: relative;
    bottom: 58px;
    margin-left: auto
}

    .folder-sort p-dropdown {
        border-bottom: 0 !important
    }

    .folder-sort .ui-dropdown {
        width: 130px;
        float: right
    }

        .folder-sort .ui-dropdown .ui-dropdown-label {
            padding: .63em 2em 0 .63em;
            border-bottom: 0 !important
        }

.sort-by {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 140px;
    position: unset;
    margin-left: auto
}

    .sort-by p-dropdown {
        border-bottom: 0 !important
    }

    .sort-by .ui-dropdown {
        float: right
    }

        .sort-by .ui-dropdown .ui-dropdown-label {
            padding: .63em 2em 0 .63em;
            border-bottom: 0 !important
        }

        .sort-by .ui-dropdown .ui-dropdown-panel {
            width: 200px;
            left: unset !important;
            right: 0;
            border-radius: 8px
        }

            .sort-by .ui-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper {
                max-height: 100% !important
            }

            .sort-by .ui-dropdown .ui-dropdown-panel .ui-dropdown-item {
                padding: .94em 1.25em
            }

.folder-projects-wrapper {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    margin: 1em;
    width: 240px;
    height: 240px;
    border: 1px solid var(--secondary-br-color)
}

    .folder-projects-wrapper .folder-proj-header {
        position: relative;
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: .75em .5em
    }

        .folder-projects-wrapper .folder-proj-header .folder-menu {
            background-color: transparent;
            border-color: transparent;
            font-size: 18px
        }

        .folder-projects-wrapper .folder-proj-header .ui-menu {
            animation-name: fadeInUpSmall;
            animation-duration: .2s;
            animation-fill-mode: both;
            display: inline-block;
            position: absolute;
            top: 40px;
            right: 10px
        }

    .folder-projects-wrapper .folder-proj-body {
        flex: 1
    }

        .folder-projects-wrapper .folder-proj-body .folder-project-btn {
            display: flex;
            flex-direction: column;
            margin: 10% auto 5%;
            background: 0 0;
            border: none;
            width: 29%;
            height: 31%
        }

        .folder-projects-wrapper .folder-proj-body .project {
            background: url(../images/svg/folder-projects.svg) center center/contain no-repeat
        }

        .folder-projects-wrapper .folder-proj-body .folder {
            background: url(../images/svg/folder.svg) center center/contain no-repeat
        }

        .folder-projects-wrapper .folder-proj-body .folder-info {
            margin: 0 auto;
            display: flex;
            flex-direction: column
        }

            .folder-projects-wrapper .folder-proj-body .folder-info .folder-name {
                font-family: Monark-regular,sans-serif;
                margin: 0 auto;
                font-size: 16px;
                line-height: 24px;
                display: flex;
                align-items: center;
                text-align: center;
                text-transform: uppercase;
                color: var(--title-color)
            }

            .folder-projects-wrapper .folder-proj-body .folder-info .folder-items-info {
                display: flex;
                margin: 0 auto;
                flex-direction: row
            }

                .folder-projects-wrapper .folder-proj-body .folder-info .folder-items-info .item-count {
                    font-family: Rubik,sans-serif;
                    margin-left: 3px;
                    margin-right: 3px;
                    font-weight: 300;
                    font-size: 12px;
                    line-height: 24px;
                    display: flex;
                    align-items: center;
                    text-align: center;
                    color: #a7aab1
                }

                .folder-projects-wrapper .folder-proj-body .folder-info .folder-items-info .bracket {
                    font-family: Rubik,sans-serif;
                    color: #a7aab1;
                    font-size: 16px;
                    margin-top: 2px
                }

.add-folder-btn-wrapper, .add-folder-single-btn {
    margin: 1em;
    width: 240px;
    height: 240px;
    border: 2px dashed var(--secondary-br-color)
}

.add-btn-folder {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 35% auto;
    background: 0 0;
    border: none;
    color: var(--amber-10)
}

    .add-btn-folder .add-btn-icon {
        font-size: 22px
    }

    .add-btn-folder .add-btn-text {
        font-family: Monark-regular,sans-serif;
        margin-top: 1em;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: .08em;
        color: var(--amber-10)
    }

.folders-dataView-container {
    margin: 0 -.94em
}

.folders-dataview.ui-widget {
    font-size: 16px
}

.folders-dataview.ui-dataview .ui-dataview-header {
    height: 0
}

.folders-dataview.ui-dataview .ui-dataview-content {
    padding: 0
}

.request-status {
    font-family: Rubik,sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding: .25em .5em !important;
    border-radius: 4px
}

    .request-status.not-yet-status {
        background-color: rgba(45,156,219,.9);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.pending {
        background-color: rgba(242,153,74,.7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.progress {
        background-color: rgba(156,152,139,.7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.campleted {
        background-color: rgba(33,150,83,.7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.running {
        background-color: rgba(156,152,139,.7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.failed, .request-status.partially-failed {
        background-color: rgba(235,87,87,.7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .request-status.deleted {
        background-color: #36363b;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

.wrapper {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}

    .wrapper::after {
        content: "";
        clear: both;
        display: table
    }

    .wrapper:after, .wrapper:before {
        content: " ";
        display: table
    }

    .wrapper:after {
        clear: both
    }

    .wrapper .widget-left {
        padding: 0
    }

        .wrapper .widget-left.navbar-placeholder {
            min-width: 270px;
            max-width: 270px
        }

        .wrapper .widget-left .hamburger-btn-container {
            position: fixed;
            top: 0;
            z-index: 9999;
            background: 0 0;
            height: 62px;
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: .94em
        }

            .wrapper .widget-left .hamburger-btn-container .btn-hamburger-mobile {
                background: 0 0;
                border-color: transparent;
                -webkit-appearance: none;
                border-radius: 0;
                padding-right: .63em
            }

                .wrapper .widget-left .hamburger-btn-container .btn-hamburger-mobile i {
                    font-size: 1.38em;
                    margin-top: 3px
                }

    .wrapper .widget-right {
        padding: 0;
        width: 100%;
        height: 100%
    }

        .wrapper .widget-right main {
            height: 100%
        }

.header-paddinng {
    padding-top: 64px
}

.tlp-nav-bar, .tlp-nav-bar-mobile {
    position: relative;
    display: block;
    box-shadow: 0 2px 8px rgba(0,0,0,.65);
    height: 100vh;
    max-height: 1300px;
    width: 270px;
    background-color: var(--nav-bar-bg);
    transition: 150ms ease-in-out;
    z-index: 9996
}

    .tlp-nav-bar .fp-user-container, .tlp-nav-bar-mobile .fp-user-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 64px;
        overflow: hidden
    }

        .tlp-nav-bar .fp-user-container .konicaminolta-logo-widget, .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget {
            padding-top: .94em
        }

            .tlp-nav-bar .fp-user-container .konicaminolta-logo-widget .btn-hamburger, .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget .btn-hamburger {
                border: none;
                position: absolute;
                background: 0 0;
                right: 10px;
                font-size: 1.5em;
                top: 16px
            }

                .tlp-nav-bar .fp-user-container .konicaminolta-logo-widget .btn-hamburger i, .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget .btn-hamburger i {
                    font-size: rem(35px)
                }

            .tlp-nav-bar .fp-user-container .konicaminolta-logo-widget .btn-hamburger-mobile, .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget .btn-hamburger-mobile {
                background: 0 0;
                border-color: transparent;
                -webkit-appearance: none;
                border-radius: 0;
                padding-right: .63em
            }

                .tlp-nav-bar .fp-user-container .konicaminolta-logo-widget .btn-hamburger-mobile i, .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget .btn-hamburger-mobile i {
                    font-size: 1.38em;
                    margin-top: 3px
                }

        .tlp-nav-bar .fp-user-container .mobile-konicaminolta-logo-widget, .tlp-nav-bar-mobile .fp-user-container .mobile-konicaminolta-logo-widget {
            position: absolute;
            top: 10px
        }

    .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items {
        height: calc(100vh - 84px);
        margin-bottom: .63em;
        overflow: hidden;
        overflow-y: auto
    }

        .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items.free-trail-bot, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items.free-trail-bot {
            height: calc(100vh - 288px) !important
        }

        .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item {
            position: relative;
            margin: 0;
            width: 270px
        }

            .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li {
                position: relative;
                transition: .2s ease-in-out;
                width: 100%
            }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li.link-active a, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li.link-active a {
                    color: var(--amber-10) !important
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li:hover, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li:hover {
                    border-radius: 0 50px 50px 0
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li i, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li i {
                    vertical-align: middle;
                    margin-right: 1em;
                    line-height: 1.13em;
                    font-size: .88em;
                    margin-left: .38em;
                    display: block
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li a, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li a {
                    font-size: 15px;
                    font-weight: 400;
                    font-family: Arial,sans-serif;
                    color: var(--nav-bar-list-color);
                    cursor: pointer;
                    display: inline-block;
                    text-decoration: none;
                    position: relative;
                    padding: .5em 1.25em .5em 1.19em;
                    letter-spacing: -.1px !important;
                    line-height: 150%;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    border-radius: 20px
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li .sub-menu, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li .sub-menu {
                    padding: 0 0 0 .94em;
                    max-height: 0;
                    transition: max-height 150ms ease-in-out;
                    overflow: hidden
                }

                    .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li .sub-menu.active-submenu, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li .sub-menu.active-submenu {
                        max-height: 100%;
                        transition: max-height .3s ease-in
                    }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item li.administration, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item li.administration {
                    margin-top: 1.25em;
                    font-size: 14px;
                    font-weight: 600
                }

            .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item .ui-li-hr, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item .ui-li-hr {
                padding: .63em
            }

                .tlp-nav-bar .nav-vertical-menu .sidebar-menu-items .nav-menu-item .ui-li-hr hr, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items .nav-menu-item .ui-li-hr hr {
                    height: 0;
                    border: 1px solid rgba(255,255,255,.1);
                    width: 90%;
                    margin: 0 auto
                }

    .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu {
        padding: .94em 0;
        width: 260px;
        overflow: hidden;
        transition: 150ms ease-in-out
    }

        .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item {
            position: relative;
            margin: 0;
            width: 270px
        }

            .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li {
                position: relative;
                transition: .2s ease-in-out;
                width: 100%
            }

                .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:hover, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:hover {
                    border-top-right-radius: 50px;
                    border-bottom-right-radius: 50px
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li i, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li i {
                    vertical-align: middle;
                    margin-right: 1em;
                    margin-left: .38em;
                    display: none
                }

                    .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li i:hover, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li i:hover {
                        background: 0 0
                    }

                .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li a, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li a {
                    font-size: 16px;
                    font-weight: 400;
                    font-family: Arial,sans-serif;
                    color: var(--nav-bar-list-color);
                    cursor: pointer;
                    display: inline-block;
                    text-decoration: none;
                    position: relative;
                    padding: .75em 1.88em .75em 1.19em;
                    letter-spacing: -.1px !important;
                    line-height: 150%;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    border-radius: 20px
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child:hover, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child:hover {
                    background: 0 0
                }

                .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span {
                    display: flex;
                    justify-content: space-evenly;
                    flex-direction: row
                }

                    .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span a, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span a {
                        border-radius: 4px;
                        font-size: .88em;
                        padding: .31em .5em;
                        height: 25px
                    }

                        .tlp-nav-bar .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span a:hover, .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu .nav-menu-item li:last-child span a:hover {
                            background: #607d8b
                        }

    .tlp-nav-bar-mobile:hover .administration a, .tlp-nav-bar:hover .administration a {
        opacity: 1 !important
    }

.tlp-nav-bar-mobile {
    display: none;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 0
}

    .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%
    }

        .tlp-nav-bar-mobile .fp-user-container .konicaminolta-logo-widget .logo-konicaminolta {
            margin: 0;
            float: none
        }

    .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-menu-items {
        height: calc(100vh - 145px);
        overflow: hidden;
        overflow-y: auto
    }

    .tlp-nav-bar-mobile .nav-vertical-menu .sidebar-bottom-menu {
        height: 80px
    }

.fp-mobile-user-container {
    height: 90px !important
}

.tlp-nav-bar.expand-sidebar {
    width: 270px;
    transition: 150ms ease-in-out;
    box-shadow: var(--box-shadow);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    z-index: 9996;
    background-color: var(--nav-bar-bg);
    overflow-y: auto
}

.tlp-nav-bar.close-sidebar, .tlp-nav-bar.close-sidebar .nav-vertical-menu .sidebar-bottom-menu {
    transition: 150ms ease-in-out;
    width: 0
}

.tlp-nav-bar.fixed-sidebar {
    transition: 150ms ease-in-out;
    position: fixed
}

.nav-bar-title {
    padding: 1.88em 1.25em .94em 1.19em;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8b8e95
}

    .nav-bar-title i {
        margin-left: .63em
    }

.loader-content {
    height: 200px;
    overflow: hidden;
    background: 0 0;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: contentLoaderAnimate;
    background: linear-gradient(to right,#23232b 2%,#22222b 18%,#1f1f26 33%);
    background-size: 1300px
}

.loader-content_item {
    width: 100%;
    height: 20px;
    position: absolute;
    background: #212127;
    z-index: 2
}

    .loader-content_item:after, .loader-content_item:before {
        width: inherit;
        height: inherit;
        content: '';
        position: absolute
    }

    .loader-content_item:nth-child(1) {
        top: 0;
        left: 0
    }

    .loader-content_item:nth-child(2) {
        top: 20px;
        left: 0;
        width: 5%;
        height: 90px
    }

    .loader-content_item:nth-child(3) {
        top: 0;
        left: 0;
        width: 5%;
        height: 100%
    }

    .loader-content_item:nth-child(4) {
        top: 20px;
        width: 20px;
        left: 170px;
        height: 90px
    }

    .loader-content_item:nth-child(5) {
        top: 40px;
        left: 190px;
        height: 12px
    }

    .loader-content_item:nth-child(6) {
        top: 75px;
        left: 190px;
        height: 12px
    }

    .loader-content_item:nth-child(7) {
        top: 20px;
        right: 0;
        width: 23%;
        height: 20px
    }

    .loader-content_item:nth-child(8) {
        top: 0;
        right: 0;
        width: 5%;
        height: 100%
    }

    .loader-content_item:nth-child(9) {
        top: 110px;
        height: 17px;
        left: 0
    }

    .loader-content_item:nth-child(10) {
        top: 149px;
        height: 12px;
        left: 0
    }

    .loader-content_item:nth-child(11) {
        top: 183px;
        left: 0;
        height: 100%
    }

@keyframes contentLoaderAnimate {
    0% {
        background-position: -650px 0
    }

    100% {
        background-position: 650px 0
    }
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0,10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

@media (max-width: 1023px) {
    body .tl-container {
        padding: .63em
    }

    body app-header #header-download .hamburger-menu-btn {
        display: none
    }
}

@media (max-width: 991px) {
    body .tl-container {
        padding: .31em
    }
}

@media (max-width: 767px) {
    body .tl-logo {
        max-height: 30px
    }

    body .tl-container {
        padding: 0
    }

    body .p-heading-summary {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    body .tl-container {
        padding: .63em
    }

    body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-action-button {
        display: none
    }
}

@media screen and (max-width: 767px) {
    body h3 {
        font-size: 32px
    }

    body .tl-sm-12 {
        width: 100%
    }

    body .checkout--date--code .ui-md-6 {
        width: 50% !important
    }

    body .checkout--date--code .checkout.checkout-date {
        margin: 0
    }

    body .login-container .tl-live-logo {
        padding-left: .31em;
        margin-top: .31em
    }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .tl-logo {
        max-height: 30px
    }

    body .tl-md-12 {
        width: 100%
    }

    body .checkout--date--code .ui-md-6 {
        width: 50% !important
    }

    body .checkout--date--code .checkout.checkout-date {
        margin: 0
    }

    body .login-container .tl-live-logo {
        margin-top: .31em
    }
}

@media (max-width: 767px) {
    body .p-heading--sticky, body .p-heading.folders-heading.p-heading--sticky {
        padding: 1.25em 0 0
    }

    body .p-heading .ui-button {
        width: 100%
    }

        body .p-heading .ui-button.ui-button-text-icon-left .ui-button-icon-left {
            left: 7.2em
        }

    body .p-heading .total-users .add-user, body .p-heading .total-users .add-user .ui-button {
        width: 100%
    }

    body .ui-table {
        margin-bottom: 90px
    }

    body app-header #header-download .top-toolbar .go-to-site {
        display: none
    }
}

@media screen and (max-width: 767px) {
    body .login-container .tl-live-logo .tl-logo {
        max-height: 30px
    }

    body .login-container .login-panel {
        width: 100%;
        justify-content: space-between !important;
        padding: .5em
    }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .login-container .tl-live-logo .tl-logo {
        max-height: 30px
    }

    body .login-container .login-panel {
        width: 100%;
        justify-content: space-between !important;
        padding: .5em
    }

        body .login-container .login-panel .reg-btn {
            margin-bottom: 1.25em
        }

            body .login-container .login-panel .reg-btn .ui-button.ui-button-bordered {
                border: none;
                margin: 0;
                padding: 0
            }

    body .login-container .sign-in {
        display: none !important
    }

    body .login-container .ui-g .ui-md-6, body .reg-container .ui-g .ui-md-6 {
        width: 100% !important
    }

    body .reg-container .sign-up {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    body .login-container .login-panel .login-form {
        flex: 1;
        margin-top: 2.5em
    }

    body .login-container .login-panel .reg-btn {
        margin-bottom: 1.25em
    }

        body .login-container .login-panel .reg-btn .ui-button.ui-button-bordered {
            border: none;
            margin: 0;
            padding: 0
        }

    body .login-container .sign-in, body .reg-container .sign-up {
        display: none !important
    }

    body .reg-container .reg-panel {
        width: 100%;
        justify-content: space-between !important;
        padding: .5em
    }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .reg-container .reg-panel {
        width: 100%;
        justify-content: space-between !important;
        padding: .5em
    }
}

@media screen and (max-width: 767px) {
    body .reg-container .reg-panel .reg-form {
        flex: 1;
        margin-top: 2.5em
    }

    body .reg-container .reg-panel .tl-live-logo {
        padding-left: .31em;
        margin-top: .31em
    }

        body .reg-container .reg-panel .tl-live-logo .tl-logo {
            max-height: 30px
        }
}

@media screen and (max-width: 767px) {
    body .reg-container .reg-panel .sign-in-btn {
        margin-bottom: 1.25em
    }

        body .reg-container .reg-panel .sign-in-btn .ui-button.ui-button-bordered {
            border: none;
            margin: 0;
            padding: 0;
            width: auto
        }

    body .user-reg-inner-container .tl-panel.tl-panel-padding {
        padding: .31em
    }

    body .user-reg-inner-container .selected-plan {
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .reg-container .reg-panel .tl-live-logo {
        margin-top: .31em
    }

    body .reg-container .reg-panel .sign-in-btn {
        margin-bottom: 1.25em
    }

        body .reg-container .reg-panel .sign-in-btn .ui-button.ui-button-bordered {
            border: none;
            margin: 0;
            padding: 0;
            width: auto
        }

    body .user-reg-inner-container .tl-panel.tl-panel-padding {
        padding: .94em
    }

        body .user-reg-inner-container .tl-panel.tl-panel-padding .ui-g .ui-md-6 {
            width: 100%
        }

    body .user-reg-inner-container .selected-plan, body .user-reg-inner-container .selected-plan .selected-plan-card {
        margin: 0;
        width: 100%
    }

    body .user-reg-inner-container .payment-exaple {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    body .user-reg-inner-container .selected-plan .selected-plan-card {
        margin: 0;
        width: 100%
    }

    body .user-reg-inner-container .payment-exaple {
        display: none !important
    }

    body .payment-information {
        padding: .5em
    }
}

@media (max-width: 1024px) {
    body .wrapper .widget-left {
        min-width: 0 !important
    }

        body .wrapper .widget-left .close-sidebar, body .wrapper .widget-left .expand-sidebar {
            display: none
        }

        body .wrapper .widget-left .tlp-nav-bar-mobile {
            display: block
        }

        body .wrapper .widget-left .hamburger-btn-container {
            display: block !important
        }

    body .wrapper .widget-right main {
        margin-left: 0 !important
    }

    body app-header.offset-left {
        left: 0
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar {
        margin: 0
    }

        body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-info {
            display: none
        }
}

@media (min-width: 768px) and (max-width:992px) and (orientation:landscape) {
    body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar {
        margin: 0
    }

        body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-info {
            display: none
        }
}

@media (max-width: 767px) {
    body app-header #header-download .top-toolbar .user-menu .header-menu-icon.account-credits .account-credits-count {
        margin: 0
    }

    body app-header #header-download .top-toolbar .user-menu .header-menu-icon.buy-credits {
        display: none
    }

    body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar {
        margin: 0
    }

        body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-action-button, body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-info {
            display: none
        }

        body app-header #header-download .top-toolbar .user-menu .header-menu-icon .user-header-toolbar .header-toolbar-item.user-photo {
            margin: 0 .63em 0 1.25em
        }
}

@media (min-width: 1024px) and (max-width:1367px) {
    body .dashbord-container #my-balance .ui-g .ui-lg-3 {
        width: 50%
    }

    body .dashbord-container #my-balance .ui-g .ui-lg-6 {
        width: 100%
    }
}

body .dashbord-container #my-observatory .last-obs-request {
    margin: 0 .94em 0 0
}

@media (max-width: 479px) {
    body .dashbord-container #my-balance .balance-card-panel .balance-card__header {
        flex-direction: row
    }

    body .dashbord-container #my-balance .balance-card-panel .balance-card__body {
        flex-direction: row;
        min-height: auto
    }

        body .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .price {
            font-size: 4em
        }

        body .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .bronze {
            font-size: 1.13em
        }

        body .dashbord-container #my-balance .balance-card-panel .balance-card__body .price-body .price-mon {
            font-size: 3.13em
        }

        body .dashbord-container #my-balance .balance-card-panel .balance-card__body .button-bar {
            width: auto
        }

    body .dashbord-container .not-request-found {
        padding: 1.5em 1.5em 3em
    }

        body .dashbord-container .not-request-found .no-request-img img {
            width: 80px;
            height: 80px;
            margin-left: 1.25em
        }

        body .dashbord-container .not-request-found .no-request-found-content {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between
        }

            body .dashbord-container .not-request-found .no-request-found-content .no-request-content {
                margin-top: 0
            }

                body .dashbord-container .not-request-found .no-request-found-content .no-request-content p {
                    text-align: left
                }

    body .dashbord-container .last-news__heading .news-title {
        margin-top: 1.25em
    }

    body .dashbord-container #my-observatory .last-obs-request__table .tl-table {
        display: none
    }
}

@media (max-width: 767px) {
    body .dashbord-container #my-observatory .last-obs-request__table .tl-table {
        display: none
    }

    body .dashbord-container #my-observatory .last-obs-request__table .tl-table-mob-view {
        display: table
    }
}

@media (max-width: 479px) {
    body .dashbord-container #my-observatory .last-obs-request__table .tl-table-mob-view {
        display: table
    }

    body .dashbord-container #my-observatory .ui-button:not(.bordered-none):not(.learn-more) {
        float: none;
        width: 100%
    }

    body .dashbord-container #community-obs .tile-view__footer {
        padding: 0
    }
}

@media (max-width: 767px) {
    body .dashbord-container #my-observatory .last-obs-request {
        margin: 0
    }

    body .dashbord-container #my-observatory .last-obs-request__title {
        flex-direction: column
    }

        body .dashbord-container #my-observatory .last-obs-request__title .ui-button {
            margin: 1.25em 0 0
        }

    body .dashbord-container .my-last-adv-requests .session {
        margin: 0
    }

    body .dashbord-container #latest-prodatasets .ui-button {
        width: 100%
    }

    body .dashbord-container #discovery .best-of-week, body .dashbord-container #discovery .last-news {
        margin: 0
    }

    body .dashbord-container .tile-view, body .dashbord-container .tile-view.tile-view-bordered {
        margin-left: 0;
        margin-right: 0
    }

        body .dashbord-container .tile-view.tile-view-bordered__footer, body .dashbord-container .tile-view__footer {
            padding: 0
        }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .payment-information {
        padding: .5em
    }

        body .payment-information .payment-card--toFillOut {
            width: 100%
        }

        body .payment-information .payment-card--exaple, body .payment-information .payment-exaple {
            display: none
        }

    body #update-payment {
        margin: 1.25em 0
    }

        body #update-payment .payment-exaple {
            display: none
        }

    body .account-settings {
        padding: .5em;
        margin: 1.25em 0
    }

        body .account-settings .user-avatar-panel .sign-out-btn, body .account-settings .user-avatar-panel .sing-out-mobile-btn {
            display: none
        }
}

@media screen and (max-width: 767px) {
    body .payment-information .payment-exaple {
        display: none
    }

    body .payment-information .ui-button {
        width: 100%
    }

    body #update-payment {
        margin: 1.25em 0
    }

        body #update-payment .payment-exaple {
            display: none
        }

    body .account-settings {
        padding: .5em;
        margin: 1.25em 0
    }

        body .account-settings .user-avatar-panel .sign-out-btn, body .account-settings .user-avatar-panel .sing-out-mobile-btn {
            display: none
        }

        body .account-settings .sing-out-mobile-btn {
            display: block;
            margin: 0 0 1.25em
        }

            body .account-settings .sing-out-mobile-btn .ui-button.ui-button-bordered {
                display: block;
                margin: 0 auto
            }
}

@media screen and (min-width: 320px) and (max-width:824px) and (orientation:landscape) {
    body .account-settings .sing-out-mobile-btn {
        display: block;
        margin: 0 0 1.25em
    }

        body .account-settings .sing-out-mobile-btn .ui-button.ui-button-bordered {
            display: block;
            margin: 0 auto
        }

    body .account-settings .ui-inputgroup {
        width: 100%
    }

    body .account-settings .user-avatar-panel {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: row
    }

        body .account-settings .user-avatar-panel .avatar-photo {
            margin: 0 2.5em 0 0
        }
}

@media screen and (max-width: 767px) {
    body .account-settings .ui-inputgroup {
        width: 100%
    }

    body .tb-pricing-plan {
        display: none
    }

    body .plan-view-mobile {
        display: block
    }
}

body .plan-view-mobile .choose-plan-title {
    display: inline-block
}

@media (max-width: 767px) {
    body .slider-dialog.ui-dialog {
        padding: .94em .31em .94em .94em;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0;
        z-index: 2147483004 !important
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container {
            flex-direction: column
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    body .slider-dialog.ui-dialog {
        height: calc(100% - 115px) !important;
        width: calc(100% - 115px) !important;
        padding-right: .63em
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container {
            flex-direction: column
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    body .slider-dialog.ui-dialog {
        height: calc(100% - 115px) !important;
        width: calc(100% - 115px) !important
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame {
            min-width: 535px;
            max-width: 535px;
            min-height: 535px;
            max-height: 535px
        }
}

@media (min-width: 768px) and (max-width:992px) and (orientation:landscape) {
    body .slider-dialog.ui-dialog {
        padding: .94em .31em .94em .94em;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame {
            min-width: 280px;
            max-width: 280px;
            min-height: 280px;
            max-height: 280px
        }
}

@media (max-width: 767px) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame {
        display: none
    }

    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info {
        margin: 0 !important;
        min-height: calc(100vh - 65px);
        width: 100%
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .object-name {
            text-align: center
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .image-frame {
        display: none
    }

    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info {
        margin: 0;
        width: 100%
    }
}

@media (min-width: 769px) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .main-loader {
        display: none
    }
}

@media (max-width: 767px) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content {
        height: calc(100vh - 230px);
        overflow-y: auto;
        padding-right: .63em;
        padding-top: .31em
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .image-frame-mob {
            display: block !important
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content {
        height: calc(100vh - 400px);
        overflow-y: auto;
        padding-right: 1em;
        padding-top: .31em
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content .image-frame-mob {
            display: block !important
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info {
        width: 320px
    }

        body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content {
            height: calc(100vh - 400px);
            overflow-y: auto;
            padding-right: 1em;
            padding-top: .31em
        }
}

@media (max-width: 767px) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .tl-btn-panel {
        padding-right: .94em
    }

    body .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation {
        margin: 0;
        padding-right: .94em
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .tl-btn-panel, body .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation {
        padding-right: 1.88em
    }
}

@media (min-width: 1024) and (max-width:1365px) and (orientation:landscape) {
    body .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation {
        margin: 3.13em 0 0
    }
}

@media (min-width: 1024) and (max-width:1365px) and (orientation:portrait) {
    body .slider-dialog.ui-dialog .ui-dialog-content .slider-navigation {
        margin: 3.13em 0 0
    }
}

@media (max-width: 1365px) {
    body .astronomy-tab-panel .astronomy-obs-tab-btn {
        padding: 0;
        min-height: 60px
    }
}

@media (max-width: 1023px) {
    body .astronomy-tab-panel .astronomy-obs-tab-btn {
        padding: 0;
        min-height: 70px
    }
}

body .forecast__button {
    align-self: center;
    margin: 3.13em 0 0
}

@media (max-width: 480px) {
    body .astronomy-tab-panel .astronomy-obs-tab-btn {
        padding: 0;
        min-height: 110px
    }

    body .forecast {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between
    }

        body .forecast.weather {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column
        }

    body .forecast__value {
        margin: 0 !important
    }

    body .telescope-status-container {
        padding: .63em;
        margin: 0 0 1.25em
    }

        body .telescope-status-container .telescope-status {
            margin: 1.25em 0 0
        }

        body .telescope-status-container .telescope-status__camera.camera-mobile, body .telescope-status-container .telescope-status__target.target-mobile, body .telescope-status-container .telescope-status__telescope.telescope-mobile {
            display: none
        }

        body .telescope-status-container .telescope-status__price {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-direction: column;
            align-items: baseline
        }

            body .telescope-status-container .telescope-status__price .discount-msg, body .telescope-status-container .telescope-status__price .discount__value {
                margin: 0
            }
}

@media (max-width: 991px) {
    body .submit-request-container .submit-request-inner-widget .submit-request .ui-inputgroup.inputgroup-width {
        width: auto;
        margin: 0
    }
}

@media (min-width: 375px) and (max-width:480px) {
    body .submit-request-container .submit-request-inner-widget .submit-request .ui-inputgroup.inputgroup-width {
        width: 100%;
        margin: 0
    }

    body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ui-button:not(.learn-more) {
        width: 100%;
        margin: 1.25em 0
    }

    body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides {
        flex-direction: column
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides .retrieve-ephemerides-btn {
            align-self: auto;
            width: 100%;
            margin: 1.25em 0 0
        }

            body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .retrieve-ephemerides .retrieve-ephemerides-btn .ui-button {
                margin: 0
            }

    body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides {
        flex-direction: column
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides div:last-child {
            margin: 1.25em 0 0
        }
}

@media (max-width: 767px) {
    body .submit-request-container {
        margin: 0 0 3.13em
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides {
            flex-direction: column;
            align-items: flex-start
        }

            body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides div:last-child {
                margin: 1.25em 0 0
            }

                body .submit-request-container .submit-request-inner-widget .submit-request .new-obs-request-form .ephemerides div:last-child .learn-more {
                    margin: 0
                }

        body .submit-request-container .submit-request-inner-widget .submit-request .image-series .tl-btn-panel .tl-btn-bar__left .ui-button, body .submit-request-container .submit-request-inner-widget .submit-request .scheduling .tl-btn-panel .tl-btn-bar__left .ui-button, body .submit-request-container .submit-request-inner-widget .submit-request .select-telescope .tl-btn-panel .tl-btn-bar__left .ui-button {
            display: none
        }
}

@media (min-width: 375px) and (max-width:480px) {
    body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar {
        flex-direction: column
    }

    body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar__left {
        width: 100%
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar__left .ui-button {
            width: 100%;
            margin: 0
        }

    body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar__right {
        width: 100%
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar__right .ui-button {
            width: 100%;
            margin: 0
        }
}

body .submit-request-container .submit-request-inner-widget .submit-request .tl-btn-panel .tl-btn-bar__right .ui-button.ui-button-text-icon-right {
    justify-content: center
}

@media (min-width: 375px) and (max-width:480px) {
    body .submit-request-container .submit-request-inner-widget .submit-request .image-series .tl-btn-panel .tl-btn-bar, body .submit-request-container .submit-request-inner-widget .submit-request .scheduling .tl-btn-panel .tl-btn-bar, body .submit-request-container .submit-request-inner-widget .submit-request .select-telescope .tl-btn-panel .tl-btn-bar {
        flex-direction: column
    }

    body .submit-request-container .submit-request-inner-widget .submit-request .image-series .tl-btn-panel .tl-btn-bar__right, body .submit-request-container .submit-request-inner-widget .submit-request .scheduling .tl-btn-panel .tl-btn-bar__right, body .submit-request-container .submit-request-inner-widget .submit-request .select-telescope .tl-btn-panel .tl-btn-bar__right {
        flex-direction: column;
        width: 100%
    }

        body .submit-request-container .submit-request-inner-widget .submit-request .image-series .tl-btn-panel .tl-btn-bar__right .ui-button, body .submit-request-container .submit-request-inner-widget .submit-request .scheduling .tl-btn-panel .tl-btn-bar__right .ui-button, body .submit-request-container .submit-request-inner-widget .submit-request .select-telescope .tl-btn-panel .tl-btn-bar__right .ui-button {
            width: 100%;
            margin: 1.25em 0 0
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal {
        width: 250px;
        max-width: 250px
    }
}

@media (max-width: 840px) {
    body .submit-request-container .submit-request-inner-widget .request-details-view {
        display: none
    }

        body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view {
            display: block;
            height: auto
        }

            body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal {
                width: 100%;
                max-width: 100%
            }

                body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content::before {
                    display: none
                }

                body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details .reqeust-details__list, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details .reqeust-details__list, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details .reqeust-details__list, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details .reqeust-details__list, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details .reqeust-details__list {
                    padding: 0 .94em
                }

                    body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details .reqeust-details__list li, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details .reqeust-details__list li, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details .reqeust-details__list li, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details .reqeust-details__list li, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details .reqeust-details__list li {
                        -webkit-display: flex;
                        -khtml-display: flex;
                        -moz-display: flex;
                        -ms-display: flex;
                        -o-display: flex;
                        display: flex;
                        justify-content: space-between
                    }

                        body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details .reqeust-details__list li div, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details .reqeust-details__list li div, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details .reqeust-details__list li div, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details .reqeust-details__list li div, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details .reqeust-details__list li div {
                            flex: 1
                        }

                body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details.image-series-details, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details.image-series-details, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details.image-series-details, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details.image-series-details, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details.image-series-details {
                    display: none
                }

                body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-cost-summary-detail .reqeust-details.image-series-details-mob, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-image-series-detail .reqeust-details.image-series-details-mob, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-scheduling-detail .reqeust-details.image-series-details-mob, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-target-detail .reqeust-details.image-series-details-mob, body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .request-telescope-detail .reqeust-details.image-series-details-mob {
                    display: block
                }

                body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .total-credit-detail {
                    padding: 0 .63em
                }

                    body .submit-request-container .submit-request-inner-widget .request-details-view.request-details-mob-view .request-detail-panel .request-detail-modal .request-detail-content .total-credit-detail .step-title-panel .step-title {
                        text-align: right
                    }

    body .tl-table.tl-expand-table.table-available-telescopes thead tr th {
        padding: .63em .5em
    }

        body .tl-table.tl-expand-table.table-available-telescopes thead tr th.th-diameter, body .tl-table.tl-expand-table.table-available-telescopes thead tr th.th-field-of-view {
            display: none
        }

        body .tl-table.tl-expand-table.table-available-telescopes thead tr th.th-action {
            width: 16%
        }

    body .tl-table.tl-expand-table.table-available-telescopes tbody tr td {
        padding: .63em .5em
    }

        body .tl-table.tl-expand-table.table-available-telescopes tbody tr td.td-diameter, body .tl-table.tl-expand-table.table-available-telescopes tbody tr td.td-field-of-view {
            display: none
        }

        body .tl-table.tl-expand-table.table-available-telescopes tbody tr td.td-completed-in .additional-info {
            font-size: 12px
        }

        body .tl-table.tl-expand-table.table-available-telescopes tbody tr td.td-action {
            width: 16%
        }

    body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row {
        display: none
    }

    body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile {
        display: table-row
    }

        body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td {
            display: table-cell
        }

            body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast {
                flex-direction: column
            }

                body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast.location .forecast__country, body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast.location .forecast__longitude {
                    margin: .31em 0
                }

            body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast__button .ui-button.learn-more {
                float: right
            }

            body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast.rain-cloud .forecast__value, body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast.sunrise .forecast__value {
                text-align: right
            }

            body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast .forecast__image .weather-img .wt-icon {
                margin-left: 1.5em
            }

            body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast .forecast__image .celsius-fahrenheit span:first-child {
                font-size: 50px
            }
}

@media (max-width: 767px) {
    body .tl-table.tl-expand-table.table-available-telescopes tbody tr.tl-tb-expand-row-mobile td .forecast.sunrise {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center
    }

    body .one-click-datails-dialog.tlp-dialog, body .request-details-dialog.tlp-dialog {
        height: 100%;
        width: 100%;
        border-radius: 0
    }

        body .one-click-datails-dialog.tlp-dialog .tlp-dialog-body .request-details-content, body .request-details-dialog.tlp-dialog .tlp-dialog-body .request-details-content {
            padding: .63em
        }

    .one-click-progress-bar {
        display: none
    }

    .one-click-progress-bar-mobile {
        display: block
    }

    .one-click-preview-dialog.tlp-dialog {
        height: 100%;
        width: 100%
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview {
            padding: 0
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .one-click-preview-dialog.tlp-dialog {
        height: calc(100% - 50px);
        width: calc(100% - 50px)
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview {
            padding: 0
        }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    .one-click-preview-dialog.tlp-dialog {
        width: calc(100% - 50px)
    }
}

@media (min-width: 768px) and (max-width:992px) and (orientation:landscape) {
    body .slider-dialog.ui-dialog .ui-dialog-content .info-carousel .slider-container .frame-info .frame-info-content {
        height: calc(100vh - 262px)
    }

    .one-click-preview-dialog.tlp-dialog {
        height: 100%;
        width: 100%;
        border-radius: 0
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .image-preview {
            width: 343px
        }
}

@media (max-width: 767px) {
    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .image-preview {
        display: none
    }

    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview {
        width: 100%
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body {
            border-top: 1px solid var(--primary-br-color)
        }
}

@media (min-width: 768px) and (max-width:992px) and (orientation:landscape) {
    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview {
        width: calc(100% - 343px)
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .image-preview {
        display: none
    }

    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview {
        width: 100%
    }

        .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .image-preview-mob {
            display: block
        }
}

@media (max-width: 767px) {
    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .image-preview-mob {
        display: block
    }

    .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-description, .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-details, .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .observation-resurces, .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .see-original-data, .one-click-preview-dialog.tlp-dialog .one-click-observation-preview .details-preview .tlp-dialog-body .social {
        padding: 0 .94em
    }

    .folders-dataview.ui-dataview .ui-dataview-content > .ui-g {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between
    }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .add-folder-btn-wrapper {
            width: 152px;
            height: 160px;
            margin: .75em
        }
}

@media (max-width: 320px) {
    .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .add-folder-btn-wrapper {
        width: 120px;
        height: 130px;
        margin: .75em
    }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .add-folder-btn-wrapper .add-btn-folder .add-btn-text {
            font-size: 12px
        }
}

@media (max-width: 767px) {
    .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper {
        width: 152px;
        height: 160px;
        margin: .75em
    }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper .folder-proj-header .ui-menu {
            width: 100%
        }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper .folder-proj-body .folder-project-btn {
            margin-top: 0
        }
}

@media (max-width: 320px) {
    .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper {
        width: 120px;
        height: 130px;
        margin: .75em
    }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper .folder-proj-header {
            padding-top: 0;
            padding-bottom: 0
        }

        .folders-dataview.ui-dataview .ui-dataview-content > .ui-g .folder-projects-wrapper .folder-proj-body .folder-info .folder-name {
            font-size: 12px
        }

    .folders-dataview .folder-sort .ui-dropdown .ui-dropdown-label {
        padding-left: 60px
    }
}

.tl-dropdown {
    display: inline-block;
    width: 315px;
    height: auto;
    background: #2d2d3a;
    border-radius: 8px;
    border: 1px solid #36363b
}

    .tl-dropdown .tl-dropdown-header {
        -webkit-display: flex;
        -khtml-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        border-bottom: 1px solid #36363b;
        padding: 1em 1.5em;
        font-family: Monark-regular,sans-serif;
        font-size: 16px;
        color: var(--text-color);
        text-transform: uppercase
    }

        .tl-dropdown .tl-dropdown-header .close-dropdown-btn {
            background-color: transparent;
            border-color: transparent;
            padding: 0;
            cursor: pointer
        }

            .tl-dropdown .tl-dropdown-header .close-dropdown-btn i {
                color: var(--dropdown-icon-color)
            }

    .tl-dropdown .tl-dropdown-content {
        height: 300px;
        overflow: auto;
        padding: 1em 1.5em
    }

        .tl-dropdown .tl-dropdown-content .dropdown-list {
            margin: 0
        }

            .tl-dropdown .tl-dropdown-content .dropdown-list .droprown-list-item {
                padding: .44em 0
            }

    .tl-dropdown .tl-dropdown-footer {
        border-top: 1px solid #36363b;
        padding: 1em 1.5em
    }

        .tl-dropdown .tl-dropdown-footer .tl-btn-panel {
            margin: 0
        }

    .tl-dropdown.fixed-dropdown {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9995
    }

        .tl-dropdown.fixed-dropdown:not(.state-visible) {
            display: none
        }

        .tl-dropdown.fixed-dropdown.state-visible {
            display: inline-block
        }

        .tl-dropdown.fixed-dropdown.fixed-mobile-dropdown {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            z-index: 2147483004 !important;
            transform: none !important
        }

            .tl-dropdown.fixed-dropdown.fixed-mobile-dropdown .tl-dropdown-content {
                height: calc(100vh - 145px);
                overflow: hidden;
                overflow-y: auto
            }

#table-action-top-toolbar {
    background: var(--body-background);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    z-index: 199
}

#selected-table-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--dropdown-bg);
    z-index: 2147483004
}

    #selected-table-bottom-bar .selected-bottom-action-toolbar {
        padding: 1em;
        border: 1px solid var(--dropdown-br-color)
    }

        #selected-table-bottom-bar .selected-bottom-action-toolbar .add, #selected-table-bottom-bar .selected-bottom-action-toolbar .assign-co, #selected-table-bottom-bar .selected-bottom-action-toolbar .delete, #selected-table-bottom-bar .selected-bottom-action-toolbar .download, #selected-table-bottom-bar .selected-bottom-action-toolbar .qa-passed {
            align-self: center;
            padding: .31em 0
        }

        #selected-table-bottom-bar .selected-bottom-action-toolbar .download, #selected-table-bottom-bar .selected-bottom-action-toolbar .qa-passed {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center
        }

        #selected-table-bottom-bar .selected-bottom-action-toolbar .delete {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: flex-end
        }

        #selected-table-bottom-bar .selected-bottom-action-toolbar .action-btn {
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: .02em;
            color: var(--amber-10);
            background-color: transparent;
            border-color: transparent
        }

            #selected-table-bottom-bar .selected-bottom-action-toolbar .action-btn.btn-delete {
                color: #eb5757
            }

        #selected-table-bottom-bar .selected-bottom-action-toolbar.my-folders-action-toolbar .delete {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: flex-end
        }

        #selected-table-bottom-bar .selected-bottom-action-toolbar.my-folders-action-toolbar .download {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: initial
        }

.p-heading {
    background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat
}

.p-heading--sticky {
    background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 64px;
    z-index: 205
}

.p-heading.p-heading-sticky {
    background: url(../images/svg/sticky-background.jpg) center center/cover no-repeat;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 64px;
    z-index: 210;
    height: 50px
}

#filter-container .filter-actions .filter--action-btn {
    position: relative;
    display: inline-block;
    font-family: Rubik,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: var(--filter-btn-txt-color);
    padding: .31em .75em;
    margin: .63em .63em .63em 0;
    border-radius: 18px;
    background: var(--transparent-color);
    border: 1px solid var(--filter-btn-br-color);
    transition: all .5s ease-in-out
}

    #filter-container .filter-actions .filter--action-btn:hover {
        background: var(--dropdown-bg);
        border-color: var(--filter-btn-txt-hover-color);
        color: var(--filter-btn-txt-hover-color)
    }

    #filter-container .filter-actions .filter--action-btn.is-active {
        border-color: var(--filter-btn-txt-hover-color);
        color: var(--filter-btn-txt-hover-color)
    }

#filter-container .filter {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2147483004;
    background-color: #2d2d3a;
    border: 1px solid #36363b
}

#filter-container .filter__header {
    -webkit-display: flex;
    -khtml-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 1.5em 1em;
    background-color: #2d2d3a
}

#filter-container .filter__title {
    font-family: Monark-regular,sans-serif;
    font-size: 18px;
    color: var(--text-color)
}

#filter-container .filter__body {
    border-top: 1px solid var(--dropdown-br-color);
    border-bottom: 1px solid var(--dropdown-br-color);
    padding: 0 1em;
    height: calc(100vh - 155px);
    overflow: hidden;
    overflow-y: auto
}

    #filter-container .filter__body .filter-items {
        margin: 0
    }

        #filter-container .filter__body .filter-items li {
            -webkit-display: flex;
            -khtml-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid var(--dropdown-br-color);
            border-bottom: 1px solid var(--dropdown-br-color)
        }

            #filter-container .filter__body .filter-items li:first-child {
                border-top: none
            }

            #filter-container .filter__body .filter-items li a {
                font-family: Monark-regular,sans-serif;
                font-size: 16px;
                color: var(--text-color-primary);
                padding: 1.5em 0;
                text-transform: uppercase
            }

            #filter-container .filter__body .filter-items li i {
                font-size: 22px;
                color: #a7aab1
            }

#filter-container .filter__footer {
    padding: 1em 1.25em
}

    #filter-container .filter__footer .tl-btn-panel {
        margin: 0
    }

        #filter-container .filter__footer .tl-btn-panel .cancel-btn {
            background-color: transparent;
            border-color: transparent;
            font-family: Monark-regular,sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: .02em;
            text-transform: uppercase;
            color: var(--link-clolor)
        }

#filter-container .filter.selected-filter {
    display: block
}

.hidden-checkbox::after, .hidden-checkbox::before {
    display: none
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px
}

    ::-webkit-scrollbar:vertical {
        width: 9px
    }

    ::-webkit-scrollbar:horizontal {
        height: 9px
    }

::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #303030
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #707070;
    border: 1px solid #646469
}

    ::-webkit-scrollbar-thumb:hover {
        background: #707070
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(112,112,112,.6)
    }

.fake-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 9px
}

.fake-scrollable-body::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #303030
}

.fake-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #707070;
    border: 1px solid #646469
}

    .fake-scrollable-body::-webkit-scrollbar-thumb:hover {
        background: #707070
    }

    .fake-scrollable-body::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(112,112,112,.6)
    }

.tile-wrapper {
    width: 100%;
    margin-bottom: 60px
}

    .tile-wrapper .tile-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: stretch;
        padding-top: 10px
    }

        .tile-wrapper .tile-grid .grid-item {
            margin-bottom: 12px
        }

            .tile-wrapper .tile-grid .grid-item .tile-view {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
                margin: 0 4px !important
            }

                .tile-wrapper .tile-grid .grid-item .tile-view .tile-view-title, .tile-wrapper .tile-grid .grid-item .tile-view body .tile-view__header .tile-view-badge, body .tile-view__header .tile-wrapper .tile-grid .grid-item .tile-view .tile-view-badge {
                    margin: 0
                }

                .tile-wrapper .tile-grid .grid-item .tile-view .tile-view__image {
                    padding-bottom: 76%
                }

                .tile-wrapper .tile-grid .grid-item .tile-view .tile-view-list {
                    margin-top: 0;
                    margin-bottom: 0
                }

                .tile-wrapper .tile-grid .grid-item .tile-view .tile-view__footer .bordered-none {
                    margin: 0
                }

@media (max-width: 1400px) and (min-width:1025px) {
    .tile-wrapper .tile-grid .grid-item {
        width: 50%
    }
}

@media (max-width: 1760px) and (min-width:1400px) {
    .tile-wrapper .tile-grid .grid-item {
        width: 33.3%
    }
}

@media (max-width: 1921px) and (min-width:1760px) {
    .tile-wrapper .tile-grid .grid-item {
        width: 25%
    }
}

@media (max-width: 2480px) and (min-width:1921px) {
    .tile-wrapper .tile-grid .grid-item {
        width: 20%
    }
}

@media screen and (min-width: 2481px) {
    .tile-wrapper .tile-grid .grid-item {
        width: 16.66%
    }
}

.tile-wrapper .tile-grid .grid-empty-item {
    margin-bottom: 20px !important
}

    .tile-wrapper .tile-grid .grid-empty-item .tile-view {
        height: 100%;
        margin: 0 !important
    }

.grid-action a {
    color: var(--th-txt-color)
}

    .grid-action a.active {
        color: var(--white)
    }

.table-actions button {
    transition: 150ms ease-in-out
}

    .table-actions button:hover {
        opacity: .7
    }

.table-actions .delete {
    color: #eb5757 !important
}

.table-actions .download, .table-actions .link {
    color: var(--amber) !important
}

.link-primary {
    font-family: Monark-regular,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--amber-10)
}

.page-title-btn-link {
    margin-top: 7px;
    font-family: Monark-regular;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--amber);
    border-bottom: 1px solid var(--amber)
}

    .page-title-btn-link:hover {
        color: var(--amber-10)
    }

.liked-checkbox .ui-chkbox .ui-chkbox-box {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: none
}

    .liked-checkbox .ui-chkbox .ui-chkbox-box:hover {
        border: none !important
    }

    .liked-checkbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
        font-family: "Font Awesome 5 Pro";
        line-height: 1.125em;
        color: #fff;
        font-size: 16px;
        font-weight: 300
    }

        .liked-checkbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon::before {
            content: '\f004'
        }

    .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
        background-color: transparent;
        border: none
    }

        .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active:focus, .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active:hover {
            border: none !important;
            background-color: transparent !important
        }

        .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
            font-family: fontAwesome;
            color: var(--amber-10);
            font-size: 16px
        }

            .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon.pi-check::before {
                content: '\f004'
            }

    .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-focus {
        background-color: transparent !important;
        border: none !important
    }

        .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-focus:focus, .liked-checkbox .ui-chkbox .ui-chkbox-box.ui-state-focus:hover {
            border: none !important;
            background-color: transparent !important
        }

.liked-checkbox.upvote .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    color: var(--amber-10)
}

    .liked-checkbox.upvote .ui-chkbox .ui-chkbox-box .ui-chkbox-icon::before, .liked-checkbox.upvote .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon.pi-check::before {
        content: '\f164'
    }

.liked-filter-wrap .filter-title {
    font-family: Rubik,sans-serif;
    color: var(--gray-40)
}

.liked-filter-wrap p {
    width: 70%;
    color: #fff
}

.bronze {
    color: #905923
}

.silver {
    color: #a7aab1
}

.gold, [class~="gold+"] {
    color: #d8a31f
}

.platinum {
    color: #e5e4e2
}

.diamond {
    color: #adcee3
}

.no-decoration::after, .no-decoration::before {
    display: none
}

.premium {
    position: absolute;
    top: 5px;
    left: 10px;
    background-color: #dacc9f;
    border-radius: 4px;
    color: #000;
    padding: 0 5px;
    font-size: 12px;
    font-family: Rubik,sans-serif
}

.font-size-small {
    font-size: 12px !important
}

.app-expire-free-trail {
    padding: 10px;
    margin: 1.25em;
    border: 1px solid rgba(100,100,105,.8);
    border-radius: 3px
}

    .app-expire-free-trail p {
        margin-bottom: 0
    }

    .app-expire-free-trail.expired {
        background-color: #f44545;
        border-color: transparent
    }

        .app-expire-free-trail.expired p {
            color: #fff !important
        }

.video-js {
    width: 100%
}

    .video-js .vjs-big-play-button {
        top: 50% !important;
        left: 50% !important;
        width: 43px !important;
        height: 43px !important;
        border-radius: 50% !important;
        border: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translate(-50%,-50%) !important
    }

        .video-js .vjs-big-play-button .vjs-icon-placeholder {
            font-size: 20px
        }

        .video-js .vjs-big-play-button ::before {
            position: unset !important
        }

    .video-js.vjs-playing .vjs-big-play-button {
        display: none !important
    }

.curp {
    cursor: pointer
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

    .cc-window.cc-invisible {
        opacity: 0
    }

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

    .cc-animate.cc-revoke.cc-top {
        transform: translateY(-2em)
    }

    .cc-animate.cc-revoke.cc-bottom {
        transform: translateY(2em)
    }

    .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
        transform: translateY(0)
    }

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9999
}

    .cc-window.cc-static {
        position: static
    }

    .cc-window.cc-floating {
        padding: 2em;
        max-width: 24em;
        flex-direction: column
    }

    .cc-window.cc-banner {
        padding: 1em 1.8em;
        width: 100%;
        flex-direction: row
    }

.cc-revoke {
    padding: .5em
}

    .cc-revoke:hover {
        text-decoration: underline
    }

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

    .cc-link:hover {
        opacity: 1
    }

    .cc-link:active, .cc-link:visited {
        color: initial
    }

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

    .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
        background-color: transparent;
        text-decoration: underline
    }

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

    .cc-close:focus, .cc-close:hover {
        opacity: 1
    }

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    flex: 1 0 auto
}

.cc-window.cc-banner {
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: flex;
    align-items: center;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        flex-direction: column
    }

        .cc-window.cc-banner .cc-compliance {
            flex: 1 1 auto
        }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        align-items: unset
    }

        .cc-window.cc-banner .cc-message {
            margin-right: 0
        }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

    .cc-theme-classic .cc-btn:last-child {
        min-width: 140px
    }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

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

.fc-rtl {
    text-align: right
}

body .fc {
    font-size: 1em
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15)
}

    .fc-popover .fc-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 2px 4px
    }

.fc-rtl .fc-popover .fc-header {
    flex-direction: row-reverse
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-popover .fc-header .fc-close {
    cursor: pointer;
    opacity: .65;
    font-size: 1.1em
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

    .fc-bg table {
        height: 100%
    }

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc th {
    text-align: center
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

    .fc td.fc-today {
        border-style: double
    }

a[data-goto] {
    cursor: pointer
}

    a[data-goto]:hover {
        text-decoration: underline
    }

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

    .fc-row .fc-bg {
        z-index: 1
    }

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
        bottom: 0
    }

        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
            height: 100%
        }

        .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
            border-color: transparent
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px
    }

    .fc-row .fc-mirror-skeleton {
        z-index: 5
    }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    background: 0 0;
    border-color: transparent
}

.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

    .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
        position: relative;
        width: 100%
    }

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.4;
    border-radius: 3px;
    border: 1px solid #3788d8
}

.fc-event, .fc-event-dot {
    background-color: #3788d8
}

    .fc-event, .fc-event:hover {
        color: #fff;
        text-decoration: none
    }

        .fc-event.fc-draggable, .fc-event[href] {
            cursor: pointer
        }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}

    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

    .fc-event.fc-selected:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: #000;
        opacity: .25
    }

.fc-event.fc-dragging.fc-selected {
    box-shadow: 0 2px 7px rgba(0,0,0,.3)
}

.fc-event.fc-dragging:not(.fc-selected) {
    opacity: .75
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    width: 6px;
    height: 6px;
    background: #fff;
    top: 50%;
    margin-top: -4px;
    border: 1px solid;
    border-color: inherit
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
    margin-top: 0
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

    a.fc-more:hover {
        text-decoration: underline
    }

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

    .fc-more-popover .fc-event-container {
        padding: 10px
    }

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
        background: #eee
    }

.fc-unthemed td.fc-today {
    background: #fcf8e3
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}

@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: 400;
    font-style: normal
}

.fc-icon {
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center
}

.fc-icon-chevron-left:before {
    content: ""
}

.fc-icon-chevron-right:before {
    content: ""
}

.fc-icon-chevrons-left:before {
    content: ""
}

.fc-icon-chevrons-right:before {
    content: ""
}

.fc-icon-minus-square:before {
    content: ""
}

.fc-icon-plus-square:before {
    content: ""
}

.fc-icon-x:before {
    content: ""
}

.fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    -webkit-appearance: button;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4em .65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em
}

    .fc-button:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(44,62,80,.25)
    }

    .fc-button:not(:disabled) {
        cursor: pointer
    }

    .fc-button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

    .fc-button:hover {
        color: #212529;
        text-decoration: none
    }

    .fc-button:disabled {
        opacity: .65
    }

.fc-button-primary {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50
}

    .fc-button-primary:hover {
        color: #fff;
        background-color: #1e2b37;
        border-color: #1a252f
    }

    .fc-button-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
    }

    .fc-button-primary:disabled {
        color: #fff;
        background-color: #2c3e50;
        border-color: #2c3e50
    }

    .fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
        color: #fff;
        background-color: #1a252f;
        border-color: #151e27
    }

        .fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
        }

.fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em
}

.fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .fc-button-group > .fc-button {
        position: relative;
        flex: 1 1 auto
    }

        .fc-button-group > .fc-button.fc-button-active, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:hover {
            z-index: 1
        }

        .fc-button-group > .fc-button:not(:first-child) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .fc-button-group > .fc-button:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5
}

.fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em
    }

    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1.5em
    }

    .fc-toolbar > * > :not(:first-child) {
        margin-left: .75em
    }

    .fc-toolbar h2 {
        font-size: 1.75em;
        margin: 0
    }

.fc-view-container {
    position: relative
}

    .fc-view-container *, .fc-view-container :after, .fc-view-container :before {
        box-sizing: content-box
    }

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

@media print {
    .fc {
        max-width: 100% !important
    }

    .fc-event {
        background: #fff !important;
        color: #000 !important;
        page-break-inside: avoid
    }

        .fc-event .fc-resizer {
            display: none
        }

    .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
        border-color: #ccc !important;
        background: #fff !important
    }

    .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-highlight-container, .fc-highlight-skeleton, .fc-mirror-container, .fc-mirror-skeleton {
        display: none
    }

    .fc tbody .fc-row {
        height: auto !important;
        min-height: 0 !important
    }

        .fc tbody .fc-row .fc-content-skeleton {
            position: static;
            padding-bottom: 0 !important
        }

            .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
                padding-bottom: 1em
            }

            .fc tbody .fc-row .fc-content-skeleton table {
                height: 1em
            }

    .fc-more, .fc-more-cell {
        display: none !important
    }

    .fc tr.fc-limited {
        display: table-row !important
    }

    .fc td.fc-limited {
        display: table-cell !important
    }

    .fc-popover {
        display: none
    }

    .fc-time-grid {
        min-height: 0 !important
    }

    .fc-timeGrid-view .fc-axis {
        display: none
    }

    .fc-slats, .fc-time-grid hr {
        display: none !important
    }

    .fc-time-grid .fc-content-skeleton {
        position: static
    }

        .fc-time-grid .fc-content-skeleton table {
            height: 4em
        }

    .fc-time-grid .fc-event-container {
        margin: 0 !important
    }

    .fc-time-grid .fc-event {
        position: static !important;
        margin: 3px 2px !important
    }

        .fc-time-grid .fc-event.fc-not-end {
            border-bottom-width: 1px !important
        }

            .fc-time-grid .fc-event.fc-not-end:after {
                content: "..."
            }

        .fc-time-grid .fc-event.fc-not-start {
            border-top-width: 1px !important
        }

            .fc-time-grid .fc-event.fc-not-start:before {
                content: "..."
            }

        .fc-time-grid .fc-event .fc-time {
            white-space: normal !important
        }

            .fc-time-grid .fc-event .fc-time span {
                display: none
            }

            .fc-time-grid .fc-event .fc-time:after {
                content: attr(data-full)
            }

    .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
        overflow: visible !important;
        height: auto !important
    }

    .fc-row {
        border: 0 !important;
        margin: 0 !important
    }

    .fc button, .fc-button-group {
        display: none
    }
}

.fc-dayGridDay-view .fc-content-skeleton, .fc-dayGridWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-dayGrid-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid {
    overflow: hidden
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

.fc-day-top.fc-other-month {
    opacity: .3
}

.fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number {
    padding: 2px
}

.fc-dayGrid-view th.fc-day-number, .fc-dayGrid-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-dayGrid-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey
}

.fc-dayGrid-view td.fc-week-number {
    text-align: center
}

    .fc-dayGrid-view td.fc-week-number > * {
        display: inline-block;
        min-width: 1.25em
    }

.fc-timeline .fc-divider {
    width: 3px;
    border-style: double
}

.fc-timeline .fc-head > tr > .fc-divider {
    border-bottom: 0
}

.fc-timeline .fc-body > tr > .fc-divider {
    border-top: 0
}

.fc-resource-area {
    width: 30%
}

    .fc-resource-area col {
        width: 40%;
        min-width: 70px
    }

        .fc-resource-area col.fc-main-col {
            width: 60%
        }

.fc-flat .fc-expander-space {
    display: none
}

.fc-ltr .fc-resource-area tr > * {
    text-align: left
}

.fc-rtl .fc-resource-area tr > * {
    text-align: right
}

.fc-resource-area .fc-cell-content {
    padding-left: 4px;
    padding-right: 4px
}

.fc-resource-area .fc-super th {
    text-align: center
}

.fc-resource-area th > div {
    position: relative
}

.fc-resource-area th .fc-cell-content {
    position: relative;
    z-index: 1
}

.fc-resource-area th .fc-col-resizer {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 5px
}

.fc-timeline .fc-col-resizer {
    cursor: col-resize
}

.fc-ltr .fc-resource-area th .fc-col-resizer {
    right: -3px
}

.fc-rtl .fc-resource-area th .fc-col-resizer {
    left: -3px
}

.fc-body .fc-resource-area .fc-cell-content {
    padding-top: 8px;
    padding-bottom: 8px
}

.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content {
    padding-top: 6px;
    padding-bottom: 6px
}

.fc-resource-area .fc-icon {
    display: inline-block;
    width: 1em;
    text-align: center
}

.fc-resource-area .fc-expander {
    cursor: pointer;
    opacity: .65
}

.fc-time-area .fc-rows {
    position: relative;
    z-index: 3
}

    .fc-time-area .fc-rows td > div {
        position: relative
    }

    .fc-time-area .fc-rows .fc-bgevent-container, .fc-time-area .fc-rows .fc-highlight-container {
        z-index: 1
    }

.fc-timeGrid-view .fc-day-grid {
    position: relative;
    z-index: 2
}

    .fc-timeGrid-view .fc-day-grid .fc-row {
        min-height: 3em
    }

        .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-bottom: 1em
        }

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

    .fc-time-grid table {
        border: 0 hidden transparent
    }

    .fc-time-grid > .fc-bg {
        z-index: 1
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-content-col {
        position: relative
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-highlight-container {
        z-index: 3;
        position: relative
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5
    }

    .fc-time-grid .fc-mirror-container {
        position: relative;
        z-index: 6
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-time-grid-event {
    margin-bottom: 1px
}

.fc-time-grid-event-inset {
    box-shadow: 0 0 0 1px #fff
}

.fc-time-grid-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-time-grid-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event .fc-content {
    overflow: hidden;
    max-height: 100%
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

    .fc-time-grid-event.fc-short .fc-time span {
        display: none
    }

    .fc-time-grid-event.fc-short .fc-time:before {
        content: attr(data-start)
    }

    .fc-time-grid-event.fc-short .fc-time:after {
        content: " - "
    }

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
        content: "="
    }

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    border: 1px solid;
    border-color: inherit
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-scroller-clip {
    overflow: hidden;
    position: relative
}

.fc-no-scrollbars {
    background: rgba(255,255,255,0)
}

    .fc-no-scrollbars::-webkit-scrollbar {
        width: 0;
        height: 0
    }

.fc-scroller-canvas {
    position: relative;
    box-sizing: border-box;
    min-height: 100%
}

    .fc-scroller-canvas > .fc-bg {
        z-index: 1
    }

    .fc-scroller-canvas > .fc-content {
        z-index: 2;
        position: relative;
        border-style: solid;
        border-width: 0
    }

    .fc-scroller-canvas.fc-gutter-left > .fc-content {
        border-left-width: 1px;
        margin-left: -1px
    }

    .fc-scroller-canvas.fc-gutter-right > .fc-content {
        border-right-width: 1px;
        margin-right: -1px
    }

    .fc-scroller-canvas.fc-gutter-top > .fc-content {
        border-top-width: 1px;
        margin-top: -1px
    }

.fc-rtl .fc-timeline {
    direction: rtl
}

.fc-scrolled .fc-head .fc-scroller {
    z-index: 2
}

.fc-timeline.fc-scrolled .fc-head .fc-scroller {
    box-shadow: 0 3px 4px rgba(0,0,0,.075)
}

.fc-timeline .fc-body .fc-scroller {
    z-index: 1
}

.fc-timeline .fc-scroller-canvas > div > div > table, .fc-timeline .fc-scroller-canvas > div > table {
    border-style: hidden
}

.fc-timeline .fc-scroller-canvas > .fc-content > .fc-rows > table {
    border-bottom-style: none
}

.fc-timeline td, .fc-timeline th {
    white-space: nowrap
}

.fc-timeline .fc-cell-content {
    overflow: hidden
}

.fc-timeline .fc-cell-text {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px
}

.fc-timeline th {
    vertical-align: middle
}

.fc-timeline .fc-head .fc-cell-content {
    padding-top: 3px;
    padding-bottom: 3px
}

.fc-timeline .fc-head .fc-time-area .fc-cell-content {
    overflow: visible
}

.fc-time-area col {
    min-width: 2.2em
}

.fc-ltr .fc-time-area .fc-chrono th {
    text-align: left
}

.fc-rtl .fc-time-area .fc-chrono th {
    text-align: right
}

.fc-time-area .fc-slats {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .fc-time-area .fc-slats table {
        height: 100%
    }

    .fc-time-area .fc-slats .fc-minor {
        border-style: dotted
    }

    .fc-time-area .fc-slats td {
        border-width: 0 1px
    }

.fc-ltr .fc-time-area .fc-slats td {
    border-right-width: 0
}

.fc-rtl .fc-time-area .fc-slats td {
    border-left-width: 0
}

.fc-time-area .fc-bgevent-container, .fc-time-area .fc-highlight-container {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 0
}

.fc-ltr .fc-time-area .fc-bgevent-container, .fc-ltr .fc-time-area .fc-highlight-container, .fc-ltr .fc-time-area .fc-mirror-container {
    left: 0
}

.fc-rtl .fc-time-area .fc-bgevent-container, .fc-rtl .fc-time-area .fc-highlight-container, .fc-rtl .fc-time-area .fc-mirror-container {
    right: 0
}

.fc-time-area .fc-bgevent, .fc-time-area .fc-highlight {
    position: absolute;
    top: 0;
    bottom: 0
}

.fc-timeline .fc-now-indicator {
    z-index: 3;
    top: 0
}

.fc-time-area .fc-now-indicator-arrow {
    margin: 0 -6px;
    border-width: 6px 5px 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.fc-time-area .fc-now-indicator-line {
    margin: 0 -1px;
    bottom: 0;
    border-left-width: 1px
}

.fc-time-area .fc-event-container {
    position: relative;
    z-index: 2;
    width: 0
}

.fc-time-area .fc-mirror-container {
    position: absolute;
    z-index: 3;
    top: 0
}

.fc-time-area .fc-event-container {
    padding-bottom: 8px;
    top: -1px
}

.fc-time-area tr:first-child .fc-event-container {
    top: 0
}

.fc-no-overlap .fc-time-area .fc-event-container {
    padding-bottom: 0;
    top: 0
}

.fc-timeline-event {
    position: absolute;
    display: flex;
    border-radius: 0;
    padding: 2px 1px;
    margin-bottom: 1px
}

.fc-no-overlap .fc-timeline-event {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0
}

.fc-ltr .fc-timeline-event {
    flex-direction: row;
    margin-right: 1px
}

.fc-rtl .fc-timeline-event {
    margin-left: 1px
}

.fc-timeline-event .fc-time-wrap {
    flex-shrink: 0;
    min-width: 0
}

.fc-timeline-event .fc-title-wrap {
    flex-grow: 1;
    min-width: 0
}

.fc-timeline-event .fc-time, .fc-timeline-event .fc-title {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: 0 2px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden
}

.fc-timeline-event .fc-time {
    font-weight: 700
}

.fc-timeline-event.fc-not-end:after, .fc-timeline-event.fc-not-start:before {
    content: "";
    align-self: center;
    width: 0;
    height: 0;
    margin: 0 1px;
    border: 5px solid #000;
    border-top-color: transparent;
    border-bottom-color: transparent;
    opacity: .5
}

.fc-ltr .fc-timeline-event.fc-not-start:before, .fc-rtl .fc-timeline-event.fc-not-end:after {
    border-left: 0
}

.fc-ltr .fc-timeline-event.fc-not-end:after, .fc-rtl .fc-timeline-event.fc-not-start:before {
    border-right: 0
}

.error-alert {
    height: 40px;
    width: 40px;
    float: left;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

#error-alert-svg {
    width: 100%;
    height: fit-content;
}

.error-msg-text {
}