.static-style-css{
}

.eva-animation {
  animation-duration: 1s;
  animation-fill-mode: both; }

.eva-infinite {
  animation-iteration-count: infinite; }

.eva-icon-shake {
  animation-name: eva-shake; }

.eva-icon-zoom {
  animation-name: eva-zoomIn; }

.eva-icon-pulse {
  animation-name: eva-pulse; }

.eva-icon-flip {
  animation-name: eva-flipInY; }

.eva-hover {
  display: inline-block; }

.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake {
  animation-name: eva-shake; }

.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom {
  animation-name: eva-zoomIn; }

.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse {
  animation-name: eva-pulse; }

.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip {
  animation-name: eva-flipInY; }

@keyframes eva-flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes eva-shake {
  from,
  to {
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-3px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(3px, 0, 0); } }

@keyframes eva-pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes eva-zoomIn {
  from {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 0.5); }
  50% {
    opacity: 1; } }

/****************************************************************************/
.src_app_pages_pages_component_scss[_ngcontent-c0] {
  color: red; }
.nb-theme-default   [_nghost-c0]     router-outlet + * {
  display: block;
  -webkit-animation: fade 1s;
          animation: fade 1s; }

@-webkit-keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }



.nb-theme-cosmic   [_nghost-c0]     router-outlet + * {
  display: block;
  -webkit-animation: fade 1s;
          animation: fade 1s; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }



.nb-theme-corporate   [_nghost-c0]     router-outlet + * {
  display: block;
  -webkit-animation: fade 1s;
          animation: fade 1s; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*# ****************************************************************************************************/
.src_app_theme_layouts_sample_sample_layout_scss[_ngcontent-c1] {
  color: red; }
.nb-theme-default   [_nghost-c1]   nb-layout-column.small[_ngcontent-c1] {
  -webkit-box-flex: 0.15 !important;
      -ms-flex: 0.15 !important;
          flex: 0.15 !important; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 19rem;
  overflow: hidden; }

[dir=ltr]   .nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

[dir=rtl]   .nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=ltr]   .nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=rtl]   .nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

.nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded[_ngcontent-c1], .nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded.start[_ngcontent-c1] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .scrollable {
    width: 19rem;
    padding: 3.4rem 0.25rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container {
    width: 19rem;
    background: #ffffff;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow: hidden;
    position: relative; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container .scrollable {
      width: 19rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
  margin-top: 2rem;
  background: transparent; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
    height: calc(100vh - 4.75rem - 2rem) !important; }

[dir=ltr]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-right-radius: 0.375rem; }

[dir=rtl]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-left-radius: 0.375rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-sidebar-header {
    padding-bottom: 0.5rem;
    text-align: center; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    padding: 0.75rem 2.5rem;
    margin-top: -2rem;
    font-weight: bold;
    -webkit-transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
    transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48); }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1] {
      font-size: 2rem;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

[dir=ltr]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-left: 0.25rem; }

[dir=rtl]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-right: 0.25rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1], .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      vertical-align: middle; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu > .menu-items > .menu-item:first-child .menu-title::after {
    /*content: 'new'; */
    color: #ffffff;
    margin-left: 1rem;
    background: #ff4c6a;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.875rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu .nb-e-commerce {
    font-size: 2rem; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]     nb-sidebar-header {
    padding-left: 0;
    padding-right: 0; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    width: 46px;
    height: 44px;
    padding: 0.375rem;
    border-radius: 5px;
    -webkit-transition: none;
    transition: none; }

.nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      display: none; }

@media (max-width: 399.98px) {
  .nb-theme-default   [_nghost-c1]   .main-content[_ngcontent-c1] {
    padding: 0.75rem !important; } }

@media (max-width: 767.98px) {
  .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
    margin-top: 0; }
    .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      height: calc(100vh - 4.75rem) !important; }
      [dir=ltr]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-right-radius: 0; }
      [dir=rtl]   .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-left-radius: 0; }
      .nb-theme-default   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container .scrollable {
        padding-top: 0; }
  .nb-theme-default   [_nghost-c1]   .main-btn[_ngcontent-c1] {
    display: none; } }



.nb-theme-cosmic   [_nghost-c1]   nb-layout-column.small[_ngcontent-c1] {
  -webkit-box-flex: 0.15 !important;
      -ms-flex: 0.15 !important;
          flex: 0.15 !important; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 19rem;
  overflow: hidden; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded[_ngcontent-c1], .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded.start[_ngcontent-c1] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .scrollable {
    width: 19rem;
    padding: 3.4rem 0.25rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container {
    width: 19rem;
    background: #3d3780;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow: hidden;
    position: relative;
    background: #2f296b; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container .scrollable {
      width: 19rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
  margin-top: 2rem;
  background: transparent; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
    height: calc(100vh - 4.75rem - 2rem) !important; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-right-radius: 0.5rem; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-left-radius: 0.5rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-sidebar-header {
    padding-bottom: 0.5rem;
    text-align: center; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    padding: 0.75rem 2.5rem;
    margin-top: -2rem;
    font-weight: bold;
    -webkit-transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
    transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48); }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1] {
      font-size: 2rem;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-left: 0.25rem; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-right: 0.25rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1], .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      vertical-align: middle; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu > .menu-items > .menu-item:first-child .menu-title::after {
    /*content: 'new'; */
    color: #ffffff;
    margin-left: 1rem;
    background: #ff386a;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.875rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu .nb-e-commerce {
    font-size: 2rem; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]     nb-sidebar-header {
    padding-left: 0;
    padding-right: 0; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    width: 46px;
    height: 44px;
    padding: 0.375rem;
    border-radius: 5px;
    -webkit-transition: none;
    transition: none; }

.nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      display: none; }

@media (max-width: 399.98px) {
  .nb-theme-cosmic   [_nghost-c1]   .main-content[_ngcontent-c1] {
    padding: 0.75rem !important; } }

@media (max-width: 767.98px) {
  .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
    margin-top: 0; }
    .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      height: calc(100vh - 4.75rem) !important; }
      [dir=ltr]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-right-radius: 0; }
      [dir=rtl]   .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-left-radius: 0; }
      .nb-theme-cosmic   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container .scrollable {
        padding-top: 0; }
  .nb-theme-cosmic   [_nghost-c1]   .main-btn[_ngcontent-c1] {
    display: none; } }



.nb-theme-corporate   [_nghost-c1]   nb-layout-column.small[_ngcontent-c1] {
  -webkit-box-flex: 0.15 !important;
      -ms-flex: 0.15 !important;
          flex: 0.15 !important; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 19rem;
  overflow: hidden; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

[dir=rtl]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=ltr]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

[dir=rtl]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar.start[_ngcontent-c1] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded[_ngcontent-c1], .nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar.expanded.start[_ngcontent-c1] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .scrollable {
    width: 19rem;
    padding: 3.4rem 0.25rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container {
    width: 19rem;
    background: #ffffff;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow: hidden;
    position: relative; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.settings-sidebar[_ngcontent-c1]     .main-container .scrollable {
      width: 19rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
  margin-top: 2rem;
  margin-top: 0;
  background: transparent; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
    height: calc(100vh - 4.75rem - 2rem) !important;
    border: 1px solid #cdd5dc;
    height: calc(100vh - 4.75rem) !important; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-right-radius: 0.17rem; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      border-top-left-radius: 0.17rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .scrollable {
    padding-top: 0; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .scrollable .menu-item:first-child {
      border-top: none; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-sidebar-header {
    padding-bottom: 0.5rem;
    text-align: center; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    padding: 0.75rem 2.5rem;
    margin-top: -2rem;
    font-weight: bold;
    -webkit-transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
    transition: padding 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
    border-radius: 0.17rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1] {
      font-size: 2rem;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

[dir=ltr]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-left: 0.25rem; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      padding-right: 0.25rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   i[_ngcontent-c1], .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      vertical-align: middle; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu > .menu-items > .menu-item:first-child .menu-title::after {
    /*content: 'new';*/
    color: #ffffff;
    margin-left: 1rem;
    background: #ff6b83;
    padding: 0 0.5rem;
    border-radius: 0.17rem;
    font-size: 0.875rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     nb-menu .nb-e-commerce {
    font-size: 2rem; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]     nb-sidebar-header {
    padding-left: 0;
    padding-right: 0; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1] {
    width: 46px;
    height: 44px;
    padding: 0.375rem;
    border-radius: 5px;
    -webkit-transition: none;
    transition: none; }

.nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar.compacted[_ngcontent-c1]   .main-btn[_ngcontent-c1]   span[_ngcontent-c1] {
      display: none; }

@media (max-width: 399.98px) {
  .nb-theme-corporate   [_nghost-c1]   .main-content[_ngcontent-c1] {
    padding: 0.75rem !important; } }

@media (max-width: 767.98px) {
  .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1] {
    margin-top: 0; }
    .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
      height: calc(100vh - 4.75rem) !important; }
      [dir=ltr]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-right-radius: 0; }
      [dir=rtl]   .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container {
        border-top-left-radius: 0; }
      .nb-theme-corporate   [_nghost-c1]   nb-sidebar.menu-sidebar[_ngcontent-c1]     .main-container .scrollable {
        padding-top: 0; }
  .nb-theme-corporate   [_nghost-c1]   .main-btn[_ngcontent-c1] {
    display: none; } }
/*# *********************************************************************************/

.src_app_theme_components_header_header_component_scss[_ngcontent-c4] {
  color: red; }
.nb-theme-default   [_nghost-c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.nb-theme-default   [_nghost-c4]   .left[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.nb-theme-default   [_nghost-c4]   .right[_ngcontent-c4] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }

.nb-theme-default   [_nghost-c4]   .logo-containter[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(16rem - 1.25rem); }

.nb-theme-default   [_nghost-c4]   .control-item[_ngcontent-c4] {
    display: block; }

.nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto; }

.nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
      font-size: 2.5rem;
      text-decoration: none; }

[dir=ltr]   .nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-right: 1.25rem; }

[dir=rtl]   .nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-left: 1.25rem; }

.nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4]   i[_ngcontent-c4] {
        display: block; }

.nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      padding: 0 1.25rem;
      font-size: 1.75rem;
      font-weight: 500;
      white-space: nowrap; }

[dir=ltr]   .nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-left: 1px solid #ebeef2; }

[dir=rtl]   .nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-right: 1px solid #ebeef2; }

.nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4]   span[_ngcontent-c4] {
        font-weight: 400; }

.nb-theme-default   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
    margin: 0 1.5rem; }

.nb-theme-default   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
    margin: 2.25rem 2.25rem 0.75rem;
    margin-top: 0;
    margin-bottom: 0; }

@media (max-width: 1399.98px) {
    .nb-theme-default   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; } }

.nb-theme-default   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a {
    display: block;
    text-decoration: none;
    line-height: 1; }

.nb-theme-default   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i {
      color: #40dc7e;
      font-size: 2.25rem;
      border-radius: 50%;
      position: relative;
      -webkit-animation-name: pulse-light;
              animation-name: pulse-light; }

.nb-theme-default   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i::after {
        content: ' ';
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        border-radius: 50%;
        pointer-events: none;
        position: absolute;
        top: 52.3%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 13%;
        height: 13%;
        -webkit-animation: 3s linear infinite pulse;
                animation: 3s linear infinite pulse;
        -webkit-animation-name: pulse-light;
                animation-name: pulse-light; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(64, 220, 126, 0);
            box-shadow: 0 0 1px 0 rgba(64, 220, 126, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(64, 220, 126, 0.4);
            box-shadow: 0 0 3px 10px rgba(64, 220, 126, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(64, 220, 126, 0);
            box-shadow: 0 0 5px 20px rgba(64, 220, 126, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(64, 220, 126, 0);
            box-shadow: 0 0 1px 0 rgba(64, 220, 126, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(64, 220, 126, 0.4);
            box-shadow: 0 0 3px 10px rgba(64, 220, 126, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(64, 220, 126, 0);
            box-shadow: 0 0 5px 20px rgba(64, 220, 126, 0); } }

@-webkit-keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@media (max-width: 991.98px) {
    .nb-theme-default   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      border: none; }
    .nb-theme-default   [_nghost-c4]   .control-item[_ngcontent-c4] {
      display: none; }
    .nb-theme-default   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      padding: 0; }
    .nb-theme-default   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-default   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      margin: 0 0.5rem; } }

@media (max-width: 767.98px) {
    .nb-theme-default   [_nghost-c4]   nb-user[_ngcontent-c4]     .user-name {
      display: none; } }

@media (max-width: 575.98px) {
    .nb-theme-default   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      font-size: 1.25rem; }
    .nb-theme-default   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      display: none; }
    .nb-theme-default   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-default   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      padding: 0; } }

@media (max-width: 399.98px) {
    .nb-theme-default   [_nghost-c4]   .right[_ngcontent-c4]     {
      display: none; } }



.nb-theme-cosmic   [_nghost-c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.nb-theme-cosmic   [_nghost-c4]   .left[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.nb-theme-cosmic   [_nghost-c4]   .right[_ngcontent-c4] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }

.nb-theme-cosmic   [_nghost-c4]   .logo-containter[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(16.25rem - 1.25rem); }

.nb-theme-cosmic   [_nghost-c4]   .control-item[_ngcontent-c4] {
    display: block; }

.nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto; }

.nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
      font-size: 2.5rem;
      text-decoration: none; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-right: 1.25rem; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-left: 1.25rem; }

.nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4]   i[_ngcontent-c4] {
        display: block; }

.nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      padding: 0 1.25rem;
      font-size: 1.75rem;
      font-weight: 500;
      white-space: nowrap; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-left: 1px solid #342e73; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-right: 1px solid #342e73; }

.nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4]   span[_ngcontent-c4] {
        font-weight: 400; }

.nb-theme-cosmic   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
    margin: 0 1.5rem; }

.nb-theme-cosmic   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
    margin: 2.25rem 2.25rem 0.75rem;
    margin-top: 0;
    margin-bottom: 0; }

@media (max-width: 1399.98px) {
    .nb-theme-cosmic   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; } }

.nb-theme-cosmic   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a {
    display: block;
    text-decoration: none;
    line-height: 1; }

.nb-theme-cosmic   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i {
      color: #00f9a6;
      font-size: 2.25rem;
      border-radius: 50%;
      position: relative;
      -webkit-animation-name: pulse-light;
              animation-name: pulse-light; }

.nb-theme-cosmic   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i::after {
        content: ' ';
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        border-radius: 50%;
        pointer-events: none;
        position: absolute;
        top: 52.3%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 13%;
        height: 13%;
        -webkit-animation: 3s linear infinite pulse;
                animation: 3s linear infinite pulse; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 249, 166, 0);
            box-shadow: 0 0 1px 0 rgba(0, 249, 166, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(0, 249, 166, 0.4);
            box-shadow: 0 0 3px 10px rgba(0, 249, 166, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(0, 249, 166, 0);
            box-shadow: 0 0 5px 20px rgba(0, 249, 166, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 249, 166, 0);
            box-shadow: 0 0 1px 0 rgba(0, 249, 166, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(0, 249, 166, 0.4);
            box-shadow: 0 0 3px 10px rgba(0, 249, 166, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(0, 249, 166, 0);
            box-shadow: 0 0 5px 20px rgba(0, 249, 166, 0); } }

@-webkit-keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@media (max-width: 991.98px) {
    .nb-theme-cosmic   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      border: none; }
    .nb-theme-cosmic   [_nghost-c4]   .control-item[_ngcontent-c4] {
      display: none; }
    .nb-theme-cosmic   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      padding: 0; }
    .nb-theme-cosmic   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-cosmic   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      margin: 0 0.5rem; } }

@media (max-width: 767.98px) {
    .nb-theme-cosmic   [_nghost-c4]   nb-user[_ngcontent-c4]     .user-name {
      display: none; } }

@media (max-width: 575.98px) {
    .nb-theme-cosmic   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      font-size: 1.25rem; }
    .nb-theme-cosmic   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      display: none; }
    .nb-theme-cosmic   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-cosmic   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      padding: 0; } }

@media (max-width: 399.98px) {
    .nb-theme-cosmic   [_nghost-c4]   .right[_ngcontent-c4]     {
      display: none; } }



.nb-theme-corporate   [_nghost-c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.nb-theme-corporate   [_nghost-c4]   .left[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.nb-theme-corporate   [_nghost-c4]   .right[_ngcontent-c4] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }

.nb-theme-corporate   [_nghost-c4]   .logo-containter[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(16rem - 1.25rem); }

.nb-theme-corporate   [_nghost-c4]   .control-item[_ngcontent-c4] {
    display: block; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
      font-size: 2.5rem;
      text-decoration: none; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-right: 1.25rem; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4] {
        padding-left: 1.25rem; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .navigation[_ngcontent-c4]   i[_ngcontent-c4] {
        display: block; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      padding: 0 1.25rem;
      font-size: 1.75rem;
      font-weight: 500;
      white-space: nowrap; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-left: 1px solid #cdd5dc; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
        border-right: 1px solid #cdd5dc; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4]   span[_ngcontent-c4] {
        font-weight: 400; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c4]   nb-action[_ngcontent-c4] {
    border-left-color: #3f4550; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c4]   nb-action[_ngcontent-c4] {
    border-right-color: #3f4550; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
    border: none; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
    border: none; }

.nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]     ngx-theme-switcher .dropdown-toggle {
    color: #ffffff;
    background: transparent; }

.nb-theme-corporate   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
    margin: 0 1.5rem; }

.nb-theme-corporate   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
    margin: 2.25rem 2.25rem 0.75rem;
    margin-top: 0;
    margin-bottom: 0; }

@media (max-width: 1399.98px) {
    .nb-theme-corporate   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; } }

.nb-theme-corporate   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a {
    display: block;
    text-decoration: none;
    line-height: 1; }

.nb-theme-corporate   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i {
      color: #a4abb3;
      font-size: 2.25rem;
      border-radius: 50%;
      position: relative;
      -webkit-animation-name: pulse-light;
              animation-name: pulse-light; }

.nb-theme-corporate   [_nghost-c4]   .toggle-settings[_ngcontent-c4]     a i::after {
        content: ' ';
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        border-radius: 50%;
        pointer-events: none;
        position: absolute;
        top: 52.3%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 13%;
        height: 13%;
        -webkit-animation: 3s linear infinite pulse;
                animation: 3s linear infinite pulse; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(164, 171, 179, 0);
            box-shadow: 0 0 1px 0 rgba(164, 171, 179, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(164, 171, 179, 0.4);
            box-shadow: 0 0 3px 10px rgba(164, 171, 179, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(164, 171, 179, 0);
            box-shadow: 0 0 5px 20px rgba(164, 171, 179, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(164, 171, 179, 0);
            box-shadow: 0 0 1px 0 rgba(164, 171, 179, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(164, 171, 179, 0.4);
            box-shadow: 0 0 3px 10px rgba(164, 171, 179, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(164, 171, 179, 0);
            box-shadow: 0 0 5px 20px rgba(164, 171, 179, 0); } }

@-webkit-keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@keyframes pulse-light {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
            box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0); }
  20% {
    -webkit-box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
            box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
            box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0); } }

@media (max-width: 991.98px) {
    .nb-theme-corporate   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      border: none; }
    .nb-theme-corporate   [_nghost-c4]   .control-item[_ngcontent-c4] {
      display: none; }
    .nb-theme-corporate   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      padding: 0; }
    .nb-theme-corporate   [_nghost-c4]   ngx-layout-direction-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-corporate   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      margin: 0 0.5rem; } }

@media (max-width: 767.98px) {
    .nb-theme-corporate   [_nghost-c4]   nb-user[_ngcontent-c4]     .user-name {
      display: none; } }

@media (max-width: 575.98px) {
    .nb-theme-corporate   [_nghost-c4]   .header-container[_ngcontent-c4]   .logo[_ngcontent-c4] {
      font-size: 1.25rem; }
    .nb-theme-corporate   [_nghost-c4]   .toggle-settings[_ngcontent-c4] {
      display: none; }
    .nb-theme-corporate   [_nghost-c4]   ngx-theme-switcher[_ngcontent-c4] {
      display: none; }
    .nb-theme-corporate   [_nghost-c4]   nb-action[_ngcontent-c4]:not(.toggle-settings) {
      padding: 0; } }

@media (max-width: 399.98px) {
    .nb-theme-corporate   [_nghost-c4]   .right[_ngcontent-c4]     {
      display: none; } }
/*# ************************************************************************************/
.src_app_theme_components_footer_footer_component_scss[_ngcontent-c6] {
  color: red; }
.nb-theme-default   [_nghost-c6] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nb-theme-default   [_nghost-c6]   .socials[_ngcontent-c6] {
    font-size: 2rem; }

.nb-theme-default   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6] {
      padding: 0.4rem;
      color: #a4abb3;
      -webkit-transition: color ease-out 0.1s;
      transition: color ease-out 0.1s; }

.nb-theme-default   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6]:hover {
        color: #2a2a2a; }

@media (max-width: 575.98px) {
    .nb-theme-default   [_nghost-c6]   .socials[_ngcontent-c6] {
      font-size: 1.5rem; } }



.nb-theme-cosmic   [_nghost-c6] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nb-theme-cosmic   [_nghost-c6]   .socials[_ngcontent-c6] {
    font-size: 2rem; }

.nb-theme-cosmic   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6] {
      padding: 0.4rem;
      color: #a1a1e5;
      -webkit-transition: color ease-out 0.1s;
      transition: color ease-out 0.1s; }

.nb-theme-cosmic   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6]:hover {
        color: #ffffff; }

@media (max-width: 575.98px) {
    .nb-theme-cosmic   [_nghost-c6]   .socials[_ngcontent-c6] {
      font-size: 1.5rem; } }



.nb-theme-corporate   [_nghost-c6] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nb-theme-corporate   [_nghost-c6]   .socials[_ngcontent-c6] {
    font-size: 2rem; }

.nb-theme-corporate   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6] {
      padding: 0.4rem;
      color: #a4abb3;
      -webkit-transition: color ease-out 0.1s;
      transition: color ease-out 0.1s; }

.nb-theme-corporate   [_nghost-c6]   .socials[_ngcontent-c6]   a[_ngcontent-c6]:hover {
        color: #181818; }

@media (max-width: 575.98px) {
    .nb-theme-corporate   [_nghost-c6]   .socials[_ngcontent-c6] {
      font-size: 1.5rem; } }
/*# *******************************************************************************************/


.src_app_theme_components_theme_settings_theme_settings_component_scss[_ngcontent-c7] {
  color: red; }
.nb-theme-default   [_nghost-c7]   h6[_ngcontent-c7] {
  margin-bottom: 0.875rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }

.nb-theme-default   [_nghost-c7]   .settings-row[_ngcontent-c7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 0 2.575rem; }

.nb-theme-default   [_nghost-c7]   .settings-row[_ngcontent-c7]   a[_ngcontent-c7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 4.15rem;
    height: 4.15rem;
    border-radius: 0.375rem;
    background-color: #ffffff;
    border: 2px solid transparent;
    margin: 0.875rem;
    text-decoration: none;
    font-size: 2.25rem;
    color: #a4abb3; }

.nb-theme-default   [_nghost-c7]   .settings-row[_ngcontent-c7]   a.selected[_ngcontent-c7] {
      color: #40dc7e;
      border-color: #40dc7e; }

.nb-theme-default   [_nghost-c7]   .settings[_ngcontent-c7] {
  margin-bottom: 1em; }

.nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7] {
  margin-bottom: 1rem;
  font-size: 1.524rem;
  width: 12rem; }

.nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span {
    font-size: 1em;
    font-weight: normal; }

.nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.first, .nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.second {
      font-size: 1rem; }

.nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch {
    height: 1.5em;
    width: 3em; }

.nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch .slider::before {
      height: 1.5em;
      width: 1.5em; }

[dir=ltr]   .nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(1.5em) !important;
              transform: translateX(1.5em) !important; }

[dir=rtl]   .nb-theme-default   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(-1.5em) !important;
              transform: translateX(-1.5em) !important; }



.nb-theme-cosmic   [_nghost-c7]   h6[_ngcontent-c7] {
  margin-bottom: 0.875rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }

.nb-theme-cosmic   [_nghost-c7]   .settings-row[_ngcontent-c7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 0 2.575rem; }

.nb-theme-cosmic   [_nghost-c7]   .settings-row[_ngcontent-c7]   a[_ngcontent-c7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 4.15rem;
    height: 4.15rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: 2px solid transparent;
    margin: 0.875rem;
    text-decoration: none;
    font-size: 2.25rem;
    color: #a1a1e5;
    -webkit-box-shadow: 0 4px 14px 0 rgba(19, 19, 94, 0.4);
            box-shadow: 0 4px 14px 0 rgba(19, 19, 94, 0.4);
    background-color: #3e367e;
    border: 2px solid #3e367e; }

.nb-theme-cosmic   [_nghost-c7]   .settings-row[_ngcontent-c7]   a.selected[_ngcontent-c7] {
      color: #00d977;
      border-color: #00d977; }

.nb-theme-cosmic   [_nghost-c7]   .settings-row[_ngcontent-c7]   a.selected[_ngcontent-c7] {
      color: #00f9a6; }

.nb-theme-cosmic   [_nghost-c7]   .settings[_ngcontent-c7] {
  margin-bottom: 1em; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7] {
  margin-bottom: 1rem;
  font-size: 1.524rem;
  width: 12rem; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span {
    font-size: 1em;
    font-weight: normal; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.first, .nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.second {
      font-size: 1rem; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch {
    height: 1.5em;
    width: 3em; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch .slider::before {
      height: 1.5em;
      width: 1.5em; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(1.5em) !important;
              transform: translateX(1.5em) !important; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(-1.5em) !important;
              transform: translateX(-1.5em) !important; }

.nb-theme-cosmic   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch .slider {
    background-color: #3d3780; }



.nb-theme-corporate   [_nghost-c7]   h6[_ngcontent-c7] {
  margin-bottom: 0.875rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }

.nb-theme-corporate   [_nghost-c7]   .settings-row[_ngcontent-c7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 0 2.575rem; }

.nb-theme-corporate   [_nghost-c7]   .settings-row[_ngcontent-c7]   a[_ngcontent-c7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 4.15rem;
    height: 4.15rem;
    border-radius: 0.17rem;
    background-color: #ffffff;
    border: 2px solid transparent;
    margin: 0.875rem;
    text-decoration: none;
    font-size: 2.25rem;
    color: #a4abb3; }

.nb-theme-corporate   [_nghost-c7]   .settings-row[_ngcontent-c7]   a.selected[_ngcontent-c7] {
      color: #5dcfe3;
      border-color: #5dcfe3; }

.nb-theme-corporate   [_nghost-c7]   .settings[_ngcontent-c7] {
  margin-bottom: 1em; }

.nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7] {
  margin-bottom: 1rem;
  font-size: 1.524rem;
  width: 12rem; }

.nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span {
    font-size: 1em;
    font-weight: normal; }

.nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.first, .nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch-label span.second {
      font-size: 1rem; }

.nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch {
    height: 1.5em;
    width: 3em; }

.nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch .slider::before {
      height: 1.5em;
      width: 1.5em; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(1.5em) !important;
              transform: translateX(1.5em) !important; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c7]   .switcher[_ngcontent-c7]     ngx-switcher .switch input:checked + .slider::before {
      -webkit-transform: translateX(-1.5em) !important;
              transform: translateX(-1.5em) !important; }
/*# ***********************************************************************/
.src_app_theme_components_toggle_settings_button_toggle_settings_button_component_scss[_ngcontent-c8] {
  color: red; }
.nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
  position: fixed;
  top: 50%;
  height: 3rem;
  width: 3rem;
  padding: 0;
  text-align: center;
  border: none;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 998;
  border: 1px solid #d5dbe0;
  -webkit-box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
          box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
  background-color: #ffffff; }

[dir=ltr]   .nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    right: 0; }

[dir=ltr]   .nb-theme-default   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      right: auto;
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
      left: 0; }

[dir=rtl]   .nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    left: 0; }

[dir=rtl]   .nb-theme-default   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      left: auto;
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
      right: 0; }

[dir=ltr]   .nb-theme-default   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=rtl]   .nb-theme-default   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

[dir=rtl]   .nb-theme-default   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=ltr]   .nb-theme-default   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

.nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8]   i[_ngcontent-c8] {
    font-size: 2.75rem;
    color: #ffffff;
    display: block;
    color: #ff4c6a; }

.nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8]:not(.was-expanded)   i[_ngcontent-c8] {
    -webkit-animation-name: gear-pulse;
            animation-name: gear-pulse;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@-webkit-keyframes gear-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes gear-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@media (max-width: 767.98px) {
  .nb-theme-default   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    display: none; } }



.nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
  position: fixed;
  top: 50%;
  height: 3rem;
  width: 3rem;
  padding: 0;
  text-align: center;
  border: none;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 998;
  -webkit-box-shadow: 0 0 3.4285rem 0 rgba(19, 19, 94, 0.72);
          box-shadow: 0 0 3.4285rem 0 rgba(19, 19, 94, 0.72);
  background-image: -webkit-gradient(linear, left top, right top, from(#00d9bf), to(#00d977));
  background-image: linear-gradient(to right, #00d9bf, #00d977); }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    right: 0; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      right: auto;
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      left: 0; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    left: 0; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      left: auto;
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
      right: 0; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

.nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8]   i[_ngcontent-c8] {
    font-size: 2.75rem;
    color: #ffffff;
    display: block; }

.nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8]:not(.was-expanded)   i[_ngcontent-c8] {
    -webkit-animation-name: gear-pulse;
            animation-name: gear-pulse;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@keyframes gear-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@media (max-width: 767.98px) {
  .nb-theme-cosmic   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    display: none; } }



.nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
  position: fixed;
  top: 50%;
  height: 3rem;
  width: 3rem;
  padding: 0;
  text-align: center;
  border: none;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 998;
  border: 1px solid #d5dbe0;
  -webkit-box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
          box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
  color: #ff6b83;
  background-color: #ffffff; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-left-radius: 0.17rem;
    border-bottom-left-radius: 0.17rem;
    right: 0; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      right: auto;
      border-top-right-radius: 0.17rem;
      border-bottom-right-radius: 0.17rem;
      left: 0; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    border-top-right-radius: 0.17rem;
    border-bottom-right-radius: 0.17rem;
    left: 0; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.sidebar-end[_ngcontent-c8] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      left: auto;
      border-top-left-radius: 0.17rem;
      border-bottom-left-radius: 0.17rem;
      right: 0; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=rtl]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.expanded[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

[dir=rtl]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(-19rem, -50%);
            transform: translate(-19rem, -50%); }

[dir=ltr]   .nb-theme-corporate   [_nghost-c8]   .toggle-settings.expanded.sidebar-end[_ngcontent-c8] {
    -webkit-transform: translate(19rem, -50%);
            transform: translate(19rem, -50%); }

.nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8]   i[_ngcontent-c8] {
    font-size: 2.75rem;
    color: #ffffff;
    display: block;
    color: #ffa36b; }

.nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8]:not(.was-expanded)   i[_ngcontent-c8] {
    -webkit-animation-name: gear-pulse;
            animation-name: gear-pulse;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@keyframes gear-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@media (max-width: 767.98px) {
  .nb-theme-corporate   [_nghost-c8]   .toggle-settings[_ngcontent-c8] {
    display: none; } }
/*# *****************************************************************************/
.src_app_theme_components_theme_switcher_theme_switcher_component_scss[_ngcontent-c10] {
  color: red; }
.nb-theme-default   [_nghost-c10]   .themes-switcher[_ngcontent-c10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  padding: 0.8rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #ebeff5;
  border-radius: 0.375rem; }

.nb-theme-default   [_nghost-c10]   .themes-switcher[_ngcontent-c10]:hover {
    background-color: #f5f7fa; }

.nb-theme-default   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   span[_ngcontent-c10] {
    margin: 0 1.2rem; }

.nb-theme-default   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10] {
    color: #8a7fff;
    font-size: 1.8rem;
    border-radius: 50%;
    position: relative;
    color: #40dc7e; }

.nb-theme-default   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10]::before {
      background: -webkit-linear-gradient(#01dbb5, #0bbb79);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }



.nb-theme-cosmic   [_nghost-c10]   .themes-switcher[_ngcontent-c10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  padding: 0.8rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #4e41a5;
  border-radius: 0.5rem; }

.nb-theme-cosmic   [_nghost-c10]   .themes-switcher[_ngcontent-c10]:hover {
    background-color: #675cb2; }

.nb-theme-cosmic   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   span[_ngcontent-c10] {
    margin: 0 1.2rem; }

.nb-theme-cosmic   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10] {
    color: #7659ff;
    font-size: 1.8rem;
    border-radius: 50%;
    position: relative; }

.nb-theme-cosmic   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10]::before {
      background: -webkit-linear-gradient(#a258fe, #7958fa);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }



.nb-theme-corporate   [_nghost-c10]   .themes-switcher[_ngcontent-c10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  padding: 0.8rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #2b2d34;
  border-radius: 0.17rem; }

.nb-theme-corporate   [_nghost-c10]   .themes-switcher[_ngcontent-c10]:hover {
    background-color: #494a50; }

.nb-theme-corporate   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   span[_ngcontent-c10] {
    margin: 0 1.2rem; }

.nb-theme-corporate   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10] {
    color: #73a1ff;
    font-size: 1.8rem;
    border-radius: 50%;
    position: relative;
    color: #a4abb3; }

.nb-theme-corporate   [_nghost-c10]   .themes-switcher[_ngcontent-c10]   i[_ngcontent-c10]::before {
      background: -webkit-linear-gradient(#e9e8eb, #a7a2be);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
/*# ******************************************************************************/
.src_app_theme_components_switcher_switcher_component_scss[_ngcontent-c14] {
  color: red; }
.nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 0; }

.nb-theme-default   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.nb-theme-default   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .first[_ngcontent-c14], .nb-theme-default   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .second[_ngcontent-c14] {
      padding: 0; }

.nb-theme-default   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .switch[_ngcontent-c14] {
      margin-top: 0.5em; }

.nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14] {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #a4abb3; }

[dir=ltr]   .nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-right: 10px; }

[dir=rtl]   .nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-left: 10px; }

[dir=ltr]   .nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-left: 10px; }

[dir=rtl]   .nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-right: 10px; }

.nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.active[_ngcontent-c14] {
      color: #4b4b4b; }

.nb-theme-default   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14]:active {
      opacity: 0.78; }

.nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14] {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  margin: 0; }

.nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14] {
    display: none; }

[dir=ltr]   .nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(1.5rem);
              transform: translateX(1.5rem); }

[dir=rtl]   .nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(-1.5rem);
              transform: translateX(-1.5rem); }

.nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.75rem;
    background-color: #ebeff5; }

.nb-theme-default   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14]::before {
    position: absolute;
    content: '';
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    background-color: #40dc7e;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 0.25rem 0 rgba(164, 171, 179, 0.4);
            box-shadow: 0 0 0.25rem 0 rgba(164, 171, 179, 0.4); }

@media (max-width: 399.98px) {
  .nb-theme-default   [_nghost-c14] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }



.nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 0; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .first[_ngcontent-c14], .nb-theme-cosmic   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .second[_ngcontent-c14] {
      padding: 0; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .switch[_ngcontent-c14] {
      margin-top: 0.5em; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14] {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #a1a1e5;
    color: #a1a1e5; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-right: 10px; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-left: 10px; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-left: 10px; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-right: 10px; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.active[_ngcontent-c14] {
      color: #d1d1ff; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.active[_ngcontent-c14] {
      color: #ffffff; }

.nb-theme-cosmic   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14]:active {
      opacity: 0.78; }

.nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14] {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  margin: 0; }

.nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14] {
    display: none; }

[dir=ltr]   .nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(1.5rem);
              transform: translateX(1.5rem); }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(-1.5rem);
              transform: translateX(-1.5rem); }

.nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.75rem;
    background-color: #2f296b; }

.nb-theme-cosmic   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14]::before {
    position: absolute;
    content: '';
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    background-color: #00d977;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 0.25rem 0 rgba(161, 161, 229, 0.4);
            box-shadow: 0 0 0.25rem 0 rgba(161, 161, 229, 0.4);
    background-image: -webkit-gradient(linear, left top, right top, from(#ad59ff), to(#7659ff));
    background-image: linear-gradient(to right, #ad59ff, #7659ff); }

@media (max-width: 399.98px) {
  .nb-theme-cosmic   [_nghost-c14] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }



.nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 0; }

.nb-theme-corporate   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.nb-theme-corporate   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .first[_ngcontent-c14], .nb-theme-corporate   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .second[_ngcontent-c14] {
      padding: 0; }

.nb-theme-corporate   [_nghost-c14]   .switch-label.vertical[_ngcontent-c14]   .switch[_ngcontent-c14] {
      margin-top: 0.5em; }

.nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14] {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #a4abb3; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-right: 10px; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.first[_ngcontent-c14] {
      padding-left: 10px; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-left: 10px; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.second[_ngcontent-c14] {
      padding-right: 10px; }

.nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span.active[_ngcontent-c14] {
      color: #4b4b4b; }

.nb-theme-corporate   [_nghost-c14]   .switch-label[_ngcontent-c14]    > span[_ngcontent-c14]:active {
      opacity: 0.78; }

.nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14] {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  margin: 0; }

.nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14] {
    display: none; }

[dir=ltr]   .nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(1.5rem);
              transform: translateX(1.5rem); }

[dir=rtl]   .nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14]   input[_ngcontent-c14]:checked    + .slider[_ngcontent-c14]::before {
      -webkit-transform: translateX(-1.5rem);
              transform: translateX(-1.5rem); }

.nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.75rem;
    background-color: #f1f5f8; }

.nb-theme-corporate   [_nghost-c14]   .switch[_ngcontent-c14]   .slider[_ngcontent-c14]::before {
    position: absolute;
    content: '';
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    background-color: #5dcfe3;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 0.25rem 0 rgba(164, 171, 179, 0.4);
            box-shadow: 0 0 0.25rem 0 rgba(164, 171, 179, 0.4);
    background-color: #73a1ff; }

@media (max-width: 399.98px) {
  .nb-theme-corporate   [_nghost-c14] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }
/*# *************************************************************************************/
.src_app_pages_e_commerce_profit_card_front_side_stats_card_front_component_scss[_ngcontent-c27] {
  color: red; }
.nb-theme-default   [_nghost-c27] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.nb-theme-default   [_nghost-c27]     nb-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.nb-theme-default   [_nghost-c27]     nb-card-header .header-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

[dir=rtl]   .nb-theme-default   [_nghost-c27]     nb-card-header .header-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }

.nb-theme-default   [_nghost-c27]     nb-card-header .title {
      padding-left: 1rem; }

.nb-theme-default   [_nghost-c27]     nb-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    overflow: hidden; }

.nb-theme-default   [_nghost-c27]     nb-card-body .period {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.nb-theme-default   [_nghost-c27]     nb-card-body .time-interval {
      font-size: 0.875rem;
      color: #a4abb3;
      white-space: nowrap; }

.nb-theme-default   [_nghost-c27]     nb-card-body .value {
      font-family: Exo, serif;
      font-weight: 600;
      color: #2a2a2a; }

.nb-theme-default   [_nghost-c27]     nb-card-body .value .currency {
        color: #40dc7e; }

.nb-theme-default   [_nghost-c27]     nb-card-body .start-period .time-interval, .nb-theme-default   [_nghost-c27]     nb-card-body .start-period .value {
      text-align: right; }

.nb-theme-default   [_nghost-c27]     nb-card-body .end-period .time-interval, .nb-theme-default   [_nghost-c27]     nb-card-body .end-period .value {
      text-align: left; }

.nb-theme-default   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative; }

.nb-theme-default   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart .echart {
        height: 100%;
        width: 100%; }



.nb-theme-cosmic   [_nghost-c27] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-header .header-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

[dir=rtl]   .nb-theme-cosmic   [_nghost-c27]     nb-card-header .header-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-header .title {
      padding-left: 1rem; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    overflow: hidden; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .period {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .time-interval {
      font-size: 0.875rem;
      color: #a1a1e5;
      white-space: nowrap; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .value {
      font-family: Exo, serif;
      font-weight: 600;
      color: #ffffff; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .value .currency {
        color: #00d977; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .start-period .time-interval, .nb-theme-cosmic   [_nghost-c27]     nb-card-body .start-period .value {
      text-align: right; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body .end-period .time-interval, .nb-theme-cosmic   [_nghost-c27]     nb-card-body .end-period .value {
      text-align: left; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative; }

.nb-theme-cosmic   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart .echart {
        height: 100%;
        width: 100%; }



.nb-theme-corporate   [_nghost-c27] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.nb-theme-corporate   [_nghost-c27]     nb-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.nb-theme-corporate   [_nghost-c27]     nb-card-header .header-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

[dir=rtl]   .nb-theme-corporate   [_nghost-c27]     nb-card-header .header-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }

.nb-theme-corporate   [_nghost-c27]     nb-card-header .title {
      padding-left: 1rem; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    overflow: hidden; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .period {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .time-interval {
      font-size: 0.875rem;
      color: #a4abb3;
      white-space: nowrap; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .value {
      font-family: Exo, serif;
      font-weight: 600;
      color: #181818; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .value .currency {
        color: #5dcfe3;
        color: #73a1ff; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .start-period .time-interval, .nb-theme-corporate   [_nghost-c27]     nb-card-body .start-period .value {
      text-align: right; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body .end-period .time-interval, .nb-theme-corporate   [_nghost-c27]     nb-card-body .end-period .value {
      text-align: left; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative; }

.nb-theme-corporate   [_nghost-c27]     nb-card-body ngx-stats-bar-animation-chart .echart {
        height: 100%;
        width: 100%; }