*/.alert-primary {
    background-image: linear-gradient(195deg, #ec407a, #d81b60)
}
.title-special-lckm{
    color: var(--color_text_one)!important;
}
.p-special-lckm{
    color: var(--color_text_two)!important;
}
.url-special-lckm{
    color: var(--color_text_three)!important;
}
.withe-special-lckm{
    color: var(--color_text_four)!important;
}
.withe-special-lckm{
    color: var(--color_text_four)!important;
}
.alert-secondary {
    background-image: linear-gradient(195deg, #747b8a, #495361)
}
.alert-success {
    background-image: linear-gradient(195deg, #66bb6a, #43a047)
}
.alert-info {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8)
}
.alert-warning {
    background-image: linear-gradient(195deg, #ffa726, #fb8c00)
}
.alert-danger {
    background-image: linear-gradient(195deg, #ef5350, #e53935)
}
.alert-light {
    background-image: linear-gradient(195deg, #ebeff4, #ced4da)
}
.alert-dark {
    background-image: linear-gradient(195deg, #42424a, #191919)
}
.btn-close:focus {
    box-shadow: none
}
.alert-dismissible .btn-close {
    background-image: none
}
.avatar {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 50rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out
}
.avatar img {
    width: 100%
}
.avatar+.avatar-content {
    display: inline-block;
    margin-left: .75rem
}
.avatar.avatar-raised {
    margin-top: -24px
}
.active .avatar.avatar-scale-up,
.avatar.avatar-scale-up:hover {
    transform: scale(1.2)
}
.avatar-xxl {
    width: 110px!important;
    height: 110px!important
}
.avatar-xxl.avatar-raised {
    margin-top: -55px
}
.avatar-xl {
    width: 74px!important;
    height: 74px!important
}
.avatar-xl.avatar-raised {
    margin-top: -37px
}
.avatar-lg {
    width: 58px!important;
    height: 58px!important;
    font-size: .875rem
}
.avatar-lg.avatar-raised {
    margin-top: -29px
}
.avatar-sm {
    width: 36px!important;
    height: 36px!important;
    font-size: .875rem
}
.avatar-sm.avatar-raised {
    margin-top: -18px
}
.avatar-xs {
    width: 24px!important;
    height: 24px!important;
    font-size: .75rem
}
.avatar-xs.avatar-raised {
    margin-top: -12px
}
.avatar-group .avatar {
    position: relative;
    z-index: 2;
    border: 2px solid #fff
}
.avatar-group .avatar:hover {
    z-index: 3
}
.avatar-group .avatar+.avatar {
    margin-left: -1rem
}
.badge.bg-primary {
    background: #e91e63
}
.badge.bg-secondary {
    background: #7b809a
}
.badge.bg-success {
    background: #4caf50
}
.badge.bg-info {
    background: #1a73e8
}
.badge.bg-warning {
    background: #fb8c00
}
.badge.bg-danger {
    background: #f44335
}
.badge.bg-light {
    background: #f0f2f5
}
.badge.bg-dark {
    background: #344767
}
.badge.bg-white {
    background: #fff
}
.badge.bg-dark-blue {
    background: #1a237e
}
.badge,
.btn {
    text-transform: uppercase
}
.btn {
    margin-bottom: 1rem;
    letter-spacing: 0;
    background-size: 150%;
    background-position-x: 25%;
    position: relative;
    overflow: hidden;
    -webkit-appearance: none
}
.btn:not([class*=btn-outline-]) {
    border: 0
}
.btn:active,
.btn:active:focus,
.btn:active:hover {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07);
    transform: none;
    opacity: .85
}
.btn.bg-white:hover {
    color: #7b809a
}
.btn.btn-link {
    font-weight: 700
}
.btn.btn-link,
.btn.btn-link:focus,
.btn.btn-link:hover {
    box-shadow: none
}
.btn.btn-round {
    border-radius: 1.875rem
}
.btn.btn-icon-only {
    width: 2.375rem;
    height: 2.375rem;
    padding: .7rem
}
.btn-group-sm>.btn.btn-icon-only,
.btn.btn-sm.btn-icon-only {
    width: 1.5rem;
    height: 1.5rem;
    padding: .3rem
}
.btn-group-sm>.btn i,
.btn.btn-sm i {
    font-size: .5rem
}
.btn-group-lg>.btn.btn-icon-only,
.btn.btn-lg.btn-icon-only {
    width: 3.25rem;
    height: 3.25rem;
    padding: 1rem
}
.btn-group-lg>.btn i,
.btn.btn-lg i {
    font-size: 1.2rem;
    position: relative;
    top: 0
}
.btn.btn-rounded {
    border-radius: 1.875rem
}
.btn .material-icons {
    vertical-align: middle;
    margin-top: -1px;
    margin-bottom: -1px;
    font-size: 1.1rem;
    display: inline-block;
    top: 0
}
.btn-check:checked+.btn svg .color-background {
    fill: #fff
}
.btn-check:checked+.btn:hover svg .color-background {
    fill: #344767
}
.icon-move-right i {
    transition: all .2s cubic-bezier(.34, 1.61, .7, 1.3)
}
.icon-move-right:focus i,
.icon-move-right:hover i {
    transform: translateX(5px)
}
.icon-move-left i {
    transition: all .2s cubic-bezier(.34, 1.61, .7, 1.3)
}
.icon-move-left:focus i,
.icon-move-left:hover i {
    transform: translateX(-5px)
}
.btn-primary,
.btn.bg-gradient-primary {
    box-shadow: 0 3px 3px 0 rgb(45 47 51 / 15%), 0 3px 1px -2px rgb(65 64 79 / 20%), 0 1px 5px 0 rgb(29 31 35 / 15%)
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
    background-color: var(--color_login_hover_three);
    border-color: var(--color_login_hover_three);
    box-shadow: 0 14px 26px -12px var(--color_login_hover_three), 0 4px 23px 0 rgb(7 37 187 / 15%), 0 8px 10px -5px var(--color_login_hover_four)
}
.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
    border: 1px solid #e91e63
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.show>.btn.bg-gradient-primary.dropdown-toggle {
    color: color-yiq(#e91e63);
    background-color: #e91e63;
}
.btn-primary.focus,
.btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
    color: #fff
}
.btn-outline-primary {
    box-shadow: none
}
.btn-outline-primary:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #e91e63
}
.btn-secondary,
.btn.bg-gradient-secondary {
    box-shadow: 0 3px 3px 0 rgba(, 128, 154, .15), 0 3px 1px -2px rgba(, 128, 154, .2), 0 1px 5px 0 rgba(, 128, 154, .15)
}
.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
    background-color: #7b809a;
    border-color: #7b809a;
    box-shadow: 0 14px 26px -12px rgba(, 128, 154, .4), 0 4px 23px 0 rgba(, 128, 154, .15), 0 8px 10px -5px rgba(, 128, 154, .2)
}
.btn-secondary .btn.bg-outline-secondary,
.btn.bg-gradient-secondary .btn.bg-outline-secondary {
    border: 1px solid #7b809a
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.show>.btn.bg-gradient-secondary.dropdown-toggle {
    color: color-yiq(#7b809a);
    background-color: #7b809a
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn.bg-gradient-secondary.focus,
.btn.bg-gradient-secondary:focus {
    color: #fff
}
.btn-outline-secondary {
    box-shadow: none
}
.btn-outline-secondary:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #7b809a
}
.btn-success,
.btn.bg-gradient-success {
    box-shadow: 0 3px 3px 0 rgba(76, 175, 80, .15), 0 3px 1px -2px rgba(76, 175, 80, .2), 0 1px 5px 0 rgba(76, 175, 80, .15)
}
.btn-success:hover,
.btn.bg-gradient-success:hover {
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, .4), 0 4px 23px 0 rgba(76, 175, 80, .15), 0 8px 10px -5px rgba(76, 175, 80, .2)
}
.btn-success .btn.bg-outline-success,
.btn.bg-gradient-success .btn.bg-outline-success {
    border: 1px solid #4caf50
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.btn.bg-gradient-success:not(:disabled):not(.disabled).active,
.btn.bg-gradient-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.show>.btn.bg-gradient-success.dropdown-toggle {
    color: color-yiq(#4caf50);
    background-color: #4caf50
}
.btn-success.focus,
.btn-success:focus,
.btn.bg-gradient-success.focus,
.btn.bg-gradient-success:focus {
    color: #fff
}
.btn-outline-success {
    box-shadow: none
}
.btn-outline-success:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #4caf50
}
.btn-info,
.btn.bg-gradient-info {
    box-shadow: 0 3px 3px 0 rgba(26, 115, 232, .15), 0 3px 1px -2px rgba(26, 115, 232, .2), 0 1px 5px 0 rgba(26, 115, 232, .15)
}
.btn-info:hover,
.btn.bg-gradient-info:hover {
    background-color: #1a73e8;
    border-color: #1a73e8;
    box-shadow: 0 14px 26px -12px rgba(26, 115, 232, .4), 0 4px 23px 0 rgba(26, 115, 232, .15), 0 8px 10px -5px rgba(26, 115, 232, .2)
}
.btn-info .btn.bg-outline-info,
.btn.bg-gradient-info .btn.bg-outline-info {
    border: 1px solid #1a73e8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.btn.bg-gradient-info:not(:disabled):not(.disabled).active,
.btn.bg-gradient-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.show>.btn.bg-gradient-info.dropdown-toggle {
    color: color-yiq(#1a73e8);
    background-color: #1a73e8
}
.btn-info.focus,
.btn-info:focus,
.btn.bg-gradient-info.focus,
.btn.bg-gradient-info:focus {
    color: #fff
}
.btn-outline-info {
    box-shadow: none
}
.btn-outline-info:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #1a73e8
}
.btn-warning,
.btn.bg-gradient-warning {
    box-shadow: 0 3px 3px 0 rgba(251, 140, 0, .15), 0 3px 1px -2px rgba(251, 140, 0, .2), 0 1px 5px 0 rgba(251, 140, 0, .15)
}
.btn-warning:hover,
.btn.bg-gradient-warning:hover {
    background-color: #fb8c00;
    border-color: #fb8c00;
    box-shadow: 0 14px 26px -12px rgba(251, 140, 0, .4), 0 4px 23px 0 rgba(251, 140, 0, .15), 0 8px 10px -5px rgba(251, 140, 0, .2)
}
.btn-warning .btn.bg-outline-warning,
.btn.bg-gradient-warning .btn.bg-outline-warning {
    border: 1px solid #fb8c00
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.show>.btn.bg-gradient-warning.dropdown-toggle {
    color: color-yiq(#fb8c00);
    background-color: #fb8c00
}
.btn-warning.focus,
.btn-warning:focus,
.btn.bg-gradient-warning.focus,
.btn.bg-gradient-warning:focus {
    color: #fff
}
.btn-outline-warning {
    box-shadow: none
}
.btn-outline-warning:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #fb8c00
}
.btn-danger,
.btn.bg-gradient-danger {
    box-shadow: 0 3px 3px 0 rgba(244, 67, 53, .15), 0 3px 1px -2px rgba(244, 67, 53, .2), 0 1px 5px 0 rgba(244, 67, 53, .15)
}
.btn-danger:hover,
.btn.bg-gradient-danger:hover {
    background-color: #f44335;
    border-color: #f44335;
    box-shadow: 0 14px 26px -12px rgba(244, 67, 53, .4), 0 4px 23px 0 rgba(244, 67, 53, .15), 0 8px 10px -5px rgba(244, 67, 53, .2)
}
.btn-danger .btn.bg-outline-danger,
.btn.bg-gradient-danger .btn.bg-outline-danger {
    border: 1px solid #f44335
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.show>.btn.bg-gradient-danger.dropdown-toggle {
    color: color-yiq(#f44335);
    background-color: #f44335
}
.btn-danger.focus,
.btn-danger:focus,
.btn.bg-gradient-danger.focus,
.btn.bg-gradient-danger:focus {
    color: #fff
}
.btn-outline-danger {
    box-shadow: none
}
.btn-outline-danger:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #f44335
}
.btn-light,
.btn.bg-gradient-light {
    box-shadow: 0 3px 3px 0 rgba(240, 242, 245, .15), 0 3px 1px -2px rgba(240, 242, 245, .2), 0 1px 5px 0 rgba(240, 242, 245, .15)
}
.btn-light:hover,
.btn.bg-gradient-light:hover {
    background-color: #f0f2f5;
    border-color: #f0f2f5;
    box-shadow: 0 14px 26px -12px rgba(240, 242, 245, .4), 0 4px 23px 0 rgba(240, 242, 245, .15), 0 8px 10px -5px rgba(240, 242, 245, .2)
}
.btn-light .btn.bg-outline-light,
.btn.bg-gradient-light .btn.bg-outline-light {
    border: 1px solid #f0f2f5
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.btn.bg-gradient-light:not(:disabled):not(.disabled).active,
.btn.bg-gradient-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.show>.btn.bg-gradient-light.dropdown-toggle {
    color: color-yiq(#f0f2f5);
    background-color: #f0f2f5
}
.btn-outline-light {
    box-shadow: none
}
.btn-outline-light:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #f0f2f5
}
.btn-dark,
.btn.bg-gradient-dark {
    box-shadow: 0 3px 3px 0 rgba(52, 71, 103, .15), 0 3px 1px -2px rgba(52, 71, 103, .2), 0 1px 5px 0 rgba(52, 71, 103, .15)
}
.btn-dark:hover,
.btn.bg-gradient-dark:hover {
    background-color: #344767;
    border-color: #344767;
    box-shadow: 0 14px 26px -12px rgba(52, 71, 103, .4), 0 4px 23px 0 rgba(52, 71, 103, .15), 0 8px 10px -5px rgba(52, 71, 103, .2)
}
.btn-dark .btn.bg-outline-dark,
.btn.bg-gradient-dark .btn.bg-outline-dark {
    border: 1px solid #344767
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.show>.btn.bg-gradient-dark.dropdown-toggle {
    color: color-yiq(#344767);
    background-color: #344767
}
.btn-dark.focus,
.btn-dark:focus,
.btn.bg-gradient-dark.focus,
.btn.bg-gradient-dark:focus {
    color: #fff
}
.btn-outline-dark {
    box-shadow: none
}
.btn-outline-dark:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #344767
}
.btn-white,
.btn.bg-gradient-white {
    box-shadow: 0 3px 3px 0 hsla(0, 0%, 100%, .15), 0 3px 1px -2px hsla(0, 0%, 100%, .2), 0 1px 5px 0 hsla(0, 0%, 100%, .15)
}
.btn-white:hover,
.btn.bg-gradient-white:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 14px 26px -12px hsla(0, 0%, 100%, .4), 0 4px 23px 0 hsla(0, 0%, 100%, .15), 0 8px 10px -5px hsla(0, 0%, 100%, .2)
}
.btn-white .btn.bg-outline-white,
.btn.bg-gradient-white .btn.bg-outline-white {
    border: 1px solid #fff
}
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.btn.bg-gradient-white:not(:disabled):not(.disabled).active,
.btn.bg-gradient-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle,
.show>.btn.bg-gradient-white.dropdown-toggle {
    color: color-yiq(#fff);
    background-color: #fff
}
.btn-outline-white {
    box-shadow: none
}
.btn-outline-white:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #fff
}
.btn-dark-blue,
.btn.bg-gradient-dark-blue {
    box-shadow: 0 3px 3px 0 rgba(26, 35, 126, .15), 0 3px 1px -2px rgba(26, 35, 126, .2), 0 1px 5px 0 rgba(26, 35, 126, .15)
}
.btn-dark-blue:hover,
.btn.bg-gradient-dark-blue:hover {
    background-color: #1a237e;
    border-color: #1a237e;
    box-shadow: 0 14px 26px -12px rgba(26, 35, 126, .4), 0 4px 23px 0 rgba(26, 35, 126, .15), 0 8px 10px -5px rgba(26, 35, 126, .2)
}
.btn-dark-blue .btn.bg-outline-dark-blue,
.btn.bg-gradient-dark-blue .btn.bg-outline-dark-blue {
    border: 1px solid #1a237e
}
.btn-dark-blue:not(:disabled):not(.disabled).active,
.btn-dark-blue:not(:disabled):not(.disabled):active,
.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled).active,
.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled):active,
.show>.btn-dark-blue.dropdown-toggle,
.show>.btn.bg-gradient-dark-blue.dropdown-toggle {
    color: color-yiq(#1a237e);
    background-color: #1a237e
}
.btn-dark-blue.focus,
.btn-dark-blue:focus,
.btn.bg-gradient-dark-blue.focus,
.btn.bg-gradient-dark-blue:focus {
    color: #fff
}
.btn-outline-dark-blue {
    box-shadow: none
}
.btn-outline-dark-blue:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #1a237e
}
.btn-outline-white {
    border-color: hsla(0, 0%, 100%, .75);
    background: hsla(0, 0%, 100%, .1)
}
.btn-danger,
.btn-danger:hover,
.btn-dark,
.btn-dark:hover,
.btn-info,
.btn-info:hover,
.btn-primary,
.btn-primary:hover,
.btn-secondary,
.btn-secondary:hover,
.btn-success,
.btn-success:hover,
.btn-warning,
.btn-warning:hover,
.btn.bg-gradient-danger,
.btn.bg-gradient-danger:hover,
.btn.bg-gradient-dark,
.btn.bg-gradient-dark:hover,
.btn.bg-gradient-info,
.btn.bg-gradient-info:hover,
.btn.bg-gradient-primary,
.btn.bg-gradient-primary:hover,
.btn.bg-gradient-secondary,
.btn.bg-gradient-secondary:hover,
.btn.bg-gradient-success,
.btn.bg-gradient-success:hover,
.btn.bg-gradient-warning,
.btn.bg-gradient-warning:hover {
    color: #fff
}
.btn-light,
.btn-light:hover,
.btn.bg-gradient-light,
.btn.bg-gradient-light:hover {
    color: #3a416f
}
.breadcrumb-item {
    font-size: .875rem
}
.breadcrumb-item.text-white:before {
    color: #fff
}
.breadcrumb-dark {
    background-color: #344767
}
.breadcrumb-dark .breadcrumb-item {
    font-weight: 600
}
.breadcrumb-dark .breadcrumb-item a {
    color: #f8f9fa
}
.breadcrumb-dark .breadcrumb-item a:hover {
    color: #fff
}
.breadcrumb-dark .breadcrumb-item+.breadcrumb-item:before {
    color: #adb5bd
}
.breadcrumb-dark .breadcrumb-item.active {
    color: #dee2e6
}
.breadcrumb-links {
    padding: 0;
    margin: 0;
    background: transparent
}
.card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}
.card[data-animation=true] .card-header {
    transform: translateZ(0);
    transition: all .3s cubic-bezier(.34, 1.61, .7, 1)
}
.card:hover[data-animation=true] .card-header {
    transform: translate3d(0, -50px, 0)
}
.card .card-header {
    padding: 1.5rem
}
.card .card-body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 1.5rem
}
.card.card-plain {
    background-color: transparent;
    box-shadow: none
}
.card .card-footer {
    padding: 1.5rem;
    background-color: transparent
}
.author {
    display: flex
}
.author .name>span {
    line-height: 1.571;
    font-weight: 600;
    font-size: .875rem;
    color: #3a416f
}
.author .stats {
    font-size: .875rem;
    font-weight: 400
}
.card.card-background {
    align-items: center
}
.card.card-background .full-background {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: .75rem
}
.card.card-background .card-body {
    color: #fff;
    position: relative;
    z-index: 2
}
.card.card-background .card-body .content-center,
.card.card-background .card-body .content-left {
    min-height: 330px;
    max-width: 450px;
    padding-top: 60px;
    padding-bottom: 60px
}
.card.card-background .card-body .content-center {
    text-align: center
}
.card.card-background .card-body.body-left {
    width: 90%
}
.card.card-background .card-body .author .name .stats,
.card.card-background .card-body .author .name span {
    color: #fff
}
.card.card-background:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    content: "";
    background: rgba(0, 0, 0, .56);
    border-radius: .75rem
}
.card.card-background.card-background-mask-primary:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-primary:after {
    background-image: linear-gradient(195deg, #ec407a, #d81b60);
    opacity: .85
}
.card.card-background.card-background-mask-secondary:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-secondary:after {
    background-image: linear-gradient(195deg, #747b8a, #495361);
    opacity: .85
}
.card.card-background.card-background-mask-success:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-success:after {
    background-image: linear-gradient(195deg, #66bb6a, #43a047);
    opacity: .85
}
.card.card-background.card-background-mask-info:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-info:after {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
    opacity: .85
}
.card.card-background.card-background-mask-warning:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-warning:after {
    background-image: linear-gradient(195deg, #ffa726, #fb8c00);
    opacity: .85
}
.card.card-background.card-background-mask-danger:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-danger:after {
    background-image: linear-gradient(195deg, #ef5350, #e53935);
    opacity: .85
}
.card.card-background.card-background-mask-light:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-light:after {
    background-image: linear-gradient(195deg, #ebeff4, #ced4da);
    opacity: .85
}
.card.card-background.card-background-mask-dark:before {
    background: rgba(0, 0, 0, .2)
}
.card.card-background.card-background-mask-dark:after {
    background-image: linear-gradient(195deg, #42424a, #191919);
    opacity: .85
}
.card.card-background .card-category {
    font-size: .875rem;
    font-weight: 600
}
.card.card-background .card-description {
    margin-top: 24px;
    margin-bottom: 24px
}
.rotating-card-container {
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px
}
.rotating-card-container .card-rotate {
    background: transparent;
    box-shadow: none
}
.rotating-card-container .card-rotate:after {
    display: none
}
.rotating-card-container .card {
    transition: all .8s cubic-bezier(.34, 1.45, .7, 1);
    transform-style: preserve-3d;
    position: relative
}
.rotating-card-container .card .back,
.rotating-card-container .card .front {
    backface-visibility: hidden;
    position: absolute;
    background-color: #fff;
    border-radius: .5rem;
    top: 0;
    left: 0
}
.rotating-card-container .card .back,
.rotating-card-container .card .back .card-body,
.rotating-card-container .card .front,
.rotating-card-container .card .front .card-body {
    justify-content: center;
    align-content: center;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}
.rotating-card-container .card .back:after,
.rotating-card-container .card .front:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    border-radius: .5rem;
    background-image: linear-gradient(195deg, var(--color_main_one), var(--color_main_two));
    opacity: .4!important;
}
.rotating-card-container .card .front {
    z-index: 2;
    position: relative
}
.rotating-card-container .card .back {
    transform: rotateY(180deg);
    z-index: 5;
    text-align: center;
    width: 100%;
    height: 100%
}
.rotating-card-container .card .back.back-background .card-body {
    position: relative;
    z-index: 2
}
.rotating-card-container .card .back .card-footer .btn {
    margin: 0
}
.rotating-card-container .card .back .card-body {
    padding-left: 15px;
    padding-right: 15px
}
.rotating-card-container.hover.manual-flip .card,
.rotating-card-container:not(.manual-flip):hover .card {
    transform: rotateY(180deg)
}
.card-profile .rotating-card-container .front {
    text-align: left
}
.back-background .card-body {
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 15px
}
@media (-ms-high-contrast: none),
screen and (-ms-high-contrast: active) {
    .rotating-card-container .card .back,
    .rotating-card-container .card .front {
        backface-visibility: visible
    }
    .rotating-card-container .card .back {
        visibility: hidden;
        transition: visibility .3s cubic-bezier(.34, 1.45, .7, 1)
    }
    .rotating-card-container .card .front {
        z-index: 4
    }
    .rotating-card-container.manual-flip.hover .card .back,
    .rotating-card-container:not(.manual-flip):hover .card .back {
        z-index: 5;
        visibility: visible
    }
}
.dark-version,
.dark-version .main-content {
    background-color: #1a2035!important
}
.dark-version.virtual-reality>div {
    background-image: none!important
}
.dark-version .sidenav {
    background: #1f283e!important
}
.dark-version .sidenav.bg-transparent {
    background: transparent!important
}
.dark-version .sidenav.bg-transparent .nav .nav-link,
.dark-version .sidenav.bg-transparent .navbar-nav .nav-link {
    color: #fff!important
}
.dark-version .sidenav.bg-white {
    background: #fff!important
}
.dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after {
    color: rgba(206, 212, 218, .7)
}
.dark-version .sidenav.bg-white .collapse .nav-item .h6,
.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i,
.dark-version .sidenav.bg-white .collapse .nav-item h6 {
    color: #344767!important
}
.dark-version .sidenav .collapse .nav-item .nav-link i {
    color: #fff!important
}
.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text,
.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i {
    color: #344767!important
}
.dark-version .fixed-plugin .btn.bg-gradient-dark,
.dark-version .fixed-plugin .btn.btn-outline-dark {
    color: #fff!important;
    border: 1px solid #fff!important
}
.dark-version .fixed-plugin .btn.active {
    background: #fff!important;
    color: #344767!important
}
.dark-version .bg-gradient-dark {
    background-image: linear-gradient(195deg, #323a54, #1a2035)!important
}
.dark-version .dropdown .dropdown-menu:before {
    color: #202940
}
.dark-version .dropdown .dropdown-menu .dropdown-item:focus,
.dark-version .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #1a2035!important
}
.dark-version .dropdown .dropdown-menu .dropdown-item .material-icons,
.dark-version .dropdown .dropdown-menu .dropdown-item i {
    color: #fff
}
.dark-version .card,
.dark-version .dropdown .dropdown-menu,
.dark-version .kanban-board,
.dark-version .swal2-popup {
    background: #202940;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.dark-version .card .card-header,
.dark-version .dropdown .dropdown-menu .card-header,
.dark-version .kanban-board .card-header,
.dark-version .swal2-popup .card-header {
    background: transparent
}
.dark-version .card p,
.dark-version .dropdown .dropdown-menu p,
.dark-version .kanban-board p,
.dark-version .swal2-popup p {
    color: #fff!important;
    opacity: .6
}
.dark-version .kanban-item {
    background: transparent!important;
    border: 1px solid
}
.dark-version .swal2-html-container {
    color: #fff!important;
    opacity: .6
}
.dark-version .h1,
.dark-version .h2,
.dark-version .h3,
.dark-version .h4,
.dark-version .h5,
.dark-version .h6,
.dark-version .kanban-title-board,
.dark-version .table thead tr th,
.dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button),
.dark-version h1,
.dark-version h2,
.dark-version h3,
.dark-version h4,
.dark-version h5,
.dark-version h6 {
    color: #fff!important
}
.dark-version .input-group.input-group-dynamic .form-control,
.dark-version .input-group.input-group-static .form-control {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, hsla(0, 0%, 82%, .6) 1px, hsla(0, 0%, 82%, 0) 0)!important;
    background-size: 0 100%, 100% 100%
}
.dark-version .input-group.input-group-dynamic .form-control:focus,
.dark-version .input-group.input-group-static .form-control:focus {
    background-size: 100% 100%, 100% 100%
}
.dark-version .input-group.input-group-outline .form-control,
.dark-version .input-group .is-invalid,
.dark-version .input-group .is-valid {
    border-color: hsla(0, 0%, 100%, .4)!important
}
.dark-version .accordion .accordion-button {
    border-color: hsla(0, 0%, 100%, .4)!important;
    color: #fff;
    opacity: .8
}
.dark-version .table>:not(caption)>*>* {
    border-color: hsla(0, 0%, 100%, .4)!important;
    color: hsla(0, 0%, 100%, .6)!important
}
.dark-version label {
    color: hsla(0, 0%, 100%, .8)!important
}
.dark-version .list-group-item,
.dark-version .multisteps-form__panel {
    background-color: transparent!important
}
.dark-version .nav.bg-white {
    background-color: #202940!important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.dark-version .nav .nav-link[data-scroll]:hover {
    color: #344767!important
}
.dark-version .toast {
    background-color: #202940!important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.dark-version .toast .toast-header {
    background: transparent
}
.dark-version .toast span {
    color: #fff
}
.dark-version .toast p {
    color: #fff!important;
    opacity: .6
}
.dark-version .choices .choices__input {
    background-color: transparent!important;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4);
    color: #fff
}
.dark-version .choices .choices__list.choices__list--dropdown {
    background: #202940;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.dark-version .fc-theme-standard td,
.dark-version .fc-theme-standard th {
    border-color: rgba(, 128, 154, .3)
}
.dark-version .dataTable-sorter:after {
    border-bottom-color: #fff
}
.dark-version .dataTable-sorter:before {
    border-top-color: #fff
}
.dark-version .ql-snow .ql-stroke {
    stroke: #f0f2f5
}
.dark-version .ql-snow .ql-fill,
.dark-version .ql-snow .ql-stroke.ql-fill {
    fill: #f0f2f5
}
.dark-version .ql-toolbar.ql-snow .ql-picker-label {
    color: #f0f2f5
}
.dark-version .form-control,
body.dark-version {
    color: hsla(0, 0%, 100%, .8)!important
}
@media (min-width: 992px) {
    .dropdown .dropdown-menu,
    .dropend .dropdown-menu,
    .dropstart .dropdown-menu,
    .dropup .dropdown-menu {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)!important;
        cursor: pointer
    }
    .dropdown .dropdown-toggle:after,
    .dropend .dropdown-toggle:after,
    .dropstart .dropdown-toggle:after,
    .dropup .dropdown-toggle:after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        border: none;
        vertical-align: middle;
        font-weight: 600
    }
    .dropdown .dropdown-toggle.show:after,
    .dropend .dropdown-toggle.show:after,
    .dropstart .dropdown-toggle.show:after,
    .dropup .dropdown-toggle.show:after {
        transform: rotate(180deg)
    }
    .dropdown .dropdown-toggle:after,
    .dropend .dropdown-toggle:after,
    .dropstart .dropdown-toggle:after,
    .dropup .dropdown-toggle:after {
        transition: .3s ease
    }
    .dropdown.dropdown-hover .dropdown-menu,
    .dropdown .dropdown-menu {
        display: block;
        position: absolute;
        opacity: 0;
        transform-origin: 0 0;
        inset: 0 auto auto 0;
        margin-top: 2.8125rem!important;
        pointer-events: none;
        transform: scale(.95)!important;
        backface-visibility: hidden;
        will-change: transform, box-shadow
    }
    .dropdown.dropdown-hover .dropdown-menu .dropdown.dropdown-hover .dropdown-menu,
    .dropdown.dropdown-hover .dropdown-menu .dropdown .dropdown-menu,
    .dropdown .dropdown-menu .dropdown.dropdown-hover .dropdown-menu,
    .dropdown .dropdown-menu .dropdown .dropdown-menu {
        margin-top: 0!important
    }
    .dropdown.dropdown-hover:hover>.dropdown-menu,
    .dropdown .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: scale(1)!important
    }
    .dropdown.dropdown-hover:hover>.dropdown-menu:before,
    .dropdown .dropdown-menu.show:before {
        top: -20px
    }
    .dropdown.dropdown-hover:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -24px;
        width: 100%;
        height: 100%
    }
    .dropdown:not(.dropdown-hover) .dropdown-menu.show {
        margin-top: 2.8125rem!important
    }
    .dropdown .dropdown-menu:before {
        font-family: FontAwesome;
        content: "\f0d8";
        position: absolute;
        top: 0;
        left: 28px;
        right: auto;
        font-size: 22px;
        color: #fff;
        transition: top .35s ease
    }
    .dropdown .dropdown-item .arrow {
        transform: rotate(-90deg)
    }
    .dropdown-item {
        transition: background-color .3s ease, color .3s ease
    }
}
@media (max-width: 991.98px) {
    .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu {
        display: block;
        opacity: 0;
        top: 0;
        transform-origin: 0 0;
        pointer-events: none;
        transform: scale(.95)!important;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)!important;
        backface-visibility: hidden;
        will-change: transform, box-shadow;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }
    .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before {
        font-family: FontAwesome;
        content: "\f0d8";
        position: absolute;
        top: 0;
        left: 28px;
        right: auto;
        font-size: 22px;
        color: #fff;
        transition: top .35s ease
    }
    .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu {
        margin-top: 2.8125rem!important
    }
    .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: scale(1)!important
    }
    .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before {
        top: -20px
    }
    .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu {
        background-color: transparent;
        overflow: scroll;
        position: relative
    }
    .dropdown .dropdown-menu {
        opacity: 0;
        top: 0;
        transform-origin: 0 0;
        pointer-events: none;
        transform: scale(.95)!important;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)!important;
        backface-visibility: hidden;
        will-change: transform, box-shadow;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }
    .dropdown .dropdown-menu:before {
        font-family: FontAwesome;
        content: "\f0d8";
        position: absolute;
        top: 0;
        left: 28px;
        right: auto;
        font-size: 22px;
        color: #fff;
        transition: top .35s ease
    }
    .dropdown:not(.dropdown-hover) .dropdown-menu {
        margin-top: 2.8125rem!important
    }
    .dropdown .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: scale(1)!important
    }
    .dropdown .dropdown-menu.show:before {
        top: -20px
    }
    .dropdown.nav-item .dropdown-menu {
        position: absolute
    }
    .dropdown.nav-item .dropdown-menu-animation {
        display: block;
        height: 0;
        transition: all .35s ease;
        padding-top: 0!important;
        padding-bottom: 0!important;
        opacity: 0
    }
    .dropdown.nav-item .dropdown-menu-animation.show {
        height: 250px;
        opacity: 1
    }
}
.dropdown.dropdown-subitem:after {
    left: 100%;
    bottom: 0;
    width: 50%
}
.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before {
    transform: rotate(-90deg);
    left: 0;
    top: 0;
    z-index: -1;
    transition: left .35s ease
}
.dropdown .dropdown-menu.dropdown-menu-end {
    right: 0!important;
    left: auto!important
}
.dropdown .dropdown-menu.dropdown-menu-end:before {
    right: 28px;
    left: auto
}
.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before {
    left: -8px
}
.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu {
    transform: scale(1)!important
}
.dropdown .dropdown-menu .dropdown-item+.dropdown-menu {
    right: -197px;
    left: auto;
    top: 0
}
.dropup .dropdown-menu {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)!important;
    cursor: pointer;
    top: auto!important;
    bottom: 100%!important;
    margin-bottom: .5rem!important;
    display: block;
    opacity: 0;
    transform-origin: bottom;
    pointer-events: none;
    transform: scale(.95)!important;
    backface-visibility: hidden;
    will-change: transform, box-shadow
}
.dropup .dropdown-menu.show {
    pointer-events: auto;
    transform: scale(1)!important;
    opacity: 1
}
.dropup .dropdown-menu.show:after {
    bottom: -20px
}
.dropup .dropdown-menu:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    z-index: -1;
    bottom: 22px;
    left: 28px;
    right: auto;
    font-size: 22px;
    color: #fff;
    transition: bottom .35s ease
}
.page-header {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%
}
.page-header .container {
    z-index: 1
}
.page-header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%)
}
.fixed-plugin .fixed-plugin-button {
    background: #fff;
    border-radius: 50%;
    bottom: 30px;
    right: 30px;
    font-size: 1.25rem;
    z-index: 990;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    cursor: pointer
}
.fixed-plugin .fixed-plugin-button i {
    pointer-events: none
}
.fixed-plugin .card {
    position: fixed!important;
    right: -360px;
    top: 0;
    height: 100%;
    left: auto!important;
    transform: unset!important;
    width: 360px;
    border-radius: 0;
    padding: 0 10px;
    transition: .2s ease;
    z-index: 1020
}
.fixed-plugin .badge {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px;
    transition: all .2s ease-in-out
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
    border-color: #344767
}
.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) {
    border: 1px solid transparent
}
.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) {
    background-color: transparent;
    background-image: none;
    border: 1px solid #344767;
    color: #344767
}
.fixed-plugin.show .card {
    right: 0
}
.input-group {
    border-radius: 0
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: .375rem!important;
    border-bottom-right-radius: .375rem!important
}
.input-group,
.input-group .input-group-text {
    transition: .2s ease;
    border: none
}
.input-group>:not(:first-child):not(.dropdown-menu) {
    margin-left: 2px
}
.input-group label {
    transition: all .3s ease
}
.input-group.input-group-dynamic .form-control,
.input-group.input-group-static .form-control {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    transition: .2s ease
}
.input-group.input-group-dynamic .form-control:not(:first-child),
.input-group.input-group-static .form-control:not(:first-child) {
    border-left: 0;
    padding-left: 0
}
.input-group.input-group-dynamic .form-control:not(:last-child),
.input-group.input-group-static .form-control:not(:last-child) {
    border-right: 0;
    padding-right: 0
}
.input-group.input-group-dynamic .form-control+.input-group-text,
.input-group.input-group-static .form-control+.input-group-text {
    border-left: 0;
    border-right: 1px solid #d2d6da
}
.input-group.input-group-dynamic .form-control,
.input-group.input-group-dynamic .form-control:focus,
.input-group.input-group-static .form-control,
.input-group.input-group-static .form-control:focus {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border-radius: 0!important
}
.input-group.input-group-dynamic .form-control:focus,
.input-group.input-group-static .form-control:focus {
    background-size: 100% 100%, 100% 100%
}
.input-group.input-group-dynamic .form-control[disabled],
.input-group.input-group-static .form-control[disabled] {
    cursor: not-allowed;
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, hsla(0, 0%, 82%, 0) 0)!important
}
.input-group.input-group-dynamic .input-group-text,
.input-group.input-group-static .input-group-text {
    border-right: 0
}
.input-group.input-group-dynamic.is-filled .form-label,
.input-group.input-group-dynamic.is-focused .form-label,
.input-group.input-group-static.is-filled .form-label,
.input-group.input-group-static.is-focused .form-label {
    font-size: .6875rem!important
}
.input-group.input-group-dynamic.is-focused .form-label,
.input-group.input-group-static.is-focused .form-label {
    top: -.7rem
}
.input-group.input-group-dynamic.is-focused label,
.input-group.input-group-static.is-focused label {
    color: #e91e63
}
.input-group.input-group-dynamic.is-focused.is-valid label,
.input-group.input-group-static.is-focused.is-valid label {
    color: #4caf50
}
.input-group.input-group-dynamic.is-focused.is-valid .form-control,
.input-group.input-group-dynamic.is-focused.is-valid .form-control:focus,
.input-group.input-group-static.is-focused.is-valid .form-control,
.input-group.input-group-static.is-focused.is-valid .form-control:focus {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border-radius: 0!important
}
.input-group.input-group-dynamic.is-focused.is-invalid label,
.input-group.input-group-static.is-focused.is-invalid label {
    color: #f44335
}
.input-group.input-group-dynamic.is-focused.is-invalid .form-control,
.input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus,
.input-group.input-group-static.is-focused.is-invalid .form-control,
.input-group.input-group-static.is-focused.is-invalid .form-control:focus {
    background-image: linear-gradient(0deg, #f44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border-radius: 0!important
}
.input-group.input-group-dynamic.is-valid .form-control,
.input-group.input-group-dynamic.is-valid .form-control:focus,
.input-group.input-group-static.is-valid .form-control,
.input-group.input-group-static.is-valid .form-control:focus {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border-radius: 0!important
}
.input-group.input-group-dynamic.is-invalid .form-control,
.input-group.input-group-dynamic.is-invalid .form-control:focus,
.input-group.input-group-static.is-invalid .form-control,
.input-group.input-group-static.is-invalid .form-control:focus {
    background-image: linear-gradient(0deg, #f44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border-radius: 0!important
}
.input-group.input-group-dynamic.is-filled .form-label,
.input-group.input-group-dynamic.is-filled.is-focused .form-label,
.input-group.input-group-static.is-filled .form-label,
.input-group.input-group-static.is-filled.is-focused .form-label {
    top: -1rem
}
.input-group.input-group-outline .form-control {
    background: none;
    border: 1px solid #d2d6da;
    border-radius: .375rem;
    border-top-left-radius: .375rem!important;
    border-bottom-left-radius: .375rem!important;
    padding: .625rem .75rem!important;
    line-height: 1.3!important
}
.input-group.input-group-outline .form-control.form-control-lg {
    padding: .75rem!important
}
.input-group.input-group-outline .form-control.form-control-sm {
    padding: .25rem .75rem!important
}
.input-group.input-group-outline .form-control[disabled] {
    cursor: not-allowed;
    border-style: dashed
}
.input-group.input-group-outline .form-label {
    display: flex;
    line-height: 3.925!important;
    top: -.375rem;
    margin-bottom: 0
}
.input-group.input-group-outline .form-label:before {
    content: "";
    margin-right: 4px;
    border-left: 1px solid transparent;
    border-radius: 4px 0
}
.input-group.input-group-outline .form-label:after {
    content: "";
    flex-grow: 1;
    margin-left: 4px;
    border-right: 1px solid transparent;
    border-radius: 0 5px
}
.input-group.input-group-outline .form-label:after,
.input-group.input-group-outline .form-label:before {
    content: "";
    border-top: 1px solid;
    border-top-color: #d2d6da;
    pointer-events: none;
    margin-top: .375rem;
    box-sizing: border-box;
    display: block;
    height: .5rem;
    width: .625rem;
    border-width: 1px 0 0;
    border-color: transparent
}
.input-group.input-group-outline.is-filled .form-label+.form-control,
.input-group.input-group-outline.is-focused .form-label+.form-control {
    border-color: #e91e63!important;
    border-top-color: transparent!important;
    box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 -1px #e91e63
}
.input-group.input-group-outline.is-filled .form-label,
.input-group.input-group-outline.is-focused .form-label {
    width: 100%;
    height: 100%;
    font-size: .6875rem!important;
    color: #e91e63;
    display: flex;
    line-height: 1.25!important
}
.input-group.input-group-outline.is-filled .form-label:after,
.input-group.input-group-outline.is-filled .form-label:before,
.input-group.input-group-outline.is-focused .form-label:after,
.input-group.input-group-outline.is-focused .form-label:before {
    opacity: 1;
    border-top-color: #e91e63;
    box-shadow: inset 0 1px #e91e63
}
.input-group.input-group-outline.is-valid .form-control {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%2366d432' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 1rem 1rem
}
.input-group.input-group-outline.is-valid.is-filled .form-label+.form-control,
.input-group.input-group-outline.is-valid.is-focused .form-label+.form-control {
    border-color: #4caf50!important;
    box-shadow: inset 1px 0 #4caf50, inset -1px 0 #4caf50, inset 0 -1px #4caf50;
    border-top-color: transparent!important
}
.input-group.input-group-outline.is-valid.is-filled .form-label,
.input-group.input-group-outline.is-valid.is-focused .form-label {
    color: #4caf50
}
.input-group.input-group-outline.is-valid.is-filled .form-label:after,
.input-group.input-group-outline.is-valid.is-filled .form-label:before,
.input-group.input-group-outline.is-valid.is-focused .form-label:after,
.input-group.input-group-outline.is-valid.is-focused .form-label:before {
    border-top-color: #4caf50;
    box-shadow: inset 0 1px #4caf50
}
.input-group.input-group-outline.is-invalid .form-control {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 1rem 1rem
}
.input-group.input-group-outline.is-invalid.is-filled .form-label+.form-control,
.input-group.input-group-outline.is-invalid.is-focused .form-label+.form-control {
    border-color: #f44335!important;
    box-shadow: inset 1px 0 #f44335, inset -1px 0 #f44335, inset 0 -1px #f44335;
    border-top-color: transparent!important
}
.input-group.input-group-outline.is-invalid.is-filled .form-label,
.input-group.input-group-outline.is-invalid.is-focused .form-label {
    color: #f44335
}
.input-group.input-group-outline.is-invalid.is-filled .form-label:after,
.input-group.input-group-outline.is-invalid.is-filled .form-label:before,
.input-group.input-group-outline.is-invalid.is-focused .form-label:after,
.input-group.input-group-outline.is-invalid.is-focused .form-label:before {
    border-top-color: #f44335;
    box-shadow: inset 0 1px #f44335
}
.input-group.input-group-dynamic.input-group-sm .form-label,
.input-group.input-group-dynamic.input-group-sm label,
.input-group.input-group-outline.input-group-sm .form-label,
.input-group.input-group-outline.input-group-sm label,
.input-group.input-group-static.input-group-sm .form-label,
.input-group.input-group-static.input-group-sm label {
    font-size: .75rem
}
.input-group.input-group-dynamic.input-group-lg .form-label,
.input-group.input-group-dynamic.input-group-lg label,
.input-group.input-group-outline.input-group-lg .form-label,
.input-group.input-group-outline.input-group-lg label,
.input-group.input-group-static.input-group-lg .form-label,
.input-group.input-group-static.input-group-lg label {
    font-size: .975rem
}
.input-group.input-group-static .form-control {
    width: 100%
}
.input-group.input-group-static label {
    margin-left: 0;
    margin-bottom: 0
}
.form-check:not(.form-switch) .form-check-input {
    float: none!important;
    margin-left: auto!important
}
.form-check:not(.form-switch) .form-check-input[type=checkbox],
.form-check:not(.form-switch) .form-check-input[type=radio] {
    border: 1px solid #d1d7e1;
    margin-top: .25rem;
    position: relative
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked,
.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
    border-color: var(--color_text_four)!important;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    background-image: none
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after {
    transition: opacity .25s ease-in-out;
    font-family: FontAwesome;
    content: "\f00c";
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .67rem;
    opacity: 0
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
    background: var(--color_text_four)!important;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after {
    opacity: 1
}
.form-check:not(.form-switch) .form-check-input[type=radio] {
    transition: border 0s;
    background: transparent
}
.form-check:not(.form-switch) .form-check-input[type=radio]:after {
    transition: opacity .25s ease-in-out;
    content: "";
    position: absolute;
    width: .8375rem;
    height: .8375rem;
    border-radius: 50%;
    background-image: linear-gradient(195deg, #ec407a, #d81b60), var(--bs-gradient);
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
    padding: 6px
}
.form-check:not(.form-switch) .form-check-input[type=radio]:checked:after {
    opacity: 1
}
.form-check:not(.form-switch) .form-check-input[type=radio]:active {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 12px rgba(53, 71, 102, .1);
    border-radius: 50rem;
    transition: .05s ease
}
.form-check-input[type=checkbox],
.form-check-label {
    cursor: pointer
}
.form-check-label {
    font-size: .875rem;
    font-weight: 400
}
.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.form-switch .form-check-input {
    position: relative;
    background-color: #ced4da;
    height: .9375rem;
    width: 1.875rem
}
.form-switch .form-check-input:after {
    transition: transform .25s ease-in-out, background-color .25s ease-in-out;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 1px solid #ced4da;
    position: absolute;
    background-color: #fff;
    transform: translateX(1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    top: -2.5px;
    left: -5px
}
.form-switch .form-check-input:checked:after {
    transform: translateX(21px);
    border-color: #42424a
}
.form-switch .form-check-input:checked {
    border-color: #42424a;
    background-color: #42424a
}
.form-switch .form-check-input:checked:active:after {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(53, 71, 102, .1)
}
.form-switch .form-check-input:active:after {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(0, 0, 0, .1)
}
.form-select {
    transition: .2s ease
}
.form-label,
label {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: .5rem;
    color: #7b809a;
    margin-left: .25rem
}
.input-group .form-label {
    position: absolute;
    top: .6125rem;
    margin-left: 0;
    transition: all .2s ease
}
.form-control {
    border: none
}
.form-control.is-invalid {
    border: 1px solid #d2d6da;
    padding: .625rem .75rem;
    line-height: 1.3!important
}
.form-control.is-invalid:focus {
    box-shadow: 0 0 0 2px rgba(253, 92, 112, .6)
}
.form-control.is-valid {
    border: 1px solid #d2d6da;
    padding: .625rem .75rem;
    line-height: 1.3!important
}
.form-control.is-valid:focus {
    box-shadow: 0 0 0 2px rgba(102, 212, 50, .65)
}
.form-control[disabled] {
    padding: .625rem .75rem;
    line-height: 1.45!important
}
.input-group .input-group-text {
    position: absolute;
    padding: .75rem 0;
    right: 0;
    border-right: 0!important
}
.input-group .input-group-text i {
    color: #6c757d
}
.input-group.input-group-static .input-group-text {
    bottom: 0
}
.footer .nav-link {
    color: #344767;
    font-weight: 400;
    font-size: .875rem;
    padding-top: 0;
    padding-bottom: .25rem
}
.footer .nav-link:hover {
    opacity: 1!important;
    transition: opacity .3 ease;
}
.footer .footer-logo {
    max-width: 17rem
}
.bg-gradient-primary {
    background-image: linear-gradient(195deg, var(--color_login_one), var(--color_login_two))
}
.bg-gradient-primary-main {
    background-image: linear-gradient(195deg, var(--color_main_one), var(--color_main_two))
}

.bg-gradient-secondary {
    background-image: linear-gradient(195deg, #747b8a, #495361)
}
.bg-gradient-success {
    background-image: linear-gradient(195deg, #66bb6a, #43a047)
}
.bg-gradient-info {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8)
}
.bg-gradient-warning {
    background-image: linear-gradient(195deg, #ffa726, #fb8c00)
}
.bg-gradient-danger {
    background-image: linear-gradient(195deg, #ef5350, #e53935)
}
.bg-gradient-light {
    background-image: linear-gradient(195deg, #ebeff4, #ced4da)
}
.bg-gradient-dark {
    background-image: linear-gradient(195deg, #42424a, #191919)
}
.bg-gradient-faded-primary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, .6) 0, #c1134e 100%)
}
.bg-gradient-faded-secondary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, .6) 0, #626780 100%)
}
.bg-gradient-faded-success {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, .6) 0, #3d8b40 100%)
}
.bg-gradient-faded-info {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, .6) 0, #135cbc 100%)
}
.bg-gradient-faded-warning {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, .6) 0, #c87000 100%)
}
.bg-gradient-faded-danger {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, .6) 0, #e91d0d 100%)
}
.bg-gradient-faded-light {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, .6) 0, #d1d7e1 100%)
}
.bg-gradient-faded-dark {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, .6) 0, #233045 100%)
}
.bg-gradient-faded-white {
    background-image: radial-gradient(370px circle at 80% 50%, hsla(0, 0%, 100%, .6) 0, #e6e6e6 100%)
}
.bg-gradient-faded-dark-blue {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, .6) 0, #111754 100%)
}
.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 30, 99, .3) 0, #e91e63 100%)
}
.bg-gradient-faded-secondary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, .3) 0, #7b809a 100%)
}
.bg-gradient-faded-success-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, .3) 0, #4caf50 100%)
}
.bg-gradient-faded-info-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, .3) 0, #1a73e8 100%)
}
.bg-gradient-faded-warning-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, .3) 0, #fb8c00 100%)
}
.bg-gradient-faded-danger-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, .3) 0, #f44335 100%)
}
.bg-gradient-faded-light-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, .3) 0, #f0f2f5 100%)
}
.bg-gradient-faded-dark-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, .3) 0, #344767 100%)
}
.bg-gradient-faded-white-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, hsla(0, 0%, 100%, .3) 0, #fff 100%)
}
.bg-gradient-faded-dark-blue-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 35, 126, .3) 0, #1a237e 100%)
}
.material-icons {
    font-family: Material Icons Round;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}
.nav.nav-pills .nav-link .material-icons {
    top: 3px
}
.icon-shape {
    width: 48px;
    height: 48px;
    background-position: 50%;
    border-radius: .5rem
}
.icon-shape i {
    color: #fff;
    opacity: .8;
    top: 11px;
    position: relative
}
.icon-shape .ni {
    top: 14px
}
.icon-xxs {
    width: 20px;
    height: 20px
}
.icon-xxs i {
    top: 0;
    font-size: .65rem
}
.icon-xs {
    width: 24px;
    height: 24px
}
.icon-xs i {
    top: -1px;
    font-size: .75rem
}
.icon-sm {
    width: 32px;
    height: 32px
}
.icon-sm i {
    top: 4px;
    font-size: .875rem
}
.icon-md {
    width: 48px;
    height: 48px
}
.icon-md i {
    top: 30%;
    font-size: 1.125rem
}
.icon-md.icon-striped {
    background-position-x: 85px;
    background-position-y: 85px
}
.icon-md.icon-striped i {
    top: 11%;
    margin-left: -10px;
    font-size: .875rem
}
.icon-lg {
    width: 64px;
    height: 64px
}
.icon-lg i {
    top: 31%;
    font-size: 1.5rem
}
.icon-lg.icon-striped {
    background-position-x: 111px;
    background-position-y: 111px
}
.icon-lg.icon-striped i {
    top: 21%;
    margin-left: -15px
}
.icon-xl {
    width: 100px;
    height: 100px;
    border-radius: .5rem
}
.icon-xl i {
    top: 35%;
    font-size: 2.1rem
}
.icon-xl.icon-striped {
    background-position-x: 80px;
    background-position-y: 80px
}
.icon-xl.icon-striped i {
    top: 30%;
    margin-left: -15px
}
.info-horizontal {
    text-align: left!important
}
.info-horizontal .icon {
    float: left
}
.info-horizontal .description {
    overflow: hidden
}
svg.text-primary .color-foreground {
    fill: #ec407a
}
svg.text-primary .color-background {
    fill: #d81b60
}
svg.text-secondary .color-foreground {
    fill: #747b8a
}
svg.text-secondary .color-background {
    fill: #495361
}
svg.text-info .color-foreground {
    fill: #49a3f1
}
svg.text-info .color-background {
    fill: #1a73e8
}
svg.text-warning .color-foreground {
    fill: #ffa726
}
svg.text-warning .color-background {
    fill: #fb8c00
}
svg.text-danger .color-foreground {
    fill: #ef5350
}
svg.text-danger .color-background {
    fill: #e53935
}
svg.text-success .color-foreground {
    fill: #66bb6a
}
svg.text-success .color-background {
    fill: #43a047
}
svg.text-dark .color-foreground {
    fill: #42424a
}
svg.text-dark .color-background {
    fill: #191919
}
html {
    border: none!important
}
.blur {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0, 0%, 100%, .8)!important
}
.blur.saturation-less {
    -webkit-backdrop-filter: saturate(20%) blur(30px);
    backdrop-filter: saturate(20%) blur(30px)
}
.blur.blur-rounded {
    border-radius: 40px
}
.blur.blur-light {
    background-color: hsla(0, 0%, 100%, .4)
}
.blur.blur-dark {
    background-color: rgba(0, 0, 0, .3)
}
.shadow-blur {
    box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .9), 0 20px 27px 0 rgba(0, 0, 0, .05)!important
}
.shadow-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)!important
}
.navbar-blur {
    background-color: hsla(0, 0%, 100%, .58)!important
}
.blur-section,
.navbar-blur {
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px)
}
.blur-section.blur-gradient-primary {
    background-image: linear-gradient(195deg, rgba(236, 64, 122, .95), rgba(216, 27, 96, .95))
}
.move-on-hover {
    transition: .2s ease-out;
    overflow: hidden;
    transform-origin: 50% 0;
    transform: perspective(999px) rotateX(0deg) translateZ(0);
    backface-visibility: hidden;
    will-change: transform, box-shadow
}
.move-on-hover:hover {
    transform: perspective(999px) rotateX(7deg) translate3d(0, -4px, 5px)
}
.gradient-animation {
    background: linear-gradient(-45deg, #49a3f1, #f44335, #fb8c00, #ec407a, #344767);
    background-size: 400% 400%!important;
    animation: i 10s ease infinite
}
hr {
    border-top: none;
    height: 1px
}
hr.vertical {
    position: absolute;
    background-color: transparent;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px
}
hr.vertical.light {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0))
}
hr.vertical.dark {
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .4), transparent)
}
hr.vertical.gray-light {
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .1), transparent)
}
hr.horizontal {
    background-color: transparent
}
hr.horizontal.light {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0))
}
hr.horizontal.dark {
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .4), transparent)
}
hr.horizontal.gray-light {
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .1), transparent)
}
.lock-size {
    width: 1.7rem;
    height: 1.7rem
}
.border-radius-xs {
    border-radius: .1rem
}
.border-radius-sm {
    border-radius: .125rem
}
.border-radius-md {
    border-radius: .375rem
}
.border-radius-lg {
    border-radius: .5rem
}
.border-radius-xl {
    border-radius: .75rem
}
.border-radius-2xl {
    border-radius: 1rem
}
.border-radius-section {
    border-radius: 10rem
}
.border-bottom-end-radius-0 {
    border-bottom-right-radius: 0
}
.border-top-end-radius-0 {
    border-top-right-radius: 0
}
.border-bottom-start-radius-0 {
    border-bottom-left-radius: 0
}
.border-top-start-radius-0 {
    border-top-left-radius: 0
}
.border-dashed {
    border-style: dashed
}
.z-index-sticky {
    z-index: 1020
}
.waves {
    position: relative;
    width: 100%;
    height: 16vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px
}
.waves.waves-sm {
    height: 50px;
    min-height: 50px
}
.waves.no-animation .moving-waves>use {
    animation: none
}
.wave-rotate {
    transform: rotate(180deg)
}
.moving-waves>use {
    animation: f 40s cubic-bezier(.55, .5, .45, .5) infinite
}
.moving-waves>use:first-child {
    animation-delay: -2s;
    animation-duration: 11s
}
.moving-waves>use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 13s
}
.moving-waves>use:nth-child(3) {
    animation-delay: -3s;
    animation-duration: 15s
}
.moving-waves>use:nth-child(4) {
    animation-delay: -4s;
    animation-duration: 20s
}
.moving-waves>use:nth-child(5) {
    animation-delay: -4s;
    animation-duration: 25s
}
.moving-waves>use:nth-child(6) {
    animation-delay: -3s;
    animation-duration: 30s
}
@keyframes f {
    0% {
        transform: translate3d(-90px, 0, 0)
    }
    to {
        transform: translate3d(85px, 0, 0)
    }
}
@media (max-width: 767.98px) {
    .waves {
        height: 40px;
        min-height: 40px
    }
    hr.horizontal {
        background-color: transparent
    }
    hr.horizontal:not(.dark) {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0))
    }
    hr.horizontal.vertical {
        transform: rotate(90deg)
    }
    hr.horizontal.dark {
        background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .4), transparent)
    }
}
.overflow-visible {
    overflow: visible!important
}
.bg-cover,
.mask {
    background-size: cover
}
.mask {
    position: absolute;
    background-position: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}
.cursor-pointer {
    cursor: pointer
}
.transform-translate-50 {
    transform: translateY(-50%)
}
@media (min-width: 992px) {
    .virtual-reality .sidenav {
        animation-name: h;
        animation-fill-mode: both;
        animation-duration: 1.5s;
        transform: scale(.6);
        left: 18%!important;
        position: absolute
    }
}
.choices .choices__list {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    transition: .2s ease
}
.choices .choices__list.choices__list--single .choices__item--selectable {
    margin-bottom: .5rem
}
.choices .choices__list.choices__list--single,
.choices .choices__list.choices__list--single:focus {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.choices .choices__list.choices__list--dropdown {
    background: #fff
}
.choices.is-focused .choices__list {
    background-size: 100% 100%, 100% 100%
}
.border-right-after:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3vh;
    height: 70%;
    width: 50%;
    border-right: 1px solid #dee2e6
}
.rotate-caret .collapse .nav-link:after {
    margin-right: auto;
    margin-left: 0
}
@media (min-width: 1200px) {
    .g-sidenav-hidden.rtl .main-content {
        margin-right: 7rem!important
    }
}
.rtl .ps__rail-y {
    right: auto!important;
    left: 0
}
.rtl .start-0 {
    right: 0!important
}
.rtl .end-0 {
    left: 0!important
}
.bullets {
    position: sticky;
    top: 30%;
    height: 0;
    transform: translate(-50%, -50%);
    margin-left: auto
}
.bullets ul {
    display: flex;
    flex-direction: column;
    align-items: end;
    list-style-type: none;
    margin-right: -1rem
}
.bullets ul li .indicator {
    cursor: pointer;
    margin-top: 1rem;
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #e91e63
}
.bullets ul li .active {
    transform: scale(1.3);
    transition: transform .2s ease-in-out
}
.img-material-tw {
    object-fit: cover
}
.navbar {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}
.navbar .nav-link,
.navbar .navbar-brand {
    color: #344767;
    font-size: .875rem
}
.navbar .nav-link {
    padding: .5rem 1rem;
    font-weight: 400
}
.navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    z-index: 1
}
.navbar.navbar-transparent .nav-link,
.navbar.navbar-transparent .nav-link i {
    color: #fff
}
.navbar.navbar-transparent .nav-link:focus,
.navbar.navbar-transparent .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}
.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
    background: #fff
}
.navbar.navbar-transparent .navbar-collapse {
    border-radius: .75rem
}
.navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark,
.navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark {
    color: #fff!important
}
.navbar .sidenav-toggler-inner {
    width: 18px
}
.navbar .sidenav-toggler-inner .sidenav-toggler-line {
    transition: all .15s ease;
    background: #7b809a;
    border-radius: .1rem;
    position: relative;
    display: block;
    height: 2px
}
.navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) {
    margin-bottom: 3px
}
.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child {
    width: 13px;
    transform: translateX(5px)
}
.navbar-light {
    background-color: #fff!important
}
.navbar-light .navbar-toggler {
    border: none
}
.navbar-light .navbar-toggler:focus {
    box-shadow: none
}
.navbar-toggler .navbar-toggler-icon {
    background-image: none
}
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #6c757d;
    transition: all .2s;
    margin: 0 auto
}
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2,
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {
    margin-top: 7px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    margin-top: 4px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 {
    opacity: 0
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    margin-top: 3px
}
@media (max-width: 991.98px) {
    .navbar.navbar-transparent .navbar-collapse {
        padding-top: .5rem;
        padding-bottom: .5rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }
    .navbar.navbar-transparent .navbar-collapse.collapsing,
    .navbar.navbar-transparent .navbar-collapse.show {
        background: #fff
    }
    .navbar.navbar-transparent .navbar-collapse.show .nav-link,
    .navbar.navbar-transparent .navbar-collapse.show i {
        color: #344767
    }
    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
        flex-direction: row
    }
    .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
        box-shadow: none!important
    }
    .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before {
        display: none!important
    }
}
@media (max-width: 767.98px) {
    .navbar-collapse {
        position: relative
    }
    .navbar-collapse .navbar-nav {
        width: 100%
    }
    .navbar-collapse .navbar-nav .nav-item.dropdown {
        position: static
    }
    .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
        left: 0;
        right: 0
    }
    .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before {
        content: none
    }
}
@media (max-width: 575.98px) {
    .navbar-nav .nav-item.dropdown .dropdown-menu {
        left: 0;
        right: auto
    }
}
.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand>img {
    max-width: 100%;
    max-height: 2rem
}
.navbar-vertical .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 300;
    color: #fff
}
.navbar-vertical .navbar-nav .nav-link>i {
    min-width: 1.8rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-align: center
}
.navbar-vertical .navbar-nav .nav-link .dropdown-menu {
    border: none
}
.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
    margin-left: .5rem
}
.navbar-vertical .navbar-nav .nav-link .avatar {
    width: 1.875rem;
    height: 1.875rem
}
.navbar-vertical .navbar-nav .nav-sm .nav-link {
    font-size: .8125rem
}
.navbar-vertical .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap
}
.navbar-vertical .navbar-heading {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em
}
.navbar-vertical.navbar-expand-xs {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 15.625rem!important;
    overflow-y: auto;
    padding: 0;
    box-shadow: none
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    height: calc(100vh - 200px)
}
.navbar-vertical.navbar-expand-xs>[class*=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-xs>[class*=container] {
        min-height: none;
        height: 100%
    }
}
.navbar-vertical.navbar-expand-xs.fixed-start {
    left: 0
}
.navbar-vertical.navbar-expand-xs.fixed-end {
    right: 0
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text,
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon,
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal,
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i {
    pointer-events: none
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item {
    width: 100%
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item {
    margin-top: .125rem
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni {
    top: 0
}
.navbar-vertical.navbar-expand-xs .lavalamp-object {
    width: calc(100% - 1rem)!important;
    background: theme-color("primary");
    color: color-yiq(#e91e63);
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: .125rem
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 15px
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal {
    transition: all .1s ease 0s
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active {
    padding-top: .75rem;
    padding-bottom: .75rem
}
@media (min-width: 576px) {
    .navbar-vertical.navbar-expand-sm {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem!important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }
    .navbar-vertical.navbar-expand-sm .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 200px)
    }
    .navbar-vertical.navbar-expand-sm>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}
@media (min-width: 576px) and (-ms-high-contrast: active),
(min-width: 576px) and (-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-sm>[class*=container] {
        min-height: none;
        height: 100%
    }
}
@media (min-width: 576px) {
    .navbar-vertical.navbar-expand-sm.fixed-start {
        left: 0
    }
    .navbar-vertical.navbar-expand-sm.fixed-end {
        right: 0
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0 1rem;
        margin-bottom: 1.5px
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon,
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal,
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i {
        pointer-events: none
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item {
        width: 100%
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item {
        margin-top: .125rem
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni {
        top: 0
    }
    .navbar-vertical.navbar-expand-sm .lavalamp-object {
        width: calc(100% - 1rem)!important;
        background: theme-color("primary");
        color: color-yiq(#e91e63);
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 15px
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal {
        transition: all .1s ease 0s
    }
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}
@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem!important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }
    .navbar-vertical.navbar-expand-md .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 200px)
    }
    .navbar-vertical.navbar-expand-md>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}
@media (min-width: 768px) and (-ms-high-contrast: active),
(min-width: 768px) and (-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-md>[class*=container] {
        min-height: none;
        height: 100%
    }
}
@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md.fixed-start {
        left: 0
    }
    .navbar-vertical.navbar-expand-md.fixed-end {
        right: 0
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0 1rem;
        margin-bottom: 1.5px
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i {
        pointer-events: none
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-item {
        width: 100%
    }
    .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item {
        margin-top: .125rem
    }
    .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni {
        top: 0
    }
    .navbar-vertical.navbar-expand-md .lavalamp-object {
        width: calc(100% - 1rem)!important;
        background: theme-color("primary");
        color: color-yiq(#e91e63);
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 15px
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal {
        transition: all .1s ease 0s
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}
@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem!important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }
    .navbar-vertical.navbar-expand-lg .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 200px)
    }
    .navbar-vertical.navbar-expand-lg>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}
@media (min-width: 992px) and (-ms-high-contrast: active),
(min-width: 992px) and (-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-lg>[class*=container] {
        min-height: none;
        height: 100%
    }
}
@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg.fixed-start {
        left: 0
    }
    .navbar-vertical.navbar-expand-lg.fixed-end {
        right: 0
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0 1rem;
        margin-bottom: 1.5px
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon,
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal,
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i {
        pointer-events: none
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item {
        width: 100%
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item {
        margin-top: .125rem
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni {
        top: 0
    }
    .navbar-vertical.navbar-expand-lg .lavalamp-object {
        width: calc(100% - 1rem)!important;
        background: theme-color("primary");
        color: color-yiq(#e91e63);
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 15px
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal {
        transition: all .1s ease 0s
    }
    .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}
@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem!important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }
    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 200px)
    }
    .navbar-vertical.navbar-expand-xl>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}
@media (min-width: 1200px) and (-ms-high-contrast: active),
(min-width: 1200px) and (-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-xl>[class*=container] {
        min-height: none;
        height: 100%
    }
}
@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl.fixed-start {
        left: 0
    }
    .navbar-vertical.navbar-expand-xl.fixed-end {
        right: 0
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0 1rem;
        margin-bottom: 1.5px
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon,
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal,
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i {
        pointer-events: none
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item {
        width: 100%
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item {
        margin-top: .125rem
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni {
        top: 0
    }
    .navbar-vertical.navbar-expand-xl .lavalamp-object {
        width: calc(100% - 1rem)!important;
        background: theme-color("primary");
        color: color-yiq(#e91e63);
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 15px
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal {
        transition: all .1s ease 0s
    }
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}
@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xxl {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem!important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }
    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 200px)
    }
    .navbar-vertical.navbar-expand-xxl>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}
@media (min-width: 1400px) and (-ms-high-contrast: active),
(min-width: 1400px) and (-ms-high-contrast: none) {
    .navbar-vertical.navbar-expand-xxl>[class*=container] {
        min-height: none;
        height: 100%
    }
}
@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xxl.fixed-start {
        left: 0
    }
    .navbar-vertical.navbar-expand-xxl.fixed-end {
        right: 0
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        margin: 0 1rem;
        margin-bottom: 1.5px
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon,
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal,
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i {
        pointer-events: none
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item {
        width: 100%
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item {
        margin-top: .125rem
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni {
        top: 0
    }
    .navbar-vertical.navbar-expand-xxl .lavalamp-object {
        width: calc(100% - 1rem)!important;
        background: theme-color("primary");
        color: color-yiq(#e91e63);
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 15px
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal {
        transition: all .1s ease 0s
    }
    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #e91e63, #e91e63)
}
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=primary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #e91e63, #e91e63)
}
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #7b809a, #7b809a)
}
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=secondary] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #7b809a, #7b809a)
}
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #4caf50, #4caf50)
}
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=success] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #4caf50, #4caf50)
}
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #1a73e8, #1a73e8)
}
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=info] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #1a73e8, #1a73e8)
}
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #fb8c00, #fb8c00)
}
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=warning] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #fb8c00, #fb8c00)
}
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #f44335, #f44335)
}
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=danger] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #f44335, #f44335)
}
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #f0f2f5, #f0f2f5)
}
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=light] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #f0f2f5, #f0f2f5)
}
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #344767, #344767)
}
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=dark] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #344767, #344767)
}
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #fff, #fff)
}
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=white] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #fff, #fff)
}
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #1a237e, #1a237e)
}
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color=dark-blue] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #1a237e, #1a237e)
}
.main-content,
.sidenav {
    transition: all .2s ease-in-out
}
.sidenav {
    z-index: 9999
}
.sidenav .navbar-brand,
.sidenav .navbar-heading {
    display: block
}
@media (min-width: 1200px) {
    .sidenav:hover {
        max-width: 15.625rem
    }
    .sidenav .sidenav-toggler {
        padding: 1.5rem
    }
    .sidenav.fixed-start+.main-content {
        margin-left: 17.125rem
    }
    .sidenav.fixed-end+.main-content {
        margin-right: 17.125rem
    }
}
.sidenav .navbar-heading .docs-mini {
    padding-left: 3px
}
.sidenav .navbar-heading {
    transition: all .1s ease
}
.sidenav .navbar-brand {
    padding: 1.5rem 2rem
}
.sidenav .collapse .nav-item .nav-link.active,
.sidenav .collapse .nav-item .nav-link.active i {
    color: #fff!important
}
body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text,
body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i,
body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text,
body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i {
    color: #344767!important
}
.sidenav-header {
    height: 4.875rem
}
.sidenav-footer .card.card-background:after {
    opacity: .65
}
.g-sidenav-show .sidenav .nav-item .collapse {
    height: auto;
    transition: all .2s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .g-sidenav-show .sidenav .nav-item .collapse {
        transition: none
    }
}
.g-sidenav-show .sidenav .nav-link-text {
    transition: .3s ease;
    opacity: 1
}
.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    margin-left: 0
}
@media (max-width: 1199.98px) {
    .g-sidenav-show.rtl .sidenav {
        transform: translateX(17.125rem)
    }
    .g-sidenav-show:not(.rtl) .sidenav {
        transform: translateX(-17.125rem)
    }
    .g-sidenav-show .sidenav.fixed-start+.main-content {
        margin-left: 0!important
    }
    .g-sidenav-show.g-sidenav-pinned .sidenav {
        transform: translateX(0)
    }
}
.navbar-vertical.bg-white {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}
.navbar-vertical.bg-white .navbar-nav .nav-link.active {
    box-shadow: none
}
.navbar-vertical.bg-transparent .navbar-nav .nav-link.active:after,
.navbar-vertical.bg-white .navbar-nav .nav-link.active:after {
    color: rgba(206, 212, 218, .7)!important
}
.navbar-vertical .navbar-nav .nav-link.active {
    font-weight: 400;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border-radius: .375rem;
    margin-top: 1.5px;
    margin-bottom: 1.5px
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active {
    color: #fff;
    border-right-width: 0;
    border-bottom-width: 0;
    background-color: hsla(0, 0%, 78%, .2)
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg, #e91e63, #e91e63)
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span,
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active span {
    color: #fff
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
    background-color: hsla(0, 0%, 78%, .2)
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
    background-image: linear-gradient(195deg, #e91e63, #e91e63)
}
.navbar-main {
    transition: box-shadow .25s ease-in, background-color .25s ease-in
}
.navbar-main.fixed-top {
    width: calc(100% - 20.125rem)
}
.navbar-main.fixed-top+[class*=container] {
    margin-top: 7.1875rem!important
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 700;
    content: "\f107";
    margin-left: auto;
    color: rgba(206, 212, 218, .7);
    transition: all .2s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
        transition: none
    }
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    color: #ced4da;
    transform: rotate(180deg)
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse].active:after {
    color: #fff
}
.navbar-vertical .navbar-nav .nav-item .collapse .nav,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav {
    transition: all .2s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .navbar-nav .nav-item .collapse .nav,
    .navbar-vertical .navbar-nav .nav-item .collapsing .nav {
        transition: none
    }
}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    color: rgba(206, 212, 218, .7)
}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active {
    color: #ced4da
}
.navbar-vertical.blur .navbar-nav>.nav-item .nav-link {
    background-color: transparent;
    box-shadow: none
}
.navbar-vertical .navbar-brand .navbar-brand-img,
.navbar-vertical .navbar-brand span {
    transition: all .2s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .navbar-brand .navbar-brand-img,
    .navbar-vertical .navbar-brand span {
        transition: none
    }
}
.navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
    transition: all .2s ease-in-out;
    text-align: center;
    min-width: 1.8rem
}
@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
        transition: none
    }
}
.navbar-vertical .docs-info {
    transition: all .2s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .docs-info {
        transition: none
    }
}
.navbar-vertical .nav-item .nav-link {
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: .375rem;
    margin-bottom: 1.5px;
    margin-top: 1.5px
}
.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link,
.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link,
.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link,
.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link,
.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link,
.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link {
    margin-top: 1.5px;
    margin-bottom: 1.5px
}
.navbar-vertical .nav-item:hover .nav-link,
.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item+.collapse .nav .nav-item:hover .nav-link,
.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item:hover>.nav-link {
    background-color: hsla(0, 0%, 78%, .2);
    border-radius: .375rem
}
@media (min-width: 1200px) {
    .g-sidenav-hidden.rtl .main-content {
        margin-right: 6rem!important
    }
    .g-sidenav-hidden.rtl .navbar-vertical:hover {
        max-width: 15.625rem!important
    }
    .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round {
        margin-right: 2px
    }
    .g-sidenav-hidden.rtl .sidenav:hover+.main-content {
        margin-right: 17.125rem!important
    }
    .g-sidenav-hidden .navbar-vertical {
        max-width: 6rem!important
    }
    .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content {
        margin-left: 7.5rem
    }
    .g-sidenav-hidden .navbar-vertical .navbar-brand img {
        width: auto!important
    }
    .g-sidenav-hidden .navbar-vertical .navbar-brand span {
        opacity: 0
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon {
        padding: 10px
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round {
        margin-left: 2px
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text,
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal {
        opacity: 0;
        width: 0
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon {
        min-width: 1.8rem;
        margin-left: .15rem!important
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle=collapse]:after {
        content: "";
        opacity: 0
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav {
        margin-left: 0!important;
        padding-left: 0!important
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link {
        margin-left: 1rem
    }
    .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
        content: "\f107"
    }
    .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape {
        margin-bottom: 0!important
    }
    .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info {
        opacity: 0;
        width: 0;
        height: 0
    }
    .g-sidenav-hidden .navbar-vertical:hover {
        max-width: 15.625rem!important
    }
    .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content {
        margin-left: 17.125rem
    }
    .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span {
        opacity: 1
    }
    .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text,
    .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal {
        opacity: 1;
        width: auto
    }
    .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle=collapse]:after {
        content: "\f107";
        opacity: 1
    }
    .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav,
    .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav {
        margin-left: 0!important;
        padding-left: 0!important
    }
    .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape {
        margin-bottom: 1rem!important
    }
    .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info {
        opacity: 1;
        width: auto;
        height: auto
    }
}
.nav.nav-pills {
    background: #f8f9fa;
    border-radius: .75rem;
    position: relative
}
.nav.nav-pills.nav-pills-vertical {
    border-radius: 1.1875rem
}
.nav.nav-pills.nav-pills-vertical .nav-link.active {
    border-radius: .875rem
}
.nav.nav-pills .nav-link {
    z-index: 3;
    color: #344767;
    border-radius: .5rem;
    background-color: inherit
}
.nav.nav-pills .nav-link.active {
    animation: .2s ease
}
.nav.nav-pills .nav-link:hover:not(.active) {
    color: #344767
}
.nav.nav-pills.nav-pills-primary {
    background: #fff;
    color: #fff
}
.nav.nav-pills.nav-pills-primary .nav-link.active {
    color: #fff
}
.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
    background: #ec407a;
    color: #ec407a
}
.nav.nav-pills.nav-pills-info {
    background: #fff;
    color: #fff
}
.nav.nav-pills.nav-pills-info .nav-link.active {
    color: #fff
}
.nav.nav-pills.nav-pills-info .moving-tab .nav-link.active {
    background: #49a3f1;
    color: #49a3f1
}
.nav.nav-pills.nav-pills-success {
    background: #fff;
    color: #fff
}
.nav.nav-pills.nav-pills-success .nav-link.active {
    color: #fff
}
.nav.nav-pills.nav-pills-success .moving-tab .nav-link.active {
    background: #66bb6a;
    color: #66bb6a
}
.nav.nav-pills.nav-pills-warning {
    background: #fff;
    color: #fff
}
.nav.nav-pills.nav-pills-warning .nav-link.active {
    color: #fff
}
.nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active {
    background: #ffa726;
    color: #ffa726
}
.nav.nav-pills.nav-pills-danger {
    background: #fff;
    color: #fff
}
.nav.nav-pills.nav-pills-danger .nav-link.active {
    color: #fff
}
.nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active {
    background: #ef5350;
    color: #ef5350
}
.nav.nav-pills .nav-item {
    z-index: 3
}
.moving-tab {
    z-index: 1!important
}
.moving-tab .nav-link {
    color: #fff;
    transition: .2s ease;
    border-radius: .5rem
}
.moving-tab .nav-link.active {
    color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 5px 1px #ddd;
    animation: .2s ease;
    background: #fff
}
.moving-tab .nav-link:hover:not(.active) {
    color: #344767
}
.page-item.active .page-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07)
}
.page-item .page-link,
.page-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b809a;
    padding: 0;
    margin: 0 3px;
    border-radius: 50%!important;
    width: 36px;
    height: 36px;
    font-size: .875rem
}
.pagination-lg .page-item .page-link,
.pagination-lg .page-item span {
    width: 46px;
    height: 46px;
    line-height: 46px
}
.pagination-sm .page-item .page-link,
.pagination-sm .page-item span {
    width: 30px;
    height: 30px;
    line-height: 30px
}
.pagination.pagination-primary .page-item.active>.page-link,
.pagination.pagination-primary .page-item.active>.page-link:focus,
.pagination.pagination-primary .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #ec407a, #d81b60);
    border: none
}
.pagination.pagination-secondary .page-item.active>.page-link,
.pagination.pagination-secondary .page-item.active>.page-link:focus,
.pagination.pagination-secondary .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #747b8a, #495361);
    border: none
}
.pagination.pagination-success .page-item.active>.page-link,
.pagination.pagination-success .page-item.active>.page-link:focus,
.pagination.pagination-success .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #66bb6a, #43a047);
    border: none
}
.pagination.pagination-info .page-item.active>.page-link,
.pagination.pagination-info .page-item.active>.page-link:focus,
.pagination.pagination-info .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
    border: none
}
.pagination.pagination-warning .page-item.active>.page-link,
.pagination.pagination-warning .page-item.active>.page-link:focus,
.pagination.pagination-warning .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #ffa726, #fb8c00);
    border: none
}
.pagination.pagination-danger .page-item.active>.page-link,
.pagination.pagination-danger .page-item.active>.page-link:focus,
.pagination.pagination-danger .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #ef5350, #e53935);
    border: none
}
.pagination.pagination-light .page-item.active>.page-link,
.pagination.pagination-light .page-item.active>.page-link:focus,
.pagination.pagination-light .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #ebeff4, #ced4da);
    border: none
}
.pagination.pagination-dark .page-item.active>.page-link,
.pagination.pagination-dark .page-item.active>.page-link:focus,
.pagination.pagination-dark .page-item.active>.page-link:hover {
    background-image: linear-gradient(195deg, #42424a, #191919);
    border: none
}
.popover {
    box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, .12)
}
.popover .popover-header {
    font-weight: 600
}
.progress-bar {
    height: 6px;
    border-radius: .125rem
}
.progress {
    overflow: visible
}
.progress.progress-sm {
    height: 4px
}
.progress.progress-lg {
    height: 20px
}
.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    float: right;
    padding-left: .5rem;
    padding-right: 0
}
.rtl .sidenav .navbar-nav {
    width: 100%;
    padding-right: 0
}
.rtl .fixed-plugin .fixed-plugin-button {
    left: 30px;
    right: auto
}
.rtl .fixed-plugin .card {
    left: -360px!important;
    right: auto
}
.rtl .fixed-plugin.show .card {
    right: auto;
    left: 0!important
}
.rtl .timeline .timeline-content {
    margin-right: 45px;
    margin-left: 0
}
.rtl .timeline .timeline-step {
    transform: translateX(50%)
}
.rtl .timeline.timeline-one-side .timeline-step,
.rtl .timeline.timeline-one-side:before {
    right: 1rem
}
.rtl .form-check.form-switch .form-check-input:after {
    transform: translateX(-1px)
}
.rtl .form-check.form-switch .form-check-input:checked:after {
    transform: translateX(21px)
}
.rtl .avatar-group .avatar+.avatar {
    margin-left: 0;
    margin-right: -1rem
}
.rtl .dropdown .dropdown-menu {
    left: 0
}
.rtl .input-group.input-group-outline .form-label:before {
    margin-left: 4px;
    margin-right: 0;
    border-radius: 0 4px
}
.rtl .input-group.input-group-outline .form-label:after {
    margin-left: 0;
    margin-right: 4px;
    border-radius: 5px 0
}
.rtl .input-group.input-group-outline.is-invalid .form-control,
.rtl .input-group.input-group-outline.is-valid .form-control {
    background-position: left .75rem center!important
}
.rtl .input-group .input-group-text {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.rtl .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}
.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.rtl .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}
.ripple {
    display: block;
    position: absolute;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    transform: scale(0);
    animation: g .65s linear
}
@keyframes g {
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}
.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff
}
.btn.btn-facebook:focus,
.btn.btn-facebook:hover {
    background-color: #344e86;
    color: #fff
}
.btn.btn-facebook:active,
.btn.btn-facebook:active:focus,
.btn.btn-facebook:focus {
    box-shadow: none
}
.btn.btn-facebook.btn-simple {
    color: #344e86;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-facebook.btn-simple:active,
.btn.btn-facebook.btn-simple:focus,
.btn.btn-facebook.btn-simple:hover,
.btn.btn-facebook.btn-simple:hover:focus,
.btn.btn-facebook.btn-simple:hover:focus:active {
    color: #344e86;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-facebook.btn-neutral {
    color: #3b5998;
    background-color: #fff
}
.btn.btn-facebook.btn-neutral:active,
.btn.btn-facebook.btn-neutral:focus,
.btn.btn-facebook.btn-neutral:hover {
    color: #344e86
}
.btn.btn-twitter {
    background-color: #55acee;
    color: #fff
}
.btn.btn-twitter:focus,
.btn.btn-twitter:hover {
    background-color: #3ea1ec;
    color: #fff
}
.btn.btn-twitter:active,
.btn.btn-twitter:active:focus,
.btn.btn-twitter:focus {
    box-shadow: none
}
.btn.btn-twitter.btn-simple {
    color: #3ea1ec;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-twitter.btn-simple:active,
.btn.btn-twitter.btn-simple:focus,
.btn.btn-twitter.btn-simple:hover,
.btn.btn-twitter.btn-simple:hover:focus,
.btn.btn-twitter.btn-simple:hover:focus:active {
    color: #3ea1ec;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-twitter.btn-neutral {
    color: #55acee;
    background-color: #fff
}
.btn.btn-twitter.btn-neutral:active,
.btn.btn-twitter.btn-neutral:focus,
.btn.btn-twitter.btn-neutral:hover {
    color: #3ea1ec
}
.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff
}
.btn.btn-pinterest:focus,
.btn.btn-pinterest:hover {
    background-color: #b21d22;
    color: #fff
}
.btn.btn-pinterest:active,
.btn.btn-pinterest:active:focus,
.btn.btn-pinterest:focus {
    box-shadow: none
}
.btn.btn-pinterest.btn-simple {
    color: #b21d22;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-pinterest.btn-simple:active,
.btn.btn-pinterest.btn-simple:focus,
.btn.btn-pinterest.btn-simple:hover,
.btn.btn-pinterest.btn-simple:hover:focus,
.btn.btn-pinterest.btn-simple:hover:focus:active {
    color: #b21d22;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-pinterest.btn-neutral {
    color: #cc2127;
    background-color: #fff
}
.btn.btn-pinterest.btn-neutral:active,
.btn.btn-pinterest.btn-neutral:focus,
.btn.btn-pinterest.btn-neutral:hover {
    color: #b21d22
}
.btn.btn-linkedin {
    background-color: #0077b5;
    color: #fff
}
.btn.btn-linkedin:focus,
.btn.btn-linkedin:hover {
    background-color: #00669c;
    color: #fff
}
.btn.btn-linkedin:active,
.btn.btn-linkedin:active:focus,
.btn.btn-linkedin:focus {
    box-shadow: none
}
.btn.btn-linkedin.btn-simple {
    color: #00669c;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-linkedin.btn-simple:active,
.btn.btn-linkedin.btn-simple:focus,
.btn.btn-linkedin.btn-simple:hover,
.btn.btn-linkedin.btn-simple:hover:focus,
.btn.btn-linkedin.btn-simple:hover:focus:active {
    color: #00669c;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-linkedin.btn-neutral {
    color: #0077b5;
    background-color: #fff
}
.btn.btn-linkedin.btn-neutral:active,
.btn.btn-linkedin.btn-neutral:focus,
.btn.btn-linkedin.btn-neutral:hover {
    color: #00669c
}
.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff
}
.btn.btn-dribbble:focus,
.btn.btn-dribbble:hover {
    background-color: #e73177;
    color: #fff
}
.btn.btn-dribbble:active,
.btn.btn-dribbble:active:focus,
.btn.btn-dribbble:focus {
    box-shadow: none
}
.btn.btn-dribbble.btn-simple {
    color: #e73177;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-dribbble.btn-simple:active,
.btn.btn-dribbble.btn-simple:focus,
.btn.btn-dribbble.btn-simple:hover,
.btn.btn-dribbble.btn-simple:hover:focus,
.btn.btn-dribbble.btn-simple:hover:focus:active {
    color: #e73177;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-dribbble.btn-neutral {
    color: #ea4c89;
    background-color: #fff
}
.btn.btn-dribbble.btn-neutral:active,
.btn.btn-dribbble.btn-neutral:focus,
.btn.btn-dribbble.btn-neutral:hover {
    color: #e73177
}
.btn.btn-github {
    background-color: #24292e;
    color: #fff
}
.btn.btn-github:focus,
.btn.btn-github:hover {
    background-color: #171a1d;
    color: #fff
}
.btn.btn-github:active,
.btn.btn-github:active:focus,
.btn.btn-github:focus {
    box-shadow: none
}
.btn.btn-github.btn-simple {
    color: #171a1d;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-github.btn-simple:active,
.btn.btn-github.btn-simple:focus,
.btn.btn-github.btn-simple:hover,
.btn.btn-github.btn-simple:hover:focus,
.btn.btn-github.btn-simple:hover:focus:active {
    color: #171a1d;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-github.btn-neutral {
    color: #24292e;
    background-color: #fff
}
.btn.btn-github.btn-neutral:active,
.btn.btn-github.btn-neutral:focus,
.btn.btn-github.btn-neutral:hover {
    color: #171a1d
}
.btn.btn-youtube {
    background-color: #e52d27;
    color: #fff
}
.btn.btn-youtube:focus,
.btn.btn-youtube:hover {
    background-color: #d41f1a;
    color: #fff
}
.btn.btn-youtube:active,
.btn.btn-youtube:active:focus,
.btn.btn-youtube:focus {
    box-shadow: none
}
.btn.btn-youtube.btn-simple {
    color: #d41f1a;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-youtube.btn-simple:active,
.btn.btn-youtube.btn-simple:focus,
.btn.btn-youtube.btn-simple:hover,
.btn.btn-youtube.btn-simple:hover:focus,
.btn.btn-youtube.btn-simple:hover:focus:active {
    color: #d41f1a;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-youtube.btn-neutral {
    color: #e52d27;
    background-color: #fff
}
.btn.btn-youtube.btn-neutral:active,
.btn.btn-youtube.btn-neutral:focus,
.btn.btn-youtube.btn-neutral:hover {
    color: #d41f1a
}
.btn.btn-instagram {
    background-color: #125688;
    color: #fff
}
.btn.btn-instagram:focus,
.btn.btn-instagram:hover {
    background-color: #0e456d;
    color: #fff
}
.btn.btn-instagram:active,
.btn.btn-instagram:active:focus,
.btn.btn-instagram:focus {
    box-shadow: none
}
.btn.btn-instagram.btn-simple {
    color: #0e456d;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-instagram.btn-simple:active,
.btn.btn-instagram.btn-simple:focus,
.btn.btn-instagram.btn-simple:hover,
.btn.btn-instagram.btn-simple:hover:focus,
.btn.btn-instagram.btn-simple:hover:focus:active {
    color: #0e456d;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-instagram.btn-neutral {
    color: #125688;
    background-color: #fff
}
.btn.btn-instagram.btn-neutral:active,
.btn.btn-instagram.btn-neutral:focus,
.btn.btn-instagram.btn-neutral:hover {
    color: #0e456d
}
.btn.btn-reddit {
    background-color: #ff4500;
    color: #fff
}
.btn.btn-reddit:focus,
.btn.btn-reddit:hover {
    background-color: #e03d00;
    color: #fff
}
.btn.btn-reddit:active,
.btn.btn-reddit:active:focus,
.btn.btn-reddit:focus {
    box-shadow: none
}
.btn.btn-reddit.btn-simple {
    color: #e03d00;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-reddit.btn-simple:active,
.btn.btn-reddit.btn-simple:focus,
.btn.btn-reddit.btn-simple:hover,
.btn.btn-reddit.btn-simple:hover:focus,
.btn.btn-reddit.btn-simple:hover:focus:active {
    color: #e03d00;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-reddit.btn-neutral {
    color: #ff4500;
    background-color: #fff
}
.btn.btn-reddit.btn-neutral:active,
.btn.btn-reddit.btn-neutral:focus,
.btn.btn-reddit.btn-neutral:hover {
    color: #e03d00
}
.btn.btn-tumblr {
    background-color: #35465c;
    color: #fff
}
.btn.btn-tumblr:focus,
.btn.btn-tumblr:hover {
    background-color: #2a3749;
    color: #fff
}
.btn.btn-tumblr:active,
.btn.btn-tumblr:active:focus,
.btn.btn-tumblr:focus {
    box-shadow: none
}
.btn.btn-tumblr.btn-simple {
    color: #2a3749;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-tumblr.btn-simple:active,
.btn.btn-tumblr.btn-simple:focus,
.btn.btn-tumblr.btn-simple:hover,
.btn.btn-tumblr.btn-simple:hover:focus,
.btn.btn-tumblr.btn-simple:hover:focus:active {
    color: #2a3749;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-tumblr.btn-neutral {
    color: #35465c;
    background-color: #fff
}
.btn.btn-tumblr.btn-neutral:active,
.btn.btn-tumblr.btn-neutral:focus,
.btn.btn-tumblr.btn-neutral:hover {
    color: #2a3749
}
.btn.btn-behance {
    background-color: #1769ff;
    color: #fff
}
.btn.btn-behance:focus,
.btn.btn-behance:hover {
    background-color: #0057f7;
    color: #fff
}
.btn.btn-behance:active,
.btn.btn-behance:active:focus,
.btn.btn-behance:focus {
    box-shadow: none
}
.btn.btn-behance.btn-simple {
    color: #0057f7;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-behance.btn-simple:active,
.btn.btn-behance.btn-simple:focus,
.btn.btn-behance.btn-simple:hover,
.btn.btn-behance.btn-simple:hover:focus,
.btn.btn-behance.btn-simple:hover:focus:active {
    color: #0057f7;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-behance.btn-neutral {
    color: #1769ff;
    background-color: #fff
}
.btn.btn-behance.btn-neutral:active,
.btn.btn-behance.btn-neutral:focus,
.btn.btn-behance.btn-neutral:hover {
    color: #0057f7
}
.btn.btn-vimeo {
    background-color: #1ab7ea;
    color: #fff
}
.btn.btn-vimeo:focus,
.btn.btn-vimeo:hover {
    background-color: #13a3d2;
    color: #fff
}
.btn.btn-vimeo:active,
.btn.btn-vimeo:active:focus,
.btn.btn-vimeo:focus {
    box-shadow: none
}
.btn.btn-vimeo.btn-simple {
    color: #13a3d2;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-vimeo.btn-simple:active,
.btn.btn-vimeo.btn-simple:focus,
.btn.btn-vimeo.btn-simple:hover,
.btn.btn-vimeo.btn-simple:hover:focus,
.btn.btn-vimeo.btn-simple:hover:focus:active {
    color: #13a3d2;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-vimeo.btn-neutral {
    color: #1ab7ea;
    background-color: #fff
}
.btn.btn-vimeo.btn-neutral:active,
.btn.btn-vimeo.btn-neutral:focus,
.btn.btn-vimeo.btn-neutral:hover {
    color: #13a3d2
}
.btn.btn-slack {
    background-color: #3aaf85;
    color: #fff
}
.btn.btn-slack:focus,
.btn.btn-slack:hover {
    background-color: #329874;
    color: #fff
}
.btn.btn-slack:active,
.btn.btn-slack:active:focus,
.btn.btn-slack:focus {
    box-shadow: none
}
.btn.btn-slack.btn-simple {
    color: #329874;
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
    border: none
}
.btn.btn-slack.btn-simple:active,
.btn.btn-slack.btn-simple:focus,
.btn.btn-slack.btn-simple:hover,
.btn.btn-slack.btn-simple:hover:focus,
.btn.btn-slack.btn-simple:hover:focus:active {
    color: #329874;
    background: transparent!important;
    box-shadow: none!important
}
.btn.btn-slack.btn-neutral {
    color: #3aaf85;
    background-color: #fff
}
.btn.btn-slack.btn-neutral:active,
.btn.btn-slack.btn-neutral:focus,
.btn.btn-slack.btn-neutral:hover {
    color: #329874
}
.table thead th {
    padding: .75rem 1.5rem;
    text-transform: capitalize;
    letter-spacing: 0;
    border-bottom: 1px solid #f0f2f5
}
.table th {
    font-weight: 600
}
.table td .progress {
    height: 3px;
    width: 120px;
    margin: 0
}
.table td .progress .progress-bar {
    height: 3px
}
.table td,
.table th {
    white-space: nowrap
}
.table.align-items-center td,
.table.align-items-center th {
    vertical-align: middle
}
.table tbody tr:last-child td {
    border-width: 0
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #f0f2f5
}
.table>:not(:first-child) {
    border-top: 1px solid currentColor
}
.timeline {
    position: relative
}
.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    height: 100%;
    border-right: 2px solid #e5e5e5
}
.timeline.timeline-dark:before {
    border-right-color: #4a4a4a
}
.timeline-block {
    position: relative
}
.timeline-block:after {
    content: "";
    display: table;
    clear: both
}
.timeline-block:first-child {
    margin-top: 0
}
.timeline-block:last-child {
    margin-bottom: 0
}
.timeline-step {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    transform: translateX(-50%);
    font-size: 1rem;
    font-weight: 600;
    z-index: 1
}
.timeline-step i,
.timeline-step svg {
    line-height: 1.4
}
.timeline-content {
    margin-left: 45px;
    padding-top: .35rem;
    position: relative;
    top: -6px
}
.timeline-content:after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 992px) {
    .timeline:before {
        left: 50%;
        margin-left: -1px
    }
    .timeline-step {
        left: 50%
    }
    .timeline-content {
        width: 38%
    }
    .timeline-block:nth-child(2n) .timeline-content {
        float: right
    }
}
.timeline-one-side .timeline-step,
.timeline-one-side:before {
    left: 1rem
}
.timeline-one-side .timeline-content {
    width: auto
}
@media (min-width: 992px) {
    .timeline-one-side .timeline-content {
        max-width: 30rem
    }
}
.timeline-one-side .timeline-block:nth-child(2n) .timeline-content {
    float: none
}
.tilt {
    transform-style: preserve-3d
}
.tilt .up {
    transform: translateZ(50px) scale(.7)!important;
    transition: all .5s
}
.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,
.bs-tooltip-right .tooltip-arrow {
    left: 1px
}
.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,
.bs-tooltip-left .tooltip-arrow {
    right: 1px
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body {
    font-weight: 400;
    line-height: 1.6
}
.h1,
h1 {
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: 0
}
@media (max-width: 575.98px) {
    .h1,
    h1 {
        font-size: calc(1.425rem + 2.1vw)
    }
}
.h2,
h2 {
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: .05rem
}
@media (max-width: 575.98px) {
    .h2,
    h2 {
        font-size: calc(1.35rem + 1.2vw)
    }
}
.h3,
h3 {
    font-size: 1.875rem;
    line-height: 1.375
}
@media (max-width: 575.98px) {
    .h3,
    h3 {
        font-size: calc(1.3125rem + .75vw)
    }
}
.h4,
h4 {
    font-size: 1.5rem;
    line-height: 1.375
}
@media (max-width: 575.98px) {
    .h4,
    h4 {
        font-size: calc(1.275rem + .3vw)
    }
}
.h5,
h5 {
    font-size: 1.25rem;
    line-height: 1.375
}
@media (max-width: 575.98px) {
    .h5,
    h5 {
        font-size: 1.25rem
    }
}
.h6,
h6 {
    font-size: 1rem;
    line-height: 1.625
}
.p,
p {
    line-height: 1.6
}
.lead,
.p,
p {
    font-weight: 400
}
.lead {
    line-height: 1.625
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 600;
    font-family: var(--bs-font-sans-serif)
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-weight: 600
}
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    letter-spacing: -.05rem
}
a {
    letter-spacing: 0;
    color: #344767
}
.text-sm {
    line-height: 1.5
}
.text-xs {
    line-height: 1.25
}
.p,
p {
    font-size: 1rem
}
.lead {
    font-size: 1.25rem
}
.text-lg {
    font-size: 1.125rem!important
}
.text-md {
    font-size: 1rem!important
}
.text-sm {
    font-size: .875rem!important
}
.text-xs {
    font-size: .75rem!important
}
.text-xxs {
    font-size: .65rem!important
}
p {
    line-height: 1.625;
    font-weight: 300
}
.text-sans-serif {
    font-family: Roboto, Helvetica, Arial, sans-serif!important
}
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
}
.text-justify {
    text-align: justify!important
}
.text-wrap {
    white-space: normal!important
}
.text-nowrap {
    white-space: nowrap!important
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.font-weight-light {
    font-weight: 300!important
}
.font-weight-lighter {
    font-weight: lighter!important
}
.font-weight-normal {
    font-weight: 400!important
}
.font-weight-bold {
    font-weight: 600!important
}
.font-weight-bolder {
    font-weight: 700!important
}
.font-italic {
    font-style: italic!important
}
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1
}
.text-gradient.text-primary {
    background-image: linear-gradient(195deg, #ec407a, #d81b60)
}
.text-gradient.text-info {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8)
}
.text-gradient.text-success {
    background-image: linear-gradient(195deg, #66bb6a, #43a047)
}
.text-gradient.text-warning {
    background-image: linear-gradient(195deg, #ffa726, #fb8c00)
}
.text-gradient.text-danger {
    background-image: linear-gradient(195deg, #ef5350, #e53935)
}
.text-gradient.text-dark {
    background-image: linear-gradient(195deg, #42424a, #191919)
}
.blockquote {
    border-left: 3px solid #6c757d
}
.blockquote>span {
    font-style: italic
}
.text-muted {
    color: #7b809a!important
}
.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}
.text-white-50 {
    color: hsla(0, 0%, 100%, .5)!important
}
.text-decoration-none {
    text-decoration: none!important
}
.text-break {
    word-wrap: break-word!important
}
.text-reset {
    color: inherit!important
}
.letter-wider {
    letter-spacing: .05rem
}
.letter-normal {
    letter-spacing: 0
}
.letter-tighter {
    letter-spacing: -.05rem
}
.text-lighter {
    font-weight: lighter
}
.text-light {
    font-weight: 300
}
.text-normal {
    font-weight: 400
}
.text-bold {
    font-weight: 600
}
.text-bolder {
    font-weight: 700
}
.text-2xl {
    font-size: 1.5rem
}
.text-3xl {
    font-size: 1.875rem
}
.text-4xl {
    font-size: 2rem
}
.text-5xl {
    font-size: 2.25rem
}
.text-6xl {
    font-size: 3rem
}
.text-7xl {
    font-size: 3.75rem
}
.text-8xl {
    font-size: 4rem
}
.text-9xl {
    font-size: 5rem
}
/*! nouislider - 14.6.3 - 11/19/2020 */

.accordion .accordion-button {
    margin: 0 auto;
    font-size: inherit!important
}
.accordion .accordion-item {
    color: #7b809a
}
.accordion div button[aria-expanded=true] .collapse-close {
    display: none
}
.accordion div button[aria-expanded=true] .collapse-open {
    display: block
}
.accordion div button[aria-expanded=false] .collapse-open {
    display: none
}
.accordion div button[aria-expanded=false] .collapse-close {
    display: block
}
.bg-primary-soft {
    background: rgba(236, 64, 122, .03)
}
.bg-info-soft {
    background: rgba(73, 163, 241, .03)
}
.bg-success-soft {
    background: rgba(102, 187, 106, .03)
}
.bg-warning-soft {
    background: rgba(255, 167, 38, .03)
}
.bg-danger-soft {
    background: rgba(239, 83, 80, .03)
}
.card.card-blog .card-image {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}
.card.card-blog .card-image .img {
    width: 100%
}
.card.card-blog .card-title a {
    color: #344767
}
.card.card-horizontal {
    box-shadow: none
}
.card.card-horizontal .card-image {
    border-radius: .75rem
}
.card.card-horizontal .card-image .img {
    width: 100%;
    border-radius: .75rem
}
.card.card-horizontal .card-body .card-title {
    font-size: 1.5rem
}
.card.card-horizontal .card-body .card-title a {
    color: #344767
}
.card.card-profile .card-body {
    padding: 1.25rem 2rem
}
.card.card-profile .card-avatar {
    margin: 0 auto
}
.card.card-profile .card-avatar .img {
    margin-top: 32px;
    border-radius: 50%;
    width: 130px
}
.card.card-profile p.lead {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.778
}
.card.card-profile .table td {
    font-weight: 300;
    font-size: 1rem
}
.card.card-profile .card-before:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: block;
    z-index: 0;
    content: "";
    transition: opacity .65s cubic-bezier(.05, .2, .1, 1)
}
.card.card-profile .card-before.mask-primary:before {
    background: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #e91e63)
}
.card.card-profile .card-before.mask-info:before {
    background: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #1a73e8)
}
.card.card-profile .card-before.mask-warning:before {
    background: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #fb8c00)
}
.card.card-profile .card-before.mask-danger:before {
    background: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #f44335)
}
.card.card-profile .card-before.mask-success:before {
    background: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #4caf50)
}
.card.card-pricing .card-body {
    padding: 2.25rem
}
.card.card-pricing .table tr {
    border-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff, hsla(0, 0%, 100%, 0))
}
.card.card-pricing .table td .badge {
    padding: 5px;
    font-size: 6px;
    position: relative;
    top: -2px
}
.card.card-pricing[data-feature=icon] .icon {
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0
}
.card.card-pricing[data-feature=icon] .icon i {
    color: #fff;
    padding: 18px
}
.card.card-pricing .plans i {
    font-size: 1.25rem
}
.card.card-pricing .plans .card-category {
    text-transform: uppercase
}
.card.card-pricing .icon-lg i {
    font-size: 1.75rem
}
.badge a {
    color: #fff
}
.badge-sm {
    padding: .45em .775em;
    font-size: .65em;
    border-radius: .375rem
}
.badge-md {
    padding: .65em 1em
}
.badge-lg {
    padding: .85em 1.375em
}
.badge-inline {
    margin-right: .625rem
}
.badge-inline+span {
    top: 2px;
    position: relative
}
.badge-inline+span>a {
    text-decoration: underline
}
.badge-default {
    color: #fff
}
.badge.badge-secondary {
    background-color: #d7d9e1;
    color: #6c757d
}
.btn .badge:not(:first-child) {
    margin-left: .5rem
}
.btn .badge:not(:last-child) {
    margin-right: .5rem
}
.badge-primary {
    color: #cc084b;
    background-color: #f8b3ca
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: color-yiq(#e91e63);
    text-decoration: none;
    background-color: #b8124a
}
.badge-secondary {
    color: #575f8b;
    background-color: #d7d9e1
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: color-yiq(#7b809a);
    text-decoration: none;
    background-color: #5e627a
}
.badge-success {
    color: #339537;
    background-color: #bce2be
}
.badge-success[href]:focus,
.badge-success[href]:hover {
    color: color-yiq(#4caf50);
    text-decoration: none;
    background-color: #39843c
}
.badge-info {
    color: #095bc6;
    background-color: #aecef7
}
.badge-info[href]:focus,
.badge-info[href]:hover {
    color: color-yiq(#1a73e8);
    text-decoration: none;
    background-color: #1257b3
}
.badge-warning {
    color: #c87000;
    background-color: #ffd59f
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: color-yiq(#fb8c00);
    text-decoration: none;
    background-color: #be6a00
}
.badge-danger {
    color: #f61200;
    background-color: #fcd3d0
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: color-yiq(#f44335);
    text-decoration: none;
    background-color: #e01c0c
}
.badge-light {
    color: #ced7e4;
    background-color: #fff
}
.badge-light[href]:focus,
.badge-light[href]:hover {
    color: color-yiq(#f0f2f5);
    text-decoration: none;
    background-color: #cbd2dd
}
.badge-dark {
    color: #1e2e4a;
    background-color: #8097bf
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: color-yiq(#344767);
    text-decoration: none;
    background-color: #1f2b3e
}
.badge-white {
    color: #e8e3e3;
    background-color: #fff
}
.badge-white[href]:focus,
.badge-white[href]:hover {
    color: color-yiq(#fff);
    text-decoration: none;
    background-color: #e0e0e0
}
.badge-dark-blue {
    color: #0c1359;
    background-color: #5e69de
}
.badge-dark-blue[href]:focus,
.badge-dark-blue[href]:hover {
    color: color-yiq(#1a237e);
    text-decoration: none;
    background-color: #10154b
}
.card>.badge {
    margin-top: -.6875rem!important
}
.badge-circle {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0!important;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .75rem;
    font-weight: 600
}
.badge-circle.badge-md {
    width: 1.5rem;
    height: 1.5rem
}
.badge-circle.badge-lg {
    width: 2rem;
    height: 2rem
}
.badge-dot {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: .875rem;
    text-transform: none
}
.badge-dot strong {
    color: #343a40
}
.badge-dot i {
    display: inline-block;
    vertical-align: middle;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    margin-right: .375rem
}
.badge-dot.badge-md i {
    width: .5rem;
    height: .5rem
}
.badge-dot.badge-lg i {
    width: .625rem;
    height: .625rem
}
.btn .badge-floating {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 3px solid
}
.btn .badge-floating.badge:not(.badge-circle) {
    transform: translate(147%, 50%)
}
.dropdown-menu li {
    position: relative
}
.dropdown-image {
    background-size: cover
}
@media (min-width: 992px) {
    .dropdown-xl {
        min-width: 40rem
    }
    .dropdown-lg {
        min-width: 23rem
    }
    .dropdown-md {
        min-width: 15rem
    }
}
@media (max-width: 1199.98px) {
    .dropdown-lg-responsive {
        min-width: 19rem
    }
}
.floating-man {
    width: 350px
}
.fadeIn1 {
    animation-duration: 1.5s
}
.fadeIn2 {
    animation-duration: 1.75s
}
.fadeIn3 {
    animation-duration: 2s
}
.fadeIn4 {
    animation-duration: 2.25s
}
.fadeIn5 {
    animation-duration: 2.5s
}
.fadeIn1,
.fadeIn2,
.fadeIn3,
.fadeIn4,
.fadeIn5 {
    animation-fill-mode: both
}
.fadeInBottom {
    animation-name: h
}
@keyframes h {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1
    }
}
.header-rounded-images .shape-1 {
    width: 55%;
    left: 15%
}
.header-rounded-images .shape-2 {
    width: 35%;
    left: 20%
}
.header-rounded-images .shape-3 {
    width: 50%;
    margin-top: -28rem
}
.header-rounded-images .img-1 {
    right: 7%;
    width: 36%;
    margin-top: 12%
}
.header-rounded-images .img-2 {
    left: 24%;
    width: 27%;
    margin-top: 10%
}
.checklist-item:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: .125rem
}
.checklist-item-primary:before,
.checklist-item:before {
    background-color: #e91e63
}
.checklist-item-secondary:before {
    background-color: #7b809a
}
.checklist-item-success:before {
    background-color: #4caf50
}
.checklist-item-info:before {
    background-color: #1a73e8
}
.checklist-item-warning:before {
    background-color: #fb8c00
}
.checklist-item-danger:before {
    background-color: #f44335
}
.checklist-item-light:before {
    background-color: #f0f2f5
}
.checklist-item-dark:before {
    background-color: #344767
}
.checklist-item-white:before {
    background-color: #fff
}
.checklist-item-dark-blue:before {
    background-color: #1a237e
}
.change-perspective {
    transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg)
}
.change-perspective-inverse {
    transform: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg)
}
.device-wrapper {
    border-radius: 3.5rem;
    box-shadow: 0 12px 15px rgba(140, 152, 164, .1)
}
.z-index2 {
    z-index: 2
}
@keyframes i {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}
.colored-shadow {
    transform: scale(.94);
    top: 3.5%;
    filter: blur(12px);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1
}
.colored-shadow.rounded {
    border-radius: 50%!important
}
.colored-shadow.avatar-xs {
    transform: scale(.87);
    width: 24px;
    height: 24px
}
.colored-shadow.avatar-sm {
    transform: scale(.87);
    width: 36px;
    height: 36px
}
.colored-shadow.avatar-lg {
    transform: scale(.87);
    width: 58px;
    height: 58px
}
.colored-shadow.avatar-xl {
    transform: scale(.87);
    width: 74px;
    height: 74px
}
.colored-shadow.avatar-xxl {
    transform: scale(.87);
    width: 110px;
    height: 110px
}
.width-32-px {
    width: 32px
}
.width-48-px {
    width: 48px
}
.width-64-px {
    width: 64px
}
.animated-blur {
    filter: blur(40px)
}
.animated-blur-1 {
    animation: j 8s infinite
}
.animated-blur-2 {
    animation: j 4s infinite
}
.animated-blur-3 {
    animation: k 6s infinite
}
.animated-blur-4 {
    animation: k 5s infinite
}
@keyframes j {
    0% {
        transform: scale(.8)
    }
    25% {
        transform: translateX(10%)
    }
    50% {
        transform: scale(1.2)
    }
    75% {
        transform: translateX(5%)
    }
    to {
        transform: scale(.8)
    }
}
@keyframes k {
    0% {
        transform: scale(1.2)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(1.2)
    }
}
.text-border:after,
.text-border:before {
    content: "";
    display: inline-block;
    width: 30%;
    height: 1px;
    position: relative;
    vertical-align: middle
}
.text-border:after {
    background: linear-gradient(90deg, hsla(0, 0%, 46%, .4), hsla(0, 0%, 46%, .4), transparent)
}
.text-border:before {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 46%, .4), hsla(0, 0%, 46%, .4));
    right: .5em;
    margin-left: -50%
}
.text-border:after {
    left: .5em;
    margin-right: -50%
}
a[data-scroll] {
    border-radius: .375rem
}
a[data-scroll]:hover {
    background: #f0f2f5;
    color: #344767
}
round-slider {
    max-width: 200px;
    transition: all .5s ease-out 0s
}
round-slider.scaling:hover {
    max-width: 300px
}
.room-select .choices .choices__inner {
    background: #fff;
    border-color: #fff
}
@media (max-width: 991.98px) {
    .page-headers-sections .container .row .col-lg-12.mx-auto>.mb-4.w-25 {
        width: 50%!important
    }
}
@media (max-width: 575.98px) {
    .page-headers-sections .container .row .col-lg-12.mx-auto>.mb-4.w-25 {
        width: 100%!important
    }
}
.transform-rotate {
    transform: rotate(20deg)
}
.input-group .small,
.input-group small {
    position: absolute;
    bottom: -1.5rem;
    left: 5px;
    visibility: hidden
}
.input-group.is-valid input {
    border-color: #4caf50
}
.input-group.is-valid .small,
.input-group.is-valid small {
    color: #4caf50;
    visibility: visible
}
.input-group.is-invalid input {
    border-color: #f44335
}
.input-group.is-invalid .small,
.input-group.is-invalid small {
    color: #f44335;
    visibility: visible
}
@media (min-width: 992px) {
    .rtl .navbar-vertical .navbar-nav .collapse .nav-item .nav-link:before,
    .rtl .navbar-vertical .navbar-nav .collapsing .nav-item .nav-link:before {
        right: -1.125rem!important;
        left: auto!important
    }
    .rtl.g-sidenav-hidden .navbar-vertical .navbar-nav .nav-item .collapse .nav,
    .rtl.g-sidenav-hidden .navbar-vertical .navbar-nav .nav-item .collapsing .nav,
    .rtl .navbar-vertical .navbar-nav .collapse .nav-item .collapse .nav,
    .rtl .navbar-vertical .navbar-nav .collapse .nav-item .collapsing .nav,
    .rtl .navbar-vertical .navbar-nav .collapsing .nav-item .collapse .nav,
    .rtl .navbar-vertical .navbar-nav .collapsing .nav-item .collapsing .nav {
        padding-right: 0
    }
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapse .nav,
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapsing .nav {
        padding-right: 2.5rem
    }
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapse .nav .nav-item .collapse .nav,
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapse .nav .nav-item .collapsing .nav,
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapsing .nav .nav-item .collapse .nav,
    .rtl.g-sidenav-hidden .navbar-vertical:hover .navbar-nav>.nav-item .collapsing .nav .nav-item .collapsing .nav {
        padding-right: 0!important
    }
}
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: .75rem;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    transform: scale(.95)!important
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
    transform: scale(1)!important
}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}
.flatpickr-calendar.animate.open {
    animation: l .3s cubic-bezier(.23, 1, .32, 1)
}
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}
.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none!important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}
.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}
.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}
.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}
.flatpickr-calendar:focus {
    outline: 0
}
.flatpickr-wrapper {
    position: relative;
    display: inline-block
}
.flatpickr-months {
    display: -ms-flexbox;
    display: flex
}
.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #344767;
    fill: rgba(0, 0, 0, .8);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}
.numInputWrapper {
    position: relative;
    height: auto
}
.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}
.numInputWrapper input {
    width: 100%
}
.numInputWrapper input::-ms-clear {
    display: none
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}
.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    box-sizing: border-box
}
.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}
.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}
.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}
.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}
.numInputWrapper span.arrowDown {
    top: 50%
}
.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}
.numInputWrapper span svg {
    width: inherit;
    height: auto
}
.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}
.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}
.numInputWrapper:hover span {
    opacity: 1
}
.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translateZ(0)
}
.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}
.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}
.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}
.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}
.flatpickr-current-month input.cur-year:focus {
    outline: 0
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: transparent;
    pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}
.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}
span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}
.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}
.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}
.flatpickr-days:focus {
    outline: 0
}
.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1
}
.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #344767;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}
.flatpickr-day.today {
    border-color: #959ea9
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569ff7
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}
.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: transparent;
    border-color: transparent;
    cursor: default
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, .1)
}
.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}
.flatpickr-day.hidden {
    visibility: hidden
}
.rangeMode .flatpickr-day {
    margin-top: 1px
}
.flatpickr-weekwrapper {
    float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, .3);
    background: transparent;
    cursor: default;
    border: none
}
.flatpickr-innerContainer {
    display: block;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}
.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}
.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex
}
.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}
.flatpickr-time .numInputWrapper {
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}
.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}
.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}
.flatpickr-time input:focus {
    outline: 0;
    border: 0
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center;
    align-self: center
}
.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}
.flatpickr-input[readonly] {
    cursor: pointer
}
@keyframes l {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.datepicker.flatpickr-input {
    background-color: #fff
}
.flatpickr-calendar.open {
    margin-left: 0;
    margin-top: 4px
}
.flatpickr-calendar.arrowBottom {
    margin-top: -20px
}
.flatpickr-calendar .flatpickr-innerContainer {
    margin-top: 15px!important
}
.flatpickr-calendar .numInputWrapper span {
    border: none;
    border-bottom: 1px solid rgba(57, 57, 57, .15)
}
.flatpickr-calendar .numInputWrapper:hover .arrowDown,
.flatpickr-calendar .numInputWrapper:hover .arrowUp {
    margin-top: 3px
}
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.today {
    background: #e91e63!important;
    color: #fff;
    border: none
}
.flatpickr-calendar .flatpickr-day.inRange {
    box-shadow: -5px 0 0 #d7dcf8, 5px 0 0 #d7dcf8
}
.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day:not(.selected):focus,
.flatpickr-calendar .flatpickr-day:not(.selected):hover {
    background: rgba(94, 114, 228, .28);
    border: none
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-calendar .flatpickr-time input:focus,
.flatpickr-calendar .flatpickr-time input:hover {
    background: rgba(94, 114, 228, .28)
}
.flatpickr.form-control {
    background: #fff
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #e91e63
}
/*! nouislider - 14.6.3 - 11/19/2020 */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}
.noUi-target {
    position: relative
}
.noUi-base,
.noUi-connects {
    width: 100%;
    height: 2px;
    position: relative;
    z-index: 1;
    top: 0
}
.noUi-connects {
    z-index: 0;
    overflow: hidden
}
.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}
.noUi-connect {
    height: 100%;
    width: 100%;
    border-radius: .25rem
}
.noUi-origin {
    height: 10%;
    width: 10%
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}
.noUi-vertical .noUi-origin {
    width: 0
}
.noUi-horizontal .noUi-origin {
    height: 0
}
.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}
.noUi-touch-area {
    height: 100%;
    width: 100%
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-horizontal {
    height: 2px
}
.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, .2);
    height: 14px;
    width: 14px;
    cursor: pointer;
    margin-top: -6px;
    outline: none;
    right: -10px
}
.noUi-vertical {
    width: 3px
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}
.noUi-target {
    background: #f0f2f5;
    border-radius: .25rem
}
.noUi-connects {
    border-radius: 3px
}
.noUi-connect {
    background: #e91e63
}
.noUi-draggable {
    cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}
.noUi-handle {
    border: 1px solid #e91e63;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    webkit-transition: .3s ease 0s;
    -moz-transition: .3s ease 0s;
    -ms-transition: .3s ease 0s;
    -o-transform: .3s ease 0s;
    transition: .3s ease 0s
}
.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    transform: scale3d(1.5, 1.5, 1)
}
[disabled] .noUi-connect {
    background: #b8b8b8
}
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}
.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}
.noUi-pips {
    position: absolute;
    color: #999
}
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}
.noUi-marker {
    position: absolute;
    background: #ccc
}
.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}
.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}
.noUi-value-vertical {
    transform: translateY(-50%);
    padding-left: 25px
}
.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}
.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}
.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%);
    left: auto;
    bottom: 10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translateY(-18px);
    top: auto;
    right: 28px
}
code[class*=language-],
pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}
code[class*=language-]::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}
code[class*=language-]::selection,
code[class*=language-]::selection,
pre[class*=language-]::selection,
pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}
@media print {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}
pre[class*=language-] {
    padding: 1em;
    overflow: auto;
    border-radius: .75rem
}
:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f8f9fa
}
:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}
.token.punctuation {
    color: #999
}
.token.namespace {
    opacity: .7
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, .5)
}
.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}
.token.class-name,
.token.function {
    color: #dd4a68
}
.token.important,
.token.regex,
.token.variable {
    color: #e90
}
.token.bold,
.token.important {
    font-weight: 700
}
.token.italic {
    font-style: italic
}
.token.entity {
    cursor: help
}
.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}
.ps__rail-x {
    height: 15px;
    bottom: 0
}
.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}
.ps__rail-y {
    width: 15px;
    right: 0
}
.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}
.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}
.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}
.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}
.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto!important
    }
}
@media (-ms-high-contrast: none),
screen and (-ms-high-contrast: active) {
    .ps {
        overflow: auto!important
    }
}