@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Jampack
++++ Imports ++++
++++ Reset ++++
++++ Basic ++++

	++CSS Basic++
	++Media Object++
	++Gap++
	++Position++
	++Padding++
	++Margin++
	++Background Colors++
	++Text Colors++
	++Border++
	++Colors++
	++Shadow++
	++Font Size++	
	++Font Weight++
	++Text Case++
	++Letter Spacing++
	++Line Height++
	++Width++
	++Width In Percentage++
	++Max Width++
	++Min Width++
	++Height++
	++Height In Percentage++
	++Max Height++
	++Min Height++
	++Hr++
	++opacity++
	++Div Sizes++
	++Z-Index++
	++Loader++
	++Scrollbar++
	++Separator++
	++Typography++
	++Buttons++
	++Wrapper++
	++Gutter++
	++Hk Section++
	++Card++
	++Placehoder++
	++Placehoder++
	++Breadcrumb++
	++Page Header++
	++Page Body++
	++Form++
	++Checkbox++
	++Form Switch++
	++Form Range++
	++Form validation++
    ++Inut group++
    ++Inut search++
    ++Spinner++
    ++Input Spinner++
	++Select2++
	++Tinymce++
	++File Upload++
	++Form-Wizard++
	++Popover++
	++Collapse++
	++Accordion++
	++Table++
	++Data Table++
	++Advance Table++
	++Apex Chart++
	++charts++
	++Nestable++
	++Treeview++	
	++Modals++
	++Close++
	++Sweet-alert++
	++Notification++
	++Toast++
	++Bootstrap Notify++
	++Tooltop++
	++Images++  
	++Icons++
    ++Carousel++
	++Twitter slider++
	++Color Pickr++
	++Range Slider++
	++Daterangepicker++
	++Profile++
	++Activity++
	++Wizards++
	++Pricing Table++
	++Dropdown++
	++Avatar++
	++Pagination++
	++Badge++
	++List Group++
	++Google Map++
	++Vecotor Map++
	++Progressbar++
	++Togglable++
	++Advance List++
	++Light Gallery++
	++Cropperjs++
	++Bootstrap TimeOut++
	++Hopscotch++
	++Rating++
	++Tinyemce++
	++Chips++
	++Playlist widget++
	++Ribbons++
	++Advance Badges++
	++Callout++
	++Toolbar++
	++Filter Component++
	++Content sidebar++
	++Fixed Footer++
	++Dragula++
	++Fixed Footer++
	++Authantication Pages++
	++Fixed Footer++

++++ Componets Import ++++	
-------------------------------------------------------------------*/
/****************************/
/** Imports **/
/****************************/
@import url(https://fonts.googleapis.com/icon?family=DM+Sans:400,500,700&display=swap||Material+Icons);
@import url(../../vendors/bootstrap/dist/css/bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(dripicons.css);
@import url(cryptofont.min.css);
@import url(themify-icons.css);
@import url(animate.css);
@import url(flag-icon.min.css);
@import url(twemoji.min.css);
@import url(material-design-iconic-font.min.css);
@import url(remixicon.css);
@import url(material-icons.css);
@import url(line-awesome.min.css);
@import url(bootstrap-icons.css);
@import url(flaticon.css);
@import url(prism.css);
@import url(../../vendors/simplebar/dist/simplebar.min.css);
@import url(../../vendors/owl.carousel/dist/assets/owl.carousel.min.css);
@import url(../../vendors/owl.carousel/dist/assets/owl.theme.default.min.css);
/*__________________________________________________________________;
[Mixin]
Project:	Jampack
___________________________________________________________________*/
/*Shadow*/
/*Table Variants*/
/*__________________________________________________________________;
[Variables]
Project:	Jampack
___________________________________________________________________*/
:root {
    --bs-body-font-family: 'DM Sans', sans-serif;
    --bs-text-opacity: 1;
    --bs-bg-opacity: 1;
}

/****************************/
/** Reset **/
/****************************/
html, body, div, span, applet, object, iframe, p, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* fieldset{
    background-color: #FFF;
} */

    .wishlist_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.wishlist_table th {
    background: #f5f5f5;
    padding: 12px;
    text-align: left;
    font-weight: bold;
}

.wishlist_table td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.wishlist-empty {
    text-align: center;
    font-style: italic;
    color: #666;
}


em, cite {
    font-style: italic;
}

strong {
    font-weight: bold;
}

body {
    color: #6f6f6f;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

.main-font, .jq-toast-wrap .jq-toast-single, .jq-toast-wrap .jq-toast-single .jq-toast-heading, .infowindow-wrap .infowindow-header, .infowindow-wrap .infowindow-body {
    font-family: var(--bs-body-font-family);
}

a:hover, a:active {
    outline: 0;
}

ul {
    list-style: none;
}

    ul.list-ul {
        list-style: disc;
    }

        ul.list-ul ul {
            list-style-type: circle;
        }

    ul.list-icon {
        list-style: none;
        padding-left: 0;
    }

        ul.list-icon > li {
            padding-left: 1.875rem;
            counter-increment: li;
        }

            ul.list-icon > li i,
            ul.list-icon > li .feather-icon,
            ul.list-icon > li .svg-icon {
                display: inline-block;
                height: 20px;
                width: 20px;
                text-align: center;
                margin-left: -1.25rem;
                position: relative;
                left: -10px;
                padding: 1px;
                top: -1px;
            }

            ul.list-icon > li i {
                font-size: 21px;
                top: 5px;
            }

    ul.hk-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.68rem;
        padding-left: 0;
    }

        ul.hk-list li {
            padding: .68rem;
        }

        ul.hk-list.hk-list-sm {
            margin: 0 -.4rem;
        }

            ul.hk-list.hk-list-sm li {
                padding: .4rem;
            }

a {
    text-decoration: none;
    color: #007D88;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    a:hover {
        text-decoration: none;
        color: #3d9ca5;
    }

    a:focus {
        text-decoration: none;
        outline: none;
        color: #3d9ca5;
    }

    a.link-info {
        color: #18DDEF !important;
    }

        a.link-info:hover, a.link-info:focus {
            color: #4fe5f3 !important;
        }

    a.link-success {
        color: #00D67F !important;
    }

        a.link-success:hover, a.link-success:focus {
            color: #3de09e !important;
        }

    a.link-warning {
        color: #FFC400 !important;
    }

        a.link-warning:hover, a.link-warning:focus {
            color: #ffd23d !important;
        }

    a.link-danger {
        color: #FF0000 !important;
    }

        a.link-danger:hover, a.link-danger:focus {
            color: #ff3d3d !important;
        }

    a.link-primary {
        color: #007D88 !important;
    }

        a.link-primary:hover, a.link-primary:focus {
            color: #3d9ca5 !important;
        }

    a.link-muted {
        color: #6f6f6f !important;
    }

        a.link-muted:hover, a.link-muted:focus {
            color: #b5b5b5 !important;
        }

    a.link-secondary {
        color: #6f6f6f !important;
    }

        a.link-secondary:hover, a.link-secondary:focus {
            color: #929292 !important;
        }

    a.link-dark {
        color: #262a2e !important;
    }

        a.link-dark:hover, a.link-dark:focus {
            color: #2a2f34 !important;
        }

    a.link-light {
        color: #9e9e9e !important;
    }

        a.link-light:hover, a.link-light:focus {
            color: #b5b5b5 !important;
        }

    a.link-white {
        color: #fff !important;
    }

        a.link-white:hover, a.link-white:focus {
            color: rgba(255, 255, 255, 0.8);
        }

    a.link-disabled {
        color: #b5b5b5 !important;
        pointer-events: none;
        user-select: none;
    }

        a.link-disabled:hover, a.link-disabled:focus {
            color: #b5b5b5 !important;
        }

    a.link-high-em {
        font-weight: 500;
    }

    a.link-medium-em {
        font-size: .875rem;
    }

    a.link-low-em {
        font-size: .75rem;
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #262a2e;
}

.heading-wth-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

    .heading-wth-icon .head-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .heading-wth-icon .head-icon i {
            line-height: 0;
        }

.h1.heading-wth-icon .head-icon, h1.heading-wth-icon .head-icon {
    margin-right: 1.125rem;
}

@media (max-width: 1199px) {
    .h1.heading-wth-icon .head-icon, h1.heading-wth-icon .head-icon {
        margin-right: 1.125rem;
    }
}

.h2.heading-wth-icon .head-icon, h2.heading-wth-icon .head-icon {
    margin-right: 1rem;
}

@media (max-width: 1199px) {
    .h2.heading-wth-icon .head-icon, h2.heading-wth-icon .head-icon {
        margin-right: 1.125rem;
    }
}

.h3.heading-wth-icon .head-icon, h3.heading-wth-icon .head-icon {
    margin-right: .875rem;
}

@media (max-width: 1199px) {
    .h3.heading-wth-icon .head-icon, h3.heading-wth-icon .head-icon {
        margin-right: 1.125rem;
    }
}

.h4.heading-wth-icon .head-icon, h4.heading-wth-icon .head-icon {
    margin-right: .75rem;
}

.h5.heading-wth-icon .head-icon, h5.heading-wth-icon .head-icon {
    margin-right: .625rem;
}

.h6.heading-wth-icon .head-icon, h6.heading-wth-icon .head-icon {
    margin-right: .5rem;
}

.force-UTF-8 {
    content: "¡";
}

dt {
    font-weight: 600;
}

::-webkit-file-upload-button {
    cursor: pointer;
}

/****************************/
/** Basic **/
/****************************/
/*CSS Basic*/
.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.white-space-wrap {
    white-space: initial;
}

.white-space-nowrap {
    white-space: nowrap;
}

.word-break,
a.link-url {
    word-break: break-all;
}

.multine-ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.seprator-block {
    margin-bottom: 5rem;
}

.no-transition {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}

.transform-none {
    transform: none !important;
}

.name {
    color: #262a2e !important;
    font-weight: 500;
}

.twa-2x {
    background-size: 1.3em 1.3em;
    height: 1.3em;
    width: 1.3em;
}

.flex-basis-0 {
    flex-basis: 0 !important;
}

.flex-1 {
    -ms-flex: 1 !important;
    flex: 1 !important;
}

td.text-truncate, th.text-truncate {
    max-width: 1px;
}

[contenteditable="true"] {
    outline: none;
}

.icon-flip-y {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.icon-flip-x {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/*Media Object*/
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-head {
    display: flex;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

/*Gap*/
.gap-5 {
    gap: 2rem !important;
}

.gap-6 {
    gap: 2.5rem !important;
}

.gap-7 {
    gap: 3rem !important;
}

/*Position*/
.position-top-start,
.position-top-end,
.position-bottom-start,
.position-bottom-end,
.position-start-center,
.position-end-center,
.position-top-center,
.position-bottom-center,
.position-top-start-overflow,
.position-top-end-overflow,
.position-bottom-start-overflow,
.position-bottom-end-overflow,
.position-start-center-overflow,
.position-end-center-overflow,
.position-top-center-overflow,
.position-bottom-center-overflow {
    position: absolute !important;
    z-index: 2;
}

.position-top-start {
    top: 0 !important;
    left: 0 !important;
}

.position-top-end {
    top: 0 !important;
    right: 0 !important;
}

.position-bottom-start {
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
}

.position-bottom-end {
    bottom: 0 !important;
    right: 0 !important;
    top: auto !important;
}

.position-top-center {
    top: 0 !important;
    right: 50% !important;
    -webkit-transform: translateX(50%) !important;
    -moz-transform: translateX(50%) !important;
    -ms-transform: translateX(50%) !important;
    -o-transform: translateX(50%) !important;
    transform: translateX(50%) !important;
}

.position-bottom-center {
    bottom: 0 !important;
    right: 50% !important;
    -webkit-transform: translateX(50%) !important;
    -moz-transform: translateX(50%) !important;
    -ms-transform: translateX(50%) !important;
    -o-transform: translateX(50%) !important;
    transform: translateX(50%) !important;
}

.position-start-center {
    left: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.position-end-center {
    right: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.position-center {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.position-top-start-overflow {
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.position-top-end-overflow {
    top: 0 !important;
    right: 0 !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}

.position-bottom-start-overflow {
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    -webkit-transform: translate(-50%, 50%) !important;
    -moz-transform: translate(-50%, 50%) !important;
    -ms-transform: translate(-50%, 50%) !important;
    -o-transform: translate(-50%, 50%) !important;
    transform: translate(-50%, 50%) !important;
}

.position-bottom-end-overflow {
    bottom: 0 !important;
    right: 0 !important;
    top: auto !important;
    -webkit-transform: translate(50%, 50%) !important;
    -moz-transform: translate(50%, 50%) !important;
    -ms-transform: translate(50%, 50%) !important;
    -o-transform: translate(50%, 50%) !important;
    transform: translate(50%, 50%) !important;
}

.position-top-center-overflow {
    top: 0 !important;
    right: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}

.position-bottom-center-overflow {
    bottom: 0 !important;
    right: 50% !important;
    -webkit-transform: translate(50%, 50%) !important;
    -moz-transform: translate(50%, 50%) !important;
    -ms-transform: translate(50%, 50%) !important;
    -o-transform: translate(50%, 50%) !important;
    transform: translate(50%, 50%) !important;
}

.position-start-center-overflow {
    left: 0 !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.position-end-center-overflow {
    right: 0 !important;
    top: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}

.position-top-start-overflow-1,
.position-top-end-overflow-1,
.position-bottom-start-overflow-1,
.position-bottom-end-overflow-1 {
    position: absolute !important;
    z-index: 2;
}

.position-top-start-overflow-1 {
    top: 12% !important;
    left: 16% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.position-top-end-overflow-1 {
    top: 12% !important;
    right: 16% !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important;
}

.position-bottom-start-overflow-1 {
    bottom: 12% !important;
    left: 16% !important;
    top: auto !important;
    -webkit-transform: translate(-50%, 50%) !important;
    -moz-transform: translate(-50%, 50%) !important;
    -ms-transform: translate(-50%, 50%) !important;
    -o-transform: translate(-50%, 50%) !important;
    transform: translate(-50%, 50%) !important;
}

.position-bottom-end-overflow-1 {
    bottom: 12% !important;
    right: 16% !important;
    top: auto !important;
    -webkit-transform: translate(50%, 50%) !important;
    -moz-transform: translate(50%, 50%) !important;
    -ms-transform: translate(50%, 50%) !important;
    -o-transform: translate(50%, 50%) !important;
    transform: translate(50%, 50%) !important;
}




/*Loader*/
.preloader-it {
    background: #fff;
    position: fixed;
    z-index: 10001;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.loader-pendulums {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin: 0 auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4rem;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 0.1em solid #d8d8d8;
}

    .loader-pendulums:before, .loader-pendulums:after {
        content: '';
        width: 1em;
        height: 1em;
        left: -.1em;
        top: -.1em;
        padding: .1em;
        display: block;
        border-radius: 50%;
        position: absolute;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        border: .1em solid;
        border-color: #9e9e9e transparent transparent transparent;
        -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
        animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
    }

    .loader-pendulums:before {
        border-color: #262a2e transparent transparent transparent;
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
        -webkit-animation-name: pendulum2;
        animation-name: pendulum2;
    }

@-webkit-keyframes pendulum {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes pendulum {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes pendulum2 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(520deg);
        -moz-transform: rotate(520deg);
        -ms-transform: rotate(520deg);
        -o-transform: rotate(520deg);
        transform: rotate(520deg);
    }
}

@keyframes pendulum2 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(520deg);
        -moz-transform: rotate(520deg);
        -ms-transform: rotate(520deg);
        -o-transform: rotate(520deg);
        transform: rotate(520deg);
    }
}
/*Scrollbar*/
.slimScrollBar {
    right: 0 !important;
}

.nicescroll-rails.nicescroll-rails-vr {
    z-index: 999 !important;
}

.simplebar-placeholder {
    width: auto !important;
}

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

.simplebar-scrollbar:before {
    background: #d6d9da;
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .8;
}

.simplebar-content:after,
.simplebar-content:before {
    clear: both;
}

.nicescroll-bar {
    height: 100%;
    width: 100%;
}

.ps__thumb-y,
.ps__thumb-x {
    border-radius: 0;
    background: #d6d9da;
}

.ps__thumb-x,
.ps__rail-x {
    height: 6px;
}

.ps__thumb-y,
.ps__rail-y {
    width: 6px;
}

.ps__rail-x,
.ps__rail-y {
    background: transparent;
}

    .ps__rail-x:hover > .ps__thumb-x,
    .ps__rail-x:focus > .ps__thumb-x,
    .ps__rail-x.ps--clicking .ps__thumb-x {
        border-radius: 0;
        height: 6px;
        background: #d6d9da;
    }

    .ps__rail-y:hover > .ps__thumb-y,
    .ps__rail-y:focus > .ps__thumb-y,
    .ps__rail-y.ps--clicking .ps__thumb-y {
        border-radius: 0;
        width: 6px;
        background: #d6d9da;
    }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
    opacity: 1;
}

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

/*Separator*/
.separator {
    padding: 1px 0;
    margin: 1.25rem 0;
}

    .separator:after {
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px solid #eaeaea;
    }

.separator-full {
    padding: 1px 0;
    margin: 1.25rem 0;
}

    .separator-full:after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0;
        border-bottom: 1px solid #eaeaea;
    }

.v-separator-full {
    margin: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .v-separator-full:after {
        content: "";
        position: absolute;
        top: 0;
        display: block;
        height: 100%;
        border-right: 1px solid #eaeaea;
    }

.v-separator {
    margin: 0 1rem;
}

    .v-separator:after {
        content: "";
        position: absolute;
        display: block;
        height: calc(100% - 30px);
        border-right: 1px solid #d8d8d8;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.separator-light:after {
    border-color: #f7f7f7;
}

/*Typography*/
p.p-xl {
    font-size: 1.25rem;
}

p.p-lg {
    font-size: 1.125rem;
}

p.p-sm {
    font-size: 0.875rem;
}

p.p-xs {
    font-size: 0.75rem;
}

.title,
.title-lg,
.title-sm,
.title-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

    .title .title-icon,
    .title-lg .title-icon,
    .title-sm .title-icon,
    .title-xs .title-icon {
        margin-right: .5rem;
        display: inline-flex;
    }

        .title .title-icon i,
        .title-lg .title-icon i,
        .title-sm .title-icon i,
        .title-xs .title-icon i {
            line-height: 0;
        }

    .title.title-wth-divider,
    .title-lg.title-wth-divider,
    .title-sm.title-wth-divider,
    .title-xs.title-wth-divider {
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
    }

        .title.title-wth-divider > span,
        .title-lg.title-wth-divider > span,
        .title-sm.title-wth-divider > span,
        .title-xs.title-wth-divider > span {
            display: flex;
            white-space: nowrap;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
        }

        .title.title-wth-divider::before,
        .title-lg.title-wth-divider::before,
        .title-sm.title-wth-divider::before,
        .title-xs.title-wth-divider::before {
            content: "";
            display: block;
            height: 1px;
            width: 0;
            background: #d8d8d8;
        }

        .title.title-wth-divider::after,
        .title-lg.title-wth-divider::after,
        .title-sm.title-wth-divider::after,
        .title-xs.title-wth-divider::after {
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            margin-left: .625rem;
            background: #d8d8d8;
        }

        .title.title-wth-divider.divider-right::before,
        .title-lg.title-wth-divider.divider-right::before,
        .title-sm.title-wth-divider.divider-right::before,
        .title-xs.title-wth-divider.divider-right::before {
            width: 100%;
            margin-right: .625rem;
        }

        .title.title-wth-divider.divider-right::after,
        .title-lg.title-wth-divider.divider-right::after,
        .title-sm.title-wth-divider.divider-right::after,
        .title-xs.title-wth-divider.divider-right::after {
            width: 0;
            margin: 0;
        }

        .title.title-wth-divider.divider-center::before,
        .title-lg.title-wth-divider.divider-center::before,
        .title-sm.title-wth-divider.divider-center::before,
        .title-xs.title-wth-divider.divider-center::before {
            width: 100%;
            margin-right: .625rem;
        }

        .title.title-wth-divider.divider-center::after,
        .title-lg.title-wth-divider.divider-center::after,
        .title-sm.title-wth-divider.divider-center::after,
        .title-xs.title-wth-divider.divider-center::after {
            width: 100%;
            margin-left: .625rem;
        }

.title {
    font-size: 1rem;
    color: #262a2e;
    font-weight: 500;
}

    .title .title-icon {
        font-size: 1.5rem;
    }

.title-lg {
    font-size: 1.125rem;
    color: #262a2e;
    font-weight: 500;
}

    .title-lg .title-icon {
        font-size: 1.75rem;
    }

.title-sm {
    font-size: 0.875rem;
    color: #262a2e;
    font-weight: 500;
}

    .title-sm .title-icon {
        font-size: 1.25rem;
    }

.title-xs {
    font-size: 0.75rem;
    color: #262a2e;
    font-weight: 500;
}

    .title-xs .title-icon {
        font-size: 1rem;
    }

.small, small {
    font-size: 80%;
    font-weight: 400;
}

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

code {
    margin: 0 .25rem;
    color: #007D88;
}

.strikethrough s, .strikethrough del {
    position: relative;
    text-decoration: none;
}

    .strikethrough s:after, .strikethrough del:after {
        content: "";
        height: 12px;
        background: #007D88;
        mix-blend-mode: multiply;
        opacity: .3;
        width: 100%;
        position: absolute;
        margin-left: 0;
        top: 5px;
        left: 0;
        pointer-events: none;
    }

    .strikethrough del:after {
        background: #FF0000;
    }

.mark, mark {
    padding: 0;
    background: none;
    color: #262a2e;
    position: relative;
}

    .mark:after, mark:after {
        content: "";
        height: 12px;
        background: #FF9100;
        mix-blend-mode: multiply;
        opacity: .3;
        width: 100%;
        position: absolute;
        margin-left: 0;
        top: 5px;
        left: 0;
        pointer-events: none;
    }

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    color: #262a2e;
}

.hk-dragger {
    font-size: 2rem;
    cursor: grab;
    color: #9e9e9e;
    margin-right: .625rem;
}

/*Buttons*/
.btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
    text-transform: capitalize;
    outline: none;
    font-size: 1rem;
    padding: .375rem 1rem;
    border-width: 1px;
    border-radius: 0.375rem;
    /*Buttons with Icon*/
    /*HK Custom Buttons*/
    /*Buttons Icon*/
    /*Buttons Options*/
}

    .btn:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, .btn:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:active, .btn:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover {
        box-shadow: none;
    }

    .btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        height: 100%;
        width: 100%;
        position: relative;
    }

        .btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
                margin-right: .75rem;
            }

            .btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
                margin-left: .75rem;
            }

    .btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
        margin-right: 1.25rem;
    }

    .btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
        margin-left: 1.25rem;
    }

    .btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
        margin-right: 0.75rem;
    }

    .btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
        margin-left: 0.75rem;
    }

    .btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
        margin-right: 0.5rem;
    }

    .btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
        margin-left: 0.5rem;
    }

    .btn.btn-custom, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button {
        position: relative;
    }

        .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {
            position: static;
        }

            .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
                background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
                position: absolute;
                border-radius: 0.5rem;
                top: -1px;
                bottom: -1px;
                width: 40px;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
            }

                .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
                    left: -1px;
                    margin: 0;
                }

                .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
                    right: -1px;
                    left: auto;
                }

            .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
                padding-right: 2.25rem;
            }

            .btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
                padding-left: 2.25rem;
            }

        .btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
            width: 46px;
            border-radius: 0.5rem;
        }

        .btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
            padding-right: 2.625rem;
        }

        .btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-lg.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
            padding-left: 2.625rem;
        }

        .btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
            width: 33px;
            border-radius: .2rem;
        }

        .btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
            padding-right: 2rem;
        }

        .btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
            padding-left: 2rem;
        }

        .btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
            width: 26px;
            border-radius: .2rem;
        }

        .btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
            padding-right: 1.5rem;
        }

        .btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-xs.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
            padding-left: 1.5rem;
        }

        .btn.btn-custom.btn-square > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-custom.btn-square.hopscotch-nav-button > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
            border-radius: 0;
        }

    .btn.btn-icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button {
        height: 38px;
        width: 38px;
        padding: 0;
    }

        .btn.btn-icon[class*="btn-flush-"], div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button {
            position: relative;
            border: none;
            background: transparent !important;
        }

            .btn.btn-icon[class*="btn-flush-"]::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                height: 0;
                width: 0;
                background: #298DFF;
                border-radius: 0.5rem;
                -webkit-transition: all 200ms;
                -moz-transition: all 200ms;
                transition: all 200ms;
            }

            .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled).active::before, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled):active::before, .btn.btn-icon[class*="btn-flush-"]:hover::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:hover::before, .btn.btn-icon[class*="btn-flush-"]:focus::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:focus::before {
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
            }

            .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"]:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"]:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].hopscotch-nav-button:focus .icon {
                color: #fff;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-rounded::before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-rounded.hopscotch-nav-button::before {
                border-radius: 50%;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-info:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.hopscotch-nav-button:before {
                background: #18DDEF;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:before {
                background: #edfcfe;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #18DDEF;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-info.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-info:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-info.hopscotch-nav-button:disabled {
                color: rgba(24, 221, 239, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-success:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.hopscotch-nav-button:before {
                background: #00D67F;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:before {
                background: #ebfcf5;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #00D67F;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-success.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-success:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-success.hopscotch-nav-button:disabled {
                color: rgba(0, 214, 127, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-warning:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.hopscotch-nav-button:before {
                background: #FFC400;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:before {
                background: #fffaeb;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #FFC400;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-warning.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-warning:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-warning.hopscotch-nav-button:disabled {
                color: rgba(255, 196, 0, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-danger:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.hopscotch-nav-button:before {
                background: #FF0000;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:before {
                background: #ffebeb;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #FF0000;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-danger.hopscotch-nav-button:disabled {
                color: rgba(255, 0, 0, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.hopscotch-nav-button:before {
                background: #6f6f6f;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:before {
                background: #f3f3f3;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #6f6f6f;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-secondary.hopscotch-nav-button:disabled {
                color: rgba(158, 158, 158, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-primary:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.hopscotch-nav-button:before {
                background: #007D88;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:before {
                background: #ebf5f5;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #007D88;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-primary.hopscotch-nav-button:disabled {
                color: rgba(41, 141, 255, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:before {
                background: #262a2e;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before {
                background: #f7f7f7;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #262a2e;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled {
                color: rgba(38, 42, 46, 0.8);
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-light:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.hopscotch-nav-button:before {
                background: #6f6f6f;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:before {
                background: #f7f7f7;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover.hopscotch-nav-button:focus .icon {
                color: #6f6f6f;
            }

            .btn.btn-icon[class*="btn-flush-"].btn-flush-light.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.disabled.hopscotch-nav-button, .btn.btn-icon[class*="btn-flush-"].btn-flush-light:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-light.hopscotch-nav-button:disabled {
                color: rgba(111, 111, 111, 0.8);
            }

        .btn.btn-icon.btn-lg, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-lg.hopscotch-nav-button {
            height: 45px;
            width: 45px;
        }

            .btn.btn-icon.btn-lg .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-lg.hopscotch-nav-button .btn-icon-wrap {
                font-size: 1.125rem;
            }

        .btn.btn-icon.btn-sm, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button {
            height: 31px;
            width: 31px;
        }

            .btn.btn-icon.btn-sm .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.hopscotch-nav-button .btn-icon-wrap {
                font-size: 0.875rem;
            }

        .btn.btn-icon.btn-xs, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-xs.hopscotch-nav-button {
            height: 28px;
            width: 28px;
            padding-left: 0;
            padding-right: 0;
        }

            .btn.btn-icon.btn-xs .btn-icon-wrap, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon.btn-xs.hopscotch-nav-button .btn-icon-wrap {
                font-size: 0.875rem;
            }

    .btn.btn-rounded, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-rounded.hopscotch-nav-button {
        border-radius: 50rem !important;
    }

        .btn.btn-rounded .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-rounded.hopscotch-nav-button .icon {
            border-radius: 50% !important;
        }

    .btn.btn-square, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-square.hopscotch-nav-button {
        border-radius: 0 !important;
    }

    .btn.btn-uppercase, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-uppercase.hopscotch-nav-button {
        text-transform: uppercase !important;
        font-weight: 600;
    }

    .btn.btn-floating, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-floating.hopscotch-nav-button {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;
        z-index: 1001;
    }

    .btn.btn-animated, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button {
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

        .btn.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button:hover, .btn.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button:focus {
            -webkit-transform: translateY(-3px);
            -moz-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
            -o-transform: translateY(-3px);
            transform: translateY(-3px);
        }

    .btn .custom-caret, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button .custom-caret {
        display: inline-block !important;
        margin-left: 5px;
    }

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%;
}

.btn-icon-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*Button Colors*/
.btn-info {
    color: #fff;
    background-color: #18DDEF;
    border-color: #18DDEF;
}

    .btn-info:hover, .btn-info:focus {
        color: #fff;
        background-color: #16c7d7;
        border-color: #16c7d7;
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #16c7d7;
        border-color: #16c7d7;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #a3f1f9;
        border-color: #a3f1f9;
    }

    .btn-info.btn-animated:focus, .btn-info.btn-animated:active, .btn-info.btn-animated:hover, .btn-info.btn-animated:not(:disabled):not(.disabled).active, .btn-info.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-green {
    color: #fff;
    background-color: #00D67F;
    border-color: #00D67F;
}

    .btn-green:hover, .btn-green:focus {
        color: #fff;
        background-color: #00c172;
        border-color: #00c172;
    }

    .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00c172;
        border-color: #00c172;
    }

    .btn-green.disabled, .btn-green:disabled {
        color: #fff;
        background-color: #99efcc;
        border-color: #99efcc;
    }

    .btn-green.btn-animated:focus, .btn-green.btn-animated:active, .btn-green.btn-animated:hover, .btn-green.btn-animated:not(:disabled):not(.disabled).active, .btn-green.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-success {
    color: #fff;
    background-color: #00D67F;
    border-color: #00D67F;
}

    .btn-success:hover, .btn-success:focus {
        color: #fff;
        background-color: #00c172;
        border-color: #00c172;
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00c172;
        border-color: #00c172;
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #99efcc;
        border-color: #99efcc;
    }

    .btn-success.btn-animated:focus, .btn-success.btn-animated:active, .btn-success.btn-animated:hover, .btn-success.btn-animated:not(:disabled):not(.disabled).active, .btn-success.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-warning {
    color: #fff;
    background-color: #FFC400;
    border-color: #FFC400;
}

    .btn-warning:hover, .btn-warning:focus {
        color: #fff;
        background-color: #e6b000;
        border-color: #e6b000;
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #e6b000;
        border-color: #e6b000;
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #fff;
        background-color: #ffe799;
        border-color: #ffe799;
    }

    .btn-warning.btn-animated:focus, .btn-warning.btn-animated:active, .btn-warning.btn-animated:hover, .btn-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-warning.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-danger {
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
}

    .btn-danger:hover, .btn-danger:focus {
        color: #fff;
        background-color: #e60000;
        border-color: #e60000;
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #e60000;
        border-color: #e60000;
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #ff9999;
        border-color: #ff9999;
    }

    .btn-danger.btn-animated:focus, .btn-danger.btn-animated:active, .btn-danger.btn-animated:hover, .btn-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-danger.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-grey {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

    .btn-grey:hover, .btn-grey:focus {
        color: #fff;
        background-color: #8e8e8e;
        border-color: #8e8e8e;
    }

    .btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #8e8e8e;
        border-color: #8e8e8e;
    }

    .btn-grey.disabled, .btn-grey:disabled {
        color: #fff;
        background-color: #d8d8d8;
        border-color: #d8d8d8;
    }

    .btn-grey.btn-animated:focus, .btn-grey.btn-animated:active, .btn-grey.btn-animated:hover, .btn-grey.btn-animated:not(:disabled):not(.disabled).active, .btn-grey.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-secondary {
    color: #fff;
    background-color: #6f6f6f;
    border-color: #6f6f6f;
}

    .btn-secondary:hover, .btn-secondary:focus {
        color: #fff;
        background-color: #646464;
        border-color: #646464;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #646464;
        border-color: #646464;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #c5c5c5;
        border-color: #c5c5c5;
    }

    .btn-secondary.btn-animated:focus, .btn-secondary.btn-animated:active, .btn-secondary.btn-animated:hover, .btn-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-secondary.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next {
    color: #fff;
    background-color: #007D88;
    border-color: #007D88;
}

    .btn-primary:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, .btn-primary:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus {
        color: #fff;
        background-color: #00717a;
        border-color: #00717a;
    }

    .btn-primary:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00717a;
        border-color: #00717a;
    }

    .btn-primary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, .btn-primary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled {
        color: #fff;
        background-color: #99cbcf;
        border-color: #99cbcf;
    }

    .btn-primary.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, .btn-primary.btn-animated:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, .btn-primary.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, .btn-primary.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-primary.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-dark {
    color: #fff;
    background-color: #262a2e;
    border-color: #262a2e;
}

    .btn-dark:hover, .btn-dark:focus {
        color: #fff;
        background-color: #212429;
        border-color: #212429;
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #212429;
        border-color: #212429;
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
    }

    .btn-dark.btn-animated:focus, .btn-dark.btn-animated:active, .btn-dark.btn-animated:hover, .btn-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-dark.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-default,
.btn-light {
    color: #262a2e;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

    .btn-default:hover, .btn-default:focus,
    .btn-light:hover,
    .btn-light:focus {
        color: #6f6f6f;
        background-color: #d8d8d8;
        border-color: #d8d8d8;
    }

    .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active,
    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background-color: #d8d8d8;
        border-color: #d8d8d8;
    }

    .btn-default.disabled, .btn-default:disabled,
    .btn-light.disabled,
    .btn-light:disabled {
        color: #6f6f6f;
        background-color: #eaeaea;
        border-color: #eaeaea;
    }

    .btn-default.btn-animated:focus, .btn-default.btn-animated:active, .btn-default.btn-animated:hover, .btn-default.btn-animated:not(:disabled):not(.disabled).active, .btn-default.btn-animated:not(:disabled):not(.disabled):active,
    .btn-light.btn-animated:focus,
    .btn-light.btn-animated:active,
    .btn-light.btn-animated:hover,
    .btn-light.btn-animated:not(:disabled):not(.disabled).active,
    .btn-light.btn-animated:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #eaeaea;
        border-color: #eaeaea;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-white, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next {
    color: #262a2e;
    background-color: #fff;
    border-color: #fff;
}

    .btn-white:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, .btn-white:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus {
        color: #5f5f5f;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #5f5f5f;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white.disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, .btn-white:disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled {
        color: #5f5f5f;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white.btn-animated:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, .btn-white.btn-animated:active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, .btn-white.btn-animated:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, .btn-white.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-white.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #5f5f5f;
        background-color: #fff;
        border-color: #fff;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-link {
    color: #007D88;
    text-decoration: none !important;
}

    .btn-link:hover, .btn-link:focus {
        color: #007D88;
    }

.btn:not(:disabled):not(.disabled).active:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button:focus {
    box-shadow: none;
}

.btn-group-vertical > .btn:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button:hover,
.btn-group > .btn:hover,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group > .hopscotch-nav-button:hover {
    z-index: 0;
}

.show > .btn-primary.dropdown-toggle, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.next {
    color: #fff;
    background-color: #00717a;
    border-color: #00717a;
}

.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}

.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #16c7d7;
    border-color: #16c7d7;
}

.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00c172;
    border-color: #00c172;
}

.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e6b000;
    border-color: #e6b000;
}

.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e60000;
    border-color: #e60000;
}

.show > .btn-light.dropdown-toggle {
    color: #6f6f6f;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #262a2e;
    border-color: #262a2e;
}

.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #00717a;
    border-color: #00717a;
}

.show > .btn-outline-secondary.dropdown-toggle, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.prev {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}

.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #16c7d7;
    border-color: #16c7d7;
}

.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00c172;
    border-color: #00c172;
}

.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #e6b000;
    border-color: #e6b000;
}

.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #e60000;
    border-color: #e60000;
}

.show > .btn-outline-light.dropdown-toggle, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .show > .dropdown-toggle.btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .show > .dropdown-toggle.hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .show > .dropdown-toggle.hopscotch-nav-button.next {
    color: #6f6f6f;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #2a2f34;
    border-color: #2a2f34;
}

.dropdown > .btn-wth-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*Buttons Soft*/
.btn-soft-info {
    color: #18DDEF;
    background-color: #edfcfe;
    border-color: #edfcfe;
}

    .btn-soft-info:hover, .btn-soft-info:focus {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-soft-info:not(:disabled):not(.disabled).active, .btn-soft-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-soft-info.disabled, .btn-soft-info:disabled {
        color: #18DDEF;
        background-color: #a3f1f9;
        border-color: #a3f1f9;
    }

    .btn-soft-info.btn-animated:focus, .btn-soft-info.btn-animated:active, .btn-soft-info.btn-animated:hover, .btn-soft-info.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-info.btn-animated:not(:disabled):not(.disabled):active {
        color: #18DDEF;
        background-color: #edfcfe;
        border-color: #edfcfe;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-success {
    color: #00D67F;
    background-color: #ebfcf5;
    border-color: #ebfcf5;
}

    .btn-soft-success:hover, .btn-soft-success:focus {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-soft-success:not(:disabled):not(.disabled).active, .btn-soft-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-soft-success.disabled, .btn-soft-success:disabled {
        color: #00D67F;
        background-color: #99efcc;
        border-color: #99efcc;
    }

    .btn-soft-success.btn-animated:focus, .btn-soft-success.btn-animated:active, .btn-soft-success.btn-animated:hover, .btn-soft-success.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-success.btn-animated:not(:disabled):not(.disabled):active {
        color: #00D67F;
        background-color: #ebfcf5;
        border-color: #ebfcf5;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-warning {
    color: #FFC400;
    background-color: #fffaeb;
    border-color: #fffaeb;
}

    .btn-soft-warning:hover, .btn-soft-warning:focus {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-soft-warning:not(:disabled):not(.disabled).active, .btn-soft-warning:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-soft-warning.disabled, .btn-soft-warning:disabled {
        color: #FFC400;
        background-color: #ffe799;
        border-color: #ffe799;
    }

    .btn-soft-warning.btn-animated:focus, .btn-soft-warning.btn-animated:active, .btn-soft-warning.btn-animated:hover, .btn-soft-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-warning.btn-animated:not(:disabled):not(.disabled):active {
        color: #FFC400;
        background-color: #fffaeb;
        border-color: #fffaeb;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-danger {
    color: #FF0000;
    background-color: #ffebeb;
    border-color: #ffebeb;
}

    .btn-soft-danger:hover, .btn-soft-danger:focus {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-soft-danger:not(:disabled):not(.disabled).active, .btn-soft-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-soft-danger.disabled, .btn-soft-danger:disabled {
        color: #FF0000;
        background-color: #ff9999;
        border-color: #ff9999;
    }

    .btn-soft-danger.btn-animated:focus, .btn-soft-danger.btn-animated:active, .btn-soft-danger.btn-animated:hover, .btn-soft-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-danger.btn-animated:not(:disabled):not(.disabled):active {
        color: #FF0000;
        background-color: #ffebeb;
        border-color: #ffebeb;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-secondary {
    color: #262a2e;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}

    .btn-soft-secondary:hover, .btn-soft-secondary:focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-soft-secondary:not(:disabled):not(.disabled).active, .btn-soft-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-soft-secondary.disabled, .btn-soft-secondary:disabled {
        color: #6f6f6f;
        background-color: #c5c5c5;
        border-color: #c5c5c5;
    }

    .btn-soft-secondary.btn-animated:focus, .btn-soft-secondary.btn-animated:active, .btn-soft-secondary.btn-animated:hover, .btn-soft-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-secondary.btn-animated:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #f3f3f3;
        border-color: #f3f3f3;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-primary {
    color: #007D88;
    background-color: #ebf5f5;
    border-color: #ebf5f5;
}

    .btn-soft-primary:hover, .btn-soft-primary:focus {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-soft-primary:not(:disabled):not(.disabled).active, .btn-soft-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-soft-primary.disabled, .btn-soft-primary:disabled {
        color: #007D88;
        background-color: #99cbcf;
        border-color: #99cbcf;
    }

    .btn-soft-primary.btn-animated:focus, .btn-soft-primary.btn-animated:active, .btn-soft-primary.btn-animated:hover, .btn-soft-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-primary.btn-animated:not(:disabled):not(.disabled):active {
        color: #007D88;
        background-color: #ebf5f5;
        border-color: #ebf5f5;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-light {
    color: #6f6f6f;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

    .btn-soft-light:hover, .btn-soft-light:focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-soft-light:not(:disabled):not(.disabled).active, .btn-soft-light:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-soft-light.disabled, .btn-soft-light:disabled {
        color: #6f6f6f;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

    .btn-soft-light.btn-animated:focus, .btn-soft-light.btn-animated:active, .btn-soft-light.btn-animated:hover, .btn-soft-light.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-light.btn-animated:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-soft-dark {
    color: #262a2e;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

    .btn-soft-dark:hover, .btn-soft-dark:focus {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-soft-dark:not(:disabled):not(.disabled).active, .btn-soft-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-soft-dark.disabled, .btn-soft-dark:disabled {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
    }

    .btn-soft-dark.btn-animated:focus, .btn-soft-dark.btn-animated:active, .btn-soft-dark.btn-animated:hover, .btn-soft-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-soft-dark.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

/*Buttons Flush*/
.btn-flush-info {
    color: #18DDEF;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-info:hover, .btn-flush-info:focus {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-flush-info:not(:disabled):not(.disabled).active, .btn-flush-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-flush-info.disabled, .btn-flush-info:disabled {
        color: #18DDEF;
        background-color: #a3f1f9;
        border-color: #a3f1f9;
    }

    .btn-flush-info.flush-outline-hover:hover, .btn-flush-info.flush-outline-hover:focus, .btn-flush-info.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-info.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #18DDEF;
        background-color: transparent;
        border-color: #18DDEF;
    }

    .btn-flush-info.flush-soft-hover:hover, .btn-flush-info.flush-soft-hover:focus, .btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-info.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #18DDEF;
        background-color: #edfcfe;
        border-color: #edfcfe;
    }

    .btn-flush-info.btn-animated:focus, .btn-flush-info.btn-animated:active, .btn-flush-info.btn-animated:hover, .btn-flush-info.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-info.btn-animated:not(:disabled):not(.disabled):active {
        color: #18DDEF;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-success {
    color: #00D67F;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-success:hover, .btn-flush-success:focus {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-flush-success:not(:disabled):not(.disabled).active, .btn-flush-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-flush-success.disabled, .btn-flush-success:disabled {
        color: #00D67F;
        background-color: #99efcc;
        border-color: #99efcc;
    }

    .btn-flush-success.flush-outline-hover:hover, .btn-flush-success.flush-outline-hover:focus, .btn-flush-success.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-success.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #00D67F;
        background-color: transparent;
        border-color: #00D67F;
    }

    .btn-flush-success.flush-soft-hover:hover, .btn-flush-success.flush-soft-hover:focus, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #00D67F;
        background-color: #ebfcf5;
        border-color: #ebfcf5;
    }

    .btn-flush-success.btn-animated:focus, .btn-flush-success.btn-animated:active, .btn-flush-success.btn-animated:hover, .btn-flush-success.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-success.btn-animated:not(:disabled):not(.disabled):active {
        color: #00D67F;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-warning {
    color: #FFC400;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-warning:hover, .btn-flush-warning:focus {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-flush-warning:not(:disabled):not(.disabled).active, .btn-flush-warning:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-flush-warning.disabled, .btn-flush-warning:disabled {
        color: #FFC400;
        background-color: #ffe799;
        border-color: #ffe799;
    }

    .btn-flush-warning.flush-outline-hover:hover, .btn-flush-warning.flush-outline-hover:focus, .btn-flush-warning.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-warning.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #FFC400;
        background-color: transparent;
        border-color: #FFC400;
    }

    .btn-flush-warning.flush-soft-hover:hover, .btn-flush-warning.flush-soft-hover:focus, .btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-warning.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #FFC400;
        background-color: #fffaeb;
        border-color: #fffaeb;
    }

    .btn-flush-warning.btn-animated:focus, .btn-flush-warning.btn-animated:active, .btn-flush-warning.btn-animated:hover, .btn-flush-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-warning.btn-animated:not(:disabled):not(.disabled):active {
        color: #FFC400;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-danger {
    color: #FF0000;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-danger:hover, .btn-flush-danger:focus {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-flush-danger:not(:disabled):not(.disabled).active, .btn-flush-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-flush-danger.disabled, .btn-flush-danger:disabled {
        color: #FF0000;
        background-color: #ff9999;
        border-color: #ff9999;
    }

    .btn-flush-danger.flush-outline-hover:hover, .btn-flush-danger.flush-outline-hover:focus, .btn-flush-danger.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-danger.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #FF0000;
        background-color: transparent;
        border-color: #FF0000;
    }

    .btn-flush-danger.flush-soft-hover:hover, .btn-flush-danger.flush-soft-hover:focus, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #FF0000;
        background-color: #ffebeb;
        border-color: #ffebeb;
    }

    .btn-flush-danger.btn-animated:focus, .btn-flush-danger.btn-animated:active, .btn-flush-danger.btn-animated:hover, .btn-flush-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-danger.btn-animated:not(:disabled):not(.disabled):active {
        color: #FF0000;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-secondary {
    color: #6f6f6f;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-secondary:hover, .btn-flush-secondary:focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-flush-secondary:not(:disabled):not(.disabled).active, .btn-flush-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-flush-secondary.disabled, .btn-flush-secondary:disabled {
        color: #6f6f6f;
        background-color: #c5c5c5;
        border-color: #c5c5c5;
    }

    .btn-flush-secondary.flush-outline-hover:hover, .btn-flush-secondary.flush-outline-hover:focus, .btn-flush-secondary.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-secondary.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        border-color: #6f6f6f;
    }

    .btn-flush-secondary.flush-soft-hover:hover, .btn-flush-secondary.flush-soft-hover:focus, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #f3f3f3;
        border-color: #f3f3f3;
    }

    .btn-flush-secondary.btn-animated:focus, .btn-flush-secondary.btn-animated:active, .btn-flush-secondary.btn-animated:hover, .btn-flush-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-secondary.btn-animated:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-primary {
    color: #007D88;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-primary:hover, .btn-flush-primary:focus {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-flush-primary:not(:disabled):not(.disabled).active, .btn-flush-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-flush-primary.disabled, .btn-flush-primary:disabled {
        color: #007D88;
        background-color: #99cbcf;
        border-color: #99cbcf;
    }

    .btn-flush-primary.flush-outline-hover:hover, .btn-flush-primary.flush-outline-hover:focus, .btn-flush-primary.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-primary.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #007D88;
        background-color: transparent;
        border-color: #007D88;
    }

    .btn-flush-primary.flush-soft-hover:hover, .btn-flush-primary.flush-soft-hover:focus, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #007D88;
        background-color: #ebf5f5;
        border-color: #ebf5f5;
    }

    .btn-flush-primary.btn-animated:focus, .btn-flush-primary.btn-animated:active, .btn-flush-primary.btn-animated:hover, .btn-flush-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-primary.btn-animated:not(:disabled):not(.disabled):active {
        color: #007D88;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-dark {
    color: #262a2e;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-dark:hover, .btn-flush-dark:focus {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-flush-dark:not(:disabled):not(.disabled).active, .btn-flush-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-flush-dark.disabled, .btn-flush-dark:disabled {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
    }

    .btn-flush-dark.flush-outline-hover:hover, .btn-flush-dark.flush-outline-hover:focus, .btn-flush-dark.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-dark.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background-color: transparent;
        border-color: #262a2e;
    }

    .btn-flush-dark.flush-soft-hover:hover, .btn-flush-dark.flush-soft-hover:focus, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

    .btn-flush-dark.btn-animated:focus, .btn-flush-dark.btn-animated:active, .btn-flush-dark.btn-animated:hover, .btn-flush-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-dark.btn-animated:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-flush-light {
    color: #6f6f6f;
    background-color: transparent;
    border-color: transparent;
}

    .btn-flush-light:hover, .btn-flush-light:focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-flush-light:not(:disabled):not(.disabled).active, .btn-flush-light:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-flush-light.disabled, .btn-flush-light:disabled {
        color: #6f6f6f;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

    .btn-flush-light.flush-outline-hover:hover, .btn-flush-light.flush-outline-hover:focus, .btn-flush-light.flush-outline-hover:not(:disabled):not(.disabled).active, .btn-flush-light.flush-outline-hover:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        background-image: none;
        border-color: #eaeaea;
    }

    .btn-flush-light.flush-soft-hover:hover, .btn-flush-light.flush-soft-hover:focus, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

    .btn-flush-light.btn-animated:focus, .btn-flush-light.btn-animated:active, .btn-flush-light.btn-animated:hover, .btn-flush-light.btn-animated:not(:disabled):not(.disabled).active, .btn-flush-light.btn-animated:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

/*Buttons Gradien*/
.btn-gradient-primary {
    color: #fff;
    border: none;
    background: #007D88;
    background: linear-gradient(45deg, #007D88, #955cfa) !important;
}

    .btn-gradient-primary:hover, .btn-gradient-primary:focus {
        color: #fff;
        background: #00717a;
        background: linear-gradient(45deg, #00717a, #7429F8) !important;
    }

    .btn-gradient-primary:not(:disabled):not(.disabled).active, .btn-gradient-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #00717a;
        background: linear-gradient(45deg, #00717a, #7429F8) !important;
    }

    .btn-gradient-primary.disabled, .btn-gradient-primary:disabled {
        color: #fff;
        background: #99cbcf;
        background: linear-gradient(45deg, #99cbcf, #c7a9fc) !important;
    }

    .btn-gradient-primary.btn-animated:focus, .btn-gradient-primary.btn-animated:active, .btn-gradient-primary.btn-animated:hover, .btn-gradient-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-primary.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #007D88;
        background: linear-gradient(45deg, #007D88, #955cfa) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-info {
    color: #fff;
    border: none;
    background: #18DDEF;
    background: linear-gradient(45deg, #18DDEF, #007D88) !important;
}

    .btn-gradient-info:hover, .btn-gradient-info:focus {
        color: #fff;
        background: #16c7d7;
        background: linear-gradient(45deg, #16c7d7, #00717a) !important;
    }

    .btn-gradient-info:not(:disabled):not(.disabled).active, .btn-gradient-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #16c7d7;
        background: linear-gradient(45deg, #16c7d7, #00717a) !important;
    }

    .btn-gradient-info.disabled, .btn-gradient-info:disabled {
        color: #fff;
        background: #a3f1f9;
        background: linear-gradient(45deg, #a3f1f9, #99cbcf) !important;
    }

    .btn-gradient-info.btn-animated:focus, .btn-gradient-info.btn-animated:active, .btn-gradient-info.btn-animated:hover, .btn-gradient-info.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-info.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #18DDEF;
        background: linear-gradient(45deg, #18DDEF, #007D88) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-success {
    color: #fff;
    border: none;
    background: #00D67F;
    background: linear-gradient(45deg, #00D67F, #81E230) !important;
}

    .btn-gradient-success:hover, .btn-gradient-success:focus {
        color: #fff;
        background: #00c172;
        background: linear-gradient(45deg, #00c172, #74cb2b) !important;
    }

    .btn-gradient-success:not(:disabled):not(.disabled).active, .btn-gradient-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #00c172;
        background: linear-gradient(45deg, #00c172, #74cb2b) !important;
    }

    .btn-gradient-success.disabled, .btn-gradient-success:disabled {
        color: #fff;
        background: #99efcc;
        background: linear-gradient(45deg, #99efcc, #cdf3ac) !important;
    }

    .btn-gradient-success.btn-animated:focus, .btn-gradient-success.btn-animated:active, .btn-gradient-success.btn-animated:hover, .btn-gradient-success.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-success.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #00D67F;
        background: linear-gradient(45deg, #00D67F, #81E230) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-warning {
    color: #fff;
    border: none;
    background: #FFC400;
    background: linear-gradient(45deg, #FFC400, #FFEA00) !important;
}

    .btn-gradient-warning:hover, .btn-gradient-warning:focus {
        color: #fff;
        background: #e6b000;
        background: linear-gradient(45deg, #e6b000, #e6d300) !important;
    }

    .btn-gradient-warning:not(:disabled):not(.disabled).active, .btn-gradient-warning:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #e6b000;
        background: linear-gradient(45deg, #e6b000, #e6d300) !important;
    }

    .btn-gradient-warning.disabled, .btn-gradient-warning:disabled {
        color: #fff;
        background: #ffe799;
        background: linear-gradient(45deg, #ffe799, #fff799) !important;
    }

    .btn-gradient-warning.btn-animated:focus, .btn-gradient-warning.btn-animated:active, .btn-gradient-warning.btn-animated:hover, .btn-gradient-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-warning.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #FFC400;
        background: linear-gradient(45deg, #FFC400, #FFEA00) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-danger {
    color: #fff;
    border: none;
    background: #ff3d3d;
    background: linear-gradient(45deg, #ff3d3d, #E92990) !important;
}

    .btn-gradient-danger:hover, .btn-gradient-danger:focus {
        color: #fff;
        background: #FF0000;
        background: linear-gradient(45deg, #FF0000, #d22582) !important;
    }

    .btn-gradient-danger:not(:disabled):not(.disabled).active, .btn-gradient-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #FF0000;
        background: linear-gradient(45deg, #FF0000, #d22582) !important;
    }

    .btn-gradient-danger.disabled, .btn-gradient-danger:disabled {
        color: #fff;
        background: #ff9999;
        background: linear-gradient(45deg, #ff9999, #f6a9d3) !important;
    }

    .btn-gradient-danger.btn-animated:focus, .btn-gradient-danger.btn-animated:active, .btn-gradient-danger.btn-animated:hover, .btn-gradient-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-danger.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #ff3d3d;
        background: linear-gradient(45deg, #ff3d3d, #E92990) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-secondary {
    color: #fff;
    border: none;
    background: #6f6f6f;
    background: linear-gradient(45deg, #6f6f6f, #d8d8d8) !important;
}

    .btn-gradient-secondary:hover, .btn-gradient-secondary:focus {
        color: #fff;
        background: #646464;
        background: linear-gradient(45deg, #646464, #c7c7c7) !important;
    }

    .btn-gradient-secondary:not(:disabled):not(.disabled).active, .btn-gradient-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #646464;
        background: linear-gradient(45deg, #646464, #c7c7c7) !important;
    }

    .btn-gradient-secondary.disabled, .btn-gradient-secondary:disabled {
        color: #fff;
        background: #c5c5c5;
        background: linear-gradient(45deg, #c5c5c5, #d8d8d8) !important;
    }

    .btn-gradient-secondary.btn-animated:focus, .btn-gradient-secondary.btn-animated:active, .btn-gradient-secondary.btn-animated:hover, .btn-gradient-secondary.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-secondary.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #6f6f6f;
        background: linear-gradient(45deg, #6f6f6f, #d8d8d8) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-light {
    color: #262a2e;
    border: none;
    background: #b5b5b5;
    background: linear-gradient(45deg, #b5b5b5, #f7f7f7) !important;
}

    .btn-gradient-light:hover, .btn-gradient-light:focus {
        color: #262a2e;
        background: #d8d8d8;
        background: linear-gradient(45deg, #d8d8d8, #eaeaea) !important;
    }

    .btn-gradient-light:not(:disabled):not(.disabled).active, .btn-gradient-light:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background: #d8d8d8;
        background: linear-gradient(45deg, #d8d8d8, #eaeaea) !important;
    }

    .btn-gradient-light.disabled, .btn-gradient-light:disabled {
        color: #262a2e;
        background: #f7f7f7;
        background: linear-gradient(45deg, #f7f7f7, #d8d8d8) !important;
    }

    .btn-gradient-light.btn-animated:focus, .btn-gradient-light.btn-animated:active, .btn-gradient-light.btn-animated:hover, .btn-gradient-light.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-light.btn-animated:not(:disabled):not(.disabled):active {
        color: #262a2e;
        border: none;
        background: #b5b5b5;
        background: linear-gradient(45deg, #b5b5b5, #f7f7f7) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-gradient-dark {
    color: #fff;
    border: none;
    background: #262a2e;
    background: linear-gradient(45deg, #262a2e, #6f6f6f) !important;
}

    .btn-gradient-dark:hover, .btn-gradient-dark:focus {
        color: #fff;
        background: #212429;
        background: linear-gradient(45deg, #212429, #4f4f4f) !important;
    }

    .btn-gradient-dark:not(:disabled):not(.disabled).active, .btn-gradient-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background: #212429;
        background: linear-gradient(45deg, #212429, #4f4f4f) !important;
    }

    .btn-gradient-dark.disabled, .btn-gradient-dark:disabled {
        color: #fff;
        background: #2F343A;
        background: linear-gradient(45deg, #2F343A, #d8d8d8) !important;
    }

    .btn-gradient-dark.btn-animated:focus, .btn-gradient-dark.btn-animated:active, .btn-gradient-dark.btn-animated:hover, .btn-gradient-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-gradient-dark.btn-animated:not(:disabled):not(.disabled):active {
        color: #fff;
        border: none;
        background: #262a2e;
        background: linear-gradient(45deg, #262a2e, #6f6f6f) !important;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

/*Buttons Outline*/
.btn-outline-info {
    color: #18DDEF;
    background-color: transparent;
    background-image: none;
    border-color: #18DDEF;
}

    .btn-outline-info:hover, .btn-outline-info:focus {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #18DDEF;
        border-color: #18DDEF;
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #fff;
        background-color: #a3f1f9;
        border-color: #a3f1f9;
    }

    .btn-outline-info.btn-animated:focus, .btn-outline-info.btn-animated:active, .btn-outline-info.btn-animated:hover, .btn-outline-info.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-info.btn-animated:not(:disabled):not(.disabled):active {
        color: #18DDEF;
        background-color: transparent;
        background-image: none;
        border-color: #18DDEF;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-success {
    color: #00D67F;
    background-color: transparent;
    background-image: none;
    border-color: #00D67F;
}

    .btn-outline-success:hover, .btn-outline-success:focus {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #00D67F;
        border-color: #00D67F;
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #fff;
        background-color: #99efcc;
        border-color: #99efcc;
    }

    .btn-outline-success.btn-animated:focus, .btn-outline-success.btn-animated:active, .btn-outline-success.btn-animated:hover, .btn-outline-success.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-success.btn-animated:not(:disabled):not(.disabled):active {
        color: #00D67F;
        background-color: transparent;
        background-image: none;
        border-color: #00D67F;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-warning {
    color: #FFC400;
    background-color: transparent;
    background-image: none;
    border-color: #FFC400;
}

    .btn-outline-warning:hover, .btn-outline-warning:focus {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FFC400;
        border-color: #FFC400;
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #fff;
        background-color: #ffe799;
        border-color: #ffe799;
    }

    .btn-outline-warning.btn-animated:focus, .btn-outline-warning.btn-animated:active, .btn-outline-warning.btn-animated:hover, .btn-outline-warning.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-warning.btn-animated:not(:disabled):not(.disabled):active {
        color: #FFC400;
        background-color: transparent;
        background-image: none;
        border-color: #FFC400;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-danger {
    color: #FF0000;
    background-color: transparent;
    background-image: none;
    border-color: #FF0000;
}

    .btn-outline-danger:hover, .btn-outline-danger:focus {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #fff;
        background-color: #ff9999;
        border-color: #ff9999;
    }

    .btn-outline-danger.btn-animated:focus, .btn-outline-danger.btn-animated:active, .btn-outline-danger.btn-animated:hover, .btn-outline-danger.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-danger.btn-animated:not(:disabled):not(.disabled):active {
        color: #FF0000;
        background-color: transparent;
        background-image: none;
        border-color: #FF0000;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {
    color: #6f6f6f;
    background-color: transparent;
    background-image: none;
    border-color: #6f6f6f;
}

    .btn-outline-secondary:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:hover, .btn-outline-secondary:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:focus {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6f6f6f;
        border-color: #6f6f6f;
    }

    .btn-outline-secondary.disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.prev, .btn-outline-secondary:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:disabled {
        color: #fff;
        background-color: #c5c5c5;
        border-color: #c5c5c5;
    }

    .btn-outline-secondary.btn-animated:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:focus, .btn-outline-secondary.btn-animated:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:active, .btn-outline-secondary.btn-animated:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:hover, .btn-outline-secondary.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-secondary.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        background-image: none;
        border-color: #6f6f6f;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-primary {
    color: #007D88;
    background-color: transparent;
    background-image: none;
    border-color: #007D88;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #007D88;
        border-color: #007D88;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #fff;
        background-color: #99cbcf;
        border-color: #99cbcf;
    }

    .btn-outline-primary.btn-animated:focus, .btn-outline-primary.btn-animated:active, .btn-outline-primary.btn-animated:hover, .btn-outline-primary.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-primary.btn-animated:not(:disabled):not(.disabled):active {
        color: #007D88;
        background-color: transparent;
        background-image: none;
        border-color: #007D88;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-dark {
    color: #262a2e;
    background-color: transparent;
    background-image: none;
    border-color: #262a2e;
}

    .btn-outline-dark:hover, .btn-outline-dark:focus {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #262a2e;
        border-color: #262a2e;
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
    }

    .btn-outline-dark.btn-animated:focus, .btn-outline-dark.btn-animated:active, .btn-outline-dark.btn-animated:hover, .btn-outline-dark.btn-animated:not(:disabled):not(.disabled).active, .btn-outline-dark.btn-animated:not(:disabled):not(.disabled):active {
        color: #262a2e;
        background-color: transparent;
        background-image: none;
        border-color: #262a2e;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next {
    color: #6f6f6f;
    background-color: transparent;
    background-image: none;
    border-color: #eaeaea;
}

    .btn-outline-light:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:hover, .btn-outline-light:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:focus {
        color: #6f6f6f;
        background-color: #eaeaea;
        border-color: #eaeaea;
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: #eaeaea;
        border-color: #eaeaea;
    }

    .btn-outline-light.disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .disabled.btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .disabled.hopscotch-nav-button.next, .btn-outline-light:disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-primary:disabled, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:disabled {
        color: #6f6f6f;
        background-color: #eaeaea;
        border-color: #eaeaea;
    }

    .btn-outline-light.btn-animated:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:focus, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:focus, .btn-outline-light.btn-animated:active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:active, .btn-outline-light.btn-animated:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:hover, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:hover, .btn-outline-light.btn-animated:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:not(:disabled):not(.disabled).active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled).active, .btn-outline-light.btn-animated:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.btn-primary:not(:disabled):not(.disabled):active, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-animated.hopscotch-nav-button.next:not(:disabled):not(.disabled):active {
        color: #6f6f6f;
        background-color: transparent;
        background-image: none;
        border-color: #eaeaea;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

.btn-outline-white, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}

    .btn-outline-white:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:hover, .btn-outline-white:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:focus {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
    }

    .btn-outline-white:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
    }

    .btn-outline-white.disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .disabled.hopscotch-nav-button.prev, .btn-outline-white:disabled, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev:disabled {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
    }

    .btn-outline-white.btn-animated:focus, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:focus, .btn-outline-white.btn-animated:active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:active, .btn-outline-white.btn-animated:hover, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:hover, .btn-outline-white.btn-animated:not(:disabled):not(.disabled).active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled).active, .btn-outline-white.btn-animated:not(:disabled):not(.disabled):active, div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .btn-animated.hopscotch-nav-button.prev:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: transparent;
        background-image: none;
        border-color: #fff;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
    }

/*Buttons Check*/
.btn-check:active + .btn-info, .btn-check:checked + .btn-info {
    color: #fff;
    background-color: #16c7d7;
    border-color: #16c7d7;
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success {
    color: #fff;
    background-color: #00c172;
    border-color: #00c172;
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning {
    color: #fff;
    background-color: #e6b000;
    border-color: #e6b000;
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger {
    color: #fff;
    background-color: #e60000;
    border-color: #e60000;
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}

.btn-check:active + .btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.next, .btn-check:checked + .btn-primary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.next {
    color: #fff;
    background-color: #00717a;
    border-color: #00717a;
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark {
    color: #fff;
    background-color: #212429;
    border-color: #212429;
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light {
    color: #262a2e;
    background-color: #d8d8d8;
    border-color: #d8d8d8;
}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info {
    color: #fff;
    background-color: #18DDEF;
    border-color: #18DDEF;
}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success {
    color: #fff;
    background-color: #00D67F;
    border-color: #00D67F;
}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning {
    color: #fff;
    background-color: #FFC400;
    border-color: #FFC400;
}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger {
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
}

.btn-check:active + .btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.prev, .btn-check:checked + .btn-outline-secondary, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.prev {
    color: #fff;
    background-color: #6f6f6f;
    border-color: #6f6f6f;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary {
    color: #fff;
    background-color: #007D88;
    border-color: #007D88;
}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark {
    color: #fff;
    background-color: #262a2e;
    border-color: #262a2e;
}

.btn-check:active + .btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:active + .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:active + .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:active + .hopscotch-nav-button.next, .btn-check:checked + .btn-outline-light, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:checked + .btn-primary, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-check:checked + .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn-check:checked + .hopscotch-nav-button.next {
    color: #6f6f6f;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

/*Buttons Group*/
.btn-group .btn + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .btn + .hopscotch-nav-button, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .hopscotch-nav-button, .btn-group .btn + .btn-group, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .btn-group, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .hopscotch-nav-button + .btn-group, .btn-group .btn-group + .btn, .btn-group div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group .btn-group + .hopscotch-nav-button, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-group-vertical > .btn + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .btn + .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .hopscotch-nav-button, .btn-group-vertical > .btn + .btn-group, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .hopscotch-nav-button + .btn-group, .btn-group-vertical > .btn-group + .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-vertical > .btn-group + .hopscotch-nav-button, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-lg > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-lg > .hopscotch-nav-button,
.btn-lg {
    font-size: 1.125rem;
    padding: 0.5rem 1.3rem;
    border-radius: 0.375rem;
}

.btn-group-sm > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-sm > .hopscotch-nav-button,
.btn-sm,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
    font-size: 0.875rem;
    padding: .25rem .8rem;
    border-radius: 0.375rem;
}

.btn-group-xs > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-xs > .hopscotch-nav-button,
.btn-xs {
    font-size: .75rem;
    padding: .25rem .6rem;
}

/*Button Social*/
.btn-social {
    color: #fff;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

    .btn-social:focus, .btn-social:active, .btn-social:hover {
        color: #fff;
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    .btn-social.btn-social-facebook {
        background-color: #1778F2;
        border-color: #1778F2;
    }

        .btn-social.btn-social-facebook:focus, .btn-social.btn-social-facebook:active, .btn-social.btn-social-facebook:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(23, 120, 242, 0.6) !important;
        }

    .btn-social.btn-social-twitter {
        background-color: #00acee;
        border-color: #00acee;
    }

        .btn-social.btn-social-twitter:focus, .btn-social.btn-social-twitter:active, .btn-social.btn-social-twitter:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 172, 238, 0.6) !important;
        }

    .btn-social.btn-social-gplus {
        background-color: #db4a39;
        border-color: #db4a39;
    }

        .btn-social.btn-social-gplus:focus, .btn-social.btn-social-gplus:active, .btn-social.btn-social-gplus:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(219, 74, 57, 0.6) !important;
        }

    .btn-social.btn-social-linkedin {
        background-color: #0077B5;
        border-color: #0077B5;
    }

        .btn-social.btn-social-linkedin:focus, .btn-social.btn-social-linkedin:active, .btn-social.btn-social-linkedin:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 119, 181, 0.6) !important;
        }

    .btn-social.btn-social-instagram {
        border-color: transparent;
        background: #f0100f;
        background: linear-gradient(45deg, #f0100f, #b900b3) !important;
    }

        .btn-social.btn-social-instagram:focus, .btn-social.btn-social-instagram:active, .btn-social.btn-social-instagram:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(240, 16, 15, 0.6) !important;
            background: #f0100f;
            background: linear-gradient(45deg, #f0100f, #b900b3) !important;
        }

    .btn-social.btn-social-pinterest {
        background-color: #E60023;
        border-color: #E60023;
    }

        .btn-social.btn-social-pinterest:focus, .btn-social.btn-social-pinterest:active, .btn-social.btn-social-pinterest:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(230, 0, 35, 0.6) !important;
        }

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

        .btn-social.btn-social-dribbble:focus, .btn-social.btn-social-dribbble:active, .btn-social.btn-social-dribbble:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(234, 76, 137, 0.6) !important;
        }

    .btn-social.btn-social-youtube {
        background-color: #FF0000;
        border-color: #FF0000;
    }

        .btn-social.btn-social-youtube:focus, .btn-social.btn-social-youtube:active, .btn-social.btn-social-youtube:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(255, 0, 0, 0.6) !important;
        }

    .btn-social.btn-social-dropbox {
        background-color: #0061ff;
        border-color: #0061ff;
    }

        .btn-social.btn-social-dropbox:focus, .btn-social.btn-social-dropbox:active, .btn-social.btn-social-dropbox:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 97, 255, 0.6) !important;
        }

    .btn-social.btn-social-github {
        background-color: #24292e;
        border-color: #24292e;
    }

        .btn-social.btn-social-github:focus, .btn-social.btn-social-github:active, .btn-social.btn-social-github:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(36, 41, 46, 0.6) !important;
        }

    .btn-social.btn-social-skype {
        background-color: #00aff0;
        border-color: #00aff0;
    }

        .btn-social.btn-social-skype:focus, .btn-social.btn-social-skype:active, .btn-social.btn-social-skype:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 175, 240, 0.6) !important;
        }

    .btn-social.btn-social-tumblr {
        background-color: #000000;
        border-color: #000000;
    }

        .btn-social.btn-social-tumblr:focus, .btn-social.btn-social-tumblr:active, .btn-social.btn-social-tumblr:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 0, 0, 0.6) !important;
        }

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

        .btn-social.btn-social-flickr:focus, .btn-social.btn-social-flickr:active, .btn-social.btn-social-flickr:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(0, 99, 220, 0.6) !important;
        }

    .btn-social.btn-social-behance {
        background-color: #1769ff;
        border-color: #1769ff;
    }

        .btn-social.btn-social-behance:focus, .btn-social.btn-social-behance:active, .btn-social.btn-social-behance:hover {
            box-shadow: 0 1.25rem 1.875rem -0.625rem rgba(23, 105, 255, 0.6) !important;
        }

/*Wrapper*/
.aksa-wrapper {
    position: relative;
}

.hk-pg-wrapper {
    padding: 65px 0 60px;
    position: relative;
    min-height: 100vh;
}

/*Gutter*/
.g-5, .gx-5 {
    --bs-gutter-x: 2rem;
}

.g-5, .gy-5 {
    --bs-gutter-y: 2rem;
}

.g-6, .gx-6 {
    --bs-gutter-x: 2.5rem;
}

.g-6, .gy-6 {
    --bs-gutter-y: 2.5rem;
}

.g-7, .gx-7 {
    --bs-gutter-x: 3rem;
}

.g-7, .gy-7 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 2rem;
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 2rem;
    }

    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x: 2.5rem;
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y: 2.5rem;
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 2rem;
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 2rem;
    }

    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 2.5rem;
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y: 2.5rem;
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x: 3rem;
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 2rem;
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 2rem;
    }

    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 2.5rem;
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y: 2.5rem;
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 2rem;
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 2rem;
    }

    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 2.5rem;
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y: 2.5rem;
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 2rem;
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 2rem;
    }

    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 2.5rem;
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y: 2.5rem;
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y: 3rem;
    }
}
/*Hk Section*/
.hk-section {
    margin-bottom: 3.125rem;
}

    .hk-section .hk-sec-title {
        margin-bottom: 1.25rem;
    }

/*Card*/
.card {
    border-color: #eaeaea;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: .875rem;
    border-radius: 0.5rem;
}

    .card .card-header {
        background: transparent;
        border-color: #eaeaea;
        padding: 0.75rem 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
    }

        .card .card-header > h1, .card .card-header > h2, .card .card-header > h3, .card .card-header > h4, .card .card-header > h5, .card .card-header > h6, .card .card-header > .h1, .card .card-header > .h2, .card .card-header > .h3, .card .card-header > .h4, .card .card-header > .h5, .card .card-header > .h6 {
            margin-bottom: 0;
        }

        .card .card-header.card-header-bold {
            font-size: 0.875rem;
            text-transform: uppercase;
            font-weight: 600;
        }

        .card .card-header.card-header-wth-bg {
            background: #f7f7f7;
            border-color: transparent;
        }

            .card .card-header.card-header-wth-bg.card-header-action .card-action-wrap {
                color: #fff;
            }

        .card .card-header.card-header-action .card-action-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .card .card-header.card-header-action .card-action-wrap > a.collapsed {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .card .card-header.card-header-action.card-header-wth-text {
            align-items: flex-start;
            -webkit-box-align: flex-start;
            -ms-flex-align: flex-start;
            border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
        }

        .card .card-header.card-header-wth-bg-inv {
            color: #fff;
            background: #007D88;
            border-color: transparent;
        }

            .card .card-header.card-header-wth-bg-inv h1, .card .card-header.card-header-wth-bg-inv h2, .card .card-header.card-header-wth-bg-inv h3, .card .card-header.card-header-wth-bg-inv h4, .card .card-header.card-header-wth-bg-inv h5, .card .card-header.card-header-wth-bg-inv h6, .card .card-header.card-header-wth-bg-inv .h1, .card .card-header.card-header-wth-bg-inv .h2, .card .card-header.card-header-wth-bg-inv .h3, .card .card-header.card-header-wth-bg-inv .h4, .card .card-header.card-header-wth-bg-inv .h5, .card .card-header.card-header-wth-bg-inv .h6 {
                color: #fff;
            }

        .card .card-header:first-child {
            border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
        }

        .card .card-header .nav-tabs.card-header-tabs {
            border-bottom: 0;
        }

    .card.sticky-card-header .card-header {
        top: 64px;
        position: -webkit-sticky;
        position: sticky;
        z-index: 100;
    }

    .card .card-text {
        margin-bottom: 1rem;
    }

        .card .card-text:last-child {
            margin-bottom: 0;
        }

    .card .card-title {
        font-size: 1rem;
        color: #262a2e;
        font-weight: 500;
    }

    .card .card-subtitle {
        font-size: 0.875rem;
    }

    .card .card-body {
        padding: 1.25rem;
        min-height: 1px;
    }

        .card .card-body > .card-action-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            right: 14px;
            top: 8px;
        }

            .card .card-body > .card-action-wrap .btn, .card .card-body > .card-action-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .card .card-body > .card-action-wrap .hopscotch-nav-button {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                flex-shrink: 0;
            }

        .card .card-body > .card-close {
            position: absolute;
            right: 14px;
            top: 10px;
            cursor: pointer;
        }

            .card .card-body > .card-close a {
                color: #262a2e;
                -webkit-transition: 0.2s ease;
                -moz-transition: 0.2s ease;
                transition: 0.2s ease;
                margin-left: 1rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                opacity: .6;
                font-size: 1.125rem;
            }

                .card .card-body > .card-close a:hover {
                    opacity: 1;
                }

    .card.close-over .btn-close {
        position: absolute;
        top: -10px;
        right: -10px;
    }

    .card.card-selected {
        position: relative;
        border-color: #007D88;
    }

        .card.card-selected:after {
            height: 22px;
            width: 22px;
            background: #007D88;
            color: #fff;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            cursor: pointer;
            font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f26b";
            top: -10px;
            right: -10px;
            line-height: 0;
            position: absolute;
        }

    .card .card-footer {
        background: transparent;
        border-color: #eaeaea;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.75rem 1.25rem;
    }

        .card .card-footer:last-child {
            border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
        }

    .card .card-img-bg {
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card.card-refresh {
        position: relative;
    }

        .card.card-refresh .refresh-container {
            background: rgba(255, 255, 255, 0.9);
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            display: none;
            z-index: 5;
            cursor: wait;
            border-radius: 0.5rem;
            overflow: hidden;
        }

            .card.card-refresh .refresh-container .loader-pendulums {
                font-size: 2rem;
            }

    .card.fullscreen {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        position: fixed;
        overflow-y: auto;
        z-index: 1040;
        border-radius: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .card.card-lg .card-header,
    .card.card-lg .card-footer {
        padding: 1rem 1.5rem;
    }

    .card.card-lg .card-body {
        padding: 1.5rem;
    }

    .card.card-sm .card-header,
    .card.card-sm .card-footer {
        padding: .625rem 1rem;
    }

    .card.card-sm .card-body {
        padding: 1rem;
    }

    .card.card-shadow {
        border: none;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }

    .card.card-flush {
        border: none;
        box-shadow: none;
    }

    .card.card-border {
        border: 1px solid #eaeaea;
        box-shadow: none;
    }

    .card.card-simple .card-header,
    .card.card-simple .card-footer {
        border: none;
    }

    .card.card-wth-line {
        padding-top: .25rem;
        border-top: 0;
    }

        .card.card-wth-line .card-line {
            position: absolute;
            top: 0;
            height: 30px;
            width: 100%;
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }

        .card.card-wth-line .card-body {
            position: relative;
            z-index: 1;
            background: #fff;
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }

    .card.card-wth-progress .progress {
        background: transparent;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .card.card-wth-tabs > .card-header {
        padding-bottom: .5rem;
    }

.card-img, .card-img-top {
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}

.card-group > .card {
    margin-bottom: .875rem;
}

.aksa-wrapper.hk-menu-toggle .card.fullscreen {
    left: 0;
}

@media (max-width: 1199px) {
    .card.fullscreen {
        left: 0;
    }

    .aksa-wrapper.hk-menu-toggle .card.fullscreen {
        left: 269px;
        right: -269px;
    }
}

@media (max-width: 576px) {
    .card.card-lg .card-header,
    .card.card-lg .card-footer {
        padding: .75rem 1.25rem;
    }

    .card.card-lg .card-body {
        padding: 1.25rem;
    }
}
/*Placehoder*/
.placeholder {
    border-radius: 0.25rem;
}

/*Breadcrumb*/
.breadcrumb .breadcrumb-item {
    font-size: 0.875rem;
}

    .breadcrumb .breadcrumb-item > a {
        color: #2F343A;
    }

        .breadcrumb .breadcrumb-item > a:hover, .breadcrumb .breadcrumb-item > a:focus {
            color: #007D88;
        }

    .breadcrumb .breadcrumb-item.active {
        color: #6f6f6f;
    }

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

.breadcrumb.breadcrumb-dark .breadcrumb-item > a {
    color: rgba(255, 255, 255, 0.85);
}

    .breadcrumb.breadcrumb-dark .breadcrumb-item > a:hover, .breadcrumb.breadcrumb-dark .breadcrumb-item > a:focus {
        color: white;
    }

.breadcrumb.breadcrumb-dark .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb.breadcrumb-dark .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.3);
}

.breadcrumb.breadcrumb-full-width {
    border-radius: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

    .breadcrumb-item + .breadcrumb-item:before {
        font-family: "dripicons-v2" !important;
        content: "V";
        padding-right: .3rem;
        position: relative;
        top: 1px;
        font-size: 0.625rem;
        color: rgba(181, 181, 181, 0.8);
    }

/*Page Header*/
.hk-pg-header {
    padding: 1.25rem 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

    .hk-pg-header .pg-title {
        font-size: 1.75rem;
        font-weight: 700;
        margin-bottom: .3rem;
    }

    .hk-pg-header .pg-title-sm {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: .25rem;
    }

    .hk-pg-header .pg-title-xs {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: .25rem;
    }

    .hk-pg-header .breadcrumb {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0.5rem;
    }

    .hk-pg-header .pg-subtitle {
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: .3rem;
    }

    .hk-pg-header .pg-stats-group {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .hk-pg-header .pg-stats-group .stats-symbol {
            display: -ms-flexbox;
            display: flex;
            padding-right: .25rem;
        }

            .hk-pg-header .pg-stats-group .stats-symbol .feather-icon svg, .hk-pg-header .pg-stats-group .stats-symbol .svg-icon svg {
                height: 13px;
                width: 13px;
            }

        .hk-pg-header .pg-stats-group .stats-title {
            font-size: 0.875rem;
        }

        .hk-pg-header .pg-stats-group .stats-dot-sep {
            padding: 0 .625rem;
            color: #d8d8d8;
        }

        .hk-pg-header .pg-stats-group .stats-line-sep {
            padding: 0 .625rem;
            color: #d8d8d8;
        }

    .hk-pg-header .pg-header-action-wrap {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hk-pg-header.pg-header-wth-tab {
        padding-bottom: 0;
    }

        .hk-pg-header.pg-header-wth-tab .nav-tabs {
            margin-top: 1.875rem;
            border-bottom: none;
        }

    .hk-pg-header.pg-header-wth-img {
        position: relative;
        background-image: url(../img/cropper.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .hk-pg-header.pg-header-wth-img:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #262a2e;
            opacity: .6;
        }

        .hk-pg-header.pg-header-wth-img > div, .hk-pg-header.pg-header-wth-img > .nav-tabs {
            position: relative;
            z-index: 2;
        }

    .hk-pg-header.pg-header-wth-bg {
        background: #f7f7f7;
        border-bottom: none;
    }

        .hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item .nav-link,
        .hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item .nav-link.active {
            border: none;
        }

        .hk-pg-header.pg-header-wth-bg .nav-tabs .nav-item.show .nav-link {
            border: none;
        }

    .hk-pg-header.pg-header-dark .pg-title,
    .hk-pg-header.pg-header-dark .pg-title-sm,
    .hk-pg-header.pg-header-dark .pg-title-xs {
        color: #fff;
    }

    .hk-pg-header.pg-header-dark .pg-subtitle, .hk-pg-header.pg-header-dark p {
        color: rgba(255, 255, 255, 0.8);
    }

    .hk-pg-header.pg-header-dark .pg-stats-group .stats-symbol,
    .hk-pg-header.pg-header-dark .pg-stats-group .stats-title {
        color: rgba(255, 255, 255, 0.8);
    }

    .hk-pg-header.pg-header-dark .pg-stats-group .stats-line-sep,
    .hk-pg-header.pg-header-dark .pg-stats-group .stats-dot-sep {
        color: rgba(255, 255, 255, 0.3);
    }

    .hk-pg-header.pg-header-dark .hk-vertical-separator-full:after {
        background: rgba(255, 255, 255, 0.2);
    }

@media (max-width: 767px) {
    .hk-pg-header .pg-title {
        font-size: 1.625rem;
    }
}
/*Page Body*/
.hk-pg-body {
    padding: 2rem 0;
}

/*Form*/
.form-group {
    margin-bottom: 1rem;
}

.form-control, .form-select, .wizard > .content > .body input, .dd-handle {
    color: #262a2e;
    border-color: #d8d8d8;
    border-radius: 0.375rem;
}

    .form-control.square-input, .square-input.form-select, .wizard > .content > .body input.square-input, .square-input.dd-handle {
        border-radius: 0;
    }

    .form-control:focus, .form-select:focus, .wizard > .content > .body input:focus, .dd-handle:focus {
        border-color: #007D88;
        box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.16);
    }

    .form-control:disabled, .form-select:disabled, .wizard > .content > .body input:disabled, .dd-handle:disabled {
        color: #b5b5b5;
        background-color: #f7f7f7;
        cursor: not-allowed;
    }

    .form-control[readonly], [readonly].form-select, .wizard > .content > .body input[readonly], [readonly].dd-handle {
        border-color: #c7c7c7;
        box-shadow: none;
        color: #6f6f6f;
        background-color: #f7f7f7;
    }

    .form-control:hover:not(:disabled):not([readonly]), .form-select:hover:not(:disabled):not([readonly]), .wizard > .content > .body input:hover:not(:disabled):not([readonly]), .dd-handle:hover:not(:disabled):not([readonly]) {
        border-color: #007D88;
        z-index: 4;
    }

    .form-control.rounded-input, .rounded-input.form-select, .wizard > .content > .body input.rounded-input, .rounded-input.dd-handle {
        border-radius: 50rem !important;
    }

    .form-control::placeholder, .form-select::placeholder, .wizard > .content > .body input::placeholder, .dd-handle::placeholder {
        color: #9e9e9e;
    }

    .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .wizard > .content > .body input::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder {
        color: #9e9e9e;
    }

    .form-control:-moz-placeholder, .form-select:-moz-placeholder, .wizard > .content > .body input:-moz-placeholder, .dd-handle:-moz-placeholder {
        color: #9e9e9e;
    }

    .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, .wizard > .content > .body input:-ms-input-placeholder, .dd-handle:-ms-input-placeholder {
        color: #9e9e9e;
    }

    .form-control.form-control-line, .form-control-line.form-select, .wizard > .content > .body input.form-control-line, .form-control-line.dd-handle {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        padding-left: 0;
        background: transparent !important;
    }

        .form-control.form-control-line:focus, .form-control-line.form-select:focus, .wizard > .content > .body input.form-control-line:focus, .form-control-line.dd-handle:focus {
            box-shadow: none;
        }

    .form-control::file-selector-button, .form-select::file-selector-button, .wizard > .content > .body input::file-selector-button, .dd-handle::file-selector-button, .form-control::-webkit-file-upload-button, .form-select::-webkit-file-upload-button, .wizard > .content > .body input::-webkit-file-upload-button, .dd-handle::-webkit-file-upload-button {
        background: #fff !important;
        color: #262a2e;
    }

textarea.form-control, textarea.form-select, textarea.dd-handle {
    height: auto;
}

.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

    .form-select:hover:not(:disabled) {
        border-color: #007D88;
        z-index: 4;
    }

    .form-select[multiple], .form-select[size]:not([size="1"]) {
        height: auto;
    }

.input-group-lg > .form-select,
.form-select-lg {
    padding-right: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.input-group-sm > .form-select,
.form-select-sm {
    padding-right: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.form-control-lg,
.form-select-lg {
    font-size: 1.125rem;
}

/*Checkbox*/
.form-check-input[type=checkbox] {
    border-radius: 0.125em;
}

.form-check-input:checked {
    background-color: #007D88;
    border-color: #007D88;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.16);
}

.form-check-input:disabled ~ .form-check-label {
    color: #5e7d8a;
}

.form-switch .form-check-input[type=checkbox] {
    border-radius: 2em;
}

.form-check-lg {
    min-height: 2rem;
    padding-left: 2em;
}

    .form-check-lg .form-check-input {
        height: 1.25rem;
        width: 1.25rem;
        margin-left: -2em;
        margin-top: 0.3rem;
    }

    .form-check-lg .form-check-label {
        font-size: 1.025rem;
        margin-top: .2rem;
    }

.form-check-sm .form-check-input {
    height: 0.875rem;
    width: 0.875rem;
    margin-top: 0.275em;
}

.form-check-sm .form-check-label {
    font-size: .875rem;
}

.checkbox-circle.form-check-input {
    border-radius: 50%;
}

/*Form Switch*/
.form-switch.form-switch-lg {
    padding-left: 3.5rem;
}

    .form-switch.form-switch-lg .form-check-input {
        height: 1.3em;
        width: 2.8em;
        margin-left: -3.5em;
    }

    .form-switch.form-switch-lg .form-check-label {
        font-size: 1.025rem;
        margin-top: 0.1rem;
    }

.form-switch.form-switch-xl {
    padding-left: 4.5rem;
}

    .form-switch.form-switch-xl .form-check-input {
        height: 1.8em;
        width: 3.5em;
        margin-left: -4.5em;
    }

    .form-switch.form-switch-xl .form-check-label {
        font-size: 1.2rem;
        margin-top: 0.2rem;
    }

/*Form Range*/
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #007D88;
}

    .form-range::-webkit-slider-thumb:active {
        background-color: #99cbcf;
    }

/*Form validation*/
.form-control.is-valid, .is-valid.form-select, .wizard > .content > .body input.is-valid, .is-valid.dd-handle {
    border-color: #00D67F;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .form-control.is-valid:hover, .is-valid.form-select:hover, .wizard > .content > .body input.is-valid:hover, .is-valid.dd-handle:hover {
        border-color: #00D67F !important;
    }

    .form-control.is-valid:focus, .is-valid.form-select:focus, .wizard > .content > .body input.is-valid:focus, .is-valid.dd-handle:focus {
        border-color: #00D67F;
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

.form-control.is-invalid, .is-invalid.form-select, .wizard > .content > .body input.is-invalid, .is-invalid.dd-handle {
    border-color: #FF0000 !important;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .form-control.is-invalid:focus, .is-invalid.form-select:focus, .wizard > .content > .body input.is-invalid:focus, .is-invalid.dd-handle:focus {
        border-color: #FF0000;
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

.form-select.is-valid {
    border-color: #00D67F;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .form-select.is-valid:hover {
        border-color: #00D67F !important;
    }

    .form-select.is-valid:focus {
        border-color: #00D67F;
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

.form-select.is-invalid {
    border-color: #FF0000;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .form-select.is-invalid:hover {
        border-color: #FF0000 !important;
    }

    .form-select.is-invalid:focus {
        border-color: #FF0000;
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

.form-check-input.is-valid {
    border-color: #00D67F;
}

    .form-check-input.is-valid:checked {
        background-color: #00D67F;
    }

    .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

    .form-check-input.is-valid ~ .form-check-label {
        color: #00D67F;
    }

.form-check-input.is-invalid {
    border-color: #FF0000;
}

    .form-check-input.is-invalid:checked {
        background-color: #FF0000;
    }

    .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

    .form-check-input.is-invalid ~ .form-check-label {
        color: #FF0000;
    }

.was-validated .form-select:valid {
    border-color: #00D67F;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .was-validated .form-select:valid:hover {
        border-color: #00D67F !important;
    }

    .was-validated .form-select:valid:focus {
        border-color: #00D67F;
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

.was-validated .form-select:invalid {
    border-color: #FF0000;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .was-validated .form-select:invalid:hover {
        border-color: #FF0000 !important;
    }

    .was-validated .form-select:invalid:focus {
        border-color: #FF0000;
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

.was-validated .form-control:valid, .was-validated .form-select:valid, .was-validated .wizard > .content > .body input:valid, .wizard > .content > .body .was-validated input:valid, .was-validated .dd-handle:valid {
    border-color: #00D67F;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .was-validated .form-control:valid:hover, .was-validated .form-select:valid:hover, .was-validated .wizard > .content > .body input:valid:hover, .wizard > .content > .body .was-validated input:valid:hover, .was-validated .dd-handle:valid:hover {
        border-color: #00D67F !important;
    }

    .was-validated .form-control:valid:focus, .was-validated .form-select:valid:focus, .was-validated .wizard > .content > .body input:valid:focus, .wizard > .content > .body .was-validated input:valid:focus, .was-validated .dd-handle:valid:focus {
        border-color: #00D67F;
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

.was-validated .form-control:invalid, .was-validated .form-select:invalid, .was-validated .wizard > .content > .body input:invalid, .wizard > .content > .body .was-validated input:invalid, .was-validated .dd-handle:invalid {
    border-color: #FF0000;
    background-image: none;
    padding-right: inherit;
    z-index: 4;
}

    .was-validated .form-control:invalid:hover, .was-validated .form-select:invalid:hover, .was-validated .wizard > .content > .body input:invalid:hover, .wizard > .content > .body .was-validated input:invalid:hover, .was-validated .dd-handle:invalid:hover {
        border-color: #FF0000 !important;
    }

    .was-validated .form-control:invalid:focus, .was-validated .form-select:invalid:focus, .was-validated .wizard > .content > .body input:invalid:focus, .wizard > .content > .body .was-validated input:invalid:focus, .was-validated .dd-handle:invalid:focus {
        border-color: #FF0000;
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

.was-validated .form-check-input:valid {
    border-color: #00D67F;
}

    .was-validated .form-check-input:valid:checked {
        background-color: #00D67F;
    }

    .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 0.125rem rgba(0, 214, 127, 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label {
        color: #00D67F;
    }

.was-validated .form-check-input:invalid {
    border-color: #FF0000;
}

    .was-validated .form-check-input:invalid:checked {
        background-color: #FF0000;
    }

    .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #FF0000;
    }

.valid-feedback {
    color: #00D67F;
}

.invalid-feedback {
    color: #FF0000;
}

.valid-tooltip {
    background: #00D67F;
}

.invalid-tooltip {
    background: #FF0000;
}

/*Input group*/
.input-affix-wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .input-affix-wrapper .input-prefix,
    .input-affix-wrapper .input-suffix {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        position: absolute;
        z-index: 5;
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
        min-width: 1.8rem;
    }

    .input-affix-wrapper .input-prefix {
        left: 0;
    }

    .input-affix-wrapper .input-suffix {
        right: 0;
    }

    .input-affix-wrapper .form-control:not(:first-child), .input-affix-wrapper .form-select:not(:first-child), .input-affix-wrapper .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper input:not(:first-child), .input-affix-wrapper .dd-handle:not(:first-child),
    .input-affix-wrapper .form-select:not(:first-child) {
        padding-left: 2.5rem;
    }

    .input-affix-wrapper .form-control:not(:last-child), .input-affix-wrapper .form-select:not(:last-child), .input-affix-wrapper .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper input:not(:last-child), .input-affix-wrapper .dd-handle:not(:last-child),
    .input-affix-wrapper .form-select:not(:last-child) {
        padding-right: 2.5rem;
    }

    .input-affix-wrapper.input-affix-wrapper-sm .input-prefix,
    .input-affix-wrapper.input-affix-wrapper-sm .input-suffix {
        font-size: 0.875rem;
        padding: 0.25rem 0.5rem;
        min-width: 1.5rem;
    }

    .input-affix-wrapper.input-affix-wrapper-sm .form-control, .input-affix-wrapper.input-affix-wrapper-sm .form-select, .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input, .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input, .input-affix-wrapper.input-affix-wrapper-sm .dd-handle,
    .input-affix-wrapper.input-affix-wrapper-sm .form-select {
        padding: .25rem .5rem;
        font-size: .875rem;
    }

        .input-affix-wrapper.input-affix-wrapper-sm .form-control:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input:not(:first-child), .input-affix-wrapper.input-affix-wrapper-sm .dd-handle:not(:first-child),
        .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:first-child) {
            padding-left: 2rem;
        }

        .input-affix-wrapper.input-affix-wrapper-sm .form-control:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-sm input:not(:last-child), .input-affix-wrapper.input-affix-wrapper-sm .dd-handle:not(:last-child),
        .input-affix-wrapper.input-affix-wrapper-sm .form-select:not(:last-child) {
            padding-right: 2rem;
        }

    .input-affix-wrapper.input-affix-wrapper-lg .input-prefix,
    .input-affix-wrapper.input-affix-wrapper-lg .input-suffix {
        font-size: 1.25rem;
        padding: 0.5rem 1rem;
        min-width: 2rem;
    }

    .input-affix-wrapper.input-affix-wrapper-lg .form-control, .input-affix-wrapper.input-affix-wrapper-lg .form-select, .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input, .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input, .input-affix-wrapper.input-affix-wrapper-lg .dd-handle,
    .input-affix-wrapper.input-affix-wrapper-lg .form-select {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

        .input-affix-wrapper.input-affix-wrapper-lg .form-control:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input:not(:first-child), .input-affix-wrapper.input-affix-wrapper-lg .dd-handle:not(:first-child),
        .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:first-child) {
            padding-left: 3rem;
        }

        .input-affix-wrapper.input-affix-wrapper-lg .form-control:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.input-affix-wrapper-lg input:not(:last-child), .input-affix-wrapper.input-affix-wrapper-lg .dd-handle:not(:last-child),
        .input-affix-wrapper.input-affix-wrapper-lg .form-select:not(:last-child) {
            padding-right: 3rem;
        }

    .input-affix-wrapper.affix-border .input-prefix,
    .input-affix-wrapper.affix-border .input-suffix {
        border: 1px solid #d8d8d8;
        border-radius: 0.375rem;
        padding: 0;
    }

    .input-affix-wrapper.affix-border .input-suffix {
        margin-right: 0.5rem;
    }

    .input-affix-wrapper.affix-border .input-prefix {
        margin-left: 0.5rem;
    }

    .input-affix-wrapper.affix-wth-text .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text input:not(:first-child), .input-affix-wrapper.affix-wth-text .dd-handle:not(:first-child),
    .input-affix-wrapper.affix-wth-text .form-select:not(:first-child) {
        padding-left: 3.5rem;
    }

    .input-affix-wrapper.affix-wth-text .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text input:not(:last-child), .input-affix-wrapper.affix-wth-text .dd-handle:not(:last-child),
    .input-affix-wrapper.affix-wth-text .form-select:not(:last-child) {
        padding-right: 3.5rem;
    }

    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm input:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .dd-handle:not(:first-child),
    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:first-child) {
        padding-left: 3rem;
    }

    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm input:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .dd-handle:not(:last-child),
    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-sm .form-select:not(:last-child) {
        padding-right: 3rem;
    }

    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-control:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg input:not(:first-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .dd-handle:not(:first-child),
    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:first-child) {
        padding-left: 4.5rem;
    }

    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-control:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg input:not(:last-child), .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .dd-handle:not(:last-child),
    .input-affix-wrapper.affix-wth-text.input-affix-wrapper-lg .form-select:not(:last-child) {
        padding-right: 4.5rem;
    }

.input-group-lg > .form-select,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.wizard > .content > .body .input-group-lg > input,
.input-group-lg > .dd-handle,
.input-group-sm > .form-select,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.wizard > .content > .body .input-group-sm > input,
.input-group-sm > .dd-handle {
    border-radius: 0.375rem;
}

.input-group > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group > .hopscotch-nav-button, .input-group > .form-control, .input-group > .form-select, .wizard > .content > .body .input-group > input, .input-group > .dd-handle, .input-group > .form-select, .input-group > .input-group-text,
.input-group-sm > .btn,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group-sm > .hopscotch-nav-button, .input-group-sm > .form-control, .input-group-sm > .form-select, .wizard > .content > .body .input-group-sm > input, .input-group-sm > .dd-handle, .input-group-sm > .form-select, .input-group-sm > .input-group-text,
.input-group-lg > .btn,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-group-lg > .hopscotch-nav-button, .input-group-lg > .form-control, .input-group-lg > .form-select, .wizard > .content > .body .input-group-lg > input, .input-group-lg > .dd-handle, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    border-radius: 0.375rem;
}

.input-group-text {
    border-color: #d8d8d8;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0.375rem;
    color: #6f6f6f;
    overflow: hidden;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    min-width: 45px;
}

.input-group-lg .input-group-text {
    min-width: 55px;
}

.input-group-sm .input-group-text {
    min-width: 40px;
}

.input-group.input-group-wth-icon {
    position: relative;
    align-items: center;
}

    .input-group.input-group-wth-icon .input-group-text {
        position: absolute;
        height: calc(100% - 2px);
        z-index: 5;
        border: 0;
        background: transparent;
        pointer-events: none;
    }

        .input-group.input-group-wth-icon .input-group-text:not(:last-child) {
            left: 0;
        }

        .input-group.input-group-wth-icon .input-group-text:not(:first-child) {
            right: 0;
        }

    .input-group.input-group-wth-icon .form-control, .input-group.input-group-wth-icon .form-select, .input-group.input-group-wth-icon .wizard > .content > .body input, .wizard > .content > .body .input-group.input-group-wth-icon input, .input-group.input-group-wth-icon .dd-handle {
        border-radius: 0.5rem !important;
    }

        .input-group.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-wth-icon input:not(:first-child), .input-group.input-group-wth-icon .dd-handle:not(:first-child) {
            padding-left: 2.6rem;
        }

        .input-group.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-wth-icon input:not(:last-child), .input-group.input-group-wth-icon .dd-handle:not(:last-child) {
            padding-right: 2.6rem;
        }

.input-group.input-group-sm.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-sm.input-group-wth-icon input:not(:first-child), .input-group.input-group-sm.input-group-wth-icon .dd-handle:not(:first-child) {
    padding-left: 2.3rem;
}

.input-group.input-group-sm.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-sm.input-group-wth-icon input:not(:last-child), .input-group.input-group-sm.input-group-wth-icon .dd-handle:not(:last-child) {
    padding-right: 2.3rem;
}

.input-group.input-group-lg.input-group-wth-icon .form-control:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .form-select:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .wizard > .content > .body input:not(:first-child), .wizard > .content > .body .input-group.input-group-lg.input-group-wth-icon input:not(:first-child), .input-group.input-group-lg.input-group-wth-icon .dd-handle:not(:first-child) {
    padding-left: 3.1rem;
}

.input-group.input-group-lg.input-group-wth-icon .form-control:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .form-select:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .wizard > .content > .body input:not(:last-child), .wizard > .content > .body .input-group.input-group-lg.input-group-wth-icon input:not(:last-child), .input-group.input-group-lg.input-group-wth-icon .dd-handle:not(:last-child) {
    padding-right: 3.1rem;
}

.input-group .form-select.is-valid, .input-group .form-select.is-invalid,
.input-group .form-control.is-valid,
.input-group .is-valid.form-select,
.input-group .wizard > .content > .body input.is-valid,
.wizard > .content > .body .input-group input.is-valid,
.input-group .is-valid.dd-handle,
.input-group .form-control.is-invalid,
.input-group .is-invalid.form-select,
.input-group .wizard > .content > .body input.is-invalid,
.wizard > .content > .body .input-group input.is-invalid,
.input-group .is-invalid.dd-handle {
    z-index: 4;
}

.input-group > .input-affix-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    width: 1%;
}

    .input-group > .input-affix-wrapper:not(:first-child) .form-control, .input-group > .input-affix-wrapper:not(:first-child) .form-select, .input-group > .input-affix-wrapper:not(:first-child) .wizard > .content > .body input, .wizard > .content > .body .input-group > .input-affix-wrapper:not(:first-child) input, .input-group > .input-affix-wrapper:not(:first-child) .dd-handle,
    .input-group > .input-affix-wrapper:not(:first-child) .form-select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group > .input-affix-wrapper:not(:last-child) .form-control, .input-group > .input-affix-wrapper:not(:last-child) .form-select, .input-group > .input-affix-wrapper:not(:last-child) .wizard > .content > .body input, .wizard > .content > .body .input-group > .input-affix-wrapper:not(:last-child) input, .input-group > .input-affix-wrapper:not(:last-child) .dd-handle,
    .input-group > .input-affix-wrapper:not(:last-child) .form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

label {
    color: #262a2e;
}

.custom-file-label {
    color: #262a2e;
    border: 1px solid #d8d8d8;
    height: calc(2.25rem + 2px);
}

    .custom-file-label:after {
        border-left: 0;
        background: #f7f7f7;
    }

.form-label-group {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: .5rem;
}

    .form-label-group label {
        margin-bottom: 0;
    }

/*Input Search*/
.input-search .btn-input-clear {
    cursor: pointer;
    line-height: 0;
}

.input-search .btn-input-clear,
.input-search .input-loader {
    display: none;
}

.input-search.loading .btn-input-clear {
    display: none !important;
}

.input-search.loading .input-loader {
    display: block;
}

/*Spinner*/
.spinner-border {
    border-width: 0.125em;
}

.spinner-border-sm {
    border-width: 0.1em;
}

/*Input Spinner*/
.input-spinner-wrap .btn, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    border-color: #d8d8d8 !important;
    background: #fff !important;
    color: #9e9e9e !important;
}

    .input-spinner-wrap .btn strong, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button strong, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button strong {
        display: none;
    }

    .input-spinner-wrap .btn:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .hopscotch-nav-button:after {
        font: normal normal normal 20px/1 'Material-Design-Iconic-Font';
        text-rendering: auto;
    }

    .input-spinner-wrap .btn.btn-decrement:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-decrement.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .btn-decrement.hopscotch-nav-button:after {
        content: '\f273';
    }

    .input-spinner-wrap .btn.btn-increment:after, .input-spinner-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-increment.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .btn-increment.hopscotch-nav-button:after {
        content: '\f278';
    }

.input-spinner-wrap .input-group.input-group-sm .btn.btn-outline-light:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-outline-light.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .btn-outline-light.hopscotch-nav-button:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.btn-primary:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-sm div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-sm .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-sm .btn.btn-primary:after {
    font-size: 1rem;
}

.input-spinner-wrap .input-group.input-group-lg .btn.btn-outline-light:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-outline-light.hopscotch-nav-button:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .btn-outline-light.hopscotch-nav-button:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.btn-primary:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.btn-primary:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.next:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-lg div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .hopscotch-nav-button.next:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .hopscotch-nav-button.next:after, .input-spinner-wrap .input-group.input-group-lg .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .btn.btn-primary:after, .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) .input-spinner-wrap .input-group.input-group-lg .btn.btn-primary:after {
    font-size: 1.5rem;
}

/*Select2*/
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-dropdown {
    border-color: #d8d8d8;
}

.select2-container {
    width: 100% !important;
}

    .select2-container.select2-container--default.select2-container--disabled {
        cursor: not-allowed;
    }

        .select2-container.select2-container--default.select2-container--disabled .select2-selection--single {
            background-color: #f7f7f7;
            pointer-events: none;
        }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #262a2e;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .select2-container--default .select2-selection--single:hover,
    .select2-container--default .select2-selection--multiple:hover {
        border-color: #007D88;
    }

    .select2-container--default .select2-selection--single:focus,
    .select2-container--default .select2-selection--multiple:focus {
        border-color: #007D88;
        box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        height: calc(2.25rem + 2px);
        top: 0;
        right: 6px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b,
        .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 16px 12px;
            height: 100%;
            width: 20px;
            display: block;
            border: none;
            margin: auto;
            position: static;
        }

    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        color: #262a2e;
        line-height: inherit;
        padding-left: 0;
        padding-right: 0;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d8d8d8;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #007D88 1px;
    box-shadow: 0 0 0 0.125rem rgba(0, 125, 136, 0.25);
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #007D88;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #007D88;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f7f7f7;
    color: #262a2e;
}

.select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: calc(2.25rem + 2px);
    padding: 0;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #f7f7f7;
        border: none;
        font-size: 75%;
        border-radius: .25rem;
        color: #262a2e;
        margin-right: .375rem;
        margin-top: .375rem;
        padding: .25rem .5rem;
        font-weight: 500;
        text-transform: capitalize;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
            color: #262a2e;
            font-weight: 600;
            margin-left: .375rem;
            float: right;
            font-size: 0.875rem;
            opacity: 0.5;
            padding-top: 1px;
            height: 0;
            position: relative;
            top: -2px;
        }

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

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0 1rem;
    }

.select2-container--default .select2-results__group,
.select2-results__option {
    padding: .375rem 1rem;
}

/*Tinymce*/
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    color: #8e8e8e !important;
}

.mce-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.mce-menu-item .mce-caret {
    border-left-color: #8e8e8e !important;
}

div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
    border-bottom-color: #d8d8d8 !important;
}

.mce-menu {
    border-bottom-color: #d8d8d8 !important;
}

.tinymce-wrap .mce-tinymce {
    box-shadow: none;
}

.tinymce-wrap .mce-toolbar .mce-btn-group {
    padding: .25rem 0;
}

.tinymce-wrap .mce-btn-group .mce-btn {
    margin-left: .25rem;
    margin-right: .25rem;
}

.tinymce-wrap .mce-btn-group:not(:first-child) {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.tinymce-wrap .mce-container, .tinymce-wrap .mce-container *, .tinymce-wrap .mce-widget, .tinymce-wrap .mce-widget *, .tinymce-wrap .mce-reset {
    font-family: inherit;
    color: #8e8e8e;
}

.tinymce-wrap .mce-panel {
    border-color: #d8d8d8;
    border-radius: .25rem;
}

.tinymce-wrap .mce-top-part::before {
    box-shadow: none;
}

.tinymce-wrap .mce-btn:hover, .tinymce-wrap .mce-btn.mce-disabled:hover button,
.tinymce-wrap .mce-menubar .mce-menubtn:hover, .tinymce-wrap .mce-menubar .mce-menubtn:focus {
    border-color: transparent;
    border-radius: .25rem;
    background: #f7f7f7;
    color: #262a2e;
}

.tinymce-wrap .mce-btn.mce-active:hover, .tinymce-wrap .mce-btn.mce-active:focus, .tinymce-wrap .mce-btn.mce-active:active {
    background: #f7f7f7;
    border-color: transparent;
}

.tinymce-wrap .mce-btn.mce-active,
.tinymce-wrap .mce-btn:active {
    background: #f7f7f7;
    border-color: transparent;
}

    .tinymce-wrap .mce-btn.mce-active button i,
    .tinymce-wrap .mce-btn:active button i {
        color: #007D88 !important;
    }

    .tinymce-wrap .mce-btn.mce-active button, .tinymce-wrap .mce-btn.mce-active:hover button, .tinymce-wrap .mce-btn.mce-active i, .tinymce-wrap .mce-btn.mce-active:hover i {
        color: #007D88;
    }

    .tinymce-wrap .mce-btn.mce-active .mce-caret, .tinymce-wrap .mce-btn.mce-active:hover .mce-caret {
        border-top-color: #8e8e8e;
    }

.mce-ico {
    font-family: 'tinymce',Arial !important;
    color: #5f5f5f !important;
}

.mce-menu-item.mce-active.mce-menu-item-normal {
    background: #f7f7f7 !important;
}

.mce-tooltip {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.mce-tooltip-inner {
    font-size: 0.75rem !important;
    background-color: #262a2e !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.5rem;
    color: #fff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.mce-tooltip-arrow {
    border-bottom-color: #262a2e !important;
}

.mce-menu-item:hover, .mce-menu-item:focus {
    background: #f7f7f7 !important;
}

/*File Upload*/
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

    .btn-file input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 1.5rem;
        height: 100%;
        width: 100%;
        direction: ltr;
        cursor: pointer;
    }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput.input-group > .input-group-append:last-child > .btn.btn-file:not(:last-child):not(.dropdown-toggle), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-append:last-child > .btn-file.hopscotch-nav-button:not(:last-child):not(.dropdown-toggle), .fileinput.input-group > .input-group-append:not(:last-child) > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-append:not(:last-child) > .btn-file.hopscotch-nav-button, .fileinput.input-group > .input-group-prepend > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.input-group > .input-group-prepend > .btn-file.hopscotch-nav-button {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.fileinput.fileinput-exists.input-group > .input-group-append:last-child > .btn.btn-file:not(:last-child):not(.dropdown-toggle), div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-append:last-child > .btn-file.hopscotch-nav-button:not(:last-child):not(.dropdown-toggle), .fileinput.fileinput-exists.input-group > .input-group-append:not(:last-child) > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-append:not(:last-child) > .btn-file.hopscotch-nav-button, .fileinput.fileinput-exists.input-group > .input-group-prepend > .btn.btn-file, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .fileinput.fileinput-exists.input-group > .input-group-prepend > .btn-file.hopscotch-nav-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropzone {
    border: 1px dashed #d8d8d8;
    color: #262a2e;
    border-radius: 0.25rem;
}

    .dropzone .dz-message {
        margin: 3em 0;
        font-weight: 500;
        color: #262a2e;
    }

    .dropzone .dz-preview .dz-details {
        color: #262a2e;
    }

    .dropzone .dz-preview .dz-filename span {
        background-color: transparent;
    }

    .dropzone .dz-preview .dz-image {
        border-radius: 0.25rem;
    }

    .dropzone .dz-preview.dz-file-preview .dz-image {
        border-radius: 0.25rem;
    }

.dropify-wrapper {
    border: 1px dashed #d8d8d8;
    border-radius: 0.25rem;
    font-family: inherit;
    color: #262a2e;
    font-size: 1rem;
    padding: 1rem;
}

    .dropify-wrapper .dropify-message p .main-text {
        display: block;
        color: #262a2e;
        font-weight: 500;
    }

    .dropify-wrapper .dropify-message p .sub-text {
        font-size: 0.875rem;
        display: block;
        color: #6f6f6f;
    }

    .dropify-wrapper .dropify-message span.file-icon {
        font-size: 2rem;
        color: #fff;
        height: 3rem;
        width: 3rem;
        display: block;
        margin: auto;
        color: #9e9e9e;
        position: relative;
    }

        .dropify-wrapper .dropify-message span.file-icon:before {
            content: "\F603";
            display: inline-block;
            font-family: bootstrap-icons !important;
            font-style: normal;
            font-weight: normal !important;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: -0.125em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            top: 50%;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .dropify-wrapper .dropify-preview .dropify-infos {
        background: rgba(47, 52, 58, 0.85);
    }

        .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
            font-weight: 500;
        }

            .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
                margin-top: 0px;
                padding-top: 0px;
                opacity: 1;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                color: #9e9e9e;
                font-size: 0.875rem;
            }

                .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before {
                    display: none;
                }

    .dropify-wrapper .dropify-clear {
        border: none;
        font-size: 0.75rem;
        padding: .125rem .375rem;
        font-weight: 500;
        letter-spacing: 0.5px;
        top: 8px;
        right: 8px;
    }

        .dropify-wrapper .dropify-clear:hover {
            border-radius: 1rem;
        }

    .dropify-wrapper:hover {
        background-image: none;
    }

.dropify-square .dropify-wrapper,
.dropify-circle .dropify-wrapper {
    height: 7.5rem;
    width: 7.5rem;
    overflow: visible;
}

    .dropify-square .dropify-wrapper .dropify-message,
    .dropify-circle .dropify-wrapper .dropify-message {
        font-size: 0.875rem;
    }

        .dropify-square .dropify-wrapper .dropify-message span.file-icon,
        .dropify-circle .dropify-wrapper .dropify-message span.file-icon {
            font-size: 1.25rem;
            height: 1.25rem;
            width: 1.25rem;
        }

        .dropify-square .dropify-wrapper .dropify-message p,
        .dropify-circle .dropify-wrapper .dropify-message p {
            font-size: 0.875rem;
        }

    .dropify-square .dropify-wrapper .dropify-preview,
    .dropify-circle .dropify-wrapper .dropify-preview {
        border-radius: 50%;
        padding: 0;
    }

    .dropify-square .dropify-wrapper:hover .dropify-clear, .dropify-square .dropify-wrapper:hover .dropify-preview .dropify-infos,
    .dropify-circle .dropify-wrapper:hover .dropify-clear,
    .dropify-circle .dropify-wrapper:hover .dropify-preview .dropify-infos {
        opacity: 0;
    }

.dropify-circle .dropify-wrapper {
    border-radius: 50%;
}

/*Form-Wizard*/
.wizard > .steps li > a {
    border: 1px solid #d8d8d8;
    border-radius: 0 !important;
    background: #fff !important;
    font-weight: 500;
    position: relative;
}

    .wizard > .steps li > a:after {
        content: "\eb74";
        font-family: 'remixicon';
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        height: 1rem;
        width: 1rem;
        background: #d8d8d8;
        border-radius: 50%;
        right: 0.5rem;
        top: 0.5rem;
        color: #fff;
        font-size: 0.875rem;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .wizard > .steps li > a:before {
        content: "";
        position: absolute;
        background: transparent;
        height: 3px;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    color: #262a2e;
}

    .wizard > .steps .current a:before, .wizard > .steps .current a:hover:before, .wizard > .steps .current a:active:before {
        background: #007D88;
    }

.wizard > .steps .current.error a, .wizard > .steps .current.error a:hover, .wizard > .steps .current.error a:active {
    color: #FF0000;
}

    .wizard > .steps .current.error a:before, .wizard > .steps .current.error a:hover:before, .wizard > .steps .current.error a:active:before {
        background: #FF0000;
    }

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    color: #262a2e;
    overflow: hidden;
}

    .wizard > .steps .done a:after, .wizard > .steps .done a:hover:after, .wizard > .steps .done a:active:after {
        background: #00D67F;
    }

    .wizard > .steps .done a:before, .wizard > .steps .done a:hover:before, .wizard > .steps .done a:active:before {
        background: transparent;
    }

.wizard > .content {
    background: #fff;
    border-radius: 0;
    min-height: 100px;
    margin: 0;
    border: none;
    padding-bottom: .625rem;
}

    .wizard > .content > .body {
        width: 100%;
        height: auto;
        padding: 1.875rem;
        position: static;
    }

        .wizard > .content > .body label.error {
            color: #FF0000;
        }

        .wizard > .content > .body input.error {
            background: #fff;
            border-color: #FF0000 !important;
            color: #262a2e;
        }

            .wizard > .content > .body input.error:focus {
                box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
            }

.wizard > .actions {
    background: #fff;
    padding: .625rem 1.875rem;
}

    .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        background: #007D88;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid #007D88;
        text-transform: capitalize;
        outline: none;
        font-size: 1rem;
        padding: 0.375rem 1rem;
        border-radius: 0.5rem;
    }

    .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
        color: #fff;
        background-color: #99cbcf;
        border-color: #99cbcf;
    }

@media (max-width: 991px) {
    .wizard .steps ul > li {
        width: 100%;
    }
}
/*Popover*/
.popover {
    border: none;
    border-radius: 0.5rem;
    font-family: var(--bs-body-font-family);
    box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.popover-header {
    color: #262a2e;
    background-color: #fff;
    padding: 0.65rem .75rem;
    border-radius: 0.5rem 0.5rem 0 0;
    border-color: #d8d8d8;
}

.popover-body {
    padding: .65rem .75rem;
    color: #6f6f6f;
    border-radius: 0.5rem;
    font-size: 1rem;
}

.bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before {
    border-top-color: transparent;
}

.bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before {
    border-bottom-color: transparent;
}

.bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before {
    border-left-color: transparent;
}

.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {
    border-right-color: transparent;
}

/*Collapse*/
.collapse-simple > .card {
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    padding: 0.5rem 0;
}

    .collapse-simple > .card:last-child {
        border-bottom: 0;
    }

    .collapse-simple > .card > .card-header {
        padding: 0;
        border: 0;
    }

        .collapse-simple > .card > .card-header > * {
            font-size: 0.875rem;
            font-weight: 500;
            padding: .5rem 0;
            display: block;
            width: 100%;
            color: #007D88;
            text-align: left;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: transparent;
            border: none;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .collapse-simple > .card > .card-header > *::before {
                content: "\F282";
                font-family: bootstrap-icons !important;
                font-size: 1.25rem;
                text-rendering: auto;
                position: absolute;
                top: 8px;
                right: 0;
                color: rgba(38, 42, 46, 0.3);
            }

            .collapse-simple > .card > .card-header > *.collapsed:before {
                content: '\f2fc';
            }

    .collapse-simple > .card > div > .card-body {
        padding: .5rem 0;
    }

/*Accordion*/
.accordion .accordion-button {
    color: #262a2e;
    font-weight: 500;
    padding: .75rem 1.25rem;
}

    .accordion .accordion-button:not(.collapsed) {
        background: #007D88;
        color: #fff;
        box-shadow: none;
        border-bottom: 1px solid #d8d8d8;
    }

        .accordion .accordion-button:not(.collapsed)::after {
            background: none;
            color: rgba(255, 255, 255, 0.3);
        }

    .accordion .accordion-button:focus {
        box-shadow: none;
    }

    .accordion .accordion-button::after {
        width: auto;
        height: auto;
        background: none;
        content: '\f2f9';
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        font-size: 1.25rem;
        text-rendering: auto;
        position: absolute;
        top: 12px;
        right: 20px;
        color: rgba(38, 42, 46, 0.3);
    }

.accordion .accordion-item:first-of-type {
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}

    .accordion .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: calc(0.5rem - 1px);
        border-top-right-radius: calc(0.5rem - 1px);
    }

.accordion .accordion-item:last-of-type {
    border-bottom-left-radius: calc(0.5rem - 1px);
    border-bottom-right-radius: calc(0.5rem - 1px);
}

    .accordion .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: calc(0.5rem - 1px);
        border-bottom-left-radius: calc(0.5rem - 1px);
    }

.accordion.accordion-flush .accordion-item:first-of-type {
    border-radius: 0;
}

    .accordion.accordion-flush .accordion-item:first-of-type .accordion-button {
        border-radius: 0;
    }

.accordion.accordion-flush .accordion-item:last-of-type {
    border-radius: 0;
}

    .accordion.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
        border-radius: 0;
    }

.accordion.accordion-card > .accordion-item {
    margin-bottom: 1.875rem;
    border-bottom: 1px;
    border: 1px solid #d8d8d8;
    border-radius: calc(0.5rem - 1px);
    overflow: hidden;
}

.accordion.accordion-card.accordion-card-shadow > .accordion-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.accordion.accordion-card.accordion-card-bold > .accordion-item .accordion-body {
    background: #007D88;
    color: #fff;
}

.accordion.accordion-soft .accordion-button:not(.collapsed) {
    background: #ebf5f5;
    color: #007D88;
}

    .accordion.accordion-soft .accordion-button:not(.collapsed):after {
        color: rgba(38, 42, 46, 0.3);
    }

.accordion.accordion-soft.accordion-card.accordion-card-bold > .accordion-item .accordion-body {
    background: #ebf5f5;
    color: #007D88;
}

.accordion.accordion-soft.accordion-soft-content .accordion-button:not(.collapsed) {
    background: transparent;
}

.accordion.accordion-soft.accordion-soft-content > .accordion-item .accordion-body {
    background: #ebf5f5;
    color: #262a2e;
}

.accordion.accordion-simple .accordion-button:not(.collapsed) {
    background: transparent;
    color: #007D88;
}

    .accordion.accordion-simple .accordion-button:not(.collapsed)::after {
        color: rgba(38, 42, 46, 0.3);
    }

.accordion.accordion-simple.accordion-card.accordion-card-bold .accordion-button {
    border-color: transparent;
}

.accordion.accordion-simple.accordion-card.accordion-card-bold .accordion-item .accordion-body {
    background: transparent;
    color: inherit;
}

.accordion.accordion-icon .accordion-button .acon-icon {
    min-width: 30px;
    display: inline-block;
    margin-right: .625rem;
    font-size: 1.5rem;
}

/*Table*/
.table {
    --bs-table-striped-color: #262a2e;
    --bs-table-active-color: #262a2e;
    --bs-table-hover-color: #262a2e;
    --bs-table-hover-bg: #f7f7f7;
    color: #6f6f6f;
    border-color: #eaeaea;
}

    .table thead th,
    .table tfoot th {
        vertical-align: middle;
        font-weight: 500;
        color: #262a2e;
        font-size: 0.875rem;
        text-transform: capitalize;
    }

        .table thead th .form-check,
        .table tfoot th .form-check {
            font-size: 1rem;
        }

    .table td, .table th {
        vertical-align: middle;
        padding: .75rem 1.25rem;
    }

        .table td a.table-link-text:hover, .table th a.table-link-text:hover {
            text-decoration: underline;
        }

    .table.table-fixed {
        table-layout: fixed;
    }

    .table.table-lg td, .table.table-lg th {
        padding: 1rem 1.5rem;
    }

    .table:not(.table-borderless) > :not(:first-child) {
        border-top: 0;
    }

    .table.table-sm td, .table.table-sm th {
        padding: .625rem 1rem;
    }

    .table.nowrap th, .table.nowrap td {
        white-space: nowrap;
    }

    .table .tb-truncate {
        max-width: 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .table .tb-truncate > * {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .table .thead-primary th,
    .table .thead-success th,
    .table .thead-info th,
    .table .thead-warning th,
    .table .thead-danger th,
    .table .thead-secondary th,
    .table .thead-dark th {
        color: #fff;
    }

    .table .thead-success th {
        background-color: #00D67F;
    }

    .table .thead-info th {
        background-color: #18DDEF;
    }

    .table .thead-warning th {
        background-color: #FFC400;
    }

    .table .thead-danger th {
        background-color: #FF0000;
    }

    .table .thead-secondary th {
        background-color: #6f6f6f;
    }

    .table .thead-primary th {
        background-color: #007D88;
    }

    .table .thead-light th {
        background-color: #f7f7f7;
    }

    .table .thead-dark th {
        background-color: #262a2e;
    }

    .table.table-dark thead th, .table.table-dark tfoot th {
        color: #fff;
    }

    .table.table-fc-fixed thead th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #fff;
    }

    .table.table-fc-fixed tbody th, .table.table-fc-fixed tbody tr td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #fff;
    }

    .table.table-lc-fixed thead th:last-child {
        position: sticky;
        right: 0;
        z-index: 2;
        background: #fff;
    }

    .table.table-lc-fixed tbody tr td:last-child {
        position: sticky;
        right: 0;
        z-index: 2;
        background: #fff;
    }

    .table table thead th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
    }

.table-row-gap td {
    border: 0 !important;
}

table.sticky-table-header thead tr th {
    position: sticky;
    top: 64px;
    z-index: 99;
}

.table-action-hover .table-action {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    right: 1.25rem;
    transition: all 0.1s;
}

    .table-action-hover .table-action::before {
        width: 120px;
        content: "";
        height: 100%;
        margin-left: -120px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    }

.table-action-hover tr:hover .table-action {
    opacity: 1;
}

.table-action-hover.table-hover .table-action {
    background-color: var(--bs-table-hover-bg);
}

    .table-action-hover.table-hover .table-action::before {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--bs-table-hover-bg) 100%);
    }

.table-primary {
    --bs-table-bg: #e6f2f3;
    --bs-table-striped-bg: #b3d8db;
    --bs-table-striped-color: color-contrast(#b3d8db);
    --bs-table-active-bg: #d9eced;
    --bs-table-active-color: color-contrast(#d9eced);
    --bs-table-hover-bg: #cce5e7;
    --bs-table-hover-color: color-contrast(#cce5e7);
    color: #007D88;
    border-color: #80bec4;
}

.table-secondary {
    --bs-table-bg: #f1f1f1;
    --bs-table-striped-bg: #d4d4d4;
    --bs-table-striped-color: color-contrast(#d4d4d4);
    --bs-table-active-bg: #e9e9e9;
    --bs-table-active-color: color-contrast(#e9e9e9);
    --bs-table-hover-bg: #e2e2e2;
    --bs-table-hover-color: color-contrast(#e2e2e2);
    color: #6f6f6f;
    border-color: #b7b7b7;
}

.table-success {
    --bs-table-bg: #e6fbf2;
    --bs-table-striped-bg: #b3f3d9;
    --bs-table-striped-color: color-contrast(#b3f3d9);
    --bs-table-active-bg: #d9f9ec;
    --bs-table-active-color: color-contrast(#d9f9ec);
    --bs-table-hover-bg: #ccf7e5;
    --bs-table-hover-color: color-contrast(#ccf7e5);
    color: #00D67F;
    border-color: #80ebbf;
}

.table-info {
    --bs-table-bg: #e8fcfd;
    --bs-table-striped-bg: #baf5fa;
    --bs-table-striped-color: color-contrast(#baf5fa);
    --bs-table-active-bg: #dcfafd;
    --bs-table-active-color: color-contrast(#dcfafd);
    --bs-table-hover-bg: #d1f8fc;
    --bs-table-hover-color: color-contrast(#d1f8fc);
    color: #18DDEF;
    border-color: #8ceef7;
}

.table-warning {
    --bs-table-bg: #fff9e6;
    --bs-table-striped-bg: #ffedb3;
    --bs-table-striped-color: color-contrast(#ffedb3);
    --bs-table-active-bg: #fff6d9;
    --bs-table-active-color: color-contrast(#fff6d9);
    --bs-table-hover-bg: #fff3cc;
    --bs-table-hover-color: color-contrast(#fff3cc);
    color: #FFC400;
    border-color: #ffe280;
}

.table-danger {
    --bs-table-bg: #ffe6e6;
    --bs-table-striped-bg: #ffb3b3;
    --bs-table-striped-color: color-contrast(#ffb3b3);
    --bs-table-active-bg: #ffd9d9;
    --bs-table-active-color: color-contrast(#ffd9d9);
    --bs-table-hover-bg: #ffcccc;
    --bs-table-hover-color: color-contrast(#ffcccc);
    color: #FF0000;
    border-color: #ff8080;
}

.table-light {
    --bs-table-bg: #f7f7f7;
    --bs-table-striped-bg: #eaeaea;
    --bs-table-striped-color: color-contrast(#eaeaea);
    --bs-table-active-bg: #e9e9e9;
    --bs-table-active-color: color-contrast(#e9e9e9);
    --bs-table-hover-bg: #d8d8d8;
    --bs-table-hover-color: color-contrast(#d8d8d8);
    color: #6f6f6f;
    border-color: #d8d8d8;
}

.table-dark {
    --bs-table-bg: #262a2e;
    --bs-table-striped-bg: #2a2f34;
    --bs-table-striped-color: color-contrast(#2a2f34);
    --bs-table-active-bg: #3c3f43;
    --bs-table-active-color: color-contrast(#3c3f43);
    --bs-table-hover-bg: #2a2f34;
    --bs-table-hover-color: color-contrast(#2a2f34);
    color: #fff;
    border-color: #2a2f34;
}

@media (max-width: 1200px) {
    .table-responsive .table > tbody > tr > td,
    .table-responsive .table > tbody > tr > th,
    .table-responsive .table > tfoot > tr > td,
    .table-responsive .table > tfoot > tr > th,
    .table-responsive .table > thead > tr > td,
    .table-responsive .table > thead > tr > th {
        white-space: nowrap;
    }
}
/*Data Table*/
table.dataTable thead td, table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

    table.dataTable thead td.sorting_asc, table.dataTable thead td.sorting_desc, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc {
        color: #007D88;
        background-image: none !important;
    }

        table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
            display: inline-block;
            font-family: remixicon;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 0.875rem;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            position: absolute;
            z-index: 10;
            right: 7px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
            content: "";
            bottom: auto;
            opacity: 1;
        }

    table.dataTable thead td.sorting::before, table.dataTable thead th.sorting::before {
        content: "\ea72";
    }

    table.dataTable thead td.sorting.sorting_asc::before, table.dataTable thead th.sorting.sorting_asc::before {
        content: "\f0f9";
    }

    table.dataTable thead td.sorting.sorting_desc::after, table.dataTable thead th.sorting.sorting_desc::after {
        content: "\f0fa";
    }

    table.dataTable thead td.sorting.sorting_desc::before, table.dataTable thead th.sorting.sorting_desc::before {
        content: "";
    }

table.dataTable tbody tr.selected td {
    background-color: #ebf5f5;
    color: #262a2e;
}

table.dataTable tbody tr.group, table.dataTable tbody tr.group:hover {
    color: #007D88 !important;
    font-weight: 600;
    text-transform: uppercase;
}

table.dt-rowReorder-float {
    outline-offset: 0;
    outline-color: #007D88;
}

.dataTables_length select {
    margin-right: .625rem;
}
.dataTables_filter {
    margin-top:-53px !important;
}
.dataTables_filter input {
    margin-left: 10px !important;
    min-height: calc(1.5em em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem !important;
    font-size: .875rem;
    border-radius: 0.375rem !important
}

.dataTables_scrollBody {
    border-left: 0 !important;
}

    .dataTables_scrollBody thead th {
        overflow: hidden;
    }

    .dataTables_scrollBody table {
        margin-bottom: 1rem !important;
    }

.dataTables_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 0;
}

/*Advance Table*/
.table-advance th, .table-advance td {
    border: none;
}

.table-advance tbody tr {
    -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0.5rem;
}

    .table-advance tbody tr th, .table-advance tbody tr td {
        border: none;
        position: relative;
    }

        .table-advance tbody tr th:after, .table-advance tbody tr td:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-top: 1px solid #d8d8d8;
            border-bottom: 1px solid #d8d8d8;
            left: 0;
            top: 0;
            pointer-events: none;
        }

        .table-advance tbody tr th:first-child:after, .table-advance tbody tr td:first-child:after {
            border-left: 1px solid #d8d8d8;
            border-radius: 0.5rem 0 0 0.5rem;
        }

        .table-advance tbody tr th:last-child:after, .table-advance tbody tr td:last-child:after {
            border-right: 1px solid #d8d8d8;
            border-radius: 0 0.5rem 0.5rem 0;
        }

    .table-advance tbody tr.table-row-gap {
        box-shadow: none;
        pointer-events: none;
    }

        .table-advance tbody tr.table-row-gap th, .table-advance tbody tr.table-row-gap td {
            padding: .5rem;
        }

            .table-advance tbody tr.table-row-gap th:after, .table-advance tbody tr.table-row-gap td:after {
                display: none;
            }

.table-advance.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

/*Apex Chart*/
.apexcharts-legend .apexcharts-legend-marker {
    margin-right: .625rem;
}

.apexcharts-toolbar {
    max-width: inherit !important;
}

    .apexcharts-toolbar .apexcharts-zoom-icon,
    .apexcharts-toolbar .apexcharts-zoomin-icon,
    .apexcharts-toolbar .apexcharts-zoomout-icon,
    .apexcharts-toolbar .apexcharts-reset-icon,
    .apexcharts-toolbar .apexcharts-pan-icon,
    .apexcharts-toolbar .apexcharts-selection-icon,
    .apexcharts-toolbar .apexcharts-menu-icon,
    .apexcharts-toolbar .apexcharts-toolbar-custom-icon {
        height: auto;
        width: auto;
        color: #262a2e;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        margin-left: 1rem;
        margin-right: 0;
    }

    .apexcharts-toolbar svg {
        fill: none !important;
        height: 18px;
        width: 18px;
    }

    .apexcharts-toolbar .apexcharts-menu {
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
    }

        .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
            padding: .25rem 1.5rem;
            text-align: left;
            color: #262a2e;
            font-size: 1rem;
        }

            .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item:hover {
                background-color: #f7f7f7;
            }

.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
    font-size: 0.75rem;
    background: #262a2e;
    color: #fff;
    border-radius: 0.5rem;
    max-width: 200px;
    padding: .25rem .5rem;
    text-align: center;
}

    .apexcharts-canvas .apexcharts-xaxistooltip:before, .apexcharts-canvas .apexcharts-xaxistooltip:after,
    .apexcharts-canvas .apexcharts-yaxistooltip:before,
    .apexcharts-canvas .apexcharts-yaxistooltip:after {
        display: none;
    }

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
    border-radius: 0.5rem;
    max-width: 200px;
    text-align: center;
    font-size: 0.75rem;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
    border-radius: 0.5rem;
    font-size: 1rem;
    color: #6f6f6f;
    border: none;
    box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);
}

    .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        color: #fff;
        background-color: #007D88;
        border-bottom: none;
        padding: 0.65rem .75rem;
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group {
        padding-left: .75rem;
        padding-right: .75rem;
    }

#chart_year,
#chart_quarter {
    width: 96%;
    max-width: 48%;
    box-shadow: none;
    padding-left: 0;
    padding-top: 1.25rem;
    background: #fff;
}

#chart_year {
    float: left;
    position: relative;
    -webkit-transition: 1s ease transform;
    -moz-transition: 1s ease transform;
    transition: 1s ease transform;
    z-index: 3;
}

    #chart_year.chart_quarter-activated {
        transform: translateX(0);
        -webkit-transition: 1s ease transform;
        -moz-transition: 1s ease transform;
        transition: 1s ease transform;
    }

#chart_quarter {
    float: left;
    position: relative;
    z-index: -2;
    -webkit-transition: 1s ease transform;
    -moz-transition: 1s ease transform;
    transition: 1s ease transform;
}

    #chart_quarter.active {
        -webkit-transition: 1.1s ease-in-out transform;
        -moz-transition: 1.1s ease-in-out transform;
        transition: 1.1s ease-in-out transform;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        z-index: 1;
    }

.apexcharts-datalabel-value {
    fill: #262a2e !important;
}

@media screen and (min-width: 480px) {
    #chart_year {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }

    #chart_quarter {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
/*charts*/
.hk-charts-pg .hk-container-mwlg .card .card-footer {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    min-height: 139px;
}

.hk-charts-pg .hk-container-mwlg .card:hover .card-footer {
    background: #f7f7f7;
}

/*Nestable*/
.dd-handle {
    font-weight: 500;
    margin: 0 0 .375rem;
    padding: .5rem 1rem;
    background: #fff;
    color: #262a2e;
    height: 37px;
    border-width: 1px;
    border-color: #d8d8d8;
}

    .dd-handle:hover, .dd-handle:focus, .dd-handle:active {
        color: #262a2e;
        background: #f7f7f7;
    }

.dd-item > button {
    margin: 0;
    height: 37px;
    font-size: 1.5rem;
    width: 42px;
    color: #9e9e9e;
    outline: none;
}

    .dd-item > button.dd-expand:before, .dd-item > button.dd-collapse:before {
        font-family: 'Line Awesome Free';
        font-weight: 900;
        line-height: 1;
    }

    .dd-item > button.dd-expand::before {
        content: "\f067";
    }

    .dd-item > button.dd-collapse::before {
        content: "\f068";
    }

    .dd-item > button:hover, .dd-item > button:focus, .dd-item > button:active {
        outline: none;
    }

.dd-placeholder {
    background: transparent;
    border-color: #d8d8d8;
}

.dd3-content {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    font-weight: 500;
    margin: 0 0 .375rem;
    font-size: 0.875rem;
    padding: .5rem 1rem .5rem 4rem;
    background: #fff;
    color: #262a2e;
    border: 1px solid #d8d8d8;
}

    .dd3-content:hover, .dd3-content:focus, .dd3-content:active {
        color: #262a2e;
        background: #f7f7f7;
    }

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}

.dd3-item > button {
    margin-left: 2.625rem;
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: grab;
    color: #9e9e9e;
    width: 42px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 1.125rem;
    border-color: #d8d8d8;
    border-radius: 0.5rem 0 0 0.5rem;
}

    .dd3-handle:before {
        font-family: 'Line Awesome Free';
        font-weight: 900;
        color: #9e9e9e;
        content: "\f2a1";
        font-size: 1.625rem;
        color: #d8d8d8;
        display: block;
        position: absolute;
        left: 0;
        top: 8px;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

/*Treeview*/
.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered {
    background: none;
    box-shadow: none;
    color: #298DFF;
}

/*Modals*/
.modal-content,
.modal-header,
.modal-footer {
    border-color: #d8d8d8;
}

.modal-content {
    border-radius: 0.5rem;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .modal-header.header-wth-bg {
        background: #f7f7f7;
        border-bottom: 0;
    }

    .modal-header.header-wth-bg-inv {
        background: #007D88;
        border-bottom: 0;
    }

        .modal-header.header-wth-bg-inv .modal-title {
            color: #fff;
        }

.modal-body > .btn-close {
    position: absolute;
    right: 1.5rem;
    top: 1.25rem;
}

    .modal-body > .btn-close ~ :is(h1, h2, h3, h4, h5, h6) {
        padding-right: 1.5rem;
        margin-top: 0.5rem;
    }

.modal-footer {
    border-bottom-right-radius: calc(0.5rem- 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}

.modal-backdrop {
    background-color: #262a2e;
}

body.modal-open {
    padding-right: 0 !important;
}

    body.modal-open .hk-navbar {
        padding-right: 1rem !important;
    }

/*Close*/
.btn-close {
    color: #262a2e;
    opacity: .6;
    outline: none;
    height: auto;
    width: auto;
    text-shadow: none;
    font: normal normal normal 0/1 'Material-Design-Iconic-Font';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .btn-close:before {
        content: "\f136";
        font-size: 1rem;
    }

    .btn-close:focus {
        box-shadow: none;
    }

    .btn-close:not(:disabled):not(.disabled):not(.btn-close-white):focus, .btn-close:not(:disabled):not(.disabled):not(.btn-close-white):hover {
        color: #6f6f6f;
        opacity: 1;
    }

    .btn-close span {
        display: none;
    }

.close-over .btn-close {
    height: 22px;
    width: 22px;
    background: #6f6f6f;
    color: #fff !important;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer;
    position: absolute;
    right: -11px;
    top: -11px;
    opacity: 1;
}

    .close-over .btn-close:before {
        content: "\f136";
        font-size: 1rem;
        line-height: 0;
    }

    .close-over .btn-close:hover {
        background: #262a2e;
    }

/*Sweet-alert*/
.swal2-container .swal2-content {
    color: #6f6f6f;
}

.swal2-container .swal2-title {
    color: #262a2e;
}

.swal2-container .swal2-popup {
    border-radius: 0.5rem;
}

    .swal2-container .swal2-popup .swal2-validation-message {
        background: transparent;
        align-items: start;
        border: none;
        color: #FF0000;
    }

        .swal2-container .swal2-popup .swal2-validation-message:before {
            content: "\ED77";
            font-family: remixicon !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background: transparent;
            color: #FF0000;
            min-width: auto;
        }

    .swal2-container .swal2-popup .swal2-image {
        border-radius: 2rem;
    }

    .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step {
        background: #00D67F;
    }

        .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
            background: #298DFF;
        }

            .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
                background: #d8d8d8;
            }

    .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step-line {
        height: .2rem;
        background: #298DFF;
    }

    .swal2-container .swal2-popup .swal2-close {
        outline: none;
    }

.swal2-container .swal2-title {
    font-size: 1.1rem;
}

    .swal2-container .swal2-title span {
        display: -ms-flexbox;
        display: flex;
    }

.swal2-container.swal2-has-header .swal2-popup .swal2-header {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d8d8d8;
}

.swal2-container.swal2-has-footer .swal2-popup.swal2-modal {
    padding-bottom: 0;
}

    .swal2-container.swal2-has-footer .swal2-popup.swal2-modal .swal2-footer {
        margin-left: -1rem;
        margin-right: -1rem;
        border-top: 1px solid #d8d8d8;
    }

.swal2-container.swal2-has-bg .swal2-popup .swal2-content {
    background: #f7f7f7;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button {
    flex: 1;
    border: 0;
    padding: 0;
}

    .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn:hover, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button:hover, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .btn:focus, .swal2-container.swal2-has-bg .swal2-popup .swal2-actions div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .swal2-container.swal2-has-bg .swal2-popup .swal2-actions .hopscotch-nav-button:focus {
        background: transparent;
        color: #9e9e9e;
    }

.swal2-shown {
    padding-right: 0 !important;
}

/*Notification*/
.alert {
    color: #262a2e;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}

    .alert .alert-link {
        font-weight: normal;
        color: inherit;
        text-decoration: underline;
    }

    .alert.alert-dismissible .btn-close {
        padding: 0.9rem 1rem;
        color: inherit;
    }

        .alert.alert-dismissible .btn-close:before {
            position: relative;
            top: -2px;
        }

        .alert.alert-dismissible .btn-close:hover {
            opacity: 1;
            color: inherit;
        }

    .alert.alert-primary {
        color: #007D88;
        background: #ebf5f5;
        border-color: rgba(199, 226, 229, 0.3);
    }

    .alert.alert-success {
        color: #00D67F;
        background: #ebfcf5;
        border-color: rgba(199, 246, 227, 0.3);
    }

    .alert.alert-info {
        color: #16c7d7;
        background: #edfcfe;
        border-color: rgba(204, 248, 251, 0.3);
    }

    .alert.alert-danger {
        color: #FF0000;
        background: #ffebeb;
        border-color: rgba(255, 199, 199, 0.3);
    }

    .alert.alert-warning {
        color: #cc9d00;
        background: #fffaeb;
        border-color: rgba(255, 242, 199, 0.3);
    }

    .alert.alert-secondary {
        color: #6f6f6f;
        background: #f3f3f3;
        border-color: rgba(223, 223, 223, 0.3);
    }

    .alert.alert-light {
        color: #5f5f5f;
        background: #f7f7f7;
        border-color: #eaeaea;
    }

    .alert.alert-dark {
        color: #fff;
        background: #262a2e;
        border-color: #262a2e;
    }

        .alert.alert-dark.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-dark.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
            color: #fff;
            text-decoration: none;
            opacity: 1;
        }

    .alert.alert-inv {
        color: #fff;
    }

        .alert.alert-inv.alert-inv-primary {
            background: #007D88;
            color: #ebf5f5;
        }

            .alert.alert-inv.alert-inv-primary.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-primary.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

        .alert.alert-inv.alert-inv-info {
            background: #18DDEF;
            color: #edfcfe;
        }

            .alert.alert-inv.alert-inv-info.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-info.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

        .alert.alert-inv.alert-inv-success {
            background: #00D67F;
            color: #ebfcf5;
        }

            .alert.alert-inv.alert-inv-success.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-success.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

        .alert.alert-inv.alert-inv-warning {
            background: #FFC400;
            color: #fffaeb;
        }

            .alert.alert-inv.alert-inv-warning.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-warning.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

        .alert.alert-inv.alert-inv-danger {
            background: #FF0000;
            color: #ffebeb;
        }

            .alert.alert-inv.alert-inv-danger.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-danger.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

        .alert.alert-inv.alert-inv-secondary {
            background: #6f6f6f;
            color: #f3f3f3;
        }

            .alert.alert-inv.alert-inv-secondary.alert-dismissible .btn-close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-secondary.alert-dismissible .btn-close:not(:disabled):not(.disabled):hover {
                color: #fff;
                text-decoration: none;
                opacity: 1;
            }

    .alert.alert-border-primary {
        border-color: #007D88;
        color: #007D88;
    }

    .alert.alert-border-info {
        border-color: #18DDEF;
        color: #18DDEF;
    }

    .alert.alert-border-success {
        border-color: #00D67F;
        color: #00D67F;
    }

    .alert.alert-border-warning {
        border-color: #FFC400;
        color: #FFC400;
    }

    .alert.alert-border-danger {
        border-color: #FF0000;
        color: #FF0000;
    }

    .alert.alert-border-secondary {
        border-color: #6f6f6f;
        color: #6f6f6f;
    }

    .alert.alert-wth-icon {
        padding-left: 3.375rem;
        position: relative;
    }

        .alert.alert-wth-icon .alert-icon-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 1.5rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            height: 100%;
            width: 54px;
            left: 0;
            top: 0;
            position: absolute;
        }

    .alert.alert-square {
        border-radius: 0;
    }

.alert-dismissible {
    padding-right: 3rem;
}

.jq-toast-wrap {
    width: 300px;
}

    .jq-toast-wrap .jq-toast-single {
        color: #262a2e;
        border-radius: 0.5rem;
        margin: 0;
        border: none;
        background: #fff;
        font-size: 0.875rem;
        line-height: 1.3;
    }

        .jq-toast-wrap .jq-toast-single .jq-toast-loader {
            border-radius: 2px 2px 0 0;
            height: 2px;
        }

        .jq-toast-wrap .jq-toast-single a {
            color: inherit;
            text-decoration: underline;
            font-weight: inherit;
            border-bottom: none;
            padding-bottom: 0;
            font-size: inherit;
        }

        .jq-toast-wrap .jq-toast-single .close-jq-toast-single {
            font-size: 1.5rem;
            top: 0;
        }

        .jq-toast-wrap .jq-toast-single .jq-toast-heading {
            font-size: 1rem !important;
            color: inherit;
            font-weight: 500;
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-primary {
            background: #ebf5f5;
            color: #007D88;
            border: 1px solid;
            border-color: rgba(199, 226, 229, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-secondary {
            background: #f3f3f3;
            color: #6f6f6f;
            border: 1px solid;
            border-color: rgba(223, 223, 223, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-info {
            background: #edfcfe;
            color: #18DDEF;
            border: 1px solid;
            border-color: rgba(204, 248, 251, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-success {
            background: #ebfcf5;
            color: #00D67F;
            border: 1px solid;
            border-color: rgba(199, 246, 227, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-warning {
            background: #fffaeb;
            color: #FFC400;
            border: 1px solid;
            border-color: rgba(255, 242, 199, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-danger {
            background: #ffebeb;
            color: #FF0000;
            border: 1px solid;
            border-color: rgba(255, 199, 199, 0.3);
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-light {
            background: #f7f7f7;
            color: #5f5f5f;
            border: 1px solid;
            border-color: #d8d8d8;
        }

        .jq-toast-wrap .jq-toast-single.jq-toast-dark {
            background: #262a2e;
            color: #fff;
            border: 1px solid;
            border-color: #2a2f34;
        }

        .jq-toast-wrap .jq-toast-single.jq-has-icon {
            padding: .75rem 1.5rem .875rem 2.75rem;
        }

            .jq-toast-wrap .jq-toast-single.jq-has-icon .jq-toast-icon {
                position: absolute;
                font-size: 1rem;
                left: 11px;
                top: 14px;
            }

        .jq-toast-wrap .jq-toast-single.jq-toast-inv {
            color: #fff;
            border: none;
            background: #262a2e;
        }

            .jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-primary {
                background: #007D88;
                color: #ebf5f5;
            }

            .jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-danger {
                background: #FF0000;
                color: #ffebeb;
            }

            .jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-warning {
                background: #FFC400;
                color: #fffaeb;
            }

            .jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-info {
                background: #18DDEF;
                color: #edfcfe;
            }

            .jq-toast-wrap .jq-toast-single.jq-toast-inv.jq-toast-inv-success {
                background: #00D67F;
                color: #ebfcf5;
            }

.bottom-center-fullwidth .jq-toast-wrap {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
}

    .bottom-center-fullwidth .jq-toast-wrap .jq-toast-single {
        border-radius: 0;
    }

.top-center-fullwidth .jq-toast-wrap {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    top: 2px !important;
}

    .top-center-fullwidth .jq-toast-wrap .jq-toast-single {
        border-radius: 0;
    }

@media (max-width: 576px) {
    .jq-toast-wrap.top-right, .jq-toast-wrap.top-left, .jq-toast-wrap.bottom-right, .jq-toast-wrap.bottom-left {
        left: 0;
        right: 0;
        width: 100%;
    }
}
/*Toast*/
.toast {
    border: none;
    border-radius: 0.5rem;
}

/*Bootstrap Notify*/
span[data-notify="icon"] {
    position: relative;
    top: 3px;
    line-height: 0;
    font-size: 1rem;
}

/*Tooltop*/
.tooltip {
    font-size: 0.75rem;
    font-family: var(--bs-body-font-family);
}

    .tooltip .tooltip-inner {
        background: #262a2e;
        border-radius: 0.5rem;
    }

    .tooltip.show {
        opacity: 1;
    }

    .tooltip .tooltip-arrow {
        display: none;
    }

@media (max-width: 1024px) {
    .tooltip {
        display: none !important;
    }
}
/*Images*/
.img-thumbnail {
    border-color: #d8d8d8;
    border-radius: 0;
}

.img-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*Icons*/
.font-icons-wrap li {
    text-align: center;
    vertical-align: middle;
    padding: 1.875rem .625rem 1.875rem .625rem;
    height: 100px;
    width: 100px;
    margin: .625rem;
    min-height: 60px;
    border: solid 1px #eee;
    border-radius: 0.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer;
}

    .font-icons-wrap li a {
        color: #262a2e;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        font-size: 1.25rem;
    }

        .font-icons-wrap li a > i {
            font-size: 1.625rem;
            line-height: 20px;
        }

        .font-icons-wrap li a span {
            display: inline-block;
            position: absolute;
            background-color: #298DFF;
            color: #fff;
            padding: .25rem .5rem;
            font-size: 0.75rem;
            white-space: nowrap;
            top: 45px;
            left: 50%;
            min-width: 98px;
            display: none;
            border-radius: .25rem;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .font-icons-wrap li:hover {
        background: #262a2e;
    }

        .font-icons-wrap li:hover a {
            color: #fff;
        }

            .font-icons-wrap li:hover a span {
                display: block;
            }

.feather {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.svg-icon {
    line-height: 0 !important;
}

.feather-icon {
    line-height: 0 !important;
}

    .feather-icon.fe-x > svg {
        height: 16px;
        width: 16px;
    }

    .feather-icon.fe-2x > svg {
        height: 32px;
        width: 32px;
    }

    .feather-icon > svg,
    .svg-icon > svg {
        height: 1em;
        width: 1em;
    }

.flag-icon {
    height: 20px;
    width: 20px;
}

/*Carousel*/
.carousel-control-prev,
.carousel-control-next {
    opacity: 1;
}

    .carousel-control-prev:hover .carousel-control-next-icon,
    .carousel-control-prev:hover .carousel-control-prev-icon,
    .carousel-control-next:hover .carousel-control-next-icon,
    .carousel-control-next:hover .carousel-control-prev-icon {
        border-color: white;
    }

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 50px;
    width: 50px;
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    font-size: 1.25rem;
}

    .carousel-control-next-icon:before,
    .carousel-control-prev-icon:before {
        display: inline-block;
        font: normal normal normal 22px/1 'Material-Design-Iconic-Font';
        text-rendering: auto;
        padding-left: .25rem;
        speak: none;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .carousel-control-next-icon:before {
        content: "\f2fb";
    }

    .carousel-control-prev-icon:before {
        content: "\f2fa";
    }

.custom-carousel-nav .carousel-text-nav {
    position: static;
    color: #262a2e;
}

    .custom-carousel-nav .carousel-text-nav:hover, .custom-carousel-nav .carousel-text-nav:focus {
        color: #262a2e;
    }

.custom-carousel-nav .carousel-indicators {
    position: static;
}

.carousel-indicators {
    bottom: 20px;
}

    .carousel-indicators li[data-bs-target] {
        width: 6px;
        height: 6px;
        margin-right: .25rem;
        margin-left: .25rem;
        border: 1px solid #fff;
        border-radius: 50%;
        background: transparent;
    }

        .carousel-indicators li[data-bs-target].active {
            background: #b5b5b5;
        }

    .carousel-indicators.dark-indicators li {
        border-color: #262a2e;
    }

        .carousel-indicators.dark-indicators li.active {
            background: #2f343a;
        }

    .carousel-indicators.theme-indicators li {
        border-color: #007D88;
    }

        .carousel-indicators.theme-indicators li.active {
            background: #007d88;
        }

.carousel-caption {
    bottom: 30px;
}

.owl-carousel .item-video {
    height: auto;
}

.owl-carousel .owl-video-tn {
    background-size: cover;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 .25rem;
    background: transparent;
    border: 1px solid #262a2e;
}

.owl-carousel .owl-dots .owl-dot:focus {
    outline: none;
}

.owl-carousel .owl-dots .owl-dot:hover span {
    background: #262a2e;
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: #262a2e;
}

.owl-carousel.light-owl-dots .owl-dots .owl-dot span {
    border: 1px solid #fff;
}

.owl-carousel.light-owl-dots .owl-dots .owl-dot:focus {
    outline: none;
}

.owl-carousel.light-owl-dots .owl-dots .owl-dot:hover span {
    background: #fff;
}

.owl-carousel.light-owl-dots .owl-dots .owl-dot.active span {
    background: #fff;
}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot span {
    border: 1px solid #007D88;
}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot:focus {
    outline: none;
}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot:hover span {
    background: #007D88;
}

.owl-carousel.theme-owl-dots .owl-dots .owl-dot.active span {
    background: #007D88;
}

.owl-carousel .owl-video-play-icon {
    background: rgba(255, 255, 255, 0.8);
    left: 20px;
    bottom: 20px;
    margin: 0;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    color: #298DFF;
}

    .owl-carousel .owl-video-play-icon:before {
        display: inline-block;
        font: normal normal normal 22px/1 'Material-Design-Iconic-Font';
        text-rendering: auto;
        padding-left: .25rem;
        speak: none;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3aa";
    }

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

.owl-carousel.dots-on-item .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

@media (max-width: 991px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        height: 30px;
        width: 30px;
        font-size: 1rem;
    }
}
/*Twitter slider*/
.twitter-slider-wrap i.fa-twitter {
    font-size: 1.875rem;
    color: #fff;
}

.twitter-slider-wrap .owl-carousel {
    text-align: center;
}

    .twitter-slider-wrap .owl-carousel .user, .twitter-slider-wrap .owl-carousel .interact {
        display: none;
    }

    .twitter-slider-wrap .owl-carousel .tweet {
        font-size: 1rem;
        color: #fff;
        margin-bottom: 1.875rem;
    }

        .twitter-slider-wrap .owl-carousel .tweet > a {
            color: #fff;
        }

    .twitter-slider-wrap .owl-carousel .timePosted > a {
        font-size: 0.75rem;
        color: #fff;
    }

.product-detail-slider .owl-carousel {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;
}

.product-detail-slider .thumb-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-top: 1rem;
}

    .product-detail-slider .thumb-wrap > a {
        display: block;
        background-size: cover;
        background-position: center;
        box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;
        height: 50px;
        width: 100px;
        border-radius: 0.5rem;
        margin: 0 .625rem;
        background-color: #d8d8d8;
        border: 1px solid transparent;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .product-detail-slider .thumb-wrap > a.active-thumb {
            border: 1px solid #298DFF;
        }

/*Color Pickr*/
.form-control-color {
    padding: .375rem;
}

.colorpicker-input-addon {
    padding: 0;
}

    .colorpicker-input-addon i {
        height: 100%;
        width: 100%;
    }

.pickr .pcr-app {
    z-index: 1035;
}

    .pickr .pcr-app .pcr-interaction input {
        padding: .3em .5em;
        letter-spacing: inherit;
        border-radius: .25rem;
        background: #f7f7f7;
        color: #b5b5b5;
    }

    .pickr .pcr-app .pcr-interaction .pcr-save {
        background: #298DFF;
        color: #fff;
    }

    .pickr .pcr-app .pcr-interaction .pcr-clear {
        background: #FF0000;
        color: #fff;
    }

    .pickr .pcr-app .pcr-interaction .pcr-type.active {
        background: #eef6ff;
        color: #298DFF;
    }

    .pickr .pcr-app .pcr-interaction .pcr-result {
        color: #262a2e;
        border: 1px solid #d8d8d8;
        background: #fff;
        border-radius: 0.5rem;
    }

        .pickr .pcr-app .pcr-interaction .pcr-result:focus {
            box-shadow: none;
            border-color: #298DFF;
        }

.pickr .pcr-button {
    width: 100%;
    border-radius: 0;
}

@media (max-width: 414px) {
    .pcr-app {
        max-width: 310px;
    }
}
/*Range Slider*/
.irs-line {
    height: 7px;
    background: #f7f7f7;
    border: none;
}

.irs-bar {
    height: 7px;
    border: none;
    background: #007D88;
}

.irs-slider {
    top: 24px;
    width: 25px;
    height: 25px;
    border: none;
    background: #007D88;
    border-radius: 50%;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: #007D88;
    }

.irs-bar-edge {
    height: 7px;
    top: 33px;
    width: 14px;
    border: none;
    background: #007D88;
}

.irs-from, .irs-to, .irs-single {
    font-size: 0.75rem;
    font-weight: 500;
    background: #262a2e;
    line-height: 1.5;
    padding: .0625rem .5rem;
    border-radius: 0.5rem;
}

.irs-min, .irs-max {
    color: inherit;
    font-size: 0.75rem;
    background: none;
    line-height: 1.5;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    font-weight: 500;
}

.irs.irs-sm .irs-line {
    height: 3px;
}

.irs.irs-sm .irs-bar {
    height: 3px;
}

.irs.irs-sm .irs-slider {
    top: 25px;
    width: 18px;
    height: 18px;
}

.irs.irs-sm .irs-bar-edge {
    height: 3px;
}

/*Daterangepicker*/
.daterangepicker {
    font-family: inherit;
    border-color: #d8d8d8;
}

    .daterangepicker:before, .daterangepicker:after {
        display: none;
    }

    .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .daterangepicker .drp-buttons .hopscotch-nav-button {
        margin-left: .5rem;
        padding: .25rem .5rem;
        font-size: .875rem;
        font-weight: 400;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #007D88;
    }

        .daterangepicker td.active.available:hover, .daterangepicker td.active:hover.available:hover {
            background-color: #007D88;
        }

    .daterangepicker td.in-range {
        background-color: #ebf5f5;
        color: #262a2e;
    }

        .daterangepicker td.in-range.active, .daterangepicker td.in-range.active:hover {
            background-color: #007D88;
        }

    .daterangepicker td.available:hover {
        background-color: #f7f7f7;
    }

    .daterangepicker th.available:hover {
        background-color: transparent;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        min-width: 33px;
        width: 33px;
        height: 33px;
        font-size: 0.875rem;
        position: relative;
        border: none;
    }

        .daterangepicker .calendar-table th.active, .daterangepicker .calendar-table th.active:hover, .daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active:hover {
            color: #fff;
        }

            .daterangepicker .calendar-table th.active.available:hover, .daterangepicker .calendar-table th.active:hover.available:hover, .daterangepicker .calendar-table td.active.available:hover, .daterangepicker .calendar-table td.active:hover.available:hover {
                color: #fff;
            }

        .daterangepicker .calendar-table th.next span, .daterangepicker .calendar-table th.prev span {
            border-color: #b5b5b5;
        }

        .daterangepicker .calendar-table th:hover.next span, .daterangepicker .calendar-table th:hover.prev span {
            border-color: #262a2e;
        }

    .daterangepicker th.month {
        width: auto;
        font-size: 0.875rem;
        color: #262a2e;
        letter-spacing: .5px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .daterangepicker .drp-selected {
        font-size: 0.875rem;
        padding-right: .25rem;
        color: #262a2e;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        color: #d8d8d8;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        background: #fff;
        width: 60px;
        margin: .625rem auto;
        border: 1px solid #d8d8d8;
        padding: .25rem;
        border-radius: .25rem;
        font-size: 0.875rem;
        color: #262a2e;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        background: #fff;
        border: 1px solid #d8d8d8;
        padding: .25rem;
        border-radius: .25rem;
        font-size: 0.875rem;
        color: #262a2e;
    }

    .daterangepicker .ranges li {
        font-size: 0.875rem;
        padding: .625rem .75rem;
    }

        .daterangepicker .ranges li:hover {
            background-color: #f7f7f7;
        }

        .daterangepicker .ranges li.active {
            background-color: #007D88;
        }

    .daterangepicker.show-ranges .drp-calendar.left {
        border-color: #d8d8d8;
    }

    .daterangepicker .drp-calendar.single .calendar-time {
        padding-right: 8px;
    }

@media (max-width: 767px) {
    .daterangepicker {
        width: 281px;
    }

        .daterangepicker.show-ranges .drp-calendar.left {
            border: none;
        }

        .daterangepicker .drp-buttons {
            text-align: left;
        }

            .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .daterangepicker .drp-buttons .hopscotch-nav-button {
                margin-left: 0;
                margin-right: .5rem;
            }

            .daterangepicker .drp-buttons .drp-selected {
                display: block;
                margin-bottom: .625rem;
            }

        .daterangepicker.ltr .ranges {
            width: 100%;
        }

            .daterangepicker.ltr .ranges ul {
                width: 100%;
            }

        .daterangepicker.ltr .drp-calendar {
            width: 100%;
        }

            .daterangepicker.ltr .drp-calendar.left .calendar-table {
                padding-right: 0;
            }
}
/*Profile*/
.profile-wrap .profile-intro {
    position: relative;
    z-index: 1;
    margin-top: -6rem;
}

.profile-wrap .profile-img-wrap {
    height: 10rem;
    position: relative;
}

    .profile-wrap .profile-img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.profile-wrap header.profile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    height: 65px;
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}

    .profile-wrap header.profile-header .profile-options-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .profile-wrap header.profile-header .profile-options-wrap > a {
            margin-left: .5rem;
            display: inline-block;
        }

            .profile-wrap header.profile-header .profile-options-wrap > a:first-child {
                margin-left: 0;
            }

.profile-wrap .comment-block .media .media-head {
    margin-right: 1rem;
}

.profile-wrap .comment-block .media .media-body > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .25rem;
}

    .profile-wrap .comment-block .media .media-body > div:first-child .cm-name {
        font-weight: 500;
        color: #262a2e;
    }

    .profile-wrap .comment-block .media .media-body > div:first-child .badge {
        margin-left: .625rem;
        flex-shrink: 0;
    }

.profile-wrap .comment-block .media .media-body .comment-action-wrap span, .profile-wrap .comment-block .media .media-body .comment-action-wrap a {
    color: #6f6f6f;
    font-size: 0.75rem;
}

.profile-wrap .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {
    margin: 0 .25rem;
    color: #d8d8d8;
}

.profile-wrap .comment-block .media .media-body > .media {
    margin-top: 1.875rem;
}

.profile-wrap .comment-block .media .media-head {
    margin-right: 1rem;
}

.profile-wrap .comment-block .media .media-body > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .25rem;
}

    .profile-wrap .comment-block .media .media-body > div:first-child .cm-name {
        font-weight: 500;
        color: #262a2e;
    }

    .profile-wrap .comment-block .media .media-body > div:first-child .badge {
        margin-left: .625rem;
        flex-shrink: 0;
    }

.profile-wrap .comment-block .media .media-body .comment-action-wrap span, .profile-wrap .comment-block .media .media-body .comment-action-wrap a {
    color: #6f6f6f;
    font-size: 0.75rem;
}

.profile-wrap .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {
    margin: 0 .25rem;
    color: #d8d8d8;
}

.profile-wrap .comment-block .media .media-body > .media {
    margin-top: 1.875rem;
}

.profile-wrap .card.card-profile-feed .btn-pg-link {
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.profile-wrap .card.card-profile-feed .feed-img-layout .row {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

    .profile-wrap .card.card-profile-feed .feed-img-layout .row > [class*="col-"] {
        padding-right: .25rem;
        padding-left: .25rem;
    }

.profile-wrap .card.card-profile-feed .feed-img-layout .feed-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.profile-wrap .card.card-profile-feed .btn-video-link {
    background: rgba(47, 52, 58, 0.5);
    height: 45px;
    width: 45px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    color: #fff;
}

    .profile-wrap .card.card-profile-feed .btn-video-link:before {
        display: inline-block;
        font: normal normal normal 1.5rem/1 'Material-Design-Iconic-Font';
        padding-left: .25rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3aa";
    }

.profile-wrap .card.card-profile-feed .card-footer > div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9e9e9e;
    font-size: .875rem;
}

    .profile-wrap .card.card-profile-feed .card-footer > div a > i {
        line-height: 1;
        margin-right: .5rem;
    }

.profile-wrap .card.card-profile-feed .card-footer > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .profile-wrap .card.card-profile-feed .card-footer > div:last-child a {
        margin-right: .625rem;
    }

        .profile-wrap .card.card-profile-feed .card-footer > div:last-child a:last-child {
            margin-right: 0;
        }

.edit-profile-wrap .nav-profile .nav-header {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #9e9e9e;
}

.edit-profile-wrap .nav-profile .nav {
    margin: 1rem 0;
    font-size: .875rem;
    flex-wrap: nowrap;
    border: 0;
}

    .edit-profile-wrap .nav-profile .nav .nav-item {
        margin-bottom: .25rem;
    }

        .edit-profile-wrap .nav-profile .nav .nav-item:last-child {
            margin-bottom: 0;
        }

        .edit-profile-wrap .nav-profile .nav .nav-item a.nav-link {
            color: #262a2e;
            border: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .edit-profile-wrap .nav-profile .nav .nav-item a.nav-link:hover, .edit-profile-wrap .nav-profile .nav .nav-item a.nav-link:focus {
                color: rgba(38, 42, 46, 0.8);
            }

            .edit-profile-wrap .nav-profile .nav .nav-item a.nav-link.active {
                color: #007D88;
            }

/*Activity*/
.activity-list .list-group-item {
    padding: 0;
    border: none;
}

    .activity-list .list-group-item .media {
        position: relative;
        align-items: inherit;
    }

        .activity-list .list-group-item .media .media-head {
            position: relative;
            margin-right: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            min-width: 48px;
            align-items: center;
        }

            .activity-list .list-group-item .media .media-head > .avatar {
                flex-shrink: 0;
            }

        .activity-list .list-group-item .media .media-body {
            padding-bottom: 1.5rem;
        }

            .activity-list .list-group-item .media .media-body .last-activity-time {
                font-size: 0.75rem;
                margin-top: .25rem;
            }

    .activity-list .list-group-item.toggle-activity .media .media-body {
        padding-bottom: 0;
        display: flex;
        align-items: center;
    }

    .activity-list .list-group-item:last-child .media .media-head:after {
        display: none;
    }

.activity-list.activity-wth-line .list-group-item .media .media-head:after {
    content: "";
    background: #d8d8d8;
    width: 2.5px;
    height: 100%;
    border-radius: 50rem;
    margin: .5rem auto;
    min-height: 25px;
}

.activity-list-h {
    flex-direction: row;
}

    .activity-list-h .list-group-item {
        padding: 0;
        border: none;
        display: flex;
        flex-direction: column;
        padding-bottom: 6.25rem;
        align-items: center;
    }

        .activity-list-h .list-group-item .media {
            flex-flow: column;
            align-items: center;
            flex: 1;
        }

            .activity-list-h .list-group-item .media .media-body {
                width: 400px;
                padding: 0 .625rem;
                display: flex;
            }

                .activity-list-h .list-group-item .media .media-body .last-activity-time {
                    font-size: 0.75rem;
                    margin-top: .25rem;
                }

                .activity-list-h .list-group-item .media .media-body .card {
                    width: 100%;
                }

            .activity-list-h .list-group-item .media .media-head {
                width: 100%;
                display: flex;
                justify-content: center;
                position: relative;
                min-height: 48px;
                align-items: center;
                position: absolute;
                bottom: 45px;
            }

                .activity-list-h .list-group-item .media .media-head:after, .activity-list-h .list-group-item .media .media-head:before {
                    content: "";
                    height: 2.5px;
                    background: #d8d8d8;
                    width: 100%;
                    position: absolute;
                    margin: .5rem auto;
                    right: 0;
                    width: 50%;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                }

                .activity-list-h .list-group-item .media .media-head:before {
                    left: 0;
                }

                .activity-list-h .list-group-item .media .media-head .avatar {
                    z-index: 1;
                    outline: 7px solid #fff;
                }

        .activity-list-h .list-group-item:first-child .media .media-head:before {
            display: none;
        }

        .activity-list-h .list-group-item:last-child .media .media-head:after {
            display: none;
        }

        .activity-list-h .list-group-item .activity-time {
            text-align: center;
            font-size: 0.875rem;
            font-weight: 500;
            padding: .5rem 0;
            color: #007D88;
            text-align: center;
            position: absolute;
            bottom: 0;
        }

.user-activity .media {
    position: relative;
    padding-bottom: 1.25rem;
    margin-left: 1.25rem;
}

    .user-activity .media .media-head {
        position: absolute;
        left: -20px;
    }

    .user-activity .media:after {
        content: "";
        position: absolute;
        width: 1px;
        height: calc(100% - 77px);
        background: #d8d8d8;
        top: 60px;
    }

    .user-activity .media .media-body {
        padding-bottom: 1.875rem;
        margin-left: 2.5rem;
        min-width: 0;
    }

    .user-activity .media:last-child .media-body {
        border-bottom: none;
    }

.user-activity.user-activity-sm .media {
    padding-bottom: .625rem;
    margin-left: 1rem;
}

    .user-activity.user-activity-sm .media .media-head {
        left: -16px;
    }

    .user-activity.user-activity-sm .media .media-body {
        padding-bottom: .625rem;
        margin-left: 1.875rem;
    }

@media (max-width: 576px) {
    .user-activity .media .media-body {
        margin-left: 2.125rem;
    }
}
/*Wizards*/
.hk-wizard {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial;
}

    .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] {
        cursor: pointer;
    }

        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-title .hk-wizard-icon,
        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-subtitle .hk-wizard-icon,
        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-description .hk-wizard-icon,
        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-icon .hk-wizard-icon {
            -webkit-transition: color 0.3s;
            -moz-transition: color 0.3s;
            transition: color 0.3s;
        }

        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-title,
        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-subtitle,
        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-description {
            color: #007D88;
        }

    .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon {
        border-color: #007D88;
    }

        .hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon .hk-wizard-icon {
            color: #007D88;
        }

    .hk-wizard:not(.hk-wizard-vertical) .hk-wizard-item-custom .hk-wizard-item-icon {
        width: auto;
        background: 0 0;
    }

.hk-wizard-item {
    position: relative;
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top;
}

    .hk-wizard-item:last-child {
        flex: none;
    }

        .hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-tail {
            display: none;
        }

        .hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
            display: none;
        }

.hk-wizard-item-container {
    outline: none;
}

.hk-wizard-item-icon {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    margin: 0 .5rem 0 0;
    font-size: 1rem;
    line-height: 32px;
    text-align: center;
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
    transition: background-color .3s, border-color .3s;
}

    .hk-wizard-item-icon .hk-wizard-icon {
        position: relative;
        top: -.5px;
        color: #007D88;
    }

.hk-wizard-item-content {
    display: inline-block;
    vertical-align: top;
}

.hk-wizard-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 .625rem;
}

    .hk-wizard-item-tail:after {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #d8d8d8;
        border-radius: 1px;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        transition: background 0.3s;
        content: "";
    }

.hk-wizard-item-title {
    position: relative;
    display: inline-block;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 32px;
    color: #262a2e;
}

    .hk-wizard-item-title:after {
        position: absolute;
        top: 16px;
        left: 100%;
        display: block;
        width: 9999px;
        height: 1px;
        background: #d8d8d8;
        content: "";
    }

.hk-wizard-item-subtitle {
    display: inline;
    margin-left: .5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.hk-wizard-item-description {
    font-size: 0.875rem;
}

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
    color: #6f6f6f;
}

.hk-wizard-item-wait .hk-wizard-item-icon {
    background-color: #fff;
    border-color: #c7c7c7;
}

    .hk-wizard-item-wait .hk-wizard-item-icon > .hk-wizard-icon {
        color: #c7c7c7;
    }

        .hk-wizard-item-wait .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {
            background: #c7c7c7;
        }

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
    background-color: #d8d8d8;
}

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-tail:after {
    background-color: #d8d8d8;
}

.hk-wizard-item-process .hk-wizard-item-icon {
    background-color: #fff;
    border-color: #007D88;
}

    .hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {
        color: #007D88;
    }

        .hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {
            background: #007D88;
        }

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
    color: #262a2e;
}

    .hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
        background-color: #d8d8d8;
    }

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-description {
    color: #262a2e;
}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-tail:after {
    background-color: #d8d8d8;
}

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon {
    background: #007D88;
}

    .hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon .hk-wizard-icon {
        color: #fff;
    }

.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-title {
    font-weight: 500;
}

.hk-wizard-item-finish .hk-wizard-item-icon {
    background-color: #fff;
    border-color: #007D88;
}

    .hk-wizard-item-finish .hk-wizard-item-icon > .hk-wizard-icon {
        color: #007D88;
    }

        .hk-wizard-item-finish .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {
            background: #007D88;
        }

.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
    color: #262a2e;
}

    .hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
        background-color: #007D88;
    }

.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-tail:after {
    background-color: #007D88;
}

.hk-wizard-item-error .hk-wizard-item-icon {
    background-color: #fff;
    border-color: #FF0000;
}

    .hk-wizard-item-error .hk-wizard-item-icon > .hk-wizard-icon {
        color: #FF0000;
    }

        .hk-wizard-item-error .hk-wizard-item-icon > .hk-wizard-icon .hk-wizard-icon-dot {
            background: #FF0000;
        }

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
    color: #FF0000;
}

    .hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
        background-color: #d8d8d8;
    }

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-description {
    color: #FF0000;
}

.hk-wizard-item-error > .hk-wizard-item-container > .hk-wizard-item-tail:after {
    background-color: #d8d8d8;
}

.hk-wizard-item.hk-wizard-next-error .hk-wizard-item-title:after {
    background: #FF0000;
}

.hk-wizard-item-disabled {
    cursor: not-allowed;
}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item {
    padding-left: 1rem;
    white-space: nowrap;
}

    .hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:first-child {
        padding-left: 0;
    }

    .hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:last-child .hk-wizard-item-title {
        padding-right: 0;
    }

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item-tail {
    display: none;
}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item-description {
    max-width: 140px;
    white-space: normal;
}

.hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon {
    height: auto;
    background: 0 0;
    border: 0;
}

    .hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon > .hk-wizard-icon {
        top: 0;
        left: .5px;
        width: 32px;
        height: 32px;
        font-size: 1.5rem;
        line-height: 32px;
    }

.hk-wizard-item-custom.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {
    color: #007D88;
}

.hk-wizard-sm.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item {
    padding-left: .75rem;
}

    .hk-wizard-sm.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:first-child {
        padding-left: 0;
    }

.hk-wizard-sm .hk-wizard-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 .5rem 0 0;
    font-size: 0.75rem;
    line-height: 24px;
    text-align: center;
    border-radius: 1.5rem;
}

.hk-wizard-sm .hk-wizard-item-title {
    padding-right: .75rem;
    font-size: 0.875rem;
    line-height: 24px;
}

    .hk-wizard-sm .hk-wizard-item-title:after {
        top: 12px;
    }

.hk-wizard-sm .hk-wizard-item-description {
    font-size: 0.875rem;
}

.hk-wizard-sm .hk-wizard-item-tail {
    top: 8px;
}

.hk-wizard-sm .hk-wizard-item-custom .hk-wizard-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
}

    .hk-wizard-sm .hk-wizard-item-custom .hk-wizard-item-icon > .hk-wizard-icon {
        font-size: 1.5rem;
        line-height: 24px;
        transform: none;
    }

.hk-wizard-vertical {
    display: flex;
    flex-direction: column;
}

    .hk-wizard-vertical > .hk-wizard-item {
        display: block;
        flex: 1 0 auto;
        padding-left: 0;
        overflow: visible;
    }

        .hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-icon {
            float: left;
            margin-right: 1rem;
        }

        .hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-content {
            display: block;
            min-height: 48px;
            overflow: hidden;
        }

        .hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-title {
            line-height: 32px;
        }

        .hk-wizard-vertical > .hk-wizard-item .hk-wizard-item-description {
            padding-bottom: .75rem;
        }

        .hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail {
            position: absolute;
            top: 0;
            left: 16px;
            width: 1px;
            height: 100%;
            padding: 2.375rem 0 .375rem;
        }

            .hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail:after {
                width: 1px;
                height: 100%;
            }

        .hk-wizard-vertical > .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
            display: none;
        }

        .hk-wizard-vertical > .hk-wizard-item:not(:last-child) > .hk-wizard-item-container > .hk-wizard-item-tail {
            display: block;
        }

    .hk-wizard-vertical.hk-wizard-sm .hk-wizard-item-container .hk-wizard-item-tail {
        position: absolute;
        top: 0;
        left: 12px;
        padding: 1.875rem 0 .375rem;
    }

    .hk-wizard-vertical.hk-wizard-sm .hk-wizard-item-container .hk-wizard-item-title {
        line-height: 24px;
    }

.hk-wizard-label-vertical .hk-wizard-item {
    overflow: visible;
}

.hk-wizard-label-vertical .hk-wizard-item-tail {
    margin-left: 3.625rem;
    padding: .25rem 1.5rem;
}

.hk-wizard-label-vertical .hk-wizard-item-content {
    display: block;
    width: 116px;
    margin-top: .5rem;
    text-align: center;
}

.hk-wizard-label-vertical .hk-wizard-item-icon {
    display: inline-block;
    margin-left: 2.625rem;
}

.hk-wizard-label-vertical .hk-wizard-item-title {
    padding-right: 0;
    padding-left: 0;
}

    .hk-wizard-label-vertical .hk-wizard-item-title:after {
        display: none;
    }

.hk-wizard-label-vertical .hk-wizard-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.5715;
}

.hk-wizard-label-vertical.hk-wizard-sm:not(.hk-wizard-dot) .hk-wizard-item-icon {
    margin-left: 2.875rem;
}

.hk-wizard-dot .hk-wizard-item-title {
    line-height: 1.5715;
}

.hk-wizard-dot .hk-wizard-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 4.375rem;
    padding: 0;
}

    .hk-wizard-dot .hk-wizard-item-tail:after {
        width: calc(100% - 20px);
        height: 3px;
        margin-left: .75rem;
    }

.hk-wizard-dot .hk-wizard-item:first-child .hk-wizard-icon-dot {
    left: 2px;
}

.hk-wizard-dot .hk-wizard-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 4.25rem;
    padding-right: 0;
    line-height: 8px;
    background: 0 0;
    border: 0;
}

    .hk-wizard-dot .hk-wizard-item-icon .hk-wizard-icon-dot {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 6.25rem;
        transition: all .3s;
    }

        .hk-wizard-dot .hk-wizard-item-icon .hk-wizard-icon-dot:after {
            position: absolute;
            top: -12px;
            left: -26px;
            width: 60px;
            height: 32px;
            content: "";
        }

.hk-wizard-dot .hk-wizard-item-content {
    width: 140px;
}

.hk-wizard-dot .hk-wizard-item-process .hk-wizard-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: 0 0;
}

.hk-wizard-dot .hk-wizard-item-process .hk-wizard-icon:first-child .hk-wizard-icon-dot {
    left: 0;
}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-title {
    line-height: 1.5715;
}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 4.375rem;
    padding: 0;
}

    .hk-wizard-dot.hk-wizard-sm .hk-wizard-item-tail:after {
        width: calc(100% - 20px);
        height: 3px;
        margin-left: .75rem;
    }

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item:first-child .hk-wizard-icon-dot {
    left: 2px;
}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 4.25rem;
    padding-right: 0;
    line-height: 8px;
    background: 0 0;
    border: 0;
}

    .hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon .hk-wizard-icon-dot {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 6.25rem;
    }

        .hk-wizard-dot.hk-wizard-sm .hk-wizard-item-icon .hk-wizard-icon-dot:after {
            position: absolute;
            top: -12px;
            left: -26px;
            width: 60px;
            height: 32px;
            content: "";
        }

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-content {
    width: 140px;
}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-process .hk-wizard-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: 0 0;
}

.hk-wizard-dot.hk-wizard-sm .hk-wizard-item-process .hk-wizard-icon:first-child .hk-wizard-icon-dot {
    left: 0;
}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-icon {
    margin-top: .75rem;
    margin-left: 0;
    background: 0 0;
}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item > .hk-wizard-item-container > .hk-wizard-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 1.375rem 0 .25rem;
}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item:first-child .hk-wizard-icon-dot {
    left: 0;
}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-content {
    width: inherit;
}

.hk-wizard-vertical.hk-wizard-dot .hk-wizard-item-process .hk-wizard-item-container .hk-wizard-item-icon .hk-wizard-icon-dot {
    top: -1px;
    left: -1px;
}

/*Pricing Table*/
.hk-pricing-table-1 .table th {
    font-size: 1rem;
    white-space: inherit !important;
}

.hk-pricing-table-1 .table thead tr th h5 {
    padding: .75rem 1.25rem;
    margin: 0 -1.25rem;
    border-bottom: 1px solid #d8d8d8;
}

.hk-pricing-table-1 .table thead tr th.pricing-highlighted h5 {
    background: #007D88;
    color: #fff;
}

.hk-pricing-table-1 .table tbody .monthly-price {
    text-align: center;
}

    .hk-pricing-table-1 .table tbody .monthly-price .money {
        display: inline-block;
        vertical-align: top;
        padding-top: 1rem;
    }

    .hk-pricing-table-1 .table tbody .monthly-price .price sup {
        display: inline-block;
        vertical-align: top;
        padding-top: 1.5rem;
        font-size: 1.125rem;
    }

    .hk-pricing-table-1 .table tbody .monthly-price .price .price-number {
        font-size: 3.3rem;
        font-weight: 500;
    }

    .hk-pricing-table-1 .table tbody .monthly-price .duration {
        position: relative;
        top: 10px;
    }

.hk-pricing-table-2 .table-responsive {
    padding-top: 3.125rem;
}

.hk-pricing-table-2 .table th {
    font-size: 1rem;
    white-space: inherit !important;
}

.hk-pricing-table-2 .table .pricing-highlighted {
    background: rgba(0, 125, 136, 0.15);
}

.hk-pricing-table-2 .table thead tr th {
    position: relative;
}

    .hk-pricing-table-2 .table thead tr th.pricing-highlighted h5 {
        padding: .75rem 1.25rem;
        top: -47px;
        position: absolute;
        border-bottom: 1px solid #d8d8d8;
        background: #007D88;
        color: #fff;
        left: -1px;
        right: -1px;
    }

.hk-pricing-table-2 .table tbody .monthly-price {
    text-align: center;
}

    .hk-pricing-table-2 .table tbody .monthly-price .money {
        display: inline-block;
        vertical-align: top;
        padding-top: 1rem;
    }

    .hk-pricing-table-2 .table tbody .monthly-price .price sup {
        display: inline-block;
        vertical-align: top;
        padding-top: 1.5rem;
        font-size: 1.125rem;
    }

    .hk-pricing-table-2 .table tbody .monthly-price .price .price-number {
        font-size: 3.3rem;
        font-weight: 500;
    }

    .hk-pricing-table-2 .table tbody .monthly-price .duration {
        position: relative;
        top: 10px;
    }

.hk-pricing-table-3 {
    text-align: center;
}

    .hk-pricing-table-3 .table-responsive {
        padding-top: 3.125rem;
    }

    .hk-pricing-table-3 .table th {
        font-size: 1rem;
        white-space: inherit !important;
    }

        .hk-pricing-table-3 .table th .icon-wrap {
            margin-top: 1.5rem;
            font-size: 2.5rem;
        }

    .hk-pricing-table-3 .table tbody .monthly-price .money {
        display: inline-block;
        vertical-align: top;
        padding-top: 1rem;
    }

    .hk-pricing-table-3 .table tbody .monthly-price .price sup {
        display: inline-block;
        vertical-align: top;
        padding-top: 1.5rem;
        font-size: 1.125rem;
    }

    .hk-pricing-table-3 .table tbody .monthly-price .price .price-number {
        font-size: 2.6rem;
        font-weight: 500;
    }

    .hk-pricing-table-3 .table tbody .monthly-price .duration {
        display: inline-block;
        vertical-align: top;
        padding-top: 1.125rem;
    }

/*Dropdown*/
.dropdown-toggle.no-caret:after {
    display: none;
}

.dropdown-toggle:after {
    content: '\f2f9';
    font: normal normal normal 1rem/1 'Material-Design-Iconic-Font';
    border: none !important;
    vertical-align: 0 !important;
    margin-left: .4em;
}

.dropdown-toggle.dropdown-toggle-split:after, .dropdown-toggle.dropdown-toggle-split:before {
    margin: 0 !important;
}

.dropup .dropdown-toggle::after {
    content: '\f2fc';
    margin-left: .4em;
}

.dropstart .dropdown-toggle::before {
    content: '\f2fa';
    vertical-align: 0 !important;
    font: normal normal normal 1rem/1 'Material-Design-Iconic-Font';
    border: none !important;
    margin-right: .4em;
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropend .dropdown-toggle::after {
    content: '\f2fb';
    vertical-align: 0;
    margin-left: .4em;
}

.btn.btn-lg.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.dropdown-toggle.hopscotch-nav-button:after, .btn.btn-lg.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-lg.dropdown-toggle.hopscotch-nav-button:before, .btn.btn-sm.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .dropdown-toggle.hopscotch-nav-button:after, .btn.btn-sm.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .dropdown-toggle.hopscotch-nav-button:before, .btn.btn-xs.dropdown-toggle:after, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.dropdown-toggle.hopscotch-nav-button:after, .btn.btn-xs.dropdown-toggle:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-xs.dropdown-toggle.hopscotch-nav-button:before {
    font-size: inherit;
}

.dropdown-menu, .apexcharts-toolbar .apexcharts-menu {
    color: #6f6f6f;
    border: none;
    border-radius: 0.5rem;
    padding: .5rem;
    box-shadow: 0px 6px 16px rgba(47, 52, 58, 0.1);
}

    .dropdown-menu .dropdown-item-text, .apexcharts-toolbar .apexcharts-menu .dropdown-item-text {
        color: #6f6f6f;
        padding: .5rem .75rem;
    }

    .dropdown-menu .dropdown-header, .apexcharts-toolbar .apexcharts-menu .dropdown-header {
        color: #9e9e9e;
        padding: .5rem .75rem;
        font-weight: 500;
    }

        .dropdown-menu .dropdown-header.dropdown-header-bold, .apexcharts-toolbar .apexcharts-menu .dropdown-header.dropdown-header-bold {
            font-size: 0.75rem;
            text-transform: uppercase;
            font-weight: 600;
        }

        .dropdown-menu .dropdown-header.header-wth-bg, .apexcharts-toolbar .apexcharts-menu .dropdown-header.header-wth-bg {
            background: #262a2e;
            color: #fff;
            margin-top: -.5rem;
            margin-left: -.5rem;
            margin-right: -.5rem;
            margin-bottom: .5rem;
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
            padding-top: .8rem;
            padding-bottom: .8rem;
        }

    .dropdown-menu.dropdown-bordered, .apexcharts-toolbar .dropdown-bordered.apexcharts-menu {
        border: 1px solid #d8d8d8;
        box-shadow: none;
    }

    .dropdown-menu.dropdown-menu-icon-text .dropdown-item .dropdown-item-text, .apexcharts-toolbar .dropdown-menu-icon-text.apexcharts-menu .dropdown-item .dropdown-item-text {
        padding: 0;
    }

    .dropdown-menu.dropdown-menu-avatar .dropdown-item, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }

        .dropdown-menu.dropdown-menu-avatar .dropdown-item .dropdown-item-text, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item .dropdown-item-text {
            padding: 0;
        }

        .dropdown-menu.dropdown-menu-avatar .dropdown-item .avatar, .apexcharts-toolbar .dropdown-menu-avatar.apexcharts-menu .dropdown-item .avatar {
            margin-right: 1rem;
        }

    .dropdown-menu .dropdown-item, .apexcharts-toolbar .apexcharts-menu .dropdown-item {
        color: #262a2e;
        cursor: pointer;
        border-radius: .25rem;
        padding: .25rem .75rem;
    }

        .dropdown-menu .dropdown-item .dropdown-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon {
            font-size: 1.125rem;
            margin-right: .625rem;
            width: 21px;
            position: relative;
            top: 2px;
        }

            .dropdown-menu .dropdown-item .dropdown-icon.feather-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon.feather-icon, .dropdown-menu .dropdown-item .dropdown-icon .svg-icon, .apexcharts-toolbar .apexcharts-menu .dropdown-item .dropdown-icon .svg-icon {
                top: -2px;
            }

        .dropdown-menu .dropdown-item.active, .apexcharts-toolbar .apexcharts-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .apexcharts-toolbar .apexcharts-menu .dropdown-item:active {
            background-color: #007D88;
            color: #fff;
        }

        .dropdown-menu .dropdown-item:focus:not(.active):not(.disabled), .apexcharts-toolbar .apexcharts-menu .dropdown-item:focus:not(.active):not(.disabled), .dropdown-menu .dropdown-item:hover:not(.active):not(.disabled), .apexcharts-toolbar .apexcharts-menu .dropdown-item:hover:not(.active):not(.disabled) {
            background-color: #f7f7f7;
            color: #262a2e;
        }

        .dropdown-menu .dropdown-item:disabled, .apexcharts-toolbar .apexcharts-menu .dropdown-item:disabled, .dropdown-menu .dropdown-item.disabled, .apexcharts-toolbar .apexcharts-menu .dropdown-item.disabled {
            color: #b5b5b5;
            background-color: transparent;
        }

    .dropdown-menu .sub-dropdown-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu {
        position: relative;
    }

        .dropdown-menu .sub-dropdown-menu .dropdown-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu {
            top: 0;
        }

            .dropdown-menu .sub-dropdown-menu .dropdown-menu:before, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu:before, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu:before, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu:before, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu:before, .dropdown-menu .sub-dropdown-menu .dropdown-menu:after, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu:after, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .apexcharts-menu:after, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .apexcharts-menu:after, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .apexcharts-menu:after {
                display: none !important;
            }

            .dropdown-menu .sub-dropdown-menu .dropdown-menu.open-left-side, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu.open-left-side, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .open-left-side.apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .open-left-side.apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .open-left-side.apexcharts-menu {
                right: 100% !important;
                left: auto !important;
            }

            .dropdown-menu .sub-dropdown-menu .dropdown-menu.open-right-side, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .dropdown-menu.open-right-side, .dropdown-menu .sub-dropdown-menu .apexcharts-toolbar .open-right-side.apexcharts-menu, .apexcharts-toolbar .dropdown-menu .sub-dropdown-menu .open-right-side.apexcharts-menu, .apexcharts-toolbar .apexcharts-menu .sub-dropdown-menu .open-right-side.apexcharts-menu {
                left: 100% !important;
            }

    .dropdown-menu.dropdown-menu-dark, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu {
        background: #262a2e;
        border-color: #262a2e;
        color: #fff;
    }

        .dropdown-menu.dropdown-menu-dark .dropdown-header, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-header,
        .dropdown-menu.dropdown-menu-dark .dropdown-item-text,
        .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item-text {
            color: #6f6f6f;
        }

        .dropdown-menu.dropdown-menu-dark .dropdown-item, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item {
            color: #eaeaea;
        }

            .dropdown-menu.dropdown-menu-dark .dropdown-item:focus:not(.active):not(.disabled), .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:focus:not(.active):not(.disabled), .dropdown-menu.dropdown-menu-dark .dropdown-item:hover:not(.active):not(.disabled), .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:hover:not(.active):not(.disabled) {
                background-color: #4f4f4f;
                color: #fff;
            }

            .dropdown-menu.dropdown-menu-dark .dropdown-item.active, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item.active, .dropdown-menu.dropdown-menu-dark .dropdown-item:active, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:active {
                color: #fff;
            }

            .dropdown-menu.dropdown-menu-dark .dropdown-item:disabled, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item:disabled, .dropdown-menu.dropdown-menu-dark .dropdown-item.disabled, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-item.disabled {
                color: #5f5f5f;
            }

        .dropdown-menu.dropdown-menu-dark .dropdown-divider, .apexcharts-toolbar .dropdown-menu-dark.apexcharts-menu .dropdown-divider {
            border-color: #262a2e;
        }

.dropdown-divider {
    border-color: #eaeaea;
    margin-right: -.5rem;
    margin-left: -.5rem;
}

.show-on-hover:hover > .dropdown-menu, .apexcharts-toolbar .show-on-hover:hover > .apexcharts-menu {
    display: block;
}

.show-on-hover > .dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-menu.animated, .apexcharts-toolbar .animated.apexcharts-menu {
    -webkit-animation-duration: 0.55s;
    animation-duration: 0.55s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.custom-caret svg {
    height: 19px;
    width: 19px;
}

.btn-sm .custom-caret svg, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button .custom-caret svg {
    height: 17px;
    width: 17px;
}

.btn-group-lg > .btn + .dropdown-toggle-split, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-lg > .hopscotch-nav-button + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
}

.btn-group-sm > .btn + .dropdown-toggle-split, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-group-sm > .hopscotch-nav-button + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split,
div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button + .dropdown-toggle-split {
    padding-right: .8rem;
    padding-left: .8rem;
}

/*Avatar*/
.avatar {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    background-color: transparent;
}

    .avatar .avatar-img,
    .avatar .initial-wrap {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .avatar > .initial-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        font-size: 1.1rem;
        font-weight: 600;
    }

    .avatar.avatar-rounded .avatar-img,
    .avatar.avatar-rounded .initial-wrap {
        border-radius: 50%;
    }

    .avatar.avatar-square .avatar-img,
    .avatar.avatar-square .initial-wrap {
        border-radius: 0;
    }

    .avatar.avatar-xxxl {
        width: 9rem;
        height: 9rem;
    }

        .avatar.avatar-xxxl > .initial-wrap {
            font-size: 2.25rem;
        }

    .avatar.avatar-xxl {
        width: 8rem;
        height: 8rem;
    }

        .avatar.avatar-xxl > .initial-wrap {
            font-size: 2rem;
        }

    .avatar.avatar-xl {
        width: 7rem;
        height: 7rem;
    }

        .avatar.avatar-xl > .initial-wrap {
            font-size: 1.75rem;
        }

    .avatar.avatar-lg {
        width: 6rem;
        height: 6rem;
    }

        .avatar.avatar-lg > .initial-wrap {
            font-size: 1.5rem;
        }

    .avatar.avatar-md {
        width: 5rem;
        height: 5rem;
    }

        .avatar.avatar-md > .initial-wrap {
            font-size: 1.25rem;
        }

    .avatar.avatar-sm {
        width: 3rem;
        height: 3rem;
    }

        .avatar.avatar-sm > .initial-wrap {
            font-size: 1rem;
        }

    .avatar.avatar-xs {
        width: 2rem;
        height: 2rem;
    }

        .avatar.avatar-xs > .initial-wrap {
            font-size: 0.75rem;
        }

    .avatar.avatar-xxs {
        width: 1.5rem;
        height: 1.5rem;
    }

        .avatar.avatar-xxs > .initial-wrap {
            font-size: 0.6rem;
        }

    .avatar.avatar-icon > .initial-wrap {
        font-size: 1.5rem;
        font-weight: inherit;
    }

    .avatar.avatar-icon.avatar-xxxl > .initial-wrap {
        font-size: 2.75rem;
    }

    .avatar.avatar-icon.avatar-xxl > .initial-wrap {
        font-size: 2.5rem;
    }

    .avatar.avatar-icon.avatar-xl > .initial-wrap {
        font-size: 2.25rem;
    }

    .avatar.avatar-icon.avatar-lg > .initial-wrap {
        font-size: 2rem;
    }

    .avatar.avatar-icon.avatar-md > .initial-wrap {
        font-size: 1.75rem;
    }

    .avatar.avatar-icon.avatar-sm > .initial-wrap {
        font-size: 1.25rem;
    }

    .avatar.avatar-icon.avatar-xs > .initial-wrap {
        font-size: 1.25rem;
    }

    .avatar.avatar-icon.avatar-xxs > .initial-wrap {
        font-size: 1rem;
    }

    .avatar.avatar-logo > .initial-wrap {
        background: #f7f7f7;
    }

        .avatar.avatar-logo > .initial-wrap > img {
            height: 50%;
        }

    .avatar.avatar-cyan > .initial-wrap {
        background-color: #18DDEF !important;
        color: #fff;
    }

    .avatar.avatar-info > .initial-wrap {
        background-color: #18DDEF !important;
        color: #fff;
    }

    .avatar.avatar-sky > .initial-wrap {
        background-color: #00B0FF !important;
        color: #fff;
    }

    .avatar.avatar-green > .initial-wrap {
        background-color: #00D67F !important;
        color: #fff;
    }

    .avatar.avatar-success > .initial-wrap {
        background-color: #00D67F !important;
        color: #fff;
    }

    .avatar.avatar-red > .initial-wrap {
        background-color: #FF0000 !important;
        color: #fff;
    }

    .avatar.avatar-danger > .initial-wrap {
        background-color: #FF0000 !important;
        color: #fff;
    }

    .avatar.avatar-yellow > .initial-wrap {
        background-color: #FFC400 !important;
        color: #fff;
    }

    .avatar.avatar-warning > .initial-wrap {
        background-color: #FFC400 !important;
        color: #fff;
    }

    .avatar.avatar-pink > .initial-wrap {
        background-color: #E92990 !important;
        color: #fff;
    }

    .avatar.avatar-purple > .initial-wrap {
        background-color: #C02FF3 !important;
        color: #fff;
    }

    .avatar.avatar-violet > .initial-wrap {
        background-color: #7429F8 !important;
        color: #fff;
    }

    .avatar.avatar-indigo > .initial-wrap {
        background-color: #0069F7 !important;
        color: #fff;
    }

    .avatar.avatar-blue > .initial-wrap {
        background-color: #298DFF !important;
        color: #fff;
    }

    .avatar.avatar-primary > .initial-wrap {
        background-color: #007D88 !important;
        color: #fff;
    }

    .avatar.avatar-teal > .initial-wrap {
        background-color: #007D88 !important;
        color: #fff;
    }

    .avatar.avatar-neon > .initial-wrap {
        background-color: #81E230 !important;
        color: #fff;
    }

    .avatar.avatar-lime > .initial-wrap {
        background-color: #C2E939 !important;
        color: #fff;
    }

    .avatar.avatar-sun > .initial-wrap {
        background-color: #FFEA00 !important;
        color: #262a2e;
    }

    .avatar.avatar-orange > .initial-wrap {
        background-color: #FF9100 !important;
        color: #fff;
    }

    .avatar.avatar-pumpkin > .initial-wrap {
        background-color: #FF5700 !important;
        color: #fff;
    }

    .avatar.avatar-brown > .initial-wrap {
        background-color: #954D15 !important;
        color: #fff;
    }

    .avatar.avatar-gold > .initial-wrap {
        background-color: #C39749 !important;
        color: #fff;
    }

    .avatar.avatar-dark > .initial-wrap {
        background-color: #262a2e !important;
        color: #fff;
    }

    .avatar.avatar-light > .initial-wrap {
        background-color: #eaeaea !important;
        color: #262a2e;
    }

    .avatar.avatar-grey > .initial-wrap {
        background-color: #9e9e9e !important;
        color: #fff;
    }

    .avatar.avatar-secondary > .initial-wrap {
        background-color: #6f6f6f !important;
        color: #fff;
    }

    .avatar.avatar-soft-cyan > .initial-wrap {
        background-color: #edfcfe !important;
        color: #18DDEF;
    }

    .avatar.avatar-soft-info > .initial-wrap {
        background-color: #edfcfe !important;
        color: #18DDEF;
    }

    .avatar.avatar-soft-sky > .initial-wrap {
        background-color: #ebf9ff !important;
        color: #00B0FF;
    }

    .avatar.avatar-soft-green > .initial-wrap {
        background-color: #ebfcf5 !important;
        color: #00D67F;
    }

    .avatar.avatar-soft-success > .initial-wrap {
        background-color: #ebfcf5 !important;
        color: #00D67F;
    }

    .avatar.avatar-soft-red > .initial-wrap {
        background-color: #ffebeb !important;
        color: #FF0000;
    }

    .avatar.avatar-soft-danger > .initial-wrap {
        background-color: #ffebeb !important;
        color: #FF0000;
    }

    .avatar.avatar-soft-yellow > .initial-wrap {
        background-color: #fffaeb !important;
        color: #FFC400;
    }

    .avatar.avatar-soft-warning > .initial-wrap {
        background-color: #fffaeb !important;
        color: #FFC400;
    }

    .avatar.avatar-soft-pink > .initial-wrap {
        background-color: #fdeef6 !important;
        color: #E92990;
    }

    .avatar.avatar-soft-purple > .initial-wrap {
        background-color: #faeefe !important;
        color: #C02FF3;
    }

    .avatar.avatar-soft-violet > .initial-wrap {
        background-color: #f4eefe !important;
        color: #7429F8;
    }

    .avatar.avatar-soft-indigo > .initial-wrap {
        background-color: #ebf3fe !important;
        color: #0069F7;
    }

    .avatar.avatar-soft-blue > .initial-wrap {
        background-color: #eef6ff !important;
        color: #298DFF;
    }

    .avatar.avatar-soft-primary > .initial-wrap {
        background-color: #ebf5f5 !important;
        color: #007D88;
    }

    .avatar.avatar-soft-teal > .initial-wrap {
        background-color: #ebf5f5 !important;
        color: #007D88;
    }

    .avatar.avatar-soft-neon > .initial-wrap {
        background-color: #f5fdee !important;
        color: #81E230;
    }

    .avatar.avatar-soft-lime > .initial-wrap {
        background-color: #fafdef !important;
        color: #C2E939;
    }

    .avatar.avatar-soft-sun > .initial-wrap {
        background-color: #fffdeb !important;
        color: #FFEA00;
    }

    .avatar.avatar-soft-orange > .initial-wrap {
        background-color: #fff6eb !important;
        color: #FF9100;
    }

    .avatar.avatar-soft-pumpkin > .initial-wrap {
        background-color: #fff2eb !important;
        color: #FF5700;
    }

    .avatar.avatar-soft-brown > .initial-wrap {
        background-color: #f7f1ec !important;
        color: #954D15;
    }

    .avatar.avatar-soft-gold > .initial-wrap {
        background-color: #faf7f0 !important;
        color: #C39749;
    }

    .avatar.avatar-soft-dark > .initial-wrap {
        background-color: #d8d8d8 !important;
        color: #262a2e;
    }

    .avatar.avatar-soft-light > .initial-wrap {
        background-color: #f7f7f7 !important;
        color: #6f6f6f;
    }

    .avatar.avatar-soft-grey > .initial-wrap {
        background-color: #f7f7f7 !important;
        color: #9e9e9e;
    }

    .avatar.avatar-soft-secondary > .initial-wrap {
        background-color: #f3f3f3 !important;
        color: #6f6f6f;
    }

.avatar-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .avatar-group .avatar {
        width: 2.625rem;
        height: 2.625rem;
    }

        .avatar-group .avatar .avatar-img,
        .avatar-group .avatar > .initial-wrap {
            border: 2px solid #fff;
            font-size: .9rem;
        }

    .avatar-group.avatar-group-overlapped .avatar {
        margin-right: -.875rem;
    }

        .avatar-group.avatar-group-overlapped .avatar:hover {
            z-index: 1;
        }

    .avatar-group.avatar-group-lg .avatar {
        width: 3.25rem;
        height: 3.25rem;
    }

        .avatar-group.avatar-group-lg .avatar > .initial-wrap {
            font-size: .95rem;
        }

    .avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {
        margin-right: -1rem;
    }

    .avatar-group.avatar-group-sm .avatar {
        width: 2rem;
        height: 2rem;
    }

        .avatar-group.avatar-group-sm .avatar > .initial-wrap {
            font-size: .6rem;
        }

    .avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
        margin-right: -0.625rem;
    }

/*Pagination*/
.pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-link {
    color: #262a2e;
    border-color: #d8d8d8;
    min-width: 40px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

    .page-link:focus, .page-link:hover {
        color: #262a2e;
        box-shadow: none;
        background-color: #eaeaea;
        border-color: #d8d8d8;
    }

.pagination .page-item.active .page-link {
    background: #007D88;
    border-color: #007D88;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    color: #b5b5b5;
}

.pagination .page-item:first-child .page-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.pagination.custom-pagination .page-item + .page-item {
    padding-left: .5rem;
    margin: 0;
}

.pagination.custom-pagination .page-link {
    padding: .5rem .8rem;
    border-radius: 0.5rem;
}

.pagination.custom-pagination.pagination-rounded .page-link {
    border-radius: 50rem;
}

.pagination.custom-pagination.pagination-rounded .page-item:first-child .page-link,
.pagination.custom-pagination.pagination-rounded .page-item:last-child .page-link {
    border-radius: 50rem;
}

.pagination.custom-pagination.pagination-filled .page-item:not(.active) .page-link {
    background: #f7f7f7;
    border-color: #f7f7f7;
}

.pagination.custom-pagination.pagination-filled .page-item:not(.active):hover .page-link {
    background-color: #eaeaea;
}

.pagination.custom-pagination.pagination-simple .page-item:not(.active) .page-link {
    border-color: transparent;
}

.pagination.pagination-sm .page-link {
    padding: .3rem .6rem;
    min-height: 30px;
    min-width: 30px;
}

/*Badge*/
.badge {
    font-weight: 500;
    border-radius: 0.5rem;
    padding: .5rem .625rem;
    font-size: 70%;
    min-width: 25px;
    letter-spacing: 0.3px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

    .badge.badge-indicator {
        width: 10px;
        height: 10px;
        min-width: initial;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 0;
        position: relative;
    }

        .badge.badge-indicator:empty {
            display: inline-block;
        }

        .badge.badge-indicator.badge-indicator-sm {
            width: 7px;
            height: 7px;
        }

        .badge.badge-indicator.badge-indicator-lg {
            width: 12px;
            height: 12px;
        }

        .badge.badge-indicator.badge-indicator-xl {
            width: 16px;
            height: 16px;
        }

        .badge.badge-indicator.badge-indicator-nobdr {
            width: 8px;
            height: 8px;
            border: none;
        }

        .badge.badge-indicator.badge-indicator-nobdr-sm {
            width: 5px;
            height: 5px;
            border: none;
        }

@-webkit-keyframes ripple {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    to {
        transform: scale(2.4);
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    to {
        transform: scale(2.4);
        opacity: 0;
    }
}

.badge.badge-indicator.badge-indicator-processing {
    position: relative;
}

    .badge.badge-indicator.badge-indicator-processing::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid;
        border-radius: 50%;
        -webkit-animation: ripple 1.2s infinite ease-in-out;
        animation: ripple 1.2s infinite ease-in-out;
        content: "";
    }

.badge > span {
    display: flex;
    align-items: center;
}

    .badge > span .icon {
        display: flex;
        font-size: 0.875rem;
        margin-right: .25rem;
    }

    .badge > span .badge-dot {
        display: flex;
        font-size: 8px;
        margin-right: .25rem;
    }

.badge.badge-sm {
    font-size: 60%;
    padding: .25rem .5rem;
    min-width: 19px;
}

    .badge.badge-sm > span .badge-dot {
        font-size: .375rem;
    }

    .badge.badge-sm > span .icon {
        font-size: 0.75rem;
    }

.badge.badge-cyan {
    background: #18DDEF;
    color: #fff;
}

    .badge.badge-cyan.badge-indicator-processing:after {
        border-color: #18DDEF;
    }

.badge.badge-info {
    background: #18DDEF;
    color: #fff;
}

    .badge.badge-info.badge-indicator-processing:after {
        border-color: #18DDEF;
    }

.badge.badge-sky {
    background: #00B0FF;
    color: #fff;
}

    .badge.badge-sky.badge-indicator-processing:after {
        border-color: #00B0FF;
    }

.badge.badge-green {
    background: #00D67F;
    color: #fff;
}

    .badge.badge-green.badge-indicator-processing:after {
        border-color: #00D67F;
    }

.badge.badge-success {
    background: #00D67F;
    color: #fff;
}

    .badge.badge-success.badge-indicator-processing:after {
        border-color: #00D67F;
    }

.badge.badge-red {
    background: #FF0000;
    color: #fff;
}

    .badge.badge-red.badge-indicator-processing:after {
        border-color: #FF0000;
    }

.badge.badge-danger {
    background: #FF0000;
    color: #fff;
}

    .badge.badge-danger.badge-indicator-processing:after {
        border-color: #FF0000;
    }

.badge.badge-yellow {
    background: #FFC400;
    color: #fff;
}

    .badge.badge-yellow.badge-indicator-processing:after {
        border-color: #FFC400;
    }

.badge.badge-warning {
    background: #FFC400;
    color: #fff;
}

    .badge.badge-warning.badge-indicator-processing:after {
        border-color: #FFC400;
    }

.badge.badge-pink {
    background: #E92990;
    color: #fff;
}

    .badge.badge-pink.badge-indicator-processing:after {
        border-color: #E92990;
    }

.badge.badge-purple {
    background: #C02FF3;
    color: #fff;
}

    .badge.badge-purple.badge-indicator-processing:after {
        border-color: #C02FF3;
    }

.badge.badge-violet {
    background: #7429F8;
    color: #fff;
}

    .badge.badge-violet.badge-indicator-processing:after {
        border-color: #7429F8;
    }

.badge.badge-indigo {
    background: #0069F7;
    color: #fff;
}

    .badge.badge-indigo.badge-indicator-processing:after {
        border-color: #0069F7;
    }

.badge.badge-blue {
    background: #298DFF;
    color: #fff;
}

    .badge.badge-blue.badge-indicator-processing:after {
        border-color: #298DFF;
    }

.badge.badge-primary {
    background: #007D88;
    color: #fff;
}

    .badge.badge-primary.badge-indicator-processing:after {
        border-color: #007D88;
    }

.badge.badge-teal {
    background: #007D88;
    color: #fff;
}

    .badge.badge-teal.badge-indicator-processing:after {
        border-color: #007D88;
    }

.badge.badge-neon {
    background: #81E230;
    color: #fff;
}

    .badge.badge-neon.badge-indicator-processing:after {
        border-color: #81E230;
    }

.badge.badge-lime {
    background: #C2E939;
    color: #fff;
}

    .badge.badge-lime.badge-indicator-processing:after {
        border-color: #C2E939;
    }

.badge.badge-sun {
    background: #FFEA00;
    color: #262a2e;
}

    .badge.badge-sun.badge-indicator-processing:after {
        border-color: #FFEA00;
    }

.badge.badge-orange {
    background: #FF9100;
    color: #fff;
}

    .badge.badge-orange.badge-indicator-processing:after {
        border-color: #FF9100;
    }

.badge.badge-pumpkin {
    background: #FF5700;
    color: #fff;
}

    .badge.badge-pumpkin.badge-indicator-processing:after {
        border-color: #FF5700;
    }

.badge.badge-smoke {
    background: #5e7d8a;
    color: #fff;
}

    .badge.badge-smoke.badge-indicator-processing:after {
        border-color: #5e7d8a;
    }

.badge.badge-brown {
    background: #954D15;
    color: #fff;
}

    .badge.badge-brown.badge-indicator-processing:after {
        border-color: #954D15;
    }

.badge.badge-gold {
    background: #C39749;
    color: #fff;
}

    .badge.badge-gold.badge-indicator-processing:after {
        border-color: #C39749;
    }

.badge.badge-grey {
    background: #9e9e9e;
    color: #fff;
}

    .badge.badge-grey.badge-indicator-processing:after {
        border-color: #9e9e9e;
    }

.badge.badge-secondary {
    background: #6f6f6f;
    color: #fff;
}

    .badge.badge-secondary.badge-indicator-processing:after {
        border-color: #6f6f6f;
    }

.badge.badge-light {
    background: #eaeaea;
    color: #262a2e;
}

    .badge.badge-light.badge-indicator-processing:after {
        border-color: #eaeaea;
    }

.badge.badge-dark {
    background: #262a2e;
    color: #fff;
}

    .badge.badge-dark.badge-indicator-processing:after {
        border-color: #262a2e;
    }

.badge.badge-outline {
    background: transparent;
    border: 1px solid;
}

    .badge.badge-outline.badge-cyan {
        border-color: #18DDEF;
        color: #18DDEF;
    }

    .badge.badge-outline.badge-info {
        border-color: #18DDEF;
        color: #18DDEF;
    }

    .badge.badge-outline.badge-sky {
        border-color: #00B0FF;
        color: #00B0FF;
    }

    .badge.badge-outline.badge-green {
        border-color: #00D67F;
        color: #00ab66;
    }

    .badge.badge-outline.badge-success {
        border-color: #00D67F;
        color: #00ab66;
    }

    .badge.badge-outline.badge-red {
        border-color: #FF0000;
        color: #e60000;
    }

    .badge.badge-outline.badge-danger {
        border-color: #FF0000;
        color: #e60000;
    }

    .badge.badge-outline.badge-yellow {
        border-color: #FFC400;
        color: #cc9d00;
    }

    .badge.badge-outline.badge-warning {
        border-color: #FFC400;
        color: #cc9d00;
    }

    .badge.badge-outline.badge-grey {
        border-color: #9e9e9e;
        color: #9e9e9e;
    }

    .badge.badge-outline.badge-secondary {
        border-color: #6f6f6f;
        color: #6f6f6f;
    }

    .badge.badge-outline.badge-light {
        border-color: #eaeaea;
        color: #262a2e;
    }

    .badge.badge-outline.badge-dark {
        border-color: #262a2e;
        color: #262a2e;
    }

    .badge.badge-outline.badge-pink {
        border-color: #E92990;
        color: #E92990;
    }

    .badge.badge-outline.badge-purple {
        border-color: #C02FF3;
        color: #C02FF3;
    }

    .badge.badge-outline.badge-violet {
        border-color: #7429F8;
        color: #7429F8;
    }

    .badge.badge-outline.badge-indigo {
        border-color: #0069F7;
        color: #0069F7;
    }

    .badge.badge-outline.badge-blue {
        border-color: #298DFF;
        color: #298DFF;
    }

    .badge.badge-outline.badge-primary {
        border-color: #007D88;
        color: #007D88;
    }

    .badge.badge-outline.badge-teal {
        border-color: #007D88;
        color: #007D88;
    }

    .badge.badge-outline.badge-neon {
        border-color: #81E230;
        color: #81E230;
    }

    .badge.badge-outline.badge-lime {
        border-color: #C2E939;
        color: #C2E939;
    }

    .badge.badge-outline.badge-sun {
        border-color: #FFEA00;
        color: #FFEA00;
    }

    .badge.badge-outline.badge-orange {
        border-color: #FF9100;
        color: #FF9100;
    }

    .badge.badge-outline.badge-pumpkin {
        border-color: #FF5700;
        color: #FF5700;
    }

    .badge.badge-outline.badge-smoke {
        border-color: #5e7d8a;
        color: #5e7d8a;
    }

    .badge.badge-outline.badge-brown {
        border-color: #954D15;
        color: #954D15;
    }

    .badge.badge-outline.badge-gold {
        border-color: #C39749;
        color: #C39749;
    }

.badge.badge-soft-cyan {
    background: #edfcfe;
    color: #18DDEF;
}

    .badge.badge-soft-cyan.badge-indicator-processing:after {
        border-color: #edfcfe;
    }

.badge.badge-soft-info {
    background: #edfcfe;
    color: #18DDEF;
}

    .badge.badge-soft-info.badge-indicator-processing:after {
        border-color: #edfcfe;
    }

.badge.badge-soft-sky {
    background: #ebf9ff;
    color: #00B0FF;
}

    .badge.badge-soft-sky.badge-indicator-processing:after {
        border-color: #ebf9ff;
    }

.badge.badge-soft-green {
    background: #ebfcf5;
    color: #00ab66;
}

    .badge.badge-soft-green.badge-indicator-processing:after {
        border-color: #ebfcf5;
    }

.badge.badge-soft-success {
    background: #ebfcf5;
    color: #00ab66;
}

    .badge.badge-soft-success.badge-indicator-processing:after {
        border-color: #ebfcf5;
    }

.badge.badge-soft-red {
    background: #ffebeb;
    color: #e60000;
}

    .badge.badge-soft-red.badge-indicator-processing:after {
        border-color: #ffebeb;
    }

.badge.badge-soft-danger {
    background: #ffebeb;
    color: #e60000;
}

    .badge.badge-soft-danger.badge-indicator-processing:after {
        border-color: #ffebeb;
    }

.badge.badge-soft-yellow {
    background: #fffaeb;
    color: #cc9d00;
}

    .badge.badge-soft-yellow.badge-indicator-processing:after {
        border-color: #fffaeb;
    }

.badge.badge-soft-warning {
    background: #fffaeb;
    color: #cc9d00;
}

    .badge.badge-soft-warning.badge-indicator-processing:after {
        border-color: #fffaeb;
    }

.badge.badge-soft-pink {
    background: #fdeef6;
    color: #E92990;
}

    .badge.badge-soft-pink.badge-indicator-processing:after {
        border-color: #fdeef6;
    }

.badge.badge-soft-purple {
    background: #faeefe;
    color: #C02FF3;
}

    .badge.badge-soft-purple.badge-indicator-processing:after {
        border-color: #faeefe;
    }

.badge.badge-soft-violet {
    background: #f4eefe;
    color: #7429F8;
}

    .badge.badge-soft-violet.badge-indicator-processing:after {
        border-color: #f4eefe;
    }

.badge.badge-soft-indigo {
    background: #ebf3fe;
    color: #0069F7;
}

    .badge.badge-soft-indigo.badge-indicator-processing:after {
        border-color: #ebf3fe;
    }

.badge.badge-soft-blue {
    background: #eef6ff;
    color: #298DFF;
}

    .badge.badge-soft-blue.badge-indicator-processing:after {
        border-color: #eef6ff;
    }

.badge.badge-soft-primary {
    background: #ebf5f5;
    color: #007D88;
}

    .badge.badge-soft-primary.badge-indicator-processing:after {
        border-color: #ebf5f5;
    }

.badge.badge-soft-teal {
    background: #ebf5f5;
    color: #007D88;
}

    .badge.badge-soft-teal.badge-indicator-processing:after {
        border-color: #ebf5f5;
    }

.badge.badge-soft-neon {
    background: #f5fdee;
    color: #81E230;
}

    .badge.badge-soft-neon.badge-indicator-processing:after {
        border-color: #f5fdee;
    }

.badge.badge-soft-lime {
    background: #fafdef;
    color: #C2E939;
}

    .badge.badge-soft-lime.badge-indicator-processing:after {
        border-color: #fafdef;
    }

.badge.badge-soft-sun {
    background: #fffdeb;
    color: #FFEA00;
}

    .badge.badge-soft-sun.badge-indicator-processing:after {
        border-color: #fffdeb;
    }

.badge.badge-soft-orange {
    background: #fff6eb;
    color: #FF9100;
}

    .badge.badge-soft-orange.badge-indicator-processing:after {
        border-color: #fff6eb;
    }

.badge.badge-soft-pumpkin {
    background: #fff2eb;
    color: #FF5700;
}

    .badge.badge-soft-pumpkin.badge-indicator-processing:after {
        border-color: #fff2eb;
    }

.badge.badge-soft-smoke {
    background: #f2f5f6;
    color: #5e7d8a;
}

    .badge.badge-soft-smoke.badge-indicator-processing:after {
        border-color: #f2f5f6;
    }

.badge.badge-soft-brown {
    background: #f7f1ec;
    color: #954D15;
}

    .badge.badge-soft-brown.badge-indicator-processing:after {
        border-color: #f7f1ec;
    }

.badge.badge-soft-gold {
    background: #faf7f0;
    color: #C39749;
}

    .badge.badge-soft-gold.badge-indicator-processing:after {
        border-color: #faf7f0;
    }

.badge.badge-soft-grey {
    background: #f7f7f7;
    color: #9e9e9e;
}

    .badge.badge-soft-grey.badge-indicator-processing:after {
        border-color: #f7f7f7;
    }

.badge.badge-soft-secondary {
    background: #f3f3f3;
    color: #6f6f6f;
}

    .badge.badge-soft-secondary.badge-indicator-processing:after {
        border-color: #f3f3f3;
    }

.badge.badge-soft-light {
    background: #f7f7f7;
    color: #6f6f6f;
}

    .badge.badge-soft-light.badge-indicator-processing:after {
        border-color: #f7f7f7;
    }

.badge.badge-soft-dark {
    background: #d8d8d8;
    color: #262a2e;
}

    .badge.badge-soft-dark.badge-indicator-processing:after {
        border-color: #d8d8d8;
    }

.badge.badge-pill {
    border-radius: 50rem;
}

a.badge {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

    a.badge:hover, a.badge:focus {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
        box-shadow: 0 0.1875rem 0.5rem rgba(47, 52, 58, 0.3) !important;
    }

a.badge-sky:hover, a.badge-sky:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 176, 255, 0.3) !important;
}

a.badge-cyan:hover, a.badge-cyan:focus {
    background: #18DDEF;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(24, 221, 239, 0.3) !important;
}

a.badge-info:hover, a.badge-info:focus {
    background: #18DDEF;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(24, 221, 239, 0.3) !important;
}

a.badge-blue:hover, a.badge-blue:focus {
    background: #298DFF;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(41, 141, 255, 0.3) !important;
}

a.badge-primary:hover, a.badge-primary:focus {
    background: #007D88;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 125, 136, 0.3) !important;
}

a.badge-green:hover, a.badge-green:focus {
    background: #00D67F;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 214, 127, 0.3) !important;
}

a.badge-success:hover, a.badge-success:focus {
    background: #00D67F;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 214, 127, 0.3) !important;
}

a.badge-red:hover, a.badge-red:focus {
    background: #FF0000;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 0, 0, 0.3) !important;
}

a.badge-danger:hover, a.badge-danger:focus {
    background: #FF0000;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 0, 0, 0.3) !important;
}

a.badge-yellow:hover, a.badge-yellow:focus {
    background: #FFC400;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 196, 0, 0.3) !important;
}

a.badge-warning:hover, a.badge-warning:focus {
    background: #FFC400;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 196, 0, 0.3) !important;
}

a.badge-grey:hover, a.badge-grey:focus {
    background: #9e9e9e;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(158, 158, 158, 0.3) !important;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    background: #6f6f6f;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(111, 111, 111, 0.3) !important;
}

a.badge-pink:hover, a.badge-pink:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(233, 41, 144, 0.3) !important;
}

a.badge-purple:hover, a.badge-purple:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(192, 47, 243, 0.3) !important;
}

a.badge-violet:hover, a.badge-violet:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(116, 41, 248, 0.3) !important;
}

a.badge-indigo:hover, a.badge-indigo:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 105, 247, 0.3) !important;
}

a.badge-teal:hover, a.badge-teal:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 125, 136, 0.3) !important;
}

a.badge-neon:hover, a.badge-neon:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(129, 226, 48, 0.3) !important;
}

a.badge-lime:hover, a.badge-lime:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(194, 233, 57, 0.3) !important;
}

a.badge-sun:hover, a.badge-sun:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 234, 0, 0.3) !important;
}

a.badge-orange:hover, a.badge-orange:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 145, 0, 0.3) !important;
}

a.badge-pumpkin:hover, a.badge-pumpkin:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(255, 87, 0, 0.3) !important;
}

a.badge-smoke:hover, a.badge-smoke:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(94, 125, 138, 0.3) !important;
}

a.badge-brown:hover, a.badge-brown:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(149, 77, 21, 0.3) !important;
}

a.badge-gold:hover, a.badge-gold:focus {
    box-shadow: 0 0.1875rem 0.5rem rgba(195, 151, 73, 0.3) !important;
}

a.badge-light:hover, a.badge-light:focus {
    background: #eaeaea;
    color: #262a2e;
    box-shadow: 0 0.1875rem 0.5rem #d8d8d8 !important;
}

a.badge-dark:hover, a.badge-dark:focus {
    background: #262a2e;
    color: #fff;
    box-shadow: 0 0.1875rem 0.5rem rgba(38, 42, 46, 0.3) !important;
}

a.badge-outline:hover, a.badge-outline:focus {
    background: transparent;
    box-shadow: none;
}

.badge-status .badge-label {
    margin-left: .25rem;
    font-size: 0.875rem;
}

.badge-on-text .badge {
    position: relative;
    top: -5px;
    right: 0;
}

.badge-on-text-end .badge {
    margin-left: .5rem;
    position: relative;
    top: -1px;
}

/*List Group*/
.list-group-item {
    border-color: #d8d8d8;
}

    .list-group-item:first-child {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    .list-group-item.active {
        background-color: #007D88;
        border-color: #007D88;
    }

        .list-group-item.active h1, .list-group-item.active h2, .list-group-item.active h3, .list-group-item.active h4, .list-group-item.active h5, .list-group-item.active h6 {
            color: #fff;
        }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #b5b5b5;
    }

    .list-group-item.list-group-item-action:not(.active):focus, .list-group-item.list-group-item-action:not(.active):hover {
        background-color: #f7f7f7;
    }

    .list-group-item.list-group-item-primary:not(.active) {
        color: #007D88;
        background-color: #ebf5f5;
    }

    .list-group-item.list-group-item-info:not(.active) {
        color: #18DDEF;
        background-color: #edfcfe;
    }

    .list-group-item.list-group-item-success:not(.active) {
        color: #00D67F;
        background-color: #ebfcf5;
    }

    .list-group-item.list-group-item-warning:not(.active) {
        color: #FFC400;
        background-color: #fffaeb;
    }

    .list-group-item.list-group-item-danger:not(.active) {
        color: #FF0000;
        background-color: #ffebeb;
    }

    .list-group-item.list-group-item-secondary:not(.active) {
        color: #6f6f6f;
        background-color: #f3f3f3;
    }

    .list-group-item.list-group-item-light:not(.active) {
        color: #5f5f5f;
        background-color: #f7f7f7;
    }

    .list-group-item.list-group-item-dark:not(.active) {
        color: #fff;
        background-color: #262a2e;
    }

    .list-group-item.list-group-inv {
        color: #fff;
    }

        .list-group-item.list-group-inv.list-group-inv-primary:not(.active) {
            background-color: #007D88;
            border-color: #007D88;
        }

        .list-group-item.list-group-inv.list-group-inv-info:not(.active) {
            background-color: #18DDEF;
            border-color: #18DDEF;
        }

        .list-group-item.list-group-inv.list-group-inv-success:not(.active) {
            background-color: #00D67F;
            border-color: #00D67F;
        }

        .list-group-item.list-group-inv.list-group-inv-warning:not(.active) {
            background-color: #FFC400;
            border-color: #FFC400;
        }

        .list-group-item.list-group-inv.list-group-inv-danger:not(.active) {
            background-color: #FF0000;
            border-color: #FF0000;
        }

        .list-group-item.list-group-inv.list-group-inv-secondary:not(.active) {
            background-color: #6f6f6f;
            border-color: #6f6f6f;
        }

.list-group-horizontal-xxl > .list-group-item:first-child,
.list-group-horizontal-xl > .list-group-item:first-child,
.list-group-horizontal-lg > .list-group-item:first-child,
.list-group-horizontal-md > .list-group-item:first-child,
.list-group-horizontal-sm > .list-group-item:first-child,
.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
}

.list-group-horizontal-xxl > .list-group-item:last-child,
.list-group-horizontal-xl > .list-group-item:last-child,
.list-group-horizontal-lg > .list-group-item:last-child,
.list-group-horizontal-md > .list-group-item:last-child,
.list-group-horizontal-sm > .list-group-item:last-child,
.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
}

.list-group.active-info .list-group-item.active {
    background-color: #18DDEF;
    border-color: #18DDEF;
}

.list-group.active-success .list-group-item.active {
    background-color: #00D67F;
    border-color: #00D67F;
}

.list-group.active-warning .list-group-item.active {
    background-color: #FFC400;
    border-color: #FFC400;
}

.list-group.active-danger .list-group-item.active {
    background-color: #FF0000;
    border-color: #FF0000;
}

.list-group.active-primary .list-group-item.active {
    background-color: #007D88;
    border-color: #007D88;
}

.list-group.active-secondary .list-group-item.active {
    background-color: #6f6f6f;
    border-color: #6f6f6f;
}

/*Google Map*/
.infowindow-wrap .infowindow-header {
    color: #262a2e;
    padding: 0 5px;
}

.infowindow-wrap .infowindow-body {
    padding: 0 .25rem;
    color: #6f6f6f;
    font-size: 1rem;
}

/*Vecotor Map*/
.jvectormap-zoomin,
.jvectormap-zoomout {
    line-height: 9px;
    background: #262a2e;
    padding: .25rem;
    width: .75rem;
    height: 13px;
    border-radius: 0;
}

.jvectormap-zoomout {
    top: 31px;
}

.jvectormap-goback {
    padding: .15rem .4rem;
    font-size: .75rem;
    background: #007D88;
    border-radius: 0.2rem;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 23px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    background: #262a2e;
    padding: .25rem;
    border-radius: .125rem;
}

    .jvectormap-legend-cnt-h .jvectormap-legend.jvectormap-legend-icons {
        color: #262a2e;
        background: #fff;
        border: #c7c7c7 1px solid;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-title {
        font-weight: 500;
        margin-bottom: 0.625rem;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
        width: 55px;
    }

        .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick .jvectormap-legend-tick-text {
            font-size: 0.75rem;
            font-weight: 500;
            text-transform: capitalize;
            margin-top: .25rem;
        }

/*Progressbar*/
.progress {
    border-radius: 0;
}

    .progress.progress-bar-rounded {
        border-radius: 50rem;
    }

        .progress.progress-bar-rounded .progress-bar {
            border-radius: 50rem;
        }

    .progress.progress-bar-xs {
        height: 5px;
    }

    .progress.progress-bar-sm {
        height: 9px;
    }

    .progress.progress-bar-md {
        height: 13px;
    }

    .progress.progress-bar-lg {
        height: 18px;
    }

    .progress.progress-bar-xl {
        height: 20px;
    }

    .progress .progress-bar {
        background-color: #007D88;
    }

        .progress .progress-bar .progress-tooltip {
            position: absolute;
            right: -20px;
            width: 50px;
            background: #262a2e;
            bottom: 25px;
            border-radius: .3rem;
            padding: .25rem .625rem;
            font-size: 0.75rem;
            height: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
        }

            .progress .progress-bar .progress-tooltip:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                bottom: -10px;
                left: -5px;
                right: 0;
                margin: auto;
                box-sizing: border-box;
                border: 0.6em solid rgba(240, 210, 210, 0.1);
                border-color: transparent transparent #262a2e #262a2e;
                transform-origin: 0 0;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

    .progress.progress-width-animated {
        overflow: visible !important;
    }

        .progress.progress-width-animated .progress-bar {
            overflow: visible !important;
            position: relative;
        }

.progress-label {
    text-transform: capitalize;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: .5rem;
}

.progress-wrap.lb-side-left .progress-lb-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .progress-wrap.lb-side-left .progress-lb-wrap .progress-label {
        display: inline-block;
        padding-right: 1rem;
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        margin-bottom: 0;
    }

    .progress-wrap.lb-side-left .progress-lb-wrap .progress {
        flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        max-width: 100%;
    }

/*Togglable*/
.hk-sidebar-togglable {
    height: 25px;
    width: 25px;
    left: -12.5px;
    border-radius: 50%;
    top: 52px;
    position: absolute;
    background: #fff;
    cursor: pointer;
    border: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    z-index: 2;
}

    .hk-sidebar-togglable:after {
        content: "\ea62";
        font-family: remixicon;
        text-rendering: auto;
    }

    .hk-sidebar-togglable.active {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .hk-sidebar-togglable.active:after {
            content: "\ea6c";
        }

/*Advance List*/
.advance-list {
    padding-left: 0;
}

    .advance-list > li {
        margin-bottom: 1.25rem;
    }

        .advance-list > li:last-child {
            margin-bottom: 0;
        }

.advance-list-item {
    padding: .5rem 1.25rem;
    min-height: 50px;
    border: 1px solid #d8d8d8;
    border-radius: 0.5rem;
    list-style: none;
    background: #fff;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .advance-list-item:hover {
        -webkit-transform: scale(1.02, 1.02);
        -moz-transform: scale(1.02, 1.02);
        -ms-transform: scale(1.02, 1.02);
        -o-transform: scale(1.02, 1.02);
        transform: scale(1.02, 1.02);
        z-index: 1;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .advance-list-item.drp-open {
        z-index: 4;
    }

/*Light Gallery*/
.lg-outer .lg-img-wrap {
    padding: 0;
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto !important;
    height: 100% !important;
}

/*Cropperjs*/
.img-container, .img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
}

.img-container {
    min-height: 200px;
    max-height: 469px;
    margin-bottom: 1rem;
}

    .img-container > img {
        max-width: 100%;
    }

.docs-preview {
    margin-right: -1rem;
}

.img-preview {
    float: left;
    margin-right: .5rem;
    margin-bottom: .5rem;
    overflow: hidden;
}

    .img-preview > img {
        max-width: 100%;
    }

.preview-lg {
    width: 255px;
    height: 143px;
}

.preview-md {
    width: 128px;
    height: 72px;
}

.preview-sm {
    width: 72px;
    height: 41px;
}

.preview-xs {
    width: 40px;
    height: 24px;
    margin-right: 0;
}

.docs-data > .input-group {
    margin-bottom: .5rem;
}

    .docs-data > .input-group > label {
        min-width: 80px;
    }

.docs-buttons > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-buttons > .hopscotch-nav-button, .docs-buttons > .btn-group, .docs-buttons > .form-control, .docs-buttons > .form-select, .wizard > .content > .body .docs-buttons > input, .docs-buttons > .dd-handle {
    margin-right: .25rem;
    margin-bottom: .5rem;
}

.docs-toggles > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-toggles > .hopscotch-nav-button, .docs-toggles > .btn-group, .docs-toggles > .dropdown {
    margin-bottom: .5rem;
}

.docs-tooltip {
    display: block;
    margin: -0.5rem -0.75rem;
    padding: .5rem .75rem;
}

.docs-aspect-ratios, .docs-view-modes {
    width: 100%;
}

    .docs-aspect-ratios > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-aspect-ratios > .hopscotch-nav-button {
        width: 20%;
    }

    .docs-view-modes > .btn, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .docs-view-modes > .hopscotch-nav-button {
        width: 25%;
    }

.docs-options .dropdown-menu, .docs-options .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .docs-options .apexcharts-menu {
    width: 100%;
}

    .docs-options .dropdown-menu > li, .docs-options .apexcharts-toolbar .apexcharts-menu > li, .apexcharts-toolbar .docs-options .apexcharts-menu > li {
        padding: .25rem 1rem;
    }

        .docs-options .dropdown-menu > li:hover, .docs-options .apexcharts-toolbar .apexcharts-menu > li:hover, .apexcharts-toolbar .docs-options .apexcharts-menu > li:hover {
            background-color: #f7f7f7;
        }

        .docs-options .dropdown-menu > li > label, .docs-options .apexcharts-toolbar .apexcharts-menu > li > label, .apexcharts-toolbar .docs-options .apexcharts-menu > li > label {
            margin-bottom: 0;
        }

.docs-cropped .modal-body {
    text-align: center;
}

    .docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas {
        max-width: 100%;
    }

.common-credits > li {
    display: block;
    margin-bottom: 1rem;
}

    .common-credits > li:last-child {
        margin-bottom: 0;
    }

/*Bootstrap TimeOut*/
#session-timeout-dialog .modal-header {
    background: #FF0000;
}

    #session-timeout-dialog .modal-header .modal-title {
        color: #fff;
    }

    #session-timeout-dialog .modal-header button.btn-close {
        color: #fff;
    }

#session-timeout-dialog .modal-body p.mb-10 {
    font-size: 1.1rem;
}

#session-timeout-dialog .modal-body .countdown-holder {
    color: #FF0000;
}

#session-timeout-dialog .modal-body .progress {
    margin-top: 1.25rem;
}

#session-timeout-dialog .modal-footer {
    border-top: none;
}

/*Hopscotch*/
div.hopscotch-bubble {
    border: none;
    box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-family: var(--bs-body-font-family);
}

    div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
        display: none;
    }

    div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content {
        margin: 0;
    }

    div.hopscotch-bubble .hopscotch-bubble-container h3 {
        color: #262a2e;
        font-family: var(--bs-body-font-family);
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.2;
        margin: -1px 16px 4px 0;
        padding: 0;
    }

    div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-content {
        color: #6f6f6f;
        font-family: var(--bs-body-font-family);
        line-height: inherit;
        margin: .5rem 0;
        font-weight: inherit;
        padding: 0;
    }

    div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions {
        margin: 1.25rem 0 0;
    }

        div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
            outline: none;
            background-image: none;
            font-weight: 400;
            margin: 0;
            overflow: visible;
            text-decoration: none !important;
            width: auto;
            height: auto;
            line-height: inherit;
            text-shadow: none;
        }

            div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:focus, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:active, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover {
                box-shadow: none !important;
            }

            div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {
                margin-right: .625rem;
            }

    div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close {
        text-shadow: none;
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        text-rendering: auto;
        outline: none;
        color: #262a2e;
        background: transparent;
        webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: inherit;
        width: auto;
        height: auto;
        font-size: 0;
        z-index: 1;
        opacity: .6;
        right: 3px;
    }

        div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close:before {
            content: "\f136";
            font-size: 1.125rem;
        }

        div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close:hover {
            opacity: 1;
        }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
        top: 2px;
        left: 32px;
    }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
        bottom: -32px;
        left: 4px;
    }

        div.hopscotch-bubble .hopscotch-bubble-arrow-container.down:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
        top: 30px;
        right: -32px;
    }

        div.hopscotch-bubble .hopscotch-bubble-arrow-container.right:after {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg);
        }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
        top: 10px;
        left: 2px;
    }

        div.hopscotch-bubble .hopscotch-bubble-arrow-container.left:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border,
    div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow {
        display: none;
    }

    div.hopscotch-bubble .hopscotch-bubble-arrow-container:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: 0;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border: 0.6em solid rgba(0, 0, 0, 0.1);
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        box-shadow: -2px 2px 16px rgba(0, 0, 0, 0.05);
    }

    div.hopscotch-bubble.animated {
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
    }

    div.hopscotch-bubble.tour-hopscotch-dark {
        background: #00585f;
    }

        div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container h3 {
            color: #fff;
        }

        div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-content {
            color: #fff;
        }

        div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button.prev {
            margin-right: .625rem;
        }

        div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-container .hopscotch-bubble-close {
            outline: none;
            color: #fff;
        }

        div.hopscotch-bubble.tour-hopscotch-dark .hopscotch-bubble-arrow-container::after {
            border-color: transparent transparent #00585f #00585f;
        }

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

div.hopscotch-bubble.fade-in-up {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

div.hopscotch-bubble.fade-in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

div.hopscotch-bubble.fade-in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

div.hopscotch-bubble.fade-in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@media (max-width: 1199px) {
    div.hopscotch-bubble {
        display: none;
    }
}
/*Rating*/
.rating .jq-star {
    width: 1rem !important;
    height: 1rem !important;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    margin-right: .25rem;
}

    .rating .jq-star:last-child {
        margin-right: 0;
    }

    .rating .jq-star polygon[class^="svg-empty"] {
        fill: #eaeaea;
    }

    .rating .jq-star polygon[class^="svg-hovered"], .rating .jq-star polygon[class^="svg-rated"], .rating .jq-star polygon[class^="svg-active"] {
        fill: #007D88;
    }

    .rating .jq-star .jq-star-svg {
        width: 100%;
        height: 100%;
    }

.rating.rating-yellow .jq-star polygon[class^="svg-hovered"], .rating.rating-yellow .jq-star polygon[class^="svg-rated"], .rating.rating-yellow .jq-star polygon[class^="svg-active"] {
    fill: #FFC400;
}

.rating.rating-progressive[data-rating="1"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="1"] .jq-star polygon[class^="svg-active"] {
    fill: #FF0000;
}

.rating.rating-progressive[data-rating="2"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="2"] .jq-star polygon[class^="svg-active"] {
    fill: #ffd23d;
}

.rating.rating-progressive[data-rating="3"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="3"] .jq-star polygon[class^="svg-active"] {
    fill: #FFC400;
}

.rating.rating-progressive[data-rating="4"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="4"] .jq-star polygon[class^="svg-active"] {
    fill: #3de09e;
}

.rating.rating-progressive[data-rating="5"] .jq-star polygon[class^="svg-rated"], .rating.rating-progressive[data-rating="5"] .jq-star polygon[class^="svg-active"] {
    fill: #00D67F;
}

.rating.rating-progressive.rating-level-1 .jq-star polygon[class^="svg-hovered"] {
    fill: #FF0000;
}

.rating.rating-progressive.rating-level-2 .jq-star polygon[class^="svg-hovered"] {
    fill: #ffd23d;
}

.rating.rating-progressive.rating-level-3 .jq-star polygon[class^="svg-hovered"] {
    fill: #FFC400;
}

.rating.rating-progressive.rating-level-4 .jq-star polygon[class^="svg-hovered"] {
    fill: #3de09e;
}

.rating.rating-progressive.rating-level-5 .jq-star polygon[class^="svg-hovered"] {
    fill: #00D67F;
}

.rating.rating-lg .jq-star {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.rating.rating-xl .jq-star {
    width: 2rem !important;
    height: 2rem !important;
}

/*Tinyemce*/
.editable {
    outline: none;
}

.tox.tox-tinymce {
    z-index: 11;
}

/*Chips*/
.chip {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .chip > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        position: relative;
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: .5rem;
        color: #262a2e;
    }

    .chip .chip-text {
        pointer-events: none;
    }

    .chip input {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
    }

        .chip input + span {
            pointer-events: none;
        }

    .chip.chip-primary > span {
        background-color: #ebf5f5;
        border: 1px solid #ebf5f5;
        color: #007D88;
    }

    .chip.chip-primary:hover input + span {
        border-color: #c7e2e5;
        background-color: #c7e2e5;
    }

    .chip.chip-primary input:checked + span {
        color: #fff;
        border-color: #007D88;
        background-color: #007D88;
    }

    .chip.chip-secondary > span {
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
        color: #262a2e;
    }

    .chip.chip-secondary:hover input + span {
        border-color: #eaeaea;
        background-color: #eaeaea;
    }

    .chip.chip-secondary input:checked + span {
        color: #fff;
        border-color: #262a2e;
        background-color: #262a2e;
    }

    .chip.chip-outline-primary > span {
        background: transparent;
        border: 1px solid #99cbcf;
        color: #007D88;
    }

    .chip.chip-outline-primary:hover input + span {
        border-color: #007D88;
    }

    .chip.chip-outline-primary input:checked + span {
        color: #fff;
        border-color: #007D88;
        background-color: #007D88;
    }

    .chip.chip-outline-secondary > span {
        background: transparent;
        border: 1px solid #b5b5b5;
        color: #262a2e;
    }

    .chip.chip-outline-secondary:hover input + span {
        border-color: #262a2e;
    }

    .chip.chip-outline-secondary input:checked + span {
        color: #fff;
        border-color: #262a2e;
        background-color: #262a2e;
    }

    .chip.chip-wth-icon > span i, .chip.chip-wth-icon > span .feather-icon, .chip.chip-wth-icon > span .svg-icon {
        font-size: 1rem;
        line-height: 1;
        margin-right: 0.5rem;
        display: flex;
    }

        .chip.chip-wth-icon > span .feather-icon > svg,
        .chip.chip-wth-icon > span .svg-icon > svg {
            height: 1em;
            width: 1em;
        }

    .chip.chip-ticked > span:before {
        font: normal normal normal 0/1 'Material-Design-Iconic-Font';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f26b";
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .chip.chip-ticked > span .chip-text {
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .chip.chip-ticked input:checked + span:before {
        font-size: 1rem;
    }

    .chip.chip-ticked input:checked + span .chip-text {
        margin-left: 0.5rem;
    }

    .chip.chip-dismissable .btn-close {
        margin-left: 0.5rem;
        color: inherit !important;
    }

    .chip.chip-pill > span {
        border-radius: 50rem;
    }

    .chip.chip-disabled {
        cursor: not-allowed;
    }

        .chip.chip-disabled input {
            pointer-events: none;
        }

        .chip.chip-disabled > span {
            border-color: #f7f7f7 !important;
            background-color: #f7f7f7 !important;
            color: #b5b5b5 !important;
        }

            .chip.chip-disabled > span .btn-close {
                color: #b5b5b5 !important;
                pointer-events: none;
            }

    .chip.user-chip > span {
        border-radius: 50rem;
    }

        .chip.user-chip > span .avatar {
            height: 100%;
            width: auto;
            padding: 0.2rem;
            position: absolute;
            left: 0;
        }

            .chip.user-chip > span .avatar img {
                border-radius: 50%;
            }

        .chip.user-chip > span .chip-text {
            margin-left: 1.375rem;
        }

    .chip.chip-lg > span {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }

    .chip.chip-lg.chip-wth-icon > span i, .chip.chip-lg.chip-wth-icon > span svg {
        font-size: 1.125rem;
    }

    .chip.chip-lg.chip-ticked input:checked + span:before {
        font-size: 1.25rem;
    }

    .chip.chip-lg.user-chip > span .chip-text {
        margin-left: 1.875rem;
    }

.tag-input {
    border: none;
    outline: none;
}

.tags-container .hk-chip {
    margin-right: .625rem;
    margin-bottom: .625rem;
}

/*Playlist widget*/
.hk-playlist-wrap .media {
    cursor: pointer;
}

    .hk-playlist-wrap .media .media-body .song-name {
        color: #262a2e;
    }

    .hk-playlist-wrap .media .media-body .palyer-action-wrap .volume-ctrl {
        opacity: 0;
        -webkit-transition: 0.15 ease-in-out;
        -moz-transition: 0.15 ease-in-out;
        transition: 0.15 ease-in-out;
    }

    .hk-playlist-wrap .media.active .media-body .song-name {
        color: #007D88;
    }

    .hk-playlist-wrap .media.active .media-body .palyer-action-wrap .volume-ctrl {
        opacity: 1;
    }

/*Ribbons*/
.hk-ribbon-type-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 20px;
    background: #007D88;
    color: #fff;
    padding: .25rem .75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    min-height: 26px;
    top: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .hk-ribbon-type-1 > span {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .hk-ribbon-type-1.ribbon-wth-flag:before {
        background-color: transparent;
        top: 0;
        bottom: 0;
        content: "";
        position: absolute;
        border-top: 13px solid #007D88;
        border-bottom: 13px solid #007D88;
        border-right: 13px solid #007D88;
        border-left: 0.6rem solid transparent !important;
        left: -14px;
    }

    .hk-ribbon-type-1.ribbon-wth-flag:after {
        background-color: transparent;
        border: 13px solid #007D88;
        top: 0;
        bottom: 0;
        content: "";
        position: absolute;
        right: -14px;
        border-top: 13px solid #007D88;
        border-bottom: 13px solid #007D88;
        border-left: 13px solid #007D88;
        border-right: 0.6rem solid transparent !important;
    }

    .hk-ribbon-type-1.overhead-start {
        left: 14px;
    }

        .hk-ribbon-type-1.overhead-start.ribbon-wth-flag {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

            .hk-ribbon-type-1.overhead-start.ribbon-wth-flag:before {
                display: none;
            }

    .hk-ribbon-type-1.overhead-end {
        right: 14px;
        left: auto;
    }

        .hk-ribbon-type-1.overhead-end.ribbon-wth-flag {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

            .hk-ribbon-type-1.overhead-end.ribbon-wth-flag:after {
                display: none;
            }

    .hk-ribbon-type-1.overhead-center {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        right: auto;
    }

        .hk-ribbon-type-1.overhead-center.ribbon-wth-flag {
            border-radius: 0;
        }

    .hk-ribbon-type-1.start-over {
        left: -14px;
        top: 14px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .hk-ribbon-type-1.start-over.ribbon-wth-flag {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

            .hk-ribbon-type-1.start-over.ribbon-wth-flag:before {
                display: none;
            }

    .hk-ribbon-type-1.end-over {
        right: -14px;
        left: auto;
        top: 14px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .hk-ribbon-type-1.end-over.ribbon-wth-flag {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

            .hk-ribbon-type-1.end-over.ribbon-wth-flag:after {
                display: none;
            }

    .hk-ribbon-type-1.start-touch {
        left: 0;
        top: 14px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .hk-ribbon-type-1.start-touch.ribbon-wth-flag {
            border-radius: 0;
        }

            .hk-ribbon-type-1.start-touch.ribbon-wth-flag:before {
                display: none;
            }

    .hk-ribbon-type-1.end-touch {
        right: 0;
        left: auto;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        top: 14px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .hk-ribbon-type-1.end-touch.ribbon-wth-flag {
            border-radius: 0;
        }

            .hk-ribbon-type-1.end-touch.ribbon-wth-flag:after {
                display: none;
            }

    .hk-ribbon-type-1.ribbon-square {
        border-radius: 0;
    }

    .hk-ribbon-type-1.ribbon-wth-icon > span > * {
        font-size: 1.125rem;
        margin-right: .25rem;
    }

    .hk-ribbon-type-1.hk-ribbon-uppercase {
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
    }

    .hk-ribbon-type-1.hk-ribbon-blue {
        background: #298DFF;
    }

        .hk-ribbon-type-1.hk-ribbon-blue.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-blue.ribbon-wth-flag:after {
            border-color: #298DFF;
        }

    .hk-ribbon-type-1.hk-ribbon-primary {
        background: #007D88;
    }

        .hk-ribbon-type-1.hk-ribbon-primary.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-primary.ribbon-wth-flag:after {
            border-color: #007D88;
        }

    .hk-ribbon-type-1.hk-ribbon-info {
        background: #18DDEF;
    }

        .hk-ribbon-type-1.hk-ribbon-info.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-info.ribbon-wth-flag:after {
            border-color: #18DDEF;
        }

    .hk-ribbon-type-1.hk-ribbon-cyan {
        background: #18DDEF;
    }

        .hk-ribbon-type-1.hk-ribbon-cyan.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-cyan.ribbon-wth-flag:after {
            border-color: #18DDEF;
        }

    .hk-ribbon-type-1.hk-ribbon-green {
        background: #00D67F;
    }

        .hk-ribbon-type-1.hk-ribbon-green.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-green.ribbon-wth-flag:after {
            border-color: #00D67F;
        }

    .hk-ribbon-type-1.hk-ribbon-success {
        background: #00D67F;
    }

        .hk-ribbon-type-1.hk-ribbon-success.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-success.ribbon-wth-flag:after {
            border-color: #00D67F;
        }

    .hk-ribbon-type-1.hk-ribbon-red {
        background: #FF0000;
    }

        .hk-ribbon-type-1.hk-ribbon-red.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-red.ribbon-wth-flag:after {
            border-color: #FF0000;
        }

    .hk-ribbon-type-1.hk-ribbon-danger {
        background: #FF0000;
    }

        .hk-ribbon-type-1.hk-ribbon-danger.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-danger.ribbon-wth-flag:after {
            border-color: #FF0000;
        }

    .hk-ribbon-type-1.hk-ribbon-yellow {
        background: #FFC400;
    }

        .hk-ribbon-type-1.hk-ribbon-yellow.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-yellow.ribbon-wth-flag:after {
            border-color: #FFC400;
        }

    .hk-ribbon-type-1.hk-ribbon-warning {
        background: #FFC400;
    }

        .hk-ribbon-type-1.hk-ribbon-warning.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-warning.ribbon-wth-flag:after {
            border-color: #FFC400;
        }

    .hk-ribbon-type-1.hk-ribbon-sky {
        background: #00B0FF;
    }

        .hk-ribbon-type-1.hk-ribbon-sky.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-sky.ribbon-wth-flag:after {
            border-color: #00B0FF;
        }

    .hk-ribbon-type-1.hk-ribbon-pink {
        background: #E92990;
    }

        .hk-ribbon-type-1.hk-ribbon-pink.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-pink.ribbon-wth-flag:after {
            border-color: #E92990;
        }

    .hk-ribbon-type-1.hk-ribbon-purple {
        background: #C02FF3;
    }

        .hk-ribbon-type-1.hk-ribbon-purple.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-purple.ribbon-wth-flag:after {
            border-color: #C02FF3;
        }

    .hk-ribbon-type-1.hk-ribbon-violet {
        background: #7429F8;
    }

        .hk-ribbon-type-1.hk-ribbon-violet.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-violet.ribbon-wth-flag:after {
            border-color: #7429F8;
        }

    .hk-ribbon-type-1.hk-ribbon-indigo {
        background: #0069F7;
    }

        .hk-ribbon-type-1.hk-ribbon-indigo.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-indigo.ribbon-wth-flag:after {
            border-color: #0069F7;
        }

    .hk-ribbon-type-1.hk-ribbon-teal {
        background: #007D88;
    }

        .hk-ribbon-type-1.hk-ribbon-teal.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-teal.ribbon-wth-flag:after {
            border-color: #007D88;
        }

    .hk-ribbon-type-1.hk-ribbon-neon {
        background: #81E230;
    }

        .hk-ribbon-type-1.hk-ribbon-neon.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-neon.ribbon-wth-flag:after {
            border-color: #81E230;
        }

    .hk-ribbon-type-1.hk-ribbon-lime {
        background: #C2E939;
    }

        .hk-ribbon-type-1.hk-ribbon-lime.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-lime.ribbon-wth-flag:after {
            border-color: #C2E939;
        }

    .hk-ribbon-type-1.hk-ribbon-sun {
        color: #262a2e;
        background: #FFEA00;
    }

        .hk-ribbon-type-1.hk-ribbon-sun.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-sun.ribbon-wth-flag:after {
            border-color: #FFEA00;
        }

    .hk-ribbon-type-1.hk-ribbon-orange {
        background: #FF9100;
    }

        .hk-ribbon-type-1.hk-ribbon-orange.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-orange.ribbon-wth-flag:after {
            border-color: #FF9100;
        }

    .hk-ribbon-type-1.hk-ribbon-pumpkin {
        background: #FF5700;
    }

        .hk-ribbon-type-1.hk-ribbon-pumpkin.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-pumpkin.ribbon-wth-flag:after {
            border-color: #FF5700;
        }

    .hk-ribbon-type-1.hk-ribbon-brown {
        background: #954D15;
    }

        .hk-ribbon-type-1.hk-ribbon-brown.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-brown.ribbon-wth-flag:after {
            border-color: #954D15;
        }

    .hk-ribbon-type-1.hk-ribbon-gold {
        background: #C39749;
    }

        .hk-ribbon-type-1.hk-ribbon-gold.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-gold.ribbon-wth-flag:after {
            border-color: #C39749;
        }

    .hk-ribbon-type-1.hk-ribbon-smoke {
        background: #5e7d8a;
    }

        .hk-ribbon-type-1.hk-ribbon-smoke.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-smoke.ribbon-wth-flag:after {
            border-color: #5e7d8a;
        }

    .hk-ribbon-type-1.hk-ribbon-grey {
        background: #9e9e9e;
    }

        .hk-ribbon-type-1.hk-ribbon-grey.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-grey.ribbon-wth-flag:after {
            border-color: #9e9e9e;
        }

    .hk-ribbon-type-1.hk-ribbon-secondary {
        background: #6f6f6f;
    }

        .hk-ribbon-type-1.hk-ribbon-secondary.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-secondary.ribbon-wth-flag:after {
            border-color: #6f6f6f;
        }

    .hk-ribbon-type-1.hk-ribbon-light {
        background: #eaeaea;
        color: #262a2e;
    }

        .hk-ribbon-type-1.hk-ribbon-light.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-light.ribbon-wth-flag:after {
            border-color: #eaeaea;
        }

    .hk-ribbon-type-1.hk-ribbon-dark {
        background: #262a2e;
    }

        .hk-ribbon-type-1.hk-ribbon-dark.ribbon-wth-flag:before, .hk-ribbon-type-1.hk-ribbon-dark.ribbon-wth-flag:after {
            border-color: #262a2e;
        }

.hk-ribbon-type-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 20px;
    background: #007D88;
    color: #fff;
    padding: .25rem .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    top: -8px;
    height: 39px;
    width: 34px;
    text-align: center;
}

    .hk-ribbon-type-2 > span {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
        font-size: 1.25rem;
    }

    .hk-ribbon-type-2:after {
        background-color: transparent;
        border-top: 17px solid #007D88;
        border-right: 17px solid #007D88;
        border-left: 17px solid #007D88;
        border-bottom: 0.6rem solid transparent !important;
        bottom: -10px;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
    }

    .hk-ribbon-type-2.overhead-start {
        left: 20px;
    }

    .hk-ribbon-type-2.overhead-end {
        right: 20px;
        left: auto;
    }

    .hk-ribbon-type-2.overhead-center {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        right: auto;
    }

    .hk-ribbon-type-2.top-touch {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: 0;
    }

        .hk-ribbon-type-2.top-touch.overhead-center {
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }

    .hk-ribbon-type-2.hk-ribbon-blue {
        background: #298DFF;
    }

        .hk-ribbon-type-2.hk-ribbon-blue:after {
            border-color: #298DFF;
        }

    .hk-ribbon-type-2.hk-ribbon-primary {
        background: #007D88;
    }

        .hk-ribbon-type-2.hk-ribbon-primary:after {
            border-color: #007D88;
        }

    .hk-ribbon-type-2.hk-ribbon-cyan {
        background: #18DDEF;
    }

        .hk-ribbon-type-2.hk-ribbon-cyan:before, .hk-ribbon-type-2.hk-ribbon-cyan:after {
            border-color: #18DDEF;
        }

    .hk-ribbon-type-2.hk-ribbon-info {
        background: #18DDEF;
    }

        .hk-ribbon-type-2.hk-ribbon-info:before, .hk-ribbon-type-2.hk-ribbon-info:after {
            border-color: #18DDEF;
        }

    .hk-ribbon-type-2.hk-ribbon-green {
        background: #00D67F;
    }

        .hk-ribbon-type-2.hk-ribbon-green:before, .hk-ribbon-type-2.hk-ribbon-green:after {
            border-color: #00D67F;
        }

    .hk-ribbon-type-2.hk-ribbon-success {
        background: #00D67F;
    }

        .hk-ribbon-type-2.hk-ribbon-success:before, .hk-ribbon-type-2.hk-ribbon-success:after {
            border-color: #00D67F;
        }

    .hk-ribbon-type-2.hk-ribbon-red {
        background: #FF0000;
    }

        .hk-ribbon-type-2.hk-ribbon-red:before, .hk-ribbon-type-2.hk-ribbon-red:after {
            border-color: #FF0000;
        }

    .hk-ribbon-type-2.hk-ribbon-danger {
        background: #FF0000;
    }

        .hk-ribbon-type-2.hk-ribbon-danger:before, .hk-ribbon-type-2.hk-ribbon-danger:after {
            border-color: #FF0000;
        }

    .hk-ribbon-type-2.hk-ribbon-yellow {
        background: #FFC400;
    }

        .hk-ribbon-type-2.hk-ribbon-yellow:before, .hk-ribbon-type-2.hk-ribbon-yellow:after {
            border-color: #FFC400;
        }

    .hk-ribbon-type-2.hk-ribbon-warning {
        background: #FFC400;
    }

        .hk-ribbon-type-2.hk-ribbon-warning:before, .hk-ribbon-type-2.hk-ribbon-warning:after {
            border-color: #FFC400;
        }

    .hk-ribbon-type-2.hk-ribbon-sky {
        background: #00B0FF;
    }

        .hk-ribbon-type-2.hk-ribbon-sky:before, .hk-ribbon-type-2.hk-ribbon-sky:after {
            border-color: #00B0FF;
        }

    .hk-ribbon-type-2.hk-ribbon-pink {
        background: #E92990;
    }

        .hk-ribbon-type-2.hk-ribbon-pink:before, .hk-ribbon-type-2.hk-ribbon-pink:after {
            border-color: #E92990;
        }

    .hk-ribbon-type-2.hk-ribbon-purple {
        background: #C02FF3;
    }

        .hk-ribbon-type-2.hk-ribbon-purple:before, .hk-ribbon-type-2.hk-ribbon-purple:after {
            border-color: #C02FF3;
        }

    .hk-ribbon-type-2.hk-ribbon-violet {
        background: #7429F8;
    }

        .hk-ribbon-type-2.hk-ribbon-violet:before, .hk-ribbon-type-2.hk-ribbon-violet:after {
            border-color: #7429F8;
        }

    .hk-ribbon-type-2.hk-ribbon-indigo {
        background: #0069F7;
    }

        .hk-ribbon-type-2.hk-ribbon-indigo:before, .hk-ribbon-type-2.hk-ribbon-indigo:after {
            border-color: #0069F7;
        }

    .hk-ribbon-type-2.hk-ribbon-teal {
        background: #007D88;
    }

        .hk-ribbon-type-2.hk-ribbon-teal:before, .hk-ribbon-type-2.hk-ribbon-teal:after {
            border-color: #007D88;
        }

    .hk-ribbon-type-2.hk-ribbon-neon {
        background: #81E230;
    }

        .hk-ribbon-type-2.hk-ribbon-neon:before, .hk-ribbon-type-2.hk-ribbon-neon:after {
            border-color: #81E230;
        }

    .hk-ribbon-type-2.hk-ribbon-lime {
        background: #C2E939;
    }

        .hk-ribbon-type-2.hk-ribbon-lime:before, .hk-ribbon-type-2.hk-ribbon-lime:after {
            border-color: #C2E939;
        }

    .hk-ribbon-type-2.hk-ribbon-sun {
        background: #FFEA00;
        color: #262a2e;
    }

        .hk-ribbon-type-2.hk-ribbon-sun:before, .hk-ribbon-type-2.hk-ribbon-sun:after {
            border-color: #FFEA00;
        }

    .hk-ribbon-type-2.hk-ribbon-orange {
        background: #FF9100;
    }

        .hk-ribbon-type-2.hk-ribbon-orange:before, .hk-ribbon-type-2.hk-ribbon-orange:after {
            border-color: #FF9100;
        }

    .hk-ribbon-type-2.hk-ribbon-pumpkin {
        background: #FF5700;
    }

        .hk-ribbon-type-2.hk-ribbon-pumpkin:before, .hk-ribbon-type-2.hk-ribbon-pumpkin:after {
            border-color: #FF5700;
        }

    .hk-ribbon-type-2.hk-ribbon-brown {
        background: #954D15;
    }

        .hk-ribbon-type-2.hk-ribbon-brown:before, .hk-ribbon-type-2.hk-ribbon-brown:after {
            border-color: #954D15;
        }

    .hk-ribbon-type-2.hk-ribbon-gold {
        background: #C39749;
    }

        .hk-ribbon-type-2.hk-ribbon-gold:before, .hk-ribbon-type-2.hk-ribbon-gold:after {
            border-color: #C39749;
        }

    .hk-ribbon-type-2.hk-ribbon-smoke {
        background: #5e7d8a;
    }

        .hk-ribbon-type-2.hk-ribbon-smoke:before, .hk-ribbon-type-2.hk-ribbon-smoke:after {
            border-color: #5e7d8a;
        }

    .hk-ribbon-type-2.hk-ribbon-grey {
        background: #9e9e9e;
    }

        .hk-ribbon-type-2.hk-ribbon-grey:before, .hk-ribbon-type-2.hk-ribbon-grey:after {
            border-color: #9e9e9e;
        }

    .hk-ribbon-type-2.hk-ribbon-secondary {
        background: #6f6f6f;
    }

        .hk-ribbon-type-2.hk-ribbon-secondary:before, .hk-ribbon-type-2.hk-ribbon-secondary:after {
            border-color: #6f6f6f;
        }

    .hk-ribbon-type-2.hk-ribbon-light {
        background: #eaeaea;
        color: #262a2e;
    }

        .hk-ribbon-type-2.hk-ribbon-light:before, .hk-ribbon-type-2.hk-ribbon-light:after {
            border-color: #eaeaea;
        }

    .hk-ribbon-type-2.hk-ribbon-dark {
        background: #262a2e;
    }

        .hk-ribbon-type-2.hk-ribbon-dark:before, .hk-ribbon-type-2.hk-ribbon-dark:after {
            border-color: #262a2e;
        }

/*Advance Badges*/
.badge-icon {
    width: 4rem;
    height: 4.313rem;
    font-size: 2.25rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .badge-icon > svg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

    .badge-icon .badge-icon-wrap {
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        height: 100%;
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .badge-icon.badge-icon-lg {
        width: 6rem;
        height: 6.031rem;
        font-size: 3.25rem;
    }

    .badge-icon.badge-icon-md {
        width: 5rem;
        height: 5.031rem;
        font-size: 2.75rem;
    }

    .badge-icon.badge-icon-sm {
        width: 3rem;
        height: 3.313rem;
        font-size: 1.75rem;
    }

    .badge-icon.badge-icon-xs {
        width: 2rem;
        height: 2.313rem;
        font-size: 1.25rem;
    }

    .badge-icon.badge-icon-xxs {
        width: 1.5rem;
        height: 1.813rem;
        font-size: 1rem;
    }

    .badge-icon.badge-circle {
        height: 4rem;
    }

        .badge-icon.badge-circle.badge-icon-lg {
            height: 6rem;
        }

        .badge-icon.badge-circle.badge-icon-md {
            height: 5rem;
        }

        .badge-icon.badge-circle.badge-icon-sm {
            height: 3rem;
        }

        .badge-icon.badge-circle.badge-icon-xs {
            height: 2rem;
        }

        .badge-icon.badge-circle.badge-icon-xxs {
            height: 1.5rem;
        }

    .badge-icon.badge-level {
        position: relative;
    }

        .badge-icon.badge-level > span {
            position: absolute;
            bottom: 0;
            right: 16%;
            z-index: 1;
            font-weight: 600;
            color: inherit;
            font-size: 40%;
            background: transparent;
        }

            .badge-icon.badge-level > span:before {
                content: attr(title);
                position: absolute;
                -webkit-text-stroke: 4px #fff;
                left: 0;
                z-index: -1;
            }

.avatar.custom-badge-on-avatar .badge-icon {
    font-size: inherit;
}

/*Callout*/
.callout {
    margin-bottom: 0;
}

    .callout.callout-floating {
        position: fixed;
        width: 300px;
        z-index: 1055;
        margin-bottom: 0;
    }

        .callout.callout-floating.top-end {
            top: 25px;
            right: 25px;
        }

        .callout.callout-floating.bottom-end {
            bottom: 25px;
            right: 25px;
        }

        .callout.callout-floating.top-start {
            top: 25px;
            left: 25px;
        }

        .callout.callout-floating.bottom-start {
            bottom: 25px;
            left: 25px;
        }

        .callout.callout-floating.top-center {
            top: 25px;
            left: 50%;
            width: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .callout.callout-floating.bottom-center {
            bottom: 25px;
            left: 50%;
            width: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .callout.callout-dark {
        color: #fff;
    }

        .callout.callout-dark h1, .callout.callout-dark h2, .callout.callout-dark h3, .callout.callout-dark h4, .callout.callout-dark h5, .callout.callout-dark h6, .callout.callout-dark p {
            color: inherit;
        }

/*Toolbar*/
.hk-toolbar .nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
}

    .hk-toolbar .nav .nav-item {
        height: 100%;
    }

.hk-toolbar.toolbar-asymmetric {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*Filter Component*/
.btn-filter {
    color: #6f6f6f;
    background-color: transparent;
    background-image: none;
    border-color: #f7f7f7;
}

    .btn-filter:hover, .btn-filter:focus {
        color: #6f6f6f;
        background-color: transparent;
        background-image: none;
        border-color: #f7f7f7;
    }

    .btn-filter.active {
        color: #007D88;
        background-color: #ebf5f5;
        border-color: #007D88;
        box-shadow: none !important;
    }

        .btn-filter.active:hover, .btn-filter.active:focus {
            color: #007D88;
            background-color: #ebf5f5;
            border-color: #007D88;
        }

.filter-block-wrap .filter-block.card .card-img {
    -o-object-fit: cover;
    object-fit: cover;
}

.filter-block-wrap .filter-block.card .card-img-overlay {
    background-color: rgba(38, 42, 46, var(--bs-bg-opacity));
}

.filter-block-wrap .filter-block.card input {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

    .filter-block-wrap .filter-block.card input:checked ~ .card-img-overlay {
        background-color: rgba(41, 141, 255, var(--bs-bg-opacity));
    }

/*Content sidebar*/
[data-content-sidebar="active"].aksa-wrapper .hk-pg-wrapper {
    margin-right: 17.5rem;
}

[data-content-sidebar="active"].aksa-wrapper .hk-content-sidebar {
    position: fixed;
    top: 64px;
    overflow-y: auto;
    width: 280px;
    right: 0;
    z-index: 2;
    background: #fff;
    padding-top: 1.5rem;
    border-left: 1px solid #d8d8d8;
    bottom: 0;
}

    [data-content-sidebar="active"].aksa-wrapper .hk-content-sidebar .sidebar-content-wrap {
        padding: 1.25rem;
    }

/*Fixed Footer*/
.hk-fixed-footer {
    position: fixed;
    bottom: 0;
    z-index: 1032;
    background: #fff;
    box-shadow: 1px 1px 3px 5px rgba(0, 0, 0, 0.1);
    right: 0;
    left: 0;
}

.aksa-wrapper.fixed-footer-active .hk-pg-wrapper {
    padding-bottom: 8.125rem;
}

/*Dragula*/
.gu-mirror {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 1;
}

.dragula-demo .dragula-block {
    border: 1px dotted #b5b5b5;
    border-radius: .25rem;
    padding: .625rem;
}

    .dragula-demo .dragula-block > div {
        border: 1px solid #d8d8d8;
        border-radius: .25rem;
        margin: .625rem;
        padding: .625rem;
        cursor: move;
    }

/*Authantication Pages*/
.aksa-wrapper.hk-pg-auth .hk-pg-wrapper .hk-pg-body .auth-content {
    min-height: calc(100vh - 249px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.aksa-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator {
    margin: 0;
    position: relative;
}

    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator:after {
        height: 100%;
        right: 0;
    }

    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .v-separator.separator-sm:after {
        height: 70%;
    }

.aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split {
    min-height: 100vh;
}

    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content {
        min-height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        position: relative;
    }

        .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content mark {
            z-index: 1;
            color: #262a2e;
        }

            .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content mark:after {
                z-index: -1;
                background: #00D67F;
                opacity: 1;
            }

        .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link {
            font-size: 0.75rem;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: flex-end;
            -webkit-justify-content: flex-end;
        }

            .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .feather-icon, .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .svg-icon {
                margin-right: .25rem;
            }

                .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .feather-icon svg, .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .auth-content .extr-link .svg-icon svg {
                    height: 14px;
                    width: 14px;
                }

    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .credit-text {
        position: absolute;
        left: 30px;
        bottom: 30px;
        mix-blend-mode: inherit;
    }

    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .auth-split .bg-img {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 100%;
        object-fit: cover;
        height: 100%;
        z-index: -1;
    }

@media (max-width: 767px) {
    .aksa-wrapper.hk-pg-auth .hk-pg-wrapper .hk-pg-body .container-xxl .auth-content {
        min-height: auto;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .aksa-wrapper.hk-pg-auth .v-separator:after {
        display: none;
    }
}
/****************************/
/** Componets Import **/
/****************************/
/*------------------------------------------------------------------
[Header]
Project:	Jampack
-------------------------------------------------------------------*/
/*Top Nav*/
.aksa-wrapper .hk-navbar {
    border-bottom: 1px solid #eaeaea;
    height: 65px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}

    .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .dropdown-menu, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .apexcharts-menu {
        position: absolute;
    }

    .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu {
        width: 21.875rem;
    }

        .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-header, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-header, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-header {
            color: #262a2e;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            border-bottom: 1px solid #f7f7f7;
        }

        .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-body, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-body {
            height: 23.75rem;
        }

        .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-footer, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-footer, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-footer {
            border-top: 1px solid #f7f7f7;
            padding: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            color: #007D88;
            font-size: 0.875rem;
        }

        .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item {
            white-space: inherit;
            padding-top: .75rem;
            padding-bottom: .75rem;
            border-radius: .5rem;
        }

            .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-head, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-head, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-head {
                margin-right: 1rem;
            }

            .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: .25rem;
            }

                .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info > .badge, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info > .badge, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info > .badge {
                    margin-right: .625rem;
                }

                .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .dropdown-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time, .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-toolbar .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-nav .nav-item .dropdown.dropdown-notifications .apexcharts-menu .dropdown-item .media .media-body > div .notifications-info .notifications-time {
                    font-size: 0.75rem;
                    color: #6f6f6f;
                }

    .aksa-wrapper .hk-navbar .navbar-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input > span.btn-input-clear, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle > span.btn-input-clear {
            display: none;
        }

        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-suffix, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-suffix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-prefix,
        .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-prefix {
            pointer-events: none;
        }

            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-suffix > span.spinner-border, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-suffix > span.spinner-border,
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control + .input-prefix > span.spinner-border,
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select + .input-prefix > span.spinner-border,
            .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input + .input-prefix > span.spinner-border,
            .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input + .input-prefix > span.spinner-border,
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle + .input-prefix > span.spinner-border {
                display: none;
            }

        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix,
        .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix {
            border: none;
            pointer-events: auto;
        }

            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border), .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix > span:not(.btn-input-clear):not(.spinner-border),
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),
            .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),
            .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border),
            .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix > span:not(.btn-input-clear):not(.spinner-border) {
                display: none;
            }

        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-suffix > span.btn-input-clear, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-suffix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-prefix > span.btn-input-clear,
        .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-prefix > span.btn-input-clear {
            display: none !important;
        }

        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-suffix > span.spinner-border, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-suffix > span.spinner-border, .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-suffix > span.spinner-border,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-control:focus + .input-prefix > span.spinner-border,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.form-select:focus + .input-prefix > span.spinner-border,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading .wizard > .content > .body input:focus + .input-prefix > span.spinner-border,
        .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input:focus + .input-prefix > span.spinner-border,
        .aksa-wrapper .hk-navbar .navbar-search .input-search.loading input.dd-handle:focus + .input-prefix > span.spinner-border {
            display: inline;
        }

        .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu {
            width: 18rem;
        }

            .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-body, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-body {
                max-height: 19.75rem;
            }

            .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-footer, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-footer, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-footer {
                border-top: 1px solid #f7f7f7;
                padding: 1rem;
                justify-content: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                color: #007D88;
                font-size: 0.875rem;
            }

            .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-item, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-item, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-item {
                white-space: inherit;
            }

    .aksa-wrapper .hk-navbar .nav-start-wrap,
    .aksa-wrapper .hk-navbar .nav-end-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .aksa-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,
        .aksa-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .aksa-wrapper .hk-navbar .navbar-brand .brand-img:last-child {
        margin-left: 0.5rem;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .hk-navbar {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    overflow: hidden;
}

.aksa-wrapper[data-navbar-style="collapsed"] .hk-pg-wrapper {
    padding-top: 0;
}

@media (min-width: 992px) {
    .aksa-wrapper .hk-navbar {
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        transition: 0.2s ease;
    }
}

@media (min-width: 1200px) {
    .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle {
        width: 18rem;
    }

        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-suffix > span.btn-input-clear, .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-suffix > span.btn-input-clear, .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-suffix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-control:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.form-select:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search .wizard > .content > .body input:focus + .input-prefix > span.btn-input-clear,
        .wizard > .content > .body .aksa-wrapper .hk-navbar .navbar-search .input-search input:focus + .input-prefix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .input-search input.dd-handle:focus + .input-prefix > span.btn-input-clear {
            display: inline !important;
        }

    .aksa-wrapper .hk-navbar .nav-start-wrap,
    .aksa-wrapper .hk-navbar .nav-end-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .aksa-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,
        .aksa-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .aksa-wrapper[data-navbar-style="collapsed"][data-layout="horizontal"] .hk-pg-wrapper {
        padding-top: 65px;
    }

    .aksa-wrapper[data-navbar-style="collapsed"][data-layout="horizontal"][data-layout-style="default"] .hk-menu {
        top: 0;
    }
}

@media (max-width: 1199px) {
    .aksa-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-suffix,
    .aksa-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-prefix {
        pointer-events: auto !important;
    }

        .aksa-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-suffix > span.btn-input-clear,
        .aksa-wrapper .hk-navbar .navbar-search .mobile-search .input-search .input-prefix > span.btn-input-clear {
            display: inline !important;
        }

    .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .aksa-wrapper .hk-navbar .navbar-search .dropdown-menu .dropdown-body, .aksa-wrapper .hk-navbar .navbar-search .apexcharts-toolbar .apexcharts-menu .dropdown-body, .apexcharts-toolbar .aksa-wrapper .hk-navbar .navbar-search .apexcharts-menu .dropdown-body {
            max-height: calc(100% - 55px);
        }
}
/*------------------------------------------------------------------
[Footer]
Project:	Jampack
-------------------------------------------------------------------*/
/*Footer*/
[data-footer="simple"].aksa-wrapper .hk-pg-wrapper, .footer-simple-example.aksa-wrapper .hk-pg-wrapper {
    padding-bottom: 120px;
}

[data-footer="simple"] .hk-footer, .footer-simple-example .hk-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #eaeaea;
    background: #fff;
}

    [data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {
        height: 60px;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 22px 0;
    }

    [data-footer="simple"] .hk-footer .footer .footer-text, .footer-simple-example .hk-footer .footer .footer-text {
        font-size: 0.75rem;
    }

        [data-footer="simple"] .hk-footer .footer .footer-text a, .footer-simple-example .hk-footer .footer .footer-text a {
            color: #007D88;
        }

        [data-footer="simple"] .hk-footer .footer .footer-text .copy-text, .footer-simple-example .hk-footer .footer .footer-text .copy-text {
            padding-right: 5px;
        }

        [data-footer="simple"] .hk-footer .footer .footer-text .footer-link-sep, .footer-simple-example .hk-footer .footer .footer-text .footer-link-sep {
            padding: 0 5px;
            color: #d8d8d8;
        }

    [data-footer="simple"] .hk-footer .footer .footer-extr-link, .footer-simple-example .hk-footer .footer .footer-extr-link {
        font-size: 0.75rem;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

        [data-footer="simple"] .hk-footer .footer .footer-extr-link .feather-icon, .footer-simple-example .hk-footer .footer .footer-extr-link .feather-icon {
            margin-right: .25rem;
            color: #007D88;
        }

            [data-footer="simple"] .hk-footer .footer .footer-extr-link .feather-icon svg, .footer-simple-example .hk-footer .footer .footer-extr-link .feather-icon svg {
                height: 14px;
                width: 14px;
            }

    [data-footer="simple"] .hk-footer.footer-wth-bg, .footer-simple-example .hk-footer.footer-wth-bg {
        background: #f7f7f7;
        border-top: none;
    }

[data-footer="complex"].aksa-wrapper .hk-pg-wrapper, .footer-complex-example.aksa-wrapper .hk-pg-wrapper {
    padding-bottom: 400px;
}

[data-footer="complex"] .hk-footer, .footer-complex-example .hk-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #d8d8d8;
}

    [data-footer="complex"] .hk-footer.footer-wth-bg, .footer-complex-example .hk-footer.footer-wth-bg {
        background: #f7f7f7;
        border-top: none;
    }

    [data-footer="complex"] .hk-footer .footer, .footer-complex-example .hk-footer .footer {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        [data-footer="complex"] .hk-footer .footer > .row:last-child, .footer-complex-example .hk-footer .footer > .row:last-child {
            margin-top: 3.375rem;
            align-items: center;
        }

        [data-footer="complex"] .hk-footer .footer .footer-brand, .footer-complex-example .hk-footer .footer .footer-brand {
            display: block;
            margin-bottom: .25rem;
        }

        [data-footer="complex"] .hk-footer .footer .footer-info-text, .footer-complex-example .hk-footer .footer .footer-info-text {
            font-size: 0.875rem;
            width: 85%;
        }

        [data-footer="complex"] .hk-footer .footer .quick-links-head, .footer-complex-example .hk-footer .footer .quick-links-head {
            text-transform: uppercase;
            margin-bottom: 1rem;
            font-size: .85rem;
            font-weight: 600;
        }

        [data-footer="complex"] .hk-footer .footer .quick-links, .footer-complex-example .hk-footer .footer .quick-links {
            display: block;
            color: #262a2e;
            margin-bottom: .25rem;
            font-size: 0.875rem;
        }

            [data-footer="complex"] .hk-footer .footer .quick-links:hover, .footer-complex-example .hk-footer .footer .quick-links:hover {
                color: #262a2e;
            }

        [data-footer="complex"] .hk-footer .footer .footer-text, .footer-complex-example .hk-footer .footer .footer-text {
            font-size: 0.75rem;
        }

            [data-footer="complex"] .hk-footer .footer .footer-text a, .footer-complex-example .hk-footer .footer .footer-text a {
                color: #007D88;
            }

            [data-footer="complex"] .hk-footer .footer .footer-text .copy-text, .footer-complex-example .hk-footer .footer .footer-text .copy-text {
                padding-right: .25rem;
            }

            [data-footer="complex"] .hk-footer .footer .footer-text .footer-link-sep, .footer-complex-example .hk-footer .footer .footer-text .footer-link-sep {
                padding: 0 .25rem;
                color: #d8d8d8;
            }

        [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap {
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: flex-end;
            -webkit-justify-content: flex-end;
        }

            [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .btn, [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .btn, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button {
                margin-left: .625rem;
                flex-shrink: 0;
            }

.footer-complex-example.aksa-wrapper .hk-pg-wrapper {
    padding-bottom: 120px;
}

@media (max-width: 1400px) {
    [data-footer="complex"].aksa-wrapper .hk-pg-wrapper, .footer-complex-example.aksa-wrapper .hk-pg-wrapper {
        padding-bottom: 31.875rem;
    }

    [data-footer="complex"] .hk-footer .footer .footer-info-text, .footer-complex-example .hk-footer .footer .footer-info-text {
        width: 100%;
    }

    [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6:last-child, .footer-complex-example .hk-footer .footer > .row > .col-xl-6:last-child {
            margin-top: 2.125rem;
        }

    [data-footer="complex"] .hk-footer .footer > .row:last-child, .footer-complex-example .hk-footer .footer > .row:last-child {
        margin-top: 2.125rem;
    }
}

@media (max-width: 1199px) {
    [data-footer="simple"] .hk-footer .footer > .row, .footer-simple-example .hk-footer .footer > .row {
        height: auto;
    }

        [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4, .footer-simple-example .hk-footer .footer > .row > .col-xl-6 .col-xl-4 {
            margin-bottom: 1.875rem;
        }

            [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4:last-child, .footer-simple-example .hk-footer .footer > .row > .col-xl-6 .col-xl-4:last-child {
                margin-bottom: 0;
            }

    [data-footer="simple"] .hk-footer .footer .footer-text, .footer-simple-example .hk-footer .footer .footer-text {
        text-align: center;
        margin-bottom: .625rem;
    }

    [data-footer="simple"] .hk-footer .footer .footer-extr-link, .footer-simple-example .hk-footer .footer .footer-extr-link {
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
    }

    [data-footer="complex"].aksa-wrapper .hk-pg-wrapper, .footer-complex-example.aksa-wrapper .hk-pg-wrapper {
        padding-bottom: 34.5rem;
    }

    [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        margin-top: 1.5rem;
    }

        [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .btn:first-child, [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:first-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions [data-footer="complex"] .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button:first-child, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .btn:first-child, .footer-complex-example .hk-footer .footer .footer-social-btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:first-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .footer-complex-example .hk-footer .footer .footer-social-btn-wrap .hopscotch-nav-button:first-child {
            margin-left: 0;
        }
}

@media (max-width: 767px) {
    [data-footer="complex"].aksa-wrapper .hk-pg-wrapper, .footer-complex-example.aksa-wrapper .hk-pg-wrapper {
        padding-bottom: 63rem;
    }

    [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6 .col-md-4, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 .col-md-4 {
        margin-bottom: 1.875rem;
    }

        [data-footer="complex"] .hk-footer .footer > .row > .col-xl-6 .col-md-4:last-child, .footer-complex-example .hk-footer .footer > .row > .col-xl-6 .col-md-4:last-child {
            margin-bottom: 0;
        }
}

@media (max-width: 666px) {
    [data-footer="simple"].aksa-wrapper .hk-pg-wrapper, .footer-simple-example.aksa-wrapper .hk-pg-wrapper {
        padding-bottom: 10rem;
    }
}
/*------------------------------------------------------------------
[Nav]
Project:	Jampack
-------------------------------------------------------------------*/
/*Navbar*/
.navbar .navbar-toggler-menu,
.navbar .navbar-toggler {
    border: none;
    padding: 0;
}

.navbar .navbar-toggler-menu {
    align-self: center;
    margin-right: .625rem;
}

.navbar .navbar-brand {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.navbar.navbar-dark {
    background: #262a2e;
}

    .navbar.navbar-dark .badge.badge-indicator {
        border-color: #262a2e;
    }

    .navbar.navbar-dark .form-control, .navbar.navbar-dark .form-select, .navbar.navbar-dark .wizard > .content > .body input, .wizard > .content > .body .navbar.navbar-dark input, .navbar.navbar-dark .dd-handle {
        border-color: #fff;
        color: #fff;
    }

    .navbar.navbar-dark .input-affix-wrapper.affix-border .input-prefix, .navbar.navbar-dark .input-affix-wrapper.affix-border .input-suffix {
        border-color: #fff;
        color: #fff;
    }

    .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button {
        color: #fff;
    }

        .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:before {
            background: rgba(255, 255, 255, 0.05);
        }

        .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled).active .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:not(:disabled):not(.disabled):active .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:hover .icon, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover.hopscotch-nav-button:focus .icon {
            color: #fff;
        }

        .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.disabled, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.disabled.hopscotch-nav-button, .navbar.navbar-dark .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled, .navbar.navbar-dark div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .navbar.navbar-dark .btn-icon[class*="btn-flush-"].btn-flush-dark.hopscotch-nav-button:disabled {
            color: rgba(255, 255, 255, 0.8);
        }

.navbar.navbar-light {
    background: #fff;
}

    .navbar.navbar-light .badge.badge-indicator {
        border-color: #fff;
    }

/*Nav*/
.nav-link {
    color: #007D88;
}

    .nav-link:hover, .nav-link:focus {
        color: #3d9ca5;
    }

.nav .nav-item {
    position: relative;
}

    .nav .nav-item .nav-link.no-arrow {
        padding-right: 0.75rem !important;
    }

        .nav .nav-item .nav-link.no-arrow:after {
            display: none;
        }

    .nav .nav-item .nav-link.link-with-arrow {
        padding-right: 1.8rem !important;
        position: relative;
    }

        .nav .nav-item .nav-link.link-with-arrow:after {
            content: '\f2f9';
            font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
            font-size: 1rem;
            text-rendering: auto;
            margin-left: auto;
            position: absolute;
            right: 1rem;
            top: calc(50% - 8px);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

.nav.nav-icon > .nav-item .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

    .nav.nav-icon > .nav-item .nav-link > .nav-icon-wrap {
        margin-right: .875rem;
        font-size: 1.25rem;
        line-height: 0;
        position: relative;
    }

.nav.nav-icon.nav-icon-top > .nav-item > .nav-link {
    text-align: center;
    display: block;
}

    .nav.nav-icon.nav-icon-top > .nav-item > .nav-link > .nav-icon-wrap {
        margin-right: 0;
        margin-bottom: .5rem;
        display: block;
    }

.nav.nav-pills > .nav-item > .nav-link {
    border-radius: 0.5rem;
    margin-left: .25rem;
    margin-right: .25rem;
}

    .nav.nav-pills > .nav-item > .nav-link.active {
        background-color: #007D88 !important;
    }

        .nav.nav-pills > .nav-item > .nav-link.active.link-with-arrow:after {
            color: rgba(255, 255, 255, 0.6);
        }

        .nav.nav-pills > .nav-item > .nav-link.active:after {
            color: rgba(255, 255, 255, 0.6);
        }

.nav.nav-pills .show > .nav-link {
    background-color: transparent;
}

.nav.nav-pills.nav-pills-square > .nav-item > .nav-link {
    border-radius: 0;
}

.nav.nav-pills.nav-pills-rounded > .nav-item > .nav-link {
    border-radius: 50rem;
}

.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active {
    background-color: #ebf5f5 !important;
    color: #007D88 !important;
}

    .nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active.link-with-arrow:after {
        color: inherit;
    }

    .nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active:after {
        color: inherit;
    }

.nav.nav-pills.nav-icon.nav-icon-top > .nav-item > .nav-link {
    padding-top: .95rem;
    padding-bottom: .95rem;
}

.nav.nav-line > .nav-item > .nav-link {
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

    .nav.nav-line > .nav-item > .nav-link.active {
        border-color: #007D88 !important;
    }

.nav.nav-vertical {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

    .nav.nav-vertical .nav-item .nav-link {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        position: relative;
    }

        .nav.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {
            content: '\f2f9';
            font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
            font-size: 1rem;
            text-rendering: auto;
            margin-left: auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .nav.nav-vertical .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .nav.nav-vertical.nav-pills > .nav-item > .nav-link {
        margin: .25rem 0;
    }

    .nav.nav-vertical.nav-line > .nav-item > .nav-link {
        border-bottom: none;
        border-left: 1px solid transparent;
    }

    .nav.nav-vertical.nav-separator > .nav-item > .nav-link {
        padding: .75rem 1.5rem;
    }

    .nav.nav-vertical.nav-separator > .nav-item::after {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
        height: 1px;
        margin: 0;
    }

.nav.nav-dark .nav-link {
    color: white;
}

    .nav.nav-dark .nav-link:hover, .nav.nav-dark .nav-link:focus {
        color: rgba(255, 255, 255, 0.8);
    }

    .nav.nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, 0.3);
    }

    .nav.nav-dark .nav-link.active {
        color: #007D88;
    }

    .nav.nav-dark .nav-link:after {
        color: rgba(255, 255, 255, 0.3);
    }

    .nav.nav-dark .nav-link.link-with-arrow:after {
        color: rgba(255, 255, 255, 0.3);
    }

.nav.nav-dark .nav-item.show .nav-link {
    color: #fff;
}

.nav.nav-dark.nav-pills > .nav-item > .nav-link.active {
    color: #fff;
}

    .nav.nav-dark.nav-pills > .nav-item > .nav-link.active:hover, .nav.nav-dark.nav-pills > .nav-item > .nav-link.active:focus {
        color: #fff;
    }

.nav.nav-dark.nav-pills > .nav-item > .nav-link {
    color: #fff;
}

    .nav.nav-dark.nav-pills > .nav-item > .nav-link:hover, .nav.nav-dark.nav-pills > .nav-item > .nav-link:focus {
        background: rgba(255, 255, 255, 0.1);
    }

    .nav.nav-dark.nav-pills > .nav-item > .nav-link.disabled {
        color: rgba(255, 255, 255, 0.3);
    }

.nav.nav-dark.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {
    color: rgba(255, 255, 255, 0.3);
}

.nav.nav-dark.nav-line .nav-item.show .nav-link {
    color: #fff;
}

.nav.nav-light .nav-link {
    color: #262a2e;
}

    .nav.nav-light .nav-link:hover, .nav.nav-light .nav-link:focus {
        color: rgba(38, 42, 46, 0.8);
    }

    .nav.nav-light .nav-link.disabled {
        color: rgba(38, 42, 46, 0.3);
    }

    .nav.nav-light .nav-link.active {
        color: #007D88;
    }

    .nav.nav-light .nav-link:after {
        color: rgba(38, 42, 46, 0.3);
    }

    .nav.nav-light .nav-link.link-with-arrow:after {
        color: rgba(38, 42, 46, 0.3);
    }

.nav.nav-light .nav-item.show .nav-link {
    color: #262a2e;
}

.nav.nav-light.nav-vertical .nav-item .nav-link[data-toggle="collapse"]::after {
    color: rgba(38, 42, 46, 0.3);
}

.nav.nav-light.nav-pills > .nav-item > .nav-link.active {
    color: #fff;
}

    .nav.nav-light.nav-pills > .nav-item > .nav-link.active:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link.active:focus {
        color: #fff;
    }

.nav.nav-light.nav-pills > .nav-item > .nav-link {
    color: #262a2e;
}

    .nav.nav-light.nav-pills > .nav-item > .nav-link:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link:focus {
        background: rgba(38, 42, 46, 0.08);
    }

    .nav.nav-light.nav-pills > .nav-item > .nav-link.disabled {
        color: rgba(38, 42, 46, 0.3);
    }

.nav.nav-sm > .nav-item .nav-link > .nav-icon-wrap {
    margin-right: .875rem;
    font-size: 1rem;
}

.nav.nav-sm .nav-link {
    padding: .25rem 0.75rem;
    font-size: 0.875rem;
}

.nav-tabs {
    border-bottom: 1px solid #d8d8d8;
}

    .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-item.show .nav-link:focus,
    .nav-tabs > .nav-item > .nav-link:hover,
    .nav-tabs > .nav-item > .nav-link:focus {
        border-color: transparent;
    }

    .nav-tabs .nav-item.show .nav-link.active,
    .nav-tabs > .nav-item > .nav-link.active {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
    }

    .nav-tabs.nav-sm .nav-item.show .nav-link,
    .nav-tabs.nav-sm > .nav-item > .nav-link {
        padding: .4rem 0.75rem;
    }

    .nav-tabs .nav-item.show .nav-link {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
    }

    .nav-tabs.nav-pills {
        border-bottom: 0;
    }

        .nav-tabs.nav-pills > .nav-item {
            margin-bottom: 0;
        }

            .nav-tabs.nav-pills > .nav-item > .nav-link {
                border: none !important;
            }

    .nav-tabs.nav-light > .nav-item > .nav-link.active {
        background: #fff;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
    }

    .nav-tabs.nav-light .nav-item.show .nav-link {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
    }

    .nav-tabs.nav-dark {
        border-color: rgba(255, 255, 255, 0.1);
    }

        .nav-tabs.nav-dark > .nav-item > .nav-link.active {
            background: #fff;
            border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #fff;
        }

        .nav-tabs.nav-dark .nav-item.show .nav-link {
            border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #fff;
        }

    .nav-tabs.nav-line {
        border-bottom: 0;
    }

        .nav-tabs.nav-line > .nav-item {
            margin-bottom: 0;
        }

            .nav-tabs.nav-line > .nav-item > .nav-link {
                background: transparent;
                border-left: 0;
                border-top: 0;
                border-right: 0;
            }

                .nav-tabs.nav-line > .nav-item > .nav-link.active {
                    background: transparent;
                }

.tab-content {
    margin-top: 1rem;
}

.nav-segmented-tabs {
    display: -ms-flexbox;
    display: flex;
    border-bottom: none;
}

    .nav-segmented-tabs > .nav-item {
        margin-right: -1px;
    }

        .nav-segmented-tabs > .nav-item:first-child .nav-link {
            border-top-left-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem;
        }

        .nav-segmented-tabs > .nav-item:last-child .nav-link {
            border-top-right-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem;
        }

        .nav-segmented-tabs > .nav-item > .nav-link {
            border: 1px solid #d8d8d8 !important;
            border-radius: 0;
            text-align: center;
            background: transparent;
            height: 100%;
        }

            .nav-segmented-tabs > .nav-item > .nav-link.active {
                color: #fff !important;
                background: #007D88 !important;
                border-color: #007D88 !important;
            }

    .nav-segmented-tabs.segmented-tabs-rounded > .nav-item:first-child .nav-link {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .nav-segmented-tabs.segmented-tabs-rounded > .nav-item:last-child .nav-link {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .nav-segmented-tabs.segmented-tabs-square > .nav-item > .nav-link {
        border-radius: 0;
    }

    .nav-segmented-tabs.segmented-tabs-filled > .nav-item {
        margin-right: 0;
    }

        .nav-segmented-tabs.segmented-tabs-filled > .nav-item .nav-link {
            border: none !important;
            background: #f7f7f7;
        }

    .nav-segmented-tabs.nav-dark > .nav-item > .nav-link {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }

    .nav-segmented-tabs.nav-dark > .nav-item.show > .nav-link {
        background: transparent;
        color: white;
    }

    .nav-segmented-tabs.nav-dark.segmented-tabs-filled > .nav-item .nav-link {
        background: rgba(255, 255, 255, 0.05);
    }

.nav-header-bold {
    padding: 1.5rem 0 .5rem 0;
    width: 240px;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #007D88;
}

/*Section Nav*/
.aksa-wrapper[data-aside="fixed"] .hk-pg-wrapper {
    margin-right: 180px;
}

.aksa-wrapper[data-aside="fixed"] .hk-aside {
    position: fixed;
    top: 65px;
    overflow-y: auto;
    width: 180px;
    right: 0;
    z-index: 1;
    background: #fff;
    border-left: 1px solid #d8d8d8;
    bottom: 0;
}

    .aksa-wrapper[data-aside="fixed"] .hk-aside .nicescroll-bar {
        padding: 1.5rem;
    }

.aksa-wrapper[data-aside="sticky"] .hk-aside {
    position: sticky;
    top: 70px;
    overflow-y: auto;
    height: calc(100vh - 250px);
    z-index: 1;
    margin-top: 3rem;
}

.aksa-wrapper .nav-toc .nav-header {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #9e9e9e;
}

.aksa-wrapper .nav-toc .nav {
    margin: 1rem 0;
    font-size: .875rem;
    flex-wrap: nowrap;
    border-left: 1px solid;
    border-color: #d8d8d8;
}

    .aksa-wrapper .nav-toc .nav .nav-item {
        margin-bottom: .25rem;
    }

        .aksa-wrapper .nav-toc .nav .nav-item:last-child {
            margin-bottom: 0;
        }

        .aksa-wrapper .nav-toc .nav .nav-item a.nav-link {
            color: #262a2e;
            padding: 0 0 0 1rem;
            display: block;
            margin-left: -1px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border-left: 1px solid transparent;
        }

            .aksa-wrapper .nav-toc .nav .nav-item a.nav-link:hover, .aksa-wrapper .nav-toc .nav .nav-item a.nav-link:focus {
                color: rgba(38, 42, 46, 0.8);
            }

            .aksa-wrapper .nav-toc .nav .nav-item a.nav-link.active {
                color: #007D88;
                border-color: #007D88;
            }

@media (max-width: 767px) {
    .aksa-wrapper[data-aside="fixed"] .hk-pg-wrapper {
        margin-right: 0;
    }

    .aksa-wrapper[data-aside="fixed"] .hk-aside {
        display: none;
    }
}

.toc-wrapper .nav.nav-vertical .nav-item .nav-link {
    font-size: 0.875rem;
    padding: 0.125rem 0;
}

/*------------------------------------------------------------------
[Horizontal Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Horizontal Navigation**/
.aksa-wrapper[data-layout="horizontal"] .hk-pg-wrapper {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.aksa-wrapper[data-layout="horizontal"] .hk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 270px;
    margin-left: 0;
    z-index: 1032;
    border-right: 1px solid #eaeaea;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .aksa-wrapper[data-layout="horizontal"] .hk-menu > .nicescroll-bar {
        overflow: auto;
        flex: 1 1 auto;
    }

    .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap {
        padding: 1.5rem;
        position: relative;
    }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-header {
            padding: 0 0 .5rem 0;
            font-size: 0.875rem;
            color: #007D88;
            font-weight: 500;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .5rem 1rem;
            margin: 0 -1rem;
            white-space: nowrap;
        }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
                -webkit-transition: -webkit-transform 0.25s ease;
                -moz-transition: -moz-transform 0.25s ease;
                transition: transform 0.25s ease;
            }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: .875rem;
            }

                .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
                    font-size: 1.5rem;
                }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                position: absolute;
                right: 1rem;
                z-index: -1;
                content: '\f2f9';
                font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';
                text-rendering: auto;
                margin-left: auto;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                -o-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
                -webkit-transform: translateX(5px);
                -moz-transform: translateX(5px);
                -ms-transform: translateX(5px);
                -o-transform: translateX(5px);
                transform: translateX(5px);
            }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item > .nav-link[data-bs-toggle="collapse"]::after {
            display: none;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item .nav-children .nav-item .nav-link .nav-icon-wrap {
            display: none;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
            position: relative;
            padding: 0.5rem 0;
        }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                content: "";
                width: 1px;
                height: calc(100% - 20px);
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
            font-size: 0.875rem;
            padding: 0.15rem 0 0.15rem 1.4rem;
            margin: 0 0 0 1rem;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                right: 0;
            }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
            padding: 0.15rem 0 0.15rem 2rem;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap .menu-gap {
            height: 25px;
        }

    .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-header {
        padding: 0.5rem 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
    }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-header .navbar-toggle {
            flex-shrink: 0;
        }

        .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-header > span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            flex-grow: 1;
            justify-content: space-between;
        }

            .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
                margin-left: 0.5rem;
            }

.aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-pg-wrapper {
    margin-left: 0;
}

.aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-navbar {
    left: 0;
}

.aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu {
    left: -270px;
}

.aksa-wrapper[data-layout="horizontal"][data-layout-style="collapsed"] .hk-menu {
    left: 0;
}

.aksa-wrapper[data-layout="horizontal"][data-layout-style="collapsed"] .hk-menu-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1031;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: rgba(38, 42, 46, 0.5);
    opacity: 1;
    height: auto;
    width: auto;
    visibility: visible;
}

.aksa-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu {
    background: #fff;
}

    .aksa-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #262a2e;
    }

        .aksa-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(38, 42, 46, 0.3);
        }

    .aksa-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu {
    background: #262a2e;
}

    .aksa-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

        .aksa-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(255, 255, 255, 0.3);
        }

    .aksa-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

@media (max-width: 1199px) {
    .aksa-wrapper[data-layout="horizontal"] .hk-menu .menu-content-wrap > .menu-group {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .aksa-wrapper[data-layout="horizontal"].hk-section-nav-active .hk-section-nav {
        top: 130px;
    }

    .aksa-wrapper[data-layout="horizontal"] .hk-pg-wrapper {
        padding-top: 130px;
    }

    .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu {
        left: 0;
        top: 65px;
        right: 0;
        bottom: auto;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        border-bottom: 1px solid #eaeaea;
        border-right: 0;
        z-index: 1029;
    }

        .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu > .nicescroll-bar {
            overflow: visible !important;
        }

        .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap {
            padding: 0;
            position: relative;
            min-height: auto;
        }

            .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group > .navbar-nav.flex-column {
                flex-direction: row !important;
            }

            .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                display: none;
            }

            .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {
                min-height: 65px;
            }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link:hover > * {
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0);
                }

            .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item {
                position: relative;
            }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
                    margin: 0;
                }

                    .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                        position: static;
                        margin-left: 0.75rem;
                    }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:first-child > .nav-link {
                    padding-left: 0;
                }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
                    height: auto !important;
                    min-width: 10rem;
                    position: absolute;
                    z-index: 1;
                    border-radius: .25rem;
                    border: 1px solid #eaeaea;
                }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children {
                    padding: 1rem 0;
                }

                    .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {
                        padding: .25rem 1.5rem;
                    }

                        .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                            margin-left: auto;
                            -webkit-transform: rotate(-90deg);
                            -moz-transform: rotate(-90deg);
                            -ms-transform: rotate(-90deg);
                            -o-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                        }

                    .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children {
                        padding: 0.5rem 0;
                        left: 100%;
                        top: 0;
                        position: absolute;
                    }

                        .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children .nav-item .nav-link {
                            padding: .25rem 1rem;
                        }

                    .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item.edge ul.nav-children {
                        left: auto !important;
                        right: 100%;
                    }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show, .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapsing {
                    display: block;
                    clip: rect(1px, 1px, 1px, 1px);
                    opacity: 0.1;
                    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    -moz-transition: -moz-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    -webkit-transform: translateY(-10px) scaleY(0.5);
                    -moz-transform: translateY(-10px) scaleY(0.5);
                    -ms-transform: translateY(-10px) scaleY(0.5);
                    -o-transform: translateY(-10px) scaleY(0.5);
                    transform: translateY(-10px) scaleY(0.5);
                    -webkit-transform-origin: top;
                    transform-origin: top;
                    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;
                    top: 100%;
                    position: fixed;
                }

                .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show, .aksa-wrapper[data-layout="horizontal"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapsing {
                    clip: auto;
                    opacity: 1;
                    -webkit-transform: translateY(0) scaleY(1);
                    -moz-transform: translateY(0) scaleY(1);
                    -ms-transform: translateY(0) scaleY(1);
                    -o-transform: translateY(0) scaleY(1);
                    transform: translateY(0) scaleY(1);
                }

    .aksa-wrapper[data-layout="horizontal"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
        background: #fff;
    }

    .aksa-wrapper[data-layout="horizontal"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
        background: #262a2e;
    }
}
/*------------------------------------------------------------------
[Classic Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Vertical Navigation**/
.aksa-wrapper[data-layout="vertical"] .hk-pg-wrapper {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.aksa-wrapper[data-layout="vertical"] .hk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 270px;
    margin-left: 0;
    z-index: 1032;
    border-right: 1px solid #eaeaea;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*Sidebar fixednav*/
    /*Horizontal Scrollbar*/
}

    .aksa-wrapper[data-layout="vertical"] .hk-menu > .nicescroll-bar {
        overflow: auto;
        flex: 1 1 auto;
    }

    .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap {
        padding: 0 1.5rem;
        position: relative;
    }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-header {
            padding: 0 0 .5rem 0;
            font-size: 0.875rem;
            color: #9e9e9e;
            font-weight: 500;
        }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .5rem 1rem;
            margin: 0 -1rem;
            white-space: nowrap;
        }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
                -webkit-transition: -webkit-transform 0.25s ease;
                -moz-transition: -moz-transform 0.25s ease;
                transition: transform 0.25s ease;
            }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: .875rem;
            }

                .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
                    font-size: 1.5rem;
                }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                position: absolute;
                right: 1rem;
                z-index: -1;
                content: "\F282";
                font-family: bootstrap-icons !important;
                text-rendering: auto;
                margin-left: auto;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                -o-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
                -webkit-transform: translateX(5px);
                -moz-transform: translateX(5px);
                -ms-transform: translateX(5px);
                -o-transform: translateX(5px);
                transform: translateX(5px);
            }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
            background: rgba(0, 125, 136, 0.15);
            color: #007D88 !important;
            border-radius: 0.5rem;
        }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
            position: relative;
            padding: 0.5rem 0;
        }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                content: "";
                width: 1px;
                height: calc(100% - 20px);
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
            font-size: 0.875rem;
            padding: 0.15rem 0 0.15rem 1.4rem;
            margin: 0 0 0 1rem;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                right: 0;
            }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
            padding: 0.15rem 0 0.15rem 2rem;
        }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-gap {
            height: 25px;
        }

    .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-header {
        padding: 0 1.1875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
    }

        .aksa-wrapper[data-layout="vertical"] .hk-menu .menu-header .navbar-toggle {
            flex-shrink: 0;
        }


    .aksa-wrapper[data-layout="vertical"] .hk-menu .bottom-nav {
        flex: 0 0 auto;
        padding-bottom: .5rem;
    }

    .aksa-wrapper[data-layout="vertical"] .hk-menu .simplebar-track.simplebar-horizontal {
        display: none;
    }

.aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {
    margin-left: 0;
}

.aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {
    left: 0;
}

.aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {
    left: -270px;
}

.aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {
    left: 0;
}

.aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1031;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: rgba(38, 42, 46, 0.5);
    opacity: 1;
    height: auto;
    width: auto;
    visibility: visible;
}

.aksa-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu {
    background: #fff;
}

    .aksa-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #262a2e;
    }

        .aksa-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(38, 42, 46, 0.8);
        }

    .aksa-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu {
    background: #262a2e;
}

    .aksa-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

        .aksa-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(255, 255, 255, 0.3);
        }

    .aksa-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

@media (min-width: 1200px) {
    .aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {
        margin-left: 270px;
    }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {
        left: 270px;
    }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {
        left: 0;
    }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-pg-wrapper {
        margin-left: 72px;
    }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-navbar {
        left: 72px;
    }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {
        width: 72px;
    }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap > .callout {
            display: none;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .nav-header {
            display: none;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {
            visibility: hidden;
            flex-shrink: 0;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {
            right: -1.5rem;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .collapse.show {
            display: none;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-gap {
            display: none;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
            display: none;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .navbar-toggle {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover {
        width: 270px;
    }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap > .callout {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .nav-header {
            display: block;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {
            visibility: visible;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {
            right: 1rem;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .collapse.show {
            display: -ms-flexbox;
            display: flex;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-gap {
            display: block;
        }

        .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-header > span .navbar-brand .brand-img:last-child {
            display: inline;
        }

    .aksa-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {
        opacity: 0;
        height: 0;
        width: 0;
        visibility: hidden;
    }
}
/*------------------------------------------------------------------
[Icon Menu]
Project:	Jampack
-------------------------------------------------------------------*/
/**Vertical Icon Navigation**/
.aksa-wrapper[data-layout="twocolumn"] .hk-pg-wrapper {
    margin-left: 72px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.aksa-wrapper[data-layout="twocolumn"] .hk-navbar {
    left: 72px;
}

.aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 72px;
    margin-left: 0;
    z-index: 1032;
    border-right: 1px solid #d8d8d8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*Sidebar fixednav*/
}

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu > .nicescroll-bar {
        overflow: auto;
        flex: 1 1 auto;
    }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap {
        padding: 1.5rem;
        position: relative;
    }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .5rem 1rem;
            margin: 0 -1rem;
            white-space: nowrap;
        }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link .nav-icon-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: .875rem;
            }

                .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
                    font-size: 1.5rem;
                }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-content-wrap .navbar-nav > .nav-item.active > .nav-link {
            background: rgba(0, 125, 136, 0.15);
            color: #007D88 !important;
            border-radius: 0.5rem;
        }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-header {
        padding: 0.5rem 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 65px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .menu-header .navbar-brand {
            margin: 0;
        }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu .bottom-nav {
        flex: 0 0 auto;
        padding-bottom: .5rem;
    }

.aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 72px;
    width: 270px;
    margin-left: 0;
    z-index: 1031;
    overflow: hidden;
    border-right: 1px solid #d8d8d8;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu > .nicescroll-bar {
        overflow: auto;
        flex: 1 1 auto;
    }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap {
        padding: 1.5rem;
        position: relative;
    }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-header {
            padding: 0 0 .5rem 0;
            font-size: 0.875rem;
            color: #007D88;
            font-weight: 500;
        }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .5rem 1rem;
            margin: 0 -1rem;
            white-space: nowrap;
        }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
                -webkit-transition: -webkit-transform 0.25s ease;
                -moz-transition: -moz-transform 0.25s ease;
                transition: transform 0.25s ease;
            }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: .875rem;
            }

                .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
                    font-size: 1.5rem;
                }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                position: absolute;
                right: 1rem;
                z-index: -1;
                content: '\f2f9';
                font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';
                text-rendering: auto;
                margin-left: auto;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-default="true"]::after {
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                -o-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
                -webkit-transform: translateX(5px);
                -moz-transform: translateX(5px);
                -ms-transform: translateX(5px);
                -o-transform: translateX(5px);
                transform: translateX(5px);
            }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
            position: relative;
            padding: 0.5rem 0;
        }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                content: "";
                width: 1px;
                height: calc(100% - 20px);
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
            font-size: 0.875rem;
            padding: 0.15rem 0 0.15rem 1.4rem;
            margin: 0 0 0 1rem;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                right: 0;
            }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
            padding: 0.15rem 0 0.15rem 2rem;
        }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-content-wrap .menu-gap {
            height: 25px;
        }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-header {
        padding: 0 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 auto;
        min-height: 65px;
        width: 269px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .menu-header .navbar-toggle {
            flex-shrink: 0;
        }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu .subnav-list {
        display: none;
    }

.aksa-wrapper[data-layout="twocolumn"][data-submenu="active"] .hk-menu .sub-menu {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu {
    background: #fff;
}

    .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #262a2e;
    }

        .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(38, 42, 46, 0.3);
        }

    .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu {
    background: #fff;
}

    .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #262a2e;
    }

        .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(38, 42, 46, 0.3);
        }

    .aksa-wrapper[data-layout="twocolumn"][data-menu="light"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu {
    background: #262a2e;
}

    .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

        .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(255, 255, 255, 0.3);
        }

    .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .main-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu {
    background: #2F343A;
}

    .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

        .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(255, 255, 255, 0.3);
        }

    .aksa-wrapper[data-layout="twocolumn"][data-menu="dark"] .hk-menu .sub-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

@media (max-width: 1199px) {
    .aksa-wrapper[data-layout="twocolumn"] .hk-pg-wrapper {
        margin-left: 0;
    }

    .aksa-wrapper[data-layout="twocolumn"] .hk-navbar {
        left: 0;
    }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .main-menu {
        left: -72px;
    }

    .aksa-wrapper[data-layout="twocolumn"] .hk-menu .sub-menu {
        left: 0;
    }

    .aksa-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu .main-menu {
        left: 0;
    }

    .aksa-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu .sub-menu {
        left: 72px;
    }

    .aksa-wrapper[data-layout="twocolumn"][data-layout-style="offcanvas"] .hk-menu-backdrop {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1030;
        background: rgba(38, 42, 46, 0.5);
        height: auto;
        width: auto;
    }
}
/*------------------------------------------------------------------
[Navbar Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Navbar Navigation**/
.aksa-wrapper[data-layout="navbar"] .hk-pg-wrapper {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.aksa-wrapper[data-layout="navbar"] .hk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 270px;
    margin-left: 0;
    z-index: 1032;
    border-right: 1px solid #eaeaea;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .aksa-wrapper[data-layout="navbar"] .hk-menu > .nicescroll-bar {
        overflow: auto;
        flex: 1 1 auto;
    }

    .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap {
        padding: 1.5rem;
        position: relative;
    }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-header {
            padding: 0 0 .5rem 0;
            font-size: 0.875rem;
            color: #007D88;
            font-weight: 500;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .5rem 1rem;
            margin: 0 -1rem;
            white-space: nowrap;
        }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
                -webkit-transition: -webkit-transform 0.25s ease;
                -moz-transition: -moz-transform 0.25s ease;
                transition: transform 0.25s ease;
            }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: .875rem;
            }

                .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
                    font-size: 1.5rem;
                }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                position: absolute;
                right: 1rem;
                z-index: -1;
                content: '\f2f9';
                font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font';
                text-rendering: auto;
                margin-left: auto;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                -o-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
                -webkit-transform: translateX(5px);
                -moz-transform: translateX(5px);
                -ms-transform: translateX(5px);
                -o-transform: translateX(5px);
                transform: translateX(5px);
            }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item > .nav-link[data-bs-toggle="collapse"]::after {
            display: none;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.more-nav-item .nav-children .nav-item .nav-link .nav-icon-wrap {
            display: none;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
            color: #007D88 !important;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
            position: relative;
            padding: 0.5rem 0;
        }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                content: "";
                width: 1px;
                height: calc(100% - 20px);
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
            font-size: 0.875rem;
            padding: 0.15rem 0 0.15rem 1.4rem;
            margin: 0 0 0 1rem;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                right: 0;
            }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
            padding: 0.15rem 0 0.15rem 2rem;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-gap {
            height: 25px;
        }

    .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-header {
        padding: 0.5rem 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex: 0 0 auto;
        height: 65px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
    }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-header .navbar-toggle {
            flex-shrink: 0;
        }

        .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-header > span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            flex-grow: 1;
            justify-content: space-between;
        }

            .aksa-wrapper[data-layout="navbar"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
                margin-left: 0.5rem;
            }

.aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-pg-wrapper {
    margin-left: 0;
}

.aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-navbar {
    left: 0;
}

.aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {
    left: -270px;
}

.aksa-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu {
    left: 0;
}

.aksa-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1031;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: rgba(38, 42, 46, 0.5);
    opacity: 1;
    height: auto;
    width: auto;
    visibility: visible;
}

.aksa-wrapper[data-layout="navbar"] .simplebar-track.simplebar-horizontal {
    display: none;
}

.aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu {
    background: #fff;
}

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #262a2e;
    }

        .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(38, 42, 46, 0.3);
        }

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

.aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu {
    background: #262a2e;
}

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

        .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
            color: rgba(255, 255, 255, 0.3);
        }

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
        background: #d8d8d8;
    }

@media (max-width: 1199px) {
    .aksa-wrapper[data-layout="navbar"] .hk-menu .container.menu-group {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {
        background: inherit !important;
        width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        border: 0;
    }

        .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu > .nicescroll-bar {
            overflow: visible !important;
        }

        .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap {
            padding: 0;
            position: relative;
            min-height: auto;
        }

            .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group > .navbar-nav.flex-column {
                flex-direction: row !important;
            }

            .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
                display: none;
            }

            .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {
                min-height: 65px;
            }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link:hover > * {
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0);
                }

            .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item {
                position: relative;
            }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
                    margin: 0;
                }

                    .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                        position: static;
                        margin-left: 0.75rem;
                    }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
                    height: auto !important;
                    min-width: 10rem;
                    position: absolute;
                    z-index: 1;
                    border-radius: .25rem;
                    border: 1px solid #eaeaea;
                }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children {
                    padding: 1rem 0;
                }

                    .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {
                        padding: .25rem 1.5rem;
                    }

                        .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
                            margin-left: auto;
                            -webkit-transform: rotate(-90deg);
                            -moz-transform: rotate(-90deg);
                            -ms-transform: rotate(-90deg);
                            -o-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                        }

                    .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children {
                        padding: 0.5rem 0;
                        left: 100%;
                        top: 0;
                        position: absolute;
                    }

                        .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children .nav-item .nav-link {
                            padding: .25rem 1rem;
                        }

                    .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item.edge ul.nav-children {
                        left: auto !important;
                        right: 100%;
                    }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show, .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapsing {
                    display: block;
                    clip: rect(1px, 1px, 1px, 1px);
                    opacity: 0.1;
                    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    -moz-transition: -moz-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
                    -webkit-transform: translateY(-10px) scaleY(0.5);
                    -moz-transform: translateY(-10px) scaleY(0.5);
                    -ms-transform: translateY(-10px) scaleY(0.5);
                    -o-transform: translateY(-10px) scaleY(0.5);
                    transform: translateY(-10px) scaleY(0.5);
                    -webkit-transform-origin: top;
                    transform-origin: top;
                    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;
                    top: 100%;
                    position: fixed;
                }

                .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show, .aksa-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapsing {
                    clip: auto;
                    opacity: 1;
                    -webkit-transform: translateY(0) scaleY(1);
                    -moz-transform: translateY(0) scaleY(1);
                    -ms-transform: translateY(0) scaleY(1);
                    -o-transform: translateY(0) scaleY(1);
                    transform: translateY(0) scaleY(1);
                }

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
        background: #fff;
    }

    .aksa-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-dark .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
        background: #262a2e;
    }
}
/*------------------------------------------------------------------
[Drawer]
Project:	Jampack
-------------------------------------------------------------------*/
/*Drawer*/
.aksa-wrapper .hk-drawer {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    top: 0;
    right: -320px;
    width: 320px;
    bottom: 0;
    z-index: 1050;
    border: none;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .aksa-wrapper .hk-drawer .drawer-header {
        padding: 0.75rem 1.25rem;
        border-bottom: 1px solid #d8d8d8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
    }

        .aksa-wrapper .hk-drawer .drawer-header .drawer-text {
            font-size: 1rem;
            color: #2F343A;
            font-weight: 500;
        }

        .aksa-wrapper .hk-drawer .drawer-header .drawer-header-action {
            margin-left: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .aksa-wrapper .hk-drawer .drawer-header.header-bold .drawer-text {
            font-size: 0.75rem;
            text-transform: uppercase;
            font-weight: 600;
        }

        .aksa-wrapper .hk-drawer .drawer-header.header-wth-bg {
            background: #007D88;
            border-bottom: 0;
        }

            .aksa-wrapper .hk-drawer .drawer-header.header-wth-bg .drawer-text {
                color: #fff;
            }

            .aksa-wrapper .hk-drawer .drawer-header.header-wth-bg .drawer-close {
                color: #fff;
            }

        .aksa-wrapper .hk-drawer .drawer-header.header-flush {
            border-bottom: 0;
        }

    .aksa-wrapper .hk-drawer .drawer-body {
        overflow: auto;
        flex: 1 1 auto;
    }

        .aksa-wrapper .hk-drawer .drawer-body .drawer-content-wrap {
            Padding: 1.25rem 1.25rem 7rem 1.25rem;
        }

            .aksa-wrapper .hk-drawer .drawer-body .drawer-content-wrap .drawer-close {
                position: absolute;
                right: 14px;
                top: 10px;
                cursor: pointer;
            }

    .aksa-wrapper .hk-drawer .drawer-footer {
        padding: 0.75rem 1.25rem;
        background: #fff;
        border-top: 1px solid #d8d8d8;
    }

    .aksa-wrapper .hk-drawer.drawer-left {
        left: -320px;
        border-right: 1px solid #d8d8d8;
    }

    .aksa-wrapper .hk-drawer.drawer-right {
        right: -320px;
        border-left: 1px solid #d8d8d8;
    }

    .aksa-wrapper .hk-drawer.drawer-small {
        top: 65px;
    }

    .aksa-wrapper .hk-drawer.drawer-toggle.hk-drawer.drawer-left {
        left: 0;
    }

    .aksa-wrapper .hk-drawer.drawer-toggle.hk-drawer.drawer-right {
        right: 0;
    }

.aksa-wrapper.hk-drawer-push.hk-drawer-pushleft .hk-pg-wrapper {
    margin-left: 20rem;
}

.aksa-wrapper.hk-drawer-push.hk-drawer-pushright .hk-pg-wrapper {
    margin-right: 20rem;
}

.aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push .hk-navbar {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushleft .hk-navbar {
    left: 320px;
}

.aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushright .hk-navbar {
    right: 320px;
}

.aksa-wrapper .hk-drawer-backdrop {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #262a2e;
    opacity: 0.25;
    z-index: 1033;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .aksa-wrapper.hk-drawer-push.hk-drawer-pushleft .hk-pg-wrapper {
        margin-left: 0;
    }

    .aksa-wrapper.hk-drawer-push.hk-drawer-pushright .hk-pg-wrapper {
        margin-right: 0;
    }

    .aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push .hk-navbar {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushleft .hk-navbar {
        left: 0;
    }

    .aksa-wrapper.hk-drawer-push.hk-drawer-wth-nav-push.hk-drawer-pushright .hk-navbar {
        right: 0;
    }
}
/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Jampack
++++ ChatApp ++++
++++ Chat Popup ++++
++++ Chatbot Popup ++++
++++ Calendar ++++
++++ Email UI ++++
++++ Taskboard ++++
++++ Checklist List ++++
++++ Contact ++++
++++ File Manager ++++
++++ Gallery App ++++
++++ Todo ++++
++++ Blog App ++++
++++ invoice ++++
++++ Integrations ++++
-------------------------------------------------------------------*/
/*ChatApp*/
.chatapp-wrap {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 65px);
    -webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

    .chatapp-wrap .chatapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        position: relative;
        overflow: hidden;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .chatapp-wrap .chatapp-content .chatapp-aside {
            border-right: 1px solid #eaeaea;
            background: #fff;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            height: 100%;
            z-index: 1;
            left: 0;
            margin-top: 0;
            width: 370px;
            flex-shrink: 0;
        }

            .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                border-bottom: 1px solid #eaeaea;
                background: #fff;
                color: #262a2e;
            }

                .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .chatapp-title:after {
                        top: 0;
                    }

                .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn, .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .hopscotch-nav-button {
                    margin-right: .25rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .btn:last-child, .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:last-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .chatapp-wrap .chatapp-content .chatapp-aside header.aside-header .hopscotch-nav-button:last-child {
                        margin-right: 0;
                    }

            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body {
                -ms-flex: 1;
                flex: 1;
                height: 100%;
                overflow: auto;
                padding: 1.25rem;
            }

                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .aside-search {
                    margin-bottom: 1.25rem;
                }

                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact {
                    margin-bottom: 1.25rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul li .avatar {
                        cursor: pointer;
                    }

                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list {
                    margin: 0 -0.8rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item {
                        padding: 0;
                        border: none;
                        margin-bottom: .25rem;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item:last-child {
                            margin-bottom: 0;
                        }

                        .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media {
                            padding: .75rem .8rem;
                            border-radius: 0.5rem;
                            -webkit-transition: 0.2s ease;
                            -moz-transition: 0.2s ease;
                            transition: 0.2s ease;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            cursor: pointer;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-head {
                                position: relative;
                                margin-right: 1rem;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                min-width: 0;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child {
                                    min-width: 0;
                                    flex: 1;
                                }

                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name,
                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-last-chat,
                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-status {
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                    }

                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name {
                                        color: #262a2e;
                                        font-weight: 500;
                                        margin-bottom: .25rem;
                                    }

                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child {
                                    text-align: right;
                                    padding-left: 1rem;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    flex-flow: column;
                                    justify-content: space-between;
                                    -webkit-justify-content: space-between;
                                    -ms-flex-pack: space-between;
                                    -webkit-box-align: flex-end;
                                    -ms-flex-align: flex-end;
                                    align-items: flex-end;
                                    width: 4.5rem;
                                }

                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .last-chat-time {
                                        font-size: 0.75rem;
                                        color: #007D88;
                                    }

                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .badge {
                                        margin-top: .25rem;
                                    }

                                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media .media-body > div:last-child .action-drp {
                                        opacity: 0;
                                        visibility: hidden;
                                        position: absolute;
                                        top: 15px;
                                        -webkit-transition: all 0.2s ease-in-out;
                                        -moz-transition: all 0.2s ease-in-out;
                                        transition: all 0.2s ease-in-out;
                                    }

                            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus {
                                background-color: #f2f2f2;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .action-drp, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .action-drp {
                                    opacity: 1;
                                    visibility: visible;
                                }

                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .last-chat-time,
                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .badge-pill, .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .last-chat-time,
                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .badge-pill {
                                    opacity: 0;
                                    visibility: hidden;
                                    -webkit-transition: all 0.2s ease-in-out;
                                    -moz-transition: all 0.2s ease-in-out;
                                    transition: all 0.2s ease-in-out;
                                }

                            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat .media-body > div:last-child .last-chat-time {
                                color: #6f6f6f;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user {
                                background-color: #f2f2f2;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .list-group-item .media.read-chat.active-user .media-body > div:first-child .user-name {
                                    color: #007D88;
                                }

                    .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .title-wth-divider {
                        padding: 0 .8rem;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .chat-contacts-list .title-wth-divider:after {
                            background: #f7f7f7;
                        }

                .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .channels-list .nav-item .nav-link {
                    padding-left: 0;
                    padding-right: 0;
                }

        .chatapp-wrap .chatapp-content .chatapp-single-chat {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            flex-flow: column;
            height: 100%;
            background: #fff;
            z-index: 10;
        }

            .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
            }

                .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list {
                    display: none;
                    margin-right: .625rem;
                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: 1rem;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #262a2e;
                        text-transform: capitalize;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status {
                        font-size: 0.875rem;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-name, .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-body .user-status {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 150px;
                    }

                .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap > a {
                        margin-left: .25rem;
                    }

            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                -ms-flex: 1;
                flex: 1;
                height: 100%;
                overflow: auto;
            }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {
                    width: 90%;
                    margin: 0 auto;
                    padding: 2rem 1.25rem;
                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body {
                    margin-left: 0.75rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div {
                            padding: .625rem 1rem;
                            border-radius: 1.25rem;
                            display: inline-block;
                            position: relative;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div p:first-child {
                                color: #262a2e;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box > div .chat-time {
                                display: block;
                                text-transform: uppercase;
                                font-size: 0.75rem;
                                margin-top: .25rem;
                                opacity: .5;
                            }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box + .msg-box {
                            margin-top: .25rem;
                        }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action {
                            margin-left: 1rem;
                            opacity: 0;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            padding: 0;
                            background: transparent !important;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box .msg-action:after {
                                display: none;
                            }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body .msg-box:hover .msg-action {
                            opacity: 1;
                        }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div {
                            cursor: pointer;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media {
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name {
                                    color: #262a2e;
                                    font-weight: 500;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    max-width: 165px;
                                }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-size {
                                    font-size: 0.875rem;
                                    margin-top: .25rem;
                                }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .file-overlay {
                                position: absolute;
                                opacity: 0;
                                left: 0;
                                top: 0;
                                height: 100%;
                                width: 100%;
                                color: #fff;
                                background: rgba(38, 42, 46, 0.4);
                                border-radius: 1.25rem;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                justify-content: center;
                                -webkit-justify-content: center;
                                -ms-flex-pack: center;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div:hover .file-overlay {
                                opacity: 1;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div.msg-action:after {
                                display: none;
                            }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box + .msg-box {
                            margin-top: 0;
                        }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div {
                        padding: 0;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box > div img {
                            border-radius: 1.25rem;
                            max-width: 336px;
                        }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:first-child > div, .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-imgs .msg-box:last-child > div {
                        border-radius: 1.25rem !important;
                    }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received {
                    margin-bottom: 1.25rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box > div {
                        background: #f2f2f2;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.received .media-body .msg-box:first-child > div {
                        border-top-left-radius: 0;
                    }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent {
                    margin-bottom: 1.25rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body {
                        margin-left: 0;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        justify-content: flex-end;
                        -webkit-justify-content: flex-end;
                        -ms-flex-pack: flex-end;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        -webkit-box-align: flex-end;
                        -ms-flex-align: flex-end;
                        align-items: flex-end;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box {
                            -ms-flex-direction: row-reverse;
                            flex-direction: row-reverse;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div {
                                background: #007D88;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div p {
                                    color: #fff;
                                }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box > div .chat-time {
                                    color: #fff;
                                }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box:first-child > div {
                                border-top-right-radius: 0;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.sent .media-body .msg-box .msg-action {
                                margin-left: 0;
                                margin-right: 1rem;
                            }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment {
                    margin-bottom: 1.125rem;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media.media-attachment .media-body > .msg-box {
                        margin-bottom: .25rem;
                        margin-right: .25rem;
                    }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep {
                    position: relative;
                    text-align: center;
                    overflow: hidden;
                    font-size: 0.875rem;
                    margin: 1.875rem 0;
                    text-transform: capitalize;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:before {
                        background: #eaeaea;
                        content: "";
                        height: 1px;
                        right: 50%;
                        position: absolute;
                        top: 50%;
                        width: 100%;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep:after {
                        background: #eaeaea;
                        content: "";
                        height: 1px;
                        left: 50%;
                        position: absolute;
                        top: 50%;
                        width: 100%;
                    }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .day-sep span {
                        display: inline-block;
                        background: #fff;
                        z-index: 1;
                        position: relative;
                        padding: 0 .625rem;
                    }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .start-conversation {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    justify-content: center;
                    height: calc(100vh - 195px);
                    flex-flow: column;
                }

            .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0.75rem 1.25rem;
                background: #fff;
                border-top: 1px solid #eaeaea;
                margin-top: -1px;
                position: relative;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .feather-icon, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .svg-icon {
                    display: block;
                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group {
                    width: 100%;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .form-control, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .form-select, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .wizard > .content > .body input, .wizard > .content > .body .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group input, .chatapp-wrap .chatapp-content .chatapp-single-chat footer.chat-footer .input-group .dd-handle {
                        margin: 0 0.75rem;
                    }

            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {
                position: absolute;
                top: 65px;
                right: -370px;
                width: 370px;
                margin-left: 0;
                bottom: 0;
                z-index: 100;
                border: none;
                background: #fff;
                border-left: 1px solid #eaeaea;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .nicescroll-bar {
                    padding: 1.25rem;
                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-name {
                    font-size: 1.25rem;
                    font-weight: 500;
                    color: #262a2e;
                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info {
                    padding-left: 0;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li {
                        margin-bottom: .625rem;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a {
                            color: #262a2e;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                margin-right: .5rem;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap .feather-icon, .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-info li a .cp-icon-wrap .svg-icon {
                                    font-size: 1.125rem;
                                }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action {
                    padding-left: 0;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li {
                        margin-bottom: .625rem;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li a {
                            color: #262a2e;
                        }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-action li:last-child {
                            margin-bottom: .25rem;
                        }

                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files {
                    margin: 0 -.8rem;
                    padding-left: 0;
                }

                    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li {
                        padding: .8rem;
                        border-radius: 0.5rem;
                        -webkit-transition: 0.2s ease;
                        -moz-transition: 0.2s ease;
                        transition: 0.2s ease;
                        margin-bottom: .25rem;
                    }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:last-child {
                            margin-bottom: 0;
                        }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media {
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-head {
                                margin-right: 1rem;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-head .avatar.avatar-sm .avatar-icon {
                                    font-size: 1.75rem;
                                }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                min-width: 0;
                            }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body > div:first-child {
                                    min-width: 0;
                                    -ms-flex: 1;
                                    flex: 1;
                                }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-name {
                                    color: #262a2e;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    font-weight: 500;
                                }

                                .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li .media .media-body .file-size {
                                    margin-top: .25rem;
                                    font-size: 0.875rem;
                                }

                        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover {
                            background-color: #f2f2f2;
                        }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover .media .media-body .file-name {
                                color: #007D88;
                            }

                            .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .cp-files li:hover .media .media-body a.cp-file-action {
                                color: #262a2e;
                            }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body {
        margin-right: 370px;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info {
        right: 0;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer {
        margin-right: 370px;
    }

    .chatapp-wrap .chatapp-call-window .modal-content {
        min-height: calc(100vh - 100px);
    }

        .chatapp-wrap .chatapp-call-window .modal-content .modal-header {
            Padding: 0.3rem 1.25rem;
        }

            .chatapp-wrap .chatapp-call-window .modal-content .modal-header .modal-title {
                text-align: center;
                width: 100%;
                font-size: 0.875rem;
            }

            .chatapp-wrap .chatapp-call-window .modal-content .modal-header > .modal-action {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                right: 1.25rem;
                position: absolute;
            }

        .chatapp-wrap .chatapp-call-window .modal-content .modal-body {
            display: flex;
            align-items: center;
            flex-flow: column;
            justify-content: center;
            padding: 3.125rem;
        }

        .chatapp-wrap .chatapp-call-window .modal-content .modal-footer {
            border-top: 0;
            min-height: 160px;
            justify-content: center;
        }

            .chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img {
                right: 30px;
                bottom: 30px;
                position: absolute;
            }

        .chatapp-wrap .chatapp-call-window .modal-content.fullscreen {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            overflow-y: auto;
            border-radius: 0;
        }

            .chatapp-wrap .chatapp-call-window .modal-content.fullscreen .modal-header {
                border-radius: 0;
            }

    .chatapp-wrap .invite-user-list {
        padding: 0 1rem;
    }

        .chatapp-wrap .invite-user-list > li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            margin-bottom: .625rem;
        }

            .chatapp-wrap .invite-user-list > li .user-name {
                color: #262a2e;
                font-weight: 500;
            }

.aksa-wrapper[data-navbar-style="collapsed"] .chatapp-wrap {
    height: 100vh;
}

.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 1599px) {
    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {
        right: -320px;
        width: 320px;
    }

    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {
        width: 100%;
    }

    .chatapp-wrap .chatapp-content .chatapp-aside {
        width: 320px;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-info {
        right: 0;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat .chat-body {
        margin-right: 20rem;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-single-chat footer.chat-footer {
        margin-right: 20rem;
    }

    ul.hk-list {
        margin: 0 -.28rem;
    }

        ul.hk-list li {
            padding: .68rem .28rem;
        }
}

@media (min-width: 1200px) {
    button.btn-close.info-close {
        display: none;
    }
}

@media (max-width: 1199px) {
    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info {
        top: 0;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    }

    .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body {
        margin-right: 0;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat .chat-body {
        margin-right: 0;
    }

    .chatapp-wrap.chatapp-info-active .chatapp-content .chatapp-single-chat footer {
        margin-right: 0;
    }

    /*Common for all App*/
    button.btn-close.info-close {
        top: 20px;
        position: absolute;
        right: 20px;
        z-index: 1;
    }
}

@media (min-width: 992px) {
    .chatapp-wrap .chatapp-content .chatapp-aside .hk-sidebar-togglable {
        display: none;
    }
}

@media (max-width: 991px) {
    .chatapp-wrap .chatapp-content .chatapp-aside {
        width: 100%;
    }

    .chatapp-wrap .chatapp-content .chatapp-single-chat {
        right: -100%;
        position: fixed;
        top: 0;
        width: 100%;
    }

        .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header {
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: flex-start;
        }

            .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .back-user-list {
                display: block;
                flex-shrink: 0;
            }

            .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .chat-options-wrap {
                margin-left: auto;
            }

        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body ul.list-unstyled {
            width: 100%;
        }

        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-info .avatar.avatar-xxl {
            width: 6rem;
            height: 6rem;
        }

    .chatapp-wrap.chatapp-slide .chatapp-content .chatapp-aside {
        left: -100%;
    }

    .chatapp-wrap.chatapp-slide .chatapp-content .chatapp-single-chat {
        right: 0;
    }

    .chatapp-wrap .chatapp-call-window .modal-content .modal-footer .chatapp-caller-img {
        display: none;
    }
}

@media (max-width: 767px) {
    .chatapp-wrap .chatapp-content {
        margin-left: 0;
        padding-left: 0;
    }

        .chatapp-wrap .chatapp-content .chatapp-aside .aside-body .frequent-contact ul {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .chatapp-wrap .chatapp-content .chatapp-single-chat header.chat-header .media .media-head .avatar.avatar-sm {
            width: 2.5rem;
            height: 2.5rem;
        }

        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .avatar.avatar-xs {
            width: 1.5rem;
            height: 1.5rem;
            flex-shrink: 0;
        }

        .chatapp-wrap .chatapp-content .chatapp-single-chat .chat-body .media .media-body.msg-docs .msg-box > div .media .file-name {
            max-width: calc(100vw - 300px);
        }

    .chatapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .chatapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .chatapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .chatapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*Chat Popup*/
@keyframes mercuryTypingAnimation {
    0% {
        transform: translateY(0px);
        background-color: #99cbcf;
    }

    28% {
        transform: translateY(-7px);
        background-color: #6bb4ba;
    }

    44% {
        transform: translateY(0px);
        background-color: #3d9ca5;
    }
}

.typing {
    align-items: center;
    display: flex;
    height: 17px;
}

    .typing .dot {
        animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
        background-color: #99cbcf;
        height: 5px;
        border-radius: 50%;
        margin-right: .25rem;
        vertical-align: middle;
        width: 5px;
        display: inline-block;
    }

        .typing .dot:nth-child(1) {
            animation-delay: 200ms;
        }

        .typing .dot:nth-child(2) {
            animation-delay: 300ms;
        }

        .typing .dot:nth-child(3) {
            animation-delay: 400ms;
        }

        .typing .dot:last-child {
            margin-right: 0;
        }

.hk-chat-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    width: 380px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    background: #fff;
    flex-flow: column;
}

    .hk-chat-popup header {
        background: #262a2e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        flex-shrink: 0;
        Padding: 0.5rem 1.25rem;
        height: 64px;
    }

        .hk-chat-popup header .media-wrap .media {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .hk-chat-popup header .media-wrap .media .media-head {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-right: 1rem;
            }

            .hk-chat-popup header .media-wrap .media .media-body .user-name {
                font-size: 1rem;
                color: #fff;
                text-transform: capitalize;
            }

            .hk-chat-popup header .media-wrap .media .media-body .user-status {
                font-size: 0.875rem;
                color: #fff;
                text-transform: capitalize;
            }

        .hk-chat-popup header .input-group .contact-search {
            padding: 0;
            color: #fff;
            border: none;
            background: transparent;
        }

    .hk-chat-popup .chat-popup-body {
        overflow: auto;
        flex: 1 1 auto;
    }

        .hk-chat-popup .chat-popup-body .contact-list-wrap {
            padding: 0 1.25rem 1.25rem;
        }

            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list {
                margin: 0 -0.8rem;
            }

                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item {
                    padding: 0;
                    border: none;
                    margin-bottom: .25rem;
                }

                    .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item:last-child {
                        margin-bottom: 0;
                    }

                    .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media {
                        padding: .75rem .8rem;
                        border-radius: 0.5rem;
                        -webkit-transition: 0.2s ease;
                        -moz-transition: 0.2s ease;
                        transition: 0.2s ease;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        cursor: pointer;
                    }

                        .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-head {
                            position: relative;
                            margin-right: 1rem;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                        }

                        .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            min-width: 0;
                        }

                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child {
                                min-width: 0;
                                flex: 1;
                            }

                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name,
                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-last-chat,
                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-status {
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }

                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:first-child .user-name {
                                    color: #262a2e;
                                    font-weight: 500;
                                    margin-bottom: .25rem;
                                }

                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child {
                                text-align: right;
                                padding-left: 1rem;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                flex-flow: column;
                                justify-content: space-between;
                                -webkit-justify-content: space-between;
                                -ms-flex-pack: space-between;
                                -webkit-box-align: flex-end;
                                -ms-flex-align: flex-end;
                                align-items: flex-end;
                                width: 4.5rem;
                            }

                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .last-chat-time {
                                    font-size: 0.75rem;
                                    color: #007D88;
                                }

                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .badge {
                                    margin-top: .25rem;
                                }

                                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media .media-body > div:last-child .action-drp {
                                    opacity: 0;
                                    visibility: hidden;
                                    position: absolute;
                                    top: 15px;
                                    -webkit-transition: all 0.2s ease-in-out;
                                    -moz-transition: all 0.2s ease-in-out;
                                    transition: all 0.2s ease-in-out;
                                }

                        .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus {
                            background-color: #f2f2f2;
                        }

                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .action-drp, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .action-drp {
                                opacity: 1;
                                visibility: visible;
                            }

                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .last-chat-time,
                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:hover .media-body > div:last-child .badge-pill, .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .last-chat-time,
                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media:focus .media-body > div:last-child .badge-pill {
                                opacity: 0;
                                visibility: hidden;
                                -webkit-transition: all 0.2s ease-in-out;
                                -moz-transition: all 0.2s ease-in-out;
                                transition: all 0.2s ease-in-out;
                            }

                        .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat .media-body > div:last-child .last-chat-time {
                            color: #6f6f6f;
                        }

                        .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat.active-user {
                            background-color: #f2f2f2;
                        }

                            .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .list-group-item .media.read-chat.active-user .media-body > div:first-child .user-name {
                                color: #007D88;
                            }

                .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .title-wth-divider {
                    padding: 0 .8rem;
                }

                    .hk-chat-popup .chat-popup-body .contact-list-wrap .chat-contacts-list .title-wth-divider:after {
                        background: #f7f7f7;
                    }

        .hk-chat-popup .chat-popup-body ul.list-unstyled {
            width: 95%;
            margin: 0 auto;
            padding: 1.25rem 0;
        }

        .hk-chat-popup .chat-popup-body .media .media-body {
            margin-left: 0.75rem;
        }

            .hk-chat-popup .chat-popup-body .media .media-body .msg-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .hk-chat-popup .chat-popup-body .media .media-body .msg-box > div {
                    padding: .625rem 1rem;
                    border-radius: 1.25rem;
                    display: inline-block;
                    position: relative;
                }

                    .hk-chat-popup .chat-popup-body .media .media-body .msg-box > div p:first-child {
                        color: #262a2e;
                    }

                    .hk-chat-popup .chat-popup-body .media .media-body .msg-box > div .chat-time {
                        display: block;
                        text-transform: uppercase;
                        font-size: 0.75rem;
                        margin-top: .25rem;
                        opacity: .5;
                    }

                    .hk-chat-popup .chat-popup-body .media .media-body .msg-box > div .file-overlay {
                        position: absolute;
                        opacity: 0;
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 100%;
                        color: #fff;
                        background: rgba(38, 42, 46, 0.4);
                        border-radius: 1.25rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        justify-content: center;
                        -webkit-justify-content: center;
                        -ms-flex-pack: center;
                    }

                    .hk-chat-popup .chat-popup-body .media .media-body .msg-box > div:hover .file-overlay {
                        opacity: 1;
                    }

                .hk-chat-popup .chat-popup-body .media .media-body .msg-box + .msg-box {
                    margin-top: .25rem;
                }

                .hk-chat-popup .chat-popup-body .media .media-body .msg-box .msg-action {
                    margin-left: 1rem;
                    opacity: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding: 0;
                    background: transparent !important;
                    position: absolute;
                    top: 0;
                    right: 0;
                    z-index: 1;
                }

                .hk-chat-popup .chat-popup-body .media .media-body .msg-box:hover .msg-action {
                    opacity: 1;
                }

            .hk-chat-popup .chat-popup-body .media .media-body.msg-docs {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .avatar.avatar-sm .avatar-icon {
                        font-size: 1.75rem;
                    }

                    .hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .file-name {
                        color: #262a2e;
                        font-weight: 500;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 165px;
                    }

                    .hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box > div .media .file-size {
                        font-size: 0.875rem;
                        margin-top: .25rem;
                    }

                .hk-chat-popup .chat-popup-body .media .media-body.msg-docs .msg-box + .msg-box {
                    margin-top: 0;
                }

            .hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box > div {
                padding: 0;
            }

                .hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box > div img {
                    border-radius: 1.25rem;
                    height: 150px;
                }

            .hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box:first-child > div, .hk-chat-popup .chat-popup-body .media .media-body.msg-imgs .msg-box:last-child > div {
                border-radius: 1.25rem !important;
            }

        .hk-chat-popup .chat-popup-body .media.received {
            margin-bottom: 1.25rem;
        }

            .hk-chat-popup .chat-popup-body .media.received .media-body .msg-box > div {
                background: #f2f2f2;
            }

            .hk-chat-popup .chat-popup-body .media.received .media-body .msg-box:first-child > div {
                border-top-left-radius: 0;
            }

        .hk-chat-popup .chat-popup-body .media.sent {
            margin-bottom: 1.25rem;
        }

            .hk-chat-popup .chat-popup-body .media.sent .media-body {
                margin-left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                justify-content: flex-end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: flex-end;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: flex-end;
                -ms-flex-align: flex-end;
                align-items: flex-end;
            }

                .hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
                }

                    .hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div {
                        background: #007D88;
                    }

                        .hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div p {
                            color: #fff;
                        }

                        .hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box > div .chat-time {
                            color: #fff;
                        }

                    .hk-chat-popup .chat-popup-body .media.sent .media-body .msg-box:first-child > div {
                        border-top-right-radius: 0;
                    }

        .hk-chat-popup .chat-popup-body .media.media-attachment {
            margin-bottom: 17px;
        }

            .hk-chat-popup .chat-popup-body .media.media-attachment .media-body > .msg-box {
                margin-bottom: .25rem;
                margin-right: .25rem;
            }

        .hk-chat-popup .chat-popup-body .media.typing-wrap .media-body .msg-box > div:after {
            display: none;
        }

        .hk-chat-popup .chat-popup-body .day-sep {
            position: relative;
            text-align: center;
            overflow: hidden;
            font-size: 0.875rem;
            margin: 1.875rem 0;
            text-transform: capitalize;
        }

            .hk-chat-popup .chat-popup-body .day-sep:before {
                background: #eaeaea;
                content: "";
                height: 1px;
                right: 50%;
                position: absolute;
                top: 50%;
                width: 100%;
            }

            .hk-chat-popup .chat-popup-body .day-sep:after {
                background: #eaeaea;
                content: "";
                height: 1px;
                left: 50%;
                position: absolute;
                top: 50%;
                width: 100%;
            }

            .hk-chat-popup .chat-popup-body .day-sep span {
                display: inline-block;
                background: #fff;
                z-index: 1;
                position: relative;
                padding: 0 .625rem;
            }

    .hk-chat-popup footer {
        background: #fff;
        border-top: 1px solid #eaeaea;
        margin-top: -1px;
        position: relative;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
    }

        .hk-chat-popup footer .feather-icon, .hk-chat-popup footer .svg-icon {
            display: block;
        }

        .hk-chat-popup footer .form-control, .hk-chat-popup footer .form-select, .hk-chat-popup footer .wizard > .content > .body input, .wizard > .content > .body .hk-chat-popup footer input, .hk-chat-popup footer .dd-handle {
            height: 57px;
        }

.btn-popup-open,
.btn-popup-close {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 111;
}

.chat-popover {
    position: fixed;
    right: 20px;
    bottom: 100px;
    background: #fff;
    width: 270px;
    border-radius: 0.5rem;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    display: none;
    z-index: 99;
}

    .chat-popover p {
        font-size: 0.875rem;
    }

@media (max-width: 800px) {
    .hk-chat-popup {
        width: 100%;
    }
}
/*Chatbot Popup*/
.hk-chatbot-popup {
    position: fixed;
    bottom: 100px;
    right: 30px;
    display: none;
    width: 380px;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    background: #fff;
}

    .hk-chatbot-popup header {
        background: #262a2e;
        Padding: 0.5rem 1.25rem 5.5rem;
    }

        .hk-chatbot-popup header .chatbot-head-top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
        }

        .hk-chatbot-popup header .media-wrap .media {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .hk-chatbot-popup header .media-wrap .media .media-head {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-right: 1rem;
            }

            .hk-chatbot-popup header .media-wrap .media .media-body .user-name,
            .hk-chatbot-popup header .media-wrap .media .media-body .user-status {
                font-size: 1rem;
                color: #fff;
                text-transform: capitalize;
            }

            .hk-chatbot-popup header .media-wrap .media .media-body .user-status {
                font-size: 0.875rem;
            }

    .hk-chatbot-popup .chatbot-popup-body {
        height: calc(100vh - 440px);
        position: relative;
    }

        .hk-chatbot-popup .chatbot-popup-body .nicescroll-bar {
            margin-top: -5.25rem;
        }

        .hk-chatbot-popup .chatbot-popup-body .init-content-wrap {
            padding: 1.25rem 1.25rem 1.25rem;
        }

            .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap {
                text-align: right;
            }

                .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap .btn, .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hk-chatbot-popup .chatbot-popup-body .init-content-wrap .btn-wrap .hopscotch-nav-button {
                    margin-bottom: .625rem;
                }

        .hk-chatbot-popup .chatbot-popup-body ul.list-unstyled {
            width: 95%;
            margin: 0 auto;
            padding: 1.25rem 0;
        }

        .hk-chatbot-popup .chatbot-popup-body .media .media-body {
            margin-left: 0.75rem;
        }

            .hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box > div {
                    padding: .625rem 1rem;
                    border-radius: 1.25rem;
                    display: inline-block;
                    position: relative;
                }

                    .hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box > div p:first-child {
                        color: #262a2e;
                    }

                .hk-chatbot-popup .chatbot-popup-body .media .media-body .msg-box + .msg-box {
                    margin-top: .25rem;
                }

        .hk-chatbot-popup .chatbot-popup-body .media.received {
            margin-bottom: 1.25rem;
        }

            .hk-chatbot-popup .chatbot-popup-body .media.received .media-body .msg-box > div {
                background: #f2f2f2;
            }

            .hk-chatbot-popup .chatbot-popup-body .media.received .media-body .msg-box:first-child > div {
                border-top-left-radius: 0;
            }

        .hk-chatbot-popup .chatbot-popup-body .media.sent {
            margin-bottom: 1.25rem;
        }

            .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body {
                margin-left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                justify-content: flex-end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: flex-end;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: flex-end;
                -ms-flex-align: flex-end;
                align-items: flex-end;
            }

                .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
                }

                    .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div {
                        background: #007D88;
                    }

                        .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div p {
                            color: #fff;
                        }

                        .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box > div .chat-time {
                            color: #fff;
                        }

                    .hk-chatbot-popup .chatbot-popup-body .media.sent .media-body .msg-box:first-child > div {
                        border-top-right-radius: 0;
                    }

        .hk-chatbot-popup .chatbot-popup-body .media.typing-wrap .media-body .msg-box > div:after {
            display: none;
        }

        .hk-chatbot-popup .chatbot-popup-body .day-sep {
            position: relative;
            text-align: center;
            overflow: hidden;
            font-size: 0.875rem;
            margin: 1.875rem 0;
            text-transform: capitalize;
        }

            .hk-chatbot-popup .chatbot-popup-body .day-sep:before {
                background: #eaeaea;
                content: "";
                height: 1px;
                right: 50%;
                position: absolute;
                top: 50%;
                width: 100%;
            }

            .hk-chatbot-popup .chatbot-popup-body .day-sep:after {
                background: #eaeaea;
                content: "";
                height: 1px;
                left: 50%;
                position: absolute;
                top: 50%;
                width: 100%;
            }

            .hk-chatbot-popup .chatbot-popup-body .day-sep span {
                display: inline-block;
                background: #fff;
                z-index: 1;
                position: relative;
                padding: 0 .625rem;
            }

    .hk-chatbot-popup footer {
        background: #fff;
    }

        .hk-chatbot-popup footer .input-group {
            border-top: 1px solid #eaeaea;
        }

            .hk-chatbot-popup footer .input-group .form-control, .hk-chatbot-popup footer .input-group .form-select, .hk-chatbot-popup footer .input-group .wizard > .content > .body input, .wizard > .content > .body .hk-chatbot-popup footer .input-group input, .hk-chatbot-popup footer .input-group .dd-handle {
                height: 57px;
            }

        .hk-chatbot-popup footer .chatbot-intro-text {
            text-align: center;
            padding: .5rem 1.25rem;
        }

        .hk-chatbot-popup footer .footer-copy-text {
            background: #f7f7f7;
            padding: .5rem 1.25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            font-size: 0.75rem;
        }

            .hk-chatbot-popup footer .footer-copy-text .brand-link img {
                width: 75px;
                margin-left: .25rem;
            }

@media (max-width: 767px) {
    .hk-chatbot-popup {
        width: 100%;
        flex-flow: column;
        border-radius: 0;
        bottom: 0;
        right: 0;
        top: 0;
    }

        .hk-chatbot-popup header {
            Padding: 0.5rem 1.25rem 1rem;
        }

        .hk-chatbot-popup .chatbot-popup-body {
            overflow: auto;
            flex: 1 1 auto;
            height: auto;
        }

            .hk-chatbot-popup .chatbot-popup-body .nicescroll-bar {
                margin-top: 0;
            }

        .hk-chatbot-popup footer .chatbot-intro-text {
            display: none;
        }
}
/*Calendar*/
.calendarapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
    -webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

    .calendarapp-wrap .calendarapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .calendarapp-wrap .calendarapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker {
                position: static;
                display: block !important;
                margin: 0;
                border: none;
                overflow: hidden;
                width: auto;
            }

                .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar {
                    padding: 0;
                }

                    .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table {
                        padding: 0;
                    }

                        .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td {
                            min-width: 30px;
                            width: 30px;
                            height: 30px;
                            z-index: 1;
                        }

                            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table th:hover, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover {
                                background: transparent;
                            }

                            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:after {
                                content: "";
                                height: 100%;
                                width: 100%;
                                position: absolute;
                                left: 0;
                                top: 0;
                                border-radius: 50%;
                                z-index: -1;
                            }

                            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover {
                                background: transparent;
                                color: #007D88;
                            }

                                .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td.active:after, .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .daterangepicker .drp-calendar .calendar-table td:hover:after {
                                    background: #c7e2e5;
                                }

            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .upcoming-event-wrap .nav .nav-item .event-time {
                color: #6f6f6f;
                font-size: 0.75rem;
            }

            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .upcoming-event-wrap .nav .nav-item .event-name {
                margin-top: .25rem;
                font-weight: 500;
            }

            .calendarapp-wrap .calendarapp-sidebar .menu-content-wrap .categories-wrap .form-check {
                padding-top: .5rem;
                padding-bottom: .5rem;
            }

        .calendarapp-wrap .calendarapp-sidebar .calendarapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .calendarapp-wrap .calendarapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .calendarapp-wrap .calendarapp-content .fc .fc-toolbar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            height: 65px;
            padding: 0 1.25rem;
            margin-bottom: 0;
            background: #fff;
            position: relative;
        }

            .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                flex: 1;
            }

                .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group {
                    order: 2;
                    float: none;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group .fc-prev-button,
                    .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .btn-group .fc-next-button {
                        border: none;
                        background: transparent;
                    }

                .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-today-button {
                    border-radius: 0.5rem;
                    margin-left: 0 !important;
                    margin-right: 1rem;
                }

                .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
                    justify-content: center;
                }

                    .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) h2 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                .calendarapp-wrap .calendarapp-content .fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
                    justify-content: flex-end;
                }

            .calendarapp-wrap .calendarapp-content .fc .fc-toolbar > * > :not(:first-child) {
                margin-left: 0.25rem;
            }

        .calendarapp-wrap .calendarapp-content .fc .fc-col-header td, .calendarapp-wrap .calendarapp-content .fc .fc-col-header th {
            border: 1px solid #eaeaea;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-col-header-cell-cushion {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            padding: .25rem 0;
            color: #262a2e;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-timegrid-axis-cushion,
        .calendarapp-wrap .calendarapp-content .fc .fc-timegrid-slot-label-cushion {
            font-size: 0.875rem;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body {
            width: 100% !important;
            height: 100% !important;
        }

            .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table {
                width: 100% !important;
                height: 100% !important;
            }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table td, .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-body .fc-scrollgrid-sync-table th {
                    border: 1px solid #eaeaea;
                }

        .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day-top {
            justify-content: center;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day-number {
            padding: .625rem;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today {
            background: transparent;
        }

            .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
                padding: .25rem;
            }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    justify-content: center;
                    height: 35px;
                    width: 35px;
                    background: #007D88;
                    border-radius: 50%;
                    color: #fff;
                    position: relative;
                }

        .calendarapp-wrap .calendarapp-content .fc .fc-list-event-dot {
            border-color: #007D88;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-timegrid-slot {
            border-left: 0;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-timegrid-divider {
            border: 0;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-v-event {
            background-color: #007D88;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-timegrid-divider {
            padding: 0;
        }

        .calendarapp-wrap .calendarapp-content .fc .table-bordered {
            border: 1px solid #eaeaea;
            border-left: 0;
        }

        .calendarapp-wrap .calendarapp-content .fc .fc-view-harness .fc-daygrid {
            background: #fff;
        }

            .calendarapp-wrap .calendarapp-content .fc .fc-view-harness .fc-daygrid .table-bordered .fc-day-other {
                background-color: #f7f7f7;
            }

        .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event {
            padding: .125rem .375rem;
            border-radius: 0.5rem;
        }

            .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event.has-avatar {
                padding: .375rem .625rem;
            }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event.has-avatar .avatar {
                    margin-right: .625rem;
                    flex-shrink: 0;
                }

            .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main i {
                    margin-right: .25rem;
                }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main span {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main .fc-event-main-frame {
                    overflow: hidden;
                }

                    .calendarapp-wrap .calendarapp-content .fc .fc-daygrid-event .fc-event-main .fc-event-main-frame .fc-event-title {
                        text-overflow: ellipsis;
                    }

        .calendarapp-wrap .calendarapp-content .fc-daygrid-event-dot {
            border-color: #007D88;
        }

    .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {
        left: -270px;
    }

    .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .calendarapp-wrap {
    height: 100vh;
}

.aksa-wrapper .calendar-drawer > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    flex-flow: column;
}

.aksa-wrapper .calendar-drawer .event-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .aksa-wrapper .calendar-drawer .event-head .event-name {
        font-size: 1.25rem;
        font-weight: 500;
        color: #262a2e;
        outline: none;
    }

    .aksa-wrapper .calendar-drawer .event-head .badge-indicator {
        position: relative;
        top: 7px;
    }

.aksa-wrapper .calendar-drawer .event-detail {
    padding-left: 0;
}

    .aksa-wrapper .calendar-drawer .event-detail li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.125rem;
    }

        .aksa-wrapper .calendar-drawer .event-detail li .ev-icon-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #262a2e;
            position: relative;
            top: 1px;
            margin-right: .625rem;
        }

            .aksa-wrapper .calendar-drawer .event-detail li .ev-icon-wrap .feather-icon, .aksa-wrapper .calendar-drawer .event-detail li .ev-icon-wrap .svg-icon {
                font-size: 1.125rem;
            }

@media (max-width: 1199px) {
    .calendarapp-wrap .calendarapp-sidebar {
        left: -270px;
    }

    .calendarapp-wrap .calendarapp-content {
        margin-left: 0;
        padding-left: 0;
    }

        .calendarapp-wrap .calendarapp-content .fc-toolbar-chunk:nth-child(3) > .btn-group {
            display: none;
        }

    .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {
        left: 0;
    }

    .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .calendarapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .calendarapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .calendarapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .calendarapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*Email UI*/
.emailapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
    -webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

    .emailapp-wrap .emailapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .emailapp-wrap .emailapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .emailapp-wrap .emailapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .375rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .emailapp-wrap .emailapp-sidebar .emailapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .emailapp-wrap .emailapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .emailapp-wrap .emailapp-content .emailapp-aside {
            border-right: 1px solid #eaeaea;
            background: #fff;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            height: 100%;
            z-index: 1;
            left: 0;
            width: 370px;
            flex-shrink: 0;
            margin-top: 0;
        }

            .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                border-bottom: 1px solid #eaeaea;
                background: #fff;
                color: #262a2e;
            }

                .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title:after {
                        top: 0;
                    }

                .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button {
                    margin-right: .5rem;
                }

                    .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn:last-child, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:last-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button:last-child {
                        margin-right: 0;
                    }

            .emailapp-wrap .emailapp-content .emailapp-aside .aside-search {
                margin-bottom: 1.25rem;
            }

            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body {
                overflow: auto;
                -ms-flex: 1;
                flex: 1;
                height: 100%;
                padding: 1.25rem;
            }

                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list {
                    margin: 0 -0.8rem;
                }

                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item {
                        padding: 0;
                        border: none;
                        margin-bottom: .25rem;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media {
                            padding: .75rem .8rem;
                            border-radius: 0.5rem;
                            -webkit-transition: 0.2s ease;
                            -moz-transition: 0.2s ease;
                            transition: 0.2s ease;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            cursor: pointer;
                        }

                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head {
                                position: relative;
                                margin-right: 1rem;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                flex-flow: column;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head .badge-indicator {
                                    margin-top: .875rem;
                                }

                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                min-width: 0;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div {
                                    min-width: 0;
                                    flex: 1;
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        margin-bottom: .25rem;
                                    }

                                        .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child {
                                            display: -webkit-box;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -webkit-box-align: center;
                                            -ms-flex-align: center;
                                            align-items: center;
                                            margin-left: auto;
                                        }

                                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star {
                                                display: -webkit-box;
                                                display: -ms-flexbox;
                                                display: flex;
                                                margin-left: .625rem;
                                                opacity: 0;
                                                color: #6f6f6f;
                                            }

                                                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg {
                                                    cursor: pointer;
                                                }

                                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg:hover {
                                                        fill: #FFC400;
                                                        stroke: #FFC400;
                                                    }

                                                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked {
                                                    opacity: 1;
                                                }

                                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg {
                                                        fill: #FFC400;
                                                        stroke: #FFC400;
                                                    }

                                                        .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg:hover {
                                                            fill: none;
                                                            stroke: currentColor;
                                                        }

                                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-time {
                                                font-size: 0.75rem;
                                                margin-left: .625rem;
                                            }

                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head,
                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {
                                        color: #262a2e;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                        text-transform: capitalize;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {
                                        margin-bottom: .25rem;
                                        font-weight: 500;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head {
                                        font-weight: 500;
                                        margin-right: .5rem;
                                        max-width: 150px;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-text {
                                        overflow: hidden;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        font-size: 0.875rem;
                                    }

                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus {
                                background-color: #f2f2f2;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover .media-body > div > div:first-child div:last-child .email-star, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus .media-body > div > div:first-child div:last-child .email-star {
                                    opacity: 1;
                                }

                            .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media.read-email.active-user {
                                background-color: #f2f2f2;
                            }

                    .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border {
                        padding: 0 .8rem;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border:after {
                            background: #f7f7f7;
                        }

        .emailapp-wrap .emailapp-content .emailapp-single-email {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .feather-icon, .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .svg-icon {
                    display: block;
                }

                .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {
                    display: none;
                    margin-right: .625rem;
                }

                .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-head {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: 1rem;
                    }

                    .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-name {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #262a2e;
                        text-transform: capitalize;
                    }

                    .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-status {
                        font-size: 0.875rem;
                    }

                .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    -ms-flex-pack: space-between;
                    margin-bottom: 1.25rem;
                }

                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div h4 {
                            margin-bottom: 0;
                        }

                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item {
                    overflow: auto;
                }

                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header {
                        border-color: transparent;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div {
                            padding: 1.25rem;
                            cursor: pointer;
                            width: 100%;
                            position: relative;
                        }

                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                justify-content: space-between;
                                -webkit-justify-content: space-between;
                                -ms-flex-pack: space-between;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media {
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-head {
                                        margin-right: 1rem;
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-body > div:first-child {
                                        color: #262a2e;
                                        font-weight: 500;
                                    }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-time {
                                        font-size: 0.75rem;
                                        margin-right: 1.25rem;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        margin-right: .625rem;
                                        position: relative;
                                        z-index: 1;
                                    }

                                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg {
                                            cursor: pointer;
                                        }

                                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg:hover {
                                                fill: #FFC400;
                                                stroke: #FFC400;
                                            }

                                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg {
                                            fill: #FFC400;
                                            stroke: #FFC400;
                                        }

                                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg:hover {
                                                fill: none;
                                                stroke: currentColor;
                                            }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action > a {
                                        display: none;
                                    }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] {
                                    position: absolute;
                                    top: 0;
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    border-top-left-radius: calc(0.5rem - 1px);
                                    border-top-right-radius: calc(0.5rem - 1px);
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] ~ .media .media-body > div:last-child {
                                        display: none;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .email-head-action > a {
                                        display: inline-block;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .media .media-body > div:last-child {
                                        display: block;
                                    }

                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div[data-bs-toggle="collapse"][aria-expanded="true"] .email-head .email-head-action > a {
                                display: inline-block;
                            }

                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box {
                            margin-bottom: .5rem;
                            margin-right: .25rem;
                        }

                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div {
                                cursor: pointer;
                                padding: .625rem 1rem;
                                border-radius: 1.25rem;
                                display: inline-block;
                                position: relative;
                                background: #f2f2f2;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media {
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .avatar.avatar-sm .avatar-icon {
                                        font-size: 1.75rem;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .media-body {
                                        margin-left: 1.25rem;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .file-size {
                                        margin-top: .25rem;
                                    }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .file-overlay {
                                    position: absolute;
                                    opacity: 0;
                                    left: 0;
                                    top: 0;
                                    height: 100%;
                                    width: 100%;
                                    color: #fff;
                                    background: rgba(38, 42, 46, 0.4);
                                    border-radius: 1.25rem;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    justify-content: center;
                                    -webkit-justify-content: center;
                                    -ms-flex-pack: center;
                                }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div:hover .file-overlay {
                                    opacity: 1;
                                }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div.msg-action:after {
                                    display: none;
                                }

                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown {
                        display: inline-block;
                    }

                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown > .dropdown-toggle {
                            position: relative;
                            z-index: 1;
                        }

                        .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu {
                            padding: 1rem;
                            font-size: .875rem;
                        }

                            .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div {
                                margin-bottom: .25rem;
                            }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div:last-child {
                                    margin-bottom: 0;
                                }

                                .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span {
                                    display: inline-block;
                                }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:first-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:first-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:first-child {
                                        min-width: 50px;
                                        text-align: right;
                                        margin-right: .5rem;
                                    }

                                    .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:last-child {
                                        color: #262a2e;
                                    }

    .emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {
        left: -270px;
    }

    .emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {
        padding-left: 0;
    }

    .emailapp-wrap .compose-email-popup {
        position: fixed;
        bottom: 0;
        right: 20px;
        width: 700px;
        overflow-y: auto;
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
        z-index: 10000;
        background: #fff;
        display: none;
        border-radius: 0.5rem 0.5rem 0 0;
    }

        .emailapp-wrap .compose-email-popup header {
            Padding: 0.75rem 1.25rem;
            background: #262a2e;
            color: #fff;
        }

            .emailapp-wrap .compose-email-popup header #max_compose_popup .icon > span:last-child {
                display: none;
            }

            .emailapp-wrap .compose-email-popup header .btn-close {
                color: #fff;
                opacity: .6;
            }

                .emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):focus, .emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):hover {
                    color: #fff;
                    opacity: 1;
                }

        .emailapp-wrap .compose-email-popup form {
            padding: 1rem;
            flex: 1 1 auto;
            overflow: auto;
        }

            .emailapp-wrap .compose-email-popup form textarea {
                height: 230px;
            }

        .emailapp-wrap .compose-email-popup.minimize-email-popup {
            width: 300px;
            min-height: auto;
        }

            .emailapp-wrap .compose-email-popup.minimize-email-popup form, .emailapp-wrap .compose-email-popup.minimize-email-popup .compose-email-footer {
                display: none;
            }

        .emailapp-wrap .compose-email-popup.maximize-email-popup {
            width: calc(100vw - 700px);
            height: calc(100vh - 200px);
            bottom: 0;
            right: 0;
            left: 0;
            top: 0;
            margin: auto;
        }

            .emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:first-child {
                display: none;
            }

            .emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:last-child {
                display: inline;
            }

            .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.dd-handle {
                height: calc( 100vh - 500px);
            }

        .emailapp-wrap .compose-email-popup .compose-email-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            padding: 0 1rem 1rem;
        }

.aksa-wrapper.hk__email__backdrop::after {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #262a2e;
    opacity: 0.5;
    z-index: 1033;
    top: 0;
    left: 0;
    content: "";
}

.aksa-wrapper[data-navbar-style="collapsed"] .emailapp-wrap {
    height: 100vh;
}

@media (max-width: 1199px) {
    .emailapp-wrap .emailapp-sidebar {
        left: -270px;
    }

    .emailapp-wrap .emailapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {
        left: 0;
    }

    .emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .emailapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .emailapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .emailapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .emailapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}

@media (max-width: 991px) {
    .emailapp-wrap .emailapp-content .emailapp-aside {
        width: 100%;
    }

    .emailapp-wrap .emailapp-content .emailapp-single-email {
        right: -100%;
        position: fixed;
        top: 0;
        width: 100%;
    }

        .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: flex-start;
        }

            .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {
                display: block;
                flex-shrink: 0;
            }

            .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap + .email-options-wrap {
                margin-left: auto;
            }

            .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .hk-navbar-togglable {
                display: none !important;
            }

    .emailapp-wrap.emailapp-slide .emailapp-content .emailapp-aside {
        left: -100%;
    }

    .emailapp-wrap.emailapp-slide .emailapp-content .emailapp-single-email {
        right: 0;
    }

    .emailapp-wrap .compose-email-popup {
        width: 100%;
        height: 100%;
        right: 0;
        border-radius: 0;
    }

        .emailapp-wrap .compose-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup form textarea.dd-handle {
            height: calc( 100vh - 300px) !important;
        }

        .emailapp-wrap .compose-email-popup.maximize-email-popup {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 0;
        }
}
/*Taskboard*/
.taskboardapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
    -webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

    .taskboardapp-wrap .taskboardapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .taskboardapp-wrap .taskboardapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link,
                .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,
                    .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: 1.5rem;
                        margin-right: .875rem;
                    }

                        .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text,
                        .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .taskboardapp-wrap .taskboardapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .taskboardapp-wrap .taskboardapp-sidebar .taskboardapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .taskboardapp-wrap .taskboardapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            width: 100%;
            z-index: 10;
        }

            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    white-space: nowrap;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin-left: .625rem;
                            font-size: 1.25rem;
                        }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star > .feather-icon > svg, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star .svg-icon > svg {
                                cursor: pointer;
                            }

                                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star > .feather-icon > svg:hover, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star .svg-icon > svg:hover {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked > .feather-icon > svg, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked .svg-icon > svg {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked > .feather-icon > svg:hover, .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title h1 .task-star.marked .svg-icon > svg:hover {
                                    fill: none;
                                    stroke: currentColor;
                                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboardapp-title:after {
                        top: 0;
                    }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-head {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: 1rem;
                    }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-body .user-name {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #262a2e;
                        text-transform: capitalize;
                    }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .media .media-body .user-status {
                        font-size: 0.875rem;
                    }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > a:first-child {
                            margin-left: 0;
                        }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > .d-flex.ms-auto > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap header.taskboard-header .taskboard-options-wrap > .d-flex.ms-auto > a:first-child {
                            margin-left: 0;
                        }

            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body {
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    flex-flow: column;
                    width: 100%;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .taskbar-toolbar {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        justify-content: space-between;
                        -webkit-justify-content: space-between;
                        -ms-flex-pack: space-between;
                        padding: 1.25rem;
                    }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-scroll {
                        display: -ms-flexbox;
                        display: flex;
                        overflow-x: auto;
                        max-height: 100%;
                        overflow-y: hidden;
                        margin-top: 2.25rem;
                        padding-bottom: 1.25rem;
                        -webkit-transition: width 0.2s ease;
                        -moz-transition: width 0.2s ease;
                        transition: width 0.2s ease;
                    }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap {
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: flex-start;
                        -ms-flex-align: flex-start;
                        align-items: flex-start;
                        padding: 0 1.25rem;
                        float: left;
                    }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist {
                            max-height: 100%;
                            margin: 0 .875rem;
                        }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist:first-child {
                                margin-left: 0;
                            }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .tasklist:last-child {
                                margin-right: 0;
                            }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list {
                            margin: 0 .875rem;
                        }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list:first-child {
                                margin-left: 0;
                            }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body > div .tasklist-wrap .spipeline-list:last-child {
                                margin-right: 0;
                            }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap {
                    margin-top: 3.75rem;
                    margin-bottom: 3.75rem;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] {
                        margin-bottom: 1.875rem;
                    }

                        .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card {
                            margin-bottom: 0;
                        }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card .media .media-head {
                                margin-right: 1rem;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                            }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-head {
                                margin-right: 1rem;
                            }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-body {
                                overflow: hidden;
                            }

                                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.board-card .media .media-body span {
                                    display: block;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    color: #262a2e;
                                    font-weight: 500;
                                    font-size: 1.125rem;
                                }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-head {
                                margin-right: 1rem;
                            }

                            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body {
                                overflow: hidden;
                            }

                                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child {
                                    color: #262a2e;
                                    font-weight: 500;
                                    font-size: 1.125rem;
                                    margin-bottom: .25rem;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                }

                                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child .badge {
                                        margin-left: .625rem;
                                        flex-shrink: 0;
                                    }

                                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:first-child span {
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                        max-width: 200px;
                                    }

                                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body .board-team-wrap .tab-pane .row > [class*="col-"] .card.team-card .media .media-body > div:last-child {
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body.taskboard-body-alt {
                    background: #f7f7f7;
                }

                    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-body.taskboard-body-alt > div .tasklist-scroll {
                        overflow: auto;
                        max-height: inherit;
                        height: 100%;
                        margin-top: 0;
                        padding-bottom: 1.25rem;
                        padding-top: 1.875rem;
                        margin-bottom: 5.125rem;
                    }

            .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info {
                position: absolute;
                top: 65px;
                right: -370px;
                width: 370px;
                margin-left: 0;
                bottom: 0;
                z-index: 100;
                border: none;
                background: #fff;
                border-left: 1px solid #eaeaea;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info .nicescroll-bar {
                    padding: 1.25rem;
                }

    .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {
        left: -270px;
    }

    .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {
        padding-left: 0;
    }

    .taskboardapp-wrap.taskboardapp-info-active .taskboardapp-detail-wrap .taskboard-info {
        right: 0;
    }

.tasklist {
    min-height: 100px;
    width: 350px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #f7f7f7;
}

    .tasklist > .card-header {
        flex-flow: column;
    }

        .tasklist > .card-header > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            width: 100%;
            margin-bottom: 1rem;
        }

    .tasklist .tasklist-handle {
        cursor: grab;
    }

        .tasklist .tasklist-handle h6 {
            pointer-events: none;
        }

    .tasklist.add-new-task {
        min-height: 0;
        border: 0;
        background: transparent;
    }

.spipeline-list {
    min-height: 100px;
    width: 350px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: transparent;
}

    .spipeline-list > .card-header {
        flex-flow: column;
        background: #fff;
        border-radius: 0.5rem !important;
        margin-bottom: .875rem;
    }

        .spipeline-list > .card-header > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            width: 100%;
        }

            .spipeline-list > .card-header > div .overall-estimation {
                color: #262a2e;
                font-weight: 500;
            }

            .spipeline-list > .card-header > div .spipeline-dot-sep {
                color: #d8d8d8;
                margin: 0 5px;
            }

            .spipeline-list > .card-header > div .lead-count {
                font-size: 0.75rem;
            }

        .spipeline-list > .card-header .btn-block {
            margin-top: 1rem;
        }

    .spipeline-list > .card-body {
        border-radius: 0.5rem !important;
        padding: 0;
    }

    .spipeline-list .spipeline-handle {
        cursor: grab;
    }

        .spipeline-list .spipeline-handle h6 {
            pointer-events: none;
        }

    .spipeline-list.create-new-list {
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        min-height: 139px;
    }

        .spipeline-list.create-new-list > .card-header {
            background: transparent;
            margin: 0;
        }

            .spipeline-list.create-new-list > .card-header .btn-block {
                margin: 0;
            }

.tasklist-card .card-header .card-action-wrap {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.tasklist-card:hover .card-header .card-action-wrap {
    opacity: 1;
}

.tasklist-card .card-body {
    padding-top: 0;
}

.tasklist-card .card-footer > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tasklist-card .card-footer .task-counter,
.tasklist-card .card-footer .task-discuss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
}

    .tasklist-card .card-footer .task-counter > span,
    .tasklist-card .card-footer .task-discuss > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .tasklist-card .card-footer .task-counter > span:first-child,
        .tasklist-card .card-footer .task-discuss > span:first-child {
            margin-right: .25rem;
        }

.tasklist-card .card-footer .task-discuss {
    margin-left: .5rem;
}

.tasklist-card .card-footer .task-deadline {
    font-size: 0.875rem;
}

.spipeline-card .card-body {
    padding: .75rem 1.25rem;
}

    .spipeline-card .card-body > .media .media-head {
        margin-right: 1rem;
    }

    .spipeline-card .card-body > .media .media-body .brand-name {
        color: #262a2e;
        font-weight: 600;
    }

    .spipeline-card .card-body > .media .media-body .price-estimation {
        color: #262a2e;
        font-weight: 500;
    }

    .spipeline-card .card-body > .media .media-body .media {
        margin-top: .25rem;
    }

        .spipeline-card .card-body > .media .media-body .media .media-head {
            margin-right: .25rem;
        }

        .spipeline-card .card-body > .media .media-body .media .media-body p {
            font-size: 0.75rem;
        }

    .spipeline-card .card-body .spipeline-dropdown .position-relative {
        top: -10px;
    }

    .spipeline-card .card-body .spipeline-dropdown .dropdown-item {
        padding: .5rem .75rem;
    }

.spipeline-card.lost-deal {
    background: #ffebeb;
}

.spipeline-card.won-deal {
    background: #ebfcf5;
}

.aksa-wrapper[data-navbar-style="collapsed"] .taskboardapp-wrap {
    height: 100vh;
}

.task-detail-modal .modal-body header.task-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 1.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
    height: 65px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    margin-right: 12.5rem;
}

    .task-detail-modal .modal-body header.task-header .apexcharts-datalabels-group text {
        font-family: inherit;
        font-size: 0.75rem;
        fill: #6f6f6f;
        position: absolute;
        transform: translateY(5px);
    }

        .task-detail-modal .modal-body header.task-header .apexcharts-datalabels-group text:last-child {
            display: none;
        }

    .task-detail-modal .modal-body header.task-header .task-options-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star > .feather-icon > svg, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star .svg-icon > svg {
                height: 21px;
                width: 21px;
                cursor: pointer;
            }

                .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star > .feather-icon > svg:hover, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star .svg-icon > svg:hover {
                    fill: #FFC400;
                    stroke: #FFC400;
                }

            .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked .svg-icon > svg {
                fill: #FFC400;
                stroke: #FFC400;
            }

                .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg:hover, .task-detail-modal .modal-body header.task-header .task-options-wrap .task-star.marked .svg-icon > svg:hover {
                    fill: none;
                    stroke: currentColor;
                }

        .task-detail-modal .modal-body header.task-header .task-options-wrap > a {
            display: inline-block;
        }

            .task-detail-modal .modal-body header.task-header .task-options-wrap > a:first-child {
                margin-left: 0;
            }

.task-detail-modal .modal-body .task-detail-body {
    padding: 1.25rem;
    margin-right: 12.5rem;
}

    .task-detail-modal .modal-body .task-detail-body form .media .media-head {
        margin-right: 1rem;
    }

    .task-detail-modal .modal-body .task-detail-body form .media .media-body .as-name {
        font-weight: 500;
        color: #262a2e;
    }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media {
        margin-bottom: 1.25rem;
    }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-head {
            margin-right: 1rem;
        }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:first-child {
            font-weight: 500;
            color: #262a2e;
        }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:last-child {
            font-size: 0.875rem;
        }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-head {
        margin-right: 1rem;
    }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem;
    }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .cm-name {
            font-weight: 500;
            color: #262a2e;
        }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .badge {
            margin-left: .625rem;
            flex-shrink: 0;
        }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap span, .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap a {
        color: #6f6f6f;
        font-size: 0.75rem;
    }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {
        margin: 0 .25rem;
        color: #d8d8d8;
    }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > .media {
        margin-top: 1.875rem;
    }

    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files {
        margin: 0 -.8rem;
        padding-left: 0;
    }

        .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li {
            padding: .8rem;
            border-radius: 0.5rem;
            -webkit-transition: 0.2s ease;
            -moz-transition: 0.2s ease;
            transition: 0.2s ease;
            margin-bottom: .25rem;
        }

            .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:last-child {
                margin-bottom: 0;
            }

            .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-head {
                    margin-right: 1rem;
                }

                    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-head .avatar.avatar-sm .avatar-icon {
                        font-size: 1.75rem;
                    }

                .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-width: 0;
                }

                    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:first-child {
                        min-width: 0;
                        -ms-flex: 1;
                        flex: 1;
                    }

                    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:last-child {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-name {
                        color: #262a2e;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        font-weight: 500;
                        max-width: 200px;
                    }

                    .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-size {
                        margin-top: .25rem;
                        font-size: 0.875rem;
                    }

            .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover {
                background-color: #f2f2f2;
            }

                .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body .file-name {
                    color: #007D88;
                }

                .task-detail-modal .modal-body .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body a.cp-file-action {
                    color: #262a2e;
                }

.task-detail-modal .modal-body .task-action-wrap {
    position: absolute;
    top: 0;
    width: 200px;
    right: 0;
    z-index: 1;
    border-left: 1px solid #eaeaea;
    bottom: 0;
    background: #fff;
}

    .task-detail-modal .modal-body .task-action-wrap .nicescroll-bar {
        padding: 1.5rem;
    }

        .task-detail-modal .modal-body .task-action-wrap .nicescroll-bar .nav-vertical > .nav-item > .nav-link {
            padding-left: 0;
            padding-right: 0;
        }

@media (max-width: 1399px) {
    .taskboardapp-wrap .taskboardapp-sidebar {
        left: -270px;
    }

    .taskboardapp-wrap .taskboardapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-sidebar {
        left: 0;
    }

    .taskboardapp-wrap.taskboardapp-sidebar-toggle .taskboardapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .taskboardapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .taskboardapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .taskboardapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .taskboardapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}

@media (max-width: 1199px) {
    .taskboardapp-wrap .taskboardapp-content .taskboardapp-detail-wrap .taskboard-info {
        top: 0;
    }

    .info-close {
        position: relative;
        top: -4px;
    }

    .task-detail-modal .modal-body header.task-header,
    .task-detail-modal .modal-body .task-detail-body {
        margin-right: 0;
    }

    .task-action-wrap {
        display: none;
    }
}
/*Checklist List*/
.hk-checklist .form-check {
    margin-bottom: .625rem;
    position: relative;
}

    .hk-checklist .form-check .form-check-label {
        position: relative;
    }

    .hk-checklist .form-check .done-strikethrough {
        display: block;
        height: 12px;
        background: #FF0000;
        mix-blend-mode: multiply;
        opacity: .08;
        width: 0;
        transition: width .35s ease-in-out, opacity .25s ease-in-out;
        position: absolute;
        margin-left: 0;
        top: 35%;
        left: 0;
        pointer-events: none;
        content: "";
    }

    .hk-checklist .form-check.form-check input:checked + label .done-strikethrough {
        width: 100%;
    }

    .hk-checklist .form-check .delete-checklist {
        position: absolute;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .hk-checklist .form-check:hover .delete-checklist {
        opacity: 1;
    }

.hk-checklist .add-new-checklist .feather-icon {
    margin-right: .25rem;
}

.hk-checklist .form-control.checklist-input, .hk-checklist .checklist-input.form-select, .hk-checklist .wizard > .content > .body input.checklist-input, .wizard > .content > .body .hk-checklist input.checklist-input, .hk-checklist .checklist-input.dd-handle {
    position: absolute;
    top: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    height: auto;
    width: auto;
}

/*Contact */
.contactapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .contactapp-wrap .contactapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .contactapp-wrap .contactapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .contactapp-wrap .contactapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .contactapp-wrap .contactapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

            .contactapp-wrap .contactapp-sidebar .menu-content-wrap .tag-cloud .badge {
                margin-bottom: .25rem;
            }

        .contactapp-wrap .contactapp-sidebar .contactapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .contactapp-wrap .contactapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .contactapp-wrap .contactapp-content header.contact-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            height: 65px;
            padding: 0 1.25rem;
            background: #fff;
            border-bottom: 1px solid #eaeaea;
            position: relative;
        }

            .contactapp-wrap .contactapp-content header.contact-header .contactapp-title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .contactapp-wrap .contactapp-content header.contact-header .contactapp-title h1 {
                    font-size: 1.5rem;
                    font-weight: 500;
                    margin-bottom: 0;
                }

                .contactapp-wrap .contactapp-content header.contact-header .contactapp-title:after {
                    top: 0;
                }

            .contactapp-wrap .contactapp-content header.contact-header .media {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .contactapp-wrap .contactapp-content header.contact-header .media .media-head {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-right: 1rem;
                }

                .contactapp-wrap .contactapp-content header.contact-header .media .media-body .user-name {
                    font-size: 1rem;
                    font-weight: 500;
                    color: #262a2e;
                    text-transform: capitalize;
                }

                .contactapp-wrap .contactapp-content header.contact-header .media .media-body .user-status {
                    font-size: 0.875rem;
                }

            .contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap > a {
                    margin-left: .25rem;
                    display: inline-block;
                }

                    .contactapp-wrap .contactapp-content header.contact-header .contact-options-wrap > a:first-child {
                        margin-left: 0;
                    }

        .contactapp-wrap .contactapp-content .contactapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap {
                        padding: 1rem;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form {
                            border-radius: 0.5rem;
                            padding: 1.25rem;
                            background: #f7f7f7;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .dropify-square {
                                position: absolute;
                            }

                                .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .dropify-square .dropify-wrapper {
                                    height: 5.75rem;
                                    width: 5.75rem;
                                }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .quick-access-form-wrap .quick-access-form .col-md-12 {
                                padding-left: 7.125rem;
                            }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right {
                        min-height: 45px;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left > div,
                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left > div {
                            margin-right: 1rem;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-left > div:last-child,
                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-left > div:last-child {
                                margin-right: 0;
                            }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right {
                        justify-content: flex-end;
                        -webkit-justify-content: flex-end;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right > div,
                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right > div {
                            margin-left: 1rem;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right > div:first-child,
                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right > div:first-child {
                                margin-left: 0;
                            }

                        .dataTables_filter,
                        .dataTables_length,
                        .dataTables_info,
                        .dataTables_filter,
                        .dataTables_length,
                        .dataTables_info {
                            float: none;
                        }

                            .dataTables_filter label,
                            .dataTables_length label,
                            .dataTables_info label,
                            .dataTables_filter label,
                            .dataTables_length label,
                            .dataTables_info label {
                                margin-bottom: 0;
                            }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info,
                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info {
                            padding-top: 0;
                            width: 95px;
                            text-align: right;
                        }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate,
                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate {
                            padding-top: 0;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child),
                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {
                                display: none;
                            }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link,
                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {
                                padding: 0;
                                background: transparent;
                                min-width: auto;
                                font-size: 1.25rem;
                            }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length select,
                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length select {
                            margin-right: 0;
                            margin-left: .625rem;
                            display: inline-block;
                            width: auto;
                        }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-left: .625rem;
                        font-size: 1rem;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star .svg-icon > svg {
                            cursor: pointer;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked .svg-icon > svg {
                            fill: #FFC400;
                            stroke: #FFC400;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-star.marked .svg-icon > svg:hover {
                                fill: none;
                                stroke: currentColor;
                            }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .form-check.form-check-lg {
                        position: absolute;
                        left: 14px;
                        top: 17px;
                        cursor: pointer;
                        opacity: 0;
                    }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-name {
                        color: #262a2e;
                        font-weight: 500;
                        margin-top: .625rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-name,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-email,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-contact,
                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .user-desg {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-bottom: .25rem;
                    }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .card-footer {
                        padding: 0;
                        justify-content: center;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card .card-footer > .d-flex {
                            padding: 0.75rem 1.25rem;
                            justify-content: center;
                            width: 100%;
                            color: #6f6f6f;
                            font-size: 1rem;
                        }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card.contact-card:hover .form-check.form-check-lg {
                        opacity: 1;
                    }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .625rem;
                        opacity: 0;
                        font-size: 1rem;
                    }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star .svg-icon > svg {
                            cursor: pointer;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked {
                            opacity: 1;
                        }

                            .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked > .feather-icon > svg, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked .svg-icon > svg {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                                .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked > .feather-icon > svg:hover, .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card .contact-star.marked .svg-icon > svg:hover {
                                    fill: none;
                                    stroke: currentColor;
                                }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .card:hover .contact-star {
                        opacity: 1;
                    }

                    .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view.select-multiple .card.contact-card .form-check.form-check-lg {
                        opacity: 1;
                    }

        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar {
            padding: 0 !important;
        }

            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info {
                position: relative;
                padding: 1.25rem;
                flex-shrink: 0;
                border-right: 1px solid #eaeaea;
            }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .action-btn {
                    position: absolute;
                    right: 1.25rem;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .cp-name {
                    font-size: 1.25rem;
                    font-weight: 500;
                    color: #262a2e;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .cp-info {
                    padding-left: 0;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .dropify-circle .dropify-wrapper {
                    margin: 0 auto;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card {
                    margin-bottom: 0;
                    box-shadow: none;
                    border: 0;
                    border-radius: 0;
                    border-radius: 0;
                    padding: 0.5rem 0;
                }

                    .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-header {
                        border: none;
                        padding: .5rem 0;
                    }

                        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-header > a {
                            font-size: 0.875rem;
                            font-weight: 500;
                            display: block;
                            width: 100%;
                            color: #007D88;
                            text-align: left;
                            position: relative;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            justify-content: space-between;
                            -webkit-justify-content: space-between;
                            -ms-flex-pack: space-between;
                        }

                    .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body {
                        padding: .5rem 0;
                    }

                        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li {
                            margin-bottom: .625rem;
                        }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li a {
                                color: #262a2e;
                            }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span {
                                display: inline-block;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span:first-child {
                                    min-width: 100px;
                                    margin-right: 1rem;
                                }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-info li > span:last-child {
                                    color: #262a2e;
                                }

                        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action {
                            padding-left: 0;
                        }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li {
                                margin-bottom: 10px;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li a {
                                    color: #262a2e;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                }

                                    .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li a .cp-icon-wrap {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        margin-right: .5rem;
                                        font-size: 1.125rem;
                                    }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-info .card .card-body .cp-action li:last-child {
                                    margin-bottom: .25rem;
                                }

            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info {
                flex-grow: 1;
            }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .nav-tabs .nav-item .nav-link {
                    padding: .75rem 1.25rem;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .nav-tabs.nav-line {
                    border-bottom: 1px solid #eaeaea;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .tab-content {
                    padding: 0 1.25rem;
                }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap {
                    padding: 0 1.25rem;
                }

                    .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus {
                        padding: 0;
                        list-style-type: none;
                        font-family: arial;
                        font-size: 0.875rem;
                        clear: both;
                        line-height: 1em;
                        margin: 0 -1px;
                        text-align: center;
                    }

                        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li {
                            float: left;
                            padding: 1rem 1.875rem 1rem 2.5rem;
                            background: #d8d8d8;
                            position: relative;
                            width: 19.5%;
                            margin: 0 1px;
                        }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:before {
                                content: '';
                                border-left: 20px solid #fff;
                                border-top: 20px solid transparent;
                                border-bottom: 20px solid transparent;
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                            }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:first-child {
                                border-radius: 0.5rem 0 0 0.5rem;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:first-child:before {
                                    display: none;
                                }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:last-child {
                                border-radius: 0 0.5rem 0.5rem 0;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:last-child:after {
                                    display: none;
                                }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li:after {
                                content: '';
                                border-left: 20px solid #d8d8d8;
                                border-top: 20px solid transparent;
                                border-bottom: 20px solid transparent;
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 100%;
                                z-index: 20;
                            }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.active {
                                background: #FF9100;
                                color: #fff;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.active:after {
                                    border-left-color: #FF9100;
                                }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.completed {
                                background: #007D88;
                                color: #fff;
                            }

                                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li.completed:after {
                                    border-left-color: #007D88;
                                }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .pipeline-status-wrap .pipeline-stutus li > span {
                                display: block;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap {
                    padding: 0 1.25rem 1.25rem;
                }

                    .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread {
                        padding-left: 0;
                    }

                        .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li {
                            margin-bottom: 1rem;
                        }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li:last-child {
                                margin-bottom: 0;
                            }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li .media .media-head {
                                margin-right: 1rem;
                            }

                            .contactapp-wrap .contactapp-content .contact-detail-body .nicescroll-bar .contact-more-info .activity-wrap .activity-thread li .media .media-body > div .activity-time {
                                font-size: 0.75rem;
                                margin-top: .25rem;
                            }

        .contactapp-wrap .contactapp-content .contact-detail-modal header.contact-header {
            height: auto;
            padding: 1.25rem;
            border-radius: 0.5rem 0.5rem 0 0;
        }

            .contactapp-wrap .contactapp-content .contact-detail-modal header.contact-header ul.hk-list.hk-list-sm li {
                padding: 0 .4rem;
            }

    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-sidebar {
        left: -270px;
    }

    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .contactapp-wrap {
    height: 100vh;
}

@media (max-width: 1740px) {
    .contactapp-wrap .contactapp-content {
        margin-left: 0;
        padding-left: 0;
    }

        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_info,
        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-list-view .contact-toolbar-right .dataTables_length,
        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_info,
        .contactapp-wrap .contactapp-content .contactapp-detail-wrap .contact-body .nicescroll-bar .contact-card-view .contact-toolbar-right .dataTables_length {
            display: none;
        }

    .contactapp-wrap .contactapp-sidebar {
        left: -270px;
    }

    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-sidebar {
        left: 0;
    }

    .contactapp-wrap.contactapp-sidebar-toggle .contactapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .contactapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .contactapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .contactapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .contactapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*File Manager*/
.fmapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .fmapp-wrap .fmapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .fmapp-wrap .fmapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .fmapp-wrap .fmapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .fmapp-wrap .fmapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .fmapp-wrap .fmapp-sidebar .fmapp-storage {
            padding: 1.5rem;
        }

        .fmapp-wrap .fmapp-sidebar .fmapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .fmapp-wrap .fmapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .fmapp-wrap .fmapp-content .fmapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fmapp-title:after {
                        top: 0;
                    }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap header.fm-header .fm-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .nav-line {
                        margin: 0 -1.25rem;
                        border-bottom: 1px solid #eaeaea;
                    }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-left: .625rem;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star .svg-icon > svg {
                            height: 16px;
                            width: 16px;
                            cursor: pointer;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked .svg-icon > svg {
                            fill: #FFC400;
                            stroke: #FFC400;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .file-star.marked .svg-icon > svg:hover {
                                fill: none;
                                stroke: currentColor;
                            }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .media .media-body .file-name {
                        color: #262a2e;
                        font-weight: 500;
                        max-width: 190px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media {
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        cursor: pointer;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media .media-body .file-name {
                            -webkit-transition: color 0.2s ease;
                            -moz-transition: color 0.2s ease;
                            transition: color 0.2s ease;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-list-view .fmapp-info-trigger.media:hover .media-body .file-name {
                            color: #007D88;
                        }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .25rem;
                        margin-top: .4rem;
                        margin-left: .625rem;
                        opacity: 0;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star .svg-icon > svg {
                            cursor: pointer;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked .svg-icon > svg {
                            fill: #FFC400;
                            stroke: #FFC400;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked > .feather-icon > svg:hover, .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .file-star.marked .svg-icon > svg:hover {
                                fill: none;
                                stroke: currentColor;
                            }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card {
                        cursor: pointer;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body {
                            min-height: 150px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            justify-content: center;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-body i {
                                font-size: 2.375rem;
                            }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer {
                            display: block;
                            -webkit-transition: background 0.2s ease;
                            -moz-transition: background 0.2s ease;
                            transition: background 0.2s ease;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div {
                                min-width: 0;
                            }

                                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .card-footer > .d-flex > div .file-name {
                                    color: #262a2e;
                                    font-weight: 500;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card .file-star.marked {
                            opacity: 1;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .file-star {
                            opacity: 1;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer {
                            background: #ebf5f5;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-card:hover .card-footer .file-name {
                                color: #007D88;
                            }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card {
                        -webkit-transition: background 0.2s ease;
                        -moz-transition: background 0.2s ease;
                        transition: background 0.2s ease;
                        cursor: pointer;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media {
                            overflow: hidden;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .avatar {
                                flex-shrink: 0;
                            }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body {
                                min-width: 0;
                            }

                                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .card-body .media .media-body .file-name {
                                    color: #262a2e;
                                    font-weight: 500;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card .file-star.marked {
                            opacity: 1;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover {
                            background: #ebf5f5;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .file-star {
                                opacity: 1;
                            }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .avatar {
                                flex-shrink: 0;
                            }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .fm-body .nicescroll-bar .file-card-view .card.file-compact-card:hover .card-body .media .media-body .file-name {
                                color: #007D88;
                            }

            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info {
                position: absolute;
                top: 65px;
                right: -370px;
                width: 370px;
                margin-left: 0;
                bottom: 0;
                z-index: 100;
                border: none;
                background: #fff;
                border-left: 1px solid #eaeaea;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .nicescroll-bar {
                    padding: 1.25rem;
                }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .file-name {
                    color: #262a2e;
                    font-size: 1.25rem;
                    font-weight: 500;
                    max-width: 250px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info {
                    padding-left: 0;
                }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li {
                        margin-bottom: .625rem;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li a {
                            color: #262a2e;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span {
                            display: inline-block;
                        }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:first-child {
                                min-width: 100px;
                                margin-right: 1rem;
                            }

                            .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-info li > span:last-child {
                                color: #262a2e;
                            }

                .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action {
                    padding-left: 0;
                }

                    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li {
                        margin-bottom: .625rem;
                    }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li a {
                            color: #262a2e;
                        }

                        .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info .fm-action li:last-child {
                            margin-bottom: .25rem;
                        }

    .fmapp-wrap.fmapp-info-active .fmapp-detail-wrap .file-info {
        right: 0;
    }

    .fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {
        left: -270px;
    }

    .fmapp-wrap.fmapp-sidebar-toggle .fmapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .fmapp-wrap {
    height: 100vh;
}

@media (max-width: 1199px) {
    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .file-info {
        top: 0;
    }
}

@media (max-width: 767px) {
    .fmapp-wrap .fmapp-sidebar {
        left: -270px;
    }

    .fmapp-wrap .fmapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {
        left: 0;
    }

    .fmapp-wrap.fmapp-sidebar-toggle .fmapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .fmapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .fmapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .fmapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .fmapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*Gallery App*/
.galleryapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .galleryapp-wrap .galleryapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .galleryapp-wrap .galleryapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .galleryapp-wrap .galleryapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .galleryapp-wrap .galleryapp-sidebar .galleryapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .galleryapp-wrap .galleryapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .galleryapp-title:after {
                        top: 0;
                    }

                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap header.gallery-header .gallery-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a {
                        position: relative;
                        display: block;
                    }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .form-check {
                            position: absolute;
                            left: 14px;
                            top: 17px;
                            cursor: pointer;
                            opacity: 0;
                            -webkit-transition: all 0.2s ease;
                            -moz-transition: all 0.2s ease;
                            transition: all 0.2s ease;
                        }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            position: absolute;
                            right: 14px;
                            top: 20px;
                            opacity: 0;
                            color: #6f6f6f;
                        }

                            .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star > .feather-icon > svg, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star .svg-icon > svg {
                                cursor: pointer;
                            }

                                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star > .feather-icon > svg:hover, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star .svg-icon > svg:hover {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                            .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked {
                                opacity: 1;
                            }

                                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked > .feather-icon > svg, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked .svg-icon > svg {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked > .feather-icon > svg:hover, .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-star.marked .svg-icon > svg:hover {
                                        fill: none;
                                        stroke: currentColor;
                                    }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a:hover .form-check {
                            opacity: 1;
                        }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a:hover .gallery-star {
                            opacity: 1;
                        }

                        .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-img {
                            min-height: 230px;
                            background-size: cover;
                            background-position: center;
                        }

                            .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body .nicescroll-bar .hk-gallery a .gallery-img.gallery-video:after {
                                content: "\efb6";
                                font-family: remixicon;
                                font-style: normal;
                                position: absolute;
                                right: 14px;
                                bottom: 14px;
                                font-size: 1.5rem;
                                height: 35px;
                                width: 35px;
                                border-radius: 50%;
                                background: rgba(255, 255, 255, 0.45);
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                justify-content: center;
                                color: #fff;
                            }

                .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body.select-multiple .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .galleryapp-wrap .galleryapp-content .galleryapp-detail-wrap .gallery-body.select-multiple .nicescroll-bar .hk-gallery a .form-check {
                        opacity: 1;
                    }

    .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-sidebar {
        left: -270px;
    }

    .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-content {
        padding-left: 0;
    }

.lg-outer.galleryapp-info-active .lg-img-wrap {
    padding-right: 26.25rem !important;
    background: url("../img/loading.gif") no-repeat scroll transparent;
    background-position: center center;
    background-position: calc((100% - 300px) / 2) center;
}

.lg-outer.galleryapp-info-active .lg-video-cont {
    padding-right: 20rem !important;
    background: url("../img/loading.gif") no-repeat scroll transparent;
    background-position: center center;
    background-position: calc((100% - 300px) / 2) center;
}

.lg-outer.galleryapp-info-active .lg-sub-html {
    height: 100%;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 420px;
    z-index: 99999;
    left: auto;
    color: inherit;
    padding: 0;
    text-align: left;
    background: #fff url("../img/loading.gif") no-repeat scroll center center;
}

    .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        padding: 1.25rem;
        margin: 0 -1.25rem;
        height: 65px;
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }

        .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .file-name {
            font-weight: 500;
            color: #262a2e;
            max-width: 190px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .file-type {
            font-size: 0.75rem;
        }

        .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap > a {
                margin-left: .25rem;
                display: inline-block;
            }

                .lg-outer.galleryapp-info-active .lg-sub-html header.gallery-header .gallery-options-wrap > a:first-child {
                    margin-left: 0;
                }

    .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li {
        margin-bottom: .625rem;
    }

        .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span {
            display: inline-block;
        }

            .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span:first-child {
                min-width: 100px;
                margin-right: 1rem;
            }

            .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .file-info li > span:last-child {
                color: #262a2e;
            }

.lg-outer.galleryapp-info-active .galleryapp-info-active.fb_iframe_widget {
    background-image: none;
}

    .lg-outer.galleryapp-info-active .galleryapp-info-active.fb_iframe_widget.fb_iframe_widget_loader {
        background: #fff url("../img/loading.gif") no-repeat scroll center center;
    }

.lg-outer.galleryapp-info-active .lg-toolbar {
    right: 420px;
    width: auto;
}

.lg-outer.galleryapp-info-active .lg-actions .lg-next {
    right: 440px;
}

.lg-outer.galleryapp-info-active .lg-item {
    background-image: none;
}

    .lg-outer.galleryapp-info-active .lg-item.lg-complete .lg-img-wrap {
        background-image: none;
    }

    .lg-outer.galleryapp-info-active .lg-item.lg-complete .lg-video-cont {
        background-image: none;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .galleryapp-wrap {
    height: 100vh;
}

@media (max-width: 767px) {
    .galleryapp-wrap .galleryapp-sidebar {
        left: -270px;
    }

    .galleryapp-wrap .galleryapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-sidebar {
        left: 0;
    }

    .galleryapp-wrap.galleryapp-sidebar-toggle .galleryapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .galleryapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .galleryapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .galleryapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .galleryapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }

    .lg-outer.galleryapp-info-active .lg-img-wrap {
        padding-right: 0 !important;
    }

    .lg-outer.galleryapp-info-active .lg-video-cont {
        padding-right: 0 !important;
    }

    .lg-outer.galleryapp-info-active .lg-sub-html {
        display: none;
    }

    .lg-outer.galleryapp-info-active .lg-toolbar {
        right: 0;
    }

    .lg-outer.galleryapp-info-active .lg-actions .lg-next {
        right: 20px;
    }
}
/*Todo*/
.todoapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .todoapp-wrap .todoapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .todoapp-wrap .todoapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .todoapp-wrap .todoapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link,
                .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,
                    .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: 1.5rem;
                        margin-right: .875rem;
                    }

                        .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text,
                        .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > div .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .todoapp-wrap .todoapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .todoapp-wrap .todoapp-sidebar .todoapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .todoapp-wrap .todoapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 270px;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .todoapp-wrap .todoapp-content .todoapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
            width: calc(100vw - 270px);
        }

            .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    white-space: nowrap;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin-left: .625rem;
                            font-size: 1.25rem;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star .svg-icon > svg {
                                cursor: pointer;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star .svg-icon > svg:hover {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked .svg-icon > svg {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title h1 .task-star.marked .svg-icon > svg:hover {
                                    fill: none;
                                    stroke: currentColor;
                                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todoapp-title:after {
                        top: 0;
                    }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-head {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: 1rem;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-body .user-name {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #262a2e;
                        text-transform: capitalize;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .media .media-body .user-status {
                        font-size: 0.875rem;
                    }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > .d-flex.ms-auto > a,
                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > .d-flex.ms-auto > a:first-child,
                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap header.todo-header .todo-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body {
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-right: 0;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        justify-content: space-between;
                        -webkit-justify-content: space-between;
                        -ms-flex-pack: space-between;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {
                                display: none;
                            }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .todo-toolbar > div .pagination.custom-pagination .page-link {
                                padding: 0;
                                background: transparent;
                                min-width: auto;
                                font-size: 1.25rem;
                            }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        height: 100%;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .gutter.gutter-horizontal {
                            cursor: ew-resize;
                            position: relative;
                            width: 7px;
                            cursor: ew-resize;
                            text-align: center;
                            background: #fff;
                            border-left: 1px solid #eaeaea;
                            border-right: 1px solid #eaeaea;
                            z-index: 5;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .gutter.gutter-horizontal:after {
                                display: inline-block;
                                font-family: remixicon !important;
                                font-style: normal;
                                content: "\ef26";
                                position: absolute;
                                top: 50%;
                                left: -8px;
                                font-size: 1.25rem;
                                transform: translateY(-50%);
                                color: #007D88;
                            }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap {
                            width: calc(100vw - 270px);
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                margin-left: .625rem;
                                margin-right: .625rem;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star .svg-icon > svg {
                                    cursor: pointer;
                                }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star .svg-icon > svg:hover {
                                        fill: #FFC400;
                                        stroke: #FFC400;
                                    }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked .svg-icon > svg {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-star.marked .svg-icon > svg:hover {
                                        fill: none;
                                        stroke: currentColor;
                                    }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task .todo-text {
                                color: #262a2e;
                            }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table .gt-single-task > div {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                            }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable {
                                margin-top: 0 !important;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable th:first-child, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable td:first-child {
                                    border-left-width: 0;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable thead tr:first-child th, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .table-wrap table.gt-todo-table.table-bordered.dataTable thead tr:first-child td {
                                    border-top-width: 0;
                                }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container {
                            overflow: initial;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt {
                                fill: #007D88;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .grid-row:nth-child(even) {
                                    fill: #fff;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .row-line, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .tick {
                                    stroke: #d8d8d8;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .bar {
                                    fill: #8e8e8e;
                                    stroke: #6f6f6f;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .bar-progress {
                                    fill: #007D88;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .todo-body .nicescroll-bar .split-wrap .split .gantt-wrap .gantt-container .gantt .grid-header {
                                    stroke-width: 0;
                                }

            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info {
                position: absolute;
                top: 65px;
                right: -550px;
                width: 550px;
                margin-left: 0;
                bottom: 0;
                z-index: 100;
                border: none;
                background: #fff;
                border-left: 1px solid #eaeaea;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    -ms-flex-pack: space-between;
                    padding: 0 1.25rem;
                    border-radius: 0.5rem 0.5rem 0 0;
                    height: 65px;
                    background: #fff;
                    border-bottom: 1px solid #eaeaea;
                    position: relative;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .apexcharts-datalabels-group text {
                        font-family: inherit;
                        font-size: 0.75rem;
                        fill: #6f6f6f;
                        position: absolute;
                        transform: translateY(5px);
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .apexcharts-datalabels-group text:last-child {
                            display: none;
                        }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin-left: .625rem;
                            font-size: 1.25rem;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star .svg-icon > svg {
                                cursor: pointer;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star .svg-icon > svg:hover {
                                    fill: #FFC400;
                                    stroke: #FFC400;
                                }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked .svg-icon > svg {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked > .feather-icon > svg:hover, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap .task-star.marked .svg-icon > svg:hover {
                                    fill: none;
                                    stroke: currentColor;
                                }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap > a {
                            display: inline-block;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info header.task-header .task-options-wrap > a:first-child {
                                margin-left: 0;
                            }

                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body {
                    padding: 1.25rem;
                }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body form .media .media-head {
                        margin-right: 1rem;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body form .media .media-body .as-name {
                        font-weight: 500;
                        color: #262a2e;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media {
                        margin-bottom: 1.25rem;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-head {
                            margin-right: 1rem;
                        }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:first-child {
                            font-weight: 500;
                            color: #262a2e;
                        }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .note-block .media .media-body div:last-child {
                            font-size: 0.875rem;
                        }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-head {
                        margin-right: 1rem;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: 1rem;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .cm-name {
                            font-weight: 500;
                            color: #262a2e;
                        }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > div:first-child .badge {
                            margin-left: .625rem;
                            flex-shrink: 0;
                        }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap span, .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap a {
                        color: #6f6f6f;
                        font-size: 0.75rem;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {
                        margin: 0 .25rem;
                        color: #d8d8d8;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .comment-block .media .media-body > .media {
                        margin-top: 1.875rem;
                    }

                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files {
                        padding-left: 0;
                        margin: 0 -.8rem;
                    }

                        .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li {
                            padding: .8rem;
                            border-radius: 0.5rem;
                            -webkit-transition: 0.2s ease;
                            -moz-transition: 0.2s ease;
                            transition: 0.2s ease;
                            margin-bottom: .25rem;
                        }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:last-child {
                                margin-bottom: 0;
                            }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media {
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .avatar.avatar-sm {
                                    margin-right: 1rem;
                                }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .avatar.avatar-sm .avatar-icon {
                                        font-size: 1.75rem;
                                    }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    min-width: 0;
                                }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:first-child {
                                        min-width: 0;
                                        -ms-flex: 1;
                                        flex: 1;
                                    }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body > div:last-child {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                    }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-name {
                                        color: #262a2e;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                        font-weight: 500;
                                        max-width: 200px;
                                    }

                                    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li .media .media-body .file-size {
                                        margin-top: .25rem;
                                        font-size: 0.875rem;
                                    }

                            .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover {
                                background-color: #f2f2f2;
                            }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body .file-name {
                                    color: #007D88;
                                }

                                .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info .task-detail-body .tab-content .tab-pane .file-block .sh-files li:hover .media .media-body a.cp-file-action {
                                    color: #262a2e;
                                }

    .todoapp-wrap.todoapp-sidebar-toggle .todoapp-sidebar {
        left: -270px;
    }

    .todoapp-wrap.todoapp-sidebar-toggle .todoapp-content {
        padding-left: 0;
    }

    .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .todo-body {
        margin-right: 550px;
    }

    .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {
        right: 0;
    }

    .todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar {
        padding: 0;
    }

        .todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border thead th {
            border-right: 1px solid #eaeaea;
        }

        .todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border tbody tr th:first-child, .todoapp-wrap.ganttapp-wrap .todoapp-content .todoapp-detail-wrap .nicescroll-bar table.dataTable.cell-border tbody tr td:first-child {
            border-left: 0;
        }

.advance-list-item.single-task-list .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

    .advance-list-item.single-task-list .form-check + div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
    }

        .advance-list-item.single-task-list .form-check + div .todo-star {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: .625rem;
        }

            .advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg, .advance-list-item.single-task-list .form-check + div .todo-star .svg-icon > svg {
                cursor: pointer;
            }

                .advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg:hover, .advance-list-item.single-task-list .form-check + div .todo-star .svg-icon > svg:hover {
                    fill: #FFC400;
                    stroke: #FFC400;
                }

            .advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg, .advance-list-item.single-task-list .form-check + div .todo-star.marked .svg-icon > svg {
                fill: #FFC400;
                stroke: #FFC400;
            }

                .advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg:hover, .advance-list-item.single-task-list .form-check + div .todo-star.marked .svg-icon > svg:hover {
                    fill: none;
                    stroke: currentColor;
                }

        .advance-list-item.single-task-list .form-check + div .todo-text {
            cursor: pointer;
            max-width: 300px;
        }

        .advance-list-item.single-task-list .form-check + div .badge-indicator {
            margin: 0 .75rem 0 .5rem;
            flex-shrink: 0;
        }

.advance-list-item.single-task-list.selected {
    background: #ebf5f5;
}

.aksa-wrapper[data-navbar-style="collapsed"] .todoapp-wrap {
    height: 100vh;
}

@media (max-width: 1740px) {
    .todoapp-wrap .todoapp-sidebar {
        left: -270px;
    }

    .todoapp-wrap .todoapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .todoapp-wrap.todoapp-sidebar-toggle .todoapp-sidebar {
        left: 0;
    }

    .todoapp-wrap.todoapp-sidebar-toggle .todoapp-content {
        left: 270px;
        padding-left: 270px;
        margin-left: -270px;
    }

    .todoapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .todoapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .todoapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .todoapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}

@media (max-width: 1500px) {
    .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .todo-body {
        margin-right: 0;
    }

    .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 1199px) {
    .todoapp-wrap .todoapp-content .todoapp-detail-wrap .task-info {
        top: 0;
        width: 100%;
        right: -100%;
    }

    .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .task-info {
        right: 0;
    }
}

@media (max-width: 767px) {
    .advance-list-item.single-task-list {
        min-height: auto;
    }

        .advance-list-item.single-task-list .form-check + div .todo-text {
            cursor: pointer;
            max-width: calc(100vw - 250px);
        }
}
/*Blog App*/
.blogapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .blogapp-wrap .blogapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .blogapp-wrap .blogapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .blogapp-wrap .blogapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .blogapp-wrap .blogapp-sidebar .menu-content-wrap .nav-header {
                padding: 0 0 .5rem 0;
                font-size: 0.875rem;
                color: #007D88;
                font-weight: 500;
            }

            .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"]::after {
                        content: '\f2f9';
                        font: normal normal normal 18px/1 'Material-Design-Iconic-Font';
                        text-rendering: auto;
                        margin-left: auto;
                        -webkit-transform: translateX(0) rotate(0deg);
                        -moz-transform: translateX(0) rotate(0deg);
                        -ms-transform: translateX(0) rotate(0deg);
                        -o-transform: translateX(0) rotate(0deg);
                        transform: translateX(0) rotate(0deg);
                        -webkit-transition: all 0.4s ease;
                        -moz-transition: all 0.4s ease;
                        transition: all 0.4s ease;
                        color: rgba(38, 42, 46, 0.3);
                    }

                    .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
                        -webkit-transform: translateX(0) rotate(-180deg);
                        -moz-transform: translateX(0) rotate(-180deg);
                        -ms-transform: translateX(0) rotate(-180deg);
                        -o-transform: translateX(0) rotate(-180deg);
                        transform: translateX(0) rotate(-180deg);
                    }

                    .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item .secondary-nav .nav-item .nav-link {
                    padding-left: 3.3rem;
                }

                .blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .blogapp-wrap .blogapp-sidebar .tag-cloud .badge {
            margin-bottom: .25rem;
        }

        .blogapp-wrap .blogapp-sidebar .blogapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .blogapp-wrap .blogapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 16.875rem;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .blogapp-wrap .blogapp-content .blogapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title:after {
                        top: 0;
                    }

                .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left,
                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right {
                        min-height: 45px;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left > div {
                            margin-right: 1rem;
                        }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-left > div:last-child {
                                margin-right: 0;
                            }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right {
                        justify-content: flex-end;
                        -webkit-justify-content: flex-end;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right > div {
                            margin-left: 1rem;
                        }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right > div:first-child {
                                margin-left: 0;
                            }

                        .dataTables_filter,
                        .dataTables_length,
                        .dataTables_info {
                            float: none;
                        }

                            .dataTables_filter label,
                            .dataTables_length label,
                            .dataTables_info label {
                                margin-bottom: 0;
                            }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info {
                            padding-top: 0;
                            width: 95px;
                            text-align: right;
                        }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate {
                            padding-top: 0;
                        }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {
                                display: none;
                            }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {
                                padding: 0;
                                background: transparent;
                                min-width: auto;
                                font-size: 1.25rem;
                            }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length select {
                            margin-right: 0;
                            margin-left: .625rem;
                            display: inline-block;
                            width: auto;
                        }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .tox-tinymce {
                        border: 0;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .tox-tinymce .tox-statusbar__text-container {
                            display: none !important;
                        }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .nav-tabs > .nav-item > .nav-link {
                        position: relative;
                        z-index: 1;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .nav-tabs > .nav-item > .nav-link.active {
                            border-color: #eaeaea #eaeaea #fff;
                        }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .advance-option-post .nav-tabs {
                        margin-left: -1.25rem;
                        margin-right: -1.25rem;
                    }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .edit-post-form .advance-option-post .uploaded-img-prev a .card {
                        min-height: 100px;
                        background-size: cover;
                        background-position: center;
                        margin-bottom: 0;
                        margin-top: 1rem;
                    }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .nav-line {
                        margin: 0 -1.25rem;
                        border-bottom: 1px solid #eaeaea;
                    }

                    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-left: .625rem;
                    }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star > .feather-icon > svg, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star .svg-icon > svg {
                            height: 16px;
                            width: 16px;
                            cursor: pointer;
                        }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star > .feather-icon > svg:hover, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked > .feather-icon > svg, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked .svg-icon > svg {
                            fill: #FFC400;
                            stroke: #FFC400;
                        }

                            .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked > .feather-icon > svg:hover, .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .post-star.marked .svg-icon > svg:hover {
                                fill: none;
                                stroke: currentColor;
                            }

    .blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {
        left: -270px;
    }

    .blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .blogapp-wrap {
    height: 100vh;
}

@media (max-width: 1740px) {
    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_info,
    .blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .blog-toolbar-right .dataTables_length {
        display: none;
    }
}

@media (max-width: 767px) {
    .blogapp-wrap .blogapp-sidebar {
        left: -270px;
    }

    .blogapp-wrap .blogapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {
        left: 0;
    }

    .blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {
        left: 16.875rem;
        padding-left: 16.875rem;
        margin-left: -16.875rem;
    }

    .blogapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .blogapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .blogapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .blogapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*invoice*/
.invoiceapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .invoiceapp-wrap .invoiceapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .invoiceapp-wrap .invoiceapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .nav-header {
                padding: 0 0 .5rem 0;
                font-size: 0.875rem;
                color: #007D88;
                font-weight: 500;
            }

            .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .invoiceapp-wrap .invoiceapp-sidebar .invoiceapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .invoiceapp-wrap .invoiceapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 16.875rem;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .invoice-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            height: 65px;
            padding: 0;
            background: #fff;
            border-bottom: 1px solid #eaeaea;
            position: relative;
        }

            .invoice-header .invoiceapp-title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .invoice-header .invoiceapp-title h1 {
                    font-size: 1.5rem;
                    font-weight: 500;
                    margin-bottom: 0;
                }

                .invoice-header .invoiceapp-title:after {
                    top: 0;
                }

            .invoiceapp-wrap .invoiceapp-content header.invoice-header .media {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-head {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-right: 1rem;
                }

                .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-name {
                    font-size: 1rem;
                    font-weight: 500;
                    color: #262a2e;
                    text-transform: capitalize;
                }

                .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-status {
                    font-size: 0.875rem;
                }

            .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a {
                    margin-left: .25rem;
                    display: inline-block;
                }

                    .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a:first-child {
                        margin-left: 0;
                    }

        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .invoice-toolbar-left,
                    .invoice-toolbar-right {
                        min-height: 45px;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .invoice-toolbar-left > div {
                            margin-right: 1rem;
                        }

                            .invoice-toolbar-left > div:last-child {
                                margin-right: 0;
                            }

                    .invoice-toolbar-right {
                        justify-content: flex-end;
                        -webkit-justify-content: flex-end;
                    }

                        .invoice-toolbar-right > div {
                            margin-left: 1rem;
                        }

                            .invoice-toolbar-right > div:first-child {
                                margin-left: 0;
                            }

                        .dataTables_info {
                            padding-top: 0;
                            width: 100%;
                            text-align: right;
                        }

                        .dataTables_paginate {
                            padding-top: 0;
                        }

                            .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {
                                display: none;
                            }

                            .dataTables_paginate .pagination.custom-pagination .page-link {
                                padding: 0;
                                background: transparent;
                                min-width: auto;
                                font-size: 1.25rem;
                            }

                        .dataTables_length select {
                            margin-right: 0;
                            margin-left: .625rem;
                            display: inline-block;
                            width: auto;
                        }

                    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-left: .625rem;
                    }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg {
                            cursor: pointer;
                        }

                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg:hover {
                                fill: #FFC400;
                                stroke: #FFC400;
                            }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg {
                            fill: #FFC400;
                            stroke: #FFC400;
                        }

                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg:hover {
                                fill: none;
                                stroke: currentColor;
                            }

                    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap,
                    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap {
                        border: 1px solid #eaeaea;
                    }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th {
                            border-color: transparent;
                        }

                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:first-child,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:first-child {
                                border-top-left-radius: 0.25rem;
                                border-bottom-left-radius: 0.25rem;
                            }

                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:last-child,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:last-child {
                                border-top-right-radius: 0.25rem;
                                border-bottom-right-radius: 0.25rem;
                            }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {
                            min-width: 450px;
                        }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {
                            border-collapse: separate;
                            border-spacing: 0px;
                        }

                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table td, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table th,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table td,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table th,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table td,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table th,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table td,
                            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table th {
                                border: 1px solid #eaeaea;
                            }

                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .form-group,
                        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .form-group {
                            position: relative;
                        }

            .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
                position: absolute;
                top: 65px;
                right: -370px;
                width: 370px;
                margin-left: 0;
                bottom: 0;
                z-index: 100;
                border: none;
                background: #fff;
                border-left: 1px solid #eaeaea;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings .nicescroll-bar {
                    padding: 1.25rem;
                }

    .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
        margin-right: 370px;
    }

    .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
        right: 0;
    }

    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {
        left: -270px;
    }

    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .invoiceapp-wrap {
    height: 100vh;
}

@media (max-width: 1740px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info,
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length {
        display: none;
    }
}

@media (max-width: 1600px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    }

    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
        margin-right: 0;
    }

    .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
        top: 0;
    }

    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap .invoice-table {
            min-width: 900px;
        }

    .invoiceapp-wrap .invoiceapp-sidebar {
        left: -270px;
    }

    .invoiceapp-wrap .invoiceapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {
        left: 0;
    }

    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {
        left: 16.875rem;
        padding-left: 16.875rem;
        margin-left: -16.875rem;
    }

    .invoiceapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .invoiceapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .invoiceapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .invoiceapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*Integrations*/
.integrationsapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
}

    .integrationsapp-wrap .integrationsapp-sidebar {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        left: 0;
        width: 270px;
        margin-left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        border: none;
        background: #fff;
        border-right: 1px solid #eaeaea;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .integrationsapp-wrap .integrationsapp-sidebar > div.nicescroll-bar {
            flex: 1 1 auto;
            overflow: auto;
        }

        .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap {
            padding: 1.5rem;
        }

            .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-gap {
                height: 25px;
            }

            .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .nav-header {
                padding: 0 0 .5rem 0;
                font-size: 0.875rem;
                color: #007D88;
                font-weight: 500;
            }

            .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
                    border-radius: .5rem;
                    padding: .5rem 1rem;
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-right: .875rem;
                        font-size: 1.5rem;
                    }

                        .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
                            display: inline-block;
                        }

                .integrationsapp-wrap .integrationsapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
                    background: rgba(0, 125, 136, 0.15);
                    color: #007D88;
                }

        .integrationsapp-wrap .integrationsapp-sidebar .integrationsapp-fixednav {
            height: 61px;
            border-top: 1px solid #eaeaea;
        }

    .integrationsapp-wrap .integrationsapp-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-left: 16.875rem;
        position: relative;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            background: #fff;
            flex-flow: column;
            height: 100%;
            z-index: 10;
        }

            .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -ms-flex-pack: space-between;
                height: 65px;
                padding: 0 1.25rem;
                background: #fff;
                border-bottom: 1px solid #eaeaea;
                position: relative;
            }

                .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title h1 {
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-bottom: 0;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrationsapp-title:after {
                        top: 0;
                    }

                .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap > a {
                        margin-left: .25rem;
                        display: inline-block;
                    }

                        .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap header.integrations-header .integrations-options-wrap > a:first-child {
                            margin-left: 0;
                        }

            .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
                -ms-flex: 1;
                flex: 1;
            }

                .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar {
                    padding: 1.25rem;
                }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .app-name {
                        color: #262a2e;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        font-weight: 500;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .app-cat {
                        font-size: 0.875rem;
                        margin-bottom: .625rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-head {
                        margin-right: 1rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: .25rem;
                    }

                        .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child .cm-name {
                            font-weight: 500;
                            color: #262a2e;
                        }

                        .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > div:first-child .badge {
                            margin-left: .625rem;
                            flex-shrink: 0;
                        }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap span, .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap a {
                        color: #6f6f6f;
                        font-size: 0.75rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body .comment-action-wrap .comment-dot-sep {
                        margin: 0 .25rem;
                        color: #d8d8d8;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .comment-block .media .media-body > .media {
                        margin-top: 1.875rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .media .media-head {
                        margin-right: 1rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .media .media-body .cr-name {
                        font-weight: 500;
                        color: #262a2e;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap span, .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap a {
                        font-size: 0.75rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review-action-wrap .review-dot-sep {
                        margin: 0 .25rem;
                        color: #d8d8d8;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .tab-content .review-block .review .review {
                        margin-left: 3.125rem;
                        margin-top: 1.875rem;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .card-int {
                        min-height: 250px;
                    }

                    .integrationsapp-wrap .integrationsapp-content .integrationsapp-detail-wrap .integrations-body .nicescroll-bar .content-aside .tag-cloud .badge {
                        margin-bottom: .25rem;
                    }

    .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-sidebar {
        left: -270px;
    }

    .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-content {
        padding-left: 0;
    }

.aksa-wrapper[data-navbar-style="collapsed"] .integrationsapp-wrap {
    height: 100vh;
}

@media (max-width: 991px) {
    .integrationsapp-wrap .integrationsapp-sidebar {
        left: -270px;
    }

    .integrationsapp-wrap .integrationsapp-content {
        margin-left: 0;
        padding-left: 0;
    }

    .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-sidebar {
        left: 0;
    }

    .integrationsapp-wrap.integrationsapp-sidebar-toggle .integrationsapp-content {
        left: 16.875rem;
        padding-left: 16.875rem;
        margin-left: -16.875rem;
    }

    .integrationsapp-wrap .hk-sidebar-togglable {
        -webkit-transform: translateX(32px);
        -moz-transform: translateX(32px);
        -ms-transform: translateX(32px);
        -o-transform: translateX(32px);
        transform: translateX(32px);
    }

        .integrationsapp-wrap .hk-sidebar-togglable:after {
            content: "\ea6c";
        }

        .integrationsapp-wrap .hk-sidebar-togglable.active {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

            .integrationsapp-wrap .hk-sidebar-togglable.active:after {
                content: "\ea62";
            }
}
/*Horizontal Menu*/
@media (min-width: 1200px) {
    .aksa-wrapper[data-layout="horizontal"] .chatapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .calendarapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .emailapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .taskboardapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .contactapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .fmapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .galleryapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .todoapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .blogapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .invoiceapp-wrap,
    .aksa-wrapper[data-layout="horizontal"] .integrationsapp-wrap {
        height: calc(100vh - 130px);
    }

    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .chatapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .calendarapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .emailapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .taskboardapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .contactapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .fmapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .galleryapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .todoapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .blogapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .invoiceapp-wrap,
    .aksa-wrapper[data-layout="horizontal"][data-navbar-style="collapsed"] .integrationsapp-wrap {
        height: calc(100vh - 65px);
    }
}

/*# sourceMappingURL=style.css.map */


.otp input[type=text] {
    padding: 10px;
    display: inline-block;
    border: 1px solid rgb(107, 108, 123);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    margin-right: 1rem;
    font-size: 1rem;
    width: 40px;
    text-align: center;
}

.legend{
    font-size:13px;
    font-weight: 500;
    color: #00585f;
}
/* .form-control{
    padding: 4px 8px;
    line-height: 1;
} */

/* .form-group {
    margin-bottom: 0.2rem;
} */