@charset "UTF-8";
/*----------- Header -------------*/
/*---Heade-color---*/
.color-header .country-selector .nav-link {
  color: #fff !important;
}
.color-header .country-selector {
  padding: 0.3rem;
  border-right: 1px solid #7d67d4 !important;
}
@media (min-width: 992px) {
  .color-header .hor-header .demo-icon {
    border-right: 1px solid #7d67d4 !important;
  }
  .color-header .nav-link.theme-layout {
    border-left: 1px solid #7d67d4 !important;
  }
}
.color-header .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.color-header .profile-dropdown {
  border-right: 1px solid #7d67d4 !important;
}
.color-header .collapse:not(.show) {
  display: none;
  background: transparent;
}
.color-header .header {
  background: #b20215;
}
.color-header .app-sidebar__toggle {
  border-right: 1px solid #7d67d4;
}
.color-header .app-header {
  border-bottom: 1px solid #7d67d4 !important;
}
.color-header .header-icon {
  fill: #fff !important;
}
.color-header .header .form-inline .form-control {
  background: #b20215;
  color: #fff;
}
.color-header .form-control::-moz-placeholder {
  color: #ffffff !important;
}
.color-header .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}
.color-header .form-control::placeholder {
  color: #ffffff !important;
}
.color-header.dark-mode .form-control::-moz-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.color-header.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.color-header.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.color-header .nav-link.icon .header-icon {
  background: transparent;
}
.color-header .header .main-header-end .nav-link.icon {
  border-right: 1px solid #7d67d4;
}
.color-header #fullscreen-button {
  border-left: 1px solid #7d67d4;
}
.color-header .hor-header .form-control {
  border: 1px solid #7d67d4 !important;
}
.color-header .hor-header .search-element .btn {
  background-color: transparent !important;
}
@media (max-width: 992px) {
  .color-header .hor-header .form-control:focus {
    border-color: #32394e !important;
  }
  .color-header .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .color-header .hor-header .animated-arrow span:before, .color-header .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
}
.color-header .hor-header .desktop-lgo, .color-header .hor-header .mobile-logo, .color-header .hor-header .darkmobile-logo {
  display: none !important;
}
.color-header .hor-header .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.color-header .hor-header .form-inline .btn .search-icon {
  fill: #ccd4e0 !important;
}
@media (min-width: 767px) {
  .color-header .hor-header .profile-dropdown img {
    box-shadow: 0 0 0 4px #755dd3;
    border: 2px solid #755dd3;
  }
  .color-header .profile-dropdown img {
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #755dd3;
  }
}
@media (max-width: 767px) {
  .color-header .country-selector .nav-link {
    color: #6c756e !important;
  }
  .color-header .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #e6ebf1 !important;
  }
  .color-header.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .color-header.dark-mode .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #32394e !important;
  }
  .color-header .demo-icon svg {
    fill: #fff !important;
  }
  .color-header .header-icon.settings-icon {
    fill: #fff !important;
  }
  .color-header.dark-mode .header-icon.settings-icon {
    fill: #fff !important;
  }
  .color-header .profile-dropdown {
    border-right: 1px solid #e6ebf1 !important;
  }
  .color-header.dark-mode .profile-dropdown {
    border-right: 1px solid #32394e !important;
  }
  .color-header .hor-header .navbar-toggler {
    top: -10px;
  }
  .color-header .hor-header .animated-arrow span {
    background: #ffffff;
  }
  .color-header .hor-header .animated-arrow span:before, .color-header .hor-header .animated-arrow span:after {
    background: #ffffff;
  }
  .color-header .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .color-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #e6ebf1;
  }
  .color-header.dark-mode .header .main-header-end .nav-link.icon {
    border-right: 1px solid #32394e;
  }
  .color-header.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .color-header .theme-layout {
    border-left: 0px !important;
  }
  .color-header .desktop-lgo, .color-header .darkmobile-logo, .color-header .mobile-logo {
    display: none !important;
  }
  .color-header .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .color-header .header-icon {
    fill: #555b6d !important;
  }
  .color-header .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .color-header .nav-link.icon .header-icon {
    background: transparent;
  }
  .color-header .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .color-header .hader-message {
    margin-left: 0px;
  }
  .color-header.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}
.color-header .navbar-toggler-icon {
  color: #fff;
}
.color-header .navbar-toggler:focus {
  box-shadow: none;
}

.dark-header .country-selector .nav-link {
  color: #fff !important;
}
.dark-header .country-selector {
  padding: 0.3rem;
  border-right: 1px solid #32394e !important;
}
@media (min-width: 992px) {
  .dark-header .hor-header .demo-icon {
    border-right: 1px solid #32394e !important;
  }
  .dark-header .nav-link.theme-layout {
    border-left: 1px solid #32394e !important;
  }
}
.dark-header .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-header .hor-header .desktop-lgo, .dark-header .hor-header .darkmobile-logo, .dark-header .hor-header .mobile-logo {
  display: none !important;
}
.dark-header .hor-header .dark-logo {
  display: block !important;
}
@media (max-width: 992px) {
  .dark-header .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .dark-header .hor-header .animated-arrow span:before, .dark-header .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
  .dark-header .hor-header .theme-layout {
    border-left: 0px !important;
  }
}
.dark-header .profile-dropdown {
  border-right: 1px solid #32394e !important;
}
@media (min-width: 768px) {
  .dark-header .hor-header .header-search {
    border: 1px solid #32394e !important;
  }
  .dark-header .hor-header .search-element .btn {
    background-color: transparent !important;
  }
  .dark-header .hor-header .search-element .btn .search-icon {
    fill: #ccd4e0 !important;
  }
  .dark-header .profile-dropdown img {
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #32394e;
  }
}
.dark-header .collapse:not(.show) {
  display: none;
  background: transparent;
}
.dark-header .header {
  background: #2a2e3f;
}
.dark-header .app-sidebar__toggle {
  border-right: 1px solid #32394e;
}
.dark-header .app-header {
  border-bottom: 1px solid #32394e !important;
}
.dark-header .header-icon {
  fill: #fff !important;
}
.dark-header .header .form-inline .form-control {
  background: #2a2e3f;
  color: #fff;
}
.dark-header .form-control::-moz-placeholder {
  color: #ffffff !important;
}
.dark-header .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}
.dark-header .form-control::placeholder {
  color: #ffffff !important;
}
.dark-header.dark-mode .form-control::-moz-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.dark-header.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.dark-header.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.dark-header .nav-link.icon .header-icon {
  background: transparent;
}
.dark-header .header .main-header-end .nav-link.icon {
  border-right: 1px solid #32394e;
}
.dark-header #fullscreen-button {
  border-left: 1px solid #32394e;
}
@media (max-width: 767px) {
  .dark-header .country-selector .nav-link {
    color: #6c756e !important;
  }
  .dark-header .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #e6ebf1 !important;
  }
  .dark-header.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .dark-header.dark-mode .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #32394e !important;
  }
  .dark-header .demo-icon svg {
    fill: #fff !important;
  }
  .dark-header .profile-dropdown {
    border-right: 1px solid #e6ebf1 !important;
  }
  .dark-header.dark-mode .profile-dropdown {
    border-right: 1px solid #32394e !important;
  }
  .dark-header .header-icon.settings-icon {
    fill: #fff !important;
  }
  .dark-header .profile-dropdown img {
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #e6ebf1;
  }
  .dark-header .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .dark-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #e6ebf1;
  }
  .dark-header.dark-mode .header .main-header-end .nav-link.icon {
    border-right: 1px solid #32394e;
  }
  .dark-header.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .dark-header .theme-layout {
    border-left: 0px !important;
  }
  .dark-header .desktop-lgo, .dark-header .darkmobile-logo, .dark-header .mobile-logo {
    display: none !important;
  }
  .dark-header .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .dark-header .header-icon {
    fill: #555b6d !important;
  }
  .dark-header .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .dark-header .nav-link.icon .header-icon {
    background: transparent;
  }
  .dark-header .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .dark-header .hader-message {
    margin-left: 0px;
  }
  .dark-header.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}
.dark-header .navbar-toggler-icon {
  color: #fff;
}
.dark-header .navbar-toggler:focus {
  box-shadow: none;
}

.light-header .country-selector .nav-link {
  color: #6c756e !important;
}
.light-header .country-selector {
  padding: 0.3rem;
  border-right: 1px solid #e6ebf1 !important;
}
@media (min-width: 992px) {
  .light-header .hor-header .demo-icon {
    border-right: 1px solid #e6ebf1 !important;
  }
  .light-header .nav-link.theme-layout {
    border-left: 1px solid #e6ebf1 !important;
  }
}
.light-header .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.light-header.dark-mode .profile-dropdown {
  margin-top: 1px;
  border-right: 1px solid #e6ebf1 !important;
}
.light-header .profile-dropdown img {
  box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
  border: 2px solid #e6ebf1;
}
.light-header .collapse:not(.show) {
  display: none;
  background: transparent;
}
.light-header .header {
  background: #fff;
}
.light-header .app-sidebar__toggle {
  border-right: 1px solid #e6ebf1;
}
.light-header .app-header {
  border-bottom: 1px solid #e6ebf1 !important;
}
.light-header .header-icon {
  fill: #555b6d !important;
}
.light-header .header .form-inline .form-control {
  background: #fff;
  color: #8c97a9;
}
.light-header .form-control::-moz-placeholder {
  color: #bcc1c4 !important;
}
.light-header .form-control:-ms-input-placeholder {
  color: #bcc1c4 !important;
}
.light-header .form-control::placeholder {
  color: #bcc1c4 !important;
}
.light-header.dark-mode .form-control::-moz-placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}
.light-header.dark-mode .form-control:-ms-input-placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}
.light-header.dark-mode .form-control::placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}
.light-header .nav-link.icon .header-icon {
  background: transparent;
}
.light-header .header .main-header-end .nav-link.icon {
  border-right: 1px solid #e6ebf1;
}
.light-header #fullscreen-button {
  border-left: 1px solid #e6ebf1;
}
.light-header.dark-mode .search-element .search-icon {
  fill: #555b6d !important;
}
.light-header .hor-header .form-control {
  border: 1px solid #e6ebf1 !important;
}
.light-header .hor-header .search-element .btn {
  background-color: #b20215 !important;
}
@media (max-width: 992px) {
  .light-header .hor-header .form-control:focus {
    border-color: #e6ebf1 !important;
  }
}
.light-header .hor-header .dark-logo, .light-header .hor-header .mobile-logo, .light-header .hor-header .darkmobile-logo {
  display: none !important;
}
.light-header .hor-header .desktop-lgo {
  display: block !important;
}
.light-header .hor-header .form-inline .btn .search-icon {
  fill: #ccd4e0 !important;
}
@media (min-width: 767px) {
  .light-header .hor-header .profile-dropdown img {
    box-shadow: 0 0 0 4px #e6ebf1;
    border: 2px solid #e6ebf1;
  }
}
@media (max-width: 767px) {
  .light-header.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .light-header.dark-mode .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #32394e !important;
  }
  .light-header.dark-mode .demo-icon svg {
    fill: #555b6d !important;
  }
  .light-header.dark-mode .profile-dropdown {
    border-right: 1px solid #32394e !important;
  }
  .light-header .hor-header .navbar-toggler {
    top: -10px;
  }
  .light-header .hor-header .animated-arrow span {
    background: #b20215;
  }
  .light-header .hor-header .animated-arrow span:before, .light-header .hor-header .animated-arrow span:after {
    background: #b20215;
  }
  .light-header .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .light-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #e6ebf1;
  }
  .light-header.dark-mode .header .main-header-end .nav-link.icon {
    border-right: 1px solid #32394e;
  }
  .light-header.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .light-header .theme-layout {
    border-left: 0px !important;
  }
  .light-header .dark-logo, .light-header .darkmobile-logo, .light-header .mobile-logo {
    display: none !important;
  }
  .light-header .header-brand-img.desktop-lgo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .light-header.dark-mode .dark-logo, .light-header.dark-mode .darkmobile-logo, .light-header.dark-mode .mobile-logo {
    display: none !important;
  }
  .light-header.dark-mode .header-brand-img.desktop-lgo {
    display: block !important;
    margin: 0 auto;
  }
  .light-header .header-icon {
    fill: #555b6d !important;
  }
  .light-header .app-sidebar__toggle .header-icon {
    fill: #555b6d !important;
  }
  .light-header .nav-link.icon .header-icon {
    background: transparent;
  }
  .light-header .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .light-header .hader-message {
    margin-left: 0px;
  }
  .light-header.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
  .light-header.dark-mode .app-sidebar__toggle .header-icon {
    fill: #555b6d !important;
  }
}
.light-header .navbar-toggler-icon {
  color: #b20215;
}
.light-header .navbar-toggler:focus {
  box-shadow: none;
}

.gradient-header .country-selector .nav-link {
  color: #fff !important;
}
.gradient-header .country-selector {
  padding: 0.3rem;
  border-right: 1px solid #755dd3 !important;
}
@media (min-width: 992px) {
  .gradient-header .hor-header .header-search {
    border: 1px solid #755dd3 !important;
  }
  .gradient-header .hor-header .demo-icon {
    border-right: 1px solid #7d67d4 !important;
  }
  .gradient-header .nav-link.theme-layout {
    border-left: 1px solid #7d67d4 !important;
  }
}
.gradient-header .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.gradient-header .hor-header .desktop-lgo, .gradient-header .hor-header .darkmobile-logo, .gradient-header .hor-header .mobile-logo {
  display: none !important;
}
.gradient-header .hor-header .dark-logo {
  display: block !important;
}
@media (max-width: 992px) {
  .gradient-header .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .gradient-header .hor-header .animated-arrow span:before, .gradient-header .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
  .gradient-header .hor-header .hor-header .header-search {
    border: 1px solid #e6ebf1 !important;
  }
}
.gradient-header .profile-dropdown {
  border-right: 1px solid #7d67d4 !important;
}
.gradient-header .collapse:not(.show) {
  display: none;
  background: transparent;
}
.gradient-header .header {
  background-image: linear-gradient(to right, #513da0, #b20215) !important;
}
.gradient-header .app-sidebar__toggle {
  border-right: 1px solid #7d67d4;
}
.gradient-header .app-header {
  border-bottom: 1px solid #7d67d4 !important;
}
.gradient-header .header-icon {
  fill: #fff !important;
}
.gradient-header .header .form-inline .form-control {
  background: transparent;
  color: #fff;
}
.gradient-header .form-control::-moz-placeholder {
  color: #ffffff !important;
}
.gradient-header .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}
.gradient-header .form-control::placeholder {
  color: #ffffff !important;
}
.gradient-header.dark-mode .form-control::-moz-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.gradient-header.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.gradient-header.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}
.gradient-header .nav-link.icon .header-icon {
  background: transparent;
}
.gradient-header .header .main-header-end .nav-link.icon {
  border-right: 1px solid #7d67d4;
}
.gradient-header #fullscreen-button {
  border-left: 1px solid #7d67d4;
}
@media (min-width: 767px) {
  .gradient-header .profile-dropdown img {
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #755dd3;
  }
  .gradient-header .form-control::-moz-placeholder {
    color: #ffffff !important;
  }
  .gradient-header .form-control:-ms-input-placeholder {
    color: #ffffff !important;
  }
  .gradient-header .form-control::placeholder {
    color: #ffffff !important;
  }
  .gradient-header .hor-header .search-element .btn {
    background-color: transparent !important;
  }
  .gradient-header .hor-header .search-element .btn .search-icon {
    fill: #ccd4e0 !important;
  }
}
@media (max-width: 767px) {
  .gradient-header .country-selector .nav-link {
    color: #6c756e !important;
  }
  .gradient-header .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #e6ebf1 !important;
  }
  .gradient-header.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .gradient-header.dark-mode .country-selector {
    padding: 0.3rem;
    border-right: 1px solid #32394e !important;
  }
  .gradient-header .demo-icon svg {
    fill: #fff !important;
  }
  .gradient-header .header-icon.settings-icon {
    fill: #fff !important;
  }
  .gradient-header.dark-mode .header-icon.settings-icon {
    fill: #fff !important;
  }
  .gradient-header .profile-dropdown {
    border-right: 1px solid #e6ebf1 !important;
  }
  .gradient-header.dark-mode .profile-dropdown {
    border-right: 1px solid #32394e !important;
  }
  .gradient-header .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .gradient-header .header .main-header-end .nav-link.icon {
    border-right: 1px solid #e6ebf1;
  }
  .gradient-header.dark-mode .header .main-header-end .nav-link.icon {
    border-right: 1px solid #32394e;
  }
  .gradient-header.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .gradient-header .theme-layout {
    border-left: 0px !important;
  }
  .gradient-header .desktop-lgo, .gradient-header .darkmobile-logo, .gradient-header .mobile-logo {
    display: none !important;
  }
  .gradient-header .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .gradient-header .header-icon {
    fill: #555b6d !important;
  }
  .gradient-header .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .gradient-header .nav-link.icon .header-icon {
    background: transparent;
  }
  .gradient-header .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .gradient-header .hader-message {
    margin-left: 0px;
  }
  .gradient-header.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}
.gradient-header .navbar-toggler-icon {
  color: #fff;
}
.gradient-header .navbar-toggler:focus {
  box-shadow: none;
}

.color-menu .sub-side-menu__label2 {
  color: #ccd4e0;
}
.color-menu .sub-angle2 {
  color: #ccd4e0;
}
.color-menu .sub-slide-item2 {
  color: #ccd4e0;
}
.color-menu .slide-menu a.active {
  color: #ffffff !important;
}
.color-menu .sub-side-menu__item {
  color: #ccd4e0;
}
.color-menu .sub-slide-item {
  color: #ccd4e0;
}
.color-menu .desktop-lgo {
  display: none;
}
.color-menu .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.color-menu .app-sidebar {
  background: #b20215 !important;
}
.color-menu .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-right: 1px solid #755dd3;
  background: #b20215;
  padding: 14px 40px;
}
.color-menu .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}
.color-menu .app-sidebar {
  border-right: 1px solid #755dd3;
}
.color-menu .app-sidebar__user {
  border-bottom: 1px solid #755dd3;
}
.color-menu .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}
.color-menu .app-sidebar__user .user-pic img {
  border: 3px solid #755dd3;
  box-shadow: 0 0 0 4px #755dd3;
}
.color-menu .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}
.color-menu .app-sidebar {
  border-top: 1px solid #755dd3;
}
.color-menu .user-info h5 {
  color: #ccd4e0;
}
.color-menu .side-menu__item.active, .color-menu .side-menu__item:hover, .color-menu .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}
.color-menu .side-menu__item.active .side-menu__label, .color-menu .side-menu__item:hover .side-menu__label, .color-menu .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}
.color-menu .side-menu__item.active .side-menu__icon, .color-menu .side-menu__item:hover .side-menu__icon, .color-menu .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}
.color-menu .side-menu__item.active i, .color-menu .side-menu__item:hover i, .color-menu .side-menu__item:focus i {
  color: #fff !important;
}
.color-menu .side-menu__label {
  color: #ccd4e0 !important;
}
.color-menu .side-menu__icon {
  fill: #ccd4e0 !important;
}
.color-menu .side-menu__item i {
  color: #ccd4e0;
}
.color-menu .slide-item {
  color: #ccd4e0;
}
.color-menu.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}
@media (min-width: 768px) {
  .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #755dd3 !important;
  }
  .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #755dd3 !important;
  }
  .color-menu.sidenav-toggled .desktop-lgo, .color-menu.sidenav-toggled .dark-logo, .color-menu.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .color-menu.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .color-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo, .color-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo, .color-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .color-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .color-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 14px 40px;
  }
  .color-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .color-menu .app-sidebar__logo {
    border-right: 1px solid #755dd3 !important;
  }
}

.dark-menu .sub-side-menu__label2 {
  color: #ccd4e0;
}
.dark-menu .sub-angle2 {
  color: #ccd4e0;
}
.dark-menu .sub-slide-item2 {
  color: #ccd4e0;
}
.dark-menu .slide-menu a.active {
  color: #ffffff !important;
}
.dark-menu .sub-side-menu__item {
  color: #ccd4e0;
}
.dark-menu .sub-slide-item {
  color: #ccd4e0;
}
.dark-menu .desktop-lgo {
  display: none;
}
.dark-menu .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.dark-menu .app-sidebar {
  background: #2a2e3f !important;
}
.dark-menu .app-sidebar__logo {
  border-bottom: 1px solid #32394e;
  border-right: 1px solid #32394e;
  background: #2a2e3f;
  padding: 14px 40px;
}
.dark-menu .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}
.dark-menu .app-sidebar {
  border-right: 1px solid #32394e;
}
.dark-menu .app-sidebar__user {
  border-bottom: 1px solid #32394e;
}
.dark-menu .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}
.dark-menu .app-sidebar__user .user-pic img {
  border: 3px solid #32394e;
  box-shadow: 0 0 0 4px #32394e;
}
.dark-menu .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}
.dark-menu .app-sidebar {
  border-top: 1px solid #32394e;
}
.dark-menu .user-info h5 {
  color: #ccd4e0;
}
.dark-menu .side-menu__item.active, .dark-menu .side-menu__item:hover, .dark-menu .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}
.dark-menu .side-menu__item.active .side-menu__label, .dark-menu .side-menu__item:hover .side-menu__label, .dark-menu .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}
.dark-menu .side-menu__item.active .side-menu__icon, .dark-menu .side-menu__item:hover .side-menu__icon, .dark-menu .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}
.dark-menu .side-menu__item.active i, .dark-menu .side-menu__item:hover i, .dark-menu .side-menu__item:focus i {
  color: #fff !important;
}
.dark-menu .side-menu__label {
  color: #ccd4e0 !important;
}
.dark-menu .side-menu__icon {
  fill: #ccd4e0 !important;
}
.dark-menu .side-menu__item i {
  color: #ccd4e0;
}
.dark-menu .slide-item {
  color: #ccd4e0;
}
.dark-menu.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}
@media (min-width: 768px) {
  .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #32394e !important;
  }
  .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #32394e !important;
  }
  .dark-menu.sidenav-toggled .desktop-lgo, .dark-menu.sidenav-toggled .dark-logo, .dark-menu.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .dark-menu.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .dark-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo, .dark-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo, .dark-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .dark-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .dark-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 14px 40px;
  }
  .dark-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .dark-menu .app-sidebar__logo {
    border-right: 1px solid #32394e !important;
  }
}

.light-menu .side-menu__item:hover .angle {
  color: #6c756e !important;
}
.light-menu.dark-mode .hor-header .desktop-lgo {
  display: none !important;
}
.light-menu.dark-mode .hor-header .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.light-menu .desktop-lgo {
  display: none;
}
.light-menu .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.light-menu .app-sidebar {
  background: #fff !important;
}
.light-menu .app-sidebar__logo {
  border-bottom: 1px solid #e6ebf1;
  border-right: 1px solid #e6ebf1;
  background: #fff;
  padding: 14px 40px;
}
.light-menu .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}
.light-menu .app-sidebar {
  border-right: 1px solid #e6ebf1;
}
.light-menu .app-sidebar__user {
  border-bottom: 1px solid #e6ebf1;
}
.light-menu .slide.is-expanded .slide-menu li a:hover {
  color: #b20215;
}
.light-menu .app-sidebar__user .user-pic img {
  border: 3px solid #e6ebf1;
  box-shadow: 0 0 0 4px #e6ebf1;
}
.light-menu .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}
.light-menu .side-menu__item.active, .light-menu .side-menu__item:hover, .light-menu .side-menu__item:focus {
  background: #f5f6f8;
  color: #b20215 !important;
}
.light-menu .side-menu__item.active .side-menu__label, .light-menu .side-menu__item:hover .side-menu__label, .light-menu .side-menu__item:focus .side-menu__label {
  color: #b20215 !important;
}
.light-menu .side-menu__item.active .side-menu__icon, .light-menu .side-menu__item:hover .side-menu__icon, .light-menu .side-menu__item:focus .side-menu__icon {
  fill: #b20215 !important;
}
.light-menu .side-menu__item.active i, .light-menu .side-menu__item:hover i, .light-menu .side-menu__item:focus i {
  color: #b20215 !important;
}
.light-menu .side-menu__label {
  color: #6c756e !important;
}
.light-menu .side-menu__icon {
  fill: #555b6d !important;
}
.light-menu .side-menu__item i {
  color: #6c756e;
}
.light-menu .slide-item {
  color: #6c756e;
}
.light-menu.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}
.light-menu .darkmobile-logo, .light-menu .dark-logo, .light-menu .mobile-logo {
  display: none !important;
}
.light-menu .desktop-lgo {
  display: block !important;
  margin: 0 auto;
}
.light-menu .side-item.side-item-category {
  color: #9993b5 !important;
}
.light-menu .text-muted {
  color: #adb1c5 !important;
}
.light-menu.dark-mode .user-info h5 {
  color: #6c756e !important;
}
@media (min-width: 768px) {
  .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #e6ebf1 !important;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #e6ebf1 !important;
  }
  .light-menu.sidenav-toggled .darkmobile-logo, .light-menu.sidenav-toggled .dark-logo, .light-menu.sidenav-toggled .desktop-lgo {
    display: none !important;
  }
  .light-menu.sidenav-toggled .mobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #e6ebf1 !important;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo, .light-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo, .light-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: none !important;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo {
    display: block !important;
    margin: 0 auto;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 14px 40px;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
}

.gradient-menu .sub-side-menu__label2 {
  color: #ccd4e0;
}
.gradient-menu .sub-angle2 {
  color: #ccd4e0;
}
.gradient-menu .sub-slide-item2 {
  color: #ccd4e0;
}
.gradient-menu .slide-menu a.active {
  color: #ffffff !important;
}
.gradient-menu .sub-side-menu__item {
  color: #ccd4e0;
}
.gradient-menu .sub-slide-item {
  color: #ccd4e0;
}
.gradient-menu .desktop-lgo {
  display: none;
}
.gradient-menu .dark-logo {
  display: block !important;
  margin: 0 auto;
}
.gradient-menu .app-sidebar {
  background-image: linear-gradient(to bottom, #513da0, #b20215) !important;
}
.gradient-menu .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-right: 1px solid #755dd3;
  background: #5540a8;
  padding: 14px 40px;
}
.gradient-menu .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}
.gradient-menu .app-sidebar {
  border-right: 1px solid #755dd3;
}
.gradient-menu .app-sidebar__user {
  border-bottom: 1px solid #755dd3;
}
.gradient-menu .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}
.gradient-menu .app-sidebar__user .user-pic img {
  border: 3px solid #755dd3;
  box-shadow: 0 0 0 4px #755dd3;
}
.gradient-menu .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}
.gradient-menu .app-sidebar {
  border-top: 1px solid #755dd3;
}
.gradient-menu .user-info h5 {
  color: #ccd4e0;
}
.gradient-menu .side-menu__item.active, .gradient-menu .side-menu__item:hover, .gradient-menu .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}
.gradient-menu .side-menu__item.active .side-menu__label, .gradient-menu .side-menu__item:hover .side-menu__label, .gradient-menu .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}
.gradient-menu .side-menu__item.active .side-menu__icon, .gradient-menu .side-menu__item:hover .side-menu__icon, .gradient-menu .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}
.gradient-menu .side-menu__item.active i, .gradient-menu .side-menu__item:hover i, .gradient-menu .side-menu__item:focus i {
  color: #fff !important;
}
.gradient-menu .side-menu__label {
  color: #ccd4e0 !important;
}
.gradient-menu .side-menu__icon {
  fill: #ccd4e0 !important;
}
.gradient-menu .side-menu__item i {
  color: #ccd4e0;
}
.gradient-menu .slide-item {
  color: #ccd4e0;
}
.gradient-menu.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}
@media (min-width: 768px) {
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #755dd3 !important;
  }
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #755dd3 !important;
  }
  .gradient-menu.sidenav-toggled .desktop-lgo, .gradient-menu.sidenav-toggled .dark-logo, .gradient-menu.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .gradient-menu.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .desktop-lgo, .gradient-menu.sidenav-toggled.sidenav-toggled1 .darkmobile-logo, .gradient-menu.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 14px 40px;
  }
  .gradient-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .gradient-menu .app-sidebar__logo {
    border-right: 1px solid #755dd3 !important;
  }
}

/*--Boxed--*/
@media (min-width: 1025px) {
  body.layout-boxed {
    background: #cfd1e2;
  }

  body.layout-boxed.dark-mode {
    background: #414165;
  }

  .layout-boxed .page {
    width: 1400px;
    margin: 0 auto;
    background: #f2f3f9;
    position: relative;
    display: flex;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;
  }
  .layout-boxed .app-header.header {
    width: 1400px !important;
    margin: 0 auto;
  }
  .layout-boxed .app-sidebar {
    left: auto !important;
  }
  .layout-boxed .side-header {
    left: auto !important;
    right: auto !important;
  }
  .layout-boxed h3.number-font {
    font-size: 1.8rem;
  }
  .layout-boxed .sticky-pin .horizontal-main.hor-menu {
    width: 1400px !important;
  }
  .layout-boxed .hor-content .container, .layout-boxed .hor-header .container, .layout-boxed .horizontal-main.hor-menu .container {
    max-width: 95%;
  }
  .layout-boxed .recent-activity {
    height: 430px !important;
  }

  .dark-mode.layout-boxed .page {
    background: #22223d;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
  }
}
/*--- Scrollabel-header ----*/
.scrollable-layout .app-header {
  position: absolute !important;
}
.scrollable-layout .app-sidebar {
  position: absolute;
}
.scrollable-layout .app-sidebar__logo {
  position: absolute;
}
.scrollable-layout .page {
  position: relative;
}
.scrollable-layout .sticky.sticky-pin {
  position: absolute;
}

.light-hormenu.dark-mode .dark-mode .hor-header {
  border-bottom: 0px !important;
}
.light-hormenu.dark-mode .horizontal-main.hor-menu {
  background-color: #fff !important;
}
.light-hormenu .hor-icon {
  color: #b20215 !important;
  fill: #555b6d !important;
}
.light-hormenu .hor-menu a {
  color: #6c756e;
}
.light-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
  background: #f5f6f8;
  box-shadow: none;
  color: #b20215;
}
.light-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #f5f6f8;
  box-shadow: none;
  color: #b20215;
}
@media only screen and (max-width: 992px) {
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list {
    background: #fff !important;
  }
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #6c756e;
  }
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #b20215;
  }
  .light-hormenu.dark-mode .mega-menubg {
    background: #f0f0f8 !important;
  }
  .light-hormenu.dark-mode .horizontalMenu-list > li {
    color: #f0f0f8 !important;
  }
  .light-hormenu.dark-mode .mega-menubg {
    background: #f0f0f8 !important;
  }
  .light-hormenu.dark-mode .mega-menubg h3 {
    color: #6c756e;
  }
  .light-hormenu.dark-mode .mega-menubg .link-list li a {
    color: #6c756e !important;
  }
  .light-hormenu.dark-mode .mega-menubg .link-list li a:hover {
    color: #b20215 !important;
  }
  .light-hormenu.dark-mode li ul.sub-menu {
    background-color: #f0f0f8 !important;
    color: #6c756e !important;
  }
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #6c756e;
  }
  .light-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #b20215 !important;
  }
}

.dark-hormenu .horizontal-main.hor-menu {
  background-color: #2a2e3f !important;
}
.dark-hormenu .hor-icon {
  color: #ccd4e0 !important;
  fill: #ccd4e0 !important;
}
.dark-hormenu .hor-menu a {
  color: #ccd4e0;
}
.dark-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
.dark-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .dark-hormenu .horizontal-megamenu .link-list li h3 {
    color: #d8dbec !important;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list {
    background: #2a2e3f !important;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #ccd4e0;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #ccd4e0;
  }
  .dark-hormenu .mega-menubg {
    background: #2a2e3f !important;
  }
  .dark-hormenu .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .dark-hormenu .mega-menubg {
    background: #2a2e3f !important;
  }
  .dark-hormenu .mega-menubg h3 {
    color: #ccd4e0;
  }
  .dark-hormenu .mega-menubg .link-list li a {
    color: #ccd4e0 !important;
  }
  .dark-hormenu .mega-menubg .link-list li a:hover {
    color: #fff !important;
  }
  .dark-hormenu li ul.sub-menu {
    background-color: #2a2e3f !important;
    color: #ccd4e0 !important;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #ccd4e0 !important;
  }
  .dark-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fff !important;
  }
}

.color-hormenu .horizontal-main.hor-menu {
  background-color: #b20215 !important;
}
.color-hormenu .hor-icon {
  color: #ccd4e0 !important;
  fill: #ccd4e0 !important;
}
.color-hormenu .hor-menu a {
  color: #ccd4e0;
}
.color-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
.color-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .color-hormenu .horizontal-megamenu .link-list li h3 {
    color: #d8dbec !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list {
    background: #b20215 !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #ccd4e0;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #ccd4e0;
  }
  .color-hormenu .mega-menubg {
    background: #b20215 !important;
  }
  .color-hormenu .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .color-hormenu .mega-menubg {
    background: #b20215 !important;
  }
  .color-hormenu .mega-menubg h3 {
    color: #ccd4e0;
  }
  .color-hormenu .mega-menubg .link-list li a {
    color: #ccd4e0 !important;
  }
  .color-hormenu .mega-menubg .link-list li a:hover {
    color: #fff !important;
  }
  .color-hormenu li ul.sub-menu {
    background-color: #b20215 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #ccd4e0 !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fff !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list {
    background: #b20215 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #ccd4e0;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #ccd4e0;
  }
  .color-hormenu.dark-mode .mega-menubg {
    background: #b20215 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .mega-menubg {
    background: #b20215 !important;
  }
  .color-hormenu.dark-mode .mega-menubg h3 {
    color: #ccd4e0;
  }
  .color-hormenu.dark-mode .mega-menubg .link-list li a {
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .mega-menubg .link-list li a:hover {
    color: #fff !important;
  }
  .color-hormenu.dark-mode li ul.sub-menu {
    background-color: #b20215 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode li ul.sub-menu:hover {
    background-color: #b20215 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fff !important;
  }
}

.gradient-hormenu .horizontal-main.hor-menu {
  background-image: linear-gradient(to right, #513da0, #b20215) !important;
}
.gradient-hormenu .hor-icon {
  color: #ccd4e0 !important;
  fill: #ccd4e0 !important;
}
.gradient-hormenu .hor-menu a {
  color: #ccd4e0;
}
.gradient-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
.gradient-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  box-shadow: none;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .gradient-hormenu .horizontal-megamenu .link-list li h3 {
    color: #d8dbec !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list {
    background: #b20215 !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #ccd4e0;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #ccd4e0;
  }
  .gradient-hormenu .mega-menubg {
    background: #b20215 !important;
  }
  .gradient-hormenu .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .mega-menubg {
    background: #b20215 !important;
  }
  .gradient-hormenu .mega-menubg h3 {
    color: #ccd4e0;
  }
  .gradient-hormenu .mega-menubg .link-list li a {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .mega-menubg .link-list li a:hover {
    color: #fff !important;
  }
  .gradient-hormenu li ul.sub-menu {
    background-color: #b20215 !important;
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fff !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list {
    background-image: linear-gradient(to right, #513da0, #b20215) !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list .sub-icon {
    color: #ccd4e0;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
    color: #ccd4e0;
  }
  .gradient-hormenu.dark-mode .mega-menubg {
    background: #b20215 !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .mega-menubg {
    background: #b20215 !important;
  }
  .gradient-hormenu.dark-mode .mega-menubg h3 {
    color: #ccd4e0;
  }
  .gradient-hormenu.dark-mode .mega-menubg .link-list li a {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .mega-menubg .link-list li a:hover {
    color: #fff !important;
  }
  .gradient-hormenu.dark-mode li ul.sub-menu {
    background-color: #b20215 !important;
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    box-shadow: none !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fff !important;
  }
}

.light-header.light-hormenu .hor-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dark-header.dark-hormenu .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .bg-left2, .light-mode #background-left1, .light-header .bg1, .color-header .bg2, .dark-header .bg3, .gradient-header .bg8, .light-menu .bg4, .color-menu .bg5, .dark-menu .bg6, .gradient-menu .bg7, .layout-fullwidth #background14, .layout-boxed #background15, .menu1 .bg-sided, .menu2 .bg-sideictxt, .menu3 .bg-sideicon, .fixed-layout #background16, .scrollable-layout #background17, .dark-mode .bg-hor2, .light-mode .bg-hor1, .light-header .bg-hor3, .color-header .bg-hor4, .dark-header .bg-hor5, .gradient-header .bg-hor10, .light-hormenu #background7, .color-hormenu .bg-hor7, .dark-hormenu .bg-hor8, .gradient-hormenu .bg-hor9 {
  border: 3px solid #6c5ffc !important;
}

.dark-mode .bg-left2:before, .light-mode #background-left1::before, .dark-mode .bg-hor2:before, .light-mode .bg-hor1:before, .layout-fullwidth #background14:before, .layout-boxed #background15:before, .fixed-layout #background16:before, .scrollable-layout #background17:before {
  content: "✓";
  z-index: 999;
  position: absolute;
  top: 4px;
  right: 21px;
  font-size: 14px;
  color: #ffffff;
}

.dark-mode .bg-left2:after, .light-mode #background-left1:after, .dark-mode .bg-hor2:after, .light-mode .bg-hor1:after, .layout-fullwidth #background14:after, .layout-boxed #background15:after, .fixed-layout #background16:after, .scrollable-layout #background17:after {
  content: "";
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-style: solid;
  border-width: 0 35px 35px 0px;
  border-color: #6c5ffc #6c5ffc transparent;
  display: block;
  position: absolute;
  top: 4px;
  right: 17px;
}

.light-header .bg1:before, .color-header .bg2:before, .dark-header .bg3:before, .gradient-header .bg8:before, .light-menu .bg4:before, .color-menu .bg5:before, .dark-menu .bg6:before, .gradient-menu .bg7:before, .menu1 .bg-sided:before, .menu2 .bg-sideictxt:before, .menu3 .bg-sideicon:before, .light-header .bg-hor3:before, .color-header .bg-hor4:before, .dark-header .bg-hor5:before, .gradient-header .bg-hor10:before, .light-hormenu #background7:before, .color-hormenu .bg-hor7:before, .dark-hormenu .bg-hor8:before, .gradient-hormenu .bg-hor9:before {
  content: "✓";
  z-index: 999;
  position: absolute;
  top: 4px;
  right: 24px;
  font-size: 14px;
  color: #ffffff;
}

.light-header .bg1:after, .color-header .bg2:after, .dark-header .bg3:after, .gradient-header .bg8:after, .light-menu .bg4:after, .color-menu .bg5:after, .dark-menu .bg6:after, .gradient-menu .bg7:after, .menu1 .bg-sided:after, .menu2 .bg-sideictxt:after, .menu3 .bg-sideicon:after, .light-header .bg-hor3:after, .color-header .bg-hor4:after, .dark-header .bg-hor5:after, .gradient-header .bg-hor10:after, .light-hormenu #background7:after, .color-hormenu .bg-hor7:after, .dark-hormenu .bg-hor8:after, .gradient-hormenu .bg-hor9:after {
  content: "";
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-style: solid;
  border-width: 0 35px 35px 0px;
  border-color: #6c5ffc #6c5ffc transparent;
  display: block;
  position: absolute;
  top: 4px;
  right: 20px;
}

/*--- Only Demo Purpose scss Icon-Text----*/
@media (min-width: 768px) {
  .icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar {
    width: 120px;
  }

  .icontext-menu.app.sidebar-mini.sidenav-toggled .side-header {
    width: 120px !important;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled .app-content {
    margin-left: 120px;
  }

  .icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__item {
    padding: 12px 5px;
    text-align: center;
    display: block;
  }

  .icontext-menu.app.sidebar-mini.sidenav-toggled .side-menu__label {
    display: block !important;
    font-size: 12px;
    padding-top: 0px;
    margin-top: 0;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled .app-header.header {
    padding-left: 130px;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon:after {
    top: 6px;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar {
    width: 270px;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
    width: 270px !important;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
    display: flex;
    padding: 10px 20px;
    text-align: inherit;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__label {
    display: block !important;
    margin-top: 3px;
    font-size: 15px;
  }

  .icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu .side-menu__icon:after {
    top: 12px;
  }

  .icontext-menu.sidenav-toggled .app-sidebar__logo {
    width: 119px;
  }
}