:root {
    /* Colors: */
    --color-ffffff: #ffffff;
    --color-fff0b3: #fff0b3;
    --color-fe991f: #fe991f;
    --color-eae5ff: #eae5ff;
    --color-5243aa: #5243aa;
    --color-ffeae6: #ffeae6;
    --color-de350c: #de350c;
    --color-d5ece7: #d5ece7;
    --color-24a581: #24a581;
    --color-eaecff: #eaecff;
    --color-3849f5: #3849f5;
    --color-f4f4f4: #f4f4f4;
    --color-dfe1e5: #dfe1e5;
    --color-253444: #253444;
    --color-182432: #182432;
    --color-000000: #000000;
    --border-radius: 5px;
    --100vh: 100vh;
    --fsize-medium: 15px;
    --fsize-19: 19px;
}

@media (max-width: 1399px) {
    :root {
        --fsize-medium: 14px;
        --fsize-19: 17px;
    }
}

body {
    color: #000;
}

body,
body.dark {
    font-family: "Manrope", sans-serif;
    background: #FFF;
    letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #182432;
}

/**
 * cursor
 */
body .cursor-pointer {
    cursor: pointer !important;
}

/**
 * font-weitgh
 */
body .fw-400 {
    font-weight: 400 !important;
}

/**
 * height
 */
body .h_100,
body.dark .h_100 {
    height: 100% !important;
}

body .min_h_100,
body.dark .min_h_100 {
    min-height: 100% !important;
}

/**
 * width
 */
body .w_100,
body.dark .w_100 {
    width: 100% !important;
}

body .min_w_100,
body.dark .min_w_100 {
    min-width: 100% !important;
}

/**
 * background
 */
body .bg_none,
body.dark .bg_none {
    background: none !important;
}

/**
 * row & col
 */
.row {
    margin-right: -14px;
    margin-left: -14px;
}

.row2 {
    width: calc(100% + 28px);
}

.row>* {
    padding-right: 14px;
    padding-left: 14px;
}

/**
 * color
 */
body .color_black {
    color: #000 !important;
}

body .color_black08 {
    color: #182432 !important;
}

body .color_warning {
    color: #e2a03f !important;
}

body .color_danger {
    color: #e7515a !important;
}

body .border_shadow {
    box-shadow: 0 0 0 1px #D9D9D9 !important;
}

/**
 * font-size
 */
body .fs_16,
body.dark .fs_16 {
    font-size: var(--fsize-medium) !important;
}

/**
 * font-weight
 */
body .fw_400,
body.dark .fw_400 {
    font-weight: 400 !important;
}

/**
 * sizing
 */
.min-h-100 {
    min-height: 100% !important;
}

/**
 * #sidebar
 */
body #sidebar,
body.dark #sidebar {
    display: flex;
    height: var(--100vh) !important;
    flex-direction: column;
}

/**
 * #sidebar profile-info
 */
body .sidebar-theme,
body.dark .sidebar-theme {
    background: #fff;
    color: #182432;
    border: #D9D9D9 solid 1px;
}

body #sidebar ul.menu-categories li.menu>.dropdown-toggle,
body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle {
    border-radius: var(--border-radius);
}

body #sidebar ul.menu-categories li.menu>.dropdown-toggle,
body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: inherit;
}

body #sidebar ul.menu-categories ul.submenu>li a,
body.dark #sidebar ul.menu-categories ul.submenu>li a {
    font-size: 14px;
    font-weight: 600;
}

body #sidebar ul.menu-categories ul.submenu>li.active,
body.dark #sidebar ul.menu-categories ul.submenu>li.active {
    color: #4361ee !important;
}

body #sidebar .theme-brand,
body.dark #sidebar .theme-brand {
    background-color: transparent;
    position: relative;
    border-bottom: unset !important;
}

body #sidebar .theme-brand::after,
body.dark #sidebar .theme-brand::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    left: 0;
    background: #253444;
    height: 1px;
    margin: 0 20px;
}

body #sidebar ul.menu-categories,
body.dark #sidebar ul.menu-categories {
    padding: 0;
}

#sidebar * {
    color: inherit !important;
}

body #sidebar .profile-info,
body.dark #sidebar .profile-info,
body #sidebar .profile-info *,
body.dark #sidebar .profile-info * {
    overflow: unset;
    background: transparent;
}

body #sidebar .profile-info .user-info,
body.dark #sidebar .profile-info .user-info {
    background: #253444;
    border-radius: var(--border-radius);
    color: #fff !important;
    padding: 16px;
}

body #sidebar .profile-info .profile-img,
body.dark #sidebar .profile-info .profile-img {
    position: relative;
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    margin: auto 15px auto 0;
    min-width: 35px;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
}

body .sidebar-closed>.sidebar-wrapper:hover #sidebar .profile-img,
body.dark .sidebar-closed>.sidebar-wrapper:hover #sidebar .profile-img {
    padding-left: 0 !important;
}

body #sidebar .profile-info .profile-img img,
body.dark #sidebar .profile-info .profile-img img {
    top: unset;
    position: relative;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    min-width: 100%;
    min-height: 100%;
    background: #fff;
}

body #sidebar .profile-info .profile-content,
body.dark #sidebar .profile-info .profile-content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

body #sidebar .profile-info .profile-content .clistwrp,
body.dark #sidebar .profile-info .profile-content .clistwrp {
    position: relative;
    white-space: wrap;
}

body #sidebar .profile-info .profile-content .clist,
body.dark #sidebar .profile-info .profile-content .clist {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
}

body #sidebar .profile-info .profile-content .clist_i,
body.dark #sidebar .profile-info .profile-content .clist_i {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
}

body #sidebar .profile-info .profile-content .clist_i:last-child,
body.dark #sidebar .profile-info .profile-content .clist_i:last-child {
    margin: 0;
}

body #sidebar .profile-info .clist_i .clist_i_cont,
body.dark #sidebar .profile-info .clist_i .clist_i_cont {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    min-width: 182px;
}

body #sidebar .profile-info .clist_i_cont .label,
body.dark #sidebar .profile-info .clist_i_cont .label {
    position: relative;
    width: 100%;
    font-size: 12px;
    white-space: wrap;
}

body #sidebar .profile-info .clist_i_cont .value,
body.dark #sidebar .profile-info .clist_i_cont .value {
    position: relative;
    width: 100%;
    font-size: 14px;
    white-space: wrap;
}

body #sidebar .profile-info .clist_i_cont .square,
body.dark #sidebar .profile-info .clist_i_cont .square {
    position: relative;
    position: absolute;
    right: 0px;
}

body #sidebar .profile-info .clist_i_cont.hassquare .label,
body.dark #sidebar .profile-info .clist_i_cont.hassquare .label,
body #sidebar .profile-info .clist_i_cont.hassquare .value,
body.dark #sidebar .profile-info .clist_i_cont.hassquare .value {
    position: relative;
    padding-right: 25px;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded="true"],
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle[aria-expanded="true"],
body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded="true"],
body.dark #sidebar ul.menu-categories li.menu.active>.dropdown-toggle[aria-expanded="true"] {
    background: var(--primary-color);
    color: #fff !important;
}

body.dark #sidebar ul.menu-categories li.menu.active>.dropdown-toggle,
body #sidebar ul.menu-categories li.menu.active>.dropdown-toggle {
    background-color: var(--primary-color);
    color: #fff !important;
}

body #sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"],
body #sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"],
body.dark #sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"],
body.dark #sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"] {
    background-color: #253444;
    color: #fff !important;
}

body #sidebar ul.menu-categories li.menu ul.submenu>li.active a::before {
    background-color: #4361ee;
}

body .sidebar-closed>.sidebar-wrapper:not(:hover) .profile-info *,
body.dark .sidebar-closed>.sidebar-wrapper:not(:hover) .profile-info * {
    overflow: hidden !important;
}

body #sidebar .select_company_wrapper {
    min-height: 100px;
}

body #sidebar .select_company_wrapper .form_label {
    font-size: 14px;
}

body #sidebar .menu_wrapper {
    height: calc(var(--100vh) - 260px) !important;
    padding: 30px 0;
}

body #sidebar .menu_wrapper .menu-categories.ps {
    height: 100% !important;
}

body #sidebar ul.menu-categories li.menu>.dropdown-toggle svg:not(.badge-icon),
body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle svg:not(.badge-icon) {
    margin-right: 10px;
}

body #sidebar ul.menu-categories ul.submenu>li a,
body.dark #sidebar ul.menu-categories ul.submenu>li a {
    padding: 10.2px 16px 10.2px 31px;
}

/**
 * company_dropdown
 */
body #sidebar .company_dropdown,
body.dark #sidebar .company_dropdown {
    position: relative;
}

body #sidebar .company_dropdown .dropdown-toggle,
body.dark #sidebar .company_dropdown .dropdown-toggle {
    position: relative;
}

body #sidebar .company_dropdown .dropdown-menu,
body.dark #sidebar .company_dropdown .dropdown-menu {
    position: relative;
    background-color: #253444;
}

body #sidebar .company_dropdown .dropdown-menu .dropdown-item:hover,
body.dark #sidebar .company_dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--primary-color);
}

body #sidebar .company_dropdown .dropdown-item,
body.dark #sidebar .company_dropdown .dropdown-item {
    position: relative;
    display: flex;
    align-items: center;
}

body #sidebar .company_dropdown .dropdown-item .logo,
body.dark #sidebar .company_dropdown .dropdown-item .logo {
    position: relative;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    object-fit: contain;
    object-position: center;
    min-width: 35px;
    min-height: 35px;
    /* background: var(--primary-color);*/
}

body #sidebar .company_dropdown .dropdown-item .text,
body.dark #sidebar .company_dropdown .dropdown-item .text {
    position: relative;
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
}

/**
 * infoBox1
 */
body .infoBox1,
body.dark .infoBox1 {
    position: relative;
    padding: 25px;
    border-radius: var(--border-radius);
    background: #fff;
    border-left: var(--primary-color) solid 5px;
    box-shadow: 0 0 0 1px #D9D9D9;
}

body .infoBox1 .infoBox1Content,
body.dark .infoBox1 .infoBox1Content {
    position: relative;
    display: flex;
}

body .infoBox1 .contentImg,
body.dark .infoBox1 .contentImg {
    position: relative;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #eaecff;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .infoBox1 .contentImg svg,
body.dark .infoBox1 .contentImg svg {
    position: relative;
    width: 45%;
    height: auto;
    color: #2B66DE;
}

body .infoBox1 .contentText,
body.dark .infoBox1 .contentText {
    position: relative;
    padding: 0 0 0 25px;
    color: #182432;
    width: 100%;
}

body .infoBox1 .title,
body.dark .infoBox1 .title {
    position: relative;
    font-size: var(--fsize-19);
    margin: 0 0 15px;
    font-weight: 600;
    color: inherit;
}

body .infoBox1 .description,
body.dark .infoBox1 .description {
    position: relative;
    font-size: 14px;
    margin: 0;
}

/**
 * infoBox2
 */
body .infoBox2,
body.dark .infoBox2 {
    position: relative;
    padding: 25px;
    border-radius: var(--border-radius);
    background: #fff;
    border-left: #1D8B6C solid 5px;
    box-shadow: 0 0 0 1px #D9D9D9;
}

body .infoBox2 .infoBox2Content,
body.dark .infoBox2 .infoBox2Content {
    position: relative;
    display: flex;
}

body .infoBox2 .contentImg,
body.dark .infoBox2 .contentImg {
    position: relative;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #d5ece7;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .infoBox2 .contentImg svg,
body.dark .infoBox2 .contentImg svg {
    position: relative;
    width: 45%;
    height: auto;
    color: #24A581;
    fill: #24A581;
}

body .infoBox2 .contentText,
body.dark .infoBox2 .contentText {
    position: relative;
    padding: 0 0 0 25px;
    color: #182432;
    width: 100%;
}

body .infoBox2 .title,
body.dark .infoBox2 .title {
    position: relative;
    font-size: var(--fsize-medium);
    margin: 0 0 8px;
    font-weight: 600;
    color: inherit;
}

body .infoBox2 .description,
body.dark .infoBox2 .description {
    position: relative;
    font-size: 24px;
    margin: 0;
    color: #24a581;
    font-weight: 700;
}

body .infoBox2.primary {
    border-color: var(--primary-color);
}

body .infoBox2.primary .contentImg {
    background: #eaecff;
}

body .infoBox2.primary .description {
    color: var(--primary-color);
}

body .infoBox2.primary .contentImg svg {
    color: var(--primary-color);
    fill: var(--primary-color);
}

body .infoBox2 .contentImg svg.fillNone {
    fill: none !important;
}

/**
 * breadcrumb
 */
body .page-meta .breadcrumb .breadcrumb-item,
body.dark .page-meta .breadcrumb .breadcrumb-item,
body .page-meta .breadcrumb .breadcrumb-item a,
body.dark .page-meta .breadcrumb .breadcrumb-item a,
body .page-meta .breadcrumb .breadcrumb-item.active,
body.dark .page-meta .breadcrumb .breadcrumb-item.active {
    font-weight: 600;
    color: #000;
    font-size: 20px;
    letter-spacing: inherit;
}

/**
 * formulaire
 */
.form-control::placeholder {
    color: #656565;
    opacity: 1;
}

body .form-group label,
body.dark .form-group label,
body label,
body.dark label {
    font-size: var(--fsize-medium);
    color: #000;
    font-weight: 600;
    letter-spacing: inherit;
}

body .form-group label>.info_tooltip,
body.dark .form-group label>.info_tooltip,
body label>.info_tooltip,
body.dark label>.info_tooltip {
    position: relative;
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 10px;
    top: 5px;
}

body .form-group label>.info_tooltip>svg,
body.dark .form-group label>.info_tooltip>svg,
body label>.info_tooltip>svg,
body.dark label>.info_tooltip>svg {
    position: relative;
    width: 100%;
    height: auto;
}

body .form-group label.info_bottom,
body.dark .form-group label.info_bottom {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fsize-medium);
    line-height: 24px;
    letter-spacing: inherit;
    margin: 10px 0 0;
    width: 100%;
}

body .form-control,
body.dark .form-control {
    height: auto;
    border: 1px solid #D9D9D9;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    letter-spacing: inherit;
    padding: 0.65rem 1.25rem;
    border-radius: var(--border-radius);
    background: #fff;
    height: auto;
    transition: none;
    min-height: 44px;
}

body .form-control.form-select {
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

/**
 * tomSelect
 */
body .ts-wrapper.multi .ts-control {
    display: block;
    text-align: initial;
    position: relative;
    margin: 0 15px;
    padding: 3px 0 !important;
    border-radius: 0 !important;
}

body .ts-wrapper.multi .ts-control .item,
body.dark .ts-wrapper.multi .ts-control .item {
    background: #253444;
    border: unset;
    color: #fff;
    margin: 3px 6px 3px 0;
    padding: 3px 14px;
    font-weight: 500;
    border-radius: 6px;
    font-size: 13px;
    font-size: 13px;
    display: inline-flex;
    line-height: 20px;
    white-space: wrap;
}

body .ts-wrapper.multi .ts-control .item.active,
body.dark .ts-wrapper.multi .ts-control .item.active {
    background-color: var(--primary-color);
}

body .form-group .ts-wrapper .ts-control,
body.dark .form-group .ts-wrapper .ts-control {
    padding: 6px 18px 0;
    min-height: 42px;
}

body .form-group .ts-wrapper .ts-control>input,
body.dark .form-group .ts-wrapper .ts-control>input {
    letter-spacing: inherit;
    font-size: 14px;
    height: auto;
    top: 2px;
    position: relative;
    width: 100%;
    display: inline-block !important;
    min-width: 12rem;
    margin: 6px 0 !important;
}

/**
 * alert
 */
body .alert.alert-arrow-left,
body.dark .alert.alert-arrow-left {
    position: relative;
    padding: 11px 25px;
    font-size: 13px;
    border-radius: var(--border-radius);
}

body .alert.alert-arrow-left::before,
body.dark .alert.alert-arrow-left::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 8px solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left-color: inherit;
    margin-top: -8px;
}

body .alert-icon-left svg:not(.close),
body.dark .alert-icon-left svg:not(.close) {
    color: #FFF;
    width: 4rem;
    left: -4rem;
    text-align: center;
    position: absolute;
    top: 48%;
    margin-top: -10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
}

body .alert-light-primary,
body.dark .alert-light-primary {
    color: var(--primary-color);
    background-color: #E3EDFC;
    border-color: var(--primary-color);
}

body .alert-light-primary div,
body.dark .alert-light-primary div {
    color: #000;
}

/**
 * espacement
 */
.mb_50 {
    margin-bottom: 50px !important;
}

.mb_25 {
    margin-bottom: 25px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

/**
 * card
 */
body .card,
body.dark .card {
    border: none;
    border-radius: var(--border-radius);
    background: #fff;
    box-shadow: unset;
}

body .card .card-header,
body.dark .card .card-header {
    color: inherit;
}

body .card .card-title,
body.dark .card .card-title {
    font-size: var(--fsize-medium);
    font-weight: 600;
    color: inherit;
}

body .card .card-text,
body.dark .card .card-text {
    color: inherit;
}


/**
 * sidebar
 * header
 * body
 */
@media (min-width: 992px) {

    body .sidebar-closed>.sidebar-wrapper:hover,
    body.dark .sidebar-closed>.sidebar-wrapper:hover {
        width: 275px;
    }

    .sidebar-noneoverflow body .header-container,
    .sidebar-noneoverflow body.dark .header-container {
        left: 83px;
        width: calc(100% - 83px);
    }
}

body .sidebar-wrapper,
body.dark .sidebar-wrapper {
    width: 275px;
}

body #content,
body.dark #content {
    margin-left: 275px;
    margin-top: 65px;
}

body .header-container,
body.dark .header-container {
    left: 274px;
    box-shadow: unset;
    border: #D9D9D9 solid 1px;
    width: calc(100% - 274px);
    border-radius: unset;
    margin-top: 0;
}

@media (max-width: 991px) {

    body .header-container,
    body.dark .header-container {
        padding-right: 16px;
        padding-left: 16px;
        left: 0;
        width: 100%;
    }

    body #content,
    body.dark #content {
        margin-left: 0;
    }
}


/**
 * navbar
 */
body .nav-link {
    color: #182432;
    font-size: 14px;
}

/** 
 * wp_statut_icon 
 */
body .wp_statut_icon {
    padding: 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #253444;
}

body .wp_statut_icon.publish,
body.dark .wp_statut_icon.publish {
    color: #24A581;
}

body .wp_statut_icon.future,
body.dark .wp_statut_icon.future {
    color: #4361ee;
}

body .wp_statut_icon svg {
    width: 100%;
    height: auto;
}

body.dark .wp_statut_icon {
    color: #fff;
}

/**
 * widget
 */
body .widget,
body.dark .widget {
    background: #FFF !important;
    background-color: #FFF !important;
    border: unset !important;
    border-radius: var(--border-radius) !important;
}

body .widget.bg_gray_100,
body.dark .widget.bg_gray_100 {
    background: #F5F5F5 !important;
    background-color: #F5F5F5 !important;
}

body .widget h5,
body.dark .widget h5 {
    letter-spacing: inherit;
    font-size: var(--fsize-19);
}

body .widget:not(.border_shadow),
body.dark .widget:not(.border_shadow) {
    box-shadow: unset !important;
}

body .widget .widget_title,
body.dark .widget .widget_title {
    font-size: var(--fsize-medium) !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    margin: 0;
}

body .widget.disabled:after,
body.dark .widget.disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 20;
    border-radius: var(--border-radius);
}

body .widget-content,
body.dark .widget-content {
    box-shadow: unset !important;
    border: unset !important;
    background-color: transparent !important;
}

body .widget-content.border_shadow {
    box-shadow: 0 0 0 1px #D9D9D9 !important;
}

/**
 * more-menu-dropdown
 */
body .more-menu-dropdown,
body.dark .more-menu-dropdown {
    display: flex;
    justify-content: center;
}

/**
 * btn
 */
body .btn,
body.dark .btn {
    padding: 7px 12px;
    text-shadow: none;
    font-size: 14px !important;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    border-radius: var(--border-radius);
    cursor: pointer;
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    box-shadow: unset !important;
    font-weight: 500;
    min-height: 38px;
}

body .btn.btn_sm,
body.dark .btn.btn_sm {
    padding: 0px 12px;
    min-height: 20px;
}

body .btn:hover,
body .btn:focus,
body.dark .btn:hover,
body.dark .btn:focus {
    box-shadow: unset !important;
}

body .btn-dark,
body.dark .btn-dark {
    color: #fff !important;
    background-color: #253444 !important;
    border-color: #253444 !important;
    box-shadow: unset !important;
}

body .btn-dark:hover,
body .btn-dark:focus,
body.dark .btn-dark:hover,
body.dark .btn-dark:focus {
    color: #fff !important;
    background-color: #182432 !important;
    border-color: #182432 !important;
    box-shadow: unset !important;
}

body .btn-outline-dark,
body.dark .btn-outline-dark {
    border: 1px solid #253444 !important;
    color: #253444 !important;
    background-color: transparent !important;
    box-shadow: none;
}

body .btn-outline-dark:hover,
body .btn-outline-dark:focus,
body.dark .btn-outline-dark:hover,
body.dark .btn-outline-dark:focus {
    border: 1px solid #182432 !important;
    color: #182432 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none;
}

body .btn-secondary,
body.dark .btn-secondary {
    color: #fff !important;
    background-color: #805dca !important;
    border-color: #805dca !important;
    box-shadow: none !important;
}

body .btn-primary,
body.dark .btn-primary {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
    box-shadow: unset;
}

body .btn-light-danger,
body.dark .btn-light-danger {
    color: #e7515a !important;
    background-color: #fbeced !important;
    border-color: #fbeced !important;
    box-shadow: none !important;
}

body .btn-primary:hover,
body .btn-primary:focus,
body.dark .btn-primary:hover,
body.dark .btn-primary:focus {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body .btn-primary:not(:disabled):not(.disabled).active,
body .btn-primary:not(:disabled):not(.disabled):active {
    color: #000 !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

body .btn-primary.disabled,
body .btn-primary.btn[disabled],
body .btn-primary:disabled,
body.dark .btn-primary.disabled,
body.dark .btn-primary.btn[disabled],
body.dark .btn-primary:disabled {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

body .modal-content .modal-footer .btn.btn-primary,
body.dark .modal-content .modal-footer .btn.btn-primary {
    background-color: var(--primary-color);
    color: #000;
    border: 1px solid var(--primary-color);
}

body .btn-link {
    font-weight: 600;
    color: initial;
    text-decoration: underline;
}

body .btn-link.primary {
    color: var(--primary-color);
}

body .btn.next_step,
body .btn.prev_step {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .btn.next_step::after,
body .btn.prev_step::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
}

body .btn.next_step {
    padding-right: 45px;
}

body .btn.prev_step {
    padding-left: 45px;
}

body .btn.next_step::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_33_297)'%3E%3Cpath d='M14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8039 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75L3.75 12.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25L18.4397 11.25L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05099 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_33_297'%3E%3Crect width='24' height='24' fill='%23FFFFFF'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    transform: rotateY(0);
    right: 15px;
}

body .btn.prev_step::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_33_297)'%3E%3Cpath d='M14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8039 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75L3.75 12.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25L18.4397 11.25L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05099 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938Z' fill='%23253444'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_33_297'%3E%3Crect width='24' height='24' fill='%23253444'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    transform: rotateY(180deg);
    left: 15px;
}

body .btn-generation,
body .btn-generation:hover,
body .btn-generation:focus,
body.dark .btn-generation,
body.dark .btn-generation:hover,
body.dark .btn-generation:focus {
    color: #FFF !important;
    background-color: #1d8b6c !important;
    border-color: #1d8b6c;
    box-shadow: unset;
}

/**
 * bs-stepper
 */
body .bs-stepper .step-trigger,
body.dark .bs-stepper .step-trigger {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-size: 12px;
    padding: 15px 10px;
    color: #000000;
    font-weight: 400 !important;
    letter-spacing: inherit;
}

body .bs-stepper .line,
body.dark .bs-stepper .line,
body .bs-stepper-line,
body.dark .bs-stepper-line {
    background-color: #24A581;
}

body .bs-stepper-circle,
body.dark .bs-stepper-circle {
    min-width: 2em;
    min-height: 2em;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    padding: 0px 0px 2px 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    min-width: 24px;
    min-height: 24px;
    background-color: #253444;
    color: #FFF;
}

body .active .bs-stepper-circle,
body.dark .active .bs-stepper-circle {
    background-color: var(--primary-color);
    color: #fff;
}

body .crossed .bs-stepper-circle,
body.dark .crossed .bs-stepper-circle {
    background-color: #24A581;
    color: #fff;
}

@media (max-width: 991px) {

    body .bs-stepper .step-trigger,
    body.dark .bs-stepper .step-trigger {
        flex-wrap: wrap !important;
        text-align: center !important;
    }

    body .bs-stepper .bs-stepper-label,
    body.dark .bs-stepper .bs-stepper-label {
        width: 100%;
    }

    body .bs-stepper .bs-stepper-circle,
    body.dark .bs-stepper .bs-stepper-circle {
        margin-right: 0.25rem;
    }
}

@media (max-width: 575px) {

    body .bs-stepper .step-trigger,
    body.dark .bs-stepper .step-trigger {
        width: 100%;
    }

    body .bs-stepper .step:not(.active),
    body.dark .bs-stepper .step:not(.active) {
        display: none;
    }
}

/**
 * navbar
 */
body .navbar .navbar-item .nav-item.dropdown .dropdown-menu,
body.dark .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
    /* top: 126% !important; */
    border: none;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    background: #fff;
    left: auto;
    top: 23px !important;
}

/**
 * pricing-table-2
 */
body .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing,
body .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing *,
body.dark .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing,
body.dark .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing * {
    display: initial !important;
}

body .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly,
body .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly *,
body .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly,
body .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly *,
body.dark .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly,
body.dark .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly *,
body.dark .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly,
body.dark .pricing-table-2 .pricing-plans-container.billed-monthly .pricing-plan .pricing-header-section .pricing-header-pricing.yearly * {
    display: none !important;
}

body .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly,
body .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly *,
body .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly,
body .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly *,
body.dark .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly,
body.dark .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly *,
body.dark .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly,
body.dark .pricing-table-2 .pricing-plans-container.billed-yearly .pricing-plan .pricing-header-section .pricing-header-pricing.monthly * {
    display: none !important;
}

/**
 * link
 */
body .btn-group .dropdown-menu a.dropdown-item:hover {
    text-decoration: underline;
    color: #000 !important;
}

/**
 * auth-container
 */
body .auth-container .card .card-body,
body.dark .auth-container .card .card-body {
    padding: 24px 20px !important;
}

body .seperator .seperator-text span {
    background-color: #f4f4f4 !important;
}

/**
 * pricing-table-2
 */
body .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing .pricing,
body.dark .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing .pricing {
    display: flex !important;
}

@media (min-width: 992px) {

    body .pricing-table-2 .pricing-plan,
    body.dark .pricing-table-2 .pricing-plan {
        min-width: 320px;
    }
}

/**
 * form-check
 */
body .form-check.as_inline,
body.dark .form-check.as_inline {
    display: flex !important;
    cursor: pointer;
    flex-wrap: wrap;
    position: relative;
    padding-left: 31px;
    position: relative;
}

body .form-check.as_inline .form-check-input,
body.dark .form-check.as_inline .form-check-input {
    min-width: 17px;
    position: absolute;
    margin: 0 !important;
    top: 2px;
    left: 0;
}

/**
 * data-bs-toggle="collapse"
 */
body [data-bs-toggle="collapse"] {
    cursor: pointer;
}

body [data-bs-toggle="collapse"] .feather-chevron-down {
    transition: all 0.3s linear;
    color: #182432;
}

body [data-bs-toggle="collapse"][aria-expanded="true"] .feather-chevron-down {
    transform: rotateX(180deg);
}

/**
 * datatable
 */
body .table-responsive,
body.dark .table-responsive {
    overflow-x: clip;
}

body .dataTables_wrapper .form-control,
body.dark .dataTables_wrapper .form-control {
    height: auto;
    border: 1px solid #D9D9D9;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    letter-spacing: inherit;
    padding: 0.65rem 1.25rem;
    border-radius: var(--border-radius);
    background: #fff;
    height: auto;
    transition: none;
}

body .dataTables_wrapper select.form-control,
body.dark .dataTables_wrapper select.form-control,
body .dataTables_wrapper .dataTables_length select.form-control,
body.dark .dataTables_wrapper .dataTables_length select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23253444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") 54px center no-repeat;
    padding: 0.65rem 1.25rem;
}

body .dataTables_wrapper div.dataTables_length label,
body.dark .dataTables_wrapper div.dataTables_length label {
    text-align: left;
    white-space: nowrap;
    color: #253444;
    font-weight: 400;
    font-size: 15px;
}

body table.dataTable .form-control,
body.dark table.dataTable .form-control {
    color: #000;
}

body table.table thead tr th,
body.dark table.table thead tr th {
    text-transform: initial;
    background: #253444;
    padding: 13px 21px;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
}

body table.dataTable thead .sorting::before,
body table.dataTable thead .sorting_asc::before,
body table.dataTable thead .sorting_desc::before,
body table.dataTable thead .sorting_asc_disabled::before,
body table.dataTable thead .sorting_desc_disabled::before {
    color: #d3d3d3;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 14px;
    height: 14px;
    content: "";
    right: 0.3rem;
    top: 0.5rem;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_desc_disabled::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 14px;
    height: 14px;
    content: "";
    right: 0.3rem;
    top: 1.3rem;
}

body table.table tbody tr td,
body.dark table.table tbody tr td {
    padding: 14px 20px;
    font-size: 14px;
    color: #182432;
}

body table.table tbody tr:nth-child(2n) td,
body.dark table.table tbody tr:nth-child(2n) td {
    background-color: #F4F4F4;
}

body div.dataTables_wrapper .table-responsive,
body.dark div.dataTables_wrapper .table-responsive {
    border-radius: var(--border-radius);
    border: #D9D9D9 solid 1px;
}

/**
 * badge
 */
body .badge,
body.dark .badge {
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    display: inline-block;
    padding: 5px 14px;
    border-radius: 30px;
}

body .badge-primary {
    color: #fff;
    background-color: var(--primary-color);
}

/**
 * Princing table
 */
body .pricing-table-2 .pricing-plan .button,
body.dark .pricing-table-2 .pricing-plan .button {
    border: none;
    width: 100%;
    padding: 12px;
    border-radius: var(--border-radius);
}

body .pricing-table-2 .form-switch-custom.form-switch-primary .switch-input,
body .pricing-table-2 .form-switch-custom.form-switch-primary .switch-input:checked {
    background-color: #FFF;
    border-color: #e0e6ed;
}

body .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox span.label-left {
    color: #000;
}

body .pricing-table-2 .switch-inline.inner-label-toggle .input-checkbox span.label-left,
body .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox span.label-right {
    color: #fff;
}

body .pricing-table-2 .switch-inline.inner-label-toggle .input-checkbox::before,
body .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox::before {
    background: var(--primary-color);
}

body .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing .pricing,
body.dark .pricing-table-2 .pricing-plans-container .pricing-plan .pricing-header-section .pricing-header-pricing .pricing {
    display: flex !important;
    flex-wrap: nowrap;
    white-space: nowrap;
}

/**
 * form-switch-custom
 */
body .form-switch-custom.form-switch-primary .switch-input:checked,
body.dark .form-switch-custom.form-switch-primary .switch-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/**
 * link-text
 */
body .link-text {
    color: #182432;
}

body .link-text:hover {
    text-decoration: underline !important;
}

/**
 * tooltip
 */
body .tooltip {
    --bs-tooltip-bg: #253444;
    --bs-tooltip-color: #FFF;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-max-width: 360px;
}

body .tooltip.show[data-popper-placement^="top"],
body .tooltip.show[data-popper-placement^="bottom"] {
    margin: 4px 0 !important;
}

body .tooltip-inner,
body.dark .tooltip-inner {
    border-radius: var(--border-radius) !important;
    font-size: 14px !important;
    padding: 5px 10px !important;
}

body .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-width: 8px 5px 0 !important;
}

body .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-width: 0 5px 8px !important;
}

body .tooltip a {
    color: inherit;
    text-decoration: underline;
}


/**
 * daterangepicker
 */
body .daterangepicker {
    font-family: Manrope;
    background-color: #fff;
    border-color: #ddd;
    color: #182432;
}

body .daterangepicker::before {
    border-bottom-color: #ccc;
}

body .daterangepicker::after {
    border-bottom-color: #fff;
}

body .daterangepicker .ranges li.active {
    background-color: var(--primary-color);
    color: #fff;
}

body .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left-color: #ddd;
}

body .daterangepicker .calendar-table {
    border-color: #fff;
    background-color: #fff;
}

body .daterangepicker td.off,
body .daterangepicker td.off.in-range,
body .daterangepicker td.off.start-date,
body .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

body .daterangepicker td.active,
body .daterangepicker td.active:hover {
    background-color: var(--primary-color);
    border-color: transparent;
    color: #fff;
}

body .daterangepicker td.in-range {
    background-color: #e4ecfe;
    border-color: transparent;
    color: #000;
}

body .daterangepicker .calendar-table .next span,
body .daterangepicker .calendar-table .prev span {
    color: #fff;
    border-color: black;
}

/**
 * profil
 */
body .user-profile .widget-content-area .edit-profile,
body.dark .user-profile .widget-content-area .edit-profile {
    background: linear-gradient(to right, #2d69e0 0%, #2d69e0 100%);
    border: none;
}


/**
 * step_zero_generate_article
 */
body .step_zero_generate_article {
    position: relative;
}

body .step_zero_generate_article .container {
    position: relative;
    max-width: 990px;
}

body .step_zero_generate_article .content {
    position: relative;
}

body .step_zero_generate_article .caption {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: inherit;
    text-align: center;
    margin: 50px 0 35px;
}

body .step_zero_generate_article .card_list {
    position: relative;
    margin: 0 -14px;
}

body .step_zero_generate_article .card_item {
    position: relative;
    padding: 14px;
}

body .card.step_zero_card {
    position: relative;
    height: 100%;
    border: #D9D9D9 solid 1px;
    color: inherit;
}

body .card.step_zero_card .card-header {
    position: relative;
    border-color: #D9D9D9;
    background: unset;
    display: flex;
    align-items: center;
}

body .card.step_zero_card .card-header>svg {
    position: relative;
    margin: 0 20px 0 0;
}

body .card.step_zero_card .card-header>.title {
    position: relative;
    font-weight: 600;
    font-size: var(--fsize-medium);
}

body .card.step_zero_card .card-body {
    position: relative;
    padding: 20px;
}

body .card.step_zero_card .card-body .card-text {
    position: relative;
    font-weight: 400;
    font-size: var(--fsize-medium);
    line-height: 22px;
}

body .card.step_zero_card .card-footer {
    position: relative;
    border-top-color: transparent;
    padding: 12px 20px 20px;
}

body .card.step_zero_card .card-footer .btn {
    position: relative;
    width: 100%;
}

body .card.step_zero_card .card-footer .btn>svg {
    position: relative;
    margin: 0 15px 0 0;
    width: 28px;
    height: auto;
}

/**
 * List-group
 */
body .list-group-item .text {
    font-size: 14px;
}

/**
 * form-range
 */
body .form-range {
    width: 100%;
    height: inherit;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body .form-range::-moz-range-track,
body .form-range::-webkit-range-track {
    width: 100%;
    height: 8px;
    color: inherit;
    cursor: pointer;
    background-color: #E6E6E6;
    border-color: transparent;
    border-radius: 25px;
}

body .form-range::-moz-range-thumb,
body .form-range::-webkit-range-thumb {
    width: 16px;
    height: 16px;
    background-color: #295BCF;
    border: 0;
    border-radius: 25px;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}


/**
 * generate_articles_table
 */
body .generate_articles_table {
    position: relative;
    width: calc(100% + 48px);
    margin-left: -24px;
}

body .generate_articles_table th {
    position: relative;
    background: none !important;
    color: #000 !important;
}

body .generate_articles_table thead tr {
    border-top: 1px solid #e0e6ed;
    border-bottom: 1px solid #e0e6ed;
}

body .generate_articles_table td {
    position: relative;
}

body .generate_articles_table td .form_group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

body .generate_articles_table td .form_group .info_word {
    top: -3px;
    position: relative;
    height: 0 !important;
    display: block;
    font-size: 10px;
}

body .generate_articles_table td .form_group .input_wrapper {
    position: relative;
    width: 100%;
}

body .generate_articles_table td .form_group .form-control {
    position: relative;
    border: none;
    background: none;
}

body .generate_articles_table td .form_group .form-control .ts-control {
    margin: 0;
    width: 100%;
}

body .generate_articles_table td .form_group textarea.form-control {
    position: relative;
    border: none !important;
    background: none !important;
    padding-left: 0;
    height: auto;
    resize: none !important;
}

body .generate_articles_table td .form_group textarea.form-control.is_invalid {
    position: relative;
}

body .generate_articles_table td .form_group .form_feedback_error {
    position: absolute;
    bottom: -13px;
    font-size: 10px;
    text-align: left;
}

/**
 * modal
 */
body .modal-footer button.btn {
    padding: 7px 12px !important;
}

@media (min-width: 992px) {
  body .modal-lg, body .modal-xl {
    --bs-modal-width: 960px;
  }
}

@media (min-width: 1200px) {
  body .modal-xl {
    --bs-modal-width: 1200px;
  }
}

/**
 * .page-meta
 */
body .page-meta.sticky_top {
    position: sticky;
    top: 64px;
    z-index: 5;
    background: #ffffff;
    margin-top: 0 !important;
    padding-top: 25px;
    padding-bottom: 20px;
    width: calc(100% + 6px);
    margin-left: -3px;
    padding-left: 3px;
    padding-right: 3px;
}