::-webkit-scrollbar { width: 5px;height: 10px; }
::-webkit-scrollbar-track { background: transparent !important;  }
::-webkit-scrollbar-thumb { background: #607d8b !important;  }
::-webkit-scrollbar-thumb:hover { background: #009688 !important;  }
html, body {margin: 0 !important;font-family: Inter, sans-serif !important;height: 100% !important;letter-spacing: 0.5px !important;}
span, button, a, p, div, input, textarea, select, h1, h2, h3, h4, h5, h6{font-family: Inter, sans-serif !important;letter-spacing: 0.5px !important;}

title{text-transform: capitalize !important;}
[v-cloak] { display: none; }
.swal2-container{z-index: 999999999 !important;}
th, td{ vertical-align: middle !important;  }
.logo-img-xs{ max-height: 20px !important;  }
.content-title{ font-size: 18px !important; }
.content-sub-title{ font-size: 13px !important; }
.nk-content{ margin-top: 50px !important; }
.search-content{ border-radius: 80px !important; }
ul.nk-block-tools{ margin: 0px !important; }
ul.nk-block-tools li{ padding: 0px !important; margin-left:10px !important; }
.vertical-align-center{ vertical-align: middle !important; }
.capitalize{ text-transform: capitalize !important; }
.uppercase{ text-transform: uppercase !important; }
.lowercase{ text-transform: lowercase !important; }
.hide-element, .hide_element{ display: none !important; }
.show-element{ display: block !important; }
th{ letter-spacing: 0.5px !important; font-size: 13px !important;padding: 10px 5px !important; }
td{ font-size: 13px !important;padding: 5px !important;  }
.table td:first-child.text-left, .table th:first-child.text-left{ padding-left: 1.25rem !important; }
.table td:last-child.text-left, .table th:last-child.text-right{ padding-right: 1.25rem !important; }
.vertical-align-center{vertical-align: middle !important;}
.img-empty-content{ width: 15%;padding-bottom: 0px; }
.title-empty-content{ font-size: 16px; }
.desc-empty-content{ font-size: 14px; }
.swal2-title{ font-size: 18px !important; }
.swal2-actions{ margin:0.5em auto 0 !important; }
.swal2-actions button{ font-size: 13px !important; padding: 5px !important; }
.swal2-popup{ width: 25em !important; }
.swal2-icon{ margin: 0.5em auto .6em !important; }
.swal2-html-container{ margin: 0.5em 1.6em .3em !important; font-size: 1em !important; }
.form-label{ font-size: 12px !important; letter-spacing: 0.5px !important; }
.form-icon-right, .form-icon-left{ z-index: 9 !important; }
.pointer{ cursor: pointer !important; }
.nk-news-text{ max-width: 100% !important; }
.nk-news-text p{ width: 100% !important; }
.mh-50{ min-height: 50px !important; }
.mh-100{ min-height: 100px !important; }
.br-0{ border-radius: 0px !important; }
.br-8{ border-radius: 8px !important; }
.br-18{ border-radius: 18px !important; }
.br-4{ border-radius: 4px !important; }
.br-80{ border-radius: 80px !important; }
.pointer{cursor: pointer !important;}
.btn-cross-clasification-allowed{ position: absolute;right: -10px;padding: 0px; }
.nk-content-single{ margin: 0px !important; }
.no-margin, .no_margin{ margin: 0px !important; }
.no-border, .no_border{ border: 0px !important; }
.box-image-preview{ height: 200px;position: relative; }
.img-on-box{ position: absolute;left: 0;top: 0;font-size: 30px;width: 100%;height: 100%;text-align: center;display: flex;justify-content: center; }
.img-on-box .icon{ align-self: center;opacity: 0.5; }
.reset-image-box, .del-image-gallery{position: absolute;right: 0;height: 23px;width: 23px;padding: 0px;margin: 0px;justify-content: center;font-size: 12px;}
.is-relative{ position: relative !important; }
.box-gallery{height: 208px !important;display: flex !important;align-items: center !important;justify-content: center !important;overflow: hidden !important;}
.box-gallery.is-lg{ height: 250px !important; }
.box-gallery.is-sm{ height: 150px !important; }
.box-gallery.is-xs{ height: 100px !important; }
.box-gallery img, img.size-auto{ height: auto; max-height: 100%;width: auto;max-width: 100%; }
.fs-9{font-size: 9px !important;} .fs-10{font-size: 10px !important;} .fs-11{font-size: 11px !important;} .fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;} .fs-14{font-size: 14px !important;} .fs-15{font-size: 15px !important;} .fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;} .fs-18{font-size: 18px !important;} .fs-19{font-size: 19px !important;} .fs-20{font-size: 20px !important;}
.fs-25{font-size: 25px !important;} .fs-30{font-size: 30px !important;}
.lh-normal{line-height: normal !important;} .ls-05{letter-spacing: 0.5px !important;}
.h-35p{ height: 35px !important; } .h-50p{ height: 50px !important; } .h-60p{ height: 60px !important; } .h-75p{ height: 75px !important; }.h-100p{ height: 100px !important; }
.w-12{width: 12% !important;} .w-13{width: 13% !important;}
.sort-text{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}
.pmo-lv.pmo-dark {background: #0564e5;}
.pmo-lv.active {transform: translate(-50%, 0);bottom: 10px;transition-delay: 0.5s;}
.pmo-lv {position: fixed;left: 50%;bottom: -50px;max-width: 90%;width: 590px;transform: translate(-50%, 100%); transition: all .2s;background: #fff;border-radius: 50px; box-shadow: 0 0 40px -2px rgb(31 43 58 / 25%);z-index: 9999;}
.pmo-dark .pmo-close { background: rgba(31,43,58,.3); color: #fff;}
.pmo-action{top: 50%;margin-top: -17px;right: 10px;font-size: 16px;z-index: 99;display: flex;position: absolute;}
.pmo-close {color: #364a63;border-radius: 50%;height: 35px;width: 35px;line-height: 37px;background: rgba(183,194,208,.6);text-align: center;}
.pmo-wrap { display: flex; padding: 1rem 8.3rem 1rem 1rem; align-items: center; border-radius: 50px; transition: all 10ms;}
.pmo-dark .pmo-text { color: #fff;}
.pmo-text {font-family: "DM Sans",sans-serif; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: .02em; color: #e85347; transition: color .2s;}
.pmo-text .ni {font-size: 20px; display: inline-block;vertical-align: middle;margin-left: 0.125rem;margin-top: -3px;}
.page-link{ min-width: calc(1rem + 1rem + 1px) !important; font-size: 11px !important; }
.right-5{right: 5px !important;}
.wooh-select-content{ margin-top: 1px;border: 1px solid #dbdfea; }
.wooh-select-list{height: auto;max-height: 250px;overflow: auto;}
.wooh-select-list a{ border: 1px solid #dbdfea !important; padding: 5px 10px !important;margin-bottom: 5px !important; }
.wooh-select-list a.is-title{ border: 0px !important;border-bottom: 1px solid #dbdfea !important;}
.dataTables_filter{ padding: 5px !important; }
.dataTables_filter label input { margin-left: 5px !important; border: 1px solid #ccc !important;border-radius: 80px !important;}
.dataTables_info{ width: 50% !important; float: left;display: inline-block; } .dataTables_paginate{ width: 50% !important; float: right; display: inline-block;padding: 0.5rem 0;}
.dataTables_paginate a{ padding: 3px 5px;font-size: 12px;border: 1px solid #ccc;border-radius: 4px;margin-right: 5px; }
.dataTables_paginate a.current{ background: #559bfb !important;border: none !important;color: #fff !important; }
.w-0{width: 0px !important;} #table-item-transaction th{padding: 5px !important;}
.overflow-wrap-break{ overflow-wrap: break-word !important;}
.mh-200{max-height: 200px !important;} .mh-300{max-height: 300px !important;}
.is-absolute{position: absolute !important;}
.top-0{top: 0px !important;} .top-5{top: 5px !important;} .right-0{right: 0px !important;} .right-5{right: 5px !important;}
.left-0{left: 0px !important;} .left-5{left: 5px !important;} .bottom-0{bottom: 0px !important;} .bottom-5{bottom: 5px !important;}
.overlay-nk-nav-toggle{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(16, 25, 36, 0.4);z-index: 900;animation: overlay-fade-in .4s ease 1;}
.bg-pink-dim{background: #ffe6eafc !important;} .full-height{min-height: 100vh !important;} .top-min-25{top: -25px !important;}
.position-unset{position: unset !important;} .nk-menu-link, .nk-menu-icon{color: #ffffff;}
.dark-mode .bg-dark{background: #101924 !important;} .nk-sidebar-brand{border-bottom-right-radius: 30px !important;}
.nk-content-main{margin-top: 65px !important;} .h-30px{height: 30px !important;} .h-10px{height: 10px !important;} .h-20px{height: 20px !important;}
.h-40px{height: 40px !important;} .h-50px{height: 50px !important;} .h-75px{height: 75px !important;}
.align-items-stretch{align-items: stretch !important;} .br-4-bottom{border-bottom-right-radius: 4px !important;border-bottom-left-radius: 4px !important;}
.br-4-top{border-top-right-radius: 4px !important;border-top-left-radius: 4px !important;}
.w-50px{width: 50px !important;} .w-75px{width: 75px !important;} .w-35px{width: 35px !important;}
button.close:hover, button.close:active, button.close:focus{border: none !important;box-shadow: none !important;outline: 0 !important;}
#loader-screen-grow{
    position: fixed !important;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}
.spinner-grow-lg, .spinner-border-lg{width: 3rem !important;height: 3rem !important;}
.full-screen{width: 100% !important;height: 100% !important;min-height: 100vh !important;}
.top-12{top: 12px !important;}
.main-bg-dark{background: #23282F !important;}
.main-bg-secondary{background: #303841 !important;}
.nk-content-main-home{margin-top: 60px !important;}
.main-bg-dark-light{background: #3A4750 !important;}
img.svg-white{filter: invert(01) sepia(1) saturate(0) hue-rotate(100deg) !important;}
img.svg-light{filter: invert(01) sepia(1) saturate(0) hue-rotate(100deg) !important;}
.accordion-icon:before{display: none !important;}
.accordion-icon{right: 0 !important;}
.accordion-item.active .accordion-body{display: block !important;}
#accordion-faq .accordion-item{border:none !important;border-bottom: 1px solid #596067 !important;}
#accordion-faq .accordion-icon{color: #ACAFB3 !important;font-size: 18px !important;}
.main-color-secondary{color: #ACAFB3 !important;}
#accordion-faq .accordion-item:last-child{border-bottom: 0px !important;}
.main-bg-info{background: #00ADB5 !important;}
.main-bg-light{background: #F9FAFB !important;}
.main-color-success{color: #10B981 !important;}
.main-color-info{color: #00ADB5 !important;}
.main-bg-success{background: #10B981 !important;}
#main-head-content{height: 80vh !important;}
#main-head-content .hero-image{height: 80vh !important;right: 0;top: 0;padding-top:1rem;overflow: hidden;}
#main-head-content .hero-image img{height: 100% !important;width: 100% !important;}
#main-head-content .hero-image-second{height: 60vh !important;top: auto !important;bottom: 0;}
.full-img{width: 100% !important;height: 100% !important;}
#main-about-content{height: 75vh;}
.nk-block-about-image{height: 75vh;right: 0;top: 0;padding-top:1rem;overflow: hidden;}
#main-about-content .nk-block-about-liner{bottom: 0;}
.box-auth-card{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.dot-auth-page-top{right:10% !important;}
.dot-auth-page-bottom{left:10% !important;bottom:10% !important;}
.main-border-info{border: 1px solid #00ADB5 !important;}
.main-border-gray{border: 1px solid #D4D5D7 !important;}
.checkout-payment-item:has(input[type=radio]:checked) {
    border: 1px solid #00ADB5 !important;
    background: linear-gradient(0deg, rgba(0, 173, 181, 0.04), rgba(0, 173, 181, 0.04)), #FFFFFF !important;
}
.checkout-payment-item .custom-control-input:checked ~ .custom-control-label::before{
    color: #fff !important;
    border-color: #00ADB5 !important;
    background-color: #00ADB5 !important;
}
#content-checkout-payment-list, .content-checkout-payment-list{height: auto !important;max-height: 300px !important;overflow: auto !important;}
.alert.alert-icon > .icon{line-height: 0 !important;}
.accordion.icon-left .accordion-icon{left: 0 !important;right:auto !important;}
.accordion.icon-left .accordion-head .title{padding-left: 2rem !important;}
#accordion-payment-step .accordion-icon{font-size: 1.5rem !important;}
.accordion.icon-left .accordion-body{padding-left: 2rem !important;padding-right: 2rem !important;}
ul.decimal{list-style: decimal !important;}
#header-member-dashboard{box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.24);}
#header-member-dashboard [class*="dropdown-indicator"]:after{color:#FFFFFF !important;}
#header-member-dashboard .nk-menu-main .nk-menu-item{color:#ffffff !important;opacity: 0.75 !important;}
#header-member-dashboard .nk-menu-main .nk-menu-item.active{opacity: 1 !important;}
#content-summary-dashboard{margin-top:-2.5em !important;}
#head-content-dashboard{padding-bottom: 30px !important;}
.spinner-border.standart-border{border: 2px solid currentColor !important;border-right-color: transparent !important;}
canvas.chart-canvas{height: 400px !important;}
canvas#content-chart-report-page-view{height:300px !important;}
#content-report-platform canvas{height:300px !important;}
#content-report-platform-page canvas{height:200px !important;}
#header-member-dashboard .nk-header-tools li.menu-toggle a:hover,
#header-member-dashboard .nk-header-tools li.menu-toggle a:active,
#header-member-dashboard .nk-header-tools li.menu-toggle a:focus{
    color:#526484 !important;
}
#is-mobile-menu{display: none;}
.short-text{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.breadcrumb-item a{text-transform: capitalize !important;}
.breadcrumb-item.active a{color: #00ADB5 !important;}
.flex-column{flex-direction: column !important;}
.flex-row{flex-direction: row !important;}
#content-setting ul.menu-setting li a.active{background: #303841 !important;border-radius:8px !important;color: #FFFFFF !important;}
#content-setting ul.menu-setting li a.active:after{color: #FFFFFF !important;}
.main-color-blue{color:#083F75 !important;}
.main-bg-info-dim{background: #F2F6FC !important;}
.border-bottom.no-last-border:last-child{border-bottom: none !important;}
#content-funnel-step .card-inner{height: 120px !important;}
.absolute-center{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width:100%;
}
#content-funnel-step .step-item-progress:after{
    position: absolute;
    top: 5%;
    left: 50%;
    display: block;
    width: 1px;
    height: 90%;
    content: "";
    background-color: #ACAFB3;
    z-index: 1;
}
#content-funnel-step .step-item .step-detail{width: 85%;}
#content-funnel-step .step-item-progress{width: 15%;}
#content-funnel-step .step-item-progress .icon{
    color: #FFFFFF;
    font-size: 16px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px;
    gap: 10px;
    background: #23282F;
    border-radius: 1000px;
}
#content-funnel-step .step-item-progress .icon-same{
    top:10% !important;
}
#content-funnel-step .step-item-progress .icon-same .icon{
    background: #d2dce5 !important;
    color: #333 !important;
}
#content-funnel-step .step-content{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow: auto !important;
}
#content-funnel-step .step-content::-webkit-scrollbar { height:5px; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    min-width: 25px !important;
    width: 25px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 11px !important;
}
.daterangepicker th.month{font-size: 12px !important;}
.daterangepicker{
    box-shadow: rgb(156 156 156) 0px 1px 10px -4px !important;
}
.br-8-left{border-top-left-radius:8px !important;border-bottom-left-radius:8px !important; }
.br-8-right{border-top-right-radius:8px !important;border-bottom-right-radius:8px !important; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    opacity: .9;
}
.bootstrap-tagsinput{width: 100%;}
.bootstrap-tagsinput .label-info{
    background: #00ADB5 !important;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.text-coret{text-decoration: line-through !important;}
.box-image{display:flex !important;overflow: hidden !important;align-items: center !important;justify-content:center !important;}
.box-image img{width: auto !important;max-width: 100% !important;height: auto !important;max-height: 100% !important;}
.ml-3px{margin-left: 3px !important;}
.article-access{font-size: 14px;line-height: normal;}
.article-access p{margin:0px; margin-bottom: 0.7rem;}
.content-preview-playlist-access{height: 350px !important;overflow: hidden !important;width: 100% !important;}
.content-article-access{height: auto !important;max-height: 500px !important;overflow: auto !important;width: 100% !important;}
.content-playlist-access{height: auto !important; max-height: 700px !important;overflow: auto !important;}
.content-preview-playlist-access img{width: auto !important;height: auto !important;max-width: 100% !important;max-height: 100% !important;}
.content-preview-playlist-access video, .content-preview-playlist-access iframe{width: 100% !important;height: 100% !important;}
.text-comment{min-height: 40px !important;}
.content-article-access iframe{
    width: 100% !important;
    aspect-ratio: 16 / 9;
}
.is-custom-page p{
    margin-bottom: 5px !important;
    width: 100%;
    display: inline-block;
}
.is-custom-page .custom-p{
    margin-bottom: 1rem !important;
}
.is-custom-page ol, .is-custom-page ul{
    padding-left: 1.5rem;
}
.is-custom-page img{
    display: block;
    margin: 0 auto;
}
.menu-product-member{
    position: absolute;
    z-index: 1000;
    left: -10px;
    top: -10px;
}
#content-manage-product{
    overflow: auto;
    max-height: 75vh;
}
#content-preview-product{
    overflow: auto;
    max-height: 72vh;
}
.w-10{width: 10%!important}
.w-5{width: 5%!important}
.z-1{z-index: 1 !important}
.form-label.small{font-size: 11px !important;}
textarea.min-h-50{min-height: 50px !important;}
.bullet-points {
    margin: 0;
    padding: 0;
}
.bullet-point {
    position: relative;
    margin-bottom: 0.2em;
    font-size: 11px;
}
.bullet-point:after {
    position: absolute;
    left: 2px;
    margin: auto;
    background: transparent;
    border-top: none;
    border-right: none;
    color: #3cb878;
    font-weight: bold;
    font-size: 14px;
    top: -2px;
}
.bullet-point.warning:after {
    color: #f4bd0e !important;
}
.bullet-point.error:after {
    color: #e85347 !important;
}
.bullet-point img{
    width: 20px;
    height: 20px;
}
.row-reverse{flex-direction: row-reverse !important;}
.box-product-video{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-video{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.box-product-video-success{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.text-strike{text-decoration: line-through !important;}
.column-reverse{flex-direction: column-reverse !important;}
.input-group-prepend{z-index: 1;}
.select2-search__field{width: 100% !important;}
.is-custom-page ul{
    list-style: disc !important;
}
.is-custom-page ol{
    list-style: decimal !important;
}
.box-image-size-sm{
    height: 50px !important;
}
.box-image-size-md{
    height: 150px !important;
}
.box-image-size-lg{
    height: 200px !important;
}
.box-image-size-xl{
    height: 300px !important;
}
.note-btn-group .note-btn {
    font-size: 10px !important;
    padding: 0.14rem 0.35rem;
}
.note-editable, .note-placeholder {
    font-size: 13px;
    font-weight: normal;
}
.note-editable p {
    margin: 0px;
    margin-bottom: 0.7rem;
}
.note-editable ul{
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}
.fs-28px{
    font-size: 28px !important;
}
.blink-anim {
  animation: blinker-anim 1s linear infinite;
}

@keyframes blinker-anim {
  50% {
    opacity: 0;
  }
}
.table-responsive{
    overflow-y: hidden !important;
}
.main-content-dashboard-home{
    margin-top: -1.5rem;
}
.ml-05, .mx-05 {
    margin-left: 0.175rem !important;
}
.custom-file.sm, .custom-file.sm label, .custom-file.sm input {
    height: calc(1.75rem + 2px) !important;
}
.custom-file.sm label, .custom-file.sm label::after {
    line-height: 1rem !important;
    font-size: 11px !important;
}
.custom-file.sm, .custom-file.sm label, .custom-file.sm input {
    height: calc(1.75rem + 2px) !important;
}
.price-action-absolute {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 16px;
    text-align: center;
    z-index: 10;
}
.price-plan-body-no-action{
    padding-bottom: 60px !important;
}