.hljs-link, .hljs-regexp {
    color: #009926
}

.hljs-bullet, .hljs-symbol {
    color: #990073
}

.hljs-built_in, .hljs-builtin-name {
    color: #0086b3
}

.hljs-meta {
    color: #999;
    font-weight: 700
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow:after, .tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow:after, .tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow:after, .tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px
}

.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial
}

.tippy-svg-arrow, .tippy-svg-arrow>svg {
    position: absolute
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px)
}

.tail-select, .tail-select *, .tail-select :after, .tail-select :before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tail-select, .tail-select * {
    outline: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.tail-select {
    width: 250px;
    margin: 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-family: inherit
}

.tail-select mark {
    color: #fff;
    background-color: #dc4650
}

.tail-select button {
    outline: none
}

.tail-select button.tail-all, .tail-select button.tail-none {
    height: auto;
    margin: 0 2px;
    padding: 2px 6px;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    text-shadow: none;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: color 142ms linear, border 142ms linear, background 142ms linear;
    -webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear
}

.tail-select button.tail-all {
    color: rgba(48, 52, 56, .5);
    border-color: rgba(48, 52, 56, .5);
    background-color: transparent
}

.tail-select button.tail-all:hover {
    color: #62c462;
    border-color: #62c462;
    background-color: transparent
}

.tail-select button.tail-none {
    color: rgba(48, 52, 56, .5);
    border-color: rgba(48, 52, 56, .5);
    background-color: transparent
}

.tail-select button.tail-none:hover {
    color: #ee5f5b;
    border-color: #ee5f5b;
    background-color: transparent
}

.tail-select.disabled button.tail-all, .tail-select.disabled button.tail-none {
    color: rgba(48, 52, 56, .25);
    border-color: rgba(48, 52, 56, .25);
    background-color: transparent
}

.tail-select input[type=text] {
    color: #303438;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    outline: 0;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: right;
}

.tail-select input[type=text]:hover {
    color: #303438;
    border-color: transparent;
    background-color: transparent
}

.tail-select input[type=text]:focus {
    color: #3c82e6;
    border-color: transparent;
    background-color: transparent
}

.tail-select.disabled input[type=text] {
    color: rgba(48, 52, 56, .75);
    border-color: transparent;
    background-color: transparent
}

.tail-select-container {
    margin: 0;
    padding: 3px;
    text-align: left;
    border-radius: 3px
}

.tail-select-container .select-handle {
    width: auto;
    color: #303438;
    cursor: pointer;
    margin: 1px;
    padding: .2em .6em .3em;
    display: inline-block;
    position: relative;
    font-size: 11.844px;
    text-align: left;
    font-weight: 700;
    line-height: 16px;
    text-shadow: none;
    vertical-align: top;
    background-color: #d9d9d9;
    border: 0 solid transparent;
    border-radius: 3px;
    transition: background 142ms linear;
    -webkit-transition: background 142ms linear
}

.tail-select-container .select-handle:hover {
    color: #303438;
    background-color: #dc4650
}

.tail-select-container.select-label .select-handle {
    margin: 5px 3px
}

.tail-select .select-label {
    cursor: pointer;
    color: rgba(48, 52, 56, .85);
    width: 100%;
    margin: 0;
    padding: 5px 30px 5px 10px;
    display: block;
    z-index: 27;
    position: relative;
    text-align: right;
    background-color: #fff;
    border: 0 solid #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
    transition: background 142ms linear, box-shadow 142ms linear;
    -webkit-transition: background 142ms linear, box-shadow 142ms linear;
}

.tail-select .select-label:after {
    top: 15px;
    left: 12px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    z-index: 25;
    content: "";
    opacity: .5;
    display: inline-block;
    position: absolute;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    text-shadow: none;
    transition: opacity 142ms linear, transform 142ms linear;
    -webkit-transition: opacity 142ms linear, transform 142ms linear;
}

.tail-select .select-label .label-count, .tail-select .select-label .label-inner {
    width: auto;
    margin: 0;
    text-align: right;
    vertical-align: top;
}

.tail-select .select-label .label-count {
    float: left;
    color: rgba(48, 52, 56, .85);
    margin: 0 5px 0 0;
    padding: 0 7px 0 0;
    display: inline-block;
    font-size: 11.844px;
    font-weight: 700;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: top;
    border: solid #d9d9d9;
    border-width: 0 1px 0 0;
    border-radius: 0
}

.tail-select .select-label .label-inner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tail-select.active .select-label, .tail-select.idle .select-label, .tail-select:hover .select-label {
    z-index: 25;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px #3c82e6;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px #3c82e6
}

.tail-select.active .select-label:after, .tail-select.idle .select-label:after, .tail-select:hover .select-label:after {
    opacity: .85
}

.tail-select.active .select-label .label-count, .tail-select.active .select-label .label-inner, .tail-select.idle .select-label .label-count, .tail-select.idle .select-label .label-inner, .tail-select:hover .select-label .label-count, .tail-select:hover .select-label .label-inner {
    opacity: 1
}

.tail-select.active .select-label {
    z-index: 27
}

.tail-select.active .select-label:after {
    opacity: .85;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.tail-select.disabled .select-label {
    cursor: not-allowed;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .35)
}

.tail-select .select-dropdown {
    top: 100%;
    left: 0;
    color: #303438;
    width: 100%;
    min-height: 35px;
    margin: -1px 0 0;
    padding: 0;
    z-index: 30;
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    border: 0 solid #d9d9d9;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25)
}

.tail-select .select-dropdown .dropdown-search {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.tail-select .select-dropdown .dropdown-inner {
    width: 100%;
    margin: 0;
    padding: 1px 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.tail-select .select-dropdown .dropdown-empty {
    margin: 0;
    padding: 16px 0;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 18px
}

.tail-select .select-dropdown .dropdown-action {
    top: 3px;
    right: 15px;
    width: auto;
    margin: 0;
    padding: 7px 0;
    z-index: 35;
    display: inline-block;
    position: absolute;
    text-align: center
}

.tail-select .select-dropdown ul, .tail-select .select-dropdown ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top
}

.tail-select .select-dropdown ul li {
    color: #303438;
    padding: 5px 10px 5px 35px;
    font-size: 12px;
    text-align: right;
    line-height: 18px;
    font-weight: 400
}

.tail-select .select-dropdown ul li:first-of-type {
    margin-top: 7px
}

.tail-select .select-dropdown ul li:last-of-type {
    margin-bottom: 7px
}

.tail-select .select-dropdown ul li.optgroup-title {
    color: rgba(48, 52, 56, .7);
    cursor: default;
    margin: 9px 0 0;
    padding-left: 10px;
    font-size: 14px;
    text-shadow: none
}

.tail-select .select-dropdown ul li.optgroup-title button {
    float: right;
    margin-top: -2px;
    opacity: 0
}

.tail-select .select-dropdown ul:hover li button {
    opacity: 1
}

.tail-select .select-dropdown ul li.dropdown-option {
    cursor: pointer;
    color: #303438
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 21;
    display: inline-block;
    content: "";
    opacity: 0;
    position: absolute;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear
}

.tail-select .select-dropdown ul li.dropdown-option .option-description {
    color: rgba(48, 52, 56, .85);
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 10px;
    text-align: left;
    line-height: 14px;
    vertical-align: top
}

.tail-select .select-dropdown ul li.dropdown-option.hover, .tail-select .select-dropdown ul li.dropdown-option.hover .option-description, .tail-select .select-dropdown ul li.dropdown-option:hover, .tail-select .select-dropdown ul li.dropdown-option:hover .option-description {
    color: #303438
}

.tail-select.open-top .select-dropdown {
    top: auto;
    bottom: 100%;
    margin: 0 0 -1px;
    border-radius: 3px 3px 0 0
}

.tail-select.hide-disabled .select-dropdown ul li.disabled, .tail-select.hide-selected .select-dropdown ul li.selected {
    display: none
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z'/%3E%3C/svg%3E")
}

.tail-select .select-dropdown ul li.dropdown-option.hover:before, .tail-select .select-dropdown ul li.dropdown-option:hover:before {
    opacity: .5
}

.tail-select .select-dropdown ul li.dropdown-option.selected {
    color: #3c82e6;
    background-color: #fff
}

.tail-select .select-dropdown ul li.dropdown-option.selected:before {
    opacity: .85;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z'/%3E%3C/svg%3E")
}

.tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
    color: #3c82e6
}

.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before, .tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before {
    opacity: .85;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z'/%3E%3C/svg%3E")
}

.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover .option-description, .tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover .option-description {
    color: #3c82e6
}

.tail-select .select-dropdown ul li.dropdown-option {
    transition: all .3s ease-in
}

.tail-select .select-dropdown ul li.dropdown-option.hover, .tail-select .select-dropdown ul li.dropdown-option:hover {
    transition: all .4s ease;
    background-color: #e9edf2
}

.tail-select.disabled .select-dropdown ul li.dropdown-option, .tail-select .select-dropdown ul li.dropdown-option.disabled {
    cursor: not-allowed;
    color: rgba(48, 52, 56, .4);
    text-shadow: 0 1px 0 rgba(119, 129, 138, .1), 0 -1px 0 rgba(0, 0, 0, .1);
    background-color: #fafafa
}

.tail-select.disabled .select-dropdown ul li.dropdown-option:before, .tail-select .select-dropdown ul li.dropdown-option.disabled:before {
    opacity: .85;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm0 1.3c1.3 0 2.5.44 3.47 1.17l-8 8A5.755 5.755 0 011.3 8c0-3.14 2.56-5.7 5.7-5.7zm0 11.41c-1.3 0-2.5-.44-3.47-1.17l8-8c.73.97 1.17 2.17 1.17 3.47 0 3.14-2.56 5.7-5.7 5.7z'/%3E%3C/svg%3E")
}

.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description, .tail-select .select-dropdown ul li.dropdown-option.disabled .option-description {
    color: rgba(48, 52, 56, .4)
}

.tail-select.multiple .select-dropdown ul li.dropdown-option:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z'/%3E%3C/svg%3E")
}

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z'/%3E%3C/svg%3E")
}

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before, .tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-2-5H3V7h8v2z'/%3E%3C/svg%3E")
}

.tail-select.multiple.disabled .select-dropdown ul li.dropdown-option:before, .tail-select.multiple .select-dropdown ul li.dropdown-option.disabled:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-8.5-2H3v-1.5L9.5 4H11v1.5L4.5 12z'/%3E%3C/svg%3E")
}

/*!
 * Toastify js 1.11.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 12px 20px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    max-width: -moz-fit-content
}

@media only screen and (max-width:360px) {
    .toastify-left, .toastify-right {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, .3);
    background: #fff;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid hsla(0, 0%, 78.4%, .8);
    background-color: hsla(0, 0%, 100%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: hsla(0, 0%, 100%, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(180deg, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(180deg, #be2626, #a92222);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

img[data-action=zoom] {
    cursor: zoom-in
}

.zoom-img, .zoom-img-wrap {
    position: relative;
    z-index: 666;
    transition: all .3s
}

.zoom-overlay, img.zoom-img {
    cursor: zoom-out
}

.zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: "alpha(opacity=0)";
    opacity: 0;
    transition: opacity .3s
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1
}

.tabulator {
    position: relative;
    border: 1px solid #999;
    background-color: #888;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    transform: translatez(0)
}

.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
    min-width: 100%
}

.tabulator[tabulator-layout=fitDataTable] {
    display: inline-block
}

.tabulator.tabulator-block-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabulator .tabulator-header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #999;
    background-color: #e6e6e6;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator .tabulator-header.tabulator-header-hidden {
    display: none
}

.tabulator .tabulator-header .tabulator-col {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid #aaa;
    background: #e6e6e6;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
    position: absolute;
    border: 1px solid #999;
    background: #cdcdcd;
    pointer-events: none
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    box-sizing: border-box;
    position: relative;
    padding: 4px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
    padding: 0 8px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
    cursor: pointer;
    opacity: .6
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
    position: relative
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #999;
    padding: 1px;
    background: #fff
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button+.tabulator-title-editor {
    width: calc(100% - 22px)
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    position: relative;
    display: flex;
    border-top: 1px solid #aaa;
    overflow: hidden;
    margin-right: -1px
}

.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    position: relative;
    box-sizing: border-box;
    margin-top: 2px;
    width: 100%;
    text-align: center
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
    height: auto!important
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
    margin-top: 3px
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
    width: 0;
    height: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 25px
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    cursor: pointer;
    background-color: #cdcdcd
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
    color: #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: none;
    border-top: 6px solid #666;
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
    transform: rotate(180deg)
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
    padding-right: 0;
    padding-top: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
    padding-right: 0;
    padding-bottom: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
    justify-content: center;
    left: 0;
    right: 0;
    top: 4px;
    bottom: auto
}

.tabulator .tabulator-header .tabulator-frozen {
    display: inline-block;
    position: absolute;
    z-index: 10
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-calcs-holder {
    box-sizing: border-box;
    min-width: 600%;
    background: #f3f3f3!important;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    overflow: hidden
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3!important
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
    min-width: 600%
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
    display: none
}

.tabulator .tabulator-tableHolder {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.tabulator .tabulator-tableHolder:focus {
    outline: none
}

.tabulator .tabulator-tableHolder .tabulator-placeholder {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
    min-height: 100%;
    min-width: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
    color: #ccc;
    font-weight: 700;
    font-size: 20px
}

.tabulator .tabulator-tableHolder .tabulator-table {
    position: relative;
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    overflow: visible;
    color: #333
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
    font-weight: 700;
    background: #e2e2e2!important
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
    border-bottom: 2px solid #aaa
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
    border-top: 2px solid #aaa
}

.tabulator .tabulator-footer {
    padding: 5px 10px;
    border-top: 1px solid #999;
    background-color: #e6e6e6;
    text-align: right;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    box-sizing: border-box;
    width: calc(100% + 20px);
    margin: -5px -10px 5px;
    text-align: left;
    background: #f3f3f3!important;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    overflow: hidden
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3!important
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
    margin-bottom: -5px;
    border-bottom: none
}

.tabulator .tabulator-footer .tabulator-paginator {
    color: #555;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.tabulator .tabulator-footer .tabulator-page-size {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    border: 1px solid #aaa;
    border-radius: 3px
}

.tabulator .tabulator-footer .tabulator-pages {
    margin: 0 7px
}

.tabulator .tabulator-footer .tabulator-page {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, .2)
}

.tabulator .tabulator-footer .tabulator-page.active {
    color: #d00
}

.tabulator .tabulator-footer .tabulator-page:disabled {
    opacity: .5
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.tabulator .tabulator-col-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px
}

.tabulator .tabulator-col-resize-handle.prev {
    left: 0;
    right: auto
}

.tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize
}

.tabulator .tabulator-loader {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

.tabulator .tabulator-loader .tabulator-loader-msg {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: 16px
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    border: 4px solid #333;
    color: #000
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
    border: 4px solid #d00;
    color: #590000
}

.tabulator-row {
    position: relative;
    box-sizing: border-box;
    min-height: 22px;
    background-color: #fff
}

.tabulator-row.tabulator-row-even {
    background-color: #efefef
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #bbb;
    cursor: pointer
}

.tabulator-row.tabulator-selected {
    background-color: #9abcea
}

.tabulator-row.tabulator-selected:hover {
    background-color: #769bcc;
    cursor: pointer
}

.tabulator-row.tabulator-row-moving {
    border: 1px solid #000;
    background: #fff
}

.tabulator-row.tabulator-moving {
    position: absolute;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    pointer-events: none;
    z-index: 15
}

.tabulator-row .tabulator-row-resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px
}

.tabulator-row .tabulator-row-resize-handle.prev {
    top: 0;
    bottom: auto
}

.tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize
}

.tabulator-row .tabulator-frozen {
    display: inline-block;
    position: absolute;
    background-color: inherit;
    z-index: 10
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator-row .tabulator-responsive-collapse {
    box-sizing: border-box;
    padding: 5px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa
}

.tabulator-row .tabulator-responsive-collapse:empty {
    display: none
}

.tabulator-row .tabulator-responsive-collapse table {
    font-size: 14px
}

.tabulator-row .tabulator-responsive-collapse table tr td {
    position: relative
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
    padding-right: 10px
}

.tabulator-row .tabulator-cell {
    border: 0 !important;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 4px;
    border-left: 1px solid #aaa;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabulator-row .tabulator-cell.tabulator-editing {
    border: 1px solid #1d68cd;
    outline: none;
    padding: 0
}

.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
    border: 1px;
    background: transparent
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
    border: 1px solid #d00
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
    border: 1px;
    background: transparent;
    color: #d00
}

.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
    width: 80%
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
    width: 100%;
    height: 3px;
    margin-top: 2px;
    background: #666
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    display: inline-block;
    vertical-align: middle;
    height: 9px;
    width: 7px;
    margin-top: -9px;
    margin-right: 5px;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #aaa
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    margin-right: 5px;
    border: 1px solid #333;
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    overflow: hidden
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2)
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: transparent
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    height: 15px;
    width: 15px;
    border-radius: 20px;
    background: #666;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: .7
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
    display: initial
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open, .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
    display: none
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 14px
}

.tabulator-row.tabulator-group {
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid #aaa;
    border-top: 1px solid #999;
    padding: 5px 5px 5px 10px;
    background: #ccc;
    font-weight: 700;
    min-width: 100%
}

.tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1)
}

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    margin-right: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    border-bottom: 0
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
    padding-left: 30px
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
    padding-left: 50px
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
    padding-left: 70px
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
    padding-left: 90px
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
    padding-left: 110px
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
    display: inline-block
}

.tabulator-row.tabulator-group .tabulator-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 16px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 0;
    border-left: 6px solid #666;
    vertical-align: middle
}

.tabulator-row.tabulator-group span {
    margin-left: 10px;
    color: #d00
}

.tabulator-menu {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    font-size: 14px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000
}

.tabulator-menu .tabulator-menu-item {
    position: relative;
    box-sizing: border-box;
    padding: 5px 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
    opacity: .5
}

.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    cursor: pointer;
    background: #efefef
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
    padding-right: 25px
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
    display: inline-block;
    position: absolute;
    top: calc(5px + .4em);
    right: 10px;
    height: 7px;
    width: 7px;
    content: "";
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 1px 0 0;
    vertical-align: top;
    transform: rotate(45deg)
}

.tabulator-menu .tabulator-menu-separator {
    border-top: 1px solid #aaa
}

.tabulator-edit-select-list {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    max-height: 200px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 14px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
    padding: 4px;
    color: #333
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
    color: #fff;
    background: #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
    outline: 1px solid hsla(0, 0%, 100%, .5)
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
    outline: 1px solid #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-notice {
    padding: 4px;
    color: #333;
    text-align: center
}

.tabulator-edit-select-list .tabulator-edit-select-list-group {
    border-bottom: 1px solid #aaa;
    padding: 6px 4px 4px;
    color: #333;
    font-weight: 700
}

.tabulator.tabulator-ltr {
    direction: ltr
}

.tabulator.tabulator-rtl {
    text-align: initial;
    direction: rtl
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
    text-align: initial;
    border-right: 0px solid #aaa;
    border-left: initial;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    margin-right: 0;
    margin-left: -1px
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 0;
    padding-left: 25px
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
    left: 8px;
    right: auto
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
    border-left: initial;
    border-right: 1px solid #aaa;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    margin-right: 0;
    margin-left: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1px;
    border-left: initial;
    border-right: 2px solid #aaa
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
    margin-right: 0;
    margin-left: 5px
}

.tabulator.tabulator-rtl .tabulator-col-resize-handle {
    position: absolute;
    left: 0;
    right: auto
}

.tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
    left: 0;
    right: auto;
}

.tabulator-print-fullscreen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000
}

body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen) {
    display: none!important
}

.tabulator-print-table {
    border-collapse: collapse
}

.tabulator-print-table .tabulator-data-tree-branch {
    display: inline-block;
    vertical-align: middle;
    height: 9px;
    width: 7px;
    margin-top: -9px;
    margin-right: 5px;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #aaa;
    border-bottom: 2px solid #aaa
}

.tabulator-print-table .tabulator-print-table-group {
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid #aaa;
    border-top: 1px solid #999;
    padding: 5px 5px 5px 10px;
    background: #ccc;
    font-weight: 700;
    min-width: 100%
}

.tabulator-print-table .tabulator-print-table-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1)
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
    margin-right: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    border-bottom: 0
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
    padding-left: 30px!important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
    padding-left: 50px!important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
    padding-left: 70px!important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
    padding-left: 90px!important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
    padding-left: 110px!important
}

.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
    display: inline-block
}

.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 16px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 0;
    border-left: 6px solid #666;
    vertical-align: middle
}

.tabulator-print-table .tabulator-print-table-group span {
    margin-left: 10px;
    color: #d00
}

.tabulator-print-table .tabulator-data-tree-control {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    margin-right: 5px;
    border: 1px solid #333;
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    overflow: hidden
}

.tabulator-print-table .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2)
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: transparent
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: #333
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
    background: #333
}

html {
    --tw-bg-opacity: 1;
    background-color: rgba(28, 63, 170, var(--tw-bg-opacity))
}

html.dark {
    --tw-bg-opacity: 1;
    background-color: rgba(35, 42, 59, var(--tw-bg-opacity))
}

html.dark body {
    --tw-text-opacity: 1;
        color: rgba(226, 232, 240, var(--tw-text-opacity));
}

html.dark body *, html.dark body :after, html.dark body :before {
    --tw-border-opacity: 1;
    border-color: rgba(49, 58, 85, var(--tw-border-opacity))
}

html body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-family: IRANYekan-L;
    font-size: .855rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(45, 55, 72, var(--tw-text-opacity));
}

@media (min-width: 639px) { 
    .body-padding {
        padding: .75rem 2rem;
    }
}


    @media (max-width:639px) {
        html body {
            padding-left: .75rem;
            padding-right: .75rem
        }
    }

    .toastify {
        background: none;
        padding: 0;
        --tw-text-opacity: 1;
        color: rgba(45, 55, 72, var(--tw-text-opacity));
        --tw-shadow: 0 0 transparent;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    @media (max-width:767px) {
        .toastify {
            max-width: calc(100% - 30px)
        }
    }

    .toastify .toast-close {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding-left: .75rem;
        color: transparent;
        opacity: 1;
    }

        .toastify .toast-close:before {
            content: "×";
            margin-top: -.375rem;
            display: block;
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 300;
            --tw-text-opacity: 1;
            color: rgba(113, 128, 150, var(--tw-text-opacity))
        }

    .toastify-content {
        border-radius: .5rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(237, 242, 247, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding: 1.25rem 1.25rem 1.25rem 3.5rem;
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    }

    .dark .toastify-content {
        --tw-bg-opacity: 1;
        background-color: rgba(49, 58, 85, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(226, 232, 240, var(--tw-text-opacity));
    }

    .litepicker {
        border-radius: .375rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        font-size: .75rem;
        line-height: 1.25rem;
        z-index: 999999 !important;
        margin-top: 7px;
        box-shadow: 0 3px 20px rgba(0, 0, 0, .0784313725490196);
        direction: ltr;
        font-family: 'IRANYekan-L';
    }

    @media (max-width:1023px) {
        .litepicker {
            width: 310px
        }
    }

    @media (max-width:639px) {
        .litepicker {
            left: 0 !important;
            right: 0;
            margin-left: auto;
            margin-right: auto
        }
    }

    .litepicker:before {
        left: 9px;
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #e8e8e8
    }

    .litepicker:after, .litepicker:before {
        content: "";
        position: absolute;
        display: inline-block
    }

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

    .litepicker .container__footer, .litepicker .container__months {
        background-color: transparent;
        padding-top: 0;
        --tw-shadow: 0 0 transparent;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .litepicker .container__footer {
        margin: 0;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(237, 242, 247, var(--tw-border-opacity));
        padding: .75rem
    }

    @media (max-width:1023px) {
        .litepicker .container__footer {
            display: flex;
            flex-direction: column-reverse;
            text-align: center
        }

            .litepicker .container__footer .preview-date-range {
                order: 1;
                margin-bottom: .375rem;
                display: block;
                width: 100%
            }

            .litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel {
                width: 100% !important;
                margin-left: 0 !important;
                padding-top: .375rem !important;
                padding-bottom: .375rem !important
            }

            .litepicker .container__footer .button-apply {
                margin-bottom: .375rem
            }
    }

    .litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel {
        margin-left: .25rem;
        margin-right: 0;
        width: 5rem;
        border-radius: .375rem;
        padding: .25rem .5rem;
        font-weight: 500
    }

    .litepicker .container__footer .button-apply {
        --tw-bg-opacity: 1;
        background-color: rgba(21,50,154,var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .litepicker .container__footer .button-cancel {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 242, 247, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(113, 128, 150, var(--tw-text-opacity))
    }

    .litepicker .container__months {
        padding-left: .25rem;
        padding-right: .25rem;
        text-align: right !important;
        direction: ltr;
    }

        .litepicker .container__months .month-item-weekdays-row {
            margin-top: .75rem;
            --tw-text-opacity: 1;
            color: rgba(160, 174, 192, var(--tw-text-opacity));
            direction: rtl;
        }

        .litepicker .container__months .month-item-header {
            padding: .5rem 0 0
        }

            .litepicker .container__months .month-item-header .button-previous-month {
                display: flex;
                height: 2rem;
                width: 2rem;
                align-items: center;
                justify-content: center
            }

                .litepicker .container__months .month-item-header .button-previous-month:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgba(237, 242, 247, var(--tw-bg-opacity))
                }

                .litepicker .container__months .month-item-header .button-previous-month svg {
                    transform: rotate(135deg);
                    margin-right: -.25rem
                }

            .litepicker .container__months .month-item-header .button-next-month {
                display: flex;
                height: 2rem;
                width: 2rem;
                align-items: center;
                justify-content: center
            }

                .litepicker .container__months .month-item-header .button-next-month:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgba(237, 242, 247, var(--tw-bg-opacity))
                }

                .litepicker .container__months .month-item-header .button-next-month svg {
                    transform: rotate(-45deg);
                    margin-left: -.25rem
                }

                .litepicker .container__months .month-item-header .button-next-month:hover svg, .litepicker .container__months .month-item-header .button-next-month svg, .litepicker .container__months .month-item-header .button-previous-month:hover svg, .litepicker .container__months .month-item-header .button-previous-month svg {
                    fill: transparent;
                    border-radius: 0;
                    display: inline-block;
                    border: solid #4a5568;
                    border-width: 0 2px 2px 0;
                    display: block;
                    height: .5rem;
                    width: .5rem
                }

            .litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
                background-size: 15px;
                background-position: center left.6rem;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border-radius: .375rem;
                border-width: 1px;
                background-color: transparent;
                background-repeat: no-repeat;
                padding: .25rem 0.5rem .25rem 2rem;
                text-align: right !important;
                direction: rtl;
            }

    .litepicker .container__days .day-item, .litepicker .container__days .day-item:hover {
        --tw-text-opacity: 1;
        color: rgba(45, 55, 72, var(--tw-text-opacity))
    }

        .litepicker .container__days .day-item:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(237, 242, 247, var(--tw-bg-opacity));
            --tw-shadow: 0 0 transparent;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
        }

        .litepicker .container__days .day-item.is-today, .litepicker .container__days .day-item.is-today:hover {
            --tw-text-opacity: 1;
            color: rgba(54, 90, 116, var(--tw-text-opacity))
        }

        .litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-end-date:hover, .litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-start-date:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(21,50,154,var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity))
        }

        .litepicker .container__days .day-item.is-in-range, .litepicker .container__days .day-item.is-in-range:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(237, 242, 247, var(--tw-bg-opacity))
        }

    .litepicker .container__days .week-number {
        --tw-text-opacity: 1;
        color: rgba(160, 174, 192, var(--tw-text-opacity))
    }

    @media (max-width:1023px) {
        :root {
            --litepicker-day-width: 35px
        }
    }

    .dark .litepicker {
        --tw-bg-opacity: 1;
        background-color: rgba(41, 49, 69, var(--tw-bg-opacity))
    }

        .dark .litepicker:after, .dark .litepicker:before {
            border-right-color: transparent;
            border-left-color: transparent;
            border-bottom-color: #293145
        }

        .dark .litepicker .container__months .button-next-month:hover, .dark .litepicker .container__months .button-previous-month:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(35, 42, 59, var(--tw-bg-opacity))
        }

        .dark .litepicker .container__months .month-item-header .button-next-month:hover svg, .dark .litepicker .container__months .month-item-header .button-next-month svg, .dark .litepicker .container__months .month-item-header .button-previous-month:hover svg, .dark .litepicker .container__months .month-item-header .button-previous-month svg {
            --tw-border-opacity: 1;
            border-color: rgba(226, 232, 240, var(--tw-border-opacity))
        }

        .dark .litepicker .container__days .day-item, .dark .litepicker .container__months .month-item-header div > .month-item-name, .dark .litepicker .container__months .month-item-header div > .month-item-year {
            --tw-text-opacity: 1;
            color: rgba(226, 232, 240, var(--tw-text-opacity));
        }

            .dark .litepicker .container__days .day-item:hover {
                --tw-bg-opacity: 1;
                background-color: rgba(35, 42, 59, var(--tw-bg-opacity))
            }

            .dark .litepicker .container__days .day-item.is-end-date, .dark .litepicker .container__days .day-item.is-end-date:hover, .dark .litepicker .container__days .day-item.is-start-date, .dark .litepicker .container__days .day-item.is-start-date:hover {
                --tw-bg-opacity: 1;
                background-color: rgba(21,50,154,var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgba(226, 232, 240, var(--tw-text-opacity));
            }

            .dark .litepicker .container__days .day-item.is-in-range, .dark .litepicker .container__days .day-item.is-in-range:hover {
                --tw-bg-opacity: 1;
                background-color: rgba(35, 42, 59, var(--tw-bg-opacity))
            }

            .dark .litepicker .container__days .day-item.is-today, .dark .litepicker .container__days .day-item.is-today:hover {
                --tw-text-opacity: 1;
                color: rgba(226, 232, 240, var(--tw-text-opacity));
            }

        .dark .litepicker .container__footer {
            --tw-border-opacity: 1;
            border-color: rgba(49, 58, 85, var(--tw-border-opacity))
        }

            .dark .litepicker .container__footer .button-cancel {
                --tw-text-opacity: 1;
                color: rgba(226, 232, 240, var(--tw-text-opacity));
            }

            .dark .litepicker .container__footer .button-cancel, .dark .litepicker .container__tooltip {
                --tw-bg-opacity: 1;
                background-color: rgba(63, 72, 101, var(--tw-bg-opacity))
            }

                .dark .litepicker .container__tooltip:after, .dark .litepicker .container__tooltip:before {
                    border-top-color: #3f4865
                }

    .tns-outer {
        position: relative
    }

        .tns-outer .tns-controls button {
            background: rgba(113, 128, 150, .2784313725490196);
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 10;
            margin-top: auto;
            margin-bottom: auto;
            height: 1.25rem;
            width: 1.25rem;
            border-radius: 9999px;
            color: transparent;
            outline: 2px solid transparent;
            outline-offset: 2px
        }

            .tns-outer .tns-controls button:hover {
                --tw-bg-opacity: 1;
                background-color: rgba(160, 174, 192, var(--tw-bg-opacity))
            }

            .tns-outer .tns-controls button[data-controls=prev] {
                left: 0;
                margin-left: -1.5rem
            }

                .tns-outer .tns-controls button[data-controls=prev]:before {
                    content: "";
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
                    background-size: 80%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    --tw-translate-x: 0;
                    --tw-translate-y: 0;
                    --tw-rotate: 0;
                    --tw-skew-x: 0;
                    --tw-skew-y: 0;
                    --tw-scale-x: 1;
                    --tw-scale-y: 1;
                    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    --tw-rotate: 90deg;
                    background-position: 50%
                }

            .tns-outer .tns-controls button[data-controls=next] {
                right: 0;
                margin-right: -1.5rem
            }

                .tns-outer .tns-controls button[data-controls=next]:before {
                    content: "";
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
                    background-size: 80%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    --tw-translate-x: 0;
                    --tw-translate-y: 0;
                    --tw-rotate: 0;
                    --tw-skew-x: 0;
                    --tw-skew-y: 0;
                    --tw-scale-x: 1;
                    --tw-scale-y: 1;
                    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    --tw-rotate: -90deg;
                    background-position: 50%
                }

        .tns-outer .tns-nav {
            margin-bottom: -1.8rem;
            position: absolute;
            bottom: 0;
            z-index: 10;
            display: flex;
            width: 100%;
            justify-content: center
        }

            .tns-outer .tns-nav button {
                margin-left: .25rem;
                margin-right: .25rem;
                height: .75rem;
                width: .75rem;
                border-radius: 9999px;
                --tw-bg-opacity: 1;
                background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
                outline: 2px solid transparent;
                outline-offset: 2px
            }

                .tns-outer .tns-nav button.tns-nav-active {
                    --tw-bg-opacity: 1;
                    background-color: rgba(160, 174, 192, var(--tw-bg-opacity))
                }

        .tns-outer .tns-visually-hidden, .tns-outer button[data-action] {
            display: none
        }

    .tooltip-content {
        left: 10000px;
        position: fixed
    }

    .tippy-box {
        border-radius: .375rem
    }

    .dark .tippy-box {
        --tw-bg-opacity: 1;
        background-color: rgba(41, 49, 69, var(--tw-bg-opacity))
    }

    .tippy-box .tippy-content {
        padding: .375rem .75rem
    }

    .tippy-popper[x-placement=left-end] .tippy-arrow, .tippy-popper[x-placement=left-end] .tippy-roundarrow, .tippy-popper[x-placement=left-start] .tippy-arrow, .tippy-popper[x-placement=left-start] .tippy-roundarrow, .tippy-popper[x-placement=left] .tippy-arrow, .tippy-popper[x-placement=left] .tippy-roundarrow, .tippy-popper[x-placement=right-end] .tippy-arrow, .tippy-popper[x-placement=right-end] .tippy-roundarrow, .tippy-popper[x-placement=right-start] .tippy-arrow, .tippy-popper[x-placement=right-start] .tippy-roundarrow, .tippy-popper[x-placement=right] .tippy-arrow, .tippy-popper[x-placement=right] .tippy-roundarrow {
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }

    .tippy-popper[x-placement=bottom-end] .tippy-arrow, .tippy-popper[x-placement=bottom-end] .tippy-roundarrow, .tippy-popper[x-placement=bottom-start] .tippy-arrow, .tippy-popper[x-placement=bottom-start] .tippy-roundarrow, .tippy-popper[x-placement=bottom] .tippy-arrow, .tippy-popper[x-placement=bottom] .tippy-roundarrow, .tippy-popper[x-placement=top-end] .tippy-arrow, .tippy-popper[x-placement=top-end] .tippy-roundarrow, .tippy-popper[x-placement=top-start] .tippy-arrow, .tippy-popper[x-placement=top-start] .tippy-roundarrow, .tippy-popper[x-placement=top] .tippy-arrow, .tippy-popper[x-placement=top] .tippy-roundarrow {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .dark .tippy-box {
        box-shadow: 0 0 20px 4px rgba(0, 0, 0, .14901960784313725), 0 4px 80px -8px rgba(36, 40, 47, .25098039215686274), 0 4px 4px -2px rgba(91, 94, 105, .14901960784313725);
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

        .dark .tippy-box > .tippy-svg-arrow {
            fill: #2a3244
        }

    .tabulator-print-fullscreen-hide:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .tabulator {
        overflow: hidden;
        border-width: 0;
        background-color: transparent
    }

        .tabulator .tabulator-header {
            border-top-width: 1px;
            border-bottom-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgba(226, 232, 240, var(--tw-border-opacity));
            background-color: transparent;
            font-weight: 500;
            color: currentColor
        }

            .tabulator .tabulator-header .tabulator-headers .tabulator-col {
                border-left-width: 0;
                background-color: transparent;
            }

                .tabulator .tabulator-header .tabulator-headers .tabulator-col:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgba(237, 242, 247, var(--tw-bg-opacity))
                }

                .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content {
                    padding: .75rem 1.25rem
                }

                    .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-col-title {
                        padding-right: 0
                    }

                    .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-arrow {
                        top: -3px;
                        border-left-width: 5px;
                        border-right-width: 5px;
                        bottom: 0;
                        margin-top: auto;
                        margin-bottom: auto
                    }

                .tabulator .tabulator-header .tabulator-headers .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-arrow {
                    border-bottom-color: #cbd5e0
                }

        .tabulator .tabulator-row {
            border-bottom-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgba(226, 232, 240, var(--tw-border-opacity))
        }

            .tabulator .tabulator-row.tabulator-row-even:hover, .tabulator .tabulator-row:hover {
                --tw-bg-opacity: 1;
                background-color: rgba(226, 232, 240, var(--tw-bg-opacity))
            }

            .tabulator .tabulator-row.tabulator-row-even {
                --tw-bg-opacity: 1;
                background-color: rgba(237, 242, 247, var(--tw-bg-opacity))
            }

            .tabulator .tabulator-row .tabulator-cell {
                border-left-width: 0;
                padding: .75rem 1.25rem;
            }

                .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
                    padding-left: 0;
                    padding-right: 0
                }

                .tabulator .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
                    margin-left: -1.25rem;
                    height: 1rem;
                    width: 1rem;
                    border-radius: 9999px;
                    --tw-bg-opacity: 1;
                    background-color: rgba(160, 174, 192, var(--tw-bg-opacity));
                }

            .tabulator .tabulator-row .tabulator-responsive-collapse {
                border-bottom-width: 0;
                --tw-border-opacity: 1;
                border-color: rgba(226, 232, 240, var(--tw-border-opacity));
                padding: .75rem
            }

                .tabulator .tabulator-row .tabulator-responsive-collapse td {
                    padding: .5rem
                }

                    .tabulator .tabulator-row .tabulator-responsive-collapse td strong {
                        font-weight: 500
                    }

        .tabulator .tabulator-footer {
            margin-top: .5rem;
            border-top-width: 0;
            background-color: transparent;
            padding: 0
        }

    @media (max-width:767px) {
        .tabulator .tabulator-footer {
            white-space: normal
        }
    }

    .tabulator .tabulator-footer .tabulator-paginator {
        display: flex;
        align-items: center
    }

    @media (max-width:767px) {
        .tabulator .tabulator-footer .tabulator-paginator {
            display: block;
            text-align: left
        }
    }

    .tabulator .tabulator-footer .tabulator-paginator > label {
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgba(45, 55, 72, var(--tw-text-opacity))
    }

    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
        background-size: 15px;
        background-position: center left .6rem;
        margin-right: .5rem;
        margin-left: auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .375rem;
        --tw-border-opacity: 1;
        border-color: rgba(226, 232, 240, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        background-repeat: no-repeat;
        padding: .5rem .75rem .5rem 2rem;
    }

    @media (max-width:767px) {
        .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
            margin-right: .75rem
        }
    }

    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
        min-width: 40px;
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: .375rem;
        border-width: 1px;
        padding: .5rem .75rem;
        font-weight: 500;
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        transition-duration: .2s
    }

        .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover {
            --tw-border-opacity: 0.9;
            --tw-bg-opacity: 0.9
        }

        .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
        }

        .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(button) {
            text-align: center
        }

    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
        align-items: center;
        justify-content: center;
        border-color: transparent;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgba(45, 55, 72, var(--tw-text-opacity))
    }