@charset "UTF-8";

.highlight pre,
pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none
}

a,
hr {
    background-color: transparent
}

.fixed-bottom,
.fixed-top {
    z-index: 1030;
    position: fixed
}

html,
pre {
    -ms-overflow-style: scrollbar
}

body,
html {
    -webkit-tap-highlight-color: transparent;
    direction: ltr
}

.content-heading:first-child,
.file-attach .btn-close,
.mail-option .chk-all input[type=checkbox],
.main-chat-time:first-of-type,
.page-header .breadcrumb-item:first-child,
.page-leftheader .breadcrumb-item,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

address,
dl,
ol,
pre,
ul {
    margin-bottom: 1rem
}

body,
caption {
    text-align: left
}

dd,
label,
legend,
legright {
    margin-bottom: .5rem
}

.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper,
button,
hr,
input {
    overflow: visible
}

#global-loader,
#global-loader img {
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    text-align: center
}

.demo-static-toast .toast,
.link-overlay:hover .link-overlay-bg,
.loader.animate,
h2.animate,
hr {
    opacity: 1
}

.form-help,
.jsr {
    -moz-user-select: none;
    -ms-user-select: none
}

.jsr,
.range output {
    -khtml-user-select: none
}

.action_menu ul,
.actions,
.icons-list,
.media-list,
.morris-legends,
.pagination,
.section-nav,
.timelineleft {
    list-style: none
}

body,
html {
    direction: ltr;
    font-family: var(--font-family-principal);
}

.fe,
body {
    -moz-osx-font-smoothing: grayscale
}

.chat,
.mail-chats,
.notification,
.widget-line-list li,
ul {
    list-style-type: none
}

:root {
    --dark-body: #2c2f3e;
    --dark-theme: transparent;
    --dark-bg: rgba(0, 0, 0, 0.2);
    --dark-border: rgba(255, 255, 255, 0.1);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-principal: "Poppins", sans-serif;
    --cor-principal: #7C00DD;
    --cor-secundaria: #6A17AB;
    --cor-cinza: #ABA7AF;
    --cor-roxo-claro: #F7EDFF;
    --cor-cinza-escuro: #6C7583;
    --cor-hover: #AE60EB;
    --cor-disabled: #D4D2D5;
    --cor-alerta: #D51A52;
    --cor-alerta-claro: #FFEEF3;
    --cor-atencao: #FF9500;
    --cor-sucesso: #64B76B;
    --cor-sucesso-claro: #EFFFF0;
    --cor-amarelo: #FFC107;
    --cor-amarelo-claro: #FFFAEA;
    --cor-laranja: #F07E13;
    --cor-laranja-claro: #FFF3E7;
    --cor-azul: #319DD1;
    --cor-azul-claro: #EAF8FF;
    --cor-info: #9D3FE7;
    --icon-color: #fff;
    --border-color: #E5E0EB
}

.border-red {
    border: 1px solid red !important;
}

.line-0{
    line-height: 0px;
}
.red-color {
    font-size:14px;
    color: #D51A52;
}
.green-color {
    font-size:14px;
    color: #64B76B;
}
.gray-color {
    font-size:14px;
    color: #cdcdcd;
}


@-ms-viewport {
    width: device-width
}

.number-font,
.semibold-text {
    font-weight: 600 !important
}

a {
    -webkit-text-decoration-skip: objects;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    color: #6c756e;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

pre {
    tab-size: 4;
    text-shadow: 0 1px #fff;
    hyphens: none;
    display: block
}

legend,
legright {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1140px
    }
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.fixed-top {
    top: 0;
    right: 0;
    left: 0
}

.fixed-bottom {
    right: 0;
    bottom: 0;
    left: 0
}

@supports (position:-webkit-sticky) or (position:sticky) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hugeicons--export {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 3v13m0 0l-4-4m4 4l4-4M5 21h14'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

#sidebar ul li,
.bg-gradient p,
.bg-gradient small,
.bg-style,
.cart-items-remove,
.chat-conatct-list li,
.clip-widget,
.construction .custom-content,
.dimmer,
.file-manger-icon,
.header-btn.has-new,
.horizontal .slide-menu li,
.inde4-table tr td:first-child,
.input-icon,
.latest-timeline1 li,
.link-overlay,
.main-contact-info-header .media,
.main-img-user.online,
.profile-edit,
.register-1 .custom-content,
.register1,
.relative,
.search-element,
body,
sub,
sup,
ul.recent-activity {
    position: relative
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05) !important
}

.shadow1 {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.btn-primary-color:focus,
.shadow-none {
    box-shadow: none !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.aside,
.chat-line-friright+.chat-line-friright .chat-author,
.search-inline {
    visibility: hidden
}

.users img {
    max-width: none !important
}

html {
    font-size: 16px;
    height: 100%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body ::-webkit-scrollbar-thumb {
    background: #ced4da
}

body :hover::-webkit-scrollbar-thumb {
    background: #adb5bd
}

.section-nav {
    background-color: #f8f9fa;
    margin: 1rem 0;
    padding: .5rem 1rem;
    border: 1px solid #eaedf1;
    border-radius: 3px
}

.section-nav:before {
    content: "Table of contents:";
    display: block;
    font-weight: 600
}

@media print {

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    thead {
        display: table-header-group
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    body {
        min-width: 992px !important
    }

    .footer,
    .navbar,
    f {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table,
    .text-wrap table {
        border-collapse: collapse !important
    }

    .table td,
    .table th,
    .text-wrap table td,
    .text-wrap table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th,
    .text-wrap table td,
    .text-wrap table th {
        border: 1px solid #eaedf1 !important
    }

    body {
        background: 0 0
    }

    .container {
        max-width: none
    }
}

.row-cards>.col,
.row-cards>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.row-deck>.col,
.row-deck>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.row-deck>.col .card,
.row-deck>[class*=col-] .card {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.col-text {
    max-width: 48rem
}

.col-login {
    max-width: 24rem
}


#area-chart,
#bar-chart,
#line-chart,
#pie-chart,
#stacked {
    min-height: 250px
}

*,
.jsr,
.jsr_bar,
.jsr_label,
.jsr_rail,
.jsr_rail-outer,
.jsr_slider,
::after,
::before {
    box-sizing: border-box
}

.addui-slider .addui-slider-track .addui-slider-range,
.main-chat-footer .nav-link:last-child,
.main-chat-header .nav-link:first-child,
.main-chat-list .media.selected::after,
.main-contact-info-header .media,
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

.nav-sidebar li ul {
    background: #eee
}

.countrytable tr:last-child,
.nav-sidebar .list-unstyled li:last-child,
.nav-sidebar li ul li:last-child {
    border-bottom: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
    overflow-y: scroll;
    overflow-x: hidden !important;
    margin: 0;
    font-family: "Nunito Sans", sans-serif !important;
    background: #f8f8fc;
    font-size: .81rem;
    font-weight: 500;
    line-height: 1.5;
    color: #495046
}

.horizontalMenucontainer {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-left;
    position: relative
}

.figure,
.list-inline-item,
.mcs-horizontal-example .item,
.user-info .social li,
label,
output {
    display: inline-block
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

.overflow-auto {
    overflow: auto
}

p {
    font-weight: 400
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    font-style: normal;
    line-height: inherit
}

.app-title p,
blockquote,
dfn {
    font-style: italic
}

.example .pagination,
.modal-body p:last-child,
.page-header.main-pageheader,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.alert-msg,
dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.header-brand:hover,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
    outline: 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none
}

.features,
.icons-list-wrap,
.overflow-hidden,
svg:not(:root) {
    overflow: hidden
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #505662;
    caption-side: bottom
}

th {
    text-align: inherit
}

.accordion .card:not(:first-of-type) .card-header:first-child,
.br-0,
button {
    border-radius: 0
}

button:focus {
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.main-nav-line-chat .nav-link:active,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:hover,
button:focus,
textarea:focus {
    outline: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.bcolor {
    background-color: #cf4c3a !important
}

.bcolor1 {
    background-color: #d6124a !important
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

summary {
    display: list-item;
    cursor: pointer
}

.latest-timeline.latest-timeline1-icon ul.timeline>li:before,
.main-contact-info-header .main-img-user::after,
.transaction-table.table .apexcharts-tooltip.light,
div[data-acc-content],
template {
    display: none
}

.dataTables_info,
.dataTables_length,
.search-bar-escape,
.wizard>.content>.title.current,
[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .66em;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

.h1,
h1 {
    font-size: 2rem
}

.h2,
h2 {
    font-size: 1.75rem
}

.h3,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.25rem
}

.fa-close,
.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .875rem
}

.lead {
    font-size: 1.171875rem;
    font-weight: 300
}

.display-1 {
    font-size: 9.5rem;
    font-weight: 500;
    line-height: 1.1
}

.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 4rem
}

.display-3 {
    font-size: 3.5rem
}

.display-4 {
    font-size: 3rem
}

.display-5 {
    font-size: 2.5rem
}

.display-6 {
    font-size: 2.3rem
}

hr {
    box-sizing: content-box;
    height: 0;
    border: 0;
    border-top: 1px solid #ebecf1;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.small,
small {
    font-size: .75rem;
    font-weight: 400
}

code,
kbd,
pre {
    font-size: 85%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.countrytable tr,
.list-unstyled li {
    border-bottom: 1px solid #ebecf1
}

#lightgallery.list-unstyled li {
    margin: 10px 0;
    border: 0
}

#sidebar .list-unstyled li {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.171875rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #868e96
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ebecf1;
    border-radius: 3px;
    height: auto
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #868e96
}

.fs-5 {
    font-size: 5px
}

.fs-6 {
    font-size: 6px
}

.fs-7 {
    font-size: 7px
}

.fs-8 {
    font-size: 8px
}

.fs-9 {
    font-size: 9px
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px
}

.fs-12,
.jvectormap-legright-tick-text {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.dash1-card p,
.fs-14,
.social .social-icon i,
.timelineleft-body {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16,
.widget-line p {
    font-size: 16px
}

.fs-17 {
    font-size: 17px !important
}

.fa-envelope,
.fa-gift,
.fa-shopping-cart,
.fa-windows,
.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-22 {
    font-size: 22px !important
}

.dash-icon i,
.fs-24 {
    font-size: 24px !important
}

.fs-26 {
    font-size: 26px !important
}

.fs-28 {
    font-size: 28px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-35 {
    font-size: 35px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-45 {
    font-size: 45px !important
}

.fs-50 {
    font-size: 50px !important
}

.fs-55 {
    font-size: 55px !important
}

.fs-60 {
    font-size: 60px !important
}

.fs-65 {
    font-size: 65px !important
}

.fs-70 {
    font-size: 70px
}

.fs-75 {
    font-size: 75px
}

.fs-80 {
    font-size: 80px
}

.fs-85 {
    font-size: 85px
}

.fs-90 {
    font-size: 90px
}

.fs-95 {
    font-size: 95px
}

.fs-100 {
    font-size: 100px
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.page-description a,
.page-subtitle a,
a>code,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #343a40;
    border-radius: 3px
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.footer .container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {

    #sticky,
    #sticky.stick {
        height: 130px !important
    }

    .container {
        max-width: 960px
    }

    #sticky {
        text-align: center;
        padding: 1px;
        font-size: 1.75em;
        color: #fff;
        z-index: 0
    }

    #sticky.stick {
        z-index: 1
    }

    .header.top-header {
        z-index: 999 !important
    }

    .app-content.page-body {
        margin-top: 9.5rem
    }

    .comb-page .app-content.page-body {
        margin-top: 0
    }

    .modal-lg {
        max-width: 800px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1200px
    }

    .hor-content .container,
    .hor-header .container,
    .horizontal-main .container {
        max-width: 85%
    }
}

.number-font,
.number-font1 {
    font-family: "Nunito Sans", sans-serif
}

#global-loader {
    position: fixed;
    z-index: 99999999;
    background: #fff;
    top: 0;
    height: 100%;
    width: 100%
}

#global-loader img {
    position: absolute;
    top: 43%
}

.loader {
    border: 2px solid #fff;
    border-top: 2px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    display: inline-block;
    margin: 1rem 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

h2.animate {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.custom-card.blue {
    color: #1687ed;
    background: #ebf5fd;
    border: 1px solid #5dacf2;
    border-radius: 8px
}

.custom-card.blue .loader {
    border-color: #1687ed #99d0ff #99d0ff
}

.custom-card.red {
    color: red;
    background: #ffe6e6;
    border: 1px solid #ff8080;
    border-radius: 8px
}

.custom-card.red .loader {
    border-color: red #ff9696 #ff9696
}

.custom-card.green {
    color: #007e08;
    background: #cbffce;
    border: 1px solid #00cb0d;
    border-radius: 8px
}

.custom-card.green .loader {
    border-color: #007e08 #75cc7d #75cc7d
}

.default-card.default .loader {
    border-color: #e0e3f5
}

.parent {
    -webkit-transform-origin: 66px 56px;
    -ms-transform-origin: 66px 56px;
    transform-origin: 66px 56px;
    -webkit-animation: 200s infinite spin;
    animation: 200s infinite spin
}

.child1 {
    -webkit-animation: 10s 2s infinite alternate child1;
    animation: 10s 2s infinite alternate child1
}

.child2 {
    -webkit-animation: 5s infinite alternate child2;
    animation: 5s infinite alternate child2
}

.child3 {
    -webkit-animation: 10s infinite alternate child3;
    animation: 10s infinite alternate child3;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

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

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

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

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

@-webkit-keyframes child1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    to {
        -webkit-transform: translate(35px, -20px);
        transform: translate(35px, -20px)
    }
}

@keyframes child1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    to {
        -webkit-transform: translate(35px, -20px);
        transform: translate(35px, -20px)
    }
}

@-webkit-keyframes child2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes child2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes child3 {
    0% {
        -webkit-transform: translateY(-10px) rotate(50deg);
        transform: translateY(-10px) rotate(50deg)
    }

    to {
        -webkit-transform: translateY(20px) rotate(0);
        transform: translateY(20px) rotate(0)
    }
}

@keyframes child3 {
    0% {
        -webkit-transform: translateY(-10px) rotate(50deg);
        transform: translateY(-10px) rotate(50deg)
    }

    to {
        -webkit-transform: translateY(20px) rotate(0);
        transform: translateY(20px) rotate(0)
    }
}

.index1 {
    height: 270px
}

.h-330,
.topsales {
    height: 330px
}

.salesscroll {
    height: 280px
}

.countryscroll {
    height: 350px
}

.countrytable td {
    padding-bottom: 10px;
    padding-top: 10px
}

* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0
}

@media (max-width:767px) {

    .d-md-flex .bg-style,
    .files .btn span {
        display: none
    }

    .files .preview * {
        width: 40px
    }

    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word
    }

    .files .progress {
        width: 20px
    }

    .files .delete {
        width: 60px
    }

    .d-md-flex .w-80 {
        width: 100% !important
    }
}

ul {
    padding: 0;
    margin: 0
}

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

.jsr,
.lds-hourglass:after,
.lds-ring div {
    box-sizing: border-box
}

.list-icons .svg-icon,
.list-icons .svg-icon2 {
    width: 60px;
    height: 60px
}

.file-manger.list-group-transparent .list-group-item {
    padding: .5rem;
    border: 0 !important
}

#form .list-group-item:hover,
.file-manger.list-group-transparent .list-group-item.active,
.sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled),
.table-striped tbody tr:nth-of-type(odd) {
    background: 0 0
}

.file-manger.list-group-transparent a i {
    display: block;
    height: 25px;
    width: 40px;
    line-height: 25px;
    text-align: center;
    font-size: 20px !important;
    vertical-align: middle;
    color: #5c5c5c
}

.file-manger.list-group-transparent .list-group-item .svg-icon {
    width: 24px;
    height: 24px
}

.file-list-manger {
    height: 124px
}

.file-manger-absolute-icon {
    position: absolute;
    top: 30px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.file-manger-icon i {
    font-size: 70px;
    margin: 0 auto;
    text-align: center
}

.file-manger-icon img {
    width: 70px;
    height: 70px
}

.profile-footer {
    margin: 25px -25px -25px;
    padding: 15px;
    background: #f0f0f2
}

.files .progress,
.w-200 {
    width: 200px
}

.option-dots {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    color: #5c678f;
    padding: 10px 12px
}

.error-page,
.page-style1 {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.new.option-dots {
    line-height: 55px
}

.new-list.option-dots {
    line-height: 55px;
    position: absolute;
    right: 10px;
    top: 10px
}

.new-list2.option-dots {
    height: 40px;
    width: 40px;
    background: 0 0;
    color: #5c678f;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 1px solid #ebecf1;
    border-radius: 50px;
    font-size: 18px;
    line-height: initial;
    margin-right: 8px
}

.bg-style:before,
.error-page:before,
.page-style1:before,
.title-style h1 {
    width: 100%;
    position: absolute
}

.ms-body .action-header,
.title-style h1 {
    background: #fff
}

.new-list2.option-dots:hover {
    background: #4b09c5
}

hr.divider:after {
    content: "OR";
    display: block;
    position: relative;
    top: -1.5em;
    font-size: 11px;
    padding: 0 .25em;
    background: rgba(240, 240, 242, .1);
    color: #f0f0f2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
    left: 0;
    right: 0;
    line-height: 30px;
    margin: 0 auto;
    font-weight: 500;
    border: 1px solid rgba(240, 239, 241, .1);
    text-align: center
}

.page-style1:before {
    content: "";
    height: 100%;
    background: #f0eff1
}

.error-page {
    border-radius: 8px
}

.error-page:before {
    content: "";
    height: 100%;
    background: linear-gradient(to left, rgba(254, 96, 96, .7) 0, rgba(227, 9, 113, .7) 100%)
}

.bg-style:before {
    content: "";
    height: 100%;
    background: linear-gradient(rgba(68, 84, 195, .9), rgba(68, 84, 195, .8)) top/cover no-repeat, url(../assets/images/pattern/1.png) top/cover no-repeat;
    opacity: .8
}

.bg-style .svg-icon {
    fill: #fff
}

.bg-style .header-brand-img {
    position: absolute;
    top: 30px;
    left: 55px
}

.page-style2 .h-100vh {
    max-height: 100vh
}

.page-style1 .page-content,
.page-style2 .page-content,
.ui-datepicker-multi .ui-datepicker-group table,
ul.labels-info li {
    margin: 0
}

.title-style h1 {
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
    display: block;
    top: 20px;
    padding: 0 20px
}

.page-style2.page-style1:before {
    background: linear-gradient(rgba(255, 255, 255, .79), rgba(255, 255, 255, .75)) 0 0/cover no-repeat, url(../assets/images/pattern/4.png) 0 0/cover no-repeat
}

.page-style1 .input-group-addon {
    border: 1px solid #ebecf1;
    background: #f0f0f2;
    border-right: 0;
    line-height: 0
}

.page-style1 .input-group-append {
    border: 1px solid #ebecf1;
    background: #f0f0f2;
    border-left: 0;
    line-height: 16px;
    border-radius: 0 5px 5px 0
}

.page-style1 .form-control {
    border: 1px solid #ebecf1
}

.page-style1 hr {
    border-top: 1px solid #ebecf1
}

.page-style1 .custom-control-label {
    line-height: 26px
}

.page-style1 .btn-svgs .svg-icon {
    position: absolute;
    left: 37%;
    top: auto
}

.page-style1 .custom-control-label:before {
    border: 1px solid #cccdd3
}

.custom-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 10px;
    border-radius: 0;
    background-color: #e8ebf2;
    width: 80%
}

.custom-progress::-webkit-progress-bar {
    background-color: #e8ebf2;
    border-radius: 0
}

.custom-progress::-webkit-progress-value {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    border-radius: 0
}

.custom-progress::-moz-progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.custom-progress::-ms-fill {
    border-radius: 0;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: scale(0) translateY(0) rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3) translateY(-90px) rotate(0);
        opacity: 0
    }
}

@keyframes animate {
    0% {
        -webkit-transform: scale(0) translateY(0) rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3) translateY(-90px) rotate(0);
        opacity: 0
    }
}

.lh-1 {
    line-height: 1 !important
}

.lh-2 {
    line-height: 2 !important
}

.bootstrap-tagsinput {
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.bootstrap-tagsinput.form-control input::placeholder {
    color: #fff;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #fff
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #fff
}

.bootstrap-tagsinput .tag {
    color: #fff;
    margin-right: 10px
}

.bootstrap-tagsinput .tag [data-role=remove] {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "\ea00";
    padding: 0 2px;
    font-family: feather !important
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.bootstrap-tagsinput input {
    outline: 0;
    background-color: transparent;
    color: #343a40;
    padding: 0 6px;
    margin: 0;
    border-radius: 3px;
    font-family: initial;
    font-size: initial;
    line-height: initial
}

.tooltip-static-demo .tooltip {
    z-index: 9 !important
}

.page-link:focus,
.page-link:hover {
    z-index: 2;
    background-color: transparent;
    box-shadow: none
}

.error-text {
    direction: initial
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type,
.rtl .accordion .card:last-of-type,
.rtl .btn-group-vertical>.btn-group:not(:first-child)>.btn,
.rtl .btn-group-vertical>.btn:not(:first-child),
.rtl .nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    border-radius: 3px
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    color: #6c756e;
    border: 0 !important;
    font-size: 14px
}

#copy,
.panel1 {
    background: 0 0
}

.page-link:hover {
    text-decoration: none
}

.page-link:focus {
    outline: 0;
    color: var(--primary-bg-color)
}

.ah-actions .option-dots,
.main-chat-header .nav-link {
    color: #5c678f;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center
}

#delete-datatable tr,
.form-check-input,
.page-link:not(:disabled):not(.disabled),
.table-inbox tr td:hover {
    cursor: pointer
}

.page-item.active .page-link {
    border-radius: 4px;
    z-index: 1;
    color: var(--cor-principal)
}

.page-item:first-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.rtl .pagination-lg .page-item:first-child .page-link,
.rtl .pagination-sm .page-item:first-child .page-link,
.rtl .tag-addon:last-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page-item:first-child .page-link {
    margin-left: 0
}

.page-item:last-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:last-child .page-link,
.rtl .page-item:last-child .page-link,
.rtl .pagination-lg .page-item:last-child .page-link,
.rtl .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.page-item.active .page-link:hover {
    opacity: 60%
}

.page-item.disabled .page-link {
    color: transparent;
    pointer-events: none;
    cursor: auto;
    background-color: transparent;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.modal,
.modal-backdrop.fade.show,
.modal-open,
.modal-open .modal {
    padding-right: 0 !important
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

.panel1 {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff;
    box-shadow: none
}

.panel1:last-child,
.select-config.open {
    border-bottom: none
}

.modal-open {
    padding: 0 !important;
    display: block;
    overflow: auto !important
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    display: none;
    overflow: hidden;
    outline: 0;
    margin: 0 !important
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 9999999;
    background-color: #000
}

.header-dropdown-list .ps__thumb-y,
.modal-backdrop.fade,
select:disabled {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal {
    z-index: 99999999
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: left;
    align-items: flex-left;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.modal-header .btn-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    background-image: none !important;
    font-size: 25px
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: right;
    justify-content: flex-right;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

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

.chart-circle canvas,
.chat-message img,
.table,
.text-wrap table,
.toast {
    max-width: 100%
}

.modal.animated .modal-dialog {
    transform: translate(0, 0)
}

.modal.effect-scale .modal-dialog {
    transform: scale(.7);
    opacity: 0;
    transition: .3s
}

.modal.effect-just-me.show .modal-dialog,
.modal.effect-scale.show .modal-dialog,
.modal.effect-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1
}

.modal.effect-slide-in-right .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: .3s cubic-bezier(.25, .5, .5, .9)
}

.modal.effect-slide-in-right.show .modal-dialog {
    transform: translateX(0);
    opacity: 1
}

.modal.effect-slide-in-bottom .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: .3s
}

.modal.effect-slide-in-bottom.show .modal-dialog {
    transform: translateY(0);
    opacity: 1
}

.modal.effect-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.modal.effect-newspaper .modal-dialog,
.modal.effect-newspaper.show~.modal-backdrop {
    transition: .5s
}

.modal.effect-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0);
    opacity: 1
}

.modal.effect-fall {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.modal.effect-fall .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.modal.effect-fall.show .modal-dialog {
    transition: .3s ease-in;
    transform: translateZ(0) rotateX(0);
    opacity: 1
}

.modal.effect-flip-horizontal,
.modal.effect-flip-vertical,
.modal.effect-rotate-bottom,
.modal.effect-rotate-left,
.modal.effect-sign {
    perspective: 1300px
}

.modal.effect-flip-horizontal .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: .3s;
    opacity: 0
}

.modal.effect-flip-horizontal.show .modal-dialog {
    transform: rotateY(0);
    opacity: 1
}

.modal.effect-flip-vertical .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition: .3s;
    opacity: 0
}

.modal.effect-flip-vertical.show .modal-dialog,
.modal.effect-sign.show .modal-dialog {
    transform: rotateX(0);
    opacity: 1
}

.modal.effect-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: .3s
}

.modal.effect-sign .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition: .3s
}

.modal.effect-rotate-bottom .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: .3s ease-out
}

.modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.modal.effect-rotate-left .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: .3s
}

.modal.effect-rotate-left.show .modal-dialog {
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}

.modal.effect-just-me .modal-dialog {
    transform: scale(.8);
    opacity: 0;
    transition: .3s
}

.modal.effect-just-me .modal-content {
    background-color: transparent;
    border: 1px solid #4d4e50;
    padding: 0 9px
}

.modal.effect-just-me .btn-close {
    text-shadow: none;
    color: #fff
}

.modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, .1);
    padding-left: 0;
    padding-right: 0
}

.modal.effect-just-me .modal-header h6 {
    color: #fff;
    font-weight: 500
}

.modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, .8);
    padding-left: 0;
    padding-right: 0
}

#back-to-top:hover,
.job-box-filter a.filtsec:focus i,
.job-box-filter a.filtsec:hover i,
.modal.effect-just-me .modal-body h6,
.user-head .user-name h5 a,
.user-profile .user-pro-body .u-dropdown {
    color: #fff
}

.modal.effect-just-me .modal-footer {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top-color: rgba(255, 255, 255, .1)
}

.modal.effect-just-me.show~.modal-backdrop {
    opacity: .96
}

#action_menu_btn {
    position: absolute;
    right: 36px;
    top: 21px;
    color: #fff;
    cursor: pointer;
    font-size: 20px
}

.action_menu {
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: #fff;
    color: #646367;
    top: 40px;
    right: 15px;
    display: none
}

.action-header,
.chat .action-header {
    position: relative;
    padding: 15px 13px 15px 17px
}

.action_menu ul {
    padding: 0;
    margin: 0
}

.chat .dropdown-menu.dropdown-menu-end.show {
    width: 100%;
    margin-bottom: 5px;
    position: absolute;
    transform: translate3d(-176px, 22px, 0);
    top: 10px !important;
    left: 0;
    will-change: transform
}

.chat .msb-reply textarea {
    width: 100%;
    font-size: 13px;
    padding: 12px 47px;
    resize: none;
    height: 44px;
    border: 1px solid #ebeaf1;
    background: #faf9ff;
    margin-left: -42px
}

.chat .dropdown-menu li {
    padding: 7px;
    color: #5e629c
}

.chat .dropdown-menu li:hover {
    background: #faf9ff
}

.chat .dropdown-menu li i {
    padding: 7px
}

.action_menu ul li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .2)
}

.chat .actions>li {
    display: inline-block;
    padding: 0 0 0 2px
}

.chat .actions:not(.a-alt)>li>a>i {
    color: #fff;
    line-height: unset
}

.chat .justify-content-left,
.chat .justify-content-right {
    margin-bottom: 25px
}

.construction .form-control {
    padding: .375rem 1rem
}

.action-header {
    background: #e3e6ef;
    border-bottom: 1px solid #e6ebf1
}

.actions {
    padding: 0;
    margin: 4px 0 0
}

.actions:not(.a-alt)>li>a>i,
.hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a.active,
.hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover,
.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active,
.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover,
.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover,
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active,
.nav-link,
.slide.is-expanded .slide-menu li a:hover,
.user-contact-list .option-dots:focus i {
    color: var(--primary-bg-color)
}

.modal-content .actions>li>a:hover {
    background: rgba(0, 0, 0, .1)
}

.msb-reply-button .btn {
    line-height: 14px
}

.modal-content.chat .card {
    border-radius: 4px 4px 0 0;
    box-shadow: none
}

.ah-actions .option-dots {
    line-height: 2.5rem;
    border-radius: 100%;
    font-size: 18px;
    padding: 10px 12px;
    display: block !important
}

.contact-href {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.chat-conatct-list .option-dots {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 100;
    top: 18px;
    line-height: initial
}

.modal-content .actions>li>a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    color: #fff;
    box-shadow: 0 2px 3px rgba(16, 16, 38, .1);
    border: 1px solid #e6ebf1
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
    border-bottom: 2px solid var(--primary-bg-color);
    border-radius: 0 !important
}

.message-feed.right .mf-content {
    border-radius: 12px 4px
}

@media (max-width:767px) {

    .main-chat-footer .nav-link:first-child,
    .main-chat-footer .nav-link:nth-child(2) {
        display: none
    }
}

.main-content-left-chat {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0
}

@media (min-width:992px) {
    .main-content-left-chat {
        width: auto;
        border: 0;
        border-left: 0
    }

    .main-chat-footer {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto
    }

    .main-content-body-chat {
        display: flex
    }

    .main-chat-list .media {
        padding: 12px 15px;
        margin: 0
    }

    .main-chat-contacts-wrapper {
        padding: 10px 0 10px 15px
    }

    .main-nav-line-chat {
        padding-right: 0
    }
}

.main-nav-line-chat {
    border-bottom: 1px solid #e9edf4;
    flex-shrink: 0;
    flex-direction: row;
    padding: 10px
}

.main-nav-line-chat .nav-link {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 3px;
    margin-top: 0;
    margin-left: 10px;
    background: #e9edf4
}

.main-nav-line-chat .nav-link.active::before {
    top: auto;
    left: 0;
    right: 0;
    width: auto;
    bottom: -11px;
    background-color: #4c84ff
}

.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-bottom: 1px solid #e9edf4;
    overflow: hidden
}

.card--eight .main-chat-contacts-wrapper .card-title,
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card--eight .card-title,
.main-chat-contacts-wrapper .card-table-two .card-title,
.main-chat-contacts-wrapper .main-content-label {
    margin-bottom: 15px;
    line-height: 1
}

.main-chat-contacts {
    padding-left: 20px;
    display: flex
}

.main-chat-contacts .lslide {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: none
}

.main-chat-contacts small {
    font-size: 11px;
    width: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px;
    text-align: center
}

.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #ebeaed;
    font-size: 12px;
    font-weight: 500;
    color: #6c756e
}

.main-chat-list {
    max-height: 500px;
    position: relative
}

.main-chat-list .media {
    padding: 12px 20px;
    position: relative;
    border-bottom: 1px solid #e6ebf1
}

.main-chat-list .media .main-img-user {
    flex-shrink: 0;
    top: 3px;
    position: relative
}

.main-chat-list .media:last-chid {
    border-bottom: 0
}

.main-chat-list .media+.media::before,
.main-contact-item+.main-contact-item::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4
}

.main-chat-list .media.selected,
.main-chat-list .media:focus,
.main-chat-list .media:hover {
    background-color: #f3f6f8;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1
}

.bread-select,
.main-chat-list .media.new .main-img-user span {
    display: flex
}

.main-chat-list .media.new .media-contact-name span:first-child {
    font-weight: 700;
    color: #14112d
}

.main-chat-list .media.new .media-body p,
.main-chat-list .media.selected .media-body p {
    color: #22252f
}

.main-chat-list .media:focus,
.main-chat-list .media:hover {
    cursor: pointer
}

.main-chat-list .media.selected:first-child {
    border-top-color: transparent
}

.main-chat-list .media.selected .media-contact-name span:first-child {
    color: #14112d
}

.main-chat-list .main-img-user span {
    position: absolute;
    top: 0;
    left: -2px;
    width: 14px;
    height: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background-color: #ff5c77;
    box-shadow: 0 0 0 2px #fff
}

.main-chat-list .media-body,
.main-chat-msg-name,
.main-contact-action a+a {
    margin-left: 15px
}

.main-chat-list .media-body p {
    font-size: 13px;
    margin-bottom: 0;
    color: #728096;
    line-height: 1.35
}

.main-chat-list .media-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px
}

.main-chat-list .media-contact-name span:first-child {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #14112d
}

.main-chat-list .media-contact-name span:last-child {
    display: block;
    font-size: 11px;
    color: #728096
}

.main-content-body-chat {
    flex-direction: column
}

.main-chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-left;
    padding: 14.2px 20px;
    border-bottom: 1px solid #e9edf4
}

.main-chat-header .nav {
    margin-left: auto;
    align-items: center
}

.main-chat-header .nav-link {
    display: block;
    line-height: 2.5rem;
    font-size: 18px;
    border-radius: 50px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0
}

.main-chat-header .nav-link i {
    line-height: 0
}

.main-chat-header .nav-link .typcn,
.main-contact-info-header .media-body .nav-link i.typcn {
    line-height: .9
}

.main-chat-header .nav-link .typcn::before,
.main-contact-info-header .media-body .nav-link i.typcn::before {
    width: auto
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }

    .main-chat-footer .nav-link,
    .main-chat-header .nav-link {
        display: block
    }

    .main-chat-footer .nav-link:last-child,
    .main-chat-header .nav-link:first-child {
        display: none
    }

    .main-chat-footer .nav {
        margin-top: 5px
    }

    .main-chat-footer .form-control {
        margin-left: 20px
    }

    .main-chat-body .media-body {
        margin-right: 0
    }

    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 0
    }
}

.main-chat-msg-name h6 {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 700;
    color: #14112d
}

.main-chat-msg-name small {
    font-size: 12px;
    color: #728096
}

.main-chat-body {
    position: relative;
    padding-bottom: 0;
    max-height: 555px;
    overflow: hidden
}

.main-chat-body .content-inner {
    padding: 20px
}

.main-chat-body .media+.media {
    margin-top: 20px
}

.main-chat-body .media.flex-row-reverse .media-body,
.rtl .main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 0;
    margin-right: 5px;
    align-items: flex-end
}

.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    margin-right: 15px;
    border-radius: 12px 4px
}

.main-chat-body .media-body {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.main-chat-body .media-body>div span {
    font-size: 11px;
    color: #728096;
    display: flex;
    align-items: center
}

.main-chat-body .media.flex-row-reverse .media-body>div span,
.rtl .main-chat-body .media .media-body>div span {
    margin-right: 15px;
    margin-left: 0
}

.main-chat-body .media .media-body>div span,
.rtl .main-chat-body .media.flex-row-reverse .media-body>div span {
    margin-left: 15px;
    margin-right: 0
}

.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0
}

.main-chat-time span {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #e3e2e5;
    padding: 5px;
    border-radius: 4px
}

.main-msg-wrapper {
    padding: 10px 15px;
    background-color: rgba(102, 77, 201, .1);
    font-size: 13px;
    margin-bottom: 5px;
    border-radius: 4px 12px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    color: #000
}

.main-chat-footer {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-top: 1px solid #e9edf4;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px
}

.main-chat-footer .nav-link,
.main-msg-sright {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 50px;
    padding: 0;
    color: #5c678f;
    vertical-align: middle;
    text-align: center
}

.main-chat-footer .nav {
    align-items: center
}

.main-chat-footer .nav-link {
    font-size: 20px
}

.main-chat-footer .form-control {
    flex: 1;
    margin: 0 10px;
    padding-left: 10px;
    padding-right: 0
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.header .form-inline .form-control:focus,
.main-chat-footer .form-control:focus,
.main-chat-footer .form-control:hover,
.search-inline .form-control:focus {
    box-shadow: none
}

.main-msg-sright {
    font-size: 18px;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 1px solid #e6ebf1;
    margin-top: 3px
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.example-bg,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header,
.main-msg-sright:hover,
.wizard-container .wizard-navigation,
div[data-acc-step]:not(.open) {
    background: #f0f0f2
}

.main-img-user.online:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2dce89;
    display: block;
    right: 2px;
    bottom: 0;
    z-index: 9;
    top: 32px
}

.action-header .ah-actions.actions,
.media {
    margin-top: 0 !important
}

.msg_card_body .msg_cotainer_send {
    margin-bottom: auto;
    margin-right: 10px;
    background-color: var(--primary-bg-color);
    padding: 10px;
    position: relative;
    border-radius: 0 12px;
    max-width: 70%;
    margin-top: 5px;
    color: #fff
}

.chat .msg_time_send {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-content-body-show .main-header-contacts .main-header-menu-icon {
        display: flex
    }

    .main-content-body-show .main-content-left-contacts {
        display: block
    }

    .app .main-contact-star {
        display: none
    }

    .app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
        display: block !important;
        font-size: 11px;
        padding: 0
    }

    .app .main-content-left-contacts .main-img-user {
        margin: 0 auto
    }
}

@media (max-width:1200px) {
    .main-contact-info-header .media-body {
        padding-top: 20px
    }
}

@media (max-width:400px) {
    .main-contact-action a span {
        display: none
    }
}

@media (max-width:576px) {
    .container {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .main-contact-info-header {
        padding-top: 60px !important
    }

    .main-contact-action {
        left: 10px;
        right: 0 !important
    }

    .main-contact-info-header .media-body .nav-link {
        padding-top: 5px
    }

    .rtl .main-contact-action {
        right: 10px !important;
        left: 0 !important
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .main-contact-info-header .media {
        display: block !important
    }

    .main-contact-info-header .media-body {
        padding-top: 20px
    }
}

.main-content-left-contacts {
    width: 100%;
    display: block;
    padding: 0
}

.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
    padding-left: 20px
}

.main-contacts-list {
    position: relative;
    height: 700px
}

.main-contact-label {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
    position: relative
}

.main-contact-label::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e9edf4;
    z-index: 1
}

.main-contact-item {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-end-width: 0;
    display: flex;
    position: relative;
    cursor: pointer
}

.main-contact-item+.main-contact-item {
    margin-top: -1px;
    border-top-color: transparent
}

.main-contact-item.selected,
.main-contact-item:focus,
.main-contact-item:hover {
    background-color: #f3f4f7;
    border-top-color: #e6ebf1;
    border-bottom-color: #e6ebf1
}

.main-contact-item.selected {
    z-index: 0;
    border-width: 2px
}

.main-contact-body {
    flex: 1;
    margin-left: 15px
}

.main-contact-body h6 {
    color: #6c756e;
    font-weight: 600;
    margin-bottom: 2px
}

.main-contact-body span {
    font-size: 13px;
    color: #728096
}

.main-contact-star {
    font-size: 16px;
    color: #728096
}

.main-contact-star:focus,
.main-contact-star:hover {
    color: #728096
}

.main-contact-star.active {
    color: #fcb32d
}

.main-contact-info-header {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    position: relative
}

.main-contact-info-header .main-img-user {
    width: 100px;
    height: 100px;
    position: relative
}

.main-contact-info-header .main-img-user a {
    bottom: 2px;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #7272c6;
    color: #fff;
    font-size: 18px;
    line-height: .9;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
    position: absolute
}

.main-contact-info-header .main-img-user a:focus,
.main-contact-info-header .main-img-user a:hover {
    fill: rgba(255, 255, 255, 0.5);
    color: #fff
}

.attachment-mail,
.headerstyle-3 .header .nav-link.icon .header-icon,
.main-contact-info-body .media+.media,
.main-contact-info-header .media-body {
    margin-top: 30px
}

.main-contact-info-header .media-body h4 {
    color: #6c756e;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 1
}

.main-contact-info-body .media:last-child,
.main-contact-info-header .media-body p {
    margin-bottom: 15px
}

.main-contact-info-header .media-body .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    color: #728096;
    font-size: 13px
}

.main-contact-info-header .media-body .nav-link i {
    font-size: 14px;
    line-height: 0;
    margin-right: 5px
}

.main-contact-info-header .media-body .nav-link+.nav-link {
    margin-left: 10px
}

.main-contact-action {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex
}

#checkoutsteps .item .left,
.main-contact-action a {
    display: flex;
    align-items: center
}

.main-contact-action a i {
    font-size: 17px;
    line-height: .9;
    margin-right: 5px
}

.main-contact-info-body,
.page-rightheader .breadcrumb-item+.breadcrumb-item,
.sub-pageheader .nav-link:first-child {
    padding-left: 0
}

.main-contact-info-body .media-list {
    padding: 20px 0
}

.main-contact-info-body .media {
    align-items: center;
    position: relative
}

.main-contact-info-body .media+.media::before,
.main-contact-info-body .media::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    border-top: 1px solid #e9edf4
}

.main-contact-info-body .media-body {
    margin-left: 30px
}

.main-contact-info-body .media-body>div+div {
    margin-top: 15px
}

.main-contact-info-body .media-body label {
    color: #728096;
    margin-bottom: 0;
    display: block;
    font-size: 14px
}

.main-contact-info-body .media-body span {
    display: block;
    color: #6c756e;
    font-weight: 500
}

.main-contact-info-header.bg-contacthead {
    border-radius: 0 8px 0 0
}

.jsr {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px 0;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    font: 14px sans-serif
}

.form-help,
.range output {
    -webkit-user-select: none;
    text-decoration: none
}

.jsr_rail-outer {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

.jsr_slider:focus::before {
    background: #4575f1
}

.jsr_rail {
    height: 12px;
    background: #e2e2e9;
    z-index: 1
}

.jsr_bar {
    position: absolute;
    height: 12px;
    cursor: move
}

.jsr_slider,
.jsr_slider::before {
    width: 25px;
    height: 25px;
    transform: translate(-50%, -50%);
    position: absolute
}

.jsr_bar--limit {
    background-color: #d9dadc;
    z-index: 1;
    cursor: auto
}

.jsr_label,
.jsr_label--minmax {
    background: #d3d5da;
    color: #6c756e
}

.jsr_slider {
    top: 16px;
    left: 0;
    cursor: col-resize;
    transition: background .1s ease-in-out;
    outline: 0
}

.jsr_slider::before {
    content: "";
    top: 50%;
    left: 50%;
    border-radius: 50%
}

.jsr_label {
    position: absolute;
    top: 33px;
    padding: .2em .4em;
    font-size: .9em;
    white-space: nowrap;
    border-radius: .3em
}

.page-header,
.page-subtitle,
.page-title,
.range {
    position: relative
}

.jsr_label--minmax {
    transition: opacity .2s ease-in-out
}

.jsr_label .jsr_label {
    position: static;
    display: inline-block;
    font-size: 1em;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.jsr_label .jsr_label::before {
    content: " - "
}

.jsr_canvas,
.wizard-card .moving-tab {
    margin-top: 5px
}

.jsr_lockscreen {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.mcs-horizontal-example {
    overflow-x: auto;
    white-space: nowrap
}

.range {
    display: table;
    height: 25px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer
}

.range input[type=range] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
    outline: 0
}

.range input[type=range]::-moz-slider-thumb,
.range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    width: 11px;
    height: 25px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
    background-color: #999
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: #fff;
    background-color: #999;
    text-align: center;
    border-radius: 0 4px 4px 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none
}

.range.range-success input[type=range]::-moz-slider-thumb,
.range.range-success input[type=range]::-webkit-slider-thumb {
    background-color: #2dce89
}

.range.range-success output {
    background-color: #2dce89
}

.range.range-success input[type=range] {
    outline-color: #2dce89
}

.range.range-info input[type=range]::-moz-slider-thumb,
.range.range-info input[type=range]::-webkit-slider-thumb {
    background-color: #45aaf2
}

.range.range-info output {
    background-color: #45aaf2
}

.range.range-info input[type=range] {
    outline-color: #45aaf2
}

.range.range-warning input[type=range]::-moz-slider-thumb,
.range.range-warning input[type=range]::-webkit-slider-thumb {
    background-color: #ecb403
}

.range.range-warning output {
    background-color: #ecb403
}

.range.range-warning input[type=range] {
    outline-color: #ecb403
}

.range.range-danger input[type=range]::-moz-slider-thumb,
.range.range-danger input[type=range]::-webkit-slider-thumb {
    background-color: #dc0441
}

.range.range-danger output {
    background-color: #dc0441
}

.range.range-danger input[type=range] {
    outline-color: #dc0441
}

.rating-stars {
    width: 100%;
    text-align: center;
    font-size: 30px
}

.rating-stars .rating-stars-container {
    font-size: 0px
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    padding: 0 5px;
    color: #f0f0f2
}

.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: 1px solid #e6ebf1;
    cursor: pointer;
    padding: 5px
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f
}

.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover,
.rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: #3e4b5b
}

.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #ef4b4b
}

.rating-stars input {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: .375rem .75rem;
    font-size: .9375rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-horizontal .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.fc-unthemed .fc-list-item:hover td,
.user-contact-list .option-dots:focus {
    background-color: #f0f0f2
}

.br-theme-bars-square .br-widget a {
    border: 2px solid #f0f0f2;
    background-color: #fff;
    color: #f0f0f2
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #ffab00
}

.br-theme-fontawesome-stars .br-widget a:after,
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: "\f005";
    color: #ffab00
}

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: "\f123";
    color: #ffab00
}

.br-theme-fontawesome-stars-o .br-widget a:after {
    content: "\f006";
    color: #ffab00
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer
}

.app-header.header .nav-link.icon,
.rating-stars i {
    padding: 5px
}

body ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    transition: background .3s
}

body ::-webkit-scrollbar-thumb,
body :hover::-webkit-scrollbar-thumb {
    background: #c7cfdf
}

.aside,
.header,
.tabela-sessao,
.table-calender-link:hover:before {
    background: #fff
}

body ::-webkit-scrollbar-track {
    background: #fff
}

.page-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0
}

.page-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.5rem;
    color: #939598
}

.page-title-icon {
    color: #9aa0ac;
    font-size: 1.25rem
}

.page-subtitle {
    font-size: .8125rem;
    color: #6e7687;
    margin-left: 2rem
}

.page-options,
.pagination-pager .page-next {
    margin-left: auto
}

.page-description {
    margin: .25rem 0 0;
    color: #6e7687
}

.page-single,
.page-single-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-heading {
    font-weight: 400;
    margin: 2rem 0 1.5rem;
    font-size: 1.25rem;
    line-height: 1.25
}

.aside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 22rem;
    border-left: 1px solid #e6ebf1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.header-btn.has-new:before,
.nav-unread,
.nav-unread.badge {
    position: absolute;
    border-radius: 50%
}

@media (min-width:1600px) {
    body.aside-opened .aside {
        visibility: visible
    }
}

.aside-body {
    padding: 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto
}

.card-bgimg,
.chart-donut,
.chart-height,
.chart-pie,
.chart-tasks,
.chart-visitors,
.chartsh,
.chartwidget,
.lockscreen,
.main-proifle {
    overflow: hidden
}

.aside-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e6ebf1
}

.aside-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e6ebf1
}

body.fixed-header .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030
}

.header .dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 4px 4px !important
}

.header .mega-menu {
    width: 350px
}

.nav-unread {
    top: .13rem;
    right: 1rem;
    background: #ecd938;
    width: .5rem;
    height: .5rem
}

.nav-unread.badge {
    top: 0;
    text-align: center;
    right: 0;
    width: 1.2rem;
    height: 1.2rem
}

.nav-link.icon {
    margin: 5px;
    text-align: center;
    height: 2.5rem;
    font-size: 1.2rem;
    position: relative
}

.app-header1 .header-brand,
.header-brand {
    color: inherit;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0;
    line-height: 2.9rem;
    margin-right: 0;
    transition: opacity .3s;
    white-space: nowrap
}

.nav-link.icon .nav-span {
    font-size: .9rem;
    color: #576482;
    vertical-align: middle;
    margin-left: .5rem;
    font-weight: 400
}

.app-header1 .header-brand {
    min-width: 215px;
    text-align: center
}

.app-header1 .header-brand .header-brand-img {
    margin-right: 0
}

.header-brand-img {
    height: 3rem;
    line-height: 2rem;
    vertical-align: bottom;
    margin-right: 0;
    width: auto
}

.header-avatar,
.header-btn {
    display: inline-block;
    width: 2rem;
    height: 2rem
}

.header-avatar {
    vertical-align: bottom;
    border-radius: 50%
}

.dropdown-item .fa,
.dropdown-item .icon,
.icons-list-item,
.svg-icon1,
.table-stats table td,
.transaction-table.table td,
.user-details span.h6 {
    vertical-align: middle
}

.header-btn {
    line-height: 2rem;
    text-align: center;
    font-size: 1rem
}

.center-block {
    margin-right: auto;
    margin-left: auto;
    float: inherit !important
}

.header-btn.has-new:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #dc0441;
    top: 4px;
    right: 4px
}

.header-toggler {
    width: 3rem;
    height: 3rem;
    position: relative;
    color: #000
}

.header-toggler:hover {
    color: #32e448
}

.header-toggler-icon {
    position: absolute;
    width: 1rem;
    height: 2px;
    color: inherit;
    background: currentColor;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -.5rem;
    box-shadow: 0 5px currentColor, 0 -5px currentColor
}

.footer,
footer.footer {
    background: #fff;
    border-top: 1px solid #e6ebf1;
    padding: 1.25rem 0;
    font-size: .875rem
}

footer.footer {
    box-shadow: 16px 0 16px rgba(24, 23, 38, .06);
    display: block;
    margin-top: auto
}

.example-column,
.footer .social {
    margin: 0 auto
}

.footer .social ul li {
    float: left;
    padding: 7px
}

.footer .social ul li a {
    color: #abb8c3
}

.footer a:not(.btn),
.modal-body label {
    font-weight: 400
}

.br-100 {
    border-radius: 100% !important
}

.br-3 {
    border-radius: 3px !important
}

.br-5 {
    border-radius: 5px !important
}

.br-7,
.rtl .br-7 {
    border-radius: 7px !important
}

.br-tl-7 {
    border-top-left-radius: 7px !important
}

.br-bl-7 {
    border-bottom-left-radius: 7px !important
}

.br-tr-7,
.rtl .br-tl-7 {
    border-top-right-radius: 7px !important
}

.br-br-7,
.rtl .br-bl-7 {
    border-bottom-right-radius: 7px !important
}

.br-tl-0,
.rtl .br-tr-0 {
    border-top-left-radius: 0 !important
}

.br-bl-0,
.rtl .br-br-0 {
    border-bottom-left-radius: 0 !important
}

.br-tr-0,
.rtl .br-tl-0,
.rtl.register1 div.br-tl-0 {
    border-top-right-radius: 0 !important
}

.br-br-0,
.rtl .br-bl-0,
.rtl.register1 div.br-bl-0 {
    border-bottom-right-radius: 0 !important
}

.list.d-flex img {
    width: 60px
}

#popup {
    position: absolute;
    width: auto;
    height: 30px;
    background: #fe6b1f;
    display: none;
    color: #fff;
    border-radius: 5px
}

#copy {
    color: #fff;
    font-weight: 700;
    padding: 8px 25px;
    border: 0
}

.h-85 {
    height: 85px !important
}

.chart-visitors {
    min-height: 18rem
}

.chart-height {
    height: 20rem
}

.chart-tasks {
    height: 15rem
}

.chart-donut {
    height: 21rem
}

.chart-pie {
    height: 22rem
}

.chartsh {
    height: 16rem
}

.chartwidget {
    height: 17rem
}

.countdown span:first-child {
    font-size: 30px;
    font-weight: 500
}

.social i {
    font-size: 40px
}

.instagram {
    background: #de497b
}

.linkedin {
    background: #0077b5
}

.twitter {
    background: #1da1f2
}

.facebook {
    background: #3b5998
}

.widget-info i {
    width: 100px;
    height: 100px;
    padding: 27px 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%
}

.widget-info a {
    border-bottom: 1px solid #fff
}

.about-img {
    background: url("../images/about.jpg") center/cover
}

.login-img {
    background: url("../images/login.jpg") 0 0/cover
}

.construction-img {
    background: url("../images/construction.jpg") 0 0/cover
}

.z-index-10 {
    z-index: 10 !important
}

.card-blog-overlay .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.card-blog-overlay {
    background-size: cover;
    position: relative
}

.card-blog-overlay1:before,
.card-blog-overlay2:before,
.card-blog-overlay:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 7px
}

.card-blog-overlay1 {
    background: url("../images/photos/thumb3.jpg") !important
}

.card-blog-overlay2,
.login-transparent {
    background: url("../images/photos/22.jpg") !important
}

.login-transparent:before {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, .96)), to(rgba(50, 202, 254, .96)));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 7px
}

.page-breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 1rem 0 0;
    font-size: .875rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.page-breadcrumb .breadcrumb-item {
    color: #9aa0ac
}

.page-breadcrumb .breadcrumb-item.active {
    color: #6e7687
}

@media (min-width:768px) {
    .main-chat-footer .form-control {
        margin: 0 20px
    }

    .main-content-body-contacts {
        display: block;
        overflow-y: auto
    }

    .main-content-left-contacts {
        width: 100%
    }

    .page-breadcrumb {
        margin: -.5rem 0 0
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: #eaedf7;
        -webkit-transform: translateY(1.7rem);
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        top: 28px
    }
}

.pagination-simple .page-item .page-link {
    background: 0 0;
    border: none
}

.pagination-simple .page-item.active .page-link {
    color: #495057;
    font-weight: 700
}

.pagination-pager .page-prev {
    margin-right: auto
}

.page-total-text {
    margin-right: 1rem;
    -ms-flex-item-align: center;
    align-self: center;
    color: #6e7687
}

.header .form-inline .form-control {
    border: 0 solid #f6f6f6;
    padding-left: 55px;
    padding-right: 40px;
    background: #fff;
    border-radius: 10px
}

.header .form-inline .form-control::-webkit-input-placeholder {
    font-size: .9375rem;
    opacity: .5
}

.header .form-inline .btn {
    border-radius: 0 4px 4px 0;
    padding: 0 15px;
    border: 1px solid transparent;
    box-shadow: none;
    background: 0 0;
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 0;
    opacity: .5;
    top: 4px
}

.header .form-inline .btn i {
    color: #818c9b
}

@media (max-width:1024px) {
    .app.sidebar-gone.search-show .header.top-header {
        z-index: 1036
    }

    body.sidebar-show {
        overflow: hidden
    }

    body.search-show:before,
    body.sidebar-show:before {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .4);
        opacity: .6;
        z-index: 891
    }
}

@media (min-width:575.98px) and (max-width:1200px) {
    .header .form-inline .form-control {
        width: 100% !important;
        min-width: 100% !important
    }
}

@media (min-width:991.98px) {
    .responsive-search {
        display: none !important
    }
}

@media (max-width:991px) {
    .responsive-navbar.navbar .navbar-collapse {
        position: fixed;
        width: 100%;
        background: #fff;
        margin-top: 0;
        z-index: 999;
        top: 73px;
        right: 0;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #f0f0ff;
        box-shadow: 0 2px 4px rgba(15, 34, 58, .12)
    }

    .header .form-inline .search-element {
        position: absolute;
        top: -4px !important;
        left: 10px;
        right: 10px;
        z-index: 892;
        display: none;
        margin-left: 0
    }

    body.search-show .header .form-inline .search-element {
        display: block
    }

    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #6c756e
    }

    .header .navsearch i {
        font-size: 20px;
        color: #6c756e;
        padding-top: 5px
    }

    .hor-header {
        box-shadow: 16px 0 16px rgba(24, 23, 38, .06);
        border-bottom: 1px solid transparent !important
    }

    .header.top-header .header-option,
    .header.top-header .header-setting {
        display: none
    }

    .hor-header.header {
        position: fixed;
        width: 100%;
        z-index: 999
    }

    .hor-content.main-content {
        margin-top: 50px
    }

    .horizontal-main.hor-menu {
        border-bottom: 0
    }

    .page-body {
        padding-top: 1px
    }

    .app-content.page-body .container,
    .header.top-header .container,
    .hor-content.main-content .container {
        max-width: none !important
    }

    .active .header.top-header {
        z-index: 999
    }

    .app-content.page-body .side-app {
        padding: 6.2rem .75rem 0 !important
    }

    .navsearch {
        padding: .3rem 0;
        height: 2.5rem;
        position: relative
    }

    .navsearch svg {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 45px;
        height: 45px;
        background: 0 0;
        padding: 8px;
        margin-top: 0
    }

    .navsearch i {
        padding-top: 0 !important
    }

    .app-content.page-body {
        margin-top: 4.7rem
    }

    .comb-page .app-content.page-body {
        margin-top: 0
    }
}

@media (max-width:575.98px) {
    body.search-show .header .form-inline .search-element {
        display: block
    }

    .header .form-inline .search-element .form-control {
        float: left;
        width: 100% !important;
        height: 40px;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px
    }

    .form-control.header-search {
        color: #000
    }

    .login-page .demo-icon {
        right: 0 !important;
        top: 25px !important
    }

    .header .form-inline .search-element {
        position: absolute;
        z-index: 892;
        display: none
    }

    .header .form-inline .btn {
        color: #46494a !important
    }

    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #6c756e !important
    }

    .header .navsearch i {
        font-size: 20px;
        color: #6c756e;
        padding-top: 4px
    }

    .header-brand-img.dark-logo,
    .hor-header .header-brand-img.desktop-lgo {
        display: none
    }

    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm>.table-bordered,
    .text-wrap .table-responsive-sm>table {
        border: 0
    }

    .header-brand {
        margin-right: 0
    }

    .header-brand-img.mobile-logo {
        display: block;
        margin-left: .5rem
    }

    .header-brand-img.darkmobile-logo {
        display: none;
        margin-left: .5rem
    }

    .animated-arrow.hor-toggle {
        text-align: center;
        height: 2.5rem;
        width: 2.5rem;
        font-size: 1.2rem;
        position: relative;
        border-radius: 3px;
        top: 0;
        padding: 5px
    }
}

.icons-list {
    margin: 0 -1px -1px 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icons-list>li {
    -ms-flex: 1 0 2.5rem;
    flex: 1 0 2.5rem
}

.flags-icons .icons-list-item {
    line-height: inherit
}

.payment-icons .icons-list-item {
    line-height: 2rem
}

.icons-list-item {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 10px !important;
    font-size: 18px;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 1px solid #e6ebf1;
    color: #747fa7;
    margin: 5px
}

.img-gallery {
    margin-right: -.25rem;
    margin-left: -.25rem;
    margin-bottom: -.5rem
}

.img-gallery>.col,
.img-gallery>[class*=col-] {
    padding-left: .25rem;
    padding-right: .25rem;
    padding-bottom: .5rem
}

.link-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(70, 127, 207, .8);
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25rem;
    opacity: 0;
    transition: opacity .3s
}

.search svg,
.search-inline,
.search-label {
    transition: .5s ease-in-out
}

.media-icon {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    border-radius: 100%;
    font-size: 18px
}

.app-header .container-fluid,
.attachment-mail ul li img,
.custom-btn-login,
.job-box,
.job-box-filter label {
    width: 100%
}

.media-list {
    margin: 0;
    padding: 0
}

textarea[cols] {
    height: auto
}

.wizard-card.form-group .form-control {
    background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2))
}

.richText {
    border: 1px solid #e6ebf1;
    background-color: #f0f0f2;
    border-top: 0;
    border-bottom: 0
}

.richText .richText-toolbar {
    border-bottom: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1
}

.richText .richText-toolbar ul li a,
.rtl .ql-toolbar.ql-snow .ql-picker-label {
    border-right: 1px solid #e2e3e7
}

.addui-slider .addui-slider-track .addui-slider-handle:hover {
    box-shadow: 0 0 5px rgba(159, 120, 255, .5)
}

.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
    background: rgba(159, 120, 255, .5)
}

.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
    background: rgba(159, 120, 255, .5);
    box-shadow: 0 0 5px rgba(159, 120, 255, .5)
}

.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
    background: rgba(159, 120, 255, .75)
}

.cal1 {
    font-size: 14px;
    border: 1px solid #e6ebf1
}

.cal1 .clndr .clndr-table .header-days .header-day {
    border-left: 1px solid rgba(23, 183, 148, .1);
    border-top: 1px solid #e2e3e4
}

.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty {
    border-left: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1;
    background: #f0f0f2
}

.cal1 .clndr .clndr-table tr .day {
    border-left: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1
}

.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
    background: #eeeef5
}

.cal1 .clndr .clndr-table tr .day.my-today.event,
.cal1 .clndr .clndr-table tr .day.today.event {
    background: #f2ecff
}

.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover,
.cal1 .clndr .clndr-table tr .day.my-today,
.cal1 .clndr .clndr-table tr .day.today {
    background: #e2e2e9 !important
}

.cal1 .clndr .clndr-table tr .day:last-child {
    border-right: 1px solid #ffefd5
}

.cal1 .clndr .clndr-table tr .day:hover {
    background: #e2e2e9
}

.fc button {
    background: #f5f6f8;
    color: #efefef;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 5px
}

.fc-unthemed .fc-divider {
    border-color: #e6ebf1
}

.fc-event {
    line-height: 1.4;
    border-radius: 3px
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    color: #fff;
    outline: 0;
    box-shadow: none
}

.fc-today-button:focus {
    border: none !important;
    box-shadow: none !important;
    outline: 0
}

.conv-form-wrapper div#messages div.message.to {
    background: #eeeff6
}

div.conv-form-wrapper div#messages div.message.from {
    border-top-right-radius: 0
}

#sidebar ul li.active>a:hover {
    background: #6d4dbb;
    color: #fff
}

#sidebar ul li a {
    color: #384056;
    font-weight: 400
}

#sidebar ul li ul li:last-child,
.sub-panel-heading .tabs-menu ul li:last-child,
.table-inbox tr:last-child {
    border-bottom: 0
}

#sidebar li a[aria-expanded=true]:hover,
.apexcharts-yaxis-texts-g,
.register-icons .btn:hover .fa,
.register1 .custom-content .text-white-50,
.toast-header.bg-primary {
    color: #fff !important
}

.hor-header,
.tab_wrapper.right_side>ul,
.tab_wrapper>ul,
.table-inbox tr {
    border-bottom: 1px solid #e6ebf1
}

#validationCustom04,
.tab_wrapper.right_side .content_wrapper,
.table-bordered,
.table-bordered td,
.table-bordered th,
.text-wrap table,
.text-wrap table td,
.text-wrap table th {
    border: 1px solid #e6ebf1
}

.tab_wrapper.right_side>ul li.active {
    border-color: 1px solid #e6ebf1
}

.tab_wrapper.right_side>ul li:after {
    background: 1px #e6ebf1
}

.job-box-filter select.input-sm {
    display: inline-block;
    max-width: 120px;
    margin: 0 5px;
    border: 1px solid #e6ebf1;
    border-radius: 2px;
    height: 34px;
    font-size: 15px
}

.job-box-filter label input.form-control {
    max-width: 200px;
    display: inline-block;
    border: 1px solid #e6ebf1;
    border-radius: 2px;
    margin-left: 5px;
    font-size: 15px
}

.rtl .app-sidebar .side-item.side-item-category,
.rtl .custom-control-label,
.rtl .dropdown-item,
.rtl .message-feed.right,
.rtl .ql-editor,
.text-right {
    text-align: right
}

.job-box-filter {
    padding: 12px 15px;
    border-bottom: 1px solid #e6ebf1
}

.job-box {
    display: inline-block;
    padding: 0
}

.job-box-filter a.filtsec {
    margin-top: 8px;
    display: inline-block;
    margin-right: 15px;
    padding: 4px 10px;
    transition: .4s;
    background: #edf0f3;
    border-radius: 50px;
    font-size: 13px;
    color: #81a0b1;
    border: 1px solid #e2e8ef
}

.job-box-filter a.filtsec.active {
    color: #fff;
    background: #16262c;
    border-color: #16262c
}

.job-box-filter a.filtsec i,
.mail-option .btn-group,
.mail-option .chk-all,
.slide-item .icon {
    margin-right: 5px
}

.job-box-filter a.filtsec:focus,
.job-box-filter a.filtsec:hover {
    color: #fff;
    background: #07b107;
    border-color: #07b107
}

.job-box-filter h4 i,
.rtl .nav-tabs .nav-item i {
    margin-right: 10px
}

.image_outer_container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative
}

.image_inner_container {
    border-radius: 50%;
    padding: 5px
}

.image_inner_container img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 5px solid #fff
}

.image_outer_container .green_icon {
    background-color: #4cd137;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    border: 5px solid #fff;
    border-radius: 50%
}

.search {
    position: absolute;
    width: 320px
}

.search svg {
    transform: translateX(-126px);
    width: 180px;
    height: auto;
    stroke-width: 8px;
    stroke: #fff;
    stroke-width: 1px;
    stroke-dashoffset: 0;
    stroke-dasharray: 64.6 206.305;
    margin-top: 5px
}

.input-search {
    position: absolute;
    width: calc(100% - 148px);
    height: 34px;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0;
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 20px;
    font-size: 16px;
    color: #fff
}

.search-label {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    margin-left: -54px;
    z-index: 100
}

.full .search-label,
.isActive .search-label {
    transform: translateX(246px)
}

.isActive svg,
.isActive.full svg {
    stroke-dashoffset: -65;
    stroke-dasharray: 141.305 65;
    transform: translateX(0)
}

.full svg {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.6 206.305;
    transform: translateX(0)
}

#drag-1,
#drag-2 {
    width: 25%;
    height: 100%;
    min-height: 6.5em;
    margin: 10%;
    background-color: #29e;
    color: #fff;
    border-radius: .75em;
    padding: 4%;
    user-select: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.search-inline {
    width: 100%;
    left: 0;
    padding: 33px 0;
    top: 0;
    position: absolute;
    opacity: 0;
    background-color: #fff;
    z-index: 9
}

.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: .2s ease-in-out fadeInDown
}

.search-inline button[type=submit] {
    position: absolute;
    background-color: transparent;
    border: 0;
    top: 0;
    right: 80px;
    padding: 0;
    cursor: pointer;
    width: 80px;
    height: 100%;
    color: #fff
}

.search-inline .form-control {
    border: 0;
    padding-left: 0;
    font-size: 20px;
    position: absolute;
    left: 1%;
    top: 0;
    height: 100%;
    width: 99%;
    outline: 0
}

.search-inline .search-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #616161;
    width: 80px;
    height: 100%;
    text-align: center;
    display: table;
    background: #efefef;
    text-decoration: none
}

.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle
}

.searching i {
    font-size: 18px
}

.search-close i {
    padding: 24px 0
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.lockscreen {
    background: inherit;
    width: 300px;
    height: 280px
}

.lockscreen:before {
    content: "";
    width: 350px;
    height: 400px;
    background: inherit;
    position: absolute;
    left: -25px;
    right: 0;
    top: -25px;
    bottom: 0;
    box-shadow: inset 0 0 0 200px rgba(255, 255, 255, .4);
    filter: blur(1px)
}

.table-stats table td,
.table-stats table th {
    border: none;
    border-bottom: 1px solid #e8e9ef;
    font-size: 12px;
    font-weight: 400;
    padding: .75em 1.25em;
    text-transform: uppercase
}

.table-stats table td,
.table-stats table td .name,
.table-stats table th .name {
    text-transform: capitalize;
    font-size: 14px
}

.table-stats table td img,
.table-stats table th img {
    margin-right: 10px;
    max-width: 45px
}

.traffic-sales-content {
    padding: 14px
}

.attachment-mail ul li span,
.rtl .message-body-heading span,
.rtl .more-less,
.rtl .panel-title a.accordion-toggle.collapsed:before,
.rtl .panel-title a.accordion-toggle:before,
.rtl .richText .richText-toolbar ul li,
.rtl .tab_wrapper>ul li,
.traffic-sales-amount,
ul.inbox-pagination {
    float: right
}

.pulse {
    display: block;
    position: absolute;
    top: 23px;
    right: 23px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f72d66;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(247, 45, 102, .9);
    animation: 2s infinite pulse
}

.pulse:hover {
    animation: none
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, .9)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, .9);
        box-shadow: 0 0 0 0 rgba(247, 45, 102, .7)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
        box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
        box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
    }
}

.header.top-header .search-element input,
.user-head .inbox-avatar img {
    border-radius: 4px
}

.activity {
    position: relative;
    border-left: 3px solid #e6ebf1;
    margin-left: 16px
}

.activity .img-activity {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    border: 3px solid
}

.activity .item-activity {
    margin-left: 40px;
    margin-bottom: 26px
}

#AreaChart2 {
    width: 105% !important;
    height: 88px !important;
    bottom: -20px;
    position: relative;
    left: -7px
}

#CryptoChart,
#CryptoChart1,
#CryptoChart2,
#CryptoChart3 {
    width: 105% !important;
    height: 70px !important;
    bottom: -15px;
    position: relative;
    left: -7px
}

[class*=js-conveyor-] ul li {
    padding: 9px 15px;
    border: 1px solid #efefef;
    background: #fff;
    margin: 15px 6px;
    border-radius: 5px;
    box-shadow: 0 0 10px -5px rgba(68, 84, 195, .5)
}

.news-crypto span {
    font-size: .8rem
}

.latest-timeline {
    height: 355px
}

.latest-timeline ul.timeline {
    list-style-type: none;
    position: relative
}

.latest-timeline ul.timeline:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 10px;
    height: 100%;
    z-index: 1;
    border-left: 1px double #e6ebf1
}

.latest-timeline ul.timeline>li {
    margin: 20px 0;
    padding-left: 2.5rem
}

.latest-timeline ul.timeline>li:before {
    content: " ";
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #1753fc;
    left: 5px;
    width: 13px;
    height: 13px;
    z-index: 1
}

.latest-timeline ul.timeline>li:first-child:before {
    border: 2px double #0dd157
}

.latest-timeline ul.timeline>li:nth-child(2):before {
    border: 2px solid #2d9eef
}

.latest-timeline ul.timeline>li:nth-child(3):before {
    border: 2px solid #f35e90
}

.latest-timeline ul.timeline>li:nth-child(4):before {
    border: 2px solid #fc7303
}

.latest-timeline ul.timeline>li:nth-child(5):before {
    border: 2px solid #05a5ba
}

.latest-timeline ul.timeline>li:nth-child(6):before {
    border: 2px solid #920bfa
}

.latest-timeline ul.timeline>li:last-child:before {
    border: 2px solid #ec2d38
}

.app-content.page-body {
    min-height: 67vh
}

.time-data {
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px
}

div[data-acc-step]:not(.open) h5 {
    color: #8e9cad
}

div[data-acc-step]:not(.open) .bg-primary {
    background: #afb4d8
}

#smartwizard .nav.nav-tabs.step-anchor {
    border-bottom: 0 !important;
    padding: 30px
}

#smartwizard .nav-tabs {
    border-top: 0 !important
}

#smartwizard .nav-link {
    padding: 15px 40px
}

.fc-widget-content .fc-bgevent {
    background-color: #f0f0f2 !important
}

.apexcharts-toolbar {
    z-index: 0 !important;
    display: none
}

.card-bgimg {
    background: url(../images/photos/chart.png) 0 0/cover;
    position: relative;
    border-radius: 3px;
    border: 0
}

.card-bgimg:before {
    opacity: .9;
    border-radius: 3px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: block;
    top: 0
}

.card-bgimg .card-body {
    z-index: 10
}

@media (min-width:992px) {
    .main-contact-info-body {
        height: calc(100% - 126px);
        position: relative
    }

    .main-contact-info-body .media-body {
        display: flex
    }

    .main-contact-info-body .media-body>div {
        flex: 1
    }

    .main-contact-info-body .media-list {
        padding: 25px 0
    }

    .main-contact-action {
        right: 20px
    }

    .main-contact-info-header {
        padding-left: 30px;
        padding-bottom: 25px
    }

    .main-contact-info-header .media-body {
        margin-top: 0;
        margin-left: 30px
    }

    .main-contact-info-header .media {
        display: flex;
        align-items: center
    }

    .main-content-body-contacts {
        overflow: visible
    }

    .main-contact-item {
        padding: 10px 15px
    }

    .main-contact-label {
        padding-left: 10px
    }

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 0
    }

    .main-contact-info-body .media-body>div+div {
        margin-top: 0
    }

    .top-header.hor-top-header .header-brand-img {
        display: none
    }

    .top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
        left: 0;
        display: block;
        position: absolute;
        margin: 0 auto;
        right: 0
    }

    .top-header.hor-top-header .form-inline .form-control {
        width: 175px
    }

    .top-header.hor-top-header .header-brand {
        margin-right: 0
    }

    .search-element {
        margin-top: 0;
        margin-left: 40px
    }

    .sticky-pin {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999
    }

    .horizontalMenucontainer .header.top-header {
        box-shadow: none
    }
}

.icon.icon-shape {
    width: 2.5rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    font-size: 12px
}

.js-conveyor-example:after,
.js-conveyor-example:before {
    height: 60px;
    top: 8px;
    content: "";
    position: absolute;
    z-index: 9;
    width: 20%
}

.h-250 {
    height: 150px
}

.latest-timeline1-icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    line-height: 2rem;
    text-align: center;
    left: 0;
    z-index: 1;
    color: #fff;
    font-weight: 500
}

.shadow {
    box-shadow: 0 2px 16px rgba(179, 186, 212, .7) !important
}

.shadow3 {
    box-shadow: 0 0 6px rgba(179, 186, 212, .7) !important
}

.apexcharts-tooltip.light {
    box-shadow: 0 0 17px -5px rgba(68, 84, 195, .5)
}

.chart-dropshadow-primary {
    filter: drop-shadow(-6px 12px 4px rgba(68, 84, 195, .2))
}

.icon-dropshadow {
    filter: drop-shadow(0px 10px 4px #e5e9f2)
}

.icon-dropshadow-info {
    filter: drop-shadow(0px 4px 4px rgba(69, 170, 242, .3))
}

.icon-dropshadow-success {
    filter: drop-shadow(0px 4px 4px rgba(45, 206, 137, .3))
}

.icon-dropshadow-danger {
    filter: drop-shadow(0px 4px 4px rgba(255, 91, 81, .3))
}

.icon-dropshadow-warning {
    filter: drop-shadow(0px 4px 4px rgba(236, 180, 3, .3))
}

.chart-dropshadow {
    -webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
    filter: drop-shadow(0 6px 4px rgba(179, 186, 212, .5))
}

.GradientlineShadow {
    -webkit-filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, 0.2));
    filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, .2))
}

.BarChartShadow {
    -webkit-filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, 0.3));
    filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, .3))
}

.donutShadow {
    -webkit-filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, 0.4));
    filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, .4))
}

.transaction-table.table thead th {
    padding-bottom: 20px
}

.inde4-table tr td:first-child:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    left: 0;
    top: 17px
}

.inde4-table tr:first-child td:first-child:before,
.inde4-table tr:nth-child(7) td:first-child:before {
    background: rgba(68, 84, 195, .7)
}

.inde4-table tr:nth-child(2) td:first-child:before,
.inde4-table tr:nth-child(8) td:first-child:before {
    background: rgba(247, 45, 102, .7)
}

.inde4-table tr:nth-child(3) td:first-child:before,
.inde4-table tr:nth-child(9) td:first-child:before {
    background: rgba(45, 206, 137, .7)
}

.inde4-table tr:nth-child(10) td:first-child:before,
.inde4-table tr:nth-child(4) td:first-child:before {
    background: rgba(69, 170, 242, .7)
}

.inde4-table tr:nth-child(5) td:first-child:before {
    background: rgba(236, 180, 3, .7)
}

.inde4-table tr:nth-child(6) td:first-child:before {
    background: rgba(255, 91, 81, .7)
}

.crypto-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 4px;
    line-height: 3rem;
    text-align: center;
    font-size: 1.8rem;
    margin-right: 18px
}

.crypto-tabs {
    padding: 0 !important;
    border: 0 !important
}

#ui-datepicker-div tbody,
#ui-datepicker-div td,
#ui-datepicker-div tfoot,
#ui-datepicker-div th,
#ui-datepicker-div thead,
#ui-datepicker-div tr,
.svg-icon1 {
    padding: 8px
}

.crypto-tabs .tabs-menu1 ul li .active {
    background: #fff;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 10px 10px 20px rgba(179, 186, 212, .09), 10px 10px 15px -5px #b0b8d6;
    border: 0 solid #e6ebf1
}

.crypto-tabs .tabs-menu1 ul li a {
    display: block;
    font-size: 16px
}

table.table-bordered.dataTable td:first-child {
    border-left: 0 solid #e6ebf1 !important
}

.js-conveyor-example:before {
    background: linear-gradient(to right, #f0eff1, transparent);
    left: 0
}

.js-conveyor-example:after {
    background: linear-gradient(to left, #f0eff1, transparent);
    right: 0
}

.user-info .social .social-icon {
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    line-height: 2.5rem;
    border-radius: 50%
}

.date-range-btn,
.input-group-append,
.input-group-btn,
.input-group-prepend {
    font-size: .9375rem
}

.svg-icon {
    color: #6c757e;
    fill: #6c757e
}

.svg-icon1 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
    width: 37.5px;
    height: 37.5px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 1px solid #e6ebf1;
    color: var(--primary-bg-color);
    fill: var(--primary-bg-color)
}

.header-icon {
    color: #555b6d;
    fill: #555b6d
}

.search-element .search-icon {
    fill: #555b6d !important
}

.header-icon2 {
    color: #6c756e;
    fill: #6c756e
}

.profile-dropdown .header-icon {
    width: 18px;
    height: 18px
}

.header-option .header-icon {
    margin-top: -3px
}

.header-option .nav-link {
    margin: 7px 0 0
}

.card-custom-icon.text-success {
    fill: #2dce89
}

.feature .feature-icon {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    background: rgba(68, 84, 195, .2);
    text-align: center;
    font-size: 25px
}

.expenses-card {
    padding-top: 170px
}

.expenses-card #Chart {
    width: 105% !important;
    bottom: -15px;
    position: relative;
    left: -7px;
    height: 120px !important
}

.expenses-card .card-body {
    position: absolute;
    top: 0
}

.page-rightheader .breadcrumb {
    padding: 0;
    background: 0 0
}

.under-countdown .countdown {
    color: #fff;
    padding: 20px;
    border-radius: 5px
}

.clipboard-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 5px;
    background: #fff;
    color: #212529;
    width: 35px;
    cursor: pointer;
    height: 35px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1)
}

.clipboard-icon i {
    margin-top: 5px;
    font-size: 20px
}

.highlight {
    position: relative;
    padding: 0
}

.highlight pre {
    max-height: 15rem;
    tab-size: 4;
    hyphens: none
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 12px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #4757c4;
    border-radius: 14px;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 14px;
    content: "+"
}

.usertab-list li {
    margin: 5px 0
}

.profile-media-img {
    border: 0 solid #efefef;
    position: relative;
    display: block
}

.profile-media-img h6 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff
}

.profile-media-img:before {
    content: "";
    background: rgba(0, 0, 0, .5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute
}

.profile-media-img h6 a {
    position: relative;
    z-index: 999
}

.cover-image {
    background-size: cover !important
}

.custom-switch-indicator-lg,
.custom-switch-indicator-xl {
    background: #f5f6fb;
    position: relative;
    vertical-align: bottom;
    transition: border-color .3s, background-color .3s
}

.timelineleft {
    position: relative;
    margin: 0 0 30px;
    padding: 0
}

.timelineleft:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(152, 166, 173, .3);
    left: 31px;
    margin: 0;
    border-radius: 2px
}

.timelineleft>li {
    position: relative;
    margin-right: 0;
    margin-bottom: 15px
}

.timelineleft>li:after,
.timelinelft>li:before {
    content: " ";
    display: table
}

.timelineleft>.timeleft-label>span {
    font-weight: 600;
    padding: 5px 10px;
    display: inline-block;
    background-color: #fff;
    color: #fff;
    border-radius: 4px
}

.inbox-head h3,
.modal-header h4.modal-title {
    font-weight: 300
}

.timelineleft>li:after {
    clear: both
}

.timelineleft>li>.timelineleft-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    border-radius: 7px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 0;
    padding: 0;
    position: relative;
    border: 1px solid #ebeaf1
}

.custom-switch-indicator-lg:before,
.custom-switch-indicator-xl:before {
    top: 1px;
    left: 1px;
    transition: left .3s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
    content: ""
}

.timelineleft>li>.timelineleft-item>.time {
    color: #999;
    float: right;
    padding: 12px;
    font-size: 12px
}

.timelineleft>li>.timelineleft-item>.timelineleft-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #ebeaf1;
    padding: .75rem 1.25rem;
    font-size: 16px;
    line-height: 1.1
}

.timelineleft>li>.timelineleft-item>.timelineleft-header.no-border {
    border-bottom: 0 solid #ebeaf1
}

.timelineleft>li>.timelineleft-item>.timelineleft-header>a {
    font-weight: 500;
    font-size: 14px
}

.timelineleft-body img {
    width: 150px;
    height: 100px
}

.timelineleft>li>.timelineleft-item>.timelineleft-body,
.timelineleft>li>.timelineleft-item>.timelineleft-footer {
    padding: .75rem 1.25rem
}

.timelineleft>li>.fa,
.timelineleft>li>.glyphicon,
.timelineleft>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    position: absolute;
    color: #fff;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.acc-step-number {
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px
}

#form .list-group-item {
    padding: 25px
}

.custom-switch-indicator-lg {
    display: inline-block;
    height: 1.5rem;
    width: 3rem;
    border-radius: 50px;
    border: 1px solid #ebeaf1
}

.custom-switch-indicator-lg:before {
    position: absolute;
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    background: #fff;
    border-radius: 50%
}

.custom-switch-input:checked~.custom-switch-indicator-lg:before {
    left: calc(1.46rem + 1px)
}

.custom-switch-indicator-xl {
    display: inline-block;
    height: 2rem;
    width: 4rem;
    border-radius: 50px;
    border: 1px solid #ebeaf1
}

.custom-switch-indicator-xl:before {
    position: absolute;
    height: calc(2rem - 4px);
    width: calc(2rem - 4px);
    background: #fff;
    border-radius: 50%
}

.custom-switch-input:checked~.custom-switch-indicator-xl:before {
    left: calc(1.96rem + 1px) !important
}

.header-icon2 {
    width: 25px;
    position: absolute;
    left: 10px;
    top: 0
}

.page-rightheader .date-range-btn {
    position: relative;
    padding-left: 40px
}

.main-proifle {
    position: relative;
    background: #fff;
    padding: 25px 25px 0;
    margin-bottom: 30px;
    border-top: 1px solid #e6ebf1;
    border-radius: 8px
}

.main-proifle .tab-menu-heading {
    border-left: 0;
    border-right: 0;
    margin: 25px -30px 0
}

.profile-share {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.main-proifle .profile-icon,
.pro-option,
.profile-footer .new,
.profile-share a,
.user-details .user-icon {
    color: #5c678f;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 18px;
    display: inline-block;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    background: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 2.5rem
}

.profile-share a {
    border-radius: 50px;
    border: 1px solid #e6ebf1;
    margin-right: 5px
}

.main-proifle .profile-icon,
.pro-option,
.profile-footer .new,
.user-details .user-icon {
    border-radius: 50px;
    border: 1px solid #e6ebf1;
    margin-right: 10px
}

.pro-details li {
    width: 50%;
    float: left;
    margin-bottom: 1rem
}

.profile-edit textarea {
    background: #fff;
    border-radius: 5px 5px 0 0
}

.profile-edit textarea:focus {
    background: #e6ebf1;
    border: 1px solid #e6ebf1
}

.social-profile-buttons li {
    float: left;
    display: block
}

.social-profile-buttons li a {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    background: #d2d6f1;
    border: 2px solid #6c756e;
    margin: 2px
}

.fill-white {
    fill: transparent
}

.page-header .breadcrumb-icon {
    margin-top: 3px;
    margin-left: 4px
}

.page-header .breadcrumb-item .svg-icon {
    width: 20px
}

.main-nav-calender-event .nav-link {
    padding: 0;
    height: 30px;
    line-height: 30px
}

.main-nav-calender-event .nav-link.exclude {
    position: relative;
    opacity: .3
}

.main-nav-calender-event .nav-link.exclude:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #737688
}

.form-wizard-title {
    line-height: 25px;
    margin-left: 10px
}

.footer .social .social-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    border: 1px solid #e6ebf1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1)
}

.richText .richText-redo,
.richText .richText-undo,
.rtl.register1 .input-group-text {
    border-right: 1px solid #e6ebf1 !important
}

.modal-open .select2-dropdown {
    z-index: 10000 !important
}

.page-leftheader ol {
    background: 0 0;
    padding: 0
}

.page-leftheader .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    font-family: Material Design Icons;
    color: var(--primary-bg-color);
    opacity: inherit;
    padding-left: 0
}

.page-leftheader .breadcrumb-item a,
.page-rightheader .breadcrumb-item a {
    color: #6c756e
}

.sub-pageheader {
    display: flex;
    margin-bottom: 2.3rem;
    font-size: 14px
}

.rtl .nav,
.sub-pageheader .nav-link:last-child,
.ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: 0
}

.sub-pageheader .nav-link.border-end {
    border-right: 1px solid #cfd1e1 !important
}

hr.pageheader-border {
    border-top: 1px solid #dfe0e7;
    margin-top: .9rem;
    margin-bottom: .9rem
}

.dash1-card,
.jvectormap-legright-cnt {
    position: absolute
}

.dash1-card .ratio {
    position: absolute;
    right: -10px;
    top: 20px;
    padding: 5px 15px;
    background-color: #222;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 15px 0 0 15px
}

.dash1-card .ratio-text {
    position: absolute;
    top: 55px;
    right: 5px;
    font-size: 13px
}

.sales-bar {
    min-height: 280px !important;
    position: relative;
    bottom: -21px;
    left: -10px
}

.dot-label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px
}

.list-bar {
    right: auto;
    bottom: 0;
    height: auto;
    width: 3px;
    border-radius: 0;
    position: absolute;
    top: -1px;
    left: 0
}

.page-rightheader .breadcrumb-item+.breadcrumb-item::before {
    content: "\e933";
    font-family: feather !important;
    color: #6c756e;
    opacity: inherit
}

.card-over {
    position: relative;
    top: -20px;
    background: #fff;
    border-radius: 12px 12px 8px 8px;
    border: 1px solid #e6ebf1;
    box-shadow: 0 .76rem 1.52rem rgba(18, 38, 63, .03);
    margin-bottom: 1.5rem !important
}

.bread-select .select2-container .select2-selection--single .select2-selection__rrightered {
    padding-left: 10px !important
}

.emp-circle-chart {
    background: rgba(0, 0, 0, .04);
    border-radius: 100px;
    font-weight: 500;
    font-size: 20px
}

.dash1-iocns {
    padding: 6px 14px;
    border-radius: 50px;
    border: 2px dotted
}

.country-card {
    height: 400px;
    overflow: auto
}

#talent-chart {
    -webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
    filter: drop-shadow(0 6px 4px rgba(179, 186, 212, .2))
}

.custom-btns .btn {
    border: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
    background: rgba(0, 0, 0, .1);
    font-size: 20px;
    color: rgba(255, 255, 255, .9);
    margin: 0 5px;
    border-radius: 50%;
    padding: .5rem;
    width: 3rem;
    height: 3rem;
    line-height: 2rem
}

.widget-user-image {
    height: 100px;
    width: 100px;
    clear: both;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    box-shadow: 0 3px 10px 0 rgba(4, 4, 7, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, .1);
    -webkit-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, .1);
    -ms-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, .1);
    position: relative
}

.dash1,
.dash2,
.dash3,
.dash4 {
    color: #fff !important;
    width: 100%;
    content: "";
    position: absolute
}

.email-icon i,
.header .nav-link.icon i,
.item7-card-desc .fe {
    color: #5c678f
}

.mail-inbox .list-group-item,
.product-details .tabs-menu ul li a {
    border: 0 !important
}

.nav-link.icon .header-icon {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: 0 0;
    padding: 9px
}

.hor-header .search-element {
    margin-left: 1rem
}

.img-height,
::-ms-backdrop {
    height: 100%
}

.img-height1,
::-ms-backdrop {
    height: 333px
}

.social-profile-buttons li,
::-ms-backdrop {
    float: none;
    display: inline-block
}

.social-profile-buttons ul,
::-ms-backdrop {
    margin-bottom: 0
}

.btn-icon.btn-svg .svg-icon,
::-ms-backdrop {
    height: 16px
}

.price-svg .price-title,
::-ms-backdrop {
    top: 0 !important
}

.price-svg svg,
::-ms-backdrop {
    height: 65px !important
}

.item7-card-img,
::-ms-backdrop {
    height: 100%
}

.main-content,
::-ms-backdrop {
    height: 100%
}

.app-sidebar-help,
::-ms-backdrop {
    display: none
}

.list-card .media-body,
::-ms-backdrop {
    display: block !important
}

.media-body.time-title1,
::-ms-backdrop {
    display: block !important
}

.media .media-body,
::-ms-backdrop {
    display: table-cell
}

.chat-widget-header .option-dots new-list2 .fe,
::-ms-backdrop {
    display: block
}

.message-feed.right .media-body,
::-ms-backdrop {
    display: table-cell
}

.message-feed.media .media-body,
::-ms-backdrop {
    display: block
}

.main-chat-body .media .media-body,
::-ms-backdrop {
    display: -ms-flexbox
}

.main-chat-list .media-body,
::-ms-backdrop {
    display: block
}

.chat-widget-header .option-dots.new-list2 .fe,
::-ms-backdrop {
    display: block
}

.card-img-top,
::-ms-backdrop {
    height: 250px
}

.image10,
::-ms-backdrop {
    height: 250px
}

.card-image1,
::-ms-backdrop {
    height: 250px
}

.sweet-alert .sa-info.sa-icon::after,
::-ms-backdrop {
    margin-left: 37px !important;
    top: 17px !important
}

.main-contact-info-header .media-body,
::-ms-backdrop {
    display: block
}

.main-contact-info-body .media-body,
::-ms-backdrop {
    display: -ms-flexbox
}

#media1 .media-body,
#media3 .media-body,
::-ms-backdrop {
    display: block
}

.page-style1,
::-ms-backdrop {
    background-position: center;
    background-size: cover;
    background-attachment: fixed
}

.page-single,
.page-single-content,
::-ms-backdrop {
    display: block !important
}

.page-style1 .page-single-content,
::-ms-backdrop {
    display: block !important
}

.page,
.page-content,
::-ms-backdrop {
    display: flex !important
}

.page-style1 .page-single,
::-ms-backdrop {
    display: block !important
}

.page-content img,
::-ms-backdrop {
    min-width: 50%
}

.chat-conatct-list .option-dots,
::-ms-backdrop {
    padding: 2px 12px !important
}

.sidenav-toggled .header.py-4 .header-brand .header-brand-img.desktop-lgo {
    display: flex !important;
    margin: 0
}

.chat-conatct-list .media,
::-ms-backdrop {
    overflow: visible
}

#flotChart1,
#flotChart3,
#flotChart5 {
    max-width: none;
    height: 100px;
    margin-top: -50px;
    bottom: -8px
}

#flotChart1 canvas,
#flotChart3 canvas,
#flotChart5 canvas,
#flotChart6 canvas {
    width: 120% !important;
    left: -12px !important
}

#flotChart6 {
    max-width: none;
    height: 100px;
    margin-top: -50px;
    bottom: -8px !important
}

.customer {
    background-color: #deb504
}

.customer-sales {
    background-color: #df379a
}

.dash1 {
    background-image: linear-gradient(to right, var(--primary-bg-color), var(--primary06))
}

.dash2 {
    background-image: linear-gradient(to right, #1d976c, #2fd38a)
}

.dash3 {
    background-image: linear-gradient(to right, #fa5420, #f6a800)
}

.dash4 {
    background-image: linear-gradient(to right, #5b73e8, #44c4fa)
}

.dash-icon {
    width: 3rem;
    height: 3rem;
    line-height: 3.5rem;
    text-align: center;
    display: block;
    background: rgba(0, 0, 0, .1);
    border-radius: 50%
}

.activity-timeline {
    border: 1px solid transparent;
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    border-radius: 50%;
    position: absolute;
    background-color: #f0f3fa
}

.mediafont,
.recent-subcontent {
    font-size: 16px;
    font-weight: 600
}

.activity-timeline-content {
    margin-left: 52px
}

.sub-content {
    color: #9f9fa0 !important
}

.activity-timeline-content span a:hover {
    text-decoration: underline
}

.recent-activity li {
    padding: 0 1.5rem
}

.header .main-header-end .nav-link.icon {
    padding: 2.2rem .75rem !important;
    margin: 0
}

.header .profile-dropdown {
    padding: .95rem;
    border-right: 0px
}

.header .profile-dropdown .nav-link {
    padding: 0
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent
}

.navbar-toggler-icon {
    color: var(--primary-bg-color);
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center/100% 100% no-repeat
}

.demo-icon {
    border-right: 0px !important
}

.construction,
.register-1,
.register-2,
.register-3 {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

#back-to-top,
.construction,
.register-1,
.register-2,
.register-3 {
    background-position: center
}

.bg-contacthead:before,
.bg-gradient:before,
.construction:before,
.register-1:before,
.register-2:before,
.register-3:before,
.register1:before {
    width: 100%;
    left: 0;
    top: 0;
    content: ""
}

.main-header-right,
.sidebar-navs .nav li:last-child a {
    margin-right: 0 !important
}

.widget-user-image img {
    box-shadow: 0 0 0 4px #eeeef3 !important;
    border: 3px solid #f5f6f8 !important
}

.zoom img:hover {
    transform: scale(.96) !important;
    transition: .3s
}

.no-border input[type=text] {
    background-color: none;
    outline: 0;
    font-size: 14px;
    width: 150px;
    height: 30px;
    color: var(--primary-bg-color)
}

.shopping-carttable .input-group .input-group-btn:first-child {
    border: 1px solid #e6ebf1;
    border-right: 0;
    height: 37px;
    border-radius: 7px 0 0 7px
}

.shopping-carttable .input-group .input-group-btn:last-child {
    border: 1px solid #e6ebf1;
    border-left: 0;
    height: 37px;
    border-radius: 0 7px 7px 0
}

.register-3 hr {
    border-top: 1px solid rgba(255, 255, 255, .3) !important
}

.register-3 .hrregister3 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important;
    background-color: transparent
}

.register-3 .form-control {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: #fff
}

.register-3 .form-control:focus {
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    background-color: #5c45b5
}

.register-3 .input-group-text {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #755fce !important;
    color: rgba(255, 255, 255, .5);
    border-right: 0 !important
}

.register-3 input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.register-3 .custom-control-label:before {
    border: 1px solid rgba(255, 255, 255, .1);
    background-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .5)
}

.register-3 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border: 1px solid rgba(255, 255, 255, .1);
    background-color: rgba(0, 0, 0, .2)
}

.register-3 .btn-list .btn {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .82);
    border: 1px solid rgba(255, 255, 255, .1)
}

.register-2:before {
    height: 100%;
    position: absolute;
    background-color: var(--primary08);
    right: 0;
    bottom: 0
}

.register-2 .input-group-prepend .input-group-text,
.register1 .input-group-prepend .input-group-text {
    border: 1px solid #e6ebf1;
    border-radius: 5px 0 0 5px
}

.register-2 .form-control:focus,
.register1 .form-control:focus {
    border-color: #e6ebf1 !important
}

.register-2 hr.divider:after {
    content: "OR";
    display: block;
    position: relative;
    top: -1.5em;
    font-size: 11px;
    padding: 0 .25em;
    background: #755fce;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
    left: 0;
    right: 0;
    line-height: 30px;
    margin: 0 auto;
    font-weight: 500;
    border: 1px solid #cecddc;
    text-align: center
}

.register-2 .divider {
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.register-2 .input-group-text,
.register1 .input-group-text {
    border-right: 0 !important
}

.register-1 {
    width: 100%;
    height: 100%;
    z-index: 999;
    border-radius: 7px 0 0 7px;
    overflow: hidden
}

.register-1:before {
    height: 100%;
    position: absolute;
    background: rgba(102, 77, 201, .85);
    right: 0;
    bottom: 0
}

.construction {
    background-image: url(../images/photos/register4.jpg);
    width: 100%;
    height: 100%;
    z-index: 999
}

.construction:before {
    height: 100%;
    position: absolute;
    background: linear-gradient(#2c3e50, #bdc3c7);
    opacity: .5;
    right: 0;
    bottom: 0
}

.construction .countdown li:first-child {
    background-image: linear-gradient(to right, var(--primary-bg-color), #876eef)
}

.construction .countdown li:nth-child(2) {
    background-image: linear-gradient(to right, #1d976c, #47b182)
}

.construction .countdown li:nth-child(3) {
    background-image: linear-gradient(to right, #fa5420, #ea7f5d)
}

.construction .countdown li:nth-child(4) {
    background-image: linear-gradient(to right, #5b73e8, #43a0c7)
}

.bg-contacthead {
    border-radius: 0 8px 0 0;
    background-image: url(../images/photos/contact-3.jpg);
    position: relative
}

.bg-contacthead:before {
    background: linear-gradient(to right top, var(--primary-bg-color), #6357d1, #6161d9, #5e6ae1, #5b73e8);
    position: absolute;
    height: 100%;
    display: block;
    opacity: .7;
    border-radius: 0 8px 0 0 !important
}

.bg-gradient {
    background: url(../images/photos/contact-2.jpg) !important;
    position: relative
}

.bg-gradient:before {
    position: absolute;
    background: linear-gradient(to right top, var(--primary-bg-color), #6357d1, #6161d9, #5e6ae1, #5b73e8) !important;
    height: 100%;
    opacity: .8;
    border-radius: .3rem .3rem 0 0
}

.bg-gradient .option-dots {
    position: relative;
    color: #fff !important
}

.headerstyle-1 .header .nav-unread {
    top: .17rem;
    right: .95rem
}

.headerstyle-1 .header .notifyimg,
.headerstyle-2 .header .notifyimg {
    height: 40px;
    line-height: 40px
}

.headerstyle-1 .header .dropdown-menu,
.headerstyle-2 .header .dropdown-menu,
.headerstyle-3 .header .dropdown-menu {
    animation: none;
    left: initial !important;
    top: 0 !important
}

.headerstyle-2 .header .header-brand .header-brand-img,
.toast-header h6 {
    margin-top: 2px
}

.headerstyle-2 .header .form-inline .btn {
    top: -16px;
    padding-top: 18px !important
}

.headerstyle-2 .header .search-element {
    top: 0 !important
}

.headerstyle-2 .header .nav-unread {
    top: .2rem;
    right: .9rem
}

.headerstyle-2 .header .bg-warning {
    right: 6px
}

.headerstyle-2 .header .form-inline .form-control {
    margin-top: -5px;
    padding-top: 7px
}

.headerstyle-3 .header .header-brand .header-brand-img {
    margin-top: 12px
}

.headerstyle-3 .header .profile-dropdown {
    border-right: 0px solid #e6ebf1 !important
}

.headerstyle-3 .header .pulse {
    right: 8px;
    top: 19px
}

.headerstyle-3 .header .profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom],
.rtl .header-message .show.dropdown-menu {
    left: 0 !important
}

.example-popover {
    z-index: 99 !important
}

@media (max-width:1440px) and (min-width:1024px) {
    .recent-activity {
        height: 420px !important;
        overflow: auto
    }
}

.fileinput-button,
.loader8,
.media-body,
.toast {
    overflow: hidden
}

.table-inbox tr:last-child {
    border-bottom-color: #e6ebf1 !important
}

.btn-close {
    background-image: none !important;
    margin-top: -4px
}

.chat-line-friright+.chat-line-friright .chat-message:after,
.dark-layout,
.login-page .dark-logo,
.wizard>.steps>ul li .current-info {
    display: none
}

.responsive-search-icon .header-icon.search-icon {
    fill: #fff !important
}

#checkoutsteps ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    display: flex
}

#checkoutsteps ul[role=tablist] li {
    display: flex;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    font-weight: 500;
    font-size: 1.1rem
}

#checkoutsteps>.steps a {
    display: block;
    width: auto;
    background-color: transparent;
    color: #2d2c40;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0;
    text-decoration: none;
    border-radius: 30px;
    cursor: default;
    text-align: center;
    outline: 0
}

#checkoutsteps>.steps .current a .number,
#sidebar li a.active,
#sidebar li a[aria-expanded=true],
.card-pay .tabs-menu li a.active,
.form-help:hover,
.form-help[aria-describedby] {
    background: var(--primary-bg-color);
    color: #fff
}

.example .btn:hover .badge,
.ql-bubble .ql-tooltip {
    background-color: #fff !important
}

#checkoutsteps .item .thumb {
    display: inline-flex;
    width: 100px;
    height: 90px;
    justify-content: center;
    align-items: center;
    border: 1px solid #f2f2f2
}

#checkoutsteps .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px
}

#checkoutsteps .item .purchase {
    text-decoration: none;
    display: inline-block;
    margin-left: 21px
}

#checkoutsteps .total {
    float: right;
    color: var(--primary-bg-color)
}

#checkoutsteps>.steps {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 0
}

#checkoutsteps.wizard {
    border-radius: 10px
}

.wizard>.content>.title {
    font-size: 18px;
    color: #8f9cc0;
    font-weight: 700;
    margin-bottom: 5px;
    display: none
}

.multi-wrapper .item-1:hover,
.tabs-menu .shop-des-tabs li .active,
.tabs-menu ul li .active {
    color: var(--primary-bg-color) !important
}

.wizard>.content>.body {
    float: none;
    position: static;
    width: auto;
    height: auto
}

.card-pay .tabs-menu.nav li,
.rtl .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.rtl .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
    border-right: 1px solid #e6ebf1
}

.card-pay .tabs-menu.nav li:last-child,
.dark-mode .card-pay .tabs-menu.nav li:last-child,
.rtl .richText-toolbar ul:first-child {
    border-right: 0px
}

.dark-mode .card-pay .tabs-menu.nav li {
    border-right: 1px solid #32394e
}

.card-pay .tabs-menu li {
    width: 33.3%;
    display: block
}

.card-pay .tabs-menu li a {
    padding: .7rem 1rem;
    display: block;
    text-align: center
}

.card-pay .tabs-menu {
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden
}

.panel-default>.panel-heading+.panel-collapse>.panel-body,
.panel-group1 .panel-body {
    padding: 15px
}

.header .profile-dropdown .dropdown-menu {
    min-width: 10rem
}

.apexcharts-legend {
    margin: -11px
}

.apexcharts-xaxis text,
.apexcharts-yaxis text {
    fill: #8897a5;
    font-size: 12px;
    font-family: Poppins, sans-serif
}

.Recent-transactions-img {
    width: 37px;
    height: 37px;
    text-align: center;
    justify-content: center;
    line-height: 37px;
    margin-right: 12px
}

#tabs-style4 .nav.panel-tabs,
.loader8 {
    justify-content: center
}

.page-rightheader .btn-pill,
.user-contact-list .dropdown-menu {
    border-radius: .25rem
}

.img-options-remove {
    position: absolute;
    left: 16px;
    font-size: 16px;
    margin-top: -10px
}

.tabs-menu .shop-des-tabs li .active {
    border: 1px solid var(--primary-bg-color)
}

.user-contact-list .card-header.bg-gradient {
    border-radius: .3rem !important
}

.calendar-image {
    margin-top: 2.5rem
}

table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable th:first-child {
    border-left-width: 0 !important
}

#delete-datatable tr.selected {
    background: #f3f6f8
}

.progress-bar-custom {
    background-color: #6563ff
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #fff !important
}

hr:not([size]) {
    height: 0 !important
}

.example .btn:hover .badge {
    color: #495047
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important
}

.product-details .tabs-menu ul li .active {
    background-color: transparent !important
}

.purchase {
    color: #495047 !important
}

.register1:before {
    height: 100%;
    position: absolute;
    background-color: #ebebf3;
    right: 0;
    bottom: 0
}

.register-3:before {
    height: 100%;
    position: absolute;
    background-color: rgba(102, 77, 201, .1);
    right: 0;
    bottom: 0
}

#left-defaults,
#left-events,
#right-defaults {
    touch-action: none
}

#spark1 .apexcharts-area-series .apexcharts-area,
#spark1 .apexcharts-line,
#spark1 .apexcharts-tooltip .apexcharts-marker,
#spark2 .apexcharts-area-series .apexcharts-area,
#spark2 .apexcharts-line,
#spark2 .apexcharts-tooltip .apexcharts-marker,
#spark3 .apexcharts-area-series .apexcharts-area,
#spark3 .apexcharts-line,
#spark3 .apexcharts-tooltip .apexcharts-marker,
#spark4 .apexcharts-area-series .apexcharts-area,
#spark4 .apexcharts-line,
#spark4 .apexcharts-tooltip .apexcharts-marker {
    pointer-events: none;
    fill: transparent
}

.legend {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 2px;
    margin-right: 10px;
    margin-top: 6px
}

.morris-legends {
    margin-bottom: 0;
    padding-left: 10px;
    text-align: center
}

.bg-primary-light-1 {
    background-color: #8976d5
}

.bg-primary-light-2 {
    background-color: #ab9de1
}

.bg-success-light-1 {
    background-color: #5dd59f
}

.bg-success-light-2 {
    background-color: #85e0b7
}

.bg-warning-light-1 {
    background-color: #fb3
}

.bg-warning-light-2 {
    background-color: #fc6
}

.bg-danger-light-1 {
    background-color: #f37272
}

.bg-danger-light-2 {
    background-color: #f7a1a1
}

.toast,
.toast-header {
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box
}

.btn-animation .btn-loaders:after {
    content: "";
    -webkit-animation: .5s linear infinite loader;
    animation: .5s linear infinite loader;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    display: block;
    height: 1.4em;
    width: 1.4em;
    right: 20px !important;
    top: calc(50% - .7em);
    -webkit-transform-origin: center;
    transform-origin: center;
    position: absolute !important
}

.btn-animation .loading {
    margin-right: 20px
}

.btn-animation .btn-loaders {
    color: #fff !important;
    pointer-events: none;
    position: relative;
    padding-right: 46px
}

.mr-negative-16 {
    margin-right: -18px
}

.pos-static {
    position: static
}

#tabs-style4 .tabs-menu ul li a {
    margin: 3px 15px
}

@media (max-width:500px) {
    .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
        margin-top: 5px
    }

    .btn-close {
        margin-top: 6px
    }
}

@media (max-width:480px) {

    .responsive-navbar .badge,
    .tabs-menu ul li {
        margin: 0
    }

    .notification .notification-icon,
    .notification .notification-time,
    .notification:before {
        display: none
    }

    .notification .notification-body {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .badge {
        margin: 0 !important
    }

    .intl-tel-input input {
        width: 180px !important
    }

    #tabs-style4 .tabs-menu ul li a {
        margin: 3px 0
    }

    .pro-details li {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .multi-wrapper .item-group-1 .group-label {
        line-height: 25px !important;
        height: 60px !important
    }

    .multi-wrapper .item-1 {
        height: 48px !important;
        line-height: 18px !important
    }

    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 100% !important
    }

    .rtl .ah-actions {
        margin-left: 10px !important;
        margin-right: inherit !important
    }
}

@media (max-width:568px) {
    .header-brand-img {
        height: 2rem;
        top: 22px
    }

    .dark-mode .header-brand-img.dark-logo {
        margin-top: 0 !important
    }

    .card-pay .tabs-menu li {
        width: 100%
    }

    .construction .display-3 {
        font-size: 2.5rem
    }

    .pro-user-username {
        margin-top: 1.5rem
    }
}

.widget-user-image1 .avatar {
    width: 9rem;
    height: 9rem
}

@media (max-width:1025px) {
    .pro-user-username {
        margin-top: 1.5rem
    }
}

@media (max-width:327px) {
    .profile-share button.pull-right {
        float: none
    }

    .comming .display-2 {
        font-size: 2.5rem
    }
}

@media (max-width:380px) {
    .wizard.vertical>.steps ul li .title {
        display: none !important
    }
}

#spark1 .apexcharts-canvas,
#spark2 .apexcharts-canvas,
#spark3 .apexcharts-canvas,
#spark4 .apexcharts-canvas {
    width: auto !important
}

.apexcharts-tooltip.light {
    border: 1px solid transparent !important;
    background: rgba(255, 255, 255, .1) !important
}

.apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(255, 255, 255, .1) !important;
    border-bottom: 1px solid transparent !important
}

.country {
    width: 1.1rem !important;
    height: .8rem !important;
    line-height: 1.4rem !important
}

.country-selector {
    padding: .3rem;
    border-right: 1px solid #e6ebf1 !important
}

.country-selector .nav-link {
    color: #495046
}

.country-selector .nav-link:hover {
    color: #495046 !important
}

.flag-dropdown .selected-flag {
    border-radius: 4px 0 0 4px !important;
    padding: 9px 24px 11px 16px !important
}

@media (min-width:991.98px) and (max-width:1400px) {
    .hor-header .header-search {
        min-width: 14rem !important;
        border: 1px solid #e6ebf1 !important
    }
}

@media (max-width:992.98px) {
    .hor-header .header-search .btn {
        top: 5px !important
    }
}

.demo-icon .switcher-icon {
    fill: #fff !important;
    color: #fff !important
}

.toast {
    width: 300px;
    font-size: .875rem;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1) !important;
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .55rem .75rem;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.toast-body,
.toast-main {
    padding: 1rem
}

.toast-header .btn-close {
    font-weight: 500;
    margin-top: 0;
    margin-right: 0;
    font-size: 20px
}

.dimmer.active .loader,
.fileupload-processing .fileupload-loading,
.form-group,
.login-page .desktop-lgo,
.media-body,
.media-left,
.media-right,
.pagination-btn svg,
.sidebar-mini .sub-slide.is-expanded .sub-slide-menu,
.slide.is-expanded .slide-menu,
.toast.show {
    display: block
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.file-image .icons,
.file-image-1 .icons {
    margin: 0;
    transition: .5s;
    z-index: 1;
    opacity: 0;
    list-style: none
}

.toast-main {
    border: 1px solid #f0f2f8;
    font-size: .9375rem;
    border-radius: 11px
}

.toast-main .r-10 {
    right: 10px !important
}

.toast-main .t-10 {
    top: 10px !important
}

.file-images-noraml {
    width: 100px;
    height: 100px
}

.file-images-md {
    width: 150px;
    height: 150px
}

.file-images-lg {
    width: 200px;
    height: 200px
}

.file-image-1 {
    display: inline-table;
    margin: 4px 4px 20px;
    position: relative;
    border: 1px solid #e9edf4;
    border-radius: 5px
}

.file-image .icons .btn,
.file-image-1 .icons .btn {
    border-radius: 50px;
    transition: .3s ease-in-out;
    min-width: inherit;
    padding: 0;
    display: block;
    color: #fff
}

.file-image .icons li {
    display: block;
    margin: 5px
}

.file-image .icons {
    padding: 0;
    right: 22px;
    top: 14px;
    position: absolute;
    bottom: -3px;
    text-align: right
}

.file-image-1 .file-name-1,
.file-name {
    right: 0;
    left: 0;
    position: absolute;
    font-weight: 500
}

.file-name {
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.file-image .icons .btn {
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    width: 35px;
    margin: 2px 7px;
    position: relative
}

.file-image-1:hover .icons,
.file-image:hover .icons {
    opacity: 1;
    bottom: 33px
}

.file-image-1 .file-name-1 {
    bottom: -22px;
    color: #524d4d;
    font-size: 12px;
    text-align: center
}

.file-image-1 .icons {
    padding: 0;
    right: 7px;
    top: 6px;
    position: absolute;
    bottom: 0;
    text-align: right
}

.file-image-1 .icons .btn {
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    height: 25px;
    width: 25px;
    margin: 4px 1px;
    position: relative
}

.notification {
    padding: 0;
    position: relative
}

.notification>li {
    position: relative;
    min-height: 50px;
    padding: 15px 0
}

.notification .notification-time {
    position: absolute;
    left: -7px;
    width: 18%;
    text-align: right;
    top: 30px
}

.notification .notification-time .date {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 4px;
    color: #8f8fb1
}

.notification .notification-time .time {
    line-height: 24px;
    font-size: 21px;
    color: #8f8fb1
}

.notification .notification-time .date,
.notification .notification-time .time {
    display: block;
    font-weight: 500
}

.notification .notification-icon {
    left: 15%;
    position: absolute;
    width: 10%;
    text-align: center;
    top: 41px
}

.notification .notification-icon a {
    text-decoration: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    line-height: 10px;
    color: #fff;
    font-size: 14px;
    border: 3px solid var(--primary-bg-color);
    transition: border-color .2s linear
}

.notification-time-date {
    color: #8f8fb1;
    font-size: 16px;
    font-weight: 500
}

.notification .notification-body {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .03);
    margin-left: 25%;
    margin-right: 18%;
    background: #fff;
    position: relative;
    padding: 14px 20px;
    border-radius: 6px
}

.notification:before {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    width: 3px;
    background: rgba(108, 95, 252, .2);
    left: 20%;
    margin-left: -1px
}

.notify-time {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 25px
}

.product-label {
    margin-bottom: .5rem;
    padding: .4em .6em;
    font-size: 75%;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 7px;
    background: rgba(178, 177, 183, .1);
    float: right
}

.list-group-item a {
    color: #282f53
}

.media-body {
    zoom: 1;
    width: auto;
    flex: 1
}

#statistics svg,
.apexcharts-canvas,
.rtl .chartjs-size-monitor-shrink {
    width: 100% !important
}

.login-page .demo-icon {
    position: absolute;
    left: auto;
    right: 60px;
    top: 60px;
    z-index: 1
}

.login-page .demo-icon svg {
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .1);
    border-radius: 50px;
    padding: 0
}

.user-details li {
    display: flex;
    align-items: center;
    word-wrap: break-word !important;
    word-break: break-word !important
}

.alert p,
.app-notification__message,
.app-notification__meta,
.example-column>.card:last-of-type,
.feature p,
.tab_wrapper .content_wrapper .tab_content.active p:last-child,
.tabs-menu-body p:last-child,
.user-details li span {
    margin-bottom: 0
}

.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top
}

.mail-box .sm-side {
    background: #e5e8ef;
    border-radius: 4px 0 0 4px;
    width: 25%
}

.mail-box .lg-side {
    background: #fff;
    border-radius: 0 4px 4px 0;
    width: 75%
}

.mail-box .sm-side .user-head {
    background: #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px
}

.user-head .inbox-avatar {
    float: left;
    width: 65px
}

.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px
}

.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px
}

.user-head .user-name span a {
    color: #87e2e7;
    font-size: 12px
}

a.mail-dropdown {
    background: #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px
}

.inbox-head h3,
ul.inbox-nav {
    display: inline-block;
    margin: 0
}

.btn-compose {
    background: #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.btn-compose:hover {
    background: #f5675c;
    color: #fff
}

ul.inbox-nav {
    padding: 0;
    width: 100%
}

.inbox-divider {
    border-bottom: 1px solid #d5d8df
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%
}

ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%
}

ul.inbox-nav li a:focus,
ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.labels-info li a:focus,
ul.labels-info li a:hover {
    background: #d5d7de;
    color: #6a6a6a
}

ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px
}

ul.inbox-nav li a span.label {
    margin-top: 13px
}

ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase
}

ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a
}

.app-notification__icon,
ul.labels-info li a i {
    padding-right: 10px
}

.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px
}

.inbox-head {
    border-radius: 3px;
    padding: 10px
}

.inbox-head .sr-input {
    border: none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 30px;
    padding: 0 10px
}

.inbox-head .sr-btn {
    background: #38a01e;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 30px;
    padding: 0 20px
}

.table-inbox {
    border: 1px solid #e6ebf1;
    margin-bottom: 0
}

.table-inbox tr td {
    padding: 12px !important;
    vertical-align: middle
}

.table-inbox tr td .fa-star {
    color: #e4e4ed;
    font-size: 16px
}

.table-inbox tr td .fa-star.inbox-lefted,
.table-inbox tr td .fa-star:hover {
    color: #e6e9f1
}

.table-inbox tr td .fa-bookmark {
    color: #e4e4ed
}

.email-icon,
.table-inbox tr td.view-message i {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px !important;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 1px solid #e6ebf1;
    vertical-align: middle;
    color: #5c678f
}

.browser,
.flag,
.payment {
    vertical-align: bottom;
    font-style: normal
}

.table-inbox tr.unread td {
    background: #f0f0f2;
    font-weight: 600;
    border-bottom: 1px solid #e6ebf1
}

.attachment-mail .file-name,
.jvectormap-legright-cnt-h .jvectormap-legright .jvectormap-legright-tick,
.rtl .badgetext,
.rtl .btn-close,
.rtl .footer .social ul li,
.rtl .lg-toolbar .lg-icon,
.rtl .notifyimg,
.rtl .product-label,
.rtl .sub-angle,
.rtl .tab_wrapper .content_wrapper .accordian_header .arrow,
ul.inbox-pagination li {
    float: left
}

.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%
}

.mail-option .btn-group a.btn,
.mail-option .chk-all {
    border: 1px solid #e6ebf1;
    border-radius: 3px !important;
    display: inline-block;
    padding: 5px 10px
}

.mail-chats,
ul.mail-chats li.chat-persons a div.user {
    display: flex !important
}

.inbox-pagination a.np-btn {
    border: 1px solid #e6ebf1;
    border-radius: 3px !important;
    display: inline-block;
    padding: 5px 15px;
    margin-left: 5px
}

.mail-option .btn-group a.all {
    border: none;
    padding: 0
}

.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none
}

.btn-sright {
    background: #00a8b3;
    color: #fff
}

.btn-sright:hover {
    background: #009da7;
    color: #fff
}

.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px
}

.srighter-info {
    margin-bottom: 20px
}

.srighter-info img {
    height: 30px;
    width: 30px
}

.srighter-dropdown {
    background: #e6ebf1;
    color: #777;
    font-size: 10px;
    padding: 0 3px
}

.view-mail a {
    color: #ff6c60
}

.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%
}

.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px
}

.attachment-mail .links {
    display: inline-block;
    width: 100%
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    position: relative
}

.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0) scale(4)
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px
}

.mail-chats {
    height: 100%;
    min-height: 0;
    border-top: 1px solid rgba(128, 128, 128, .16);
    margin-top: 10px;
    padding: 10px 50px 10px 0;
    width: 100%;
    flex-direction: column !important
}

.browser,
.fe,
.flag,
.payment {
    display: inline-block
}

.mail-chats li.chat-persons {
    padding: 10px;
    display: block
}

li.chat-persons a {
    text-decoration: none
}

.mail-chats li.chat-persons a span.pro-pic {
    display: inline-block;
    padding: 0;
    width: 20%;
    max-width: 40px;
    float: left;
    margin-right: 20px
}

.mail-chats li.chat-persons a span.pro-pic img {
    max-width: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    flex-direction: column !important
}

.mail-chats li.chat-persons a div.user {
    flex-direction: column !important
}

.mail-chats li.chat-persons.user {
    width: 80%;
    padding: 5px 10px 0 15px;
    flex-direction: column !important;
    display: flex !important
}

.user p.u-name {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #1f2127
}

.user p.u-designation {
    margin: 0;
    font-size: 11px;
    color: #6b6f80
}

div.online-status .status.online {
    background: rgba(0, 128, 0, .68)
}

.online-status .status {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-left;
    transform: translateX(-60px) translateY(2px)
}

.online-status .status.offline {
    background: rgba(255, 0, 0, .7)
}

.card .list-group.mail-inbox-elements {
    border-bottom: 1px solid #e6ebf1 !important
}

@font-face {
    font-family: feather
}

.fe {
    font-family: feather !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-top: 2px
}

.spinner3,
.spinner4 {
    margin: 100px auto;
    text-align: center
}

.fe-activity:before {
    content: "\e900"
}

.fe-airplay:before {
    content: "\e901"
}

.fe-alert-circle:before {
    content: "\e902"
}

.fe-alert-octagon:before {
    content: "\e903"
}

.fe-alert-triangle:before {
    content: "\e904"
}

.fe-align-center:before {
    content: "\e905"
}

.fe-align-justify:before {
    content: "\e906"
}

.fe-align-left:before {
    content: "\e907"
}

.fe-align-right:before {
    content: "\e908"
}

.fe-anchor:before {
    content: "\e909"
}

.fe-aperture:before {
    content: "\e90a"
}

.fe-arrow-down:before {
    content: "\e90b"
}

.fe-arrow-down-circle:before {
    content: "\e90c"
}

.fe-arrow-down-left:before {
    content: "\e90d"
}

.fe-arrow-down-right:before {
    content: "\e90e"
}

.fe-arrow-left:before {
    content: "\e90f"
}

.fe-arrow-left-circle:before {
    content: "\e910"
}

.fe-arrow-right:before {
    content: "\e911"
}

.fe-arrow-right-circle:before {
    content: "\e912"
}

.fe-arrow-up:before {
    content: "\e913"
}

.fe-arrow-up-circle:before {
    content: "\e914"
}

.fe-arrow-up-left:before {
    content: "\e915"
}

.fe-arrow-up-right:before {
    content: "\e916"
}

.fe-at-sign:before {
    content: "\e917"
}

.fe-award:before {
    content: "\e918"
}

.fe-bar-chart:before {
    content: "\e919"
}

.fe-bar-chart-2:before {
    content: "\e91a"
}

.fe-battery:before {
    content: "\e91b"
}

.fe-battery-charging:before {
    content: "\e91c"
}

.fe-bell:before {
    content: "\e91d"
}

.fe-bell-off:before {
    content: "\e91e"
}

.fe-bluetooth:before {
    content: "\e91f"
}

.fe-bold:before {
    content: "\e920"
}

.fe-book:before {
    content: "\e921"
}

.fe-book-open:before {
    content: "\e922"
}

.fe-bookmark:before {
    content: "\e923"
}

.fe-box:before {
    content: "\e924"
}

.fe-briefcase:before {
    content: "\e925"
}

.fe-calender:before {
    content: "\e926"
}

.fe-camera:before {
    content: "\e927"
}

.fe-camera-off:before {
    content: "\e928"
}

.fe-cast:before {
    content: "\e929"
}

.fe-check:before {
    content: "\e92a"
}

.fe-check-circle:before {
    content: "\e92b"
}

.fe-check-square:before {
    content: "\e92c"
}

.fe-chevron-down:before {
    content: "\e92d"
}

.fe-chevron-left:before {
    content: "\e92e"
}

.fe-chevron-right:before {
    content: "\e92f"
}

.fe-chevron-up:before {
    content: "\e930"
}

.fe-chevrons-down:before {
    content: "\e931"
}

.fe-chevrons-left:before {
    content: "\e932"
}

.fe-chevrons-right:before {
    content: "\e933"
}

.fe-chevrons-up:before {
    content: "\e934"
}

.fe-chrome:before {
    content: "\e935"
}

.fe-circle:before {
    content: "\e936"
}

.fe-clipboard:before {
    content: "\e937"
}

.fe-clock:before {
    content: "\e938"
}

.fe-cloud:before {
    content: "\e939"
}

.fe-cloud-drizzle:before {
    content: "\e93a"
}

.fe-cloud-lightning:before {
    content: "\e93b"
}

.fe-cloud-off:before {
    content: "\e93c"
}

.fe-cloud-rain:before {
    content: "\e93d"
}

.fe-cloud-snow:before {
    content: "\e93e"
}

.fe-code:before {
    content: "\e93f"
}

.fe-codepen:before {
    content: "\e940"
}

.fe-command:before {
    content: "\e941"
}

.fe-compass:before {
    content: "\e942"
}

.fe-copy:before {
    content: "\e943"
}

.fe-corner-down-left:before {
    content: "\e944"
}

.fe-corner-down-right:before {
    content: "\e945"
}

.fe-corner-left-down:before {
    content: "\e946"
}

.fe-corner-left-up:before {
    content: "\e947"
}

.fe-corner-right-down:before {
    content: "\e948"
}

.fe-corner-right-up:before {
    content: "\e949"
}

.fe-corner-up-left:before {
    content: "\e94a"
}

.fe-corner-up-right:before {
    content: "\e94b"
}

.fe-cpu:before {
    content: "\e94c"
}

.fe-credit-card:before {
    content: "\e94d"
}

.fe-crop:before {
    content: "\e94e"
}

.fe-crosshair:before {
    content: "\e94f"
}

.fe-database:before {
    content: "\e950"
}

.fe-delete:before {
    content: "\e951"
}

.fe-disc:before {
    content: "\e952"
}

.fe-dollar-sign:before {
    content: "\e953"
}

.fe-download:before {
    content: "\e954"
}

.fe-download-cloud:before {
    content: "\e955"
}

.fe-droplet:before {
    content: "\e956"
}

.fe-edit:before {
    content: "\e957"
}

.fe-edit-2:before {
    content: "\e958"
}

.fe-edit-3:before {
    content: "\e959"
}

.fe-external-link:before {
    content: "\e95a"
}

.fe-eye:before {
    content: "\e95b"
}

.fe-eye-off:before {
    content: "\e95c"
}

.fe-facebook:before {
    content: "\e95d"
}

.fe-fast-forward:before {
    content: "\e95e"
}

.fe-feather:before {
    content: "\e95f"
}

.fe-file:before {
    content: "\e960"
}

.fe-file-minus:before {
    content: "\e961"
}

.fe-file-plus:before {
    content: "\e962"
}

.fe-file-text:before {
    content: "\e963"
}

.fe-film:before {
    content: "\e964"
}

.fe-filter:before {
    content: "\e965"
}

.fe-flag:before {
    content: "\e966"
}

.fe-folder:before {
    content: "\e967"
}

.fe-folder-minus:before {
    content: "\e968"
}

.fe-folder-plus:before {
    content: "\e969"
}

.fe-git-branch:before {
    content: "\e96a"
}

.fe-git-commit:before {
    content: "\e96b"
}

.fe-git-merge:before {
    content: "\e96c"
}

.fe-git-pull-request:before {
    content: "\e96d"
}

.fe-github:before {
    content: "\e96e"
}

.fe-gitlab:before {
    content: "\e96f"
}

.fe-globe:before {
    content: "\e970"
}

.fe-grid:before {
    content: "\e971"
}

.fe-hard-drive:before {
    content: "\e972"
}

.fe-hash:before {
    content: "\e973"
}

.fe-headphones:before {
    content: "\e974"
}

.fe-heart:before {
    content: "\e975"
}

.fe-help-circle:before {
    content: "\e976"
}

.fe-home:before {
    content: "\e977"
}

.fe-image:before {
    content: "\e978"
}

.fe-inbox:before {
    content: "\e979"
}

.fe-info:before {
    content: "\e97a"
}

.fe-instagram:before {
    content: "\e97b"
}

.fe-italic:before {
    content: "\e97c"
}

.fe-layers:before {
    content: "\e97d"
}

.fe-layout:before {
    content: "\e97e"
}

.fe-life-buoy:before {
    content: "\e97f"
}

.fe-link:before {
    content: "\e980"
}

.fe-link-2:before {
    content: "\e981"
}

.fe-linkedin:before {
    content: "\e982"
}

.fe-list:before {
    content: "\e983"
}

.fe-loader:before {
    content: "\e984"
}

.fe-lock:before {
    content: "\e985"
}

.fe-log-in:before {
    content: "\e986"
}

.fe-log-out:before {
    content: "\e987"
}

.fe-mail:before {
    content: "\e988"
}

.fe-map:before {
    content: "\e989"
}

.fe-map-pin:before {
    content: "\e98a"
}

.fe-maximize:before {
    content: "\e98b"
}

.fe-maximize-2:before {
    content: "\e98c"
}

.fe-menu:before {
    content: "\e98d"
}

.fe-message-circle:before {
    content: "\e98e"
}

.fe-message-square:before {
    content: "\e98f"
}

.fe-mic:before {
    content: "\e990"
}

.fe-mic-off:before {
    content: "\e991"
}

.fe-minimize:before {
    content: "\e992"
}

.fe-minimize-2:before {
    content: "\e993"
}

.fe-minus:before {
    content: "\e994"
}

.fe-minus-circle:before {
    content: "\e995"
}

.fe-minus-square:before {
    content: "\e996"
}

.fe-monitor:before {
    content: "\e997"
}

.fe-moon:before {
    content: "\e998"
}

.fe-more-horizontal:before {
    content: "\e999"
}

.fe-more-vertical:before {
    content: "\e99a"
}

.fe-move:before {
    content: "\e99b"
}

.fe-music:before {
    content: "\e99c"
}

.fe-navigation:before {
    content: "\e99d"
}

.fe-navigation-2:before {
    content: "\e99e"
}

.fe-octagon:before {
    content: "\e99f"
}

.fe-package:before {
    content: "\e9a0"
}

.fe-paperclip:before {
    content: "\e9a1"
}

.fe-pause:before {
    content: "\e9a2"
}

.fe-pause-circle:before {
    content: "\e9a3"
}

.fe-percent:before {
    content: "\e9a4"
}

.fe-phone:before {
    content: "\e9a5"
}

.fe-phone-call:before {
    content: "\e9a6"
}

.fe-phone-forwarded:before {
    content: "\e9a7"
}

.fe-phone-incoming:before {
    content: "\e9a8"
}

.fe-phone-missed:before {
    content: "\e9a9"
}

.fe-phone-off:before {
    content: "\e9aa"
}

.fe-phone-outgoing:before {
    content: "\e9ab"
}

.fe-pie-chart:before {
    content: "\e9ac"
}

.fe-play:before {
    content: "\e9ad"
}

.fe-play-circle:before {
    content: "\e9ae"
}

.fe-plus:before {
    content: "\e9af"
}

.fe-plus-circle:before {
    content: "\e9b0"
}

.fe-plus-square:before {
    content: "\e9b1"
}

.fe-pocket:before {
    content: "\e9b2"
}

.fe-power:before {
    content: "\e9b3"
}

.fe-printer:before {
    content: "\e9b4"
}

.fe-radio:before {
    content: "\e9b5"
}

.fe-refresh-ccw:before {
    content: "\e9b6"
}

.fe-refresh-cw:before {
    content: "\e9b7"
}

.fe-repeat:before {
    content: "\e9b8"
}

.fe-rewind:before {
    content: "\e9b9"
}

.fe-rotate-ccw:before {
    content: "\e9ba"
}

.fe-rotate-cw:before {
    content: "\e9bb"
}

.fe-rss:before {
    content: "\e9bc"
}

.fe-save:before {
    content: "\e9bd"
}

.fe-scissors:before {
    content: "\e9be"
}

.fe-search:before {
    content: "\e9bf"
}

.fe-sright:before {
    content: "\e9c0"
}

.fe-server:before {
    content: "\e9c1"
}

.fe-settings:before {
    content: "\e9c2"
}

.fe-share:before {
    content: "\e9c3"
}

.fe-share-2:before {
    content: "\e9c4"
}

.fe-shield:before {
    content: "\e9c5"
}

.fe-shield-off:before {
    content: "\e9c6"
}

.fe-shopping-bag:before {
    content: "\e9c7"
}

.fe-shopping-cart:before {
    content: "\e9c8"
}

.fe-shuffle:before {
    content: "\e9c9"
}

.fe-sidebar:before {
    content: "\e9ca"
}

.fe-skip-back:before {
    content: "\e9cb"
}

.fe-skip-forward:before {
    content: "\e9cc"
}

.fe-slack:before {
    content: "\e9cd"
}

.fe-slash:before {
    content: "\e9ce"
}

.fe-sliders:before {
    content: "\e9cf"
}

.fe-smartphone:before {
    content: "\e9d0"
}

.fe-speaker:before {
    content: "\e9d1"
}

.fe-square:before {
    content: "\e9d2"
}

.fe-star:before {
    content: "\e9d3"
}

.fe-stop-circle:before {
    content: "\e9d4"
}

.fe-sun:before {
    content: "\e9d5"
}

.fe-sunrise:before {
    content: "\e9d6"
}

.fe-sunset:before {
    content: "\e9d7"
}

.fe-tablet:before {
    content: "\e9d8"
}

.fe-tag:before {
    content: "\e9d9"
}

.fe-target:before {
    content: "\e9da"
}

.fe-terminal:before {
    content: "\e9db"
}

.fe-thermometer:before {
    content: "\e9dc"
}

.fe-thumbs-down:before {
    content: "\e9dd"
}

.fe-thumbs-up:before {
    content: "\e9de"
}

.fe-toggle-left:before {
    content: "\e9df"
}

.fe-toggle-right:before {
    content: "\e9e0"
}

.fe-trash:before {
    content: "\e9e1"
}

.fe-trash-2:before {
    content: "\e9e2"
}

.fe-trrighting-down:before {
    content: "\e9e3"
}

.fe-trrighting-up:before {
    content: "\e9e4"
}

.fe-triangle:before {
    content: "\e9e5"
}

.fe-truck:before {
    content: "\e9e6"
}

.fe-tv:before {
    content: "\e9e7"
}

.fe-twitter:before {
    content: "\e9e8"
}

.fe-type:before {
    content: "\e9e9"
}

.fe-umbrella:before {
    content: "\e9ea"
}

.fe-underline:before {
    content: "\e9eb"
}

.fe-unlock:before {
    content: "\e9ec"
}

.fe-upload:before {
    content: "\e9ed"
}

.fe-upload-cloud:before {
    content: "\e9ee"
}

.fe-user:before {
    content: "\e9ef"
}

.fe-user-check:before {
    content: "\e9f0"
}

.fe-user-minus:before {
    content: "\e9f1"
}

.fe-user-plus:before {
    content: "\e9f2"
}

.fe-user-x:before {
    content: "\e9f3"
}

.fe-users:before {
    content: "\e9f4"
}

.fe-video:before {
    content: "\e9f5"
}

.fe-video-off:before {
    content: "\e9f6"
}

.fe-voicemail:before {
    content: "\e9f7"
}

.fe-volume:before {
    content: "\e9f8"
}

.fe-volume-1:before {
    content: "\e9f9"
}

.fe-volume-2:before {
    content: "\e9fa"
}

.fe-volume-x:before {
    content: "\e9fb"
}

.fe-watch:before {
    content: "\e9fc"
}

.fe-wifi:before {
    content: "\e9fd"
}

.fe-wifi-off:before {
    content: "\e9fe"
}

.fe-wind:before {
    content: "\e9ff"
}

.fe-x:before {
    content: "\ea00"
}

.fe-x-circle:before {
    content: "\ea01"
}

.fe-x-square:before {
    content: "\ea02"
}

.fe-zap:before {
    content: "\ea03"
}

.fe-zap-off:before {
    content: "\ea04"
}

.fe-zoom-in:before {
    content: "\ea05"
}

.fe-zoom-out:before {
    content: "\ea06"
}

.browser {
    width: 1.25rem;
    height: 1.25rem;
    background: center/100% 100% no-repeat
}



.payment {
    width: 1.5rem;
    height: 1.5rem;
    background: center/100% 100% no-repeat;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
}

svg {
    -ms-touch-action: none;
    touch-action: none
}

.dimmer .loader {
    display: none;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dimmer.active .dimmer-content {
    opacity: .04;
    pointer-events: none
}

.spinner3 {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-animation: 2s linear infinite sk-rotate;
    animation: 2s linear infinite sk-rotate
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    border-radius: 100%;
    display: inline-block
}

.dot1,
.dot2,
.sk-circle .sk-child {
    position: absolute
}

.dot1 {
    top: 0;
    -webkit-animation: 2s ease-in-out infinite sk-bounce;
    animation: 2s ease-in-out infinite sk-bounce
}

.dot2 {
    -webkit-animation: 2s ease-in-out -1s infinite sk-bounce;
    animation: 2s ease-in-out -1s infinite sk-bounce;
    top: auto;
    bottom: 0
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

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

.spinner4 {
    width: 70px
}

.sk-circle,
.sk-cube-grid,
.sk-folding-cube,
.spinner2 {
    width: 40px;
    height: 40px;
    margin: 100px auto
}

.spinner4>div {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
    animation: 1.4s ease-in-out infinite both sk-bouncedelay
}

.spinner4 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner4 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-circle,
.spinner2 {
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    border-radius: 100%;
    -webkit-animation: 1.2s ease-in-out infinite both sk-circleBounceDelay;
    animation: 1.2s ease-in-out infinite both sk-circleBounceDelay
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4,
.slide.is-expanded .angle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before,
.spinner5 .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before,
.spinner5 .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before,
.spinner5 .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before,
.spinner5 .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    float: left;
    -webkit-animation: 1.3s ease-in-out infinite sk-cubeGridScaleDelay;
    animation: 1.3s ease-in-out infinite sk-cubeGridScaleDelay
}

.sk-cube-grid .sk-cube1,
.sk-cube-grid .sk-cube5,
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2,
.sk-cube-grid .sk-cube6,
.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4,
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-folding-cube {
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

#back-to-top,
.spinner5 {
    width: 50px;
    text-align: center
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: 2.4s linear infinite both sk-foldCubeAngle;
    animation: 2.4s linear infinite both sk-foldCubeAngle;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    100%,
    90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    100%,
    90% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.spinner5 {
    margin: 100px auto;
    height: 40px;
    font-size: 10px
}

.spinner5>div {
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: 1.2s ease-in-out infinite sk-stretchdelay;
    animation: 1.2s ease-in-out infinite sk-stretchdelay
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.spinner {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
    animation: 1.2s ease-in-out infinite sk-rotateplane
}

.spinner-lg {
    width: 100px;
    height: 100px;
    margin: 100px auto;
    -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
    animation: 1.2s ease-in-out infinite sk-rotateplane
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.spinner1 {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto
}

.spinner1-lg {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 100px auto
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .6
}

.double-bounce1 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: 2s ease-in-out infinite sk-bounce;
    animation: 2s ease-in-out infinite sk-bounce
}

.double-bounce2 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: 2s ease-in-out -1s infinite sk-bounce;
    animation: 2s ease-in-out -1s infinite sk-bounce
}

.cube1,
.cube2 {
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    position: absolute
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.cube1 {
    -webkit-animation: 1.8s ease-in-out infinite sk-cubemove;
    animation: 1.8s ease-in-out infinite sk-cubemove
}

.cube2 {
    -webkit-animation: 1.8s ease-in-out -.9s infinite sk-cubemove;
    animation: 1.8s ease-in-out -.9s infinite sk-cubemove
}

.lds-heart,
.lds-ring {
    position: relative;
    width: 64px;
    height: 64px
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }

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

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }

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

.lds-heart {
    transform: rotate(45deg);
    transform-origin: 32px 32px;
    margin: 100px auto
}

.lds-heart div {
    top: 23px;
    left: 19px;
    position: absolute;
    width: 26px;
    height: 26px;
    animation: 1.2s cubic-bezier(.215, .61, .355, 1) infinite lds-heart
}

.input-with-icon i,
.input-with-icon svg {
    left: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    left: -17px;
    border-radius: 50% 0 0 50%
}

.lds-heart div:after {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top: -17px;
    border-radius: 50% 50% 0 0
}

@keyframes lds-heart {

    0%,
    60% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    100% {
        transform: scale(.9)
    }
}

.lds-ring {
    margin: 100px auto
}

.lds-hourglass,
.loader7 {
    height: 40px;
    margin: 100px auto;
    position: relative
}

.lds-ring div {
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring
}

.lds-ring div:first-child {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

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

.lds-hourglass {
    width: 40px
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    animation: 1.2s infinite lds-hourglass
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    100% {
        transform: rotate(1800deg)
    }
}

.loader7 {
    width: 100px
}

.circles {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--cor-principal);
    border-radius: 50%;
    animation: 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite loading;
    transform-origin: bottom center;
    position: relative
}

@keyframes loading {
    0% {
        transform: translateY(0);
        background-color: var(--cor-principal)
    }

    50% {
        transform: translateY(50px);
        background-color: #7C00DD;
        /* Cor roxa base */
    }

    100% {
        transform: translateY(0);
        background-color: #5B00A8;
        /* Um tom mais escuro de roxo */
    }
}

.circle-1 {
    animation-delay: .1s;
    background-color: #B86BFF;
    /* Tom mais claro de roxo */
}

.circle-2 {
    animation-delay: .2s;
    background-color: #9C42FF;
    /* Tom intermediário mais claro */
}

.circle-3 {
    animation-delay: .3s;
    background-color: #8600FF;
    /* Tom intermediário */
}

.circle-4 {
    animation-delay: .4s;
    background-color: #6900D1;
    /* Tom intermediário mais escuro */
}

.circle-5 {
    animation-delay: .5s;
    background-color: #4F009A;
    /* Tom mais escuro de roxo */
}

.loader8 {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 100px auto
}

.circle1,
.circle1:before {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.circle1 {
    margin: 7px;
    display: flex;
    justify-content: center;
    align-items: center
}

.circle1:before {
    content: "";
    opacity: .7;
    animation: 2s cubic-bezier(0, 0, .49, 1.02) infinite scale
}

.circle-1:before {
    background-color: #4F009A;
    /* Tom mais escuro de roxo */
    animation-delay: .2s;
}

.circle-2:before {
    background-color: #6900D1;
    /* Tom intermediário mais escuro */
    animation-delay: .4s;
}

.circle-3:before {
    background-color: #8600FF;
    /* Tom intermediário */
    animation-delay: .6s;
}

.circle-4:before {
    background-color: #9C42FF;
    /* Tom intermediário mais claro */
    animation-delay: .8s;
}

.circle-5:before {
    background-color: #B86BFF;
    /* Tom mais claro de roxo */
    animation-delay: 1s;
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(2.5)
    }

    100%,
    78% {
        opacity: 0
    }
}

.table {
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
    width: 100%;
    margin-bottom: 0
}

.text-wrap table {
    width: 100%;
    margin-bottom: 1rem
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border: none
}

.text-wrap table td,
.text-wrap table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e6ebf1
}

.custom-select:focus,
.table td:focus,
.table td:hover {
    outline: 0;
    box-shadow: none
}

.border {
    vertical-align: top;
    border: 1px solid #e6ebf1
}

.table thead th,
.text-wrap table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #e6ebf1;
    border-top: 0;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.tabs-menu ul li a,
.tabs-menu1 ul li a {
    padding: 10px 20px 11px;
    font-weight: 500
}

.table tbody+tbody,
.text-wrap table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table,
.table .text-wrap table,
.text-wrap .table table,
.text-wrap table .table,
.text-wrap table table {
    background-color: #f0f0f270
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered thead td,
.table-bordered thead th,
.text-wrap table thead td,
.text-wrap table thead th {
    border-bottom-width: 1px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th,
.table-dark.table-bordered,
.table-responsive>.table-bordered,
.text-wrap .table-responsive>table,
.text-wrap table.table-dark {
    border: 0
}

.table-hover tbody tr:hover,
.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(240, 240, 242, .5)
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #38cb89
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #c5e7a4
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #cbe7fb
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #b3dcf9
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fbeebc
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fae8a4
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #ef4b4b
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ecacab
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .04)
}

.table .thead-dark th,
.text-wrap table .thead-dark th {
    color: #f0f0f2;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th,
.text-wrap table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #f0f0f2;
    background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md>.table-bordered,
    .text-wrap .table-responsive-md>table {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 300px
}

.table th,
.text-wrap table th {
    color: #384b6e;
    text-transform: capitalize;
    font-size: .81rem;
    font-weight: 400
}

.table-md td,
.table-md th {
    padding: .5rem
}

.table-vcenter td,
.table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid #e6ebf1;
    border-bottom: none
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick-text,
.table-center td,
.table-center th {
    text-align: center
}

.table-calender {
    margin: 0 0 .75rem
}

.form-fieldset,
blockquote p {
    margin-bottom: 1rem
}

.table-calender td,
.table-calender th {
    border: 0;
    text-align: center;
    padding: 0 !important;
    width: 14.28571429%;
    line-height: 2.5rem
}

.table-calender td {
    border-top: 0
}

.table-calender-link {
    line-height: 2rem;
    min-width: calc(2rem + 2px);
    display: inline-block;
    border-radius: 3px;
    background: #f8f9fa;
    color: #495057;
    font-weight: 600;
    transition: background .3s, color .3s;
    position: relative
}

.table-calender-link:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: .25rem;
    top: .25rem;
    border-radius: 50px;
    background: #467fcf
}

.table-calender-link:hover {
    color: #fff;
    text-decoration: none;
    background: #467fcf;
    transition: background .3s
}

.table-header {
    cursor: pointer;
    transition: color .3s
}

.table-header-asc,
.table-header-desc,
.table-header:hover {
    color: #495057 !important
}

.table-header:after {
    content: "\f0dc";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: .5rem;
    font-size: .75rem
}

.table-header-asc:after {
    content: "\f0de"
}

.table-header-desc:after {
    content: "\f0dd"
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #e6ebf1
}

.table>:not(caption)>*>* {
    padding: .75rem;
    background-color: 1px;
    box-shadow: none
}

.table-bordered>:not(caption)>* {
    border-width: 0
}

table {
    border-collapse: collapse !important
}

.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-weight: 500;
    -webkit-transition: .3s
}

.table,
.table-responsive {
    overflow-y: visible !important
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border-radius: 3px;
    background: #212529;
    color: #fff;
    padding: 6px;
    font-size: 11px;
    line-height: 1;
    font-weight: 700
}

.jvectormap-tip small {
    font-size: inherit;
    font-weight: 400
}

.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick,
.mediaicon {
    width: 40px
}

.jvectormap-zoomin {
    top: 10px
}

.jvectormap-zoomout {
    top: 30px
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) center no-repeat
}

.jvectormap-legright-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.jvectormap-legright-cnt-h {
    bottom: 0;
    right: 0
}

.jvectormap-legright-cnt-v {
    top: 0;
    right: 0
}

.jvectormap-legright {
    background: #000;
    color: #fff;
    border-radius: 3px
}

.jvectormap-legright-cnt-h .jvectormap-legright {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px
}

.jvectormap-legright-cnt-v .jvectormap-legright {
    margin: 10px 10px 0 0;
    padding: 3px
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick-sample {
    height: 15px
}

.jvectormap-legright-cnt-v .jvectormap-legright-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.jvectormap-legright-cnt-v .jvectormap-legright-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px
}

.widgets {
    font-size: 35px;
    padding: 20px
}

.widgetstext {
    top: 0;
    bottom: 0;
    padding: 20px 40px
}

.widget-line h4 {
    font-size: 24px;
    font-weight: 600
}

.fs {
    font-size: 25px
}

.widget-line-list li {
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    padding: 5px 20px 0 15px
}

.media {
    display: flex;
    align-items: flex-left
}

.mediaicon {
    font-size: 18px;
    color: #fff;
    height: 40px;
    text-align: center;
    padding: 5px 0;
    border-radius: 20px
}

.media-body {
    flex: 1
}

.defaultheader .form-control.header-search::placeholder,
.defaultheader .input-icon-addon {
    color: #fff !important
}

.input-icon .form-control:not(:first-child),
.input-icon .form-control:not(:last-child) {
    padding-left: 2.5rem
}

.input-icon-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 2.5rem;
    pointer-events: none
}

.form-help,
.social-links li a,
.sparkline,
.status-icon {
    display: inline-block
}

.dropdown-menu.dropdown-menu-end,
.input-icon-addon:last-child {
    left: auto
}

.form-fieldset {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 1rem;
    border-radius: 3px
}

.form-required {
    color: #dc0441
}

.form-required:before {
    content: " "
}

.state-valid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") center right .5rem/1rem no-repeat
}

.state-invalid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") center right .5rem/1rem no-repeat
}

.form-help {
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: var(--primary-bg-color);
    background: #f6f6fa;
    border-radius: 50%;
    font-size: .75rem;
    transition: background-color .3s, color .3s;
    cursor: pointer;
    user-select: none;
    margin: 10px
}

.custom-control,
.custom-control-label::before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.sparkline {
    height: 2rem
}

.social-links li a {
    background: #f8f8f8;
    border-radius: 50%;
    color: #9aa0ac;
    height: 1.75rem;
    width: 1.75rem;
    line-height: 1.75rem;
    text-align: center
}

.vmap-width {
    height: 300px;
    width: 100%
}

.chart,
.map {
    position: relative;
    padding-top: 56.25%
}

.chart-square,
.map-square {
    padding-top: 100%
}

.chart-content,
.map-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.map-header {
    height: 15rem;
    position: relative;
    margin-bottom: -1.5rem
}

.map-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10rem;
    background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f0f0f2 95%);
    pointer-events: none
}

.map-header-layer {
    height: 100%
}

.map-static {
    height: 120px;
    width: 100%;
    max-width: 640px;
    background-position: center center;
    background-size: 640px 120px
}

@-webkit-keyframes status-pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .32
    }
}

@keyframes status-pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .32
    }
}

.status-icon {
    content: "";
    width: .5rem;
    height: .5rem;
    background: currentColor;
    border-radius: 50%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-right: .375rem;
    vertical-align: middle
}

.status-animated {
    -webkit-animation: 1s infinite status-pulse;
    animation: 1s infinite status-pulse
}

.chart-circle {
    display: block;
    height: 8rem;
    width: 8rem;
    position: relative;
    margin: 0 auto
}

.chart-circle canvas {
    margin: 0 auto;
    display: block;
    max-height: 100%
}

.chart-circle-xs {
    height: 2.5rem;
    width: 2.5rem;
    font-size: .8rem
}

.chart-circle-sm {
    height: 4rem;
    width: 4rem;
    font-size: .8rem
}

.chart-circle-md {
    height: 6rem;
    width: 6rem;
    font-size: .8rem
}

.chart-circle-lg {
    height: 10rem;
    width: 10rem;
    font-size: .8rem
}

.chart-circle-value {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1
}

.chip,
.stamp {
    display: inline-block;
    height: 2rem;
    line-height: 2rem
}

.chart-circle-value small {
    display: block;
    color: #9aa0ac;
    font-size: .9375rem
}

.chips,
.rtl .avatar-list {
    margin: 0 0 -.5rem
}

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

.chips .chip {
    margin: 0 .5rem .5rem 0
}

.chip {
    font-size: .875rem;
    font-weight: 500;
    color: #6e7687;
    padding: 0 .75rem;
    border-radius: 1rem;
    background-color: #e8ebf9;
    transition: background .3s
}

.features h2,
.features h3,
.stamp,
b,
strong {
    font-weight: 600
}

.chip .avatar {
    float: left;
    margin: 0 .5rem 0 -.75rem;
    height: 2rem;
    width: 2rem;
    border-radius: 50%
}

a.chip:hover {
    color: #fff;
    text-decoration: none
}

.emp-tab table {
    margin-bottom: 0;
    border: 0
}

.chat-message p,
blockquote,
ol,
p,
ul {
    margin-bottom: 1em
}

.chat-message,
.stamp {
    color: #fff;
    border-radius: 3px
}

.stamp {
    background: #868e96;
    min-width: 2rem;
    padding: 0 .25rem;
    text-align: center
}

.stamp-md {
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.stamp-lg {
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem
}

.chat {
    outline: 0;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: right;
    justify-content: flex-right;
    min-height: 100%
}

.chat-line {
    padding: 0;
    text-align: right;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.chat-line+.chat-line {
    padding-top: 1rem
}

.chat-message {
    position: relative;
    display: inline-block;
    background-color: #467fcf;
    font-size: .875rem;
    padding: .375rem .5rem;
    white-space: normal;
    text-align: left;
    margin: 0 .5rem 0 2.5rem;
    line-height: 1.4
}

.example,
pre {
    padding: 1.5rem
}

.chat-message>:last-child {
    margin-bottom: 0 !important
}

.chat-message:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #467fcf;
    border-top: 6px solid transparent
}

.custom-control-label::after,
.custom-control-label::before {
    top: .25rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    display: block
}

.chat-line-friright {
    -ms-flex-direction: row;
    flex-direction: row
}

.chat-line-friright+.chat-line-friright {
    margin-top: -.5rem
}

.chat-line-friright .chat-message {
    background-color: #f3f3f3;
    color: #495057;
    margin-left: .5rem;
    margin-right: 2.5rem
}

.chat-line-friright .chat-message:after {
    right: auto;
    left: -5px;
    border-start-width: 0;
    border-right: 5px solid #f3f3f3
}

.example {
    border-radius: 3px 3px 0 0;
    font-size: .9375rem
}

.example+.highlight {
    border-top: none;
    margin-top: 0;
    border-radius: 0 0 3px 3px
}

.highlight {
    margin: 0 0 2rem;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    font-size: .9375rem;
    max-height: 40rem;
    overflow: auto;
    background: #fcfcfc
}

.highlight pre {
    margin-bottom: 0;
    background-color: #e3e2e5
}

.example-column-1 {
    max-width: 20rem
}

.example-column-2 {
    max-width: 40rem
}

.timeline__item:after {
    background: #fff !important
}

.timeline--horizontal .timeline-divider {
    background: #f0f0f2 !important
}

.timeline__content {
    background-color: #fff;
    border-radius: 10px;
    display: block;
    padding: 1.25rem;
    position: relative
}

#back-to-top {
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    display: none;
    border-radius: 4px !important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 2px;
    height: 50px;
    line-height: 4;
    background-repeat: no-repeat;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    background: var(--cor-principal)
}

#back-to-top i {
    padding-top: 15px;
    font-size: 16px
}

.tabs-menu ul li a {
    display: block;
    border: 0 solid #e6ebf1;
    margin: 3px;
    border-radius: 4px
}

.tabs-menu1 ul li a {
    display: block
}

.tabs-menu-body {
    padding: 15px;
    border: 1px solid #e6ebf1;
    border-radius: 0 0 5px 5px
}

.tab-menu-heading {
    padding: 20px 0;
    border-bottom: 0;
    border-radius: 5px 5px 0 0
}

.item-card .cardbody {
    position: relative;
    padding: 30px 15px;
    border-radius: 0 0 .2rem .2rem
}

.item-card .cardtitle span {
    display: block;
    font-size: .75rem
}

.item-card .cardtitle a {
    font-weight: 400;
    text-decoration: none
}

.item-card .cardprice {
    position: absolute;
    right: 0
}

.item-card .cardprice span {
    display: block;
    font-size: 18px;
    font-weight: 500
}

.item-card .cardprice span.type--strikethrough {
    opacity: .5;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400
}

.features h2 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 2.2em
}

.features h3 {
    font-size: 20px
}

.features span {
    color: #43414e;
    display: block;
    font-weight: 400;
    text-align: center
}

.feature .feature-svg {
    width: 25%
}

.feature .feature-svg3 {
    width: 12%
}

.col-sm-2 .feature {
    padding: 0;
    border: 0;
    box-shadow: none
}

.custom-checkbox .custom-control-label::before,
.custom-select {
    border-radius: 3px
}

.feature .border {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 2em;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 50%;
    color: #fff
}

.sub-panel-heading .tabs-menu ul li {
    display: block;
    width: 100%
}

.sub-panel-heading .tabs-menu ul li a.active {
    background: #fff;
    border-radius: 0
}

.sub-panel-heading .tabs-menu ul li a {
    padding: 15px 20px
}

.invoicedetailspage,
.invoicelist {
    max-height: 600px;
    height: 600px;
    overflow: auto
}

.receipts-inline-table .tabs-menu1 ul li .active {
    background: #f8f8f9;
    border-radius: 4px 4px 0 0;
    border-bottom: 0
}

.card-custom-icon {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #e2e2e9;
    width: 40px;
    height: 40px
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    user-select: none
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: 100;
    opacity: 0
}

.custom-file,
.custom-file-input {
    position: relative;
    height: 2.375rem
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, .25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #d4e1f4
}

.custom-control-input:disabled~.custom-control-label {
    color: #868e96
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9e9eb
}

.custom-control-label {
    margin-bottom: 0;
    display: block;
    margin-top: 2px;
    line-height: 25px;
    vertical-align: middle
}

.custom-control-label::before {
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6;
    left: 0
}

.custom-control-label::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    left: 0
}

.custom-control-label-md {
    padding-left: 15px;
    padding-top: 6px
}

.custom-control-label-md::after,
.custom-control-label-md::before {
    top: .25rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important
}

.custom-control-md {
    min-height: 2rem !important
}

.custom-control-lg {
    min-height: 2.5rem
}

.custom-control-label-lg {
    padding-left: 15px;
    padding-top: 10px
}

.custom-select-lg,
.custom-select-sm {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.custom-control-label-lg::after,
.custom-control-label-lg::before {
    top: .25rem !important;
    width: 2rem !important;
    height: 2rem !important
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #4454c3;
    opacity: .5
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(70, 127, 207, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    line-height: 1.5;
    color: #6b6f80;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #868e96;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    font-size: 75%
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto;
    height: calc(1.8125rem + 2px)
}

.custom-select-lg {
    height: calc(2.6875rem + 2px);
    font-size: 125%
}

.custom-file-label,
.custom-file-label::after {
    right: 0;
    padding: .375rem .75rem;
    top: 0;
    line-height: 1.5
}

.custom-file {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.custom-file-input {
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #1991eb;
    box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
}

.custom-file-input:focus~.custom-file-label::after {
    border-color: #1991eb
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 2.375rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 3px
}

.custom-file-label::after {
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(2.375rem - 2px);
    color: #fff;
    font-weight: 500;
    content: "Browse";
    border-radius: 0 3px 3px 0
}

.custom-range::-webkit-slider-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, .25)
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #d4e1f4
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    color: transparent;
    cursor: pointer;
    border-color: transparent;
    border-radius: 1rem;
    background: #467fcf;
    content: "";
    height: 2px;
    pointer-events: none
}

.custom-range::-moz-range-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, .25)
}

.custom-range::-moz-range-thumb:active {
    background-color: #d4e1f4
}

.custom-range::-moz-range-track {
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    width: 240px;
    height: 2px;
    background: rgba(0, 50, 126, .12)
}

.custom-range::-ms-thumb {
    border: 1px solid rgba(0, 30, 75, .12);
    border-radius: 50px;
    appearance: none;
    width: 240px;
    height: 2px;
    background: #fff;
    transition: border-color .3s, background-color .3s
}

.custom-range::-ms-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, .25)
}

.custom-range::-ms-thumb:active {
    background-color: #d4e1f4
}

.form-label {
    display: block;
    margin-bottom: .375rem;
    font-weight: 500;
    font-size: .875rem
}

.custom-range,
.row {
    display: -ms-flexbox
}

.form-label-small {
    float: right;
    font-weight: 400;
    font-size: 77.5%
}

.form-footer {
    margin-top: 2rem
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-control-label:before {
    border: 1px solid #cccdd3;
    background-color: #fff;
    background-size: .5rem
}

.custom-control-description {
    line-height: 1.5rem
}

.input-group-append>.btn,
.input-group-btn>.btn,
.input-group-prepend>.btn {
    height: 100%;
    border-color: rgba(0, 40, 100, .12)
}

.input-group-prepend>.input-group-text,
.ui-datepicker .ui-datepicker-calender td:last-child {
    border-right: 0
}

.input-group-append>.input-group-text,
.rtl #messages-main .ms-user {
    border-left: 0
}

.custom-range {
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    min-height: 2.375rem;
    overflow: hidden;
    padding: 0;
    border: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    box-shadow: none;
    outline: 0
}

.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb,
.custom-range:focus::-webkit-slider-thumb {
    border-color: #467fcf;
    background-color: #467fcf
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 1px 0 0 -6px rgba(0, 50, 126, .12), 6px 0 0 -6px rgba(0, 50, 126, .12), 7px 0 0 -6px rgba(0, 50, 126, .12), 8px 0 0 -6px rgba(0, 50, 126, .12), 9px 0 0 -6px rgba(0, 50, 126, .12), 10px 0 0 -6px rgba(0, 50, 126, .12), 11px 0 0 -6px rgba(0, 50, 126, .12), 12px 0 0 -6px rgba(0, 50, 126, .12), 13px 0 0 -6px rgba(0, 50, 126, .12), 14px 0 0 -6px rgba(0, 50, 126, .12), 15px 0 0 -6px rgba(0, 50, 126, .12), 16px 0 0 -6px rgba(0, 50, 126, .12), 17px 0 0 -6px rgba(0, 50, 126, .12), 18px 0 0 -6px rgba(0, 50, 126, .12), 19px 0 0 -6px rgba(0, 50, 126, .12), 20px 0 0 -6px rgba(0, 50, 126, .12), 21px 0 0 -6px rgba(0, 50, 126, .12), 22px 0 0 -6px rgba(0, 50, 126, .12), 23px 0 0 -6px rgba(0, 50, 126, .12), 24px 0 0 -6px rgba(0, 50, 126, .12), 25px 0 0 -6px rgba(0, 50, 126, .12), 26px 0 0 -6px rgba(0, 50, 126, .12), 27px 0 0 -6px rgba(0, 50, 126, .12), 28px 0 0 -6px rgba(0, 50, 126, .12), 29px 0 0 -6px rgba(0, 50, 126, .12), 30px 0 0 -6px rgba(0, 50, 126, .12), 31px 0 0 -6px rgba(0, 50, 126, .12), 32px 0 0 -6px rgba(0, 50, 126, .12), 33px 0 0 -6px rgba(0, 50, 126, .12), 34px 0 0 -6px rgba(0, 50, 126, .12), 35px 0 0 -6px rgba(0, 50, 126, .12), 36px 0 0 -6px rgba(0, 50, 126, .12), 37px 0 0 -6px rgba(0, 50, 126, .12), 38px 0 0 -6px rgba(0, 50, 126, .12), 39px 0 0 -6px rgba(0, 50, 126, .12), 40px 0 0 -6px rgba(0, 50, 126, .12), 41px 0 0 -6px rgba(0, 50, 126, .12), 42px 0 0 -6px rgba(0, 50, 126, .12), 43px 0 0 -6px rgba(0, 50, 126, .12), 44px 0 0 -6px rgba(0, 50, 126, .12), 45px 0 0 -6px rgba(0, 50, 126, .12), 46px 0 0 -6px rgba(0, 50, 126, .12), 47px 0 0 -6px rgba(0, 50, 126, .12), 48px 0 0 -6px rgba(0, 50, 126, .12), 49px 0 0 -6px rgba(0, 50, 126, .12), 50px 0 0 -6px rgba(0, 50, 126, .12), 51px 0 0 -6px rgba(0, 50, 126, .12), 52px 0 0 -6px rgba(0, 50, 126, .12), 53px 0 0 -6px rgba(0, 50, 126, .12), 54px 0 0 -6px rgba(0, 50, 126, .12), 55px 0 0 -6px rgba(0, 50, 126, .12), 56px 0 0 -6px rgba(0, 50, 126, .12), 57px 0 0 -6px rgba(0, 50, 126, .12), 58px 0 0 -6px rgba(0, 50, 126, .12), 59px 0 0 -6px rgba(0, 50, 126, .12), 60px 0 0 -6px rgba(0, 50, 126, .12), 61px 0 0 -6px rgba(0, 50, 126, .12), 62px 0 0 -6px rgba(0, 50, 126, .12), 63px 0 0 -6px rgba(0, 50, 126, .12), 64px 0 0 -6px rgba(0, 50, 126, .12), 65px 0 0 -6px rgba(0, 50, 126, .12), 66px 0 0 -6px rgba(0, 50, 126, .12), 67px 0 0 -6px rgba(0, 50, 126, .12), 68px 0 0 -6px rgba(0, 50, 126, .12), 69px 0 0 -6px rgba(0, 50, 126, .12), 70px 0 0 -6px rgba(0, 50, 126, .12), 71px 0 0 -6px rgba(0, 50, 126, .12), 72px 0 0 -6px rgba(0, 50, 126, .12), 73px 0 0 -6px rgba(0, 50, 126, .12), 74px 0 0 -6px rgba(0, 50, 126, .12), 75px 0 0 -6px rgba(0, 50, 126, .12), 76px 0 0 -6px rgba(0, 50, 126, .12), 77px 0 0 -6px rgba(0, 50, 126, .12), 78px 0 0 -6px rgba(0, 50, 126, .12), 79px 0 0 -6px rgba(0, 50, 126, .12), 80px 0 0 -6px rgba(0, 50, 126, .12), 81px 0 0 -6px rgba(0, 50, 126, .12), 82px 0 0 -6px rgba(0, 50, 126, .12), 83px 0 0 -6px rgba(0, 50, 126, .12), 84px 0 0 -6px rgba(0, 50, 126, .12), 85px 0 0 -6px rgba(0, 50, 126, .12), 86px 0 0 -6px rgba(0, 50, 126, .12), 87px 0 0 -6px rgba(0, 50, 126, .12), 88px 0 0 -6px rgba(0, 50, 126, .12), 89px 0 0 -6px rgba(0, 50, 126, .12), 90px 0 0 -6px rgba(0, 50, 126, .12), 91px 0 0 -6px rgba(0, 50, 126, .12), 92px 0 0 -6px rgba(0, 50, 126, .12), 93px 0 0 -6px rgba(0, 50, 126, .12), 94px 0 0 -6px rgba(0, 50, 126, .12), 95px 0 0 -6px rgba(0, 50, 126, .12), 96px 0 0 -6px rgba(0, 50, 126, .12), 97px 0 0 -6px rgba(0, 50, 126, .12), 98px 0 0 -6px rgba(0, 50, 126, .12), 99px 0 0 -6px rgba(0, 50, 126, .12), 100px 0 0 -6px rgba(0, 50, 126, .12), 101px 0 0 -6px rgba(0, 50, 126, .12), 102px 0 0 -6px rgba(0, 50, 126, .12), 103px 0 0 -6px rgba(0, 50, 126, .12), 104px 0 0 -6px rgba(0, 50, 126, .12), 105px 0 0 -6px rgba(0, 50, 126, .12), 106px 0 0 -6px rgba(0, 50, 126, .12), 107px 0 0 -6px rgba(0, 50, 126, .12), 108px 0 0 -6px rgba(0, 50, 126, .12), 109px 0 0 -6px rgba(0, 50, 126, .12), 110px 0 0 -6px rgba(0, 50, 126, .12), 111px 0 0 -6px rgba(0, 50, 126, .12), 112px 0 0 -6px rgba(0, 50, 126, .12), 113px 0 0 -6px rgba(0, 50, 126, .12), 114px 0 0 -6px rgba(0, 50, 126, .12), 115px 0 0 -6px rgba(0, 50, 126, .12), 116px 0 0 -6px rgba(0, 50, 126, .12), 117px 0 0 -6px rgba(0, 50, 126, .12), 118px 0 0 -6px rgba(0, 50, 126, .12), 119px 0 0 -6px rgba(0, 50, 126, .12), 120px 0 0 -6px rgba(0, 50, 126, .12), 121px 0 0 -6px rgba(0, 50, 126, .12), 122px 0 0 -6px rgba(0, 50, 126, .12), 123px 0 0 -6px rgba(0, 50, 126, .12), 124px 0 0 -6px rgba(0, 50, 126, .12), 125px 0 0 -6px rgba(0, 50, 126, .12), 126px 0 0 -6px rgba(0, 50, 126, .12), 127px 0 0 -6px rgba(0, 50, 126, .12), 128px 0 0 -6px rgba(0, 50, 126, .12), 129px 0 0 -6px rgba(0, 50, 126, .12), 130px 0 0 -6px rgba(0, 50, 126, .12), 131px 0 0 -6px rgba(0, 50, 126, .12), 132px 0 0 -6px rgba(0, 50, 126, .12), 133px 0 0 -6px rgba(0, 50, 126, .12), 134px 0 0 -6px rgba(0, 50, 126, .12), 135px 0 0 -6px rgba(0, 50, 126, .12), 136px 0 0 -6px rgba(0, 50, 126, .12), 137px 0 0 -6px rgba(0, 50, 126, .12), 138px 0 0 -6px rgba(0, 50, 126, .12), 139px 0 0 -6px rgba(0, 50, 126, .12), 140px 0 0 -6px rgba(0, 50, 126, .12), 141px 0 0 -6px rgba(0, 50, 126, .12), 142px 0 0 -6px rgba(0, 50, 126, .12), 143px 0 0 -6px rgba(0, 50, 126, .12), 144px 0 0 -6px rgba(0, 50, 126, .12), 145px 0 0 -6px rgba(0, 50, 126, .12), 146px 0 0 -6px rgba(0, 50, 126, .12), 147px 0 0 -6px rgba(0, 50, 126, .12), 148px 0 0 -6px rgba(0, 50, 126, .12), 149px 0 0 -6px rgba(0, 50, 126, .12), 150px 0 0 -6px rgba(0, 50, 126, .12), 151px 0 0 -6px rgba(0, 50, 126, .12), 152px 0 0 -6px rgba(0, 50, 126, .12), 153px 0 0 -6px rgba(0, 50, 126, .12), 154px 0 0 -6px rgba(0, 50, 126, .12), 155px 0 0 -6px rgba(0, 50, 126, .12), 156px 0 0 -6px rgba(0, 50, 126, .12), 157px 0 0 -6px rgba(0, 50, 126, .12), 158px 0 0 -6px rgba(0, 50, 126, .12), 159px 0 0 -6px rgba(0, 50, 126, .12), 160px 0 0 -6px rgba(0, 50, 126, .12), 161px 0 0 -6px rgba(0, 50, 126, .12), 162px 0 0 -6px rgba(0, 50, 126, .12), 163px 0 0 -6px rgba(0, 50, 126, .12), 164px 0 0 -6px rgba(0, 50, 126, .12), 165px 0 0 -6px rgba(0, 50, 126, .12), 166px 0 0 -6px rgba(0, 50, 126, .12), 167px 0 0 -6px rgba(0, 50, 126, .12), 168px 0 0 -6px rgba(0, 50, 126, .12), 169px 0 0 -6px rgba(0, 50, 126, .12), 170px 0 0 -6px rgba(0, 50, 126, .12), 171px 0 0 -6px rgba(0, 50, 126, .12), 172px 0 0 -6px rgba(0, 50, 126, .12), 173px 0 0 -6px rgba(0, 50, 126, .12), 174px 0 0 -6px rgba(0, 50, 126, .12), 175px 0 0 -6px rgba(0, 50, 126, .12), 176px 0 0 -6px rgba(0, 50, 126, .12), 177px 0 0 -6px rgba(0, 50, 126, .12), 178px 0 0 -6px rgba(0, 50, 126, .12), 179px 0 0 -6px rgba(0, 50, 126, .12), 180px 0 0 -6px rgba(0, 50, 126, .12), 181px 0 0 -6px rgba(0, 50, 126, .12), 182px 0 0 -6px rgba(0, 50, 126, .12), 183px 0 0 -6px rgba(0, 50, 126, .12), 184px 0 0 -6px rgba(0, 50, 126, .12), 185px 0 0 -6px rgba(0, 50, 126, .12), 186px 0 0 -6px rgba(0, 50, 126, .12), 187px 0 0 -6px rgba(0, 50, 126, .12), 188px 0 0 -6px rgba(0, 50, 126, .12), 189px 0 0 -6px rgba(0, 50, 126, .12), 190px 0 0 -6px rgba(0, 50, 126, .12), 191px 0 0 -6px rgba(0, 50, 126, .12), 192px 0 0 -6px rgba(0, 50, 126, .12), 193px 0 0 -6px rgba(0, 50, 126, .12), 194px 0 0 -6px rgba(0, 50, 126, .12), 195px 0 0 -6px rgba(0, 50, 126, .12), 196px 0 0 -6px rgba(0, 50, 126, .12), 197px 0 0 -6px rgba(0, 50, 126, .12), 198px 0 0 -6px rgba(0, 50, 126, .12), 199px 0 0 -6px rgba(0, 50, 126, .12), 200px 0 0 -6px rgba(0, 50, 126, .12), 201px 0 0 -6px rgba(0, 50, 126, .12), 202px 0 0 -6px rgba(0, 50, 126, .12), 203px 0 0 -6px rgba(0, 50, 126, .12), 204px 0 0 -6px rgba(0, 50, 126, .12), 205px 0 0 -6px rgba(0, 50, 126, .12), 206px 0 0 -6px rgba(0, 50, 126, .12), 207px 0 0 -6px rgba(0, 50, 126, .12), 208px 0 0 -6px rgba(0, 50, 126, .12), 209px 0 0 -6px rgba(0, 50, 126, .12), 210px 0 0 -6px rgba(0, 50, 126, .12), 211px 0 0 -6px rgba(0, 50, 126, .12), 212px 0 0 -6px rgba(0, 50, 126, .12), 213px 0 0 -6px rgba(0, 50, 126, .12), 214px 0 0 -6px rgba(0, 50, 126, .12), 215px 0 0 -6px rgba(0, 50, 126, .12), 216px 0 0 -6px rgba(0, 50, 126, .12), 217px 0 0 -6px rgba(0, 50, 126, .12), 218px 0 0 -6px rgba(0, 50, 126, .12), 219px 0 0 -6px rgba(0, 50, 126, .12), 220px 0 0 -6px rgba(0, 50, 126, .12), 221px 0 0 -6px rgba(0, 50, 126, .12), 222px 0 0 -6px rgba(0, 50, 126, .12), 223px 0 0 -6px rgba(0, 50, 126, .12), 224px 0 0 -6px rgba(0, 50, 126, .12), 225px 0 0 -6px rgba(0, 50, 126, .12), 226px 0 0 -6px rgba(0, 50, 126, .12), 227px 0 0 -6px rgba(0, 50, 126, .12), 228px 0 0 -6px rgba(0, 50, 126, .12), 229px 0 0 -6px rgba(0, 50, 126, .12), 230px 0 0 -6px rgba(0, 50, 126, .12), 231px 0 0 -6px rgba(0, 50, 126, .12), 232px 0 0 -6px rgba(0, 50, 126, .12), 233px 0 0 -6px rgba(0, 50, 126, .12), 234px 0 0 -6px rgba(0, 50, 126, .12), 235px 0 0 -6px rgba(0, 50, 126, .12), 236px 0 0 -6px rgba(0, 50, 126, .12), 237px 0 0 -6px rgba(0, 50, 126, .12), 238px 0 0 -6px rgba(0, 50, 126, .12), 239px 0 0 -6px rgba(0, 50, 126, .12), 240px 0 0 -6px rgba(0, 50, 126, .12);
    border: 0;
    transition: border-color .3s, background-color .3s;
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-range::-moz-range-thumb {
    background: #fff;
    border-radius: 1rem;
    border: 0;
    position: relative;
    transition: border-color .3s, background-color .3s;
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none
}

.custom-range::-moz-range-progress {
    height: 2px;
    background: #467fcf;
    border: 0;
    margin-top: 0
}

.custom-range::-ms-track {
    background: 0 0;
    border: 0 transparent;
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer
}

.custom-range::-ms-fill-lower {
    background: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    background: rgba(0, 50, 126, .12);
    border-radius: 1rem;
    margin-right: 15px;
    background-color: #dee2e6
}

.custom-range::-ms-tooltip {
    display: none
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #e6ebf1;
    border-color: #e6ebf1
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #e6ebf1;
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
    margin: 0;
    display: none;
    width: auto !important;
    z-index: 5 !important;
    box-shadow: 0 .76rem 1.52rem rgba(18, 38, 63, .03);
    border-radius: 4px
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #473b52;
    padding: 0 0 5px;
    letter-spacing: 1px;
    border: 0;
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    text-indent: -99999px;
    color: #6c757d;
    top: 1px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    font-size: 16px;
    font-family: FontAwesome;
    position: absolute;
    top: -4px;
    text-indent: 0
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
    color: #343a40
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    order: 3
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    right: 5px;
    content: "\f105"
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    left: 5px;
    content: "\f104"
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: #495057;
    cursor: pointer;
    top: 1px;
    border: 0;
    background-color: transparent
}

.ui-datepicker .ui-datepicker-calender {
    margin: 0;
    background-color: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.ui-datepicker .ui-datepicker-calender th {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 6px 10px;
    color: #98a1b5
}

.ui-datepicker .ui-datepicker-calender td {
    border: 1px solid transparent;
    padding: 0;
    background-color: #fff;
    text-align: right
}

.ui-datepicker .ui-datepicker-calender td.ui-datepicker-other-month .ui-state-default {
    color: #ced1da
}

.ui-datepicker .ui-datepicker-calender td a,
.ui-datepicker .ui-datepicker-calender td span {
    transition: .2s ease-in-out;
    padding: 8px 10px;
    background-color: #fff;
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
    display: block;
    font-weight: 400;
    font-size: 12px;
    border: 0;
    border-radius: 50px
}

.ui-datepicker .ui-datepicker-calender .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calender td a:hover {
    color: #fff;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1)
}

.ui-datepicker-multi .ui-datepicker-group {
    padding-right: 15px;
    width: auto;
    float: left
}

.custom-checkbox:after,
.custom-checkbox:before {
    position: absolute;
    top: .25rem;
    left: 0;
    width: 1rem;
    content: "";
    display: block;
    height: 1rem
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
    margin: auto
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
    left: 10px
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
    right: 10px
}

.ui-datepicker-inline {
    max-width: 270px;
    border-radius: 12px
}

.model-wrapper-demo {
    padding: 50px 0;
    background: #f0f0f2
}

.custom-checkbox:before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent
}

.custom-checkbox:after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.form-control.fc-datepicker {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .9375rem;
    line-height: 1.6;
    color: #6b6f80;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ecebf1;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 5px
}

.form-control:disabled::placeholder {
    opacity: .5
}

.form-control::placeholder {
    color: #b3bdca
}

.select2-container .select2-selection--single .select2-selection__rrightered {
    padding-left: 20px !important;
    padding-right: 20px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e6ebf1 !important;
    border-radius: 4px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    color: #495057;
    background-color: #fff;
    border-color: #4eceb2;
    outline: 0;
    box-shadow: none
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #e6ebf1 !important;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6ebf1 !important;
    border-radius: 4px;
    outline: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f0f0f2 !important;
    border: 1px solid #ebeef4 !important;
    outline: 0
}

.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
    outline: 0
}

@media print {

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .container {
        max-width: none
    }

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    thead {
        display: table-header-group
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table,
    .text-wrap table {
        border-collapse: collapse !important
    }

    .table td,
    .table th,
    .text-wrap table td,
    .text-wrap table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th,
    .text-wrap table td,
    .text-wrap table th {
        border: 1px solid #e6ebf1 !important
    }
}

.lead {
    line-height: 1.4
}

blockquote {
    color: #6e7687;
    padding-left: 2rem;
    border-left: 2px solid rgba(0, 40, 100, .12)
}

blockquote cite {
    display: block;
    text-align: right
}

blockquote cite:before {
    content: "— "
}

code {
    word-break: break-word;
    background: #f0f0f2;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
    padding: 3px;
    color: #c76dcd
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
    padding: 0;
    border-radius: 0;
    border: none;
    background: 0 0
}

pre {
    color: #3e80eb;
    overflow: auto;
    line-height: 1.45;
    background-color: #f8fafc;
    border-radius: 3px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.onoffswitch2-checkbox:checked+.onoffswitch2-label,
a.chip:hover {
    background-color: var(--primary-bg-color)
}

.sub-menu li.active:before,
.sub-menu li:hover:before {
    color: var(--primary-bg-color);
    opacity: .9
}

.mega-menubg li a.active:before,
.mega-menubg li a:hover:before {
    color: var(--cor-principal);
    opacity: .9
}

.app-sidebar__toggle:hover,
.arrow-custom,
.custom-nav-link:focus {
    color: var(--cor-principal)
}

.side-menu__item.active .angle,
.side-menu__item.active .side-menu__label,
.side-menu__item:focus .angle,
.side-menu__item:focus .side-menu__label,
.side-menu__item:hover .angle,
.side-menu__item:hover .side-menu__label,
.slide-menu a.active {
    color: var(--cor-principal) !important
}

.slide-item.active,
.slide-item:focus,
.slide-item:hover {
    color: var(--cor-principal);
    text-decoration: none
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color)
}

.onoffswitch-checkbox:checked+.onoffswitch-label:before,
.onoffswitch2-checkbox:checked+.onoffswitch-label2,
.onoffswitch2-checkbox:checked+.onoffswitch2-label:before {
    border-color: var(--primary-bg-color)
}

.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
    fill: white
}

.text-primary-transparent {
    color: #8976d5
}

.bg-white-50 {
    background-color: rgba(225, 225, 225, .2)
}

.app-sidebar.horizontal-main {
    padding-top: 0
}

.app.sidebar-mini .main-sidemenu .slide-left,
.app.sidebar-mini .main-sidemenu .slide-right,
.app.sidebar-mini .side-menu_label,
.horizontal .leftmenu-styles,
.logo-horizontal {
    display: none
}

@media (min-width:992px) and (max-width:991.98px) {
    .logo-horizontal .header-brand-img {
        margin-left: 60px
    }
}

.horizontal .hor-header .search-element {
    margin-left: 2rem
}

.rtl #sidebar .dropdown-menu,
.rtl .nav-tabs .nav-submenu {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.g-0 {
    margin-right: 0;
    margin-left: 0
}

.g-0>.col,
.g-0>[class*=col-],
.rtl .navbar-expand>.container,
.rtl .navbar-expand>.container-fluid,
.rtl .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: .75rem;
    padding-left: .75rem
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

body.rtl {
    text-align: right;
    direction: rtl
}

.rtl .btn-group-vertical>.btn+.btn,
.rtl .btn-group-vertical>.btn+.btn-group,
.rtl .btn-group-vertical>.btn-group+.btn,
.rtl .btn-group-vertical>.btn-group+.btn-group,
.rtl .dropdown-toggle-split::after,
.rtl .dropdown-toggle:empty::after,
.rtl .dropdown-toggle:empty:after,
.rtl .dropend .dropdown-toggle-split::after,
.rtl .dropend .dropdown-toggle:empty::after,
.rtl .dropstart .dropdown-toggle-split::before,
.rtl .dropstart .dropdown-toggle:empty::after,
.rtl .dropup .dropdown-toggle-split::after,
.rtl .dropup .dropdown-toggle:empty::after,
.rtl dd {
    margin-left: 0;
    margin-right: inherit
}

.rtl .bootstrap-tagsinput .tag,
.rtl .bootstrap-tagsinput .tag [data-role=remove],
.rtl .list-inline-item:not(:last-child),
.rtl .new-list2.option-dots {
    margin-left: inherit;
    margin-left: inherit
}

.rtl .tooltip,
.rtl caption {
    text-align: left
}

.rtl .jsr_label .jsr_label,
.rtl .list-group,
.rtl .list-unstyled {
    padding-right: 0;
    padding-left: inherit
}

.rtl .list-inline,
.rtl .main-contact-info-body,
.rtl .nav1,
.rtl .navbar-nav,
.rtl .pagination {
    padding-left: 0;
    padding-right: inherit
}

.rtl .list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.rtl * html .fileinput-button {
    margin: 1px -3px 0 0
}

.rtl .carousel-indicators2,
.rtl .header .nav-item .badge,
.rtl .header .nav-link .badge,
.rtl .icon-absolute,
.rtl .new-list.option-dots,
.rtl .panel-heading1 a.collapsed:before,
.rtl .panel-heading1 a:before {
    right: 10px;
    left: inherit
}

.rtl .bootstrap-tagsinput .tag [data-role=remove],
.rtl .new-list2.option-dots {
    margin-right: 8px
}

.rtl .bg-style .header-brand-img {
    left: 55px;
    right: inherit
}

.rtl .card-pay .tabs-menu li:last-child a,
.rtl .page-style1 .input-group-addon {
    border-right: 0;
    border-left: inherit
}

.rtl .page-style1 .input-group-append {
    border-left: 0;
    border-right: inherit;
    border-radius: 5px 0
}

.rtl .page-style1 .btn-svgs .svg-icon {
    left: 37%;
    right: inherit
}

.rtl .html-code {
    border-radius: 0 0 5px 5px
}

.rtl .html-code .svg-icon {
    left: 14px;
    right: inherit
}

.rtl .list-style,
.rtl .list-style2,
.rtl .list-style3,
.rtl .list-style4,
.rtl .list-style5,
.rtl .list-style6 {
    padding-right: inherit
}

.rtl .list-style ul,
.rtl .list-style2 ul,
.rtl .list-style3 ul,
.rtl .list-style4 ul,
.rtl .list-style5 ul,
.rtl .list-style6 ul {
    padding-right: 30px;
    padding-left: inherit
}

.rtl .browse-file.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rtl .input-group-btn .btn-primary {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.rtl .box div:first-child {
    left: 42%;
    right: inherit
}

.rtl .box div:nth-child(11),
.rtl .box div:nth-child(2) {
    right: inherit;
    left: 50%
}

.rtl .box div:nth-child(3) {
    right: inherit;
    left: 6%
}

.rtl .box div:nth-child(4) {
    right: inherit;
    left: 60%
}

.rtl .box div:nth-child(5) {
    right: inherit;
    left: 10%
}

.rtl .box div:nth-child(6) {
    right: inherit;
    left: 70%
}

.rtl .box div:nth-child(10),
.rtl .box div:nth-child(17),
.rtl .box div:nth-child(7) {
    right: inherit;
    left: 80%
}

.rtl .box div:nth-child(8),
.rtl .box div:nth-child(9) {
    right: inherit;
    left: 25%
}

.rtl .box div:nth-child(12) {
    right: inherit;
    left: 40%
}

.rtl .box div:nth-child(13) {
    right: inherit;
    left: 90%
}

.rtl .box div:nth-child(14) {
    right: inherit;
    left: 750%
}

.rtl .box div:nth-child(15) {
    right: inherit;
    left: 68%
}

.rtl .box div:nth-child(16) {
    right: inherit;
    left: 79%
}

.rtl .bootstrap-tagsinput .tag {
    margin-right: 10px
}

.rtl .acc-header [aria-expanded=true],
.rtl .accordion .card:first-of-type,
.rtl .btn-group-vertical>.btn-group:not(:last-child)>.btn,
.rtl .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.rtl .panel-title1 [aria-expanded=true] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rtl .btn-group-vertical .btn+.btn,
.rtl .btn-group-vertical .btn+.btn-group,
.rtl .btn-group-vertical .btn-group+.btn,
.rtl .btn-group-vertical .btn-group+.btn-group,
.rtl .page-link {
    margin-left: -1px;
    margin-right: inherit
}

.rtl .page-item:first-child .page-link {
    margin-left: 0;
    margin-right: inherit;
    border-radius: 0 3px 3px 0
}

.rtl .panel>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.rtl .wrap {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.rtl .modal-content.chat .card,
.rtl .panel-group1>.panel1:first-child .panel-heading1 {
    border-radius: 4px 4px 0 0
}

.rtl .panel1:last-child .panel-body1,
.rtl .panel1:last-child .panel-heading1 {
    border-radius: 0 0 4px 4px
}

.rtl #accordion .panel-heading1 a:before,
.rtl #bs-collapse .panel-heading1 a:after {
    right: 5px;
    left: inherit
}

.rtl .alert-dismissible {
    padding-right: 3.90625rem;
    padding-left: inherit
}

.rtl .alert-dismissible .btn-close,
.rtl .card-blog-overlay1:before,
.rtl .card-blog-overlay2:before,
.rtl .card-blog-overlay:before,
.rtl .carousel-control-prev,
.rtl .chat .msg_time_send,
.rtl .chat .msg_time_sright,
.rtl .login-transparent:before,
.rtl .nav-unread.badge,
.rtl .tab_wrapper .content_wrapper .accordian_header.active:after {
    right: 0;
    left: inherit
}

.rtl .alert-icon {
    padding-left: 3rem;
    padding-right: inherit
}

.rtl .alert-icon>i {
    left: 1rem;
    right: inherit
}

.rtl .alert-avatar {
    padding-left: 3.75rem;
    padding-right: inherit
}

.rtl .alert-avatar .avatar {
    left: .75rem;
    right: inherit
}

.rtl .avatar-status {
    right: -2px;
    left: inherit
}

.rtl .avatar-list .avatar:not(:last-child),
.rtl .btn-list>.btn:not(:last-child),
.rtl .btn-list>.dropdown:not(:last-child),
.rtl .nav-link.icon .nav-span,
.rtl .tags>.tag:not(:last-child) {
    margin-left: .5rem;
    margin-right: inherit
}

.rtl .avatar-list-stacked .avatar {
    margin-left: -.8em !important;
    margin-right: inherit !important
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    100%,
    60% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    100%,
    60% {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    100%,
    60% {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    100%,
    60% {
        left: 107%;
        right: -8%
    }
}

.rtl .badge {
    padding: 2px 6px
}

.rtl .rounded-pill {
    padding-right: 1.2em;
    padding-left: 1.2em
}

.rtl .breadcrumb-item+.breadcrumb-item::before,
.rtl .breadcrumb-item1+.breadcrumb-item1::before,
.rtl .btn-icon,
.rtl .navbar-expand .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
}

.rtl .shape {
    border-width: 0 70px 40px 0;
    float: right
}

.rtl .shape-text {
    right: -62px;
    top: 10px;
    left: inherit
}

.rtl .breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    padding-left: 10px;
    padding-right: inherit
}

.rtl .breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px;
    margin-right: inherit
}

.rtl .breadcrumb-arrow li a,
.rtl .breadcrumb-arrow li:not(:first-child) span {
    padding: 0 10px 0 25px
}

.rtl .breadcrumb-arrow li a:before {
    right: -11px;
    left: inherit;
    border-left-width: 11px
}

.rtl .dropdown-toggle::after,
.rtl .dropup .dropdown-toggle::after {
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.rtl .breadcrumb-arrow li a:after {
    right: -12px;
    left: inherit;
    border-left: 11px solid #6e79ca
}

.rtl .breadcrumb-style4 .breadcrumb-icon {
    margin-left: 4px;
    margin-right: inherit
}

.rtl .btn-loading:after {
    left: calc(50% - .7em);
    right: inherit
}

.rtl .btn-group-sm>.btn-loading.btn:after,
.rtl .btn-loading.btn-sm:after {
    left: calc(50% - .5em);
    right: inherit
}

.rtl .btn-svgs .svg-icon {
    margin-left: 6px;
    margin-right: inherit
}

.rtl .data-table-btn {
    left: 80px;
    right: inherit
}

.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.rtl .bs-tooltip-end .tooltip-arrow,
.rtl .carousel-control-next,
.rtl .carousel-indicators button::after,
.rtl .carousel-indicators button::before,
.rtl .carousel-indicators1 button::after,
.rtl .carousel-indicators1 button::before,
.rtl .carousel-indicators2 button::after,
.rtl .carousel-indicators2 button::before,
.rtl .carousel-indicators3 button::after,
.rtl .carousel-indicators3 button::before,
.rtl .carousel-indicators4 button::after,
.rtl .carousel-indicators4 button::before,
.rtl .carousel-indicators5 button::before,
.rtl .chat .msg_time,
.rtl .contact-href,
.rtl .jsr_slider {
    left: 0;
    right: inherit
}

.rtl .carousel-indicators,
.rtl .carousel-indicators1 {
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: inherit;
    margin-right: 15%;
    margin-left: 15%
}

.rtl .carousel-indicators button,
.rtl .carousel-indicators1 button,
.rtl .carousel-indicators2 button,
.rtl .carousel-indicators3 button,
.rtl .carousel-indicators4 button,
.rtl .carousel-indicators5 button {
    margin-right: 3px;
    margin-left: 3px
}

.rtl .carousel-indicators3,
.rtl .carousel-indicators5 {
    left: 10px;
    right: inherit;
    padding-left: 0;
    padding-right: inherit
}

.rtl .carousel-indicators4 {
    right: 10px;
    left: inherit;
    padding-left: 0;
    padding-right: inherit
}

.rtl .carousel-indicators5 button::after {
    left: 0;
    right: inherit;
    display: inline-block
}

.rtl .carousel-caption {
    right: 15%;
    left: 15%
}

.rtl .carousel-item-background,
.rtl .main-chat-list .media+.media::before,
.rtl .main-contact-info-body .media+.media::before,
.rtl .main-contact-info-body .media::before,
.rtl .main-contact-item+.main-contact-item::before,
.rtl .main-contact-label::after,
.rtl .main-nav-line-chat .nav-link.active::before,
.rtl body.fixed-header .header {
    left: 0;
    right: 0
}

.rtl .carousel-bottom-right-indicators,
.rtl .carousel-top-right-indicators {
    right: 15px !important;
    left: inherit !important
}

.rtl .carousel-bottom-left-indicators,
.rtl .carousel-top-left-indicators {
    left: 15px !important;
    right: inherit !important
}

.rtl .dropdown-toggle::after {
    margin-right: .255em;
    margin-left: inherit
}

.rtl .dropdown-menu {
    left: 0;
    right: inherit;
    float: right;
    text-align: right;
    box-shadow: 0 16px 18px rgba(4, 4, 7, .1)
}

.rtl .actions>li>a,
.rtl .main-msg-sright,
.rtl .ms-menu-trigger,
.rtl .msb-reply button {
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1)
}

.rtl .dropup .dropdown-toggle::after {
    margin-left: .255em;
    margin-right: inherit
}

.rtl .dropend .dropdown-menu {
    right: auto;
    left: 100%;
    margin-left: .125rem;
    margin-right: inherit
}

.rtl .dropend .dropdown-toggle::after {
    margin-right: .255em;
    margin-left: inherit;
    border-left: 0;
    border-right: .3em solid
}

.rtl .dropstart .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: .125rem;
    margin-left: inherit
}

.rtl .dropstart .dropdown-toggle::after {
    margin-left: .255em;
    margin-right: inherit
}

.rtl .dropstart .dropdown-toggle::before {
    margin-left: .255em;
    margin-right: inherit;
    border-left: .3em solid;
    border-right: inherit
}

.rtl .dropdown-menu-arrow.dropdown-menu-end:after,
.rtl .dropdown-menu-arrow.dropdown-menu-end:before,
.rtl .dropdown-menu-arrow.dropdown-menu-start:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.rtl .header .dropdown-menu[data-popper-placement^=bottom],
.rtl .header .dropdown-menu[data-popper-placement^=end],
.rtl .header .dropdown-menu[data-popper-placement^=start],
.rtl .header .dropdown-menu[data-popper-placement^=top] {
    box-shadow: -8px 12px 18px 0 rgba(15, 34, 58, .1);
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rtl .btn-group>.btn-group:not(:last-child)>.btn,
.rtl .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.rtl .range output {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rtl .header-message .show.dropdown-menu {
    right: -252px !important
}

.rtl .profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom] {
    right: -136px !important
}

.rtl .dropdown-menu[data-popper-placement^=bottom],
.rtl .dropdown-menu[data-popper-placement^=end],
.rtl .dropdown-menu[data-popper-placement^=start],
.rtl .dropdown-menu[data-popper-placement^=top] {
    right: auto;
    left: inherit
}

.rtl .dropdown-menu-arrow.dropdown-menu-start:before {
    left: 15px;
    right: inherit
}

.rtl .dropdown-menu-arrow.dropdown-menu-start:after {
    left: 16px;
    right: inherit;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.rtl .btn-group .btn+.btn,
.rtl .btn-group .btn+.btn-group {
    margin-right: -1px
}

.rtl .btn-group .btn-group+.btn,
.rtl .btn-group .btn-group+.btn-group {
    margin-right: -1px;
    margin-left: inherit
}

.rtl .btn-toolbar,
.rtl .navbar-expand {
    -ms-flex-pack: left;
    justify-content: flex-left
}

.rtl .btn-group>.btn:first-child {
    margin-left: 0;
    margin-right: initial
}

.rtl .dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.rtl .btn-group-sm>.btn+.dropdown-toggle-split,
.rtl .btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.rtl .btn-group-lg>.btn+.dropdown-toggle-split,
.rtl .btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.rtl .modal,
.rtl .modal-backdrop.fade.show,
.rtl .modal-open,
.rtl .modal-open .modal {
    padding-right: 0 !important;
    padding-left: inherit !important
}

.rtl .btn-group-vertical,
.rtl .media,
.rtl .modal-header {
    -ms-flex-align: left;
    align-items: flex-left
}

.rtl btn.dropdown-toggle~.dropdown-menu,
.rtl ul.dropdown-menu li.dropdown ul.dropdown-menu {
    box-shadow: 0 0 3px rgba(25, 25, 25, .3) !important
}

.rtl .media {
    align-items: flex-left
}

.rtl .chatbox .user_info,
.rtl .dropdown-media-list .media-body,
.rtl .message-feed.right>.pull-right {
    margin-left: 15px;
    margin-right: inherit
}

.rtl .dropdown-menu-arrow.dropdown-menu-end:after,
.rtl .dropdown-menu-arrow.dropdown-menu-end:before {
    right: auto;
    left: 22px
}

.rtl .dropdown-icon {
    margin-right: .5rem;
    margin-left: -.5rem
}

.rtl .dropdown-toggle.split-dropdown {
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.rtl .list-group-item:first-child,
.rtl .nav-tabs .nav-item1.nav-link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.rtl .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.rtl .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0
}

.rtl .list-inline-dots .list-inline-item+.list-inline-item:before {
    margin-left: -2px;
    margin-right: 3px
}

.rtl .modal {
    right: 0;
    left: 0
}

.rtl .modal-backdrop {
    right: 0;
    left: 0
}

.rtl .modal-header .btn-close {
    margin: -1rem auto -1rem -1rem
}

.rtl .modal-footer {
    -ms-flex-pack: right;
    justify-content: flex-right
}

.rtl .modal-footer>:not(:first-child),
.rtl .modal-footer>:not(:last-child) {
    margin-left: .25rem;
    margin-right: inherit
}

.rtl .modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0) rotateX(0)
}

.rtl .modal.effect-just-me .modal-body,
.rtl .modal.effect-just-me .modal-footer,
.rtl .modal.effect-just-me .modal-header {
    padding-left: 0;
    padding-right: 0
}

.rtl .navbar-brand,
.rtl .page-total-text {
    margin-right: 1rem;
    margin-left: inherit
}

@media (max-width:575.98px) {

    .rtl .navbar-expand-sm>.container,
    .rtl .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width:1279.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl>.table-bordered,
    .text-wrap .table-responsive-xl>table {
        border: 0
    }

    .rtl .navbar-expand-xl>.container,
    .rtl .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1280px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl .navbar-expand-xl {
        -ms-flex-pack: left;
        justify-content: flex-left
    }

    .rtl .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

.rtl .nav-tabs .nav-item1 i {
    margin-right: .25rem;
    margin-left: inherit
}

.rtl .nav-tabs .nav-submenu {
    border-radius: 0 0 3px 3px
}

@media (max-width:768px) and (min-width:481px) {
    .rtl .header-brand {
        margin-left: 20px;
        margin-right: inherit
    }
}

.rtl .expanel-heading {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important
}

.rtl .expanel-footer {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important
}

.rtl .progress-bar-indeterminate:after,
.rtl .progress-bar-indeterminate:before {
    left: 0;
    right: inherit;
    will-change: left, right
}

.rtl .tag-addon {
    margin: 0 .5rem 0 -.5rem
}

.rtl .tag-avatar {
    border-radius: 0 3px 3px 0;
    margin: 0 -.5rem 0 .5rem
}

.rtl .center-block,
.rtl .thumbnail a>img,
.rtl .thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

.rtl .video-list-thumbs h2 {
    margin: 8px 0 0
}

.rtl .video-list-thumbs .fa {
    right: 39%;
    left: inherit
}

.rtl .video-list-thumbs .duration {
    left: 12px;
    right: inherit;
    padding: 2px 3px 1px
}

@media (max-width:768px) {
    .rtl .video-list-thumbs .fa {
        right: 44%;
        left: inherit
    }
}

@media (min-width:320px) and (max-width:480px) {
    .rtl .video-list-thumbs h2 {
        margin: 8px 0 0
    }
}

.rtl .bd-example,
.rtl .dropdown-item .bd-example {
    border-width: .2rem 0 0
}

.rtl .media-right,
.rtl .media>.pull-right {
    padding-left: 10px;
    padding-right: inherit
}

.rtl #ms-menu-trigger,
.rtl .media-left,
.rtl .media>.pull-left {
    padding-right: 10px;
    padding-left: inherit
}

.rtl .fc-view.fc-listMonth-view .fc-scroller,
.rtl .fc-view.fc-listWeek-view .fc-scroller {
    padding: 0 20px 20px
}

.rtl .fc-view.fc-listMonth-view .fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item {
    border-left: 4px solid transparent
}

.rtl .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.rtl .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-right: 1px solid #e9edf4
}

.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
    margin-left: 20%;
    margin-right: inherit
}

.rtl .fc-view.fc-listMonth-view .fc-list-item-time,
.rtl .fc-view.fc-listWeek-view .fc-list-item-time {
    padding: 12px 15px 2px
}

.rtl .fc-view.fc-listMonth-view .fc-list-item-title,
.rtl .fc-view.fc-listWeek-view .fc-list-item-title {
    padding: 0 15px 12px
}

@media (min-width:576px) {
    .main-contact-info-header {
        padding-top: 20px
    }

    .main-contact-info-header .media-body .nav-link {
        font-size: .875rem
    }

    .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: 10px
    }

    .main-contact-info-header .media-body .nav-link i {
        margin-right: 7px
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

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

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl .navbar-expand-sm {
        -ms-flex-pack: left;
        justify-content: flex-left
    }

    .rtl .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 15%;
        margin-right: inherit
    }

    .rtl .main-chat-body .media-body {
        margin-right: 0;
        margin-left: inherit
    }

    .rtl .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 0;
        margin-right: inherit
    }
}

@media (min-width:768px) {
    #checkoutsteps>.steps .number {
        background-color: #eaedf7;
        color: #9197ab;
        font-size: 20px;
        font-weight: 600;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu a.active {
        color: var(--primary-bg-color);
        background: 0 0
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active,
    .slide-item:focus,
    .slide-item:hover {
        color: var(--primary-bg-color)
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

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

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl .navbar-expand-md {
        -ms-flex-pack: left;
        justify-content: flex-left
    }

    .rtl .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 12%;
        margin-right: inherit
    }

    .rtl .page-breadcrumb {
        margin: -.5rem 0 0
    }
}

@media (min-width:992px) {

    .horizontal .app-sidebar__logo,
    .horizontal .app-sidebar__toggle,
    .horizontal.dark-theme .logo-1,
    .mobile-main-header {
        display: none !important
    }

    .horizontal .app-sidebar.horizontal-main .side-menu .side-badge,
    .horizontal .app-sidebar.horizontal-main .side-menu .side-item-category,
    .horizontal .app-sidebar.horizontal-main .side-menu .sub-category,
    .horizontal .app-sidebar.horizontal-main .side-menu__item .badge,
    .horizontal .header-brand-img .desktop-lgo,
    .horizontal .logo-horizontal .header-brand-img.desktop-logo,
    .horizontal.dark-mode .desktop-lgo,
    .mobile-logo.dark-logo-1,
    .navbar-toggler,
    .search-bar-escape {
        display: none
    }

    .search-element {
        margin-left: 10px;
        top: 16px
    }

    .dark-mode .sidenav-toggled .app-sidebar__logo {
        padding: 13px 9px !important
    }

    .dark-mode .theme-layout,
    .theme-layout {
        border-right: 0px !important
    }

    .hor-header.header.top-header {
        padding-left: 0 !important
    }

    .horizontal .header-brand-img {
        margin-top: 11px !important
    }

    .horizontal .side-menu .side-menu__icon {
        color: #555b6d;
        text-align: center;
        vertical-align: middle;
        margin-right: 0 !important;
        position: relative;
        font-size: 1.25rem !important;
        transition: .3s;
        fill: #555b6d
    }

    .horizontal-hover.horizontal .slide:hover ul.slide-menu,
    .horizontal-hover.horizontal .sub-slide2:hover .sub-slide-menu2,
    .horizontal-hover.horizontal .sub-slide:hover .sub-slide-menu,
    .horizontal.dark-theme .dark-logo-1 {
        display: block !important
    }

    .horizontal-hover.horizontal .sub-slide.is-expanded .sub-angle {
        transform: none
    }

    .horizontal .horizontal-main .slide .slide-menu .slide-item:before,
    .horizontal .horizontal-main .slide .sub-slide-menu .slide-item:before,
    .horizontal .horizontal-main .slide .sub-slide-menu2 .slide-item:before,
    .horizontal .slide-menu a:before {
        left: -15px;
        margin-right: 0
    }

    .horizontal .horizontal-main .slide .slide-menu {
        border-radius: 0 0 5px 5px !important
    }

    .horizontal .main-sidemenu,
    .horizontal .side-menu {
        margin-top: 0;
        overflow: hidden
    }

    .horizontal .header .main-header-center {
        margin-top: 6px
    }

    .horizontal.dark-theme .horizontal-main .slide .slide-menu,
    .horizontal.dark-theme .horizontal-main .slide .sub-slide-menu {
        background-color: var(--dark-theme) !important;
        border: 1px solid #404353;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .2) !important
    }

    .horizontal .horizontal-main {
        z-index: 77 !important;
        position: relative;
        bottom: initial
    }

    .horizontal .hor-header .container,
    .horizontal .horizontal-main .container,
    .horizontal .main-content.hor-content .container {
        max-width: 85% !important;
        padding: 0
    }

    .horizontal .header.fixed-header.hor-header,
    .horizontal.scrollable-layout .horizontal-main {
        position: relative
    }

    .horizontal .side-menu {
        display: flex;
        padding: 0
    }

    .horizontal .stickyClass .horizontal-main,
    .horizontal-main.fixed-header.visible-title {
        width: 100%
    }

    .horizontal .horizontal-main.ps {
        overflow: visible !important
    }

    .horizontal .horizontal-main .slide .slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu2 {
        width: 190px;
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        border-radius: 5px;
        padding: 5px;
        min-width: fit-content;
        box-shadow: 0 16px 18px rgba(135, 135, 182, .1) !important;
        border: 1px solid #e7eaf3
    }

    .horizontal .fixed-header {
        position: fixed
    }

    .horizontal .sub-slide-menu .sub-slide-item2 {
        padding: 8px 24px !important
    }

    .horizontal .sub-slide .sub-angle {
        right: 0;
        left: auto;
        margin-right: 0 !important;
        position: relative;
        margin-top: 6px
    }

    .horizontal .sub-angle2 {
        margin-right: 11px;
        top: 6px !important
    }

    .horizontal .app-sidebar {
        transition: none;
        width: 100%
    }

    .horizontal .app-sidebar .side-menu__item {
        padding: 13px 25px 13px 10px
    }

    .horizontal .sub-slide .sub-slide-menu,
    .horizontal .sub-slide .sub-slide-menu2 {
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        box-shadow: 5px 5px 5px #b9b9b9;
        border-radius: 5px;
        padding: 0;
        min-width: fit-content;
        border: 1px solid #f0f0f8;
        left: 180px;
        top: 13px
    }

    .horizontal .sub-side-menu__item {
        padding: 8px 25px !important;
        line-height: 27px
    }

    .horizontal .side-menu>li>a {
        display: flex;
        margin: -3px -4px !important;
        text-decoration: none;
        position: relative;
        font-weight: 400
    }

    .horizontal .side-menu>li>a.active {
        color: #6c756e
    }

    .horizontal .main-sidemenu i.angle {
        position: relative;
        right: -4px;
        transform: rotate(90deg);
        font-size: 15px
    }

    .horizontal .main-sidemenu .slide.is-expanded i.angle {
        transform: rotate(-90deg);
        position: relative;
        top: 0;
        font-size: 15px
    }

    .horizontal .breadcrumb-header {
        margin-top: 20px
    }

    .horizontal .side-menu .slide .side-menu__item.active {
        border-right: none
    }

    .horizontal .slide {
        margin: 0 3px
    }

    .horizontal .header-brand-img .dark-logo,
    .horizontal .logo-horizontal,
    .horizontal .logo-horizontal .header-brand-img.light-logo1,
    .horizontal.dark-mode .dark-logo {
        display: block
    }

    .main-sidemenu .slide-right {
        right: 10px
    }

    .main-sidemenu .slide-left,
    .main-sidemenu .slide-right {
        background-color: #fff;
        position: absolute;
        top: 10px;
        padding: 6px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer;
        border: 1px solid #eaedf1;
        border-radius: 50px
    }

    .main-sidemenu .slide-left {
        left: 10px
    }

    .horizontal-main {
        position: relative;
        margin: 0 auto
    }

    .sticky-pin {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .horizontal .hor-header .search-element {
        top: 0
    }

    .horizontal .form-inline .form-control {
        padding-left: 14px;
        padding-top: 8px;
        margin-top: 12px
    }

    .horizontal .header-search {
        min-width: 25rem !important;
        border: 1px solid #e6ebf1 !important
    }

    .horizontal .form-inline .btn {
        padding: 4px 10px;
        top: 13px;
        background-color: var(--primary-bg-color);
        opacity: 1;
        left: inherit;
        right: 0 !important
    }

    .horizontal .form-inline .btn .search-icon {
        fill: white !important;
        margin-top: 4px !important
    }

    .horizontal .search-icon {
        width: 24px;
        height: 24px
    }

    .horizontal .footer,
    .horizontal.dark-mode.footer {
        padding: 1.25rem !important
    }

    .horizontal .slide-item {
        padding: 8px 25px
    }

    .horizontal .sub-slide-item {
        padding: 0 0 0 25px !important
    }

    .horizontal.dark-mode.appside-bar {
        box-shadow: 0 4px 16px rgba(0, 0, 0, .18) !important
    }

    .horizontal .slide .slide-item:focus,
    .horizontal.horizontal-hover.dark-mode .slide .slide-item:hover,
    .horizontal.horizontal-hover.dark-mode .slide-menu .sub-slide a.sub-side-menu__item:hover {
        color: #fff !important
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

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

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl .navbar-expand-lg {
        -ms-flex-pack: left;
        justify-content: flex-left
    }

    .rtl .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 10%;
        margin-right: inherit
    }

    .rtl #messages-main .ms-menu {
        right: 0;
        left: inherit;
        border-left: 1px solid #e6ebf1
    }

    .rtl #messages-main .ms-body {
        padding-right: 500px;
        padding-left: inherit
    }

    .rtl .msb-reply {
        border-left: 0 !important;
        border-right: 0 !important
    }
}

@media (min-width:1200px) {

    .rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 8%;
        margin-right: inherit
    }

    .rtl .dt-buttons.btn-group {
        left: inherit;
        right: 120px
    }
}

.rtl #messages-main .ms-user>div {
    padding: 3px 5px 0 15px
}

.rtl #messages-main #ms-compose {
    right: 30px;
    left: inherit;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.rtl .message-feed:not(.right) .mf-content {
    margin-right: 15px;
    margin-left: inherit;
    border-radius: 4px 12px
}

.rtl .main-chat-list .media-body,
.rtl .main-chat-msg-name,
.rtl .main-contact-body,
.rtl .message-feed.right .mf-content {
    margin-right: 15px;
    margin-left: inherit
}

.rtl .mf-date {
    margin-left: 15px;
    margin-right: 15px
}

.rtl .msb-reply button {
    left: 9px;
    right: inherit
}

.rtl .actions>li>a {
    margin-right: 5px;
    margin-left: inherit
}

.rtl #ms-menu-trigger {
    left: 0;
    right: inherit;
    text-align: right
}

.rtl .ah-actions {
    float: left !important
}

.rtl .ms-menu-trigger {
    float: left
}

.rtl .inbox-message ul li:focus,
.rtl .inbox-message ul li:hover {
    background: #f0f0f2;
    z-index: 0
}

.rtl .chat-conatct-list .media:hover {
    z-index: inherit
}

.rtl .inbox-message .message-avatar {
    left: 30px;
    right: inherit
}

.rtl .inbox-message .message-body {
    margin-left: 85px;
    margin-right: inherit
}

.rtl .message-body-heading h5 {
    margin: 0 0 7px
}

.rtl .message-body h5 span {
    margin-left: 5px;
    margin-right: inherit
}

.rtl .list-icons i {
    font-size: 56px
}

.rtl .ms-menu .tab-menu-heading {
    padding: 0 13px 0 17px;
    border-radius: 5px 0 0;
    border-right: 0;
    border-left: 0
}

.rtl .ms-menu .tab-menu-heading .tabs-menu1 ul li {
    margin: 0 10px 0 0
}

.rtl .chat-conatct-list .list-group-item .chat-time,
.rtl .chat-conatct-list .option-dots {
    left: 10px;
    right: inherit
}

.rtl .chat-box-single-line {
    margin: 7px 0 30px
}

.rtl .chat .video_cam {
    margin-left: 50px;
    margin-right: inherit
}

.rtl .chat .video_cam span {
    margin-right: 20px;
    margin-left: inherit
}

.rtl .chat .msg_cotainer {
    margin-left: 10px;
    margin-right: inherit;
    border-radius: 0 12px
}

.rtl .chat .msg_cotainer_sright {
    border-radius: 12px 0;
    margin: 0 12px 10px 0
}

.rtl .chat .msg_head {
    box-shadow: 0 1px 15px 1px rgba(58, 58, 62, .4)
}

.rtl #action_menu_btn {
    right: 36px;
    left: inherit
}

.rtl .action_menu {
    right: 15px;
    left: inherit
}

.rtl .action-header,
.rtl .chat .action-header {
    padding: 15px 13px 15px 17px
}

.rtl .chat .dropdown-menu.dropdown-menu-end.show {
    transform: translate3d(-176px, 22px, 0);
    left: 0;
    right: inherit
}

.rtl .chat .msb-reply textarea {
    margin-left: -42px;
    margin-right: inherit
}

.rtl .chat .actions>li {
    padding: 0 0 0 2px
}

.rtl .modal-content .actions>li>a {
    box-shadow: 0 2px 3px rgba(16, 16, 38, .1)
}

@media (min-width:992px) {
    .rtl .main-content-left-chat {
        border-left: 0
    }

    .rtl .main-chat-footer {
        left: auto;
        right: auto
    }

    .rtl .main-nav-line-chat {
        padding-right: 0;
        padding-left: inherit
    }
}

.rtl .main-contact-info-header .media-body .nav-link+.nav-link,
.rtl .main-nav-line-chat .nav-link {
    margin-left: 10px;
    margin-right: inherit
}

.rtl .main-chat-contacts,
.rtl .main-content-left-contacts .main-content-breadcrumb,
.rtl .main-content-left-contacts .main-content-title {
    padding-left: 20px;
    padding-right: inherit
}

.rtl .main-chat-list .main-img-user span {
    left: -2px;
    right: inherit;
    box-shadow: 0 0 0 2px #fff
}

.rtl .main-contact-info-header.bg-contacthead {
    border-radius: 8px 0 0
}

.rtl .main-chat-header {
    justify-content: flex-left;
    padding: 14.2px 20px
}

.rtl .main-chat-header .nav,
.rtl .pagination-pager .page-prev {
    margin-right: auto;
    margin-left: inherit
}

.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    margin-left: 15px;
    margin-right: inherit;
    border-radius: 12px 4px
}

.rtl .main-chat-body .media-body {
    margin-left: 10px;
    margin-right: inherit;
    align-items: flex-start
}

.rtl .main-msg-wrapper {
    border-radius: 4px 12px
}

.rtl .main-chat-footer {
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px
}

.rtl .main-chat-footer .form-control {
    padding-right: 10px;
    padding-left: 0
}

.rtl .msg_card_body .msg_cotainer_send {
    margin-right: 10px;
    margin-left: inherit
}

.rtl #lg-counter,
.rtl .main-contact-info-header,
.rtl .main-contact-label {
    padding-right: 20px;
    padding-left: inherit
}

.rtl .main-contact-info-header .main-img-user a {
    right: 2px;
    left: inherit;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%
}

.rtl .main-contact-action a i,
.rtl .main-contact-info-header .media-body .nav-link i {
    margin-right: 5px;
    margin-left: inherit
}

.rtl .main-contact-action {
    left: 20px;
    right: inherit
}

.rtl .main-contact-action a+a {
    margin-right: 15px;
    left: inherit
}

.rtl .main-contact-info-body .media-body {
    margin-right: 30px;
    margin-left: inherit
}

.rtl .jsr_slider::before {
    left: 50%;
    right: inherit
}

.rtl .range {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.rtl .range output {
    padding: 3px 5px 2px
}

.rtl .page-subtitle {
    margin-left: 2rem;
    margin-right: inherit
}

.rtl .page-options,
.rtl .pagination-pager .page-next {
    margin-left: auto;
    margin-right: inherit
}

.rtl .page-description {
    margin: .25rem 0 0
}

.rtl .content-heading {
    margin: 2rem 0 1.5rem
}

.rtl .aside {
    right: 0;
    left: inherit;
    border-left: 1px solid #e6ebf1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.rtl .nav-unread {
    right: 1rem;
    left: inherit
}

.rtl .app-header1 .header-brand,
.rtl .app-header1 .header-brand .header-brand-img,
.rtl .header-brand,
.rtl .header-brand-img {
    margin-right: 0;
    margin-left: inherit
}

.rtl .app-header {
    transition: padding-right .3s
}

.rtl .header-btn.has-new:before {
    right: 4px;
    left: inherit
}

.rtl .header-toggler-icon {
    left: 50%;
    right: inherit;
    margin: -2px 0 0 -.5rem;
    box-shadow: 0 5px currentColor, 0 -5px currentColor
}

.rtl footer.footer {
    box-shadow: 16px 0 16px rgba(24, 23, 38, .06)
}

.rtl .br-tr-7 {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 0 !important
}

.rtl .br-br-7 {
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 0 !important
}

@media (max-width:320px) {
    .fc-toolbar .fc-right {
        float: right;
        width: 100%;
        text-align: center;
        margin: 10px 0
    }

    .desktop-lgo {
        display: inline-block !important;
        margin-top: 3px !important
    }

    .ui-datepicker .ui-datepicker-calender th {
        padding: 4px 0;
        letter-spacing: normal
    }

    .rtl .fc-toolbar .fc-right {
        float: right
    }
}

.rtl .header .form-inline .form-control {
    padding-left: 40px;
    padding-right: 55px
}

.rtl .header .form-inline .btn {
    padding: 0 15px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    right: 0;
    left: inherit
}

.rtl .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
    padding-right: 20px
}

.rtl .intl-tel-input .flag-dropdown .country-list .flag {
    margin-left: 6px
}

.rtl .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px !important;
    border-radius: 4px 0 0 4px !important
}

.rtl .intl-tel-input .flag-dropdown .selected-flag .down-arrow {
    right: 20px
}

.rtl .intl-tel-input .flag-dropdown .selected-flag {
    padding: 9px 16px 10px 24px !important
}

.rtl .sw-theme-dots>ul.step-anchor>li>a:after {
    right: 38%;
    left: inherit
}

.rtl .sw-theme-dots>ul.step-anchor>li>a:before {
    right: 37%;
    left: inherit
}

.rtl .acc-step-number {
    line-height: 22px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0
}

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: 6px;
    right: inherit
}

.rtl .tree li i {
    margin-left: 10px;
    margin-right: inherit;
    float: right;
    margin-top: 5px
}

.custom-select.open .select-icon,
.rtl .fe.fe-chevron-right {
    transform: rotate(180deg)
}

.rtl #chart2 .apexcharts-yaxis.apexcharts-xaxis-inversed text {
    transform: translateX(-75px)
}

.rtl #chart-timeline .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
    transform: translateX(-35px)
}

.rtl #chart3 .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
    transform: translateX(-25px)
}

.rtl #chart .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
    transform: translateX(-15px)
}

.rtl #echart1 span {
    margin-left: 5px !important
}

.rtl .c3-axis.c3-axis-y .tick text {
    transform: translateX(-10px)
}

.rtl #chart-bar-rotated .c3-axis.c3-axis-x .tick text,
.rtl #chart-spline-rotated .c3-axis.c3-axis-x .tick text {
    transform: translateX(-20px)
}

.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.rtl .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.rtl.register-2 .input-group-text {
    border-right: 1px solid #e6ebf1 !important;
    border-left: 0 !important
}

.rtl.register-3 .input-group-text {
    border-left: 0 !important;
    border-right: 1px solid #755fce !important
}

.rtl .mail-inbox-elements span.badge {
    margin-right: auto !important;
    margin-left: .5rem !important
}

.rtl .mail-inbox-elements .list-group-item i {
    margin-left: 1.5rem !important;
    margin-right: .5rem !important
}

.rtl .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-right: -4px !important;
    margin-left: inherit !important
}

.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.rtl .bs-popover-end>.popover-arrow::before {
    right: 0;
    border-width: .5rem .5rem .5rem 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.rtl .bs-popover-end>.popover-arrow {
    right: calc((-17.1rem + 1px) * -1) !important;
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.rtl .bs-popover-end>.popover-arrow::before {
    border-left-color: rgba(0, 0, 0, .25) !important;
    border-right-color: transparent !important
}

.rtl .header-notify .show.dropdown-menu {
    right: -198px !important;
    left: 0 !important
}

@media (min-width:992px) and (max-width:1400px) {
    .rtl .hor-header .header-search {
        min-width: 14rem !important
    }
}

@media only screen and (max-width:991.98px) {
    .rtl .animated-arrow {
        right: 0;
        left: inherit;
        padding: 16px 0 16px 35px;
        margin: 0 8px 0 0
    }
}

.rtl .app-sidebar__logo,
.rtl .header .profile-dropdown,
.rtl .hor-header .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important
}

@media only screen and (max-width:991px) {
    .rtl.active .horizontalMenucontainer {
        margin-right: 240px !important
    }
}

@media (max-width:991.98px) {

    #fullscreen-button,
    .app-header .header-brand .header-brand-img,
    .main-content-body-show .main-content-left-chat,
    .main-content-body-show .main-header-menu-icon,
    .mobile-logo .dark-logo {
        display: none
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block
    }

    .main-content-body-show .main-content-body-chat {
        display: flex
    }

    .header-brand-img {
        height: 2.5rem;
        top: 18px
    }

    .dark-mode .header-brand-img.dark-logo {
        margin-top: 0 !important
    }

    .navbar-collapse.responsive-navbar .header-search .btn {
        position: absolute;
        right: 0;
        top: 4px
    }

    .dropdown-menu-arrow.dropdown-menu-start:after,
    .dropdown-menu-arrow.dropdown-menu-start:before,
    .header-message,
    .header-notify,
    .navsearch,
    .profile-dropdown,
    .register-2 .header-brand-img,
    .responsive-navbar .collapsing .dropdown-menu,
    .search-element {
        display: none !important
    }

    .navbar-toggler.navresponsive-toggler {
        padding: 0 !important
    }

    .navbar-toggler.navresponsive-toggler:focus,
    .search-show .mobile-main-header .search-element .btn:focus {
        box-shadow: none
    }

    .navbar-toggler.navresponsive-toggler i,
    .page-header {
        margin-top: 10px !important
    }

    .demo-icon .header-icon {
        margin-top: 18px !important
    }

    .responsive-navbar .dropdown-menu.show {
        padding: .5rem 0 !important
    }

    .app-header .form-control:focus {
        border-color: #dfdfef
    }

    .responsive-navbar .collapse.show .dropdown-menu.show {
        display: block !important
    }

    .header .main-header-end .nav-link.icon {
        padding: 1.8rem .3rem !important
    }

    .header .profile-dropdown {
        padding: .7rem .5rem;
        border-right: 1px solid #e6ebf1 !important
    }

    .mobile-main-header .header-message,
    .mobile-main-header .header-notify,
    .mobile-main-header .navsearch,
    .mobile-main-header .profile-dropdown {
        position: inherit;
        display: block !important
    }

    .search-show .mobile-main-header .search-element {
        position: absolute;
        z-index: 998;
        display: block !important;
        background: #fff !important;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        padding: 12px
    }

    .search-show .mobile-main-header .search-element .mobile-view-search {
        border: 0;
        padding-left: 55px;
        padding-right: 40px;
        margin-top: 1px;
        padding-bottom: 6px
    }

    .search-show .mobile-main-header .search-element .btn {
        position: absolute;
        left: 7px;
        top: 10px
    }

    .search-show .mobile-main-header .search-element .close-btn {
        top: 16px !important
    }

    .mobile-main-header .header-avatar1 {
        margin-top: 4px !important
    }

    .desktop-lgo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        position: absolute
    }

    .app-header {
        padding-bottom: 0 !important;
        z-index: 9999
    }

    .nav-link.icon .header-icon {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 36px;
        height: 36px;
        background: 0 0;
        padding: 8px;
        margin-top: 4px
    }

    .app-header .header-brand {
        margin-right: 0;
        padding-top: 12px
    }

    #message-menu1 {
        height: 300px
    }

    .app-sidebar__toggle {
        border-right: 0px !important;
        margin: 0;
        padding: 1rem .75rem !important;
        font-size: 1.2rem;
        position: relative
    }

    .close-btn,
    .pulse {
        position: absolute
    }

    .pulse {
        display: block;
        top: 18px;
        right: 17px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f72d66;
        cursor: pointer;
        animation: 2s infinite pulse
    }

    .side-badge {
        top: 13px !important
    }

    .header-notify .show.dropdown-menu {
        top: 45px
    }

    .dropdown-menu.show {
        top: 59px;
        left: 0;
        border-bottom-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border: 1px solid #e6ebf1;
        box-shadow: -8px 12px 18px 0 rgba(15, 34, 58, .1);
        padding: 0 !important
    }

    .close-btn {
        right: 25px;
        font-size: 20px;
        top: 12px;
        color: #728096
    }

    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg>.table-bordered,
    .text-wrap .table-responsive-lg>table {
        border: 0
    }

    .rtl .navbar-expand-lg>.container,
    .rtl .navbar-expand-lg>.container-fluid,
    .rtl .navbar-expand-md>.container,
    .rtl .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .rtl div.dataTables_wrapper div.dataTables_filter {
        text-align: center !important
    }

    .rtl .theme-layout.nav-link-bg.layout-setting {
        border-left: 1px solid #e6ebf1 !important
    }

    .rtl .navbar-collapse.responsive-navbar .header-search .btn {
        left: 0;
        right: inherit
    }
}

.rtl table.dataTable>thead .sorting:after,
.rtl table.dataTable>thead .sorting_asc:after,
.rtl table.dataTable>thead .sorting_asc_disabled:after,
.rtl table.dataTable>thead .sorting_desc:after,
.rtl table.dataTable>thead .sorting_desc_disabled:after {
    left: .5em !important;
    right: inherit;
    content: "↓"
}

.rtl table.dataTable>thead .sorting:before,
.rtl table.dataTable>thead .sorting_asc:before,
.rtl table.dataTable>thead .sorting_asc_disabled:before,
.rtl table.dataTable>thead .sorting_desc:before,
.rtl table.dataTable>thead .sorting_desc_disabled:before {
    left: 1em !important;
    right: inherit;
    content: "↑"
}

.rtl .notify-time {
    position: absolute;
    top: auto;
    bottom: auto;
    left: 25px;
    right: auto
}

.rtl .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -1.65em
}

.rtl .owl-nav .owl-next {
    left: -25px;
    right: inherit
}

.rtl .file-image .icons {
    left: 22px;
    right: inherit;
    text-align: left
}

.rtl .file-image-1 .icons {
    left: 7px;
    right: inherit;
    text-align: left
}

@media (min-width:992x) {
    .rtl.closed-menu.sidebar-mini.sidenav-toggled .app-header {
        padding-right: 0
    }

    .rtl.closed-menu.rtl.sidebar-mini.sidenav-toggled .app-content {
        margin-right: 0 !important
    }
}

.rtl .tree ul li:before {
    right: -10px;
    left: inherit
}

.rtl .tree ul:before {
    right: -10px;
    left: inherit;
    border-right: 2px solid #ebecf1;
    border-left: inherit
}

.rtl .tree ul {
    margin-right: 1em;
    margin-left: inherit
}

.rtl.login-page .demo-icon {
    right: auto;
    left: 60px
}

@media (min-width:992px) {
    .rtl .main-contact-action {
        left: 20px;
        right: inherit
    }

    .rtl .main-contact-info-header {
        padding-right: 30px;
        padding-left: inherit
    }

    .rtl .main-contact-info-header .media-body {
        margin-right: 30px;
        margin-left: inherit
    }

    .rtl .main-contact-label {
        padding-right: 10px;
        padding-left: inherit
    }

    .rtl .main-content-left-contacts .main-content-breadcrumb,
    .rtl .main-content-left-contacts .main-content-title {
        padding-left: 0;
        padding-right: inherit
    }

    .rtl .hor-header .demo-icon {
        border-right: 0px solid #e6ebf1 !important
    }

    .rtl.icontext-menu.sidebar-mini.sidenav-toggled .app-content {
        margin-left: 0 !important;
        margin-right: 120px !important
    }

    .rtl.icontext-menu.sidebar-mini.sidenav-toggled .app-header {
        padding-right: 120px !important
    }

    .rtl.icontext-menu.rtl .app-header.header {
        padding-left: 0 !important
    }

    .rtl.hover-submenu.sidebar-mini.sidenav-toggled .app-content {
        margin-left: 0;
        margin-right: 110px !important
    }

    .rtl.hover-submenu.sidebar-mini.sidenav-toggled .app-header {
        padding-right: 110px;
        padding-left: inherit
    }

    .rtl.hover-submenu .app-header.header {
        padding-left: 0
    }

    .rtl.hover-submenu.app.sidenav-toggled1.sidenav-toggled .slide-menu {
        right: 110px
    }

    .rtl.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item,
    .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
        padding: 10px 14px 10px 20px !important
    }

    .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-side-menu__item,
    .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-side-menu__item,
    .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide.slide-menu.sub-slide.sub-side-menu__item {
        padding-right: 20px !important
    }

    .rtl.hover-submenu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        width: 109px !important
    }

    .rtl.hover-submenu1.app.sidenav-toggled .app-content {
        margin-left: 0
    }

    .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide .slide-menu {
        right: 70px
    }

    .rtl.hover-submenu1 .slide.slide-menu.sub-slide.sub-side-menu__item {
        padding-right: 52px
    }

    .rtl.hover-submenu1.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        width: 69px !important
    }

    .rtl.closed-menu.app.sidenav-toggled .main-header1 {
        padding-right: 0 !important
    }

    .rtl.closed-menu.app.sidenav-toggled .app-content {
        margin-right: 0 !important
    }

    .rtl.closed-menu.sidebar-mini.sidenav-toggled .app-header {
        padding-right: 0
    }

    .rtl.horizontal .main-sidemenu i.angle {
        right: 4px !important
    }

    .rtl.horizontal .slide-item,
    .rtl.horizontal .sub-side-menu__item {
        padding: 8px 25px !important
    }

    .rtl.horizontal .sub-slide .sub-slide-menu,
    .rtl.horizontal .sub-slide-menu2 {
        right: 180px;
        left: inherit
    }

    .rtl.horizontal .sub-slide-item,
    .rtl.horizontal .sub-slide-menu2 .sub-slide-item2 {
        padding: 19px 24px 19px 0 !important
    }

    .rtl.app.sidenav-toggled .app-sidebar {
        right: 250px;
        left: auto
    }

    .rtl .app-content {
        margin-right: 250px;
        margin-left: inherit
    }
}

.rtl .app-content {
    -webkit-transition: margin-right .3s;
    -o-transition: margin-right .3s;
    transition: margin-right .3s
}

.rtl .app-sidebar__toggle {
    border-left: 1px solid #e6ebf1;
    margin-right: -12px
}

.rtl .app-sidebar {
    right: 0;
    left: auto;
    border-left: 1px solid #e6ebf1;
    -webkit-transition: right .3s, width .3s;
    transition: right .3s, width .3s
}

.rtl .side-menu__item,
.rtl.sidebar-min.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
    padding: 3px 5px 3px 22px
}

.rtl .side-menu .side-menu__icon {
    margin-right: initial
}

.rtl .slide.is-expanded .angle,
.rtl .sub-slide.is-expanded .sub-angle,
.rtl .sub-slide2.is-expanded .sub-angle2 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rtl .slide-item {
    padding: 7px 44px 7px 14px !important
}

.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
    -webkit-transition: right .3s, width .3s;
    transition: right .3s, width .3s
}

.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
    margin-left: 0
}

.rtl .angle {
    font-size: .95rem
}

.rtl .dropdown-menu.dropdown-menu-end {
    left: 0 !important;
    right: inherit
}

.rtl .sub-slide-item,
.rtl .sub-slide-item2,
.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .sub-slide2 .sub-slide-item2 {
    padding: 19px 60px 19px 0 !important
}

.rtl .sub-side-menu__item {
    padding-right: 52px !important;
    padding-left: 33px !important;
    text-align: right
}

.rtl .sub-slide-menu2 .sub-slide-item2 {
    padding: 19px 75px 19px 0 !important
}

.rtl .sub-angle2 {
    left: 33px;
    right: auto
}

@media (min-width:576px) and (max-width:991.98px) {
    .rtl .desktop-lgo {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media (min-width:576px) {
    .rtl .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: 10px;
        margin-right: inherit
    }

    .rtl .main-contact-info-header .media-body .nav-link i {
        margin-right: 7px;
        margin-left: inherit
    }

    .rtl .header .nav-link.icon.layout-setting {
        border-left: 1px solid #e6ebf1 !important
    }
}

.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .side-menu__item {
    padding: 3px 5px 3px 22px !important
}

.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
    padding: 10px 43px 10px 14px !important
}

.rtl .fa-angle-left:before {
    content: "\f105"
}

.rtl .fa-angle-right:before {
    content: "\f104"
}

.rtl .fa-angle-double-right:before {
    content: "\f100"
}

.rtl .fa-angle-double-left:before {
    content: "\f101"
}

.rtl .wizard>.steps a .number,
.rtl .wizard>.steps a:active .number,
.rtl .wizard>.steps a:hover .number {
    margin-right: inherit;
    margin-left: 5px
}

.rtl .si-arrow-right:before {
    content: "\e605"
}

.rtl .active.carousel-item-start,
.rtl .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(100%) !important
}

.rtl .active.carousel-item-end,
.rtl .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(-100%) !important
}

.rtl .lg-outer .lg-dropdown .lg-icon {
    margin-left: 8px;
    margin-right: inherit
}

.rtl .lg-outer .lg-dropdown {
    text-align: right;
    left: 0;
    right: inherit
}

.rtl .lg-outer .lg-dropdown:after {
    left: 16px;
    right: inherit
}

.app-sidebar {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05) !important
}

.app-header,
.app-sidebar {
    z-index: 999999;
    box-shadow: 0 .76rem 1.52rem rgba(18, 38, 63, .03);
    left: 0
}

@media (min-width:992px) {
    .rtl .app-header {
        padding-right: 250px;
        padding-left: 0;
        padding-bottom: 0
    }

    .rtl.sidebar-mini.sidenav-toggled .app-content {
        margin-right: 70px !important;
        margin-left: 0;
        margin-right: inherit
    }

    .rtl.sidebar-mini.sidenav-toggled .app-sidebar {
        right: 0;
        left: auto;
        -webkit-transition: right .3s, width .3s;
        transition: right .3s, width .3s
    }

    .rtl footer.footer {
        padding: 1.25rem 250px 1.25rem 1.25rem
    }

    .rtl.sidenav-toggled footer.footer {
        padding: 1.25rem 70px 1.25rem 1.25rem
    }

    .rtl.sidenav-toggled .app-sidebar__logo {
        padding: 11px 12px;
        width: 70px;
        border-left: 1px solid #e6ebf1 !important
    }

    .rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-left: 1px solid #e6ebf1 !important;
        width: 250px
    }

    .rtl .search-element {
        margin-right: 16px;
        margin-left: inherit
    }

    .rtl.sidebar-mini.sidenav-toggled .app-header {
        padding-left: 0;
        padding-right: 70px
    }

    .rtl.horizontal .app-sidebar .side-menu__item {
        padding: 13px 10px 13px 25px
    }

    .rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
        padding: 1px 5px 1px 22px
    }

    .rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
        padding: 10px 14px 10px 20px
    }

    .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-slide-item,
    .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-slide-item2,
    .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-slide-item,
    .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-slide-item2 {
        padding-right: 35px !important;
        padding-left: inherit !important
    }

    .app.sidenav-toggled .app-content {
        margin-left: 0
    }

    .app.sidenav-toggled .app-sidebar {
        left: 250px
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: hidden
    }

    .app-sidebar__user {
        margin-top: 74px
    }

    .app-content {
        margin-left: 217px;
        padding-bottom: 1rem
    }
}

.app-sidebar .ps__thumb-y {
    right: 0
}

.app-content {
    min-height: calc(100vh - 50px);
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    -webkit-transition: margin-left .3s;
    -o-transition: margin-left .3s;
    transition: margin-left .3s;
    overflow: hidden
}

.app-content .side-app {
    padding: 25px 1.5rem 0
}

@media (max-width:991px) {

    .header-brand-img,
    .headerstyle-2 .header .header-brand-img,
    .headerstyle-3 .header .header-brand-img,
    .horizontal.app .main-sidemenu .slide-left,
    .horizontal.app .main-sidemenu .slide-right,
    .media.profile-footer .media-user,
    .register1 .register-1,
    .sub-pageheader .nav-link,
    .top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
        display: none
    }

    .header .form-inline .search-element .form-control {
        padding-top: 10px
    }

    .header .form-inline .search-element .btn {
        padding: 0;
        left: 25px;
        top: 22px;
        position: absolute !important;
        margin-top: 0
    }

    .dark-mode .theme-layout,
    .theme-layout {
        border-left: 0 !important
    }

    .mobile-header .theme-layout {
        margin-right: 0 !important;
        padding-right: 0 !important
    }

    .header-message .nav-link {
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    .header.top-header.hor-top-header {
        border-bottom: 0
    }

    .header.hor-header .header-brand-img.light-logo1,
    .page-header,
    .sub-pageheader .left-nav .nav-link:first-child,
    .sub-pageheader .left-nav .nav-link:nth-child(2),
    .sub-pageheader .right-nav .nav-link.d-md-none {
        display: block
    }

    .page-header .page-leftheader ol {
        padding-top: 0;
        margin-bottom: 12px
    }

    .page-rightheader h6 {
        font-size: 10px
    }

    #checkoutsteps>.steps .number {
        background-color: #eaedf7;
        color: #9197ab;
        font-size: 15px;
        font-weight: 600;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto
    }

    #checkoutsteps>.steps a {
        font-size: 12px !important
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: #eaedf7;
        -webkit-transform: translateY(1.7rem);
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        top: 20px
    }

    .invoicedetailspage {
        margin-top: 10px
    }

    .register1 .bg-white {
        border-top-left-radius: 7px !important;
        border-bottom-left-radius: 7px !important
    }

    .register-3 .header-brand-img {
        display: none !important
    }

    .register-icons {
        margin-bottom: 20px
    }

    .main-profile-contact-list .media {
        margin-top: 15px !important
    }

    .horizontal .app.horizontal .side-menu .side-item-category {
        display: block !important
    }

    .horizontal .app-sidebar.horizontal-main {
        left: -300px
    }

    .horizontal .main-header.hor-header {
        box-shadow: 0 7px 26px rgba(154, 154, 204, .1)
    }

    .horizontal .main-sidemenu {
        padding: 0
    }

    .horizontal .horizontalMenucontainer .main-header.hor-header {
        position: fixed
    }

    .hor-content .container,
    .hor-header .container {
        max-width: none
    }

    .logo-horizontal {
        display: block;
        left: 0;
        right: 0;
        width: inherit
    }

    .header.hor-header {
        position: fixed;
        border-bottom: 1px solid #e9edf4;
        width: 100%;
        z-index: 999;
        top: 0
    }

    .header.hor-header .header-brand-img.desktop-logo {
        display: none;
        margin: 0 auto
    }

    .rtl .app-header .responsive-navbar.navbar .navbar-collapse {
        right: 0;
        left: inherit
    }

    .rtl .responsive-navbar .collapse.show .dropdown .dropdown-menu.header-search {
        left: 0;
        right: 0
    }

    .rtl .responsive-navbar .collapse.show .dropdown .show.dropdown-menu {
        left: 0 !important;
        right: 0 !important
    }

    .rtl .shop-dec .col-md-6.pr-0 {
        padding-right: .75rem !important;
        padding-left: inherit !important
    }

    .rtl .shop-dec .col-md-6.pl-0 {
        padding-left: .75rem !important;
        padding-right: inherit !important
    }

    .rtl .dt-buttons.btn-group {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .rtl .hor-header .animated-arrow.hor-toggle {
        right: 6px !important;
        left: inherit !important;
        padding: 16px 0 16px 35px !important
    }

    .rtl.app .app-sidebar {
        right: -265px;
        left: auto
    }

    .rtl.app.sidenav-toggled .app-sidebar {
        right: 0;
        left: auto
    }

    .side-menu {
        margin-top: 0 !important
    }

    .app {
        overflow-x: hidden
    }

    .app .app-sidebar {
        left: -265px;
        margin-top: 74px !important
    }

    .app .app-sidebar__overlay {
        visibility: hidden
    }

    .app.sidenav-toggled .app-content {
        margin-left: 0
    }

    .app.sidenav-toggled .app-sidebar {
        left: 0
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: visible
    }

    .sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
        line-height: 1
    }

    .app-content {
        margin-top: 50px;
        min-width: 100%
    }

    .app-sidebar__toggle {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.line-head,
.sidebar-mini .sub-slide.is-expanded .sub-slide-menu li:last-child {
    padding-bottom: 10px
}

.light-text {
    font-weight: 300 !important
}

.line-head {
    border-bottom: 1px solid #ddd
}

.app-header {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: padding-left .3s;
    border-bottom: 1px solid #e6ebf1 !important
}

.app-nav__item,
.app-search__input {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s
}

.app-header__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #fff;
    text-align: center;
    font-family: Niconne;
    padding: 0 15px;
    font-size: 26px;
    font-weight: 400;
    line-height: 50px
}

.cabecalho-modais,
.cabecalho-tabela,
.fonte-titulo {
    font-family: var(--font-family-principal)
}

.app-header__logo:focus,
.app-header__logo:hover {
    text-decoration: none
}

.app-sidebar__toggle {
    padding: .85rem 1rem;
    font-size: 1.2rem;
    border-right: 1px solid #e6ebf1;
    position: relative;
    margin-left: -12px
}

.app-sidebar__toggle a {
    color: #b6c1d9
}

.app-sidebar__toggle .header-icon {
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    padding: 8px;
    margin-top: 3px;
    margin-left: 3px
}

.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover {
    text-decoration: none
}

.app-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: flex-right
}

.app-nav__item {
    display: block;
    padding: 15px;
    line-height: 20px;
    color: #a8a8a8;
    transition: background-color .3s
}

.app-nav__item:focus,
.app-nav__item:hover {
    background: rgba(0, 0, 0, .1);
    color: #f6f6f6
}

.app-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 15px;
    padding: 10px 0
}

.app-search__input {
    border: 0;
    padding: 5px 30px 5px 10px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .8);
    transition: background-color .3s
}

.app-search__input:-ms-input-placeholder,
.app-search__input::-ms-input-placeholder,
.app-search__input::-webkit-input-placeholder,
.app-search__input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.app-search__button {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    padding: 0 10px;
    border: 0;
    color: rgba(0, 0, 0, .8);
    background: 0 0;
    cursor: pointer
}

.app-notification {
    min-width: 270px
}

.app-notification__title {
    padding: 8px 20px;
    text-align: center;
    background-color: rgba(0, 150, 136, .4);
    color: #333
}

.app-notification__footer {
    padding: 8px 20px;
    text-align: center;
    background-color: #eee
}

.app-notification__content {
    max-height: 220px;
    overflow-y: auto
}

.app-notification__content::-webkit-scrollbar {
    width: 6px
}

.app-notification__content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2)
}

.app-notification__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    color: inherit;
    border-bottom: 1px solid #ddd;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.app-notification__item:focus,
.app-notification__item:hover {
    color: inherit;
    text-decoration: none;
    background-color: #e6ebf1
}

.app-sidebar__user,
.side-menu__item {
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe
}

.app-notification__message {
    line-height: 1.2
}

.app-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    margin-top: 0;
    width: 250px;
    max-height: 100%;
    background: #fff !important;
    border-right: 1px solid #e6ebf1;
    -webkit-transition: left .3s, width .3s;
    transition: left .3s, width .3s
}

.app-sidebar__user-designation,
.app-sidebar__user-name {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px !important;
    white-space: nowrap;
    margin-bottom: 0
}

.app-sidebar::-webkit-scrollbar {
    width: 6px
}

.app-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2)
}

.app-sidebar__user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    display: inline-block;
    border-bottom: 1px solid #e6ebf1
}

.app-sidebar__user .dropdown-menu {
    top: 10px !important
}

.sidenav-toggled .app-sidebar__user .user-pic {
    margin: 0
}

.app-sidebar__user .user-pic {
    margin-bottom: 12px
}

.app-sidebar__user-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px
}

.app-sidebar__user-name {
    line-height: 1.3
}

.app-sidebar__user-name.text-sm {
    font-size: 12px;
    font-weight: 400
}

.side-menu {
    margin-bottom: 0;
    padding-bottom: 40px;
    margin-top: 90px
}

.side-menu__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 22px 3px 5px;
    font-size: 20px;
    font-weight: 400;
    border-radius: .25rem;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px
}

.app-sidebar-help,
.app-sidebar__logo {
    position: fixed;
    width: 250px;
    background: #fff
}

.side-menu__item.active,
.side-menu__item:focus,
.side-menu__item:hover {
    text-decoration: none;
    background: #f3f6f8;
    color: var(--cor-principal);
}

.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
    fill: var(--primary-bg-color) !important
}

.side-menu__item .fe-chevron-right {
    font-size: .95rem
}

/* Estilo para o item de menu ativo */
.side-menu__item.active {
    color: var(--cor-principal);
    /* Cor do texto branca */
}

.side-menu__item.active .side-menu__icon {
    fill: #6a1b9a;
    /* Cor roxa para o ícone */
}

.sidenav-toggled .side-menu__item:focus {
    background: 0 0 !important
}

.sidenav-toggled .side-menu__item:focus .side-menu__icon {
    fill: #6c756e
}

.sidenav-toggled1 .side-menu__item:focus {
    background: #f3f6f8 !important
}

.sidenav-toggled1 .side-menu__item:focus .side-menu__icon {
    fill: #fff
}

.slide.is-expanded a.slide-item {
    -webkit-transition: .3s;
    transition: .3s
}

.slide.is-expanded a.slide-item:hover {
    margin-left: 5px;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}

.side-menu .side-menu__icon {
    font-size: 1.24rem;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    padding: 8px;
    margin-right: .5rem
}

.side-menu__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25px
}

.side-menu__label {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .6px;
    opacity: 1;
    height: auto;
    transition: width .3s cubic-bezier(0, 0, .2, 1)
}

.slide-menu {
    display: none;
    padding: 0;
    font-size: .8rem !important
}

.slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 14px 7px 44px;
    font-size: 13px;
    color: #6c756e
}

.angle {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-size: 12px
}

.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
    position: relative
}

.dropdown-menu {
    border-radius: 0
}

.app-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    margin: -30px -30px 30px;
    padding: 20px 30px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.app-title h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 400
}

.app-title p {
    margin-bottom: 0
}

.app-breadcrumb {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    padding: 0;
    text-align: left;
    background-color: transparent
}

@media (max-width:480px) {

    .app-search,
    .app-title p {
        display: none
    }

    .app-title {
        margin: -15px -15px 15px;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: flex-left
    }

    .app-breadcrumb {
        margin-top: 10px
    }
}

@media print {
    .app-content {
        margin: 0;
        padding: 0;
        background-color: #fff
    }

    .app-header,
    .app-sidebar,
    .app-title {
        display: none
    }

    .tile {
        border: 1px solid #ddd
    }
}

.sidenav-toggled .app-sidebar__user .avatar-md {
    line-height: 2rem;
    font-size: 1rem
}

.app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, .05)
}

.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255, 255, 255, .2)
}

.slide-menu a:before {
    content: "";
    margin-right: 8px;
    position: relative;
    opacity: .6
}

.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
    position: absolute;
    top: 5px;
    left: 57px;
    display: block !important;
    padding: 3px 5px !important
}

.close-toggle,
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
    display: none
}

.nav-badge {
    border-radius: 30px;
    padding: .4em .6em;
    font-size: 12px
}

@media (max-width:991px) and (min-width:481px) {
    .header-brand {
        margin-left: 0;
        min-width: auto !important
    }
}

@media (max-width:991px) {
    .app-sidebar__overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9
    }

    .app-header .header-brand-img.mobile-logo {
        margin-left: 0;
        margin-top: 16px
    }

    .main-content .side-app {
        padding: 25px .75rem 0
    }

    .app-sidebar {
        margin-top: 74px
    }

    .app-sidebar__logo {
        display: none
    }
}

.app-sidebar__logo {
    padding: 11px 20px;
    border-right: 1px solid #e6ebf1;
    z-index: 999999;
    -webkit-transition: left .3s, width .3s;
    -o-transition: left .3s, width .3s;
    transition: left .3s, width .3s
}

.app-sidebar__toggle a i {
    line-height: 1.5;
    margin-top: 0
}

@media (min-width:992px) {
    .app-header {
        padding-left: 212px;
        padding-bottom: 0
    }

    .sidebar-mini.sidenav-toggled .app-header,
    .sidenav-toggled .header.top-header {
        padding-left: 70px
    }

    .app-header__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: block;
        width: 250px
    }

    .app-nav {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .app.sidebar-mini.sidenav-toggled .side-menu__label {
        display: none !important
    }

    .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 600;
        color: #e5e9ec;
        font-size: 15px;
        margin-top: 5px !important;
        white-space: nowrap
    }

    .app-header .header-brand,
    .header-brand-img.dark-logo,
    .header-brand-img.darkmobile-logo,
    .header-brand-img.mobile-logo,
    .sidebar-mini.sidenav-toggled .angle,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before,
    .sidebar-mini.sidenav-toggled .sidebar-navs,
    .sidebar-mini.sidenav-toggled .user-info,
    .sidebar-mini.sidenav-toggled .user-notification,
    .sidenav-toggled .app-sidebar .side-item.side-item-category,
    .sidenav-toggled .app-sidebar-help,
    .sidenav-toggled .app-sidebar-help .help-dropdown,
    .sidenav-toggled .header-brand-img.desktop-lgo,
    .sidenav-toggled .side-badge,
    .sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo {
        display: none
    }

    .sidebar-mini.sidenav-toggled .sidebar-mini.sidenav-toggled.user-notification::before {
        background: 0 0;
        display: none
    }

    .sidebar-mini.sidenav-toggled .avatar-xl {
        width: 3rem !important;
        height: 3rem !important;
        line-height: 3rem;
        font-size: 1rem;
        margin-bottom: 10px !important;
        margin-top: 10px !important
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__user {
        top: .5rem;
        right: 30px !important;
        margin-top: 74px;
        padding: 4px 0 0;
        margin-bottom: 0
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
        width: 25px;
        height: 25px
    }

    .sidebar-mini.sidenav-toggled .profile-img {
        top: 0;
        right: 19px
    }

    .sidebar-mini.sidenav-toggled .app-content {
        margin-left: 70px
    }

    .sidebar-mini.sidenav-toggled .app-sidebar {
        left: 0;
        width: 80px;
        overflow: hidden;
        -webkit-transition: left .3s, width .3s;
        transition: left .3s, width .3s;
        max-height: 100%
    }

    .sidebar-mini.sidenav-toggled .side-menu__item {
        overflow: hidden
    }

    .sidebar-mini.sidenav-toggled .side-menu__item:hover {
        overflow: visible
    }

    .sidebar-mini.sidenav-toggled .side-menu__item:hover .side-menu__label,
    .sidebar-mini.sidenav-toggled .slide:hover .side-menu__label {
        opacity: 1
    }

    .sidebar-mini.sidenav-toggled .side-menu__item:hover+.slide-menu {
        visibility: visible
    }

    .sidebar-mini.sidenav-toggled .side-menu__label {
        display: block;
        position: absolute;
        top: 0;
        left: 50px;
        min-width: 180px;
        padding: 12px 5px 12px 20px;
        margin-left: -3px;
        line-height: 1;
        opacity: 0;
        background: #fff;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, .2);
        box-shadow: 0 8px 17px rgba(0, 0, 0, .2)
    }

    .sidebar-mini.sidenav-toggled .slide:hover .slide-menu {
        max-height: 100%;
        opacity: 1;
        visibility: visible;
        z-index: 10
    }

    .sidebar-mini.sidenav-toggled .slide .side-menu__label {
        border-bottom-right-radius: 0
    }

    .sidebar-mini.sidenav-toggled .slide-menu {
        position: absolute;
        left: 0;
        min-width: 180px;
        opacity: 0;
        border-bottom-right-radius: 4px;
        z-index: 9;
        visibility: hidden;
        -webkit-transition: visibility .3s;
        -o-transition: visibility .3s;
        transition: visibility .3s;
        -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, .2);
        box-shadow: 0 8px 17px rgba(0, 0, 0, .2)
    }

    .app.sidebar-mini.sidenav-toggled .side-menu__item {
        display: block;
        padding: 5px 0;
        margin: 0 auto;
        text-align: center;
        border-left: 0;
        border-radius: 0
    }

    .app.sidebar-mini.sidenav-toggled .side-menu_label {
        display: block;
        font-size: 12px
    }

    .app.sidebar-mini.sidenav-toggled .side-menu__label {
        position: relative;
        padding: 0;
        min-width: 100%;
        margin: 0;
        left: 0;
        opacity: 1;
        background: 0 0;
        font-size: 14px;
        box-shadow: none
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
        margin: 0 auto
    }

    .app.sidebar-mini.sidenav-toggled .nav-badge {
        position: absolute;
        top: 8px;
        right: 28px;
        padding: .2rem .4rem;
        font-size: 11px
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
        overflow: visible;
        width: 250px;
        -webkit-transition: left .3s, width .3s;
        transition: left .3s, width .3s;
        max-height: 100%
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
        align-items: center;
        width: 100%;
        padding: 20px;
        display: inline-block;
        border-bottom: 1px solid #e6ebf1
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user .dropdown-menu {
        top: 10px !important
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded .slide-menu,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .sidebar-navs,
    .sidenav-toggled.sidenav-toggled1 .app-sidebar .side-item.side-item-category,
    .sidenav-toggled.sidenav-toggled1 .app-sidebar-help,
    .sidenav-toggled.sidenav-toggled1 .side-badge {
        display: block
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-avatar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 15px;
        display: inline-block
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name {
        line-height: 1.3;
        margin-bottom: 0;
        display: inline-block
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name.text-sm {
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0 !important
    }

    .app-sidebar__user-designation {
        margin-bottom: 0;
        display: inline-block
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu {
        margin-bottom: 0;
        padding-bottom: 40px
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
        position: relative;
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.40625rem;
        vertical-align: middle;
        font-size: 20px;
        font-weight: 400;
        -webkit-transition: border-start-color .3s, background-color .3s;
        -o-transition: border-start-color .3s, background-color .3s;
        transition: border-start-color .3s, background-color .3s;
        padding: 1px 22px 1px 5px;
        border-radius: .25rem;
        margin: 0 10px 3px
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
        color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe
    }

    .slide-item:focus,
    .slide-item:hover {
        color: var(--primary-bg-color)
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded a,
    .slide-item:focus,
    .slide-item:hover {
        text-decoration: none
    }

    .app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu .side-menu__icon {
        margin-right: 0
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 36px;
        height: 36px;
        background: 0 0;
        padding: 8px !important;
        margin-right: .5rem
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__label {
        display: inline-flex !important;
        min-width: inherit;
        white-space: nowrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: unset;
        font-size: 14px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded .angle {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .user-info {
        display: inline-block
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu {
        display: none;
        padding: 0;
        font-size: .8rem !important;
        box-shadow: none;
        position: unset;
        top: inherit;
        min-width: 0;
        width: 100%;
        opacity: inherit;
        visibility: inherit
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 14px 10px 42px;
        font-size: 13px
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item .icon {
        margin-right: 5px
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        font-size: .95
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user img {
        margin-top: 8px;
        width: 4rem !important;
        height: 4rem !important;
        line-height: 4rem;
        font-size: 1.75rem;
        margin-bottom: .25rem !important
    }

    .sidenav-toggled.sidenav-toggled1 .app-sidebar__user .user-pic {
        margin: 0 0 12px
    }

    .footer {
        padding: 1.25rem
    }

    .footer.footer {
        padding: 1.25rem 1.25rem 1.25rem 250px
    }

    .sidenav-toggled footer.footer {
        padding: 1.25rem 1.25rem 1.25rem 70px
    }

    .header.top-header {
        padding-left: 250px
    }

    .sidenav-toggled .app-sidebar__logo {
        padding: 11px 12px;
        width: 80px;
        border-right: 1px solid #e6ebf1
    }

    .sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
        border-right: 1px solid #e6ebf1 !important;
        width: 250px
    }

    .sidenav-toggled .header-brand-img.mobile-logo {
        display: flex;
        margin: 0 auto;
        height: 3rem
    }

    .sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
        display: flex;
        margin: 0 auto
    }

    .app-sidebar.app-sidebar3 {
        top: 74px
    }

    .app-sidebar.app-sidebar2 {
        box-shadow: none;
        z-index: 9999;
        height: 73px
    }

    .sidenav-toggled.sidenav-toggled1 .app-sidebar-help .help-dropdown {
        display: flex
    }

    .sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
        width: 250px
    }

    .app.sidebar-mini.sidenav-toggled .slide a.side-menu__item.active:after {
        top: 20px
    }
}

.app-sidebar.app-sidebar3 {
    padding-bottom: 70px
}

.app-sidebar-help {
    bottom: 0;
    border-top: 1px solid #e6ebf1;
    z-index: 11
}

.custom-select-container,
.input-icon-senha,
.input-with-icon,
.slide.is-expanded a.sub-side-menu__item,
.sub-slide-item {
    position: relative
}

.app-sidebar-help .header-icon {
    width: 30px;
    height: 30px
}

.sub-slide-item {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 19px 0 19px 60px !important;
    height: 28px !important;
    font-size: 12px;
    color: #6c756e
}

.sub-slide-menu {
    display: none;
    padding: 0;
    font-size: .8rem !important;
    list-style: none
}

.slide-menu .sub-slide.active.is-expanded {
    background: rgba(255, 255, 255, .09)
}

.sub-side-menu__item {
    padding-left: 44px !important;
    padding-right: 33px !important;
    height: 40px !important;
    display: block;
    line-height: 40px;
    font-size: 13px;
    color: #6c756e
}

.slide a.sub-side-menu__item {
    -webkit-transition: .3s;
    transition: .3s
}

.slide a.sub-side-menu__item:hover {
    margin-left: 5px;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}

.sub-angle {
    float: right;
    line-height: 40px;
    margin-top: 12px
}

.help-dropdown {
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe !important
}

.app-sidebar__user .user-pic img {
    box-shadow: 0 0 0 4px #eeeef3;
    border: 3px solid #f8f8fc;
    width: 58px;
    height: 58px;
    margin-top: 8px
}

.app-sidebar__user .user-pic img:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #8760fb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.sidemenu-footer .icon {
    margin: 5px;
    padding: 7px 14px;
    text-align: center;
    position: relative
}

.sidemenu-footer .header-icons {
    width: 24px;
    height: 24px;
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
    fill: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe
}

.tooltip {
    z-index: 999 !important
}

.profile-status {
    content: "";
    position: absolute;
    bottom: 0;
    right: 80px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    top: 51px;
    border: 2px solid #fff
}

.alert-danger,
.alert-success {
    position: fixed;
    top: 82px;
    right: 9px;
    width: auto;
    z-index: 100
}

.app-sidebar .side-item.side-item-category {
    color: #005487;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 15px 0;
    padding: 0 20px
}

.app-sidebar .side-item.side-item-category:not(:first-child) {
    margin-top: 25px;
    margin-bottom: 15px
}

.app-sidebar__user .user-info .user-name {
    margin-bottom: 2px;
    font-size: 15px
}

.profile-dropdown .nav-link {
    padding-left: 5px
}

.profile-dropdown img {
    width: 35px;
    height: 35px;
    box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
    border: 2px solid #f8f8fc
}

.user-pro-body .dot-label {
    width: 6px;
    height: 6px
}

.sidebar-navs a {
    background: #fff;
    color: #68798b !important;
    padding: 1rem !important
}

.app-sidebar .sidebar-navs {
    padding: 10px 0 0
}

.sidebar-navs .header-icons {
    color: #5c678f;
    fill: #5c678f;
    font-size: 20px;
    vertical-align: middle
}

.slide.active.is-expanded .side-menu__item {
    text-decoration: none;
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
    border-radius: 50px
}

.app.sidebar-mini.sidenav-toggled .slide.active.is-expanded .side-menu__item {
    border-radius: 0
}

@media (min-width:991px) {
    .top-header1 .header-brand2 .header-brand-img {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 18px
    }

    .top-header1 .header-brand {
        display: none
    }

    .top-header1 .form-inline .form-control {
        width: 250px
    }

    .sidebar-mini.sidenav-toggled .app-sidebar,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
        max-height: 100%
    }
}

.fonte-titulo {
    font-size: 2rem;
    margin-bottom: 12px;
    padding-top: 2rem
}

.cabecalho-modais {
    font-size: 1.25rem;
    font-weight: 600
}

.cabecalho-tabela {
    font-weight: 500;
    font-size: 1rem
}

.fonte-subtitulo,
.texto-principal {
    font-size: .88rem;
    font-family: var(--font-family-principal)
}

.fonte-subtitulo {
    opacity: 70%
}

.text-sgf {
    font-family: var(--font-family-principal);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0
}

.label-modal {
    font-family: var(--font-family-principal);
    font-size: .8rem;
    color: #1a141f
}

.texto-simples {
    font-family: var(--font-family-principal);
    font-size: .88rem;
    color: #000
}

.label-input {
    font-family: var(--font-family-principal);
    font-size: .8rem;
    color: #1a141f;
    margin-bottom: 5px
}

.btn-principal {
    font-family: var(--font-family-principal);
    background-color: var(--cor-principal);
    color: #fff
}

.btn-noborder,
.btn-secundario {
    color: var(--cor-principal);
    font-family: var(--font-family-principal)
}

.btn-principal:hover {
    background-color: var(--cor-hover);
    color: #fff
}

.btn-principal:disabled,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--cor-disabled);
    color: #fff
}

.btn-principal:active {
    background-color: var(--cor-secundaria);
    transform: scale(.95)
}

.btn-secundario {
    border: 1px solid var(--cor-principal);
    display: flex;
    align-items: center;
}

.btn-secundario:hover {
    border: 1px solid var(--cor-hover);
    color: var(--cor-hover)
}

.btn-secundario:active {
    border: 1px solid var(--cor-secundaria);
    color: var(--cor-secundaria);
    transform: scale(.95)
}

.btn-secundario:disabled {
    border: 1px solid var(--cor-disabled);
    color: var(--cor-disabled)
}

.btn-noborder {
    border: none
}

.btn-noborder:active {
    border: none;
    transform: scale(.95);
    color: var(--cor-secundaria)
}

.btn-noborder:hover {
    color: var(--cor-principal);
    opacity: 60%
}

.icon-button {
    padding-right: 7px
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.pagination-btn {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: .5rem;
    border-radius: 3px
}

.arrow-custom:hover,
.pagination-btn:hover {
    background-color: var(--cor-disabled)
}

.pagination-page {
    background-color: transparent;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1rem;
    font-family: var(--font-family-principal)
}

.pagination-page:hover {
    background-color: #e0e0e0
}

.pagination-page:active {
    color: var(--cor-secundaria)
}

.pagination-page:active,
.pagination-page:focus {
    background-color: #d0d0d0;
    outline: 0
}

.page-item:not(:first-child) .page-link {
    margin-left: 3px;
}

.custom-input {
    transition: border-color .3s;
    border: 1px solid #ced4da;
}

.custom-input::placeholder {
    font-family: var(--font-family-principal);
    font-size: .78rem;
    color: var(--cor-cinza-escuro)
}

.custom-input:focus {
    border: 1px solid var(--cor-principal);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.form-select.custom-input:focus,
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--cor-principal)
}

.input-with-icon input[type=text] {
    padding-left: 30px
}

.input-with-icon input[type=email],
.input-with-icon input[type=password] {
    padding-left: 40px
}

.input-with-icon svg {
    position: absolute;
    height: 17px
}

.input-with-icon i {
    position: absolute
}

.select-input {
    color: var(--cor-cinza-escuro);
    font-size: .9rem;
    opacity: 1
}

.custom-options {
    color: #000
}

.label-sub {
    color: #c1c1c1;
    font-family: var(--font-family-principal)
}

input[type=password]::-ms-reveal {
    display: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    font-family: var(--font-family-principal);
    font-size: 16px !important
}

.select2-results__option--highlighted {
    background-color: var(--cor-principal) !important;
    color: #fff !important
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--cor-principal);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.form-select.custom-input:focus {
    outline: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    font-family: var(--font-family-principal);
    font-size: .8rem;
    color: var(--cor-cinza-escuro)
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
    font-size: .7rem
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: .8rem
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-size: 15px
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: .7rem
}

.select2-search__field::placeholder {
    color: var(--cor-cinza-escuro);
    font-size: .8rem
}

.mensagem-erro-login {
    color: var(--cor-alerta);
    font-family: var(--font-family-principal);
    padding-top: 3px
}

.alert {
    background: #fff;
    font-family: var(--font-family-principal);
    border: 1px solid #e5e0eb;
    font-weight: 400
}

.alert i.fa {
    padding: 9px;
    border-radius: 50%;
    margin-right: 10px
}

.btn-close {
    color: var(--cor-cinza);
    font-size: 24px
}

.btn-close:hover {
    color: var(--cor-cinza);
    opacity: 60%
}

.text-msg {
    color: #4b3a5a;
    font-size: .8rem
}

.alert-success {
    color: var(--cor-sucesso);
    border-left: 7px solid rgba(100, 183, 107, .3)
}

.alert-success i.fa {
    background-color: rgba(100, 183, 107, .3)
}

.alert-danger {
    color: var(--cor-alerta);
    border-left: 7px solid rgba(213, 26, 82, .3)
}

.alert-danger i.fa {
    background-color: rgba(213, 26, 82, .3)
}

#modalOffline {
    position: fixed;
    /* Fixa o modal para sempre estar visível na tela */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.alert-atention {
    color: var(--cor-atencao);
    border-left: 7px solid rgba(255, 149, 0, .3)
}

.atention-custom {
    background: #fff4e9
}

.alert-atention i.fa {
    background-color: rgba(255, 149, 0, .3)
}

.alert-info {
    color: var(--cor-info);
    border-left: 7px solid rgba(157, 63, 231, .3)
}

.alert-info i.fa {
    background-color: rgba(157, 63, 231, .3)
}

.form-check-input:checked {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
    box-shadow: none
}

.form-check-input:disabled {
    background-color: var(--cor-disabled);
    border-color: var(--cor-disabled)
}

.form-check {
    padding-top: .5rem !important
}

.form-switch-custom {
    width: 3rem !important;
    height: 1.8rem
}

.table {
    background-color: #fff;
    font-family: var(--font-family-principal)
}

.custom-table th {
    background: #1c1c1c1c;
    color: #000
}

.table tr {
    border-bottom: 1px solid #1c1c1c1c;
    color: #1c1c1c;
    opacity: 90%
}

.custom-sidebar,
.custom-sidebar__logo {
    width: 217px
}

.custom-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-container {
    display: flex;
    min-height: 100vh
}

.description-section {
    background: linear-gradient(to bottom, #8100d0 0, #5e0dae 53%, #401990 100%);
    color: #fff;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1.4;
    position: relative
}

.description-section img {
    position: absolute;
    top: 20px;
    left: 20px;
    max-width: 150px
}

.login-section {
    background-color: #fff;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.description-content {
    padding-right: 50px;
    margin-bottom: 7rem;
    padding-left: 4rem
}

.login-form {
    max-width: 400px;
    padding: 20px;
    width: 70%
}

.logo {
    max-width: 25%;
    padding: 1rem;
    margin: 1rem
}

.icone-email {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #b0b0b0;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.custom-title {
    color: #fff;
    font-weight: 600;
    text-align: left;
    margin-left: 5rem;
    margin-top: 1rem;
    line-height: 1.5;
    width: 400px
}

.custom-subtitle {
    color: #fff;
    margin-left: 5rem;
    font-size: 1.1rem;
    width: 457px
}

div.circulos-login {
    position: fixed;
    padding-top: 110vh;
    margin-left: -6rem
}

.circulos {
    background: 0 0;
    border: 1px solid #ae60eb;
    border-radius: 50%;
    width: 400px;
    height: 400px
}

.circulo1 {
    position: absolute;
    margin-top: 8vh;
    margin-left: 6rem
}

.login-titulo {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem
}

.custom-text-login {
    font-size: .7rem;
    text-align: right;
    padding-top: 8px
}

.clique-aqui {
    color: #7c00dd;
    font-weight: 700;
    cursor: pointer
}

.hidden,
.logo-right {
    display: none
}

.obrigatorio {
    color: var(--cor-alerta)
}

@media (max-width:840px) {
    .login-container {
        flex-direction: column;
        background-color: #7c00dd
    }

    .login-section {
        background-color: #7c00dd;
        color: #fff;
        padding: 2rem 0 0;
        flex: 0
    }

    .description-section {
        background: 0 0;
        flex: 0
    }

    .login-section form {
        padding: 30px;
        border-radius: 10px;
        color: #000
    }

    .circulos-login,
    .description-content {
        display: none
    }

    .clique-aqui,
    .login-titulo,
    .texto-principal {
        color: #fff
    }

    .btn-principal {
        border: 1px solid
    }
}

.custom-select,
.toggle-container {
    background-color: #fff;
    padding: 10px
}

.toggle-container,
nav.cabecalho-tabela {
    border-bottom: 1px solid #ccc
}

.custom-nav-link {
    opacity: 70%;
    font-size: .8rem
}

.custom-nav-link.active {
    color: #7c00dd;
    opacity: 100%;
    border-bottom: 1px solid var(--cor-principal)
}

.custom-nav-link:hover {
    background-color: var(--cor-hover);
    opacity: 50%;
    border-radius: 5px;
    color: #000
}

table.dataTable {
    padding-top: 6px !important
}

.custom-select {
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select-text {
    flex-grow: 1;
    font-family: var(--font-family-principal);
    font-size: .8rem;
    font-weight: 400;
    color: var(--cor-cinza)
}

.select-icon {
    transition: transform .3s
}

.toggle-container {
    display: none;
    border-top: none
}

.select-config {
    border-left: none;
    border-right: none
}

.circle-subcategorias {
    background: #f7edff;
    color: var(--cor-principal);
    padding: 7px 8px;
    border-radius: 100%;
    font-weight: 600;
    cursor: pointer
}

.custom-btn {
    display: flex;
    align-items: center;
    gap: 7px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-left: -1rem;
    font-size: 14px
}

.custom-content {
    padding-right: 5rem;
    padding-left: 5rem;
    padding-top: 2rem
}

.custom-salvar {
    width: 100%;
    margin-top: 1rem
}

.fonte-texto-senha {
    font-family: var(--font-family-principal);
    font-weight: 500;
    margin-bottom: 5px
}

.fa-check-circle {
    color: var(--cor-sucesso);
    padding-right: 10px
}

.fa-times-circle {
    color: var(--cor-alerta);
    padding-right: 10px
}

.fa-arrow-left {
    padding-right: 8px
}

.btn-sair {
    margin-top: 3rem;
    margin-bottom: 2rem;
    cursor: pointer
}

.btn-sair:hover {
    opacity: 80%
}

.input-icon-senha i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.fa-eye,
.fa-eye-slash {
    color: #c1c1c1
}

@media (max-width:576px) {
    .custom-content {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

.t-fornecedor-media thead {
    position: sticky;
    top: -1px;
    z-index: 1; /* Garante que o cabeçalho fique acima do conteúdo */
}


.t-fornecedor-media{
  overflow:hidden;
  height: 300px;
}
.t-fornecedor-media table{
  height:300px;
}