/*----------- 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: #664dc9;
}

.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: #664dc9;
  color: #fff;
}

.color-header .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
}

.color-header .form-control:-ms-input-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::-webkit-input-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::-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 {
    -webkit-box-shadow: 0 0 0 4px #755dd3;
            box-shadow: 0 0 0 4px #755dd3;
    border: 2px solid #755dd3;
  }
  .color-header .profile-dropdown img {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.98px) {
  .color-header.rtl.dark-mode .header .nav-link.icon.layout-setting {
    border-left: 0px solid #7d67d4 !important;
  }
  .color-header.rtl.dark-mode .profile-dropdown {
    border-right: 0px solid #32394e !important;
  }
  .color-header.rtl.dark-mode .country-selector {
    border-right: 1px solid #32394e !important;
  }
  .color-header.rtl .country-selector {
    border-right: 1px solid #e6ebf1 !important;
  }
  .color-header.rtl .header .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important;
  }
  .color-header.rtl .desktop-lgo {
    display: none !important;
  }
  .color-header.rtl .header .nav-link.icon.layout-setting {
    border-left: 0px solid #e6ebf1 !important;
  }
}

@media (min-width: 767.98px) and (max-width: 992px) {
  .color-header.rtl.dark-mode #fullscreen-button {
    border-right: 0px solid #7d67d4 !important;
  }
}

@media (min-width: 768px) {
  .color-header.rtl .country-selector {
    border-right: 1px solid #7d67d4 !important;
  }
  .color-header.rtl .header .profile-dropdown {
    border-left: 1px solid #7d67d4 !important;
  }
  .color-header.rtl .nav-link.icon.theme-layout.layout-setting {
    border-left: 1px solid #7d67d4 !important;
  }
}

.color-header.rtl #fullscreen-button {
  border-left: 0px solid #7d67d4 !important;
}

.color-header.rtl .header .main-header-end .nav-link.icon {
  border-right: 0px solid #7d67d4 !important;
}

@media (min-width: 767.98px) and (max-width: 992px) {
  .color-header.rtl.dark-mode .header .nav-link.icon.layout-setting {
    border-left: 1px solid #7d67d4 !important;
    border-right: inherit !important;
  }
}

.color-header.rtl .country-selector .nav-link {
  color: #fff !important;
}

.color-header.rtl .country-selector {
  border-left: 1px solid #7d67d4 !important;
}

@media (min-width: 992px) {
  .color-header.rtl .hor-header .demo-icon {
    border-left: 1px solid #7d67d4 !important;
  }
  .color-header.rtl .nav-link.theme-layout {
    border-right: 1px solid #7d67d4 !important;
  }
}

.color-header.rtl .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.color-header.rtl .profile-dropdown {
  border-left: 1px solid #7d67d4 !important;
}

.color-header.rtl .collapse:not(.show) {
  display: none;
  background: transparent;
}

.color-header.rtl .header {
  background: #664dc9;
}

.color-header.rtl .app-sidebar__toggle {
  border-left: 1px solid #7d67d4;
}

.color-header.rtl .app-header {
  border-bottom: 1px solid #7d67d4 !important;
}

.color-header.rtl .header-icon {
  fill: #fff !important;
}

.color-header.rtl .header .form-inline .form-control {
  background: #664dc9;
  color: #fff;
}

.color-header.rtl .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
}

.color-header.rtl .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}

.color-header.rtl .form-control::-ms-input-placeholder {
  color: #ffffff !important;
}

.color-header.rtl .form-control::placeholder {
  color: #ffffff !important;
}

.color-header.rtl.dark-mode .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.color-header.rtl.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.color-header.rtl.dark-mode .form-control::-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.color-header.rtl.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.color-header.rtl .nav-link.icon .header-icon {
  background: transparent;
}

.color-header.rtl .header .main-header-end .nav-link.icon {
  border-left: 1px solid #7d67d4;
}

.color-header.rtl #fullscreen-button {
  border-left: 1px solid #7d67d4;
}

.color-header.rtl .hor-header .form-control {
  border: 1px solid #7d67d4 !important;
}

.color-header.rtl .hor-header .search-element .btn {
  background-color: transparent !important;
}

@media (max-width: 992px) {
  .color-header.rtl .hor-header .form-control:focus {
    border-color: #32394e !important;
  }
  .color-header.rtl .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .color-header.rtl .hor-header .animated-arrow span:before,
  .color-header.rtl .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
}

.color-header.rtl .hor-header .desktop-lgo,
.color-header.rtl .hor-header .mobile-logo,
.color-header.rtl .hor-header .darkmobile-logo {
  display: none !important;
}

.color-header.rtl .hor-header .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.color-header.rtl .hor-header .form-inline .btn .search-icon {
  fill: #ccd4e0 !important;
}

@media (min-width: 767px) {
  .color-header.rtl .hor-header .profile-dropdown img {
    -webkit-box-shadow: 0 0 0 4px #755dd3;
            box-shadow: 0 0 0 4px #755dd3;
    border: 2px solid #755dd3;
  }
  .color-header.rtl .profile-dropdown img {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #755dd3;
  }
}

@media (max-width: 767px) {
  .color-header.rtl .country-selector .nav-link {
    color: #6c756e !important;
  }
  .color-header.rtl .country-selector {
    border-left: 1px solid #e6ebf1 !important;
  }
  .color-header.rtl.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .color-header.rtl.dark-mode .country-selector {
    border-left: 1px solid #32394e !important;
  }
  .color-header.rtl .demo-icon svg {
    fill: #ffffff !important;
  }
  .color-header.rtl .header-icon.settings-icon {
    fill: #fff !important;
  }
  .color-header.rtl.dark-mode .header-icon.settings-icon {
    fill: #fff !important;
  }
  .color-header.rtl .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important;
  }
  .color-header.rtl.dark-mode .profile-dropdown {
    border-left: 1px solid #32394e !important;
  }
  .color-header.rtl .hor-header .navbar-toggler {
    top: -10px;
  }
  .color-header.rtl .hor-header .animated-arrow span {
    background: #ffffff;
  }
  .color-header.rtl .hor-header .animated-arrow span:before,
  .color-header.rtl .hor-header .animated-arrow span:after {
    background: #ffffff;
  }
  .color-header.rtl .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .color-header.rtl .header .main-header-end .nav-link.icon {
    border-left: 1px solid #e6ebf1;
  }
  .color-header.rtl.dark-mode .header .main-header-end .nav-link.icon {
    border-left: 1px solid #32394e;
  }
  .color-header.rtl.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .color-header.rtl .theme-layout {
    border-right: 0px !important;
  }
  .color-header.rtl .desktop-lgo,
  .color-header.rtl .darkmobile-logo,
  .color-header.rtl .mobile-logo {
    display: none !important;
  }
  .color-header.rtl .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .color-header.rtl .header-icon {
    fill: #555b6d !important;
  }
  .color-header.rtl .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .color-header.rtl .nav-link.icon .header-icon {
    background: transparent;
  }
  .color-header.rtl .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .color-header.rtl .hader-message {
    margin-left: 0px;
  }
  .color-header.rtl.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}

.color-header.rtl .navbar-toggler-icon {
  color: #fff;
}

.color-header.rtl .navbar-toggler:focus {
  -webkit-box-shadow: none;
          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 {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            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::-webkit-input-placeholder {
  color: #ffffff !important;
}

.dark-header .form-control:-ms-input-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::-webkit-input-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::-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 {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.98px) {
  .dark-header.rtl .profile-dropdown {
    border-right: 0px solid #32394e !important;
  }
}

@media (min-width: 768px) {
  .dark-header.rtl .header .nav-link.icon.layout-setting {
    border-left: 1px solid #32394e !important;
  }
}

.dark-header.rtl .country-selector {
  border-right: 0px solid #32394e !important;
}

.dark-header.rtl .header .main-header-end .nav-link.icon {
  border-right: 0px solid #32394e !important;
}

.dark-header.rtl .country-selector .nav-link {
  color: #fff !important;
}

.dark-header.rtl .country-selector {
  border-left: 1px solid #32394e !important;
}

@media (min-width: 992px) {
  .dark-header.rtl .hor-header .demo-icon {
    border-left: 1px solid #32394e !important;
  }
  .dark-header.rtl .nav-link.theme-layout {
    border-right: 1px solid #32394e !important;
  }
}

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

.dark-header.rtl .hor-header .desktop-lgo,
.dark-header.rtl .hor-header .darkmobile-logo,
.dark-header.rtl .hor-header .mobile-logo {
  display: none !important;
}

.dark-header.rtl .hor-header .dark-logo {
  display: block !important;
}

@media (max-width: 992px) {
  .dark-header.rtl .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .dark-header.rtl .hor-header .animated-arrow span:before,
  .dark-header.rtl .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
  .dark-header.rtl .hor-header .theme-layout {
    border-right: 0px !important;
  }
}

.dark-header.rtl .profile-dropdown {
  border-left: 1px solid #32394e !important;
}

@media (min-width: 768px) {
  .dark-header.rtl .hor-header .header-search {
    border: 1px solid #32394e !important;
  }
  .dark-header.rtl .hor-header .search-element .btn {
    background-color: transparent !important;
  }
  .dark-header.rtl .hor-header .search-element .btn .search-icon {
    fill: #ccd4e0 !important;
  }
  .dark-header.rtl .profile-dropdown img {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #32394e;
  }
}

.dark-header.rtl .collapse:not(.show) {
  display: none;
  background: transparent;
}

.dark-header.rtl .header {
  background: #2a2e3f;
}

.dark-header.rtl .app-sidebar__toggle {
  border-left: 1px solid #32394e;
}

.dark-header.rtl .app-header {
  border-bottom: 1px solid #32394e !important;
}

.dark-header.rtl .header-icon {
  fill: #fff !important;
}

.dark-header.rtl .header .form-inline .form-control {
  background: #2a2e3f;
  color: #fff;
}

.dark-header.rtl .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
}

.dark-header.rtl .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}

.dark-header.rtl .form-control::-ms-input-placeholder {
  color: #ffffff !important;
}

.dark-header.rtl .form-control::placeholder {
  color: #ffffff !important;
}

.dark-header.rtl.dark-mode .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.dark-header.rtl.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.dark-header.rtl.dark-mode .form-control::-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.dark-header.rtl.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.dark-header.rtl .nav-link.icon .header-icon {
  background: transparent;
}

.dark-header.rtl .header .main-header-end .nav-link.icon {
  border-left: 1px solid #32394e;
}

.dark-header.rtl #fullscreen-button {
  border-left: 1px solid #32394e;
}

@media (max-width: 767px) {
  .dark-header.rtl .country-selector .nav-link {
    color: #6c756e !important;
  }
  .dark-header.rtl .country-selector {
    border-left: 1px solid #e6ebf1 !important;
  }
  .dark-header.rtl.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .dark-header.rtl.dark-mode .country-selector {
    border-left: 1px solid #32394e !important;
  }
  .dark-header.rtl .demo-icon svg {
    fill: #ffffff !important;
  }
  .dark-header.rtl .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important;
  }
  .dark-header.rtl.dark-mode .profile-dropdown {
    border-left: 1px solid #32394e !important;
  }
  .dark-header.rtl .header-icon.settings-icon {
    fill: #fff !important;
  }
  .dark-header.rtl .profile-dropdown img {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #e6ebf1;
  }
  .dark-header.rtl .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .dark-header.rtl .header .main-header-end .nav-link.icon {
    border-left: 1px solid #e6ebf1;
  }
  .dark-header.rtl.dark-mode .header .main-header-end .nav-link.icon {
    border-left: 1px solid #32394e;
  }
  .dark-header.rtl.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .dark-header.rtl .theme-layout {
    border-right: 0px !important;
  }
  .dark-header.rtl .desktop-lgo,
  .dark-header.rtl .darkmobile-logo,
  .dark-header.rtl .mobile-logo {
    display: none !important;
  }
  .dark-header.rtl .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .dark-header.rtl .header-icon {
    fill: #555b6d !important;
  }
  .dark-header.rtl .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .dark-header.rtl .nav-link.icon .header-icon {
    background: transparent;
  }
  .dark-header.rtl .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .dark-header.rtl .hader-message {
    margin-left: 0px;
  }
  .dark-header.rtl.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}

.dark-header.rtl .navbar-toggler-icon {
  color: #fff;
}

.dark-header.rtl .navbar-toggler:focus {
  -webkit-box-shadow: none;
          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 {
  -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
          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::-webkit-input-placeholder {
  color: #bcc1c4 !important;
}

.light-header .form-control:-ms-input-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::-webkit-input-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::-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: #664dc9 !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 {
    -webkit-box-shadow: 0 0 0 4px #e6ebf1;
            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: #664dc9;
  }
  .light-header .hor-header .animated-arrow span:before,
  .light-header .hor-header .animated-arrow span:after {
    background: #664dc9;
  }
  .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: #664dc9;
}

.light-header .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.98px) {
  .light-header.rtl.dark-mode .header .nav-link.icon.layout-setting {
    border-left: 0px solid #32394e !important;
    border-right: inherit !important;
  }
}

@media (min-width: 767.98px) and (max-width: 992px) {
  .light-header.rtl.dark-mode #fullscreen-button {
    border-right: 0px solid #e6ebf1 !important;
  }
}

@media (min-width: 992px) {
  .light-header.rtl .header .nav-link.icon.layout-setting {
    border-left: 1px solid #e6ebf1 !important;
  }
}

@media (max-width: 992px) {
  .light-header.rtl .header .nav-link.icon.layout-setting {
    border-left: 0px solid #e6ebf1 !important;
  }
}

.light-header.rtl.dark-mode #fullscreen-button {
  border-left: 1px solid #e6ebf1 !important;
}

.light-header.rtl .header .profile-dropdown {
  border-left: 1px solid #e6ebf1 !important;
}

.light-header.rtl #fullscreen-button {
  border-left: 0px solid #e6ebf1 !important;
}

.light-header.rtl .header .main-header-end .nav-link.icon {
  border-right: 0px solid #e6ebf1 !important;
}

.light-header.rtl.dark-mode .profile-dropdown {
  border-right: 0px solid #e6ebf1 !important;
}

@media (min-width: 767.98px) and (max-width: 992px) {
  .light-header.rtl.dark-mode .header .nav-link.icon.layout-setting {
    border-left: 1px solid #e6ebf1 !important;
    border-right: inherit !important;
  }
}

.light-header.rtl .country-selector .nav-link {
  color: #6c756e !important;
}

.light-header.rtl .country-selector {
  border-left: 1px solid #e6ebf1 !important;
}

@media (min-width: 992px) {
  .light-header.rtl .hor-header .demo-icon {
    border-left: 1px solid #e6ebf1 !important;
  }
  .light-header.rtl .nav-link.theme-layout {
    border-right: 1px solid #e6ebf1 !important;
  }
}

.light-header.rtl .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.light-header.rtl.dark-mode .profile-dropdown {
  margin-top: 1px;
  border-left: 1px solid #e6ebf1 !important;
}

.light-header.rtl .profile-dropdown img {
  -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
          box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
  border: 2px solid #e6ebf1;
}

.light-header.rtl .collapse:not(.show) {
  display: none;
  background: transparent;
}

.light-header.rtl .header {
  background: #fff;
}

.light-header.rtl .app-sidebar__toggle {
  border-left: 1px solid #e6ebf1;
}

.light-header.rtl .app-header {
  border-bottom: 1px solid #e6ebf1 !important;
}

.light-header.rtl .header-icon {
  fill: #555b6d !important;
}

.light-header.rtl .header .form-inline .form-control {
  background: #fff;
  color: #8c97a9;
}

.light-header.rtl .form-control::-webkit-input-placeholder {
  color: #bcc1c4 !important;
}

.light-header.rtl .form-control:-ms-input-placeholder {
  color: #bcc1c4 !important;
}

.light-header.rtl .form-control::-ms-input-placeholder {
  color: #bcc1c4 !important;
}

.light-header.rtl .form-control::placeholder {
  color: #bcc1c4 !important;
}

.light-header.rtl.dark-mode .form-control::-webkit-input-placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}

.light-header.rtl.dark-mode .form-control:-ms-input-placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}

.light-header.rtl.dark-mode .form-control::-ms-input-placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}

.light-header.rtl.dark-mode .form-control::placeholder {
  color: #bcc1c4 !important;
  opacity: 0.5 !important;
}

.light-header.rtl .nav-link.icon .header-icon {
  background: transparent;
}

.light-header.rtl .header .main-header-end .nav-link.icon {
  border-left: 1px solid #e6ebf1;
}

.light-header.rtl #fullscreen-button {
  border-left: 1px solid #e6ebf1;
}

.light-header.rtl.dark-mode .search-element .search-icon {
  fill: #555b6d !important;
}

.light-header.rtl .hor-header .form-control {
  border: 1px solid #e6ebf1 !important;
}

.light-header.rtl .hor-header .search-element .btn {
  background-color: #664dc9 !important;
}

@media (max-width: 992px) {
  .light-header.rtl .hor-header .form-control:focus {
    border-color: #e6ebf1 !important;
  }
}

.light-header.rtl .hor-header .dark-logo,
.light-header.rtl .hor-header .mobile-logo,
.light-header.rtl .hor-header .darkmobile-logo {
  display: none !important;
}

.light-header.rtl .hor-header .desktop-lgo {
  display: block !important;
}

.light-header.rtl .hor-header .form-inline .btn .search-icon {
  fill: #ccd4e0 !important;
}

@media (min-width: 767px) {
  .light-header.rtl .hor-header .profile-dropdown img {
    -webkit-box-shadow: 0 0 0 4px #e6ebf1;
            box-shadow: 0 0 0 4px #e6ebf1;
    border: 2px solid #e6ebf1;
  }
}

@media (max-width: 767px) {
  .light-header.rtl.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .light-header.rtl.dark-mode .country-selector {
    border-left: 1px solid #32394e !important;
  }
  .light-header.rtl .demo-icon svg {
    fill: #555b6d !important;
  }
  .light-header.rtl.dark-mode .demo-icon svg {
    fill: #555b6d !important;
  }
  .light-header.rtl.dark-mode .header-icon.settings-icon {
    fill: #555b6d !important;
  }
  .light-header.rtl.dark-mode .profile-dropdown {
    border-left: 1px solid #32394e !important;
  }
  .light-header.rtl .hor-header .navbar-toggler {
    top: -10px;
  }
  .light-header.rtl .hor-header .animated-arrow span {
    background: #664dc9;
  }
  .light-header.rtl .hor-header .animated-arrow span:before,
  .light-header.rtl .hor-header .animated-arrow span:after {
    background: #664dc9;
  }
  .light-header.rtl .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .light-header.rtl .header .main-header-end .nav-link.icon {
    border-left: 1px solid #e6ebf1;
  }
  .light-header.rtl.dark-mode .header .main-header-end .nav-link.icon {
    border-left: 1px solid #32394e;
  }
  .light-header.rtl.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .light-header.rtl .theme-layout {
    border-right: 0px !important;
  }
  .light-header.rtl .dark-logo,
  .light-header.rtl .darkmobile-logo,
  .light-header.rtl .mobile-logo {
    display: none !important;
  }
  .light-header.rtl .header-brand-img.desktop-lgo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .light-header.rtl.dark-mode .dark-logo,
  .light-header.rtl.dark-mode .darkmobile-logo,
  .light-header.rtl.dark-mode .mobile-logo {
    display: none !important;
  }
  .light-header.rtl.dark-mode .header-brand-img.desktop-lgo {
    display: block !important;
    margin: 0 auto;
  }
  .light-header.rtl .header-icon {
    fill: #555b6d !important;
  }
  .light-header.rtl .app-sidebar__toggle .header-icon {
    fill: #555b6d !important;
  }
  .light-header.rtl .nav-link.icon .header-icon {
    background: transparent;
  }
  .light-header.rtl .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .light-header.rtl .hader-message {
    margin-left: 0px;
  }
  .light-header.rtl.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
  .light-header.rtl.dark-mode .app-sidebar__toggle .header-icon {
    fill: #555b6d !important;
  }
}

.light-header.rtl .navbar-toggler-icon {
  color: #664dc9;
}

.light-header.rtl .navbar-toggler:focus {
  -webkit-box-shadow: none;
          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: -webkit-gradient(linear, left top, right top, from(#513da0), to(#664dc9)) !important;
  background-image: linear-gradient(to right, #513da0, #664dc9) !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::-webkit-input-placeholder {
  color: #ffffff !important;
}

.gradient-header .form-control:-ms-input-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::-webkit-input-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::-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 {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #755dd3;
  }
  .gradient-header .form-control::-webkit-input-placeholder {
    color: #ffffff !important;
  }
  .gradient-header .form-control:-ms-input-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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.98px) {
  .gradient-header.rtl .header .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important;
  }
  .gradient-header.rtl.dark-mode .profile-dropdown {
    border-right: 0px solid #32394e !important;
  }
}

@media (min-width: 768px) {
  .gradient-header.rtl .header .nav-link.icon.layout-setting {
    border-left: 1px solid #755dd3 !important;
  }
  .gradient-header.rtl.dark-mode .header .profile-dropdown {
    border-left: 1px solid #755dd3 !important;
  }
}

.gradient-header.rtl .country-selector {
  border-right: 0px solid #755dd3 !important;
}

.gradient-header.rtl .header .main-header-end .nav-link.icon {
  border-right: 0px solid #7d67d4 !important;
}

.gradient-header.rtl .country-selector .nav-link {
  color: #fff !important;
}

.gradient-header.rtl .country-selector {
  border-left: 1px solid #755dd3 !important;
}

@media (min-width: 992px) {
  .gradient-header.rtl .hor-header .header-search {
    border: 1px solid #755dd3 !important;
  }
  .gradient-header.rtl .hor-header .demo-icon {
    border-left: 1px solid #7d67d4 !important;
  }
  .gradient-header.rtl .nav-link.theme-layout {
    border-right: 1px solid #7d67d4 !important;
  }
}

.gradient-header.rtl .hor-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-header.rtl .hor-header .desktop-lgo,
.gradient-header.rtl .hor-header .darkmobile-logo,
.gradient-header.rtl .hor-header .mobile-logo {
  display: none !important;
}

.gradient-header.rtl .hor-header .dark-logo {
  display: block !important;
}

@media (max-width: 992px) {
  .gradient-header.rtl .hor-header .animated-arrow span {
    background: #ffffff !important;
  }
  .gradient-header.rtl .hor-header .animated-arrow span:before,
  .gradient-header.rtl .hor-header .animated-arrow span:after {
    background: #ffffff !important;
  }
  .gradient-header.rtl .hor-header .hor-header .header-search {
    border: 1px solid #e6ebf1 !important;
  }
}

@media (min-width: 768px) {
  .gradient-header.rtl .profile-dropdown {
    border-left: 1px solid #7d67d4 !important;
  }
}

.gradient-header.rtl .collapse:not(.show) {
  display: none;
  background: transparent;
}

.gradient-header.rtl .header {
  background-image: -webkit-gradient(linear, left top, right top, from(#513da0), to(#664dc9)) !important;
  background-image: linear-gradient(to right, #513da0, #664dc9) !important;
}

.gradient-header.rtl .app-sidebar__toggle {
  border-left: 1px solid #7d67d4;
}

.gradient-header.rtl .app-header {
  border-bottom: 1px solid #7d67d4 !important;
}

.gradient-header.rtl .header-icon {
  fill: #fff !important;
}

.gradient-header.rtl .header .form-inline .form-control {
  background: transparent;
  color: #fff;
}

.gradient-header.rtl .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
}

.gradient-header.rtl .form-control:-ms-input-placeholder {
  color: #ffffff !important;
}

.gradient-header.rtl .form-control::-ms-input-placeholder {
  color: #ffffff !important;
}

.gradient-header.rtl .form-control::placeholder {
  color: #ffffff !important;
}

.gradient-header.rtl.dark-mode .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.gradient-header.rtl.dark-mode .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.gradient-header.rtl.dark-mode .form-control::-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.gradient-header.rtl.dark-mode .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.5 !important;
}

.gradient-header.rtl .nav-link.icon .header-icon {
  background: transparent;
}

.gradient-header.rtl .header .main-header-end .nav-link.icon {
  border-left: 1px solid #7d67d4;
}

.gradient-header.rtl #fullscreen-button {
  border-left: 1px solid #7d67d4;
}

@media (min-width: 767px) {
  .gradient-header.rtl .profile-dropdown img {
    -webkit-box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #755dd3;
  }
  .gradient-header.rtl .form-control::-webkit-input-placeholder {
    color: #ffffff !important;
  }
  .gradient-header.rtl .form-control:-ms-input-placeholder {
    color: #ffffff !important;
  }
  .gradient-header.rtl .form-control::-ms-input-placeholder {
    color: #ffffff !important;
  }
  .gradient-header.rtl .form-control::placeholder {
    color: #ffffff !important;
  }
  .gradient-header.rtl .hor-header .search-element .btn {
    background-color: transparent !important;
  }
  .gradient-header.rtl .hor-header .search-element .btn .search-icon {
    fill: #ccd4e0 !important;
  }
}

@media (max-width: 767px) {
  .gradient-header.rtl .country-selector .nav-link {
    color: #6c756e !important;
  }
  .gradient-header.rtl .country-selector {
    border-left: 1px solid #e6ebf1 !important;
  }
  .gradient-header.rtl.dark-mode .country-selector .nav-link {
    color: #fff !important;
  }
  .gradient-header.rtl.dark-mode .country-selector {
    border-left: 1px solid #32394e !important;
  }
  .gradient-header.rtl .demo-icon svg {
    fill: #fff !important;
  }
  .gradient-header.rtl .header-icon.settings-icon {
    fill: #fff !important;
  }
  .gradient-header.rtl.dark-mode .header-icon.settings-icon {
    fill: #fff !important;
  }
  .gradient-header.rtl .profile-dropdown {
    border-left: 1px solid #e6ebf1 !important;
  }
  .gradient-header.rtl.dark-mode .profile-dropdown {
    border-left: 1px solid #32394e !important;
  }
  .gradient-header.rtl .profile-dropdown .header-icon {
    fill: #555b6d !important;
  }
  .gradient-header.rtl .header .main-header-end .nav-link.icon {
    border-left: 1px solid #e6ebf1;
  }
  .gradient-header.rtl.dark-mode .header .main-header-end .nav-link.icon {
    border-left: 1px solid #32394e;
  }
  .gradient-header.rtl.dark-mode .profile-dropdown .header-icon {
    fill: #ccd4e0 !important;
  }
  .gradient-header.rtl .theme-layout {
    border-right: 0px !important;
  }
  .gradient-header.rtl .desktop-lgo,
  .gradient-header.rtl .darkmobile-logo,
  .gradient-header.rtl .mobile-logo {
    display: none !important;
  }
  .gradient-header.rtl .header-brand-img.dark-logo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }
  .gradient-header.rtl .header-icon {
    fill: #555b6d !important;
  }
  .gradient-header.rtl .app-sidebar__toggle .header-icon {
    fill: #fff !important;
  }
  .gradient-header.rtl .nav-link.icon .header-icon {
    background: transparent;
  }
  .gradient-header.rtl .nav-link.icon .header-icon {
    margin-top: 3px;
  }
  .gradient-header.rtl .hader-message {
    margin-left: 0px;
  }
  .gradient-header.rtl.dark-mode .header-icon {
    fill: #ccd4e0 !important;
  }
}

.gradient-header.rtl .navbar-toggler-icon {
  color: #fff;
}

.gradient-header.rtl .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 768px) {
  .color-menu .slide-item:hover,
  .color-menu .slide-item:focus {
    color: #ffffff;
  }
}

.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: #664dc9 !important;
}

.color-menu .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-right: 1px solid #755dd3;
  background: #664dc9;
  padding: 11px 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;
  -webkit-box-shadow: 0 0 0 4px #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: 11px 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;
  }
}

@media (min-width: 768px) {
  .color-menu.rtl .slide-item:hover,
  .color-menu.rtl .slide-item:focus {
    color: #ffffff;
  }
}

.color-menu.rtl .sub-side-menu__label2 {
  color: #ccd4e0;
}

.color-menu.rtl .sub-angle2 {
  color: #ccd4e0;
}

.color-menu.rtl .sub-slide-item2 {
  color: #ccd4e0;
}

.color-menu.rtl .slide-menu a.active {
  color: #ffffff !important;
}

.color-menu.rtl .sub-side-menu__item {
  color: #ccd4e0;
}

.color-menu.rtl .sub-slide-item {
  color: #ccd4e0;
}

.color-menu.rtl .desktop-lgo {
  display: none;
}

.color-menu.rtl .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.color-menu.rtl .app-sidebar {
  background: #664dc9 !important;
}

.color-menu.rtl .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-left: 1px solid #755dd3;
  background: #664dc9;
  padding: 11px 40px;
}

.color-menu.rtl .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}

.color-menu.rtl .app-sidebar {
  border-left: 1px solid #755dd3;
}

.color-menu.rtl .app-sidebar__user {
  border-bottom: 1px solid #755dd3;
}

.color-menu.rtl .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}

.color-menu.rtl .app-sidebar__user .user-pic img {
  border: 3px solid #755dd3;
  -webkit-box-shadow: 0 0 0 4px #755dd3;
          box-shadow: 0 0 0 4px #755dd3;
}

.color-menu.rtl .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}

.color-menu.rtl .app-sidebar {
  border-top: 1px solid #755dd3;
}

.color-menu.rtl .user-info h5 {
  color: #ccd4e0;
}

.color-menu.rtl .side-menu__item.active, .color-menu.rtl .side-menu__item:hover, .color-menu.rtl .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}

.color-menu.rtl .side-menu__item.active .side-menu__label, .color-menu.rtl .side-menu__item:hover .side-menu__label, .color-menu.rtl .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}

.color-menu.rtl .side-menu__item.active .side-menu__icon, .color-menu.rtl .side-menu__item:hover .side-menu__icon, .color-menu.rtl .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}

.color-menu.rtl .side-menu__item.active i, .color-menu.rtl .side-menu__item:hover i, .color-menu.rtl .side-menu__item:focus i {
  color: #fff !important;
}

.color-menu.rtl .side-menu__label {
  color: #ccd4e0 !important;
}

.color-menu.rtl .side-menu__icon {
  fill: #ccd4e0 !important;
}

.color-menu.rtl .side-menu__item i {
  color: #ccd4e0;
}

.color-menu.rtl .slide-item {
  color: #ccd4e0;
}

.color-menu.rtl.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}

@media (min-width: 768px) {
  .color-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #755dd3 !important;
    padding: 11px 12px !important;
  }
  .color-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: block !important;
  }
  .color-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .color-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .color-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo {
    border-right: 0px !important;
  }
  .color-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo {
    display: block !important;
  }
  .color-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .color-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .color-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #755dd3 !important;
    padding: 11px 12px !important;
  }
  .color-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: block !important;
  }
  .color-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .color-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .color-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo {
    display: block !important;
  }
  .color-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .color-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .color-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-left: 1px solid #755dd3 !important;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #755dd3 !important;
  }
  .color-menu.rtl.sidenav-toggled .desktop-lgo,
  .color-menu.rtl.sidenav-toggled .dark-logo,
  .color-menu.rtl.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 11px 40px;
  }
  .color-menu.rtl.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .color-menu.rtl .app-sidebar__logo {
    border-left: 1px solid #755dd3 !important;
  }
}

@media (min-width: 768px) {
  .dark-menu .slide-item:hover,
  .dark-menu .slide-item:focus {
    color: #ffffff;
  }
}

.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: 11px 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;
  -webkit-box-shadow: 0 0 0 4px #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: 11px 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;
  }
}

@media (min-width: 768px) {
  .dark-menu.rtl .slide-item:hover,
  .dark-menu.rtl .slide-item:focus {
    color: #ffffff;
  }
}

.dark-menu.rtl .sub-side-menu__label2 {
  color: #ccd4e0;
}

.dark-menu.rtl .sub-angle2 {
  color: #ccd4e0;
}

.dark-menu.rtl .sub-slide-item2 {
  color: #ccd4e0;
}

.dark-menu.rtl .slide-menu a.active {
  color: #ffffff !important;
}

.dark-menu.rtl .sub-side-menu__item {
  color: #ccd4e0;
}

.dark-menu.rtl .sub-slide-item {
  color: #ccd4e0;
}

.dark-menu.rtl .desktop-lgo {
  display: none;
}

.dark-menu.rtl .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.dark-menu.rtl .app-sidebar {
  background: #2a2e3f !important;
}

.dark-menu.rtl .app-sidebar__logo {
  border-bottom: 1px solid #32394e;
  border-left: 1px solid #32394e;
  background: #2a2e3f;
  padding: 11px 40px;
}

.dark-menu.rtl .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}

.dark-menu.rtl .app-sidebar {
  border-left: 1px solid #32394e;
}

.dark-menu.rtl .app-sidebar__user {
  border-bottom: 1px solid #32394e;
}

.dark-menu.rtl .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}

.dark-menu.rtl .app-sidebar__user .user-pic img {
  border: 3px solid #32394e;
  -webkit-box-shadow: 0 0 0 4px #32394e;
          box-shadow: 0 0 0 4px #32394e;
}

.dark-menu.rtl .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}

.dark-menu.rtl .app-sidebar {
  border-top: 1px solid #32394e;
}

.dark-menu.rtl .user-info h5 {
  color: #ccd4e0;
}

.dark-menu.rtl .side-menu__item.active, .dark-menu.rtl .side-menu__item:hover, .dark-menu.rtl .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}

.dark-menu.rtl .side-menu__item.active .side-menu__label, .dark-menu.rtl .side-menu__item:hover .side-menu__label, .dark-menu.rtl .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}

.dark-menu.rtl .side-menu__item.active .side-menu__icon, .dark-menu.rtl .side-menu__item:hover .side-menu__icon, .dark-menu.rtl .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}

.dark-menu.rtl .side-menu__item.active i, .dark-menu.rtl .side-menu__item:hover i, .dark-menu.rtl .side-menu__item:focus i {
  color: #fff !important;
}

.dark-menu.rtl .side-menu__label {
  color: #ccd4e0 !important;
}

.dark-menu.rtl .side-menu__icon {
  fill: #ccd4e0 !important;
}

.dark-menu.rtl .side-menu__item i {
  color: #ccd4e0;
}

.dark-menu.rtl .slide-item {
  color: #ccd4e0;
}

.dark-menu.rtl.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}

@media (min-width: 768px) {
  .dark-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #32394e !important;
    padding: 11px 12px !important;
  }
  .dark-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: block !important;
  }
  .dark-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .dark-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .dark-menu.rtl.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo {
    border-right: 0px !important;
  }
  .dark-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo {
    display: block !important;
  }
  .dark-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .dark-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .dark-menu.rtl.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #32394e !important;
    padding: 11px 12px !important;
  }
  .dark-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: block !important;
  }
  .dark-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .dark-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .dark-menu.rtl.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo {
    display: block !important;
  }
  .dark-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .dark-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .dark-menu.rtl.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-left: 1px solid #32394e !important;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #32394e !important;
  }
  .dark-menu.rtl.sidenav-toggled .desktop-lgo,
  .dark-menu.rtl.sidenav-toggled .dark-logo,
  .dark-menu.rtl.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 11px 40px;
  }
  .dark-menu.rtl.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .dark-menu.rtl .app-sidebar__logo {
    border-left: 1px solid #32394e !important;
  }
}

.light-menu.icontext-menu.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand-img.mobile-logo {
  display: block !important;
}

.light-menu.icontext-menu.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand-img.desktop-lgo,
.light-menu.icontext-menu.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand-img.dark-logo,
.light-menu.icontext-menu.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand-img.darkmobile-logo {
  display: none !important;
}

.light-menu.icontext-menu.sidenav-toggled.dark-mode .side-menu__icon {
  color: #555b6d !important;
  fill: #555b6d !important;
}

.light-menu.icontext-menu.sidenav-toggled.sidenav-toggled1.dark-mode .app-sidebar__logo .header-brand-img.desktop-lgo {
  display: block !important;
}

.light-menu.icontext-menu.sidenav-toggled.sidenav-toggled1.dark-mode .app-sidebar__logo .header-brand-img.mobile-logo,
.light-menu.icontext-menu.sidenav-toggled.sidenav-toggled1.dark-mode .app-sidebar__logo .header-brand-img.dark-logo,
.light-menu.icontext-menu.sidenav-toggled.sidenav-toggled1.dark-mode .app-sidebar__logo .header-brand-img.darkmobile-logo {
  display: none !important;
}

.light-menu.icontext-menu .sub-side-menu__item,
.light-menu.icontext-menu .sub-slide-item,
.light-menu.icontext-menu .sub-slide-item2,
.light-menu.icontext-menu .slide-item {
  color: #6c756e !important;
}

.light-menu.icontext-menu.rtl .sub-side-menu__item,
.light-menu.icontext-menu.rtl .sub-slide-item,
.light-menu.icontext-menu.rtl .sub-slide-item2,
.light-menu.icontext-menu.rtl .slide-item {
  color: #6c756e !important;
}

.light-menu.icontext-menu .side-menu__icon {
  color: #555b6d !important;
  fill: #555b6d !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;
  background: #fff;
  padding: 11px 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: #664dc9;
}

.light-menu .app-sidebar__user .user-pic img {
  border: 3px solid #e6ebf1;
  -webkit-box-shadow: 0 0 0 4px #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: #664dc9 !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: #664dc9 !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: #664dc9 !important;
}

.light-menu .side-menu__item.active i, .light-menu .side-menu__item:hover i, .light-menu .side-menu__item:focus i {
  color: #664dc9 !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: 11px 40px;
  }
  .light-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
}

.light-menu.rtl .sub-side-menu__label,
.light-menu.rtl .sub-side-menu__label2,
.light-menu.rtl .sub-slide-item,
.light-menu.rtl .sub-slide-item2 {
  color: #6c756e !important;
}

.light-menu.rtl .slide-item:hover,
.light-menu.rtl .slide-item:focus {
  color: #6c756e !important;
}

.light-menu.rtl .side-menu__item:hover .angle {
  color: #6c756e !important;
}

.light-menu.rtl.dark-mode .hor-header .desktop-lgo {
  display: none !important;
}

.light-menu.rtl.dark-mode .hor-header .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.light-menu.rtl .desktop-lgo {
  display: none;
}

.light-menu.rtl .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.light-menu.rtl .app-sidebar {
  background: #fff !important;
}

.light-menu.rtl .app-sidebar__logo {
  border-bottom: 1px solid #e6ebf1;
  border-left: 1px solid #e6ebf1;
  background: #fff;
  padding: 11px 40px;
}

.light-menu.rtl .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}

.light-menu.rtl .app-sidebar {
  border-left: 1px solid #e6ebf1;
}

.light-menu.rtl .app-sidebar__user {
  border-bottom: 1px solid #e6ebf1;
}

.light-menu.rtl .slide.is-expanded .slide-menu li a:hover {
  color: #664dc9;
}

.light-menu.rtl .app-sidebar__user .user-pic img {
  border: 3px solid #e6ebf1;
  -webkit-box-shadow: 0 0 0 4px #e6ebf1;
          box-shadow: 0 0 0 4px #e6ebf1;
}

.light-menu.rtl .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}

.light-menu.rtl .side-menu__item.active, .light-menu.rtl .side-menu__item:hover, .light-menu.rtl .side-menu__item:focus {
  background: #f5f6f8;
  color: #664dc9 !important;
}

.light-menu.rtl .side-menu__item.active .side-menu__label, .light-menu.rtl .side-menu__item:hover .side-menu__label, .light-menu.rtl .side-menu__item:focus .side-menu__label {
  color: #664dc9 !important;
}

.light-menu.rtl .side-menu__item.active .side-menu__icon, .light-menu.rtl .side-menu__item:hover .side-menu__icon, .light-menu.rtl .side-menu__item:focus .side-menu__icon {
  fill: #664dc9 !important;
}

.light-menu.rtl .side-menu__item.active i, .light-menu.rtl .side-menu__item:hover i, .light-menu.rtl .side-menu__item:focus i {
  color: #664dc9 !important;
}

.light-menu.rtl .side-menu__label {
  color: #6c756e !important;
}

.light-menu.rtl .side-menu__icon {
  fill: #555b6d !important;
}

.light-menu.rtl .side-menu__item i {
  color: #6c756e;
}

.light-menu.rtl .slide-item {
  color: #6c756e;
}

.light-menu.rtl.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}

.light-menu.rtl .darkmobile-logo,
.light-menu.rtl .dark-logo,
.light-menu.rtl .mobile-logo {
  display: none !important;
}

.light-menu.rtl .desktop-lgo {
  display: block !important;
  margin: 0 auto;
}

.light-menu.rtl .side-item.side-item-category {
  color: #9993b5 !important;
}

.light-menu.rtl .text-muted {
  color: #adb1c5 !important;
}

.light-menu.rtl.dark-mode .user-info h5 {
  color: #6c756e !important;
}

@media (min-width: 768px) {
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar.app-sidebar__logo {
    border-left: 1px solid #e6ebf1 !important;
    padding: 11px 20px !important;
  }
  .light-menu.rtl.sidenav-toggled .app-sidebar__logo {
    border-left: 1px solid #e6ebf1 !important;
    padding: 11px 12px !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #e6ebf1 !important;
  }
  .light-menu.rtl.sidenav-toggled .darkmobile-logo,
  .light-menu.rtl.sidenav-toggled .dark-logo,
  .light-menu.rtl.sidenav-toggled .desktop-lgo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled .mobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #e6ebf1 !important;
    padding: 11px 12px !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: block !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo {
    border-right: 0px !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo {
    display: block !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled.dark-mode.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled .app-sidebar__logo {
    border-right: 0px !important;
    border-left: 1px solid #e6ebf1 !important;
    padding: 11px 12px !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
    display: block !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo {
    display: block !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-left: 1px solid #e6ebf1 !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .mobile-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: none !important;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .desktop-lgo {
    display: block !important;
    margin: 0 auto;
  }
  .light-menu.rtl.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
}

.light-menu.dark-mode.sidenav-toggled .app-sidebar__logo {
  padding: 11px 12px;
}

.light-menu.dark-mode.sidenav-toggled .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
  display: block !important;
}

.light-menu.dark-mode.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
  display: none !important;
}

@media (min-width: 768px) {
  .gradient-menu .slide-item:hover,
  .gradient-menu .slide-item:focus {
    color: #ffffff;
  }
}

.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: -webkit-gradient(linear, left top, left bottom, from(#513da0), to(#664dc9)) !important;
  background-image: linear-gradient(to bottom, #513da0, #664dc9) !important;
}

.gradient-menu .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-right: 1px solid #755dd3;
  background: #5540a8;
  padding: 11px 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;
  -webkit-box-shadow: 0 0 0 4px #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: 11px 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;
  }
}

.gradient-menu.rtl.sidenav-toggled .app-sidebar__logo {
  padding: 11px 14px !important;
}

@media (min-width: 768px) {
  .gradient-menu.rtl .slide-item:hover,
  .gradient-menu.rtl .slide-item:focus {
    color: #ffffff;
  }
}

.gradient-menu.rtl .sub-side-menu__label2 {
  color: #ccd4e0;
}

.gradient-menu.rtl .sub-angle2 {
  color: #ccd4e0;
}

.gradient-menu.rtl .sub-slide-item2 {
  color: #ccd4e0;
}

.gradient-menu.rtl .slide-menu a.active {
  color: #ffffff !important;
}

.gradient-menu.rtl .sub-side-menu__item {
  color: #ccd4e0;
}

.gradient-menu.rtl .sub-slide-item {
  color: #ccd4e0;
}

.gradient-menu.rtl .desktop-lgo {
  display: none;
}

.gradient-menu.rtl .dark-logo {
  display: block !important;
  margin: 0 auto;
}

.gradient-menu.rtl .app-sidebar {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#513da0), to(#664dc9)) !important;
  background-image: linear-gradient(to bottom, #513da0, #664dc9) !important;
}

.gradient-menu.rtl .app-sidebar__logo {
  border-bottom: 1px solid #755dd3;
  border-left: 1px solid #755dd3;
  background: #5540a8;
  padding: 11px 40px;
}

.gradient-menu.rtl .app-sidebar .side-item.side-item-category {
  color: #ccd4e0;
}

.gradient-menu.rtl .app-sidebar {
  border-left: 1px solid #755dd3;
}

.gradient-menu.rtl .app-sidebar__user {
  border-bottom: 1px solid #755dd3;
}

.gradient-menu.rtl .slide.is-expanded .slide-menu li a:hover {
  color: #fff;
}

.gradient-menu.rtl .app-sidebar__user .user-pic img {
  border: 3px solid #755dd3;
  -webkit-box-shadow: 0 0 0 4px #755dd3;
          box-shadow: 0 0 0 4px #755dd3;
}

.gradient-menu.rtl .app-sidebar__user-name {
  color: #ccd4e0b5 !important;
}

.gradient-menu.rtl .app-sidebar {
  border-top: 1px solid #755dd3;
}

.gradient-menu.rtl .user-info h5 {
  color: #ccd4e0;
}

.gradient-menu.rtl .side-menu__item.active, .gradient-menu.rtl .side-menu__item:hover, .gradient-menu.rtl .side-menu__item:focus {
  background: #ccd4e01c;
  color: #fff !important;
}

.gradient-menu.rtl .side-menu__item.active .side-menu__label, .gradient-menu.rtl .side-menu__item:hover .side-menu__label, .gradient-menu.rtl .side-menu__item:focus .side-menu__label {
  color: #fff !important;
}

.gradient-menu.rtl .side-menu__item.active .side-menu__icon, .gradient-menu.rtl .side-menu__item:hover .side-menu__icon, .gradient-menu.rtl .side-menu__item:focus .side-menu__icon {
  fill: #fff !important;
}

.gradient-menu.rtl .side-menu__item.active i, .gradient-menu.rtl .side-menu__item:hover i, .gradient-menu.rtl .side-menu__item:focus i {
  color: #fff !important;
}

.gradient-menu.rtl .side-menu__label {
  color: #ccd4e0 !important;
}

.gradient-menu.rtl .side-menu__icon {
  fill: #ccd4e0 !important;
}

.gradient-menu.rtl .side-menu__item i {
  color: #ccd4e0;
}

.gradient-menu.rtl .slide-item {
  color: #ccd4e0;
}

.gradient-menu.rtl.sidenav-toggled1 .side-menu__item:focus {
  background: #ccd4e01c !important;
}

@media (min-width: 768px) {
  .gradient-menu.rtl.sidenav-toggled .app-sidebar__logo {
    border-left: 1px solid #755dd3 !important;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-left: 1px solid #755dd3 !important;
    border-right: 0px !important;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
    border-bottom: 1px solid #755dd3 !important;
  }
  .gradient-menu.rtl.sidenav-toggled .desktop-lgo,
  .gradient-menu.rtl.sidenav-toggled .dark-logo,
  .gradient-menu.rtl.sidenav-toggled .mobile-logo {
    display: none !important;
  }
  .gradient-menu.rtl.sidenav-toggled .darkmobile-logo {
    display: block !important;
    margin: 0 auto;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .desktop-lgo,
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .darkmobile-logo,
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .mobile-logo {
    display: none !important;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .dark-logo {
    display: block !important;
    margin: 0 auto;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    padding: 11px 40px;
  }
  .gradient-menu.rtl.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
    margin-top: 0px;
  }
  .gradient-menu.rtl .app-sidebar__logo {
    border-left: 1px solid #755dd3 !important;
  }
}

/*--Boxed--*/
@media (max-width: 1025px) {
  .layout-boxed .page {
    width: auto;
  }
}

@media (min-width: 1025px) {
  body.layout-boxed {
    background: #cfd1e2;
  }
  body.layout-boxed.dark-mode {
    background: #202330;
  }
  .layout-boxed .page {
    width: 1400px;
    margin: 0 auto;
    background: #f2f3f9;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;
    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.rtl .app-sidebar {
    right: 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: #202330;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
  }
}

/*--- Scrollabel-header ----*/
@media (min-width: 767px) {
  .layout-boxed.menu3.sideicon-menu.sidenav-toggled.scrollable-layout .app-sidebar {
    max-height: 100%;
  }
  .layout-boxed.scrollable-layout.menu1.default-menu.sidenav-toggled .app-sidebar {
    max-height: 100%;
  }
  .sidebar-mini.scrollable-layout.menu3.sideicon-menu.sidenav-toggled .app-sidebar {
    max-height: 100%;
  }
}

.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;
}

@media (max-width: 767px) {
  .scrollable-layout .app-header .responsive-navbar.navbar .navbar-collapse {
    position: absolute;
    width: 100%;
  }
}

.scrollable-layout .navbar {
  position: inherit;
}

.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: #664dc9 !important;
  fill: #555b6d !important;
}

.light-hormenu .hor-menu a {
  color: #6c756e;
}

.light-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
  background: #f5f6f8;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #664dc9;
}

.light-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #f5f6f8;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #664dc9;
}

@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: #664dc9;
  }
  .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: #664dc9 !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 {
    -webkit-box-shadow: none !important;
            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: #664dc9 !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;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.dark-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  -webkit-box-shadow: none;
          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 {
    -webkit-box-shadow: none !important;
            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: #664dc9 !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;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.color-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  -webkit-box-shadow: none;
          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: #664dc9 !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: #664dc9 !important;
  }
  .color-hormenu .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .color-hormenu .mega-menubg {
    background: #664dc9 !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: #664dc9 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    -webkit-box-shadow: none !important;
            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: #664dc9 !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: #664dc9 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .mega-menubg {
    background: #664dc9 !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: #664dc9 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode li ul.sub-menu:hover {
    background-color: #664dc9 !important;
    color: #ccd4e0 !important;
  }
  .color-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    -webkit-box-shadow: none !important;
            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: -webkit-gradient(linear, left top, right top, from(#513da0), to(#664dc9)) !important;
  background-image: linear-gradient(to right, #513da0, #664dc9) !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;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.gradient-hormenu .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
  background: #ccd4e01c;
  -webkit-box-shadow: none;
          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: #664dc9 !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: #664dc9 !important;
  }
  .gradient-hormenu .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .mega-menubg {
    background: #664dc9 !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: #664dc9 !important;
    color: #ccd4e0 !important;
  }
  .gradient-hormenu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    -webkit-box-shadow: none !important;
            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: -webkit-gradient(linear, left top, right top, from(#513da0), to(#664dc9)) !important;
    background-image: linear-gradient(to right, #513da0, #664dc9) !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: #664dc9 !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu-list > li {
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .mega-menubg {
    background: #664dc9 !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: #664dc9 !important;
    color: #ccd4e0 !important;
  }
  .gradient-hormenu.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    -webkit-box-shadow: none !important;
            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: "\2713";
  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: "\2713";
  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: 120px;
  }
  .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: -webkit-box;
    display: -ms-flexbox;
    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;
  }
}

@media (min-width: 768px) {
  .layout-boxed.closed-menu.sidenav-toggled .app-sidebar {
    width: 0px !important;
    display: none !important;
  }
  .layout-boxed.closed-menu.sidenav-toggled .app-sidebar__logo {
    width: 0px !important;
    display: none !important;
  }
}

.icontext-menu .app-sidebar__logo {
  padding: 11px 20px !important;
}

@media (min-width: 768px) {
  .icontext-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
    margin-top: 0px !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled .app-sidebar {
    right: auto !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.light-header .app-sidebar__toggle {
    border-left: 1px solid #e6ebf1 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.color-header .app-sidebar__toggle {
    border-left: 1px solid #7d67d4 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.gradient-header .app-sidebar__toggle {
    border-left: 1px solid #7d67d4 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.dark-header .app-sidebar__toggle {
    border-left: 1px solid #32394e !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.dark-mode.light-header .app-sidebar__toggle {
    border-left: 1px solid #e6ebf1 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.dark-mode.color-header .app-sidebar__toggle {
    border-left: 1px solid #7d67d4 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.dark-mode.gradient-header .app-sidebar__toggle {
    border-left: 1px solid #7d67d4 !important;
  }
  .rtl.layout-boxed.icontext-menu.sidebar-mini.sidenav-toggled.dark-mode.dark-header .app-sidebar__toggle {
    border-left: 1px solid #32394e !important;
  }
}

.app.sidebar-mini.layout-boxed.rtl.dark-mode.light-menu .app-sidebar .app-sidebar__logo .header-brand .header-brand-img.dark-logo,
.app.sidebar-mini.layout-boxed.rtl.dark-mode.light-menu .app-sidebar .app-sidebar__logo .header-brand .header-brand-img.darkmobile-logo,
.app.sidebar-mini.layout-boxed.rtl.dark-mode.light-menu .app-sidebar .app-sidebar__logo .header-brand .header-brand-img.mobile-logo {
  display: none !important;
}

.app.sidebar-mini.layout-boxed.rtl.dark-mode.light-menu .app-sidebar .app-sidebar__logo .header-brand .header-brand-img.desktop-lgo {
  display: block !important;
}

.app.sidebar-mini.layout-boxed.rtl.dark-mode.light-menu .app-sidebar__logo {
  border-right: 0px !important;
}

.app.sidebar-mini.layout-boxed.dark-mode.light-menu .header-brand-img.dark-logo {
  display: none !important;
}

.app.sidebar-mini.layout-boxed.dark-mode.light-menu .app-sidebar__logo {
  border-left: 0px !important;
}

.app.sidebar-mini.dark-mode.light-menu .app-sidebar .app-sidebar__logo {
  border-left: 1px solid #e6ebf1 !important;
  border-right: 0 !important;
}

.app.sidebar-mini.dark-mode.light-menu .app-sidebar .app-sidebar__logo .header-brand .header-brand-img.dark-logo {
  display: none !important;
}
/*# sourceMappingURL=skin-modes.css.map */