.btn-secondary {
    color: #fff !important;
    background-color: #52217e ;
    border-color: #52217e ;
    box-shadow: 0 10px 20px -10px rgb(52 117 57 / 60%);
}
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active,.btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled)  {
    background-color: #52217e !important;
    border-color: #52217e !important;
}
.text-primary{
    color: #52217e !important;
}
.btn-info {
    box-shadow: 0 10px 20px -10px rgba(6, 32, 52, 0.59);
    background-color: #072033;
}
.btn-info:focus, .btn-info:hover, .btn-info:active,.btn-info.active, .btn-info:not(:disabled):not(.disabled)  {
    background-color: #072033 !important;
    border-color: #072033 !important;
}
.badge-light-primary {
    color: #072033 !important;
    background-color: #ecedf3 !important;;
    border: 1px solid #ecedf3 !important;;
}
.btn-primary {
    box-shadow: 0 10px 20px -10px rgba(6, 32, 52, 0.59);
    background-color: #072033;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active,.btn-primary.active, .btn-primary:not(:disabled):not(.disabled)  {
    background-color: #072033 !important;
    border-color: #072033 !important;
}
.btn-primary.disabled, .btn-primary.btn[disabled], .btn-primary:disabled {
    background-color: #072033 !important;
    border-color: #072033 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
div#load_screen {
    background: rgb(255, 255, 255);
}
.widget-t-sales-widget.widget-m-sales .media .icon {
    background: #52217e;
    color: #ffffff;
}
.spinner-grow {
    color: #4c2679;
}
#sidebar ul.menu-categories ul.submenu > li.active:before {
    background-color: #072033;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle[aria-expanded=true] {
    background: #072033;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle {
    background-color: #072033;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded=true] {
    background: #072033;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover{
    color: #072033;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg.custom-icon {
    color: #52217e;
    fill: #52217e;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg:not(.badge-icon){
    color: #52217e;
}
#sidebar ul.menu-categories li.menu ul.submenu > li.active a {
    color: #52217e;
}
#sidebar ul.menu-categories li.menu ul.submenu > li.active a:HOVER {
    color: #52217e !important;
}
#sidebar ul.menu-categories li.menu ul.submenu > li a:HOVER {
    color: #52217e !important;
}
#sidebar ul.menu-categories li.menu ul.submenu > li.active a:before {
    background-color: #52217e;
}
#sidebar ul.menu-categories li.menu ul.submenu > li.active a:HOVER:before  {
    background: #52217e;
}
#sidebar ul.menu-categories li.menu ul.submenu > li a:hover:before, #sidebar ul.menu-categories li.menu ul.submenu > li.active a:hover:before {
    background: #52217e;
    border: 1.9px solid #ffffff;
    background: #52217e !important;
    box-shadow: 0 0 0px 2px rgb(147 113 185 / 37%);
    border: 1.9px solid #52217e;
}
.footer-wrapper {
    background: #072033;
}
.footer-wrapper p, .footer-wrapper p a{
    color: #ffffff !important;
}
div.dataTables_wrapper div.dataTables_info {
    color: #52217e;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body p {
    color: #072033;
}
.page-item.active .page-link {
    background-color: #072033;
}
a {
    color: #072033;
}
a.theme-color{
    color: #52217e;
}
a:HOVER {
    color: #072033;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item{
    color: #072033;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:hover{
    color: #52217e;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
    color: #072033;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:HOVER {
    color: #52217e;
}

.main-container.sidebar-closed .sidebar-wrapper:hover  .nav-logo{
    width:auto !important;
}
.main-container.sidebar-closed .nav-logo{
    width:39px !important;
}

/* LOGIN */
body.login {
    background-color: #fdeff7;
    background-image: radial-gradient(#f5a9d3 0.9px, #7fb6851f 0.9px);
    background-size: 18px 18px;
}

.login .auth-overlay {
    background-image: none;
    background-color: rgb(198 124 185 / 7%) !important;
}
.login .auth-container .card .card-body {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.2);
}
/* FRONTEND */
.wrapper {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    padding-bottom: 90px;
    background-color: #fdeff7;
    background-image: radial-gradient(#f5a9d3 0.9px, #7fb6851f 0.9px);
    background-size: 18px 18px;
}
.dropdown-item:HOVER, .dropdown-item:active, .dropdown-item:focus{
    background-color: #ece8e9;
}
.dropdown-item a:HOVER, .dropdown-item a:active, .dropdown-item a:focus{
    background-color: #ede9ea;
}
.form_items {
    background: #f0ebed;
}
.table-options .table {
    background: #f8f7f8;

}
.form_items li:before {
    color: #be3882;
}
.progress .progress-bar {
    background-color: #be3882;
}
.section-title h6{
    color: #be3882;
    text-shadow: 1px 1px 1px rgba(253,253,253,0.6);
}
ul.page-breadcrumb li span {  color: #be3882; font-size: 14px; text-transform: capitalize; }
ul.page-breadcrumb {
    padding-left: 0px; background: #fffefb;
    padding: 0.5rem;
    border-radius: 10px;
    box-shadow: 1px 1px 12px 6px rgba(0,0,0,0.03);
    -webkit-box-shadow: 1px 1px 12px 6px rgba(0,0,0,0.03);
    -moz-box-shadow: 1px 1px 12px 6px rgba(0,0,0,0.03);
}
ul.page-breadcrumb li { color: #072033; display: inline-block; list-style: none; }
ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;}
ul.page-breadcrumb li a { color: #072033; font-size: 14px; text-transform: capitalize; }
ul.page-breadcrumb li a:hover {  color: #be3882; }
.feature-icon-resource i {
    font-size:3rem;
    color:#be3882;
}
.cancel_btn {
    color: #52217e !important;
    font-size: 1.25rem;
    font-weight: 800;
    padding: 0.9375rem 1.5625rem;
    outline: none;
    background-color: #ffffff!important;
    margin-right: 0.625rem;
    margin-bottom: 2rem;
    -webkit-transition: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    border:none;
    font-size: 1.0rem;
}
.cancel_btn:HOVER{
    border-color: #52217e !important;
}
.f_btn
{
    background-color: #dbbbcd !important;
    color:#000a38 !important;
}
.f_btn:HOVER{
    color:#ffffff !important;
    background-color: #52217e !important;
}
.f_btn:ACTIVE, .f_btn:FOCUS {
    color:#000a38;
    background-color: #dbbbcd;
}

.media-body p{
    font-size: 0.9rem;
}
.media-body a.primary{
    color:#52217e !important;
}
.navbar-toggler {
    background-color: #4c2679 !important;
}
.navbar-toggler:focus {
   box-shadow: none;
}

.f_btn_reverse
{
    background-color: #52217e !important;
    color:#ffffff !important;
}
.f_btn_reverse:HOVER{
    color:#000a38 !important;
    background-color: #dbbbcd !important;
}
.f_btn_reverse:ACTIVE, .f_btn:FOCUS {
    color:#ffffff;
    background-color: #52217e;
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form-range:focus {
    outline: 0;
  }
  .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-range::-moz-focus-outer {
    border: 0;
  }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #be3882;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }
  .form-range::-webkit-slider-thumb:active {
    background-color: #dd80b4;
  }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #be3882;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }
  .form-range::-moz-range-thumb:active {
    background-color: #dd80b4;
  }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range:disabled {
    pointer-events: none;
  }
  .form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
  }
  .form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
  }