@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");

:root {
    --color-primary: #47126b;
    --color-secondary: #6411ad;
    --color-white: #ffffff;
    --color-background: #fffefb;
    --background-grey: #f2f3f7;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
a,
button,
input,
optgroup,
select,
textarea,
ul,
li,
body,
html {
    /* font-family: "Montserrat" !important; */
}

select {
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

input:focus,
select:focus,
textarea:focus,
.dropdown .bootstrap-select .form-control .picker:focus {
    border-color: var(--color-secondary) !important;
}

input.form-control::placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #3f4254 !important;
}

.bootstrap-select>.dropdown-toggle:focus {
    border-color: #997aaf !important;
}

.btn.btn-success,
.btn.btn-primary {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn.btn-success:hover,
.btn.btn-primary:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.btn.btn-primary:disabled {
    color: var(--color-white);
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary);
}

.btn.btn-hover-primary:not(:disabled):not(.disabled).active {
    color: var(--color-white);
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.paginate-item-page.current-page,
.datatable.datatable-default>.datatable-pager>.datatable-pager-nav>li>.datatable-pager-link.datatable-pager-link-active {
    color: var(--color-white);
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.form-control {
    border-color: #997aaf;
}

.svg-icon.menu-icon {
    margin: 0 10px 0 0;
}

.svg-icon.menu-icon>i {
    color: white;
}

.nav-link.active>.svg-icon.menu-icon>i {
    color: #47126b;
}

.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon>i,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-icon>i {
    color: var(--color-primary) !important;
}

.symbol.symbol-light-success .symbol-label {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

.svg-icon.svg-icon-primary svg g [fill] {
    fill: var(--color-primary) !important;
}

.switch.switch-success:not(.switch-outline) .input:checked~span:before {
    background-color: var(--color-primary) !important;
}

.brand-logo img {
    margin-right: 30px;
}

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

.menu-text {
    color: #000 !important;
    font-size: 13px !important;
}

.header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: #47126b !important;
}

.menu-item.menu-item-active>.menu-link .menu-text {
    color: #47126b !important;
}

.image-list {
    border-radius: 100% !important;
    width: 35px !important;
    height: 35px !important;
    object-fit: cover;
}

@media screen and (max-width: 768px) {

    .table th,
    .table td {
        white-space: nowrap;
    }
}

.card-person .d-flex {
    gap: 15px;
}

.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}

.badge-light-secondary {
    color: #7e8299;
    background-color: #f5f8fa;
}

.badge-light-danger {
    color: #f1416c;
    background-color: #fff5f8;
}

.font-weight-extra-bold {
    font-weight: 600;
}

.bg-light-green {
    background: #e9f5db;
}

.text-green {
    color: #718355;
}

.bg-light-blue {
    background: #caf0f8;
}

.text-blue {
    color: #0077b6;
}

.bg-light-purple {
    background: #f2ebfb;
}

.text-yellow {
    color: #ff8100;
}

.badge-primary {
    color: #ffffff;
    background-color: #47126b;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #ffffff;
    background-color: #037fff;
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}

.badge-secondary {
    color: #181c32;
    background-color: #e4e6ef;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #181c32;
    background-color: #c4c8dc;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}

.badge-success {
    color: #ffffff;
    background-color: #6411ad;
}

a.badge-success:hover,
a.badge-success:focus {
    color: #ffffff;
    background-color: #159892;
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}

.badge-info {
    color: #ffffff;
    background-color: #8950fc;
}

a.badge-info:hover,
a.badge-info:focus {
    color: #ffffff;
    background-color: #671efb;
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}

.badge-warning {
    color: #181c32;
    background-color: #ffa800;
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #181c32;
    background-color: #cc8600;
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}

.badge-danger {
    color: #ffffff;
    background-color: #f64e60;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #ffffff;
    background-color: #f41d34;
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}

.badge-light {
    color: #181c32;
    background-color: #f3f6f9;
}

a.badge-light:hover,
a.badge-light:focus {
    color: #181c32;
    background-color: #d1dde8;
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
}

.badge-dark {
    color: #ffffff;
    background-color: #181c32;
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #ffffff;
    background-color: #070910;
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
}

.badge-white {
    color: #181c32;
    background-color: #ffffff;
}

a.badge-white:hover,
a.badge-white:focus {
    color: #181c32;
    background-color: #e6e6e6;
}

a.badge-white:focus,
a.badge-white.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.label.label-primary {
    color: #ffffff;
    background-color: #47126b;
}

.label.label-outline-primary {
    background-color: transparent;
    color: #47126b;
    border: 1px solid #47126b;
}

.label.label-outline-primary.label-outline-2x {
    border: 2px solid #47126b;
}

.label.label-light-primary {
    color: #47126b;
    background-color: #e1f0ff;
}

.label.label-secondary {
    color: #3f4254;
    background-color: #e4e6ef;
}

.label.label-outline-secondary {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #e4e6ef;
}

.label.label-outline-secondary.label-outline-2x {
    border: 2px solid #e4e6ef;
}

.label.label-light-secondary {
    color: #e4e6ef;
    background-color: #ebedf3;
}

.label.label-success {
    color: #ffffff;
    background-color: #6411ad;
}

.label.label-outline-success {
    background-color: transparent;
    color: #6411ad;
    border: 1px solid #6411ad;
}

.label.label-outline-success.label-outline-2x {
    border: 2px solid #6411ad;
}

.label.label-light-success {
    color: #6411ad;
    background-color: #c9f7f5;
}

.label.label-info {
    color: #ffffff;
    background-color: #8950fc;
}

.label.label-outline-info {
    background-color: transparent;
    color: #8950fc;
    border: 1px solid #8950fc;
}

.label.label-outline-info.label-outline-2x {
    border: 2px solid #8950fc;
}

.label.label-light-info {
    color: #8950fc;
    background-color: #eee5ff;
}

.label.label-warning {
    color: #ffffff;
    background-color: #ffa800;
}

.label.label-outline-warning {
    background-color: transparent;
    color: #ffa800;
    border: 1px solid #ffa800;
}

.label.label-outline-warning.label-outline-2x {
    border: 2px solid #ffa800;
}

.label.label-light-warning {
    color: #ffa800;
    background-color: #fff4de;
}

.label.label-danger {
    color: #ffffff;
    background-color: #f64e60;
}

.label.label-outline-danger {
    background-color: transparent;
    color: #f64e60;
    border: 1px solid #f64e60;
}

.label.label-outline-danger.label-outline-2x {
    border: 2px solid #f64e60;
}

.label.label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}

.label.label-light {
    color: #7e8299;
    background-color: #f3f6f9;
}

.label.label-outline-light {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #f3f6f9;
}

.label.label-outline-light.label-outline-2x {
    border: 2px solid #f3f6f9;
}

.label.label-light-light {
    color: #f3f6f9;
    background-color: #f3f6f9;
}

.label.label-dark {
    color: #ffffff;
    background-color: #181c32;
}

.label.label-outline-dark {
    background-color: transparent;
    color: #181c32;
    border: 1px solid #181c32;
}

.label.label-outline-dark.label-outline-2x {
    border: 2px solid #181c32;
}

.label.label-light-dark {
    color: #181c32;
    background-color: #d1d3e0;
}

.label.label-white {
    color: #3f4254;
    background-color: #ffffff;
}

.label.label-outline-white {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.label.label-outline-white.label-outline-2x {
    border: 2px solid #ffffff;
}

.label.label-light-white {
    color: #ffffff;
    background-color: #ffffff;
}

.text-white {
    color: #ffffff !important;
}

.text-primary {
    color: #47126b !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0073e9 !important;
}

.text-secondary {
    color: #fff !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #b4bad3 !important;
}

.text-success {
    color: #6411ad !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #12827c !important;
}

.text-info {
    color: #8950fc !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #5605fb !important;
}

.text-warning {
    color: #ffa800 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #b37600 !important;
}

.text-danger {
    color: #f64e60 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #ec0c24 !important;
}

.text-light {
    color: #f3f6f9 !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #c0d0e0 !important;
}

.text-dark {
    color: #181c32 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: black !important;
}

.text-white {
    color: #ffffff !important;
}

a.text-white:hover,
a.text-white:focus {
    color: #d9d9d9 !important;
}

.text-body {
    color: #3f4254 !important;
}

.text-muted {
    color: #6411ad !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.navi-text a {
    color: #3f4254;
}

.btn.btn-light-primary {
    color: #fff !important;
    background-color: #6411ad;
    border-color: transparent;
}

.bootstrap-select>.dropdown-toggle.btn-light,
.bootstrap-select>.dropdown-toggle.btn-secondary {
    background: #ffffff !important;
    color: #3f4254;
    border-color: var(--color-primary) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select>.dropdown-toggle.btn-light,
.bootstrap-select>.dropdown-toggle.btn-secondary:focus {
    border-color: var(--color-secondary) !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

/* Timeline */
.timeline {
    height: 300px;
    overflow-y: auto;
    position: relative;
}

.timeline-box {
    position: relative;
}

.timeline-line {
    position: sticky;
    left: 107px;
    top: 0;
    bottom: 0;
    height: auto;
    width: 3px;
    background-color: #ebedf3;
}

.timeline.timeline-6 .timeline-item {
    display: flex;
    align-items: center;
    position: relative;
}

.timeline.timeline-6 .timeline-item .timeline-badge {
    background: white;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;

    position: absolute;
    left: -7.5px;
    margin-top: 1px;
    margin-left: 0rem;
    padding: 3px !important;
    border: 6px solid #ffffff !important;
}

.font-size-lg.font-weight-normal.pl-3.text-muted.timeline-content {
    padding-left: 20px !important;
    border-left: 3px solid #ebedf3;
    padding-bottom: 1.7rem;
}

.timeline.timeline-6 .timeline-item .timeline-label {
    max-width: 85px;
    min-width: 85px;
    width: auto !important;
    font-size: 1rem !important;
}

.menu-tutorials {
    background: linear-gradient(90deg, #a44e8d 0%, #3e017a 100%) !important;
}

.menu-nav>.menu-tutorials.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background: transparent !important;
}

.menu-tutorials .menu-text,
.aside-menu .menu-nav>.menu-tutorials.menu-item>.menu-link .menu-icon>i {
    color: white !important;
}

.btn.btn-success.focus:not(.btn-text),
.btn.btn-success:focus:not(.btn-text),
.btn.btn-success:hover:not(.btn-text) {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.aside .aside-menu.ps>.ps__rail-y>.ps__thumb-y,
.aside .aside-menu.ps>.ps__rail-y>.ps__thumb-y:hover {
    background: var(--primary);
}

.scroll.ps>.ps__rail-y>.ps__thumb-y:hover {
    width: 5px;
}

.table td.align-center {
    vertical-align: middle;
}