[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    height: 0;
    width: 0
}

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

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: 7px;
    content: "";
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 7px;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 2px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}

@-webkit-keyframes notyf-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes notyf-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes notyf-fadeinleft {
    0% {
        opacity: 0;
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes notyf-fadeinleft {
    0% {
        opacity: 0;
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes notyf-fadeoutright {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(25%)
    }
}

@keyframes notyf-fadeoutright {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(25%)
    }
}

@-webkit-keyframes notyf-fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(25%)
    }
}

@keyframes notyf-fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(25%)
    }
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%)
    }

    to {
        transform: scale(1) translateY(-45%) translateX(13%)
    }
}

@keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%)
    }

    to {
        transform: scale(1) translateY(-45%) translateX(13%)
    }
}

.notyf {
    align-items: flex-end;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: 20px;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.notyf__icon--error,
.notyf__icon--success {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 21px;
    margin: 0 auto;
    position: relative;
    width: 21px
}

.notyf__icon--error:after,
.notyf__icon--error:before {
    background: currentColor;
    border-radius: 3px;
    content: "";
    display: block;
    height: 12px;
    left: 9px;
    position: absolute;
    top: 5px;
    width: 3px
}

.notyf__icon--error:after {
    transform: rotate(-45deg)
}

.notyf__icon--error:before {
    transform: rotate(45deg)
}

.notyf__icon--success:after,
.notyf__icon--success:before {
    background: currentColor;
    border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    width: 3px
}

.notyf__icon--success:after {
    height: 6px;
    left: 6px;
    top: 9px;
    transform: rotate(-45deg)
}

.notyf__icon--success:before {
    height: 11px;
    left: 10px;
    top: 5px;
    transform: rotate(45deg)
}

.notyf__toast {
    -webkit-animation: notyf-fadeinup .3s ease-in forwards;
    animation: notyf-fadeinup .3s ease-in forwards;
    border-radius: 2px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .25);
    box-sizing: border-box;
    display: block;
    flex-shrink: 0;
    max-width: 300px;
    overflow: hidden;
    padding: 0 15px;
    pointer-events: auto;
    position: relative;
    transform: translateY(25%)
}

.notyf__toast--disappear {
    -webkit-animation: notyf-fadeoutdown .3s forwards;
    animation: notyf-fadeoutdown .3s forwards;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    transform: translateY(0)
}

.notyf__toast--disappear .notyf__icon,
.notyf__toast--disappear .notyf__message {
    -webkit-animation: notyf-fadeoutdown .3s forwards;
    animation: notyf-fadeoutdown .3s forwards;
    opacity: 1;
    transform: translateY(0)
}

.notyf__toast--disappear .notyf__dismiss {
    -webkit-animation: notyf-fadeoutright .3s forwards;
    animation: notyf-fadeoutright .3s forwards;
    opacity: 1;
    transform: translateX(0)
}

.notyf__toast--disappear .notyf__message {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.notyf__toast--upper {
    margin-bottom: 20px
}

.notyf__toast--lower {
    margin-top: 20px
}

.notyf__toast--dismissible .notyf__wrapper {
    padding-right: 30px
}

.notyf__ripple {
    -webkit-animation: ripple .4s ease-out forwards;
    animation: ripple .4s ease-out forwards;
    border-radius: 50%;
    height: 400px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0) translateY(-51%) translateX(13%);
    transform-origin: bottom right;
    width: 400px;
    z-index: 5
}

.notyf__wrapper {
    align-items: center;
    border-radius: 3px;
    display: flex;
    padding-bottom: 17px;
    padding-right: 15px;
    padding-top: 17px;
    position: relative;
    z-index: 10
}

.notyf__icon {
    -webkit-animation: notyf-fadeinup .3s forwards;
    animation: notyf-fadeinup .3s forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    font-size: 1.3em;
    margin-right: 13px;
    opacity: 0;
    text-align: center;
    width: 22px
}

.notyf__dismiss {
    -webkit-animation: notyf-fadeinleft .3s forwards;
    animation: notyf-fadeinleft .3s forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    height: 100%;
    margin-right: -15px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px
}

.notyf__dismiss-btn {
    background-color: rgba(0, 0, 0, .25);
    border: none;
    cursor: pointer;
    height: 100%;
    opacity: .35;
    outline: none;
    transition: opacity .2s ease, background-color .2s ease;
    width: 100%
}

.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
    background: #fff;
    border-radius: 3px;
    content: "";
    height: 12px;
    left: calc(50% - 1px);
    position: absolute;
    top: calc(50% - 5px);
    width: 2px
}

.notyf__dismiss-btn:after {
    transform: rotate(-45deg)
}

.notyf__dismiss-btn:before {
    transform: rotate(45deg)
}

.notyf__dismiss-btn:hover {
    background-color: rgba(0, 0, 0, .15);
    opacity: .7
}

.notyf__dismiss-btn:active {
    opacity: .8
}

.notyf__message {
    -webkit-animation: notyf-fadeinup .3s forwards;
    animation: notyf-fadeinup .3s forwards;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    line-height: 1.5em;
    opacity: 0;
    position: relative;
    vertical-align: middle
}

@media only screen and (max-width:480px) {
    .notyf {
        padding: 0
    }

    .notyf__ripple {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        height: 600px;
        width: 600px
    }

    .notyf__toast {
        border-radius: 0;
        box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, .13);
        max-width: none;
        width: 100%
    }

    .notyf__dismiss {
        width: 56px
    }
}

table.dataTable tbody td.selected,
table.dataTable tbody th.selected,
table.dataTable tbody tr.selected {
    color: #fff
}

table.dataTable tbody td.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody tr.selected a {
    color: #a2d4ed
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #3b7ddd
}

table.dataTable.display tbody>tr.odd.selected,
table.dataTable.display tbody>tr.odd>.selected,
table.dataTable.stripe tbody>tr.odd.selected,
table.dataTable.stripe tbody>tr.odd>.selected {
    background-color: #3a7ad8
}

table.dataTable.display tbody>tr.selected:hover,
table.dataTable.display tbody>tr>.selected:hover,
table.dataTable.hover tbody>tr.selected:hover,
table.dataTable.hover tbody>tr>.selected:hover {
    background-color: #3979d5
}

table.dataTable.display tbody>tr.selected>.sorting_1,
table.dataTable.display tbody>tr.selected>.sorting_2,
table.dataTable.display tbody>tr.selected>.sorting_3,
table.dataTable.display tbody>tr>.selected,
table.dataTable.order-column tbody>tr.selected>.sorting_1,
table.dataTable.order-column tbody>tr.selected>.sorting_2,
table.dataTable.order-column tbody>tr.selected>.sorting_3,
table.dataTable.order-column tbody>tr>.selected {
    background-color: #3a7bd9
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #3876d1
}

table.dataTable.display tbody>tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2 {
    background-color: #3877d3
}

table.dataTable.display tbody>tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3 {
    background-color: #3978d4
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #3a7bd9
}

table.dataTable.display tbody>tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2 {
    background-color: #3a7cda
}

table.dataTable.display tbody>tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3 {
    background-color: #3b7ddc
}

table.dataTable.display tbody>tr.odd>.selected,
table.dataTable.order-column.stripe tbody>tr.odd>.selected {
    background-color: #3876d1
}

table.dataTable.display tbody>tr.even>.selected,
table.dataTable.order-column.stripe tbody>tr.even>.selected {
    background-color: #3a7bd9
}

table.dataTable.display tbody>tr.selected:hover>.sorting_1,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 {
    background-color: #3673cb
}

table.dataTable.display tbody>tr.selected:hover>.sorting_2,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2 {
    background-color: #3774cc
}

table.dataTable.display tbody>tr.selected:hover>.sorting_3,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3 {
    background-color: #3775cf
}

table.dataTable.display tbody>tr:hover>.selected,
table.dataTable.display tbody>tr>.selected:hover,
table.dataTable.order-column.hover tbody>tr:hover>.selected,
table.dataTable.order-column.hover tbody>tr>.selected:hover {
    background-color: #3673cb
}

table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
    position: relative
}

table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before {
    box-sizing: border-box;
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 1.2em;
    width: 12px
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    border: 1px solid #000;
    border-radius: 3px;
    content: " ";
    margin-left: -6px;
    margin-top: -6px
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    content: "✔";
    margin-left: -4px;
    margin-top: -11px;
    text-align: center;
    text-shadow: 1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9, -1px 1px #b0bed9
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
    margin-left: .5em
}

@media screen and (max-width:640px) {

    div.dataTables_wrapper span.select-info,
    div.dataTables_wrapper span.select-item {
        display: block;
        margin-left: 0
    }
}

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
    background-color: #fff
}

.choices {
    font-size: 16px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: initial
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0;
    padding: 10px;
    width: 100%
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMi41OTIuMDQ0IDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjQgMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    background-size: 8px;
    border-radius: 10em;
    height: 20px;
    margin-right: 25px;
    margin-top: -10px;
    opacity: .25;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    border: 5px solid transparent;
    border-top-color: #333;
    content: "";
    height: 0;
    margin-top: -2.5px;
    pointer-events: none;
    position: absolute;
    right: 11.5px;
    top: 50%;
    width: 0
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    left: 0;
    margin-left: 25px;
    margin-right: 0;
    right: auto
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMi41OTIuMDQ0IDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjQgMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    background-size: 8px;
    border-left: 1px solid #008fa1;
    border-radius: 0;
    display: inline-block;
    line-height: 1;
    margin: 0 -4px 0 8px;
    opacity: .75;
    padding-left: 16px;
    position: relative;
    width: 8px
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    display: inline-block;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
    padding: 7.5px 7.5px 3.75px;
    vertical-align: top;
    width: 100%
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-left: 16px;
    padding-right: 4px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    border-radius: 20px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3.75px;
    margin-right: 3.75px;
    padding: 4px 10px;
    vertical-align: middle;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-left: 3.75px;
    margin-right: 0
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    border: 1px solid #ddd;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    will-change: visibility;
    word-break: break-all;
    z-index: 1
}

.choices__list--dropdown.is-active {
    visibility: visible
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    border-radius: .25rem .25rem 0 0;
    bottom: 100%;
    margin-bottom: -1px;
    margin-top: 0;
    top: auto
}

.choices__list--dropdown .choices__list {
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    overflow: auto;
    position: relative;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    font-size: 14px;
    padding: 10px;
    position: relative
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media(min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        padding-left: 100px;
        padding-right: 10px;
        text-align: right
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        left: 10px;
        right: auto
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices__heading {
    border-bottom: 1px solid #f7f7f7;
    color: gray;
    font-size: 12px;
    font-weight: 600;
    padding: 10px
}

.choices__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    text-indent: -9999px
}

.choices__button:focus {
    outline: none
}

.choices__input {
    background-color: #f9f9f9;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    max-width: 100%;
    padding: 4px 0 4px 2px;
    vertical-align: baseline
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-left: 0;
    padding-right: 2px
}

.choices__placeholder {
    opacity: .5
}

.choices .choices__inner {
    min-height: inherit;
    padding: .25rem .7rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.choices.is-focused .choices__inner {
    background: #fff;
    border-color: #9dbeee;
    box-shadow: 0 0 0 .2rem rgba(59, 125, 221, .25);
    color: #495057
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: .25rem
}

.choices__list--multiple .choices__item {
    margin: 4px 2px;
    padding-bottom: 3px;
    padding-top: 3px
}

.choices__list--single {
    padding-bottom: 2px;
    padding-top: 2px
}

.choices__list--dropdown .choices__item {
    padding-bottom: 8px;
    padding-top: 8px
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #e9ecef
}

.choices[data-type*=select-one] .choices__input {
    background-color: #fff;
    border-bottom: 1px solid #dee2e6
}

.choices[data-type*=select-one]:after {
    border-color: #212529 transparent transparent
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #212529
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    border-left: 1px solid #3b7ddd
}

.choices__inner {
    background-color: #fff;
    border: 1px solid #dee2e6
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #adb5bd
}

.choices__list--multiple .choices__item {
    background-color: #3b7ddd;
    border: 1px solid #3076db;
    color: #fff
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #266fd9;
    border: 1px solid #2469ce
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #adb5bd;
    border: 1px solid #adb5bd
}

.choices__list--dropdown {
    background-color: #fff;
    border: 1px solid #dee2e6
}

.is-open .choices__list--dropdown {
    border-color: #adb5bd
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f8f9fa
}

.choices__heading {
    border-bottom: 1px solid #f8f9fa;
    color: #6c757d
}

.choices__input {
    background-color: #fff
}

.flatpickr-human[readonly],
.flatpickr-input[readonly] {
    background: #fff
}

.flatpickr-calendar.inline {
    background: transparent;
    box-shadow: none;
    width: 100%
}

.flatpickr-calendar.inline .flatpickr-days {
    width: 100%
}

.flatpickr-calendar.inline .dayContainer {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.flatpickr-calendar.inline .flatpickr-day {
    border-radius: .2rem;
    height: 45px;
    line-height: 45px;
    max-width: inherit
}

.flatpickr-calendar.inline .flatpickr-day.today {
    border: 0
}

.flatpickr-calendar.inline .flatpickr-day.today:before {
    border-color: rgba(0, 0, 0, .2) transparent #3b7ddd;
    border-style: solid;
    border-width: 0 0 7px 7px;
    bottom: 4px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 4px
}

.flatpickr-calendar.inline .flatpickr-day.today.selected:before {
    border-color: rgba(0, 0, 0, .2) transparent #fff
}

.flatpickr-calendar.inline .flatpickr-day.today:hover {
    background: #e9ecef;
    color: #000
}

.flatpickr-calendar.inline .flatpickr-day.selected,
.flatpickr-calendar.inline .flatpickr-day.selected:focus,
.flatpickr-calendar.inline .flatpickr-day.selected:hover {
    background: #3b7ddd;
    border-radius: .2rem;
    color: #fff
}

.flatpickr-calendar.inline .flatpickr-weekdays {
    height: 45px
}

.flatpickr-calendar.inline .flatpickr-weekday {
    height: 45px;
    line-height: 45px
}

.flatpickr-calendar.inline .flatpickr-months .flatpickr-month,
.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
    height: 45px
}

.flatpickr-calendar.inline .flatpickr-current-month {
    height: 45px;
    line-height: 45px;
    padding-top: 0
}

.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar.inline .flatpickr-current-month input.cur-year {
    font-size: 1.09375rem;
    font-weight: 400
}

.flatpickr-calendar.inline .flatpickr-next-month,
.flatpickr-calendar.inline .flatpickr-prev-month {
    border-radius: .2rem;
    width: 45px
}

.flatpickr-calendar.inline .flatpickr-next-month:hover,
.flatpickr-calendar.inline .flatpickr-prev-month:hover {
    background: #dee2e6;
    color: #000
}

.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar.inline .flatpickr-current-month input.cur-year {
    font-size: 1rem
}

.flatpickr-time {
    min-height: calc(1.9125rem + 2px)
}

.flatpickr-calendar {
    background: #fff;
    box-shadow: 1px 0 0 #e9ecef, -1px 0 0 #e9ecef, 0 1px 0 #e9ecef, 0 -1px 0 #e9ecef, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e9ecef, 5px 0 0 #e9ecef
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e9ecef
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e9ecef
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e9ecef
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    fill: rgba(0, 0, 0, .9);
    color: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #adb5bd
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #dc3545
}

.numInputWrapper span {
    border: 1px solid rgba(52, 58, 64, .15)
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(52, 58, 64, .6)
}

.numInputWrapper span.arrowDown:after {
    border-top: 4px solid rgba(52, 58, 64, .6)
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    color: rgba(0, 0, 0, .5)
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #fff
}

span.flatpickr-weekday {
    color: rgba(0, 0, 0, .54)
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e9ecef
}

.flatpickr-day {
    color: #343a40
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background: #e9ecef;
    border-color: #e9ecef
}

.flatpickr-day.today {
    border-color: #adb5bd
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    background: #adb5bd;
    border-color: #adb5bd;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #3b7ddd;
    border-color: #3b7ddd;
    color: #fff
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #3b7ddd
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e9ecef, 5px 0 0 #e9ecef
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(52, 58, 64, .3)
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(52, 58, 64, .1)
}

.flatpickr-day.week.selected {
    box-shadow: -5px 0 0 #3b7ddd, 5px 0 0 #3b7ddd
}

.flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: 1px 0 0 #e9ecef
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    color: rgba(52, 58, 64, .3)
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #343a40
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #343a40
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time input {
    color: #343a40
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #e9ecef
}

.fc-theme-bootstrap {
    margin-bottom: 1rem
}

.fc-theme-bootstrap .fc-content,
.fc-theme-bootstrap .fc-divider,
.fc-theme-bootstrap .fc-list-heading td,
.fc-theme-bootstrap .fc-list-view,
.fc-theme-bootstrap .fc-popover,
.fc-theme-bootstrap .fc-row,
.fc-theme-bootstrap .fc-scrollgrid table,
.fc-theme-bootstrap tbody,
.fc-theme-bootstrap td,
.fc-theme-bootstrap th,
.fc-theme-bootstrap thead {
    border: 1px solid #dee2e6
}

.fc-theme-bootstrap .fc-col-header-cell-cushion {
    padding: 4px 8px
}

.hljs-comment,
.hljs-quote {
    color: #998;
    font-style: italic
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
    color: #333;
    font-weight: 700
}

.hljs-literal,
.hljs-number,
.hljs-tag .hljs-attr,
.hljs-template-variable,
.hljs-variable {
    color: teal
}

.hljs-doctag,
.hljs-string {
    color: #d14
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
    color: #900;
    font-weight: 700
}

.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title,
.hljs-type {
    color: #458;
    font-weight: 700
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
    color: navy;
    font-weight: 400
}

.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
}

.jvm-zoom-btn {
    background-color: #212529
}

.ql-snow .ql-editor {
    background: #fff;
    min-height: 15rem
}

.ql-container,
.ql-toolbar.ql-snow {
    font-family: var(--bs-font-sans-serif)
}

.ql-container {
    font-size: .875rem
}

.ql-bubble .ql-editor {
    padding: 0
}

.ql-bubble .ql-editor.ql-blank:before {
    left: 0;
    right: 0
}

.ql-bubble .ql-tooltip {
    border-radius: .3rem;
    font-size: 0
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .6)
}

.ql-editor ul[data-checked=false]>li:before,
.ql-editor ul[data-checked=true]>li:before {
    color: #6c757d
}

.ql-bubble .ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble.ql-toolbar button:hover {
    color: #fff
}

.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #fff
}

.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter {
    stroke: #fff
}

@media(pointer:coarse) {

    .ql-bubble .ql-toolbar button:hover:not(.ql-active),
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) {
        color: #ced4da
    }

    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ced4da
    }

    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ced4da
    }
}

.ql-bubble .ql-stroke,
.ql-bubble .ql-stroke-miter {
    stroke: #ced4da
}

.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
    fill: #ced4da
}

.ql-bubble .ql-editor blockquote {
    border-left-color: #ced4da
}

.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
    background-color: #f8f9fa
}

.ql-bubble .ql-editor pre.ql-syntax {
    background-color: #f8f9fa;
    color: #f8f9fa
}

.ql-bubble .ql-picker {
    color: #ced4da
}

.ql-bubble .ql-picker-options {
    background-color: #343a40
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #6c757d
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #6c757d
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #6c757d
}

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff
}

.ql-bubble .ql-tooltip {
    background-color: #212529;
    color: #fff
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow,
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom-color: #343a40
}

.ql-bubble .ql-tooltip-editor input[type=text] {
    color: #fff
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ced4da
}

.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: #343a40;
    color: #fff
}

.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top-color: #343a40
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
    color: #3b7ddd
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #3b7ddd
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter {
    stroke: #3b7ddd
}

@media(pointer:coarse) {

    .ql-snow .ql-toolbar button:hover:not(.ql-active),
    .ql-snow.ql-toolbar button:hover:not(.ql-active) {
        color: #343a40
    }

    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #343a40
    }

    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #343a40
    }
}

.ql-snow .ql-stroke,
.ql-snow .ql-stroke-miter {
    stroke: #343a40
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #343a40
}

.ql-snow .ql-editor blockquote {
    border-left-color: #ced4da
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f8f9fa
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #f8f9fa;
    color: #f8f9fa
}

.ql-snow .ql-picker {
    color: #343a40
}

.ql-snow .ql-picker-options {
    background-color: #fff
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ced4da
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ced4da
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ced4da
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ced4da
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border-color: #ced4da;
    color: #343a40
}

.ql-snow .ql-tooltip input[type=text] {
    border-color: #ced4da
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right-color: #ced4da
}

.ql-snow a {
    color: #3b7ddd
}

.ql-container.ql-snow {
    border-color: #ced4da
}

.simplebar-scrollbar:before,
body[data-theme=dark] .simplebar-scrollbar:before {
    background: #fff
}

body[data-theme=light] .simplebar-scrollbar:before {
    background: #adb5bd
}

body[data-theme=colored] .simplebar-scrollbar:before {
    background: #fff
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0 !important
}

[data-simplebar] {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 264px;
}


/**/

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

.datatable {
    border-top: 1px solid #efefef;
    border-bottom: 0px !important;
}
.datatable td, .datatable th{
    padding: 15px 15px !important;
    border-color: #efefef;
}
.datatable th{
background: #f7f7f7;
}
.datatable td{
    color: #606060;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.dataTables_length,
.dataTables_filter {
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    opacity: 0.8;
}
.dataTables_wrapper .dataTables_filter input{
    letter-spacing: 1px;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
border-radius: 5px;
    padding: 10px 20px;
    outline: none !important;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    /*box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 4%) !important;*/
}

select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: url(../img/down-arrow.png) !important;
    padding-right: 30px !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{

    border: 0px;
    background: #00bc7c;
    color: #FFF !important;
    border-radius: 10px;
    font-weight: 700;

}


.avatar-a {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
}
.dropdown-ui {
    border: 0px;
    box-shadow: 0px 10px 15px 0px rgb(243 243 243) !important;
    top: 130% !important;
}
.dropdown-ui a {
padding: 10px 15px;
    font-size: 13px;
    letter-spacing: 0.8px;
    font-weight: 600;
}

.chart-header{
    position: absolute;
}

.chart-header h1{
        font-weight: 900;
    margin-bottom: 0;
}
.chart-header h1 span{
    font-size: 13px;
    display: block;
    font-weight: 600;
    color: #00bc7c;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.font-w800{
    font-weight: 800;
}

.p-y-0{
    padding-left: 0px;
    padding-right: 0px;
}

.dataTables_wrapper{
    padding: 0 1.25rem;
}
/*.dataTables_wrapper .datatable{
    margin:  0 0 0 -1.25rem;
    width: calc( 100% + 2.50rem);
}*/
.text-black-title {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f5f7fb;
}
.text-black-title h5{
    color: #000;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    text-transform: uppercase;
}

.action {
    display: inline-block;
}
.action a{
    list-style: none;
    text-decoration: none;
}

.action-btn {
    width: 35px;
    display: inline-block;
    background: rgb(245 247 251);
    height: 35px;
    text-align: center;
    line-height: 32px;
    margin-left: 5px;
    border-radius: 4px;
    color: #000;
}
.action-btn svg{
    width: 15px;
    height: 15px;
}
.action-btn:hover {
    color: #00bc7c;
}

#datatable_paginate {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.paginate_button {
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.footer p {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.8;
}

.page-title {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.card-with-btn{
    display: flex;
    align-items: center;
}

.card-with-btn .btn {
    margin-left: auto;
    background: #f5f7fb;
    color: #130f0f;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

.form-label {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 13px;
    text-transform: capitalize;
}
.form-control {
height: 50px;
    border-color: #f1f1f1;
    border-width: 2px;
        font-weight: 600;
    letter-spacing: 0.5px;
    color: #000;
}
.text-black-title p {
    margin: 5px 0 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.form-row-title {
    font-size: 13px;
    letter-spacing: 1px;
    FONT-WEIGHT: 600;
    text-transform: uppercase;
    color: #00bc7c;
    margin: 10px 0 15px;
}
.btn-row {
    text-align: center;
    cursor: pointer;
    margin-top: 8px;
    opacity: 0.5
}
.btn-row:hover{
    opacity: 1
}
.player-inner .row{
    align-items: center;
}

.btn-ui {
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 15px;
}

input[type=file]{line-height: 40px;}


input[type=date]{
    text-transform: uppercase;
    font-weight: 600;
}

.donated-to {
    margin-bottom: 0;
}

.donated-to span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #00bc7c;
}
.donation-receipt {
    background-color: #FFF;
    border-radius: 15px;
    padding: 25px;
    border: 1px solid #ddd;
}
.donation-receipt table{
    width: 100%;
}

.table-one{
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.table-one img {
    width: 80px;
}
.table-one h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 25px;
    margin: 20px 0 10px;
}
.table-one span{
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    display: block;
}

.table-two{
    letter-spacing: 1px;
}
.table-two h5 {
    color: #00bc7c;
    font-size: 22px;
    margin: 20px 0 10px;
}
.table-two p {
    font-weight: 500;
    padding-right: 10%;
    line-height: 30px;
}
.table-two h4 {
    font-weight: 700;
    font-size: 13px;
    margin: 15px 0 0;
    opacity: 0.5
}
.table-two span {
    display: block;
    margin: 5px 0 10px;
    font-weight: 600;
    color: #000;
}
.table-two h6{
    margin-top: 25px;
    color: #000;
    font-weight: 600;
}

.btn.btn-ui svg{
stroke-width: 3;
    width: 18px;
    height: 18px;
    position: relative;
    left: -10px;
    top: -3px;
}


.tooltip-inner {
    background: #000;
    color: #00ffa8;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 8px 15px;
    box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 8%);
}
.unblock-btn{
    color: #ff2d2d !important;
    background: rgb(255 71 71 / 15%);
}

.edit-per-ion {
    color: #00bc7c;
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 13px;
    text-decoration: none;
    list-style: none;
}
.role {
    background: #ced3df;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.btn-role {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 5px;
}
.role-text {
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 600;
    margin-bottom: 0;
}

.role-option {
    display: flex;
    align-items: center;
    background: #f5f7fb;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 6px;
}
.ml-auto{
    margin-left: auto;
}

.role-option p{
    margin-bottom: 0px;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 13px;
}
.form-switch .form-check-input {
    height: 22px;
    width: 42px;
}

.module-input label {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.7;
    margin-bottom: 10px;
}

.module-input input{

}

.module-title {
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: 800;
    margin-top: 25px;
}

.role-modal .modal-title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

.role-modal .btn {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
    padding: 8px 20px;
}

.form-check-input:checked {
    background-color:#1cbb8c;
    border-color:#1cbb8c;
}


.event-title {
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.from-textarea{
    height: 150px;
    resize: none;
}


.left-side-chat{
    display: flex;
    align-items: flex-start;
    max-width: 60%;
}
.right-side-chat{
    display: flex;
    align-items: flex-start;
    max-width: 60%;
    margin-left: auto;
}
.right-side-chat .message-box {
border-top-left-radius: 30px;
border-top-right-radius: 0px;
margin-right: 10px;
margin-left: 0px;
background: #00bc7c;
    color: #FFF;
}
.right-side-chat .message-box h6{
    right: 0;
        left: auto;
}
.pic {
    max-width: 50px;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.pic img{
    width: 100%;
}

.message-box {
    background: #f5f7fb;
    padding: 15px 25px;
    border-radius: 30px;
    border-top-left-radius: 0;
    margin-left: 10px;
    margin-top: 30px;
    position: relative;
}
.message-box h6 {
    position: absolute;
    top: -19px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 12px;
    left: 0;
}
.message-box p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.message-box span{
        font-weight: 800;
    font-size: 12px;
    text-align: right;
    display: block;
}

.chatmodal .modal-footer{
    border: 0;
    display: flex;
    justify-content: space-between;
}
.file{
    position: relative;

    opacity: 0.5;
}
.file span {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    background: #f0f0f0;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;

}
.file span svg{
    width: 20px;
    height: 20px;
}

.file input[type=file] {
    cursor: pointer;
    position: absolute;
    width: 50px;
    left: 0px;
    height: 50px;
    line-height: 50px;
    opacity: 0;
}
.sent-btn button{

    min-width: 50px;
    max-width: 50px;
    height: 50px;
    background: #00bc7c;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    border: 0;
    color: #FFF;

}

.sent-btn button svg{
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
    left: -1px;
}
.input-box{
    width: calc(100% - 130px);
}
.input-box .form-control {
    background: #f5f7fb;
    border-radius: 50px;
    border: 0px;
    padding: 0px 20px;
}

.modal-lg{
    width: 50vw;
    max-width: 98vw;
}

.chatmodal .modal-title{
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
    font-weight: 600;
    color: #00bc7c;
}
.chatmodal .modal-title span{
    display: block;
    font-weight: 700;
    letter-spacing: 0.3px;
    font-size: 16px;
    color: #000;
    text-transform: none;
}

.setting-tab{
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}

.setting-tab li{
    display: inline-block;
}
.setting-tab a {
    text-decoration: none;
    background: transparent;
   padding: 12px 20px;
    text-align: left;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
    text-transform: uppercase;
       color: #909090;
    border: 2px solid #909090;
}
.setting-tab a.active, .setting-tab a:hover{
    background: #00bc7c;
    color: #FFF;
    border-color: #00bc7c;
}
.setting-tab a svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}


/*captain*/

.chat-search .form-control{
    border-radius: 45px;
    height: 45px;
}

.chat-messages .chat-message-left .bg-light {
    border-radius: 15px !important;
    border-top-left-radius: 0px !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 20px 20px !important;
}


.chat-messages .chat-message-right .bg-light {
    border-radius: 15px !important;
    border-top-right-radius: 0px !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 20px 20px !important;
}

.chat-messages .font-weight-bold{
    font-weight: 600;
    margin-top: -5px;
    color: #000;
}

.chat-footer .btn svg{
        width: 20px;
    height: 20px;
    stroke-width: 3;
}

.form-textarea{
    height: auto;
    min-height: 150px !important;
    resize: none;
}

.btn-modal{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
    padding: 8px 20px;
}

.modal-title {
    font-size: 20px;
    letter-spacing: 1px;
}

.chat-list a.list-group-item{
    font-weight: 600;
    letter-spacing: 0.2px;
}

.chat-list a.list-group-item .small{
    margin-top: 2px;
    color: #999;
}

/*player*/
.qr-code{
    text-align: center;
    
}
.code img{
    width: 100%;
}

.upload-file {
    position: relative;
    text-align: center;
    border: 1px dashed #d2d7e3;
    border-radius: 10px;
        padding: 25px;
}

.upload-file svg{
        width: 45px;
    height: 45px;
    stroke-width: 1;
    margin-top: 15px;
}
.upload-file p {
    margin-bottom: 0px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 20px;
    opacity: 0.5;
}

.upload-file .form-control {
    position: absolute;
    opacity: 0;
    top: 0px;
    width: 100%;
    height: 100%;
}
.form-row-sub-title {
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: -10px;
    text-transform: uppercase;
    color: #8f8f8f;
    font-weight: 500;
}

.upload-file-look {
    position: relative;
    border-radius: 5px;
    border: 1px dashed #999;
    padding: 5px;
}

.upload-file-look img{
     border-radius: 5px;
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.delete-img {
    position: absolute;
    background: #ff3636;
    color: #FFF;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

.delete-img svg {
    width: 14px;
    height: 14px;
    stroke-width: 4;
    position: relative;
    top: -1px;
}

.profile-img {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    padding: 0;
}
.profile-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 30px;
    padding: 10px;
}

/*Event*/

.event-box{}
.event-box img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}
.event-box h1 {
    font-size: 18px;
    font-weight: 800;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.event-box .date {
    font-weight: 700;
    font-size: 13px;
}
.event-box .time{
    font-weight: 700;
    font-size: 13px;
        margin-left: 20px;   
}
.event-box .location {
    font-weight: 700;
    font-size: 13px;
    display: block;
    margin: 10px 0;
}
.event-box svg{
    width: 15px;
    height: 15px;
    color: #a1a1a1;
    position: relative;
    top: -1px;
}
.event-box p{
    font-size: 13px;
    letter-spacing: 0.8px;
    font-weight: 600;
    color: #999;
    height: 60px;
    overflow: hidden;
    margin-bottom: 0;
}


.btn-gray{
    margin-left: auto;
    background: #00cd87;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}
.btn-groups{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-groups .btn-success{
    border: 2px solid #00cd87;
    background: #00cd87;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

.btn-groups .btn-outline-success{
    border: 2px solid #00cd87;
    color: #00cd87;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

/*ticket*/

.ticket h1 {
    color: #FFF;
    margin-top: 0;
}
.ticket{
  padding: 2rem;
  overflow: hidden;
  background-color: #130f0f;
  border-radius: 8px;
}

.ticket hr{
  border-color: #FFF;
}

.ticket p{
    color: #c3c3c3;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 13px;
}

.ticket-info{
  width: 100%;
}
.ticket-info td span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #999;
}
.ticket-info td {
    padding-bottom: 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
}
.divider{
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
}
.arc {
    background: #f5f7fb;
    height: 30px;
    width: 30px;
    position: absolute;
    border-radius: 50%;
}
.arc.left{
    left: -50px;
}
.arc.right{
    right: -50px;
}

.divider hr {
    border-top: 2px dashed #FFF;
    width: 94%;
}


/*forum*/

.post{
    display: flex;
}
.post-right{
    min-width: 40px;
    max-width: 40px;
    text-align: left;
}
.post-right .like{
    font-weight: 700;
}
.post hr{
    opacity: 0.1
}
.post h1 {
    font-size: 18px;
    letter-spacing: 0.3px;
    font-weight: 800;
    color: #333;
}
.post p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #898989;
    line-height: 22px;
    margin: 10px 0;
}
.post-footer {
    display: flex;
    align-items: center;
}
.post-by img {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    object-fit: cover;
    margin-right: 10px;
}

.post-by {
    font-weight: 600;
    color: #adadad;
    font-size: 13px;
}
.post-time {
    font-weight: 600;
    color: #a9a9a9;
    font-size: 13px;
    margin-left: 30px;
}
.comment {
    margin-left: auto;
    font-weight: 600;
    color: #a9a9a9;
}

.comment-box{
    display: flex;
    align-items: flex-start;
}
.comment-box .user-img img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    object-fit: cover;
    margin-right: 10px;
}
.comment-text h6 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 5px;
}
.comment-text p{
    background: #f5f7fb;
    padding: 10px 20px;
    border-radius: 15px;
    border-top-left-radius: 0px;
    margin: 0;
}
.comment-text .time{
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    display: block;
    margin-top: 5px;
    margin-right: 10px;
}
.sent-box{
    display: flex;
    align-items: center;
    margin: 30px 0 0;
}
.sent-box input {
    width: 100%;
    background: #f5f7fb;
    border: 0px;
    height: 45px;
    border-radius: 40px;
    padding: 0px 20px;
    outline: none;
    letter-spacing: 0.5px;
    font-size: 13px;
}
.sent-box span {
    min-width: 40px;
    height: 40px;
    background: #00bc7c;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
    cursor: pointer;
}





.accordion .card:not(:last-child) {
    margin-bottom: 0
}

.accordion .card-header {
    border-bottom: 0
}

.accordion .card-body {
    border-top: 1px solid transparent
}

.accordion .card-title a {
    color: #495057
}

.alert {
    display: flex;
    padding: 0
}

.alert .close:focus,
.alert .close:hover {
    opacity: 1
}

.alert-outline,
.alert-outline-coloured {
    background: #fff;
    color: #495057
}

.alert-outline hr,
.alert-outline-coloured hr {
    border-top-color: #ced4da
}

.alert-outline .close:focus,
.alert-outline .close:hover,
.alert-outline-coloured .close:focus,
.alert-outline-coloured .close:hover {
    color: #343a40
}

.alert-outline .alert-message,
.alert-outline-coloured .alert-message {
    border: 1px solid #ced4da;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem
}

.alert-outline .alert-message:not(:nth-child(2)),
.alert-outline-coloured .alert-message:not(:nth-child(2)) {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0
}

.alert-outline .alert-icon,
.alert-outline-coloured .alert-icon {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem;
    color: #fff
}

.alert-outline-coloured.alert-primary .alert-icon,
.alert-outline.alert-primary .alert-icon {
    background-color: #3b7ddd
}

.alert-outline-coloured.alert-secondary .alert-icon,
.alert-outline.alert-secondary .alert-icon {
    background-color: #6c757d
}

.alert-outline-coloured.alert-success .alert-icon,
.alert-outline.alert-success .alert-icon {
    background-color: #1cbb8c
}

.alert-outline-coloured.alert-info .alert-icon,
.alert-outline.alert-info .alert-icon {
    background-color: #17a2b8
}

.alert-outline-coloured.alert-warning .alert-icon,
.alert-outline.alert-warning .alert-icon {
    background-color: #fcb92c
}

.alert-outline-coloured.alert-danger .alert-icon,
.alert-outline.alert-danger .alert-icon {
    background-color: #dc3545
}

.alert-outline-coloured.alert-light .alert-icon,
.alert-outline.alert-light .alert-icon {
    background-color: #f5f7fb
}

.alert-outline-coloured.alert-dark .alert-icon,
.alert-outline.alert-dark .alert-icon {
    background-color: #212529
}

.alert-outline-coloured.alert-primary .alert-message {
    border-color: #3b7ddd
}

.alert-outline-coloured.alert-secondary .alert-message {
    border-color: #6c757d
}

.alert-outline-coloured.alert-success .alert-message {
    border-color: #1cbb8c
}

.alert-outline-coloured.alert-info .alert-message {
    border-color: #17a2b8
}

.alert-outline-coloured.alert-warning .alert-message {
    border-color: #fcb92c
}

.alert-outline-coloured.alert-danger .alert-message {
    border-color: #dc3545
}

.alert-outline-coloured.alert-light .alert-message {
    border-color: #f5f7fb
}

.alert-outline-coloured.alert-dark .alert-message {
    border-color: #212529
}

.alert-icon {
    background: rgba(0, 0, 0, .05);
    padding: .95rem
}

.alert-message {
    box-sizing: border-box;
    padding: .95rem;
    width: 100%
}

.avatar {
    height: 40px;
    width: 40px
}

.avatar-lg {
    height: 64px;
    width: 64px
}

.avatar-title {
    align-items: center;
    color: #3b7ddd;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.badge,
a.badge {
    color: #fff
}

.badge.bg-light,
a.badge.bg-light {
    color: #212529
}

.badge-primary-light,
a.badge-primary-light {
    background-color: rgba(59, 125, 221, .15);
    color: color-yiq(rgba(59, 125, 221, .15));
    color: #3b7ddd
}

.badge-primary-light:focus,
.badge-primary-light:hover,
aa.badge-primary-light:focus,
aa.badge-primary-light:hover {
    background-color: rgba(34, 100, 195, .15);
    color: color-yiq(rgba(59, 125, 221, .15))
}

.badge-primary-light.focus,
.badge-primary-light:focus,
aa.badge-primary-light.focus,
aa.badge-primary-light:focus {
    box-shadow: 0 0 0 1px rgba(59, 125, 221, .5);
    outline: 0
}

.badge-secondary-light,
a.badge-secondary-light {
    background-color: hsla(208, 7%, 46%, .15);
    color: color-yiq(hsla(208, 7%, 46%, .15));
    color: #6c757d
}

.badge-secondary-light:focus,
.badge-secondary-light:hover,
aa.badge-secondary-light:focus,
aa.badge-secondary-light:hover {
    background-color: rgba(84, 91, 98, .15);
    color: color-yiq(hsla(208, 7%, 46%, .15))
}

.badge-secondary-light.focus,
.badge-secondary-light:focus,
aa.badge-secondary-light.focus,
aa.badge-secondary-light:focus {
    box-shadow: 0 0 0 1px hsla(208, 7%, 46%, .5);
    outline: 0
}

.badge-success-light,
a.badge-success-light {
    background-color: rgba(28, 187, 140, .15);
    color: color-yiq(rgba(28, 187, 140, .15));
    color: #1cbb8c
}

.badge-success-light:focus,
.badge-success-light:hover,
aa.badge-success-light:focus,
aa.badge-success-light:hover {
    background-color: rgba(21, 143, 107, .15);
    color: color-yiq(rgba(28, 187, 140, .15))
}

.badge-success-light.focus,
.badge-success-light:focus,
aa.badge-success-light.focus,
aa.badge-success-light:focus {
    box-shadow: 0 0 0 1px rgba(28, 187, 140, .5);
    outline: 0
}

.badge-info-light,
a.badge-info-light {
    background-color: rgba(23, 162, 184, .15);
    color: color-yiq(rgba(23, 162, 184, .15));
    color: #17a2b8
}

.badge-info-light:focus,
.badge-info-light:hover,
aa.badge-info-light:focus,
aa.badge-info-light:hover {
    background-color: rgba(17, 122, 139, .15);
    color: color-yiq(rgba(23, 162, 184, .15))
}

.badge-info-light.focus,
.badge-info-light:focus,
aa.badge-info-light.focus,
aa.badge-info-light:focus {
    box-shadow: 0 0 0 1px rgba(23, 162, 184, .5);
    outline: 0
}

.badge-warning-light,
a.badge-warning-light {
    background-color: rgba(252, 185, 44, .15);
    color: color-yiq(rgba(252, 185, 44, .15));
    color: #fcb92c
}

.badge-warning-light:focus,
.badge-warning-light:hover,
aa.badge-warning-light:focus,
aa.badge-warning-light:hover {
    background-color: rgba(242, 165, 3, .15);
    color: color-yiq(rgba(252, 185, 44, .15))
}

.badge-warning-light.focus,
.badge-warning-light:focus,
aa.badge-warning-light.focus,
aa.badge-warning-light:focus {
    box-shadow: 0 0 0 1px rgba(252, 185, 44, .5);
    outline: 0
}

.badge-danger-light,
a.badge-danger-light {
    background-color: rgba(220, 53, 69, .15);
    color: color-yiq(rgba(220, 53, 69, .15));
    color: #dc3545
}

.badge-danger-light:focus,
.badge-danger-light:hover,
aa.badge-danger-light:focus,
aa.badge-danger-light:hover {
    background-color: rgba(189, 33, 48, .15);
    color: color-yiq(rgba(220, 53, 69, .15))
}

.badge-danger-light.focus,
.badge-danger-light:focus,
aa.badge-danger-light.focus,
aa.badge-danger-light:focus {
    box-shadow: 0 0 0 1px rgba(220, 53, 69, .5);
    outline: 0
}

.badge-light-light,
a.badge-light-light {
    background-color: rgba(245, 247, 251, .15);
    color: color-yiq(rgba(245, 247, 251, .15));
    color: #f5f7fb
}

.badge-light-light:focus,
.badge-light-light:hover,
aa.badge-light-light:focus,
aa.badge-light-light:hover {
    background-color: rgba(209, 218, 236, .15);
    color: color-yiq(rgba(245, 247, 251, .15))
}

.badge-light-light.focus,
.badge-light-light:focus,
aa.badge-light-light.focus,
aa.badge-light-light:focus {
    box-shadow: 0 0 0 1px rgba(245, 247, 251, .5);
    outline: 0
}

.badge-dark-light,
a.badge-dark-light {
    background-color: rgba(33, 37, 41, .15);
    color: color-yiq(rgba(33, 37, 41, .15));
    color: #212529
}

.badge-dark-light:focus,
.badge-dark-light:hover,
aa.badge-dark-light:focus,
aa.badge-dark-light:hover {
    background-color: rgba(10, 12, 13, .15);
    color: color-yiq(rgba(33, 37, 41, .15))
}

.badge-dark-light.focus,
.badge-dark-light:focus,
aa.badge-dark-light.focus,
aa.badge-dark-light:focus {
    box-shadow: 0 0 0 1px rgba(33, 37, 41, .5);
    outline: 0
}

.btn-pill {
    border-radius: 10rem
}

.btn-square {
    border-radius: 0
}

.btn .feather {
    height: 14px;
    width: 14px
}

.btn-danger,
.btn-danger.disabled,
.btn-danger.focus,
.btn-danger.hover:not(:disabled):not(.disabled),
.btn-danger:disabled,
.btn-danger:focus,
.btn-danger:hover:not(:disabled):not(.disabled),
.btn-dark,
.btn-dark.disabled,
.btn-dark.focus,
.btn-dark.hover:not(:disabled):not(.disabled),
.btn-dark:disabled,
.btn-dark:focus,
.btn-dark:hover:not(:disabled):not(.disabled),
.btn-info,
.btn-info.disabled,
.btn-info.focus,
.btn-info.hover:not(:disabled):not(.disabled),
.btn-info:disabled,
.btn-info:focus,
.btn-info:hover:not(:disabled):not(.disabled),
.btn-light,
.btn-light.disabled,
.btn-light.focus,
.btn-light.hover:not(:disabled):not(.disabled),
.btn-light:disabled,
.btn-light:focus,
.btn-light:hover:not(:disabled):not(.disabled),
.btn-outline-danger.hover:not(:disabled):not(.disabled),
.btn-outline-danger:hover:not(:disabled):not(.disabled),
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-dark.hover:not(:disabled):not(.disabled),
.btn-outline-dark:hover:not(:disabled):not(.disabled),
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-info.hover:not(:disabled):not(.disabled),
.btn-outline-info:hover:not(:disabled):not(.disabled),
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-light.hover:not(:disabled):not(.disabled),
.btn-outline-light:hover:not(:disabled):not(.disabled),
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-primary.hover:not(:disabled):not(.disabled),
.btn-outline-primary:hover:not(:disabled):not(.disabled),
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-secondary.hover:not(:disabled):not(.disabled),
.btn-outline-secondary:hover:not(:disabled):not(.disabled),
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-success.hover:not(:disabled):not(.disabled),
.btn-outline-success:hover:not(:disabled):not(.disabled),
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-warning.hover:not(:disabled):not(.disabled),
.btn-outline-warning:hover:not(:disabled):not(.disabled),
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-primary.disabled,
.btn-primary.focus,
.btn-primary.hover:not(:disabled):not(.disabled),
.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:hover:not(:disabled):not(.disabled),
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary.focus,
.btn-secondary.hover:not(:disabled):not(.disabled),
.btn-secondary:disabled,
.btn-secondary:focus,
.btn-secondary:hover:not(:disabled):not(.disabled),
.btn-success,
.btn-success.disabled,
.btn-success.focus,
.btn-success.hover:not(:disabled):not(.disabled),
.btn-success:disabled,
.btn-success:focus,
.btn-success:hover:not(:disabled):not(.disabled),
.btn-warning,
.btn-warning.disabled,
.btn-warning.focus,
.btn-warning.hover:not(:disabled):not(.disabled),
.btn-warning:disabled,
.btn-warning:focus,
.btn-warning:hover:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle,
.show>.btn-dark.dropdown-toggle,
.show>.btn-info.dropdown-toggle,
.show>.btn-light.dropdown-toggle,
.show>.btn-primary.dropdown-toggle,
.show>.btn-secondary.dropdown-toggle,
.show>.btn-success.dropdown-toggle,
.show>.btn-warning.dropdown-toggle {
    color: #fff
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-check:focus+.btn-facebook,
.btn-facebook:focus,
.btn-facebook:hover {
    background-color: #324c81;
    border-color: #2f477a;
    color: #fff
}

.btn-check:focus+.btn-facebook,
.btn-facebook:focus {
    box-shadow: 0 0 0 .2rem rgba(88, 114, 167, .5)
}

.btn-check:active+.btn-facebook,
.btn-check:checked+.btn-facebook,
.btn-facebook.active,
.btn-facebook:active,
.show>.btn-facebook.dropdown-toggle {
    background-color: #2f477a;
    border-color: #2c4372;
    color: #fff
}

.btn-check:active+.btn-facebook:focus,
.btn-check:checked+.btn-facebook:focus,
.btn-facebook.active:focus,
.btn-facebook:active:focus,
.show>.btn-facebook.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(88, 114, 167, .5)
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-facebook,
.btn-facebook.disabled,
.btn-facebook.focus,
.btn-facebook.hover:not(:disabled):not(.disabled),
.btn-facebook:disabled,
.btn-facebook:focus,
.btn-facebook:hover:not(:disabled):not(.disabled),
.show>.btn-facebook.dropdown-toggle {
    color: #fff
}

.btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #000
}

.btn-check:focus+.btn-twitter,
.btn-twitter:focus,
.btn-twitter:hover {
    background-color: #3faff4;
    border-color: #34aaf3;
    color: #000
}

.btn-check:focus+.btn-twitter,
.btn-twitter:focus {
    box-shadow: 0 0 0 .2rem rgba(25, 137, 206, .5)
}

.btn-check:active+.btn-twitter,
.btn-check:checked+.btn-twitter,
.btn-twitter.active,
.btn-twitter:active,
.show>.btn-twitter.dropdown-toggle {
    background-color: #4ab4f5;
    border-color: #34aaf3;
    color: #000
}

.btn-check:active+.btn-twitter:focus,
.btn-check:checked+.btn-twitter:focus,
.btn-twitter.active:focus,
.btn-twitter:active:focus,
.show>.btn-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(25, 137, 206, .5)
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #000
}

.btn-twitter,
.btn-twitter.disabled,
.btn-twitter.focus,
.btn-twitter.hover:not(:disabled):not(.disabled),
.btn-twitter:disabled,
.btn-twitter:focus,
.btn-twitter:hover:not(:disabled):not(.disabled),
.show>.btn-twitter.dropdown-toggle {
    color: #fff
}

.btn-google {
    background-color: #dc4e41;
    border-color: #dc4e41;
    color: #fff
}

.btn-check:focus+.btn-google,
.btn-google:focus,
.btn-google:hover {
    background-color: #bb4237;
    border-color: #b03e34;
    color: #fff
}

.btn-check:focus+.btn-google,
.btn-google:focus {
    box-shadow: 0 0 0 .2rem hsla(5, 69%, 63%, .5)
}

.btn-check:active+.btn-google,
.btn-check:checked+.btn-google,
.btn-google.active,
.btn-google:active,
.show>.btn-google.dropdown-toggle {
    background-color: #b03e34;
    border-color: #a53b31;
    color: #fff
}

.btn-check:active+.btn-google:focus,
.btn-check:checked+.btn-google:focus,
.btn-google.active:focus,
.btn-google:active:focus,
.show>.btn-google.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(5, 69%, 63%, .5)
}

.btn-google.disabled,
.btn-google:disabled {
    background-color: #dc4e41;
    border-color: #dc4e41;
    color: #fff
}

.btn-google,
.btn-google.disabled,
.btn-google.focus,
.btn-google.hover:not(:disabled):not(.disabled),
.btn-google:disabled,
.btn-google:focus,
.btn-google:hover:not(:disabled):not(.disabled),
.show>.btn-google.dropdown-toggle {
    color: #fff
}

.btn-youtube {
    background-color: red;
    border-color: red;
    color: #fff
}

.btn-check:focus+.btn-youtube,
.btn-youtube:focus,
.btn-youtube:hover {
    background-color: #d90000;
    border-color: #c00;
    color: #fff
}

.btn-check:focus+.btn-youtube,
.btn-youtube:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 38, 38, .5)
}

.btn-check:active+.btn-youtube,
.btn-check:checked+.btn-youtube,
.btn-youtube.active,
.btn-youtube:active,
.show>.btn-youtube.dropdown-toggle {
    background-color: #c00;
    border-color: #bf0000;
    color: #fff
}

.btn-check:active+.btn-youtube:focus,
.btn-check:checked+.btn-youtube:focus,
.btn-youtube.active:focus,
.btn-youtube:active:focus,
.show>.btn-youtube.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 38, 38, .5)
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    background-color: red;
    border-color: red;
    color: #fff
}

.btn-youtube,
.btn-youtube.disabled,
.btn-youtube.focus,
.btn-youtube.hover:not(:disabled):not(.disabled),
.btn-youtube:disabled,
.btn-youtube:focus,
.btn-youtube:hover:not(:disabled):not(.disabled),
.show>.btn-youtube.dropdown-toggle {
    color: #fff
}

.btn-vimeo {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    color: #000
}

.btn-check:focus+.btn-vimeo,
.btn-vimeo:focus,
.btn-vimeo:hover {
    background-color: #3cc2ed;
    border-color: #31beec;
    color: #000
}

.btn-check:focus+.btn-vimeo,
.btn-vimeo:focus {
    box-shadow: 0 0 0 .2rem rgba(22, 156, 199, .5)
}

.btn-check:active+.btn-vimeo,
.btn-check:checked+.btn-vimeo,
.btn-vimeo.active,
.btn-vimeo:active,
.show>.btn-vimeo.dropdown-toggle {
    background-color: #48c5ee;
    border-color: #31beec;
    color: #000
}

.btn-check:active+.btn-vimeo:focus,
.btn-check:checked+.btn-vimeo:focus,
.btn-vimeo.active:focus,
.btn-vimeo:active:focus,
.show>.btn-vimeo.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(22, 156, 199, .5)
}

.btn-vimeo.disabled,
.btn-vimeo:disabled {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    color: #000
}

.btn-vimeo,
.btn-vimeo.disabled,
.btn-vimeo.focus,
.btn-vimeo.hover:not(:disabled):not(.disabled),
.btn-vimeo:disabled,
.btn-vimeo:focus,
.btn-vimeo:hover:not(:disabled):not(.disabled),
.show>.btn-vimeo.dropdown-toggle {
    color: #fff
}

.btn-dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.btn-check:focus+.btn-dribbble,
.btn-dribbble:focus,
.btn-dribbble:hover {
    background-color: #c74174;
    border-color: #bb3d6e;
    color: #fff
}

.btn-check:focus+.btn-dribbble,
.btn-dribbble:focus {
    box-shadow: 0 0 0 .2rem rgba(237, 103, 155, .5)
}

.btn-check:active+.btn-dribbble,
.btn-check:checked+.btn-dribbble,
.btn-dribbble.active,
.btn-dribbble:active,
.show>.btn-dribbble.dropdown-toggle {
    background-color: #bb3d6e;
    border-color: #b03967;
    color: #fff
}

.btn-check:active+.btn-dribbble:focus,
.btn-check:checked+.btn-dribbble:focus,
.btn-dribbble.active:focus,
.btn-dribbble:active:focus,
.show>.btn-dribbble.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(237, 103, 155, .5)
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.btn-dribbble,
.btn-dribbble.disabled,
.btn-dribbble.focus,
.btn-dribbble.hover:not(:disabled):not(.disabled),
.btn-dribbble:disabled,
.btn-dribbble:focus,
.btn-dribbble:hover:not(:disabled):not(.disabled),
.show>.btn-dribbble.dropdown-toggle {
    color: #fff
}

.btn-github {
    background-color: #181717;
    border-color: #181717;
    color: #fff
}

.btn-check:focus+.btn-github,
.btn-github:focus,
.btn-github:hover {
    background-color: #141414;
    border-color: #131212;
    color: #fff
}

.btn-check:focus+.btn-github,
.btn-github:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 58, 58, .5)
}

.btn-check:active+.btn-github,
.btn-check:checked+.btn-github,
.btn-github.active,
.btn-github:active,
.show>.btn-github.dropdown-toggle {
    background-color: #131212;
    border-color: #121111;
    color: #fff
}

.btn-check:active+.btn-github:focus,
.btn-check:checked+.btn-github:focus,
.btn-github.active:focus,
.btn-github:active:focus,
.show>.btn-github.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 58, 58, .5)
}

.btn-github.disabled,
.btn-github:disabled {
    background-color: #181717;
    border-color: #181717;
    color: #fff
}

.btn-github,
.btn-github.disabled,
.btn-github.focus,
.btn-github.hover:not(:disabled):not(.disabled),
.btn-github:disabled,
.btn-github:focus,
.btn-github:hover:not(:disabled):not(.disabled),
.show>.btn-github.dropdown-toggle {
    color: #fff
}

.btn-instagram {
    background-color: #e4405f;
    border-color: #e4405f;
    color: #fff
}

.btn-check:focus+.btn-instagram,
.btn-instagram:focus,
.btn-instagram:hover {
    background-color: #c23651;
    border-color: #b6334c;
    color: #fff
}

.btn-check:focus+.btn-instagram,
.btn-instagram:focus {
    box-shadow: 0 0 0 .2rem rgba(232, 93, 119, .5)
}

.btn-check:active+.btn-instagram,
.btn-check:checked+.btn-instagram,
.btn-instagram.active,
.btn-instagram:active,
.show>.btn-instagram.dropdown-toggle {
    background-color: #b6334c;
    border-color: #ab3047;
    color: #fff
}

.btn-check:active+.btn-instagram:focus,
.btn-check:checked+.btn-instagram:focus,
.btn-instagram.active:focus,
.btn-instagram:active:focus,
.show>.btn-instagram.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(232, 93, 119, .5)
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    background-color: #e4405f;
    border-color: #e4405f;
    color: #fff
}

.btn-instagram,
.btn-instagram.disabled,
.btn-instagram.focus,
.btn-instagram.hover:not(:disabled):not(.disabled),
.btn-instagram:disabled,
.btn-instagram:focus,
.btn-instagram:hover:not(:disabled):not(.disabled),
.show>.btn-instagram.dropdown-toggle {
    color: #fff
}

.btn-pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #fff
}

.btn-check:focus+.btn-pinterest,
.btn-pinterest:focus,
.btn-pinterest:hover {
    background-color: #a10718;
    border-color: #970616;
    color: #fff
}

.btn-check:focus+.btn-pinterest,
.btn-pinterest:focus {
    box-shadow: 0 0 0 .2rem rgba(199, 45, 62, .5)
}

.btn-check:active+.btn-pinterest,
.btn-check:checked+.btn-pinterest,
.btn-pinterest.active,
.btn-pinterest:active,
.show>.btn-pinterest.dropdown-toggle {
    background-color: #970616;
    border-color: #8e0615;
    color: #fff
}

.btn-check:active+.btn-pinterest:focus,
.btn-check:checked+.btn-pinterest:focus,
.btn-pinterest.active:focus,
.btn-pinterest:active:focus,
.show>.btn-pinterest.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(199, 45, 62, .5)
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #fff
}

.btn-pinterest,
.btn-pinterest.disabled,
.btn-pinterest.focus,
.btn-pinterest.hover:not(:disabled):not(.disabled),
.btn-pinterest:disabled,
.btn-pinterest:focus,
.btn-pinterest:hover:not(:disabled):not(.disabled),
.show>.btn-pinterest.dropdown-toggle {
    color: #fff
}

.btn-flickr {
    background-color: #0063dc;
    border-color: #0063dc;
    color: #fff
}

.btn-check:focus+.btn-flickr,
.btn-flickr:focus,
.btn-flickr:hover {
    background-color: #0054bb;
    border-color: #004fb0;
    color: #fff
}

.btn-check:focus+.btn-flickr,
.btn-flickr:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 122, 225, .5)
}

.btn-check:active+.btn-flickr,
.btn-check:checked+.btn-flickr,
.btn-flickr.active,
.btn-flickr:active,
.show>.btn-flickr.dropdown-toggle {
    background-color: #004fb0;
    border-color: #004aa5;
    color: #fff
}

.btn-check:active+.btn-flickr:focus,
.btn-check:checked+.btn-flickr:focus,
.btn-flickr.active:focus,
.btn-flickr:active:focus,
.show>.btn-flickr.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 122, 225, .5)
}

.btn-flickr.disabled,
.btn-flickr:disabled {
    background-color: #0063dc;
    border-color: #0063dc;
    color: #fff
}

.btn-flickr,
.btn-flickr.disabled,
.btn-flickr.focus,
.btn-flickr.hover:not(:disabled):not(.disabled),
.btn-flickr:disabled,
.btn-flickr:focus,
.btn-flickr:hover:not(:disabled):not(.disabled),
.show>.btn-flickr.dropdown-toggle {
    color: #fff
}

.btn-bitbucket {
    background-color: #0052cc;
    border-color: #0052cc;
    color: #fff
}

.btn-bitbucket:focus,
.btn-bitbucket:hover,
.btn-check:focus+.btn-bitbucket {
    background-color: #0046ad;
    border-color: #0042a3;
    color: #fff
}

.btn-bitbucket:focus,
.btn-check:focus+.btn-bitbucket {
    box-shadow: 0 0 0 .2rem rgba(38, 108, 212, .5)
}

.btn-bitbucket.active,
.btn-bitbucket:active,
.btn-check:active+.btn-bitbucket,
.btn-check:checked+.btn-bitbucket,
.show>.btn-bitbucket.dropdown-toggle {
    background-color: #0042a3;
    border-color: #003e99;
    color: #fff
}

.btn-bitbucket.active:focus,
.btn-bitbucket:active:focus,
.btn-check:active+.btn-bitbucket:focus,
.btn-check:checked+.btn-bitbucket:focus,
.show>.btn-bitbucket.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 108, 212, .5)
}

.btn-bitbucket.disabled,
.btn-bitbucket:disabled {
    background-color: #0052cc;
    border-color: #0052cc;
    color: #fff
}

.btn-bitbucket,
.btn-bitbucket.disabled,
.btn-bitbucket.focus,
.btn-bitbucket.hover:not(:disabled):not(.disabled),
.btn-bitbucket:disabled,
.btn-bitbucket:focus,
.btn-bitbucket:hover:not(:disabled):not(.disabled),
.show>.btn-bitbucket.dropdown-toggle {
    color: #fff
}

.btn-light,
.btn-light.disabled,
.btn-light.focus,
.btn-light.hover:not(:disabled):not(.disabled),
.btn-light:disabled,
.btn-light:focus,
.btn-light:hover:not(:disabled):not(.disabled),
.btn-outline-light.hover:not(:disabled):not(.disabled),
.btn-outline-light:hover:not(:disabled):not(.disabled),
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-white.hover:not(:disabled):not(.disabled),
.btn-outline-white:hover:not(:disabled):not(.disabled),
.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-white,
.btn-white.disabled,
.btn-white.focus,
.btn-white.hover:not(:disabled):not(.disabled),
.btn-white:disabled,
.btn-white:focus,
.btn-white:hover:not(:disabled):not(.disabled),
.show>.btn-light.dropdown-toggle,
.show>.btn-white.dropdown-toggle {
    color: #343a40
}

.card {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
    margin-bottom: 24px
}

.card-header {
    border-bottom-width: 1px
}

.card-actions a {
    color: #495057;
    text-decoration: none
}

.card-actions svg {
    height: 18px;
    width: 18px
}

.card-actions .dropdown {
    line-height: 1.4
}

.card-title {
    color: #939ba2;
    font-size: .925rem;
    font-weight: 600
}

.card-subtitle {
    font-weight: 400
}

.card-table {
    margin-bottom: 0
}

.card-table tr td:first-child,
.card-table tr th:first-child {
    padding-left: 1.25rem
}

.card-table tr td:last-child,
.card-table tr th:last-child {
    padding-right: 1.25rem
}

.card-img,
.card-img-bottom,
.card-img-top {
    height: auto;
    max-width: 100%
}

@media (-ms-high-contrast:none) {

    .card-img,
    .card-img-bottom,
    .card-img-top {
        height: 100%
    }
}

.chart {
    margin: auto;
    min-height: 300px;
    position: relative;
    width: 100%
}

.chart-xs {
    min-height: 150px
}

.chart-sm {
    min-height: 250px
}

.chart-lg {
    min-height: 350px
}

.chart-xl {
    min-height: 500px
}

.chart canvas {
    max-width: 100%
}

.chat-online {
    color: #2bdfaa
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}


.navbar-nav .dropdown-menu {
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05)
}

.dropdown .dropdown-menu.show {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: dropdownAnimation;
    animation-name: dropdownAnimation;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

.dropdown-item {
    transition: background .1s ease-in-out, color .1s ease-in-out
}

.dropdown-menu {
    top: auto
}

.dropdown-menu-lg {
    min-width: 20rem
}

.dropdown .list-group .list-group-item {
    border-width: 0 0 1px;
    margin-bottom: 0
}

.dropdown .list-group .list-group-item:first-child,
.dropdown .list-group .list-group-item:last-child {
    border-radius: 0
}

.dropdown .list-group .list-group-item:hover {
    background: #f8f9fa
}

.dropdown-menu-header {
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    padding: .75rem;
    text-align: center
}

.dropdown-menu-footer {
    display: block;
    font-size: .75rem;
    padding: .5rem;
    text-align: center
}

@media(min-width:1200px) {
    .dropdown-mega-list {
        min-width: 250px
    }
}

.feather {
    stroke-width: 2;
    height: 18px;
    width: 18px
}

.feather-sm {
    height: 14px;
    width: 14px
}

.feather-lg {
    height: 36px;
    width: 36px
}

footer.footer {
    background: transparent;
    direction: ltr;
    padding: 1rem .875rem
}

body[data-theme=light] footer.footer {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .5), #fff 3%, #fff)
}

body[data-theme=colored] footer.footer,
body[data-theme=dark] footer.footer {
    background: #fff
}

footer.footer ul {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    footer.footer {
        width: 100vw
    }
}

.input-group-navbar .btn,
.input-group-navbar .form-control {
    background: #f3f6fa;
    border: 0;
    border-radius: 20px;
    box-shadow: none;
    height: calc(2.1875rem + 2px);
    padding: .4rem 1rem
}

.input-group-navbar .btn:focus,
.input-group-navbar .form-control:focus {
    background: #f3f6fa;
    box-shadow: none;
    outline: 0
}

.input-group-navbar .btn {
    color: #6c757d
}

.input-group-navbar .btn .feather {
    height: 20px;
    width: 20px
}

.input-group-sm>.form-select {
    padding-right: 1.8rem
}

.hamburger,
.hamburger:after,
.hamburger:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background .1s ease-in-out, color .1s ease-in-out;
    width: 24px
}

.hamburger {
    position: relative
}

.hamburger:before {
    position: absolute;
    top: -7.5px;
    width: 24px
}

.hamburger:after {
    bottom: -7.5px;
    position: absolute;
    width: 16px
}

.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:after,
.sidebar-toggle:hover .hamburger:before {
    background: #3b7ddd
}

.hamburger-right,
.hamburger-right:after,
.hamburger-right:before {
    right: 0
}

a.list-group-item {
    text-decoration: none
}


.modal-primary .modal-content {
    background: #3b7ddd;
    color: color-yiq(#3b7ddd)
}

.modal-primary .h1,
.modal-primary .h2,
.modal-primary .h3,
.modal-primary .h4,
.modal-primary .h5,
.modal-primary .h6,
.modal-primary h1,
.modal-primary h2,
.modal-primary h3,
.modal-primary h4,
.modal-primary h5,
.modal-primary h6 {
    color: #fff
}

.modal-secondary .modal-content {
    background: #6c757d;
    color: color-yiq(#6c757d)
}

.modal-secondary .h1,
.modal-secondary .h2,
.modal-secondary .h3,
.modal-secondary .h4,
.modal-secondary .h5,
.modal-secondary .h6,
.modal-secondary h1,
.modal-secondary h2,
.modal-secondary h3,
.modal-secondary h4,
.modal-secondary h5,
.modal-secondary h6 {
    color: #fff
}

.modal-success .modal-content {
    background: #1cbb8c;
    color: color-yiq(#1cbb8c)
}

.modal-success .h1,
.modal-success .h2,
.modal-success .h3,
.modal-success .h4,
.modal-success .h5,
.modal-success .h6,
.modal-success h1,
.modal-success h2,
.modal-success h3,
.modal-success h4,
.modal-success h5,
.modal-success h6 {
    color: #fff
}

.modal-info .modal-content {
    background: #17a2b8;
    color: color-yiq(#17a2b8)
}

.modal-info .h1,
.modal-info .h2,
.modal-info .h3,
.modal-info .h4,
.modal-info .h5,
.modal-info .h6,
.modal-info h1,
.modal-info h2,
.modal-info h3,
.modal-info h4,
.modal-info h5,
.modal-info h6 {
    color: #fff
}

.modal-warning .modal-content {
    background: #fcb92c;
    color: color-yiq(#fcb92c)
}

.modal-warning .h1,
.modal-warning .h2,
.modal-warning .h3,
.modal-warning .h4,
.modal-warning .h5,
.modal-warning .h6,
.modal-warning h1,
.modal-warning h2,
.modal-warning h3,
.modal-warning h4,
.modal-warning h5,
.modal-warning h6 {
    color: #fff
}

.modal-danger .modal-content {
    background: #dc3545;
    color: color-yiq(#dc3545)
}

.modal-danger .h1,
.modal-danger .h2,
.modal-danger .h3,
.modal-danger .h4,
.modal-danger .h5,
.modal-danger .h6,
.modal-danger h1,
.modal-danger h2,
.modal-danger h3,
.modal-danger h4,
.modal-danger h5,
.modal-danger h6 {
    color: #fff
}

.modal-light .modal-content {
    background: #f5f7fb;
    color: color-yiq(#f5f7fb)
}

.modal-light .h1,
.modal-light .h2,
.modal-light .h3,
.modal-light .h4,
.modal-light .h5,
.modal-light .h6,
.modal-light h1,
.modal-light h2,
.modal-light h3,
.modal-light h4,
.modal-light h5,
.modal-light h6 {
    color: #fff
}

.modal-dark .modal-content {
    background: #212529;
    color: color-yiq(#212529)
}

.modal-dark .h1,
.modal-dark .h2,
.modal-dark .h3,
.modal-dark .h4,
.modal-dark .h5,
.modal-dark .h6,
.modal-dark h1,
.modal-dark h2,
.modal-dark h3,
.modal-dark h4,
.modal-dark h5,
.modal-dark h6 {
    color: #fff
}

.modal-colored .modal-footer,
.modal-colored .modal-header {
    border-color: hsla(0, 0%, 100%, .33)
}

.navbar {
    border-bottom: 0;
    /*box-shadow: 0 0 2rem 0 rgba(33, 37, 41, .1)*/
}

@media(max-width:767.98px) {
    .navbar {
        width: 100vw
    }
}

.navbar .avatar {
    margin-bottom: -15px;
    margin-top: -15px
}

.navbar-nav {
    direction: ltr
}

body:not([data-sidebar-position=right]) .navbar-align {
    margin-left: auto
}

body[data-sidebar-position=right] .navbar-align {
    margin-right: auto
}

.navbar-bg,
body[data-theme=dark] .navbar-bg {
    background: #fff
}

body[data-theme=light] .navbar-bg {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .5), #fff 3%, #fff)
}

body[data-theme=colored] .navbar-bg {
    background: #fff
}

.navbar-brand {
    color: #f8f9fa;
    display: block;
    font-size: 1.15rem;
    font-weight: 400;
    padding: .875rem 0
}

.navbar-brand .feather,
.navbar-brand svg {
    color: #3b7ddd;
    height: 24px;
    margin-left: -.15rem;
    margin-right: .375rem;
    margin-top: -.375rem;
    width: 24px
}

.nav-flag,
.nav-icon {
    color: #6c757d;
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: .1rem .8rem;
    transition: background .1s ease-in-out, color .1s ease-in-out
}

.nav-flag:after,
.nav-icon:after {
    display: none !important
}

.nav-flag.active,
.nav-flag:hover,
.nav-icon.active,
.nav-icon:hover {
    color: #3b7ddd
}

.nav-flag .feather,
.nav-flag svg,
.nav-icon .feather,
.nav-icon svg {
    height: 20px;
    width: 20px
}

.nav-item .indicator {
    background: #3b7ddd;
    border-radius: 50%;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05);
    color: #fff;
    display: block;
    font-size: .675rem;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 0;
    transition: top .1s ease-out;
    width: 18px
}

.nav-item:hover .indicator {
    top: -4px
}

.nav-item a:focus {
    outline: 0
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .navbar .avatar {
        max-height: 47px
    }
}

@media(max-width:575.98px) {
    .navbar {
        padding: .75rem
    }

    .nav-icon {
        padding: .1rem .75rem
    }

    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        /*position: inherit*/
    }

    .navbar-expand .navbar-nav .dropdown-menu-lg {
        min-width: 100%
    }

    .nav-item .nav-link:after {
        display: none
    }
}

.nav-flag img {
    border-radius: 50%;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px
}

.navbar input {
    direction: ltr
}

.page-item.active .page-link {
    color: #fff
}

.progress-sm {
    height: .4rem
}

.progress-lg {
    height: 1.5rem
}

#root,
body,
html {
    height: 100%
}

body {
    opacity: 1 !important;
    overflow-y: scroll
}

body[data-sidebar-position=right] {
    direction: rtl
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    html {
        overflow-x: hidden
    }
}

.settings {
    direction: ltr;
    display: none
}

@media(min-width:1200px) {
    .settings {
        display: block
    }
}

.settings-toggle {
    background: #3b7ddd;
    border-radius: 50%;
    bottom: 20px;
    color: #fff;
    cursor: pointer;
    height: 52px;
    padding: 1rem;
    position: fixed;
    right: 20px;
    width: 52px
}

.settings-toggle:hover {
    background: #2469ce
}

.settings-toggle svg {
    height: 20px;
    margin-top: -.25rem;
    width: 20px
}

.settings-panel {
    background: #fff;
    border-left: 0 solid transparent;
    bottom: 0;
    box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .05);
    display: block;
    height: 100%;
    position: fixed;
    right: -350px;
    top: 0;
    transition: right .2s ease-in-out;
    width: 350px;
    z-index: 100
}

.settings.open .settings-panel:before {
    background: rgba(0, 0, 0, .325);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.settings.open .settings-panel {
    right: 0
}

.settings-content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    position: relative
}

.settings-title {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    color: #000;
    font-size: .875rem;
    padding: 1.35rem 1.5rem
}

.settings-title .close,
.settings-title .h4,
.settings-title h4 {
    color: #000
}

.settings-body {
    flex: 1
}

.settings-body,
.settings-footer {
    padding: 1rem 1.5rem
}

.settings-scheme-label {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.settings-scheme-label+.settings-scheme {
    border: 2px solid #dee2e6
}

.settings-scheme-label:checked+.settings-scheme {
    border: 2px solid #3b7ddd;
    color: #3b7ddd
}

.settings-scheme {
    align-items: center;
    background: #fff;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 86px;
    justify-content: center;
    position: relative
}

.settings-scheme-theme {
    background: red;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff;
    height: 50px;
    position: relative;
    width: 50px
}

.settings-scheme-theme-default {
    background-image: linear-gradient(-45deg, #222e3c 50%, #f2f4f6 0)
}

.settings-scheme-theme-colored {
    background-image: linear-gradient(-45deg, #3b7ddd 50%, #f2f4f6 0)
}

.settings-scheme-theme-dark {
    background: #222e3c
}

.settings-scheme-theme-light {
    background: #f2f4f6
}

.settings-button-label {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.settings-button-label+.settings-button {
    background: #e9ecef;
    border-radius: 5px;
    border-radius: .3rem;
    color: #212529;
    cursor: pointer;
    font-size: .875rem;
    padding: .4rem 1rem
}

.settings-button-label:checked+.settings-button {
    background: #3b7ddd;
    color: #fff
}

.settings-button-label:checked+.settings-button:after {
    opacity: 1
}


/*sidebar*/

.sidebar {
    direction: ltr;
    max-width: 264px;
    min-width: 264px;
    background: #130f0f;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out
}

body[data-theme=dark] .sidebar {
    background: #222e3c
}

body[data-theme=light] .sidebar {
    background: #fff
}

body[data-theme=colored] .sidebar {
    background: linear-gradient(135deg, #266fd9, #2359a8 40%, #2359a8)
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out
}

.body[data-theme=dark] .sidebar-content {
    background: #222e3c
}

body[data-theme=light] .sidebar-content {
    background: #fff
}

body[data-theme=colored] .sidebar-content {
    background: linear-gradient(135deg, #266fd9, #2359a8 40%, #2359a8)
}

.sidebar-nav {
    flex-grow: 1;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.sidebar-link,
a.sidebar-link {
    background: transparent;
    border-left: 3px solid transparent;
    color: #818181;
    cursor: pointer;
    display: block;
    padding: 1rem 1.625rem;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background .1s ease-in-out
}

body[data-theme=dark] .sidebar-link,
body[data-theme=dark] a.sidebar-link {
    color: rgba(233, 236, 239, .5)
}

body[data-theme=light] .sidebar-link,
body[data-theme=light] a.sidebar-link {
    color: #495057
}

body[data-theme=colored] .sidebar-link,
body[data-theme=colored] a.sidebar-link {
    color: rgba(248, 249, 250, .7)
}

body[data-theme=dark] .sidebar-link,
body[data-theme=dark] a.sidebar-link {
    background: #222e3c
}

body[data-theme=colored] .sidebar-link,
body[data-theme=colored] a.sidebar-link,
body[data-theme=light] .sidebar-link,
body[data-theme=light] a.sidebar-link {
    background: transparent
}

body[data-theme=colored] .sidebar-link,
body[data-theme=colored] a.sidebar-link,
body[data-theme=dark] .sidebar-link,
body[data-theme=dark] a.sidebar-link,
body[data-theme=light] .sidebar-link,
body[data-theme=light] a.sidebar-link {
    border-left-color: transparent
}

.sidebar-link i,
.sidebar-link svg,
a.sidebar-link i,
a.sidebar-link svg {
    color: #818181;
    margin-right: .75rem
}

body[data-theme=dark] .sidebar-link i,
body[data-theme=dark] .sidebar-link svg,
body[data-theme=dark] a.sidebar-link i,
body[data-theme=dark] a.sidebar-link svg {
    color: rgba(233, 236, 239, .5)
}

body[data-theme=light] .sidebar-link i,
body[data-theme=light] .sidebar-link svg,
body[data-theme=light] a.sidebar-link i,
body[data-theme=light] a.sidebar-link svg {
    color: #495057
}

body[data-theme=colored] .sidebar-link i,
body[data-theme=colored] .sidebar-link svg,
body[data-theme=colored] a.sidebar-link i,
body[data-theme=colored] a.sidebar-link svg {
    color: rgba(233, 236, 239, .5)
}

.sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .625rem 1.5rem .625rem 4.5rem
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .625rem 1.5rem .625rem 5.75rem
}

.sidebar-link:focus {
    outline: 0
}

.sidebar-link:hover {
    background: #00bc7c;
    border-left-color: transparent
}

.sidebar-link:hover,
body[data-theme=dark] .sidebar-link:hover {
    color: rgba(233, 236, 239, .75)
}

body[data-theme=light] .sidebar-link:hover {
    color: #518be1
}

body[data-theme=colored] .sidebar-link:hover {
    color: rgba(248, 249, 250, .85)
}

body[data-theme=dark] .sidebar-link:hover {
    background: #222e3c
}

body[data-theme=colored] .sidebar-link:hover,
body[data-theme=light] .sidebar-link:hover {
    background: transparent
}

body[data-theme=colored] .sidebar-link:hover,
body[data-theme=dark] .sidebar-link:hover,
body[data-theme=light] .sidebar-link:hover {
    border-left-color: transparent
}

.sidebar-link:hover i,
.sidebar-link:hover svg,
body[data-theme=dark] .sidebar-link:hover i,
body[data-theme=dark] .sidebar-link:hover svg {
    color: rgba(233, 236, 239, .75)
}

body[data-theme=light] .sidebar-link:hover i,
body[data-theme=light] .sidebar-link:hover svg {
    color: #518be1
}

body[data-theme=colored] .sidebar-link:hover i,
body[data-theme=colored] .sidebar-link:hover svg {
    color: rgba(233, 236, 239, .75)
}

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active>.sidebar-link {
    background: #00bc7c;
    border-left-color: #00b97a;
    color: #003020;
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,
body[data-theme=dark] .sidebar-item.active>.sidebar-link {
    color: #e9ecef
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover,
body[data-theme=light] .sidebar-item.active>.sidebar-link {
    color: #518be1
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,
body[data-theme=colored] .sidebar-item.active>.sidebar-link {
    color: #fff
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,
body[data-theme=dark] .sidebar-item.active>.sidebar-link {
    background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .088) 50%, transparent)
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover,
body[data-theme=light] .sidebar-item.active>.sidebar-link {
    background: transparent
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,
body[data-theme=colored] .sidebar-item.active>.sidebar-link {
    background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .088) 50%, transparent)
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,
body[data-theme=dark] .sidebar-item.active>.sidebar-link,
body[data-theme=light] .sidebar-item.active .sidebar-link:hover,
body[data-theme=light] .sidebar-item.active>.sidebar-link {
    border-left-color: #3b7ddd
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,
body[data-theme=colored] .sidebar-item.active>.sidebar-link {
    border-left-color: #a8c5f0
}

.sidebar-item.active .sidebar-link:hover i,
.sidebar-item.active .sidebar-link:hover svg,
.sidebar-item.active>.sidebar-link i,
.sidebar-item.active>.sidebar-link svg,
body[data-theme=dark] .sidebar-item.active .sidebar-link:hover i,
body[data-theme=dark] .sidebar-item.active .sidebar-link:hover svg,
body[data-theme=dark] .sidebar-item.active>.sidebar-link i,
body[data-theme=dark] .sidebar-item.active>.sidebar-link svg {
    color: #003020
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover i,
body[data-theme=light] .sidebar-item.active .sidebar-link:hover svg,
body[data-theme=light] .sidebar-item.active>.sidebar-link i,
body[data-theme=light] .sidebar-item.active>.sidebar-link svg {
    color: #518be1
}

body[data-theme=colored] .sidebar-item.active .sidebar-link:hover i,
body[data-theme=colored] .sidebar-item.active .sidebar-link:hover svg,
body[data-theme=colored] .sidebar-item.active>.sidebar-link i,
body[data-theme=colored] .sidebar-item.active>.sidebar-link svg {
    color: #e9ecef
}

.sidebar-dropdown .sidebar-link {
    background: transparent;
    border-left: 0;
    color: #adb5bd;
    font-size: 90%;
    font-weight: 400;
    padding: .625rem 1.5rem .625rem 3.25rem
}

body[data-theme=dark] .sidebar-dropdown .sidebar-link {
    color: #adb5bd
}

body[data-theme=light] .sidebar-dropdown .sidebar-link {
    color: #6c757d
}

body[data-theme=colored] .sidebar-dropdown .sidebar-link {
    color: #bbc2c8
}

body[data-theme=colored] .sidebar-dropdown .sidebar-link,
body[data-theme=dark] .sidebar-dropdown .sidebar-link,
body[data-theme=light] .sidebar-dropdown .sidebar-link {
    background: transparent
}

.sidebar-dropdown .sidebar-link:before {
    content: "→";
    display: inline-block;
    left: -14px;
    position: relative;
    transform: translateX(0);
    transition: all .1s ease
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover {
    background: transparent;
    border-left: 0;
    color: #e9ecef;
    font-weight: 400
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #e9ecef
}

body[data-theme=light] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #518be1
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #e9ecef
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item .sidebar-link:hover,
body[data-theme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover,
body[data-theme=light] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    background: transparent
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover:hover:before {
    transform: translateX(4px)
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
    background: transparent;
    border-left: 0;
    color: #518be1;
    font-weight: 400
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,
body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: #518be1
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: #fff
}

body[data-theme=colored] .sidebar-dropdown .sidebar-item.active .sidebar-link,
body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,
body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link {
    background: transparent
}

.sidebar [data-bs-toggle=collapse] {
    position: relative
}

.sidebar [data-bs-toggle=collapse]:after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.2rem;
    transform: rotate(45deg);
    transition: all .2s ease-out
}

.sidebar [aria-expanded=true]:after,
.sidebar [data-bs-toggle=collapse]:not(.collapsed):after {
    top: 1.4rem;
    transform: rotate(-135deg)
}

.sidebar-dropdown [data-bs-toggle=collapse]:after {
    top: 1rem
}

.sidebar-dropdown [aria-expanded=true]:after,
.sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after {
    top: 1.2rem
}

.sidebar-brand {
    color: #f8f9fa;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    padding: 1.15rem 1.5rem
}

body[data-theme=dark] .sidebar-brand {
    color: #f8f9fa
}

body[data-theme=light] .sidebar-brand {
    color: #495057
}

body[data-theme=colored] .sidebar-brand {
    color: #f8f9fa
}

.sidebar-brand:hover {
    color: #f8f9fa;
    text-decoration: none
}

body[data-theme=dark] .sidebar-brand:hover {
    color: #f8f9fa
}

body[data-theme=light] .sidebar-brand:hover {
    color: #495057
}

body[data-theme=colored] .sidebar-brand:hover {
    color: #f8f9fa
}

.sidebar-brand:focus {
    outline: 0
}

.sidebar-brand-text {
    display: block
}

.sidebar-brand-icon {
    display: none
}

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

body:not([data-sidebar-position=right]) .sidebar.collapsed {
    margin-left: -264px
}

@media(max-width:991.98px) {
    body:not([data-sidebar-position=right]) .sidebar {
        margin-left: -264px
    }

    body:not([data-sidebar-position=right]) .sidebar.collapsed {
        margin-left: 0
    }
}

body:not([data-sidebar-position=right]) .sidebar-toggle {
    margin-right: 1rem
}

body[data-sidebar-position=right] .sidebar.collapsed {
    margin-right: -264px
}

@media(max-width:991.98px) {
    body[data-sidebar-position=right] .sidebar {
        margin-right: -264px
    }

    body[data-sidebar-position=right] .sidebar.collapsed {
        margin-right: 0
    }
}

body[data-sidebar-position=right] .sidebar-toggle {
    margin-left: 1rem
}

body[data-sidebar-position=right] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.sidebar-header {
    background: transparent;
    color: #00bc7c;
    font-size: .75rem;
    padding: 1.5rem 1.5rem 0.375rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 600;
}

body[data-theme=dark] .sidebar-header {
    color: #ced4da
}

body[data-theme=light] .sidebar-header {
    color: #495057
}

body[data-theme=colored] .sidebar-header {
    color: #ced4da
}

.sidebar-badge {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1
}

.sidebar-cta-content {
    background: #2b3947;
    border-radius: .3rem;
    color: #e9ecef;
    margin: 1.75rem;
    padding: 1.5rem
}

body[data-theme=dark] .sidebar-cta-content {
    background: #2b3947
}

body[data-theme=light] .sidebar-cta-content {
    background: #f2f4f6
}

body[data-theme=colored] .sidebar-cta-content {
    background: #18488d
}

body[data-theme=dark] .sidebar-cta-content {
    color: #e9ecef
}

body[data-theme=light] .sidebar-cta-content {
    color: #343a40
}

body[data-theme=colored] .sidebar-cta-content {
    color: #e9ecef
}

.sidebar-user {
    padding: .75rem 1.5rem
}

.sidebar-user a {
    outline: 0;
    text-decoration: none
}

.sidebar-user-title,
.sidebar-user-title:hover,
body[data-theme=dark] .sidebar-user-title,
body[data-theme=dark] .sidebar-user-title:hover {
    color: #e9ecef
}

body[data-theme=light] .sidebar-user-title,
body[data-theme=light] .sidebar-user-title:hover {
    color: #020202
}

body[data-theme=colored] .sidebar-user-title,
body[data-theme=colored] .sidebar-user-title:hover {
    color: #e9ecef
}

.sidebar-user-subtitle,
body[data-theme=dark] .sidebar-user-subtitle {
    color: #adb5bd
}

body[data-theme=light] .sidebar-user-subtitle {
    color: #6c757d
}

body[data-theme=colored] .sidebar-user-subtitle {
    color: #adb5bd
}

body[data-sidebar-layout=compact] [data-simplebar] {
    position: relative;
    width: 74px
}

body[data-sidebar-layout=compact] .sidebar-badge,
body[data-sidebar-layout=compact] .sidebar-cta,
body[data-sidebar-layout=compact] .sidebar-header,
body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item .sidebar-link span,
body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown,
body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-link:after,
body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-link:before,
body[data-sidebar-layout=compact] .sidebar-user {
    display: none
}

body[data-sidebar-layout=compact] .sidebar-brand {
    text-align: center
}

body[data-sidebar-layout=compact] .simplebar-horizontal,
body[data-sidebar-layout=compact] .simplebar-vertical {
    visibility: hidden !important
}

body[data-sidebar-layout=compact] .simplebar-content-wrapper,
body[data-sidebar-layout=compact] .simplebar-height-auto-observer-wrapper,
body[data-sidebar-layout=compact] .simplebar-mask,
body[data-sidebar-layout=compact] .simplebar-wrapper {
    overflow: visible !important
}

body[data-sidebar-layout=compact] .sidebar-dropdown.collapsing {
    height: auto;
    overflow: visible;
    transition: none
}

body[data-sidebar-layout=compact] .sidebar {
    max-width: 74px;
    min-width: 74px;
    z-index: 5
}

body[data-sidebar-layout=compact] .sidebar-brand-text {
    display: none
}

body[data-sidebar-layout=compact] .sidebar-brand-icon {
    display: block
}

body[data-sidebar-layout=compact] .sidebar-item {
    position: relative
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown {
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 .5rem 3rem .5rem rgba(0, 0, 0, .05);
    display: none;
    overflow: visible;
    padding: .5rem 0;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 1
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 16px
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link {
    color: #6c757d;
    padding: .5rem 1.5rem
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link:hover {
    color: #518be1
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link:before {
    left: -10px
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-item.active .sidebar-link,
body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-item.active .sidebar-link:hover {
    color: #518be1
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .5rem 1.5rem .5rem 2.5rem
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: .5rem 1.5rem .5rem 3.5rem
}

body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:after {
    top: .9rem
}

body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [aria-expanded=true]:after,
body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after {
    top: 1.1rem
}

body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item:hover>.sidebar-dropdown {
    display: block
}

body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar-nav>.sidebar-item>.sidebar-dropdown {
    left: 86px
}

body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar-nav>.sidebar-item>.sidebar-dropdown:before {
    left: -16px
}

body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar.collapsed {
    margin-left: -74px
}

@media(max-width:991.98px) {
    body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar {
        margin-left: -74px
    }

    body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar.collapsed {
        margin-left: 0
    }
}

body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar-nav>.sidebar-item>.sidebar-dropdown {
    right: 86px
}

body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar-nav>.sidebar-item>.sidebar-dropdown:before {
    right: -16px
}

body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar.collapsed {
    margin-right: -74px
}

@media(max-width:991.98px) {
    body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar {
        margin-right: -74px
    }

    body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar.collapsed {
        margin-right: 0
    }
}

.min-vw-50 {
    min-width: 50vw !important
}

.min-vh-50 {
    min-height: 50vh !important
}

.vw-50 {
    width: 50vw !important
}

.vh-50 {
    height: 50vh !important
}

.stat {
    align-items: center;
    background: rgb(0 185 122 / 15%);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.stat svg {
    stroke-width: 1.5;
    color: #008c5c !important;
    height: 18px;
    width: 18px
}

.table tbody,
.table td,
.table tfoot,
.table th,
.table thead,
.table tr,
.table>:not(:last-child)>:last-child>* {
    border-color: #dee2e6
}

.card>.dataTables_wrapper .table.dataTable,
.card>.table,
.card>.table-responsive .table,
.card>.table-responsive-lg .table,
.card>.table-responsive-md .table,
.card>.table-responsive-sm .table,
.card>.table-responsive-xl .table {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0
}

.card>.dataTables_wrapper .table.dataTable td:first-child,
.card>.dataTables_wrapper .table.dataTable th:first-child,
.card>.table td:first-child,
.card>.table th:first-child,
.card>.table-responsive .table td:first-child,
.card>.table-responsive .table th:first-child,
.card>.table-responsive-lg .table td:first-child,
.card>.table-responsive-lg .table th:first-child,
.card>.table-responsive-md .table td:first-child,
.card>.table-responsive-md .table th:first-child,
.card>.table-responsive-sm .table td:first-child,
.card>.table-responsive-sm .table th:first-child,
.card>.table-responsive-xl .table td:first-child,
.card>.table-responsive-xl .table th:first-child {
    border-left: 0;
    padding-left: 1.25rem
}

.card>.dataTables_wrapper .table.dataTable td:last-child,
.card>.dataTables_wrapper .table.dataTable th:last-child,
.card>.table td:last-child,
.card>.table th:last-child,
.card>.table-responsive .table td:last-child,
.card>.table-responsive .table th:last-child,
.card>.table-responsive-lg .table td:last-child,
.card>.table-responsive-lg .table th:last-child,
.card>.table-responsive-md .table td:last-child,
.card>.table-responsive-md .table th:last-child,
.card>.table-responsive-sm .table td:last-child,
.card>.table-responsive-sm .table th:last-child,
.card>.table-responsive-xl .table td:last-child,
.card>.table-responsive-xl .table th:last-child {
    border-right: 0;
    padding-right: 1.25rem
}

.card>.dataTables_wrapper .table.dataTable tr:first-child td,
.card>.dataTables_wrapper .table.dataTable tr:first-child th,
.card>.table tr:first-child td,
.card>.table tr:first-child th,
.card>.table-responsive .table tr:first-child td,
.card>.table-responsive .table tr:first-child th,
.card>.table-responsive-lg .table tr:first-child td,
.card>.table-responsive-lg .table tr:first-child th,
.card>.table-responsive-md .table tr:first-child td,
.card>.table-responsive-md .table tr:first-child th,
.card>.table-responsive-sm .table tr:first-child td,
.card>.table-responsive-sm .table tr:first-child th,
.card>.table-responsive-xl .table tr:first-child td,
.card>.table-responsive-xl .table tr:first-child th {
    border-top: 0
}

.card>.dataTables_wrapper .table.dataTable tr:last-child td,
.card>.table tr:last-child td,
.card>.table-responsive .table tr:last-child td,
.card>.table-responsive-lg .table tr:last-child td,
.card>.table-responsive-md .table tr:last-child td,
.card>.table-responsive-sm .table tr:last-child td,
.card>.table-responsive-xl .table tr:last-child td {
    border-bottom: 0
}

.card .card-header+.table {
    border-top: 0
}

.table-action a {
    color: #6c757d
}

.table-action a:hover {
    color: #212529
}

.table-action .feather {
    height: 18px;
    width: 18px
}

.table>tbody>tr>td {
    vertical-align: middle
}

.card>.dataTables_wrapper .table.dataTable {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.card>.dataTables_wrapper .dataTables_info {
    padding: 1rem 1.25rem
}

.card>.dataTables_wrapper .dataTables_paginate {
    padding: .6rem 1.25rem
}

.dt-bootstrap4 {
    width: calc(100% - 2px)
}

.dt-bootstrap4 table.dataTable thead .sorting:before,
.dt-bootstrap4 table.dataTable thead .sorting_asc:before,
.dt-bootstrap4 table.dataTable thead .sorting_asc_disabled:before,
.dt-bootstrap4 table.dataTable thead .sorting_desc:before,
.dt-bootstrap4 table.dataTable thead .sorting_desc_disabled:before {
    right: 1.25em
}

table.dataTable tbody>tr.selected,
table.dataTable.table-striped>tbody>tr.odd.selected {
    --bs-table-accent-bg: $primary;
    background-color: #3b7ddd
}

.tab {
    margin-bottom: 2rem
}

.tab .nav-tabs {
    border: 0
}

.tab .nav-tabs .nav-link {
    background: transparent;
    border: 0;
    color: #343a40;
    padding: .75rem 1rem
}

.tab .nav-tabs .nav-link.active {
    background: #fff;
    color: #343a40
}

.tab .nav-tabs .nav-link:hover:not(.active) {
    color: #3b7ddd
}

.tab .nav-tabs .nav-link svg {
    height: 20px;
    width: 20px
}

.tab .tab-content {
    background: #fff;
    border-radius: 0 0 .2rem .2rem;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05);
    padding: 1.25rem
}

.tab .tab-content p:last-child {
    margin-bottom: 0
}

.tab-primary .nav-tabs .nav-link.active {
    background: #3b7ddd;
    border-bottom-color: #3b7ddd;
    color: #fff
}

.tab-primary .tab-content {
    background: #3b7ddd;
    color: #fff
}

.tab-primary .h1,
.tab-primary .h2,
.tab-primary .h3,
.tab-primary .h4,
.tab-primary .h5,
.tab-primary .h6,
.tab-primary h1,
.tab-primary h2,
.tab-primary h3,
.tab-primary h4,
.tab-primary h5,
.tab-primary h6 {
    color: #fff
}

.tab-secondary .nav-tabs .nav-link.active {
    background: #6c757d;
    border-bottom-color: #6c757d;
    color: #fff
}

.tab-secondary .tab-content {
    background: #6c757d;
    color: #fff
}

.tab-secondary .h1,
.tab-secondary .h2,
.tab-secondary .h3,
.tab-secondary .h4,
.tab-secondary .h5,
.tab-secondary .h6,
.tab-secondary h1,
.tab-secondary h2,
.tab-secondary h3,
.tab-secondary h4,
.tab-secondary h5,
.tab-secondary h6 {
    color: #fff
}

.tab-success .nav-tabs .nav-link.active {
    background: #1cbb8c;
    border-bottom-color: #1cbb8c;
    color: #fff
}

.tab-success .tab-content {
    background: #1cbb8c;
    color: #fff
}

.tab-success .h1,
.tab-success .h2,
.tab-success .h3,
.tab-success .h4,
.tab-success .h5,
.tab-success .h6,
.tab-success h1,
.tab-success h2,
.tab-success h3,
.tab-success h4,
.tab-success h5,
.tab-success h6 {
    color: #fff
}

.tab-info .nav-tabs .nav-link.active {
    background: #17a2b8;
    border-bottom-color: #17a2b8;
    color: #fff
}

.tab-info .tab-content {
    background: #17a2b8;
    color: #fff
}

.tab-info .h1,
.tab-info .h2,
.tab-info .h3,
.tab-info .h4,
.tab-info .h5,
.tab-info .h6,
.tab-info h1,
.tab-info h2,
.tab-info h3,
.tab-info h4,
.tab-info h5,
.tab-info h6 {
    color: #fff
}

.tab-warning .nav-tabs .nav-link.active {
    background: #fcb92c;
    border-bottom-color: #fcb92c;
    color: #fff
}

.tab-warning .tab-content {
    background: #fcb92c;
    color: #fff
}

.tab-warning .h1,
.tab-warning .h2,
.tab-warning .h3,
.tab-warning .h4,
.tab-warning .h5,
.tab-warning .h6,
.tab-warning h1,
.tab-warning h2,
.tab-warning h3,
.tab-warning h4,
.tab-warning h5,
.tab-warning h6 {
    color: #fff
}

.tab-danger .nav-tabs .nav-link.active {
    background: #dc3545;
    border-bottom-color: #dc3545;
    color: #fff
}

.tab-danger .tab-content {
    background: #dc3545;
    color: #fff
}

.tab-danger .h1,
.tab-danger .h2,
.tab-danger .h3,
.tab-danger .h4,
.tab-danger .h5,
.tab-danger .h6,
.tab-danger h1,
.tab-danger h2,
.tab-danger h3,
.tab-danger h4,
.tab-danger h5,
.tab-danger h6 {
    color: #fff
}

.tab-light .nav-tabs .nav-link.active {
    background: #f5f7fb;
    border-bottom-color: #f5f7fb;
    color: #fff
}

.tab-light .tab-content {
    background: #f5f7fb;
    color: #fff
}

.tab-light .h1,
.tab-light .h2,
.tab-light .h3,
.tab-light .h4,
.tab-light .h5,
.tab-light .h6,
.tab-light h1,
.tab-light h2,
.tab-light h3,
.tab-light h4,
.tab-light h5,
.tab-light h6 {
    color: #fff
}

.tab-dark .nav-tabs .nav-link.active {
    background: #212529;
    border-bottom-color: #212529;
    color: #fff
}

.tab-dark .tab-content {
    background: #212529;
    color: #fff
}

.tab-dark .h1,
.tab-dark .h2,
.tab-dark .h3,
.tab-dark .h4,
.tab-dark .h5,
.tab-dark .h6,
.tab-dark h1,
.tab-dark h2,
.tab-dark h3,
.tab-dark h4,
.tab-dark h5,
.tab-dark h6 {
    color: #fff
}

.tab-title {
    font-size: .925rem
}

.tab-vertical .nav-tabs {
    flex-direction: column;
    float: left
}

.tab-vertical .nav-tabs .nav-link {
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: .2rem;
    border-top-right-radius: 0
}

.tab-vertical .tab-content {
    overflow: auto
}

.timeline {
    list-style-type: none;
    position: relative
}

.timeline:before {
    background: #dee2e6;
    height: 100%;
    left: 9px;
    width: 2px
}

.timeline-item:before,
.timeline:before {
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: 1
}

.timeline-item:before {
    background: #fff;
    border: 3px solid #3b7ddd;
    border-radius: 50%;
    height: 20px;
    left: 0;
    width: 20px
}

.text-sm {
    font-size: .75rem
}

.text-lg {
    font-size: .925rem
}

b,
strong {
    font-weight: 800
}

pre.snippet {
    word-wrap: break-word;
    text-align: justify;
    white-space: pre-wrap
}

a {
    cursor: pointer
}




.bg-primary-light {
    background: #dee9f9
}

.bg-secondary-light {
    background: #d1d4d7
}

.bg-success-light {
    background: #a5f1db
}

.bg-info-light {
    background: #9ce7f3
}

.bg-warning-light {
    background: #fff8e9
}

.bg-danger-light {
    background: #f8d8db
}

.bg-light-light {
    background: #fff
}

.bg-dark-light {
    background: #778592
}

.bg-primary-dark {
    background: #0d274c
}

.bg-secondary-dark {
    background: #131516
}

.bg-success-dark {
    background: #03150f
}

.bg-info-dark {
    background: #020c0e
}

.bg-warning-dark {
    background: #674601
}

.bg-danger-dark {
    background: #460c12
}

.bg-light-dark {
    background: #6c8ac4
}

.bg-dark-dark {
    background: #000
}

.cursor-grab {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.cursor-pointer {
    cursor: pointer
}

.overflow-scroll {
    overflow: scroll
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-visible {
    overflow: visible
}

.dropdown-menu.dropdown-left {
    right: 0 !important;
    left: auto !important;
}

@media only screen and (max-width: 600px) {
    .table > tbody > tr > td,
    .table > thead > tr > th {
        min-width: 120px;
        word-break: auto-phrase;
    }

    .dataTables_wrapper .datatable {
        margin: 0;
        width: calc( 100% + 2.50rem);
    }
}