Gecko [ dp-client.com ]

Name	Size	Permission	Action
demo.css	54.75 KB	-rw-r--r--

Code Editor : demo.css

/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
.text-left{
  text-align: left !important;
}
.text-right{
  text-align: right !important;
}
.text-center{
  text-align: center !important;
}
.text-justify{
  text-align: justify !important;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #d9dee3;
}
.clock {
  color: #cbcbcb;
  font-size: 30px;
  font-family: Orbitron;
  letter-spacing: 7px;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before{content:"";width:100%;height:4.75rem;position:fixed;top:0px;z-index:10}.bg-menu-theme .menu-header{position:relative}.bg-menu-theme .menu-header:before{content:"";position:absolute;left:0;top:1.1875rem;width:1rem;height:1px;transition:all .3s ease-in-out}.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link{border-radius:.375rem}.layout-horizontal .bg-menu-theme .menu-inner>.menu-item>.menu-link{border-radius:.375rem}@media(min-width: 1200px){.layout-horizontal .bg-menu-theme .menu-inner>.menu-item{margin:.565rem 0}.layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:first-child){margin-left:.0625rem}.layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:last-child){margin-right:.0625rem}.layout-horizontal .bg-menu-theme .menu-inner>.menu-item .menu-sub{box-shadow:0 .25rem 1rem rgba(161,172,184,.45);z-index:1}}.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner>.menu-item.active:before{content:"";position:absolute;right:0;width:.25rem;height:2.6845rem;border-radius:.375rem 0 0 .375rem}.bg-menu-theme .menu-sub>.menu-item>.menu-link:before{content:"";position:absolute;left:1.4375rem;width:.375rem;height:.375rem;border-radius:50%}.layout-horizontal .bg-menu-theme .menu-sub>.menu-item>.menu-link:before{left:1.3rem}.bg-menu-theme .menu-horizontal-wrapper>.menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link:before{display:none}.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before{left:1.1875rem;width:.875rem;height:.875rem}.layout-horizontal .bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before{left:1.1rem}.layout-menu-hover .layout-menu{box-shadow:0 .625rem 1.25rem rgba(161,172,184,.5);transition:all .3s ease-in-out}.app-brand .layout-menu-toggle{position:absolute;left:15rem;border-radius:50%}.app-brand .layout-menu-toggle i{width:1.5rem;height:1.5rem;transition:all .3s ease-in-out}@media(max-width: 1199.98px){.app-brand .layout-menu-toggle{display:none}.layout-menu-expanded .app-brand .layout-menu-toggle{display:block}}body{background:#fff}.bg-body{background:#fff !important}.text-primary{color:#696cff !important}.text-body[href]:hover{color:#5f61e6 !important}.bg-primary{background-color:#696cff !important}a.bg-primary:hover,a.bg-primary:focus{background-color:#6467f2 !important}.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span{background-color:#696cff}.bg-label-primary{background-color:#e7e7ff !important;color:#696cff !important}.border-label-primary{border:3px solid #c3c4ff !important}.border-light-primary{border:3px solid rgba(105,108,255,.08)}.page-item.active .page-link,.page-item.active .page-link:hover,.page-item.active .page-link:focus,.pagination li.active>a:not(.page-link),.pagination li.active>a:not(.page-link):hover,.pagination li.active>a:not(.page-link):focus{border-color:#696cff;background-color:#696cff;color:#fff;box-shadow:0 .125rem .25rem rgba(105,108,255,.4)}.progress-bar{background-color:#696cff;color:#fff;box-shadow:0 2px 4px 0 rgba(105,108,255,.4)}.modal-onboarding .carousel-indicators [data-bs-target]{background-color:#696cff}.carousel-control-prev,.carousel-control-next{color:#696cff}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#696cff}.list-group-item-primary{background-color:#e1e2ff;color:#696cff !important}a.list-group-item-primary,button.list-group-item-primary{color:#696cff}a.list-group-item-primary:hover,a.list-group-item-primary:focus,button.list-group-item-primary:hover,button.list-group-item-primary:focus{background-color:#d6d7f2;color:#696cff}a.list-group-item-primary.active,button.list-group-item-primary.active{border-color:#696cff;background-color:#696cff;color:#696cff}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{border-color:#696cff;background-color:#696cff}.list-group.list-group-timeline .list-group-timeline-primary:before{background-color:#696cff}.alert-primary{background-color:#e7e7ff;border-color:#d2d3ff;color:#696cff}.alert-primary .btn-close{background-image:url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.alert-primary .alert-link{color:#696cff}.card .alert-primary hr{background-color:#696cff !important}.accordion.accordion-header-primary .accordion-item.active .accordion-button{color:#696cff !important}.tooltip-primary .tooltip-inner,.tooltip-primary>.tooltip .tooltip-inner,.ngb-tooltip-primary+ngb-tooltip-window .tooltip-inner{background:#696cff;color:#fff;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4)}.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before{border-top-color:#696cff}.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before{border-left-color:#696cff}.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before{border-bottom-color:#696cff}.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before{border-right-color:#696cff}.popover.popover-primary,.popover .popover-primary>.popover,.popover .ngb-popover-primary+ngb-popover-window{border-color:rgba(0,0,0,0);background:#696cff;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4)}.popover.popover-primary .popover-header,.popover .popover-primary>.popover .popover-header,.popover .ngb-popover-primary+ngb-popover-window .popover-header{border-color:rgba(255,255,255,.2);background:rgba(0,0,0,0);color:#fff}.popover.popover-primary .popover-body,.popover .popover-primary>.popover .popover-body,.popover .ngb-popover-primary+ngb-popover-window .popover-body{background:rgba(0,0,0,0);color:rgba(255,255,255,.8)}.popover.popover-primary>.popover-arrow::before,.popover .popover-primary>.popover>.popover-arrow::before,.popover .ngb-popover-primary+ngb-popover-window>.popover-arrow::before{border-color:rgba(0,0,0,0)}.popover.popover-primary.bs-popover-auto[data-popper-placement=top]>.popover-arrow::after,.popover .popover-primary>.popover.bs-popover-auto[data-popper-placement=top]>.popover-arrow::after,.popover .ngb-popover-primary+ngb-popover-window.bs-popover-auto[data-popper-placement=top]>.popover-arrow::after{border-top-color:#696cff !important}.popover.popover-primary.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after,.popover .popover-primary>.popover.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after,.popover .ngb-popover-primary+ngb-popover-window.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after{border-right-color:#696cff !important}.popover.popover-primary.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after,.popover .popover-primary>.popover.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after,.popover .ngb-popover-primary+ngb-popover-window.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after{border-bottom-color:#696cff !important}.popover.popover-primary.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after,.popover .popover-primary>.popover.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after,.popover .ngb-popover-primary+ngb-popover-window.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after{border-left-color:#696cff !important}.popover.popover-primary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before,.popover .popover-primary>.popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before,.popover .ngb-popover-primary+ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before{border-bottom:1px solid rgba(0,0,0,0) !important}.table-primary{--bs-table-bg: #e1e2ff;--bs-table-striped-bg: #dcdefb;--bs-table-striped-color: #435971;--bs-table-active-bg: #d1d4f1;--bs-table-active-color: #435971;--bs-table-hover-bg: #d8daf6;--bs-table-hover-color: #435971;color:#435971;border-color:#d1d4f1}.table-primary th{border-bottom-color:inherit !important}.table-primary .btn-icon{color:#435971}.btn-primary{color:#fff;background-color:#696cff;border-color:#696cff;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4)}.btn-primary:hover{color:#fff !important;background-color:#5f61e6 !important;border-color:#5f61e6 !important;transform:translateY(-1px) !important}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#5f61e6;border-color:#5f61e6;transform:translateY(0);box-shadow:none}.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.btn-primary.show.dropdown-toggle,.show>.btn-primary.dropdown-toggle{color:#fff !important;background-color:#595cd9 !important;border-color:#595cd9 !important}.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.btn-primary.show.dropdown-toggle:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none}.btn-primary.disabled,.btn-primary:disabled{color:#fff !important;background-color:#696cff !important;border-color:#696cff !important;box-shadow:none !important}.btn-label-primary{color:#696cff;border-color:rgba(0,0,0,0);background:#e7e7ff}.btn-label-primary:hover{border-color:rgba(0,0,0,0) !important;background:#5f61e6 !important;color:#fff !important;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4) !important;transform:translateY(-1px) !important}.btn-label-primary:focus,.btn-label-primary.focus{color:#fff;background:#5f61e6;box-shadow:none !important;transform:translateY(0)}.btn-label-primary:active,.btn-label-primary.active,.btn-label-primary.show.dropdown-toggle,.show>.btn-label-primary.dropdown-toggle{color:#fff !important;background-color:#595cd9 !important;border-color:rgba(0,0,0,0) !important}.btn-label-primary:active:focus,.btn-label-primary.active:focus,.btn-label-primary.show.dropdown-toggle:focus,.show>.btn-label-primary.dropdown-toggle:focus{box-shadow:none}.btn-label-primary.disabled,.btn-label-primary:disabled{color:#696cff !important;background-color:#e7e7ff !important;border-color:rgba(0,0,0,0) !important}.btn-outline-primary{color:#696cff;border-color:#696cff;background:rgba(0,0,0,0)}.btn-outline-primary:hover{color:#fff !important;background-color:#5f61e6 !important;border-color:#5f61e6 !important;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4) !important;transform:translateY(-1px) !important}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{color:#fff;background-color:#5f61e6;border-color:#5f61e6;box-shadow:none;transform:translateY(0)}.btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show{color:#fff !important;background-color:#595cd9 !important;border-color:#595cd9 !important}.btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus{box-shadow:none}.btn-outline-primary.disabled,.btn-outline-primary:disabled{box-shadow:none !important;color:#696cff !important;background-color:rgba(0,0,0,0) !important}.btn-outline-primary .badge{background:#696cff;border-color:#696cff;color:#fff}.btn-outline-primary:hover .badge,.btn-outline-primary:focus:hover .badge,.btn-outline-primary:active .badge,.btn-outline-primary.active .badge,.show>.btn-outline-primary.dropdown-toggle .badge{background:#fff;border-color:#fff;color:#696cff}.dropdown-item:not(.disabled).active,.dropdown-item:not(.disabled):active{background-color:rgba(105,108,255,.08);color:#696cff !important}.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item){background-color:rgba(105,108,255,.08);color:#696cff !important}.nav .nav-link:hover,.nav .nav-link:focus{color:#5f61e6}.nav-pills .nav-link.active,.nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus{background-color:#696cff;color:#fff;box-shadow:0 2px 4px 0 rgba(105,108,255,.4)}.form-control:focus,.form-select:focus{border-color:#696cff}.input-group:focus-within .form-control,.input-group:focus-within .input-group-text{border-color:#696cff}.form-check-input:focus{border-color:#696cff;box-shadow:0 2px 4px 0 rgba(105,108,255,.4)}.form-check-input:disabled{background-color:#eceef1}.form-check-input:checked,.form-check-input[type=checkbox]:indeterminate{background-color:#696cff;border-color:#696cff;box-shadow:0 2px 4px 0 rgba(105,108,255,.4)}.custom-option.checked{border:1px solid #696cff}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-control:focus~.form-label{border-color:#696cff}.form-control:focus~.form-label::after{border-color:inherit}.switch-input:checked~.switch-toggle-slider{background:#696cff;color:#fff}.switch-input:active~.switch-toggle-slider{box-shadow:none}.switch-input:focus~.switch-toggle-slider{border:1px solid #696cff;box-shadow:0 0 .25rem .05rem rgba(105,108,255,.1)}.switch-primary.switch .switch-input:checked~.switch-toggle-slider{background:#696cff;color:#fff}.switch-primary.switch .switch-input:active~.switch-toggle-slider{box-shadow:none}.switch-primary.switch .switch-input:focus~.switch-toggle-slider{border:1px solid #696cff;box-shadow:0 0 .25rem .05rem rgba(105,108,255,.1)}.timeline .timeline-item-primary .timeline-event{background-color:rgba(105,108,255,.1)}.timeline .timeline-item-primary .timeline-event:before{border-left-color:rgba(105,108,255,.1) !important;border-right-color:rgba(105,108,255,.1) !important}.timeline .timeline-point-primary{background-color:#696cff !important;box-shadow:0 0 0 .1875rem rgba(105,108,255,.16)}.timeline .timeline-indicator-primary{border-color:#696cff !important}.timeline .timeline-indicator-primary i{color:#696cff !important}.divider.divider-primary .divider-text:before,.divider.divider-primary .divider-text:after{border-color:#696cff}.navbar.bg-primary{background-color:#696cff !important;color:#e0e1ff}.navbar.bg-primary .navbar-brand,.navbar.bg-primary .navbar-brand a{color:#fff}.navbar.bg-primary .navbar-brand:hover,.navbar.bg-primary .navbar-brand:focus,.navbar.bg-primary .navbar-brand a:hover,.navbar.bg-primary .navbar-brand a:focus{color:#fff}.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,.navbar.bg-primary .navbar-search-wrapper .search-input{color:#e0e1ff}.navbar.bg-primary .search-input-wrapper .search-input,.navbar.bg-primary .search-input-wrapper .search-toggler{background-color:#696cff !important;color:#e0e1ff}.navbar.bg-primary .navbar-nav>.nav-link,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link{color:#e0e1ff}.navbar.bg-primary .navbar-nav>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav-link:focus,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:focus,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:focus{color:#fff}.navbar.bg-primary .navbar-nav>.nav-link.disabled,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link.disabled,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link.disabled{color:#b0b2ff !important}.navbar.bg-primary .navbar-nav .show>.nav-link,.navbar.bg-primary .navbar-nav .active>.nav-link,.navbar.bg-primary .navbar-nav .nav-link.show,.navbar.bg-primary .navbar-nav .nav-link.active{color:#fff}.navbar.bg-primary .navbar-toggler{color:#e0e1ff;border-color:rgba(255,255,255,.15)}.navbar.bg-primary .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.navbar.bg-primary .navbar-text{color:#e0e1ff}.navbar.bg-primary .navbar-text a{color:#fff}.navbar.bg-primary .navbar-text a:hover,.navbar.bg-primary .navbar-text a:focus{color:#fff}.navbar.bg-primary hr{border-color:rgba(255,255,255,.15)}.menu.bg-primary{background-color:#696cff !important;color:#e0e1ff}.menu.bg-primary .menu-link,.menu.bg-primary .menu-horizontal-prev,.menu.bg-primary .menu-horizontal-next{color:#e0e1ff}.menu.bg-primary .menu-link:hover,.menu.bg-primary .menu-link:focus,.menu.bg-primary .menu-horizontal-prev:hover,.menu.bg-primary .menu-horizontal-prev:focus,.menu.bg-primary .menu-horizontal-next:hover,.menu.bg-primary .menu-horizontal-next:focus{color:#fff}.menu.bg-primary .menu-link.active,.menu.bg-primary .menu-horizontal-prev.active,.menu.bg-primary .menu-horizontal-next.active{color:#fff}.menu.bg-primary .menu-item.disabled .menu-link,.menu.bg-primary .menu-horizontal-prev.disabled,.menu.bg-primary .menu-horizontal-next.disabled{color:#b0b2ff !important}.menu.bg-primary .menu-item.open:not(.menu-item-closing)>.menu-toggle,.menu.bg-primary .menu-item.active>.menu-link{color:#fff}.menu.bg-primary .menu-item.active>.menu-link:not(.menu-toggle){background-color:#6d70ff}.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle){background-color:#7174ff}.menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub,.menu.bg-primary.menu-horizontal .menu-inner .menu-item.open>.menu-toggle{background:#6d70ff}.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle{background:rgba(0,0,0,0);color:#e0e1ff}.menu.bg-primary .menu-inner-shadow{background:linear-gradient(#696cff 41%, rgba(105, 108, 255, 0.11) 95%, rgba(105, 108, 255, 0))}.menu.bg-primary .menu-text{color:#fff}.menu.bg-primary .menu-header{color:#c2c4ff}.menu.bg-primary hr,.menu.bg-primary .menu-divider,.menu.bg-primary .menu-inner>.menu-item.open>.menu-sub::before{border-color:rgba(255,255,255,.15) !important}.menu.bg-primary .menu-inner>.menu-header::before{background-color:rgba(255,255,255,.15)}.menu.bg-primary .menu-block::before{background-color:#c2c4ff}.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before{background-color:#8385ff}.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link::before{background-color:#fff}.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before,.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link::before{box-shadow:0 0 0 2px #6d70ff}.menu.bg-primary .ps__thumb-y,.menu.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y{background:rgba(255,255,255,.5942917647) !important}@media(max-width: 1199.98px){.app-brand .layout-menu-toggle{border:7px solid #696cff !important}}.footer.bg-primary{background-color:#696cff !important;color:#e0e1ff}.footer.bg-primary .footer-link{color:#e0e1ff}.footer.bg-primary .footer-link:hover,.footer.bg-primary .footer-link:focus{color:#fff}.footer.bg-primary .footer-link.disabled{color:#b0b2ff !important}.footer.bg-primary .footer-text{color:#fff}.footer.bg-primary .show>.footer-link,.footer.bg-primary .active>.footer-link,.footer.bg-primary .footer-link.show,.footer.bg-primary .footer-link.active{color:#fff}.footer.bg-primary hr{border-color:rgba(255,255,255,.15)}.bg-primary.toast,.bg-primary.bs-toast{color:#fff;background-color:rgba(105,108,255,.85) !important;box-shadow:0 .25rem 1rem rgba(105,108,255,.4)}.bg-primary.toast .toast-header,.bg-primary.bs-toast .toast-header{color:#fff}.bg-primary.toast .toast-header .btn-close,.bg-primary.bs-toast .toast-header .btn-close{background-color:#696cff !important;background-image:url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");box-shadow:0 .1875rem .375rem 0 rgba(105,108,255,.4) !important}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:#696cff}.form-floating>.form-control:-webkit-autofill~label{color:#696cff}.svg-illustration svg{fill:#696cff}.jstree-default .jstree-wholerow-clicked,.jstree-default .jstree-wholerow-hovered{background:#e9e9ff}.jstree-default-dark .jstree-wholerow-hovered,.jstree-default-dark .jstree-wholerow-clicked{background:#434d99}html:not([dir=rtl]) .border-primary,html[dir=rtl] .border-primary{border-color:#696cff !important}a{color:#696cff}a:hover{color:#787bff}.fill-primary{fill:#696cff}.noUi-primary .noUi-base .noUi-connect{background:#696cff !important}.select2-container--default.select2-container--focus .select2-selection,.select2-container--default.select2-container--open .select2-selection{border-color:#696cff !important}.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice{background:rgba(105,108,255,.08) !important;color:#696cff !important}.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover{background:rgba(105,108,255,.16) !important}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{background-color:#696cff;border:2px solid #fff;box-shadow:0 0 3px rgba(67,89,113,.8)}.bootstrap-select .dropdown-menu.inner a[aria-selected=true]{background:rgba(105,108,255,.08) !important;color:#696cff !important}.bootstrap-select .dropdown-toggle.show{border-color:#696cff}.datepicker table tr td.active,.datepicker table tr td.active.highlighted,.datepicker table tr td.active,.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td.range-start,.datepicker table tr td.range-end{background:#696cff !important;color:#fff !important;box-shadow:0 .125rem .25rem rgba(105,108,255,.45)}.datepicker table tr td.range,.datepicker table tr td.range.highlighted,.datepicker table tr td.range.today{color:#696cff !important;background:#e7e7ff !important}.datepicker table tr td.range.focused,.datepicker table tr td.range.highlighted.focused,.datepicker table tr td.range.today.focused{background:#c8c8ff !important}.datepicker table tr td.range.disabled,.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.today.disabled{background:rgba(231,231,255,.5) !important;color:rgba(67,89,113,.5) !important}.datepicker table tr td.today:not(.active){border:1px solid #696cff}.flatpickr-calendar .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-calendar .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-day.today{border-color:#696cff}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange{color:#696cff !important;background:#e7e7ff !important;border-color:#e7e7ff !important}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.week.selected{color:#fff !important;background:#696cff !important;border-color:#696cff !important;box-shadow:0 .125rem .25rem rgba(105,108,255,.45)}.daterangepicker table thead th select,.daterangepicker table thead td select{background-color:rgba(0,0,0,0)}.daterangepicker td.active:not(.off){background:#696cff !important;color:#fff;box-shadow:0 .125rem .25rem rgba(105,108,255,.45)}.daterangepicker .start-date:not(.end-date):not(.off),.daterangepicker .end-date:not(.start-date):not(.off){background-color:#696cff;color:#fff;border:0 !important}.daterangepicker .start-date:not(.end-date):not(.off):hover,.daterangepicker .end-date:not(.start-date):not(.off):hover{background-color:#696cff !important}.daterangepicker .input-mini.active{border-color:#696cff !important}.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off){color:#696cff !important;background-color:#e7e7ff !important}.ranges li.active{color:#fff !important;background-color:#696cff !important}li.ui-timepicker-selected,.ui-timepicker-list .ui-timepicker-selected:hover{color:#fff !important;background:#696cff !important}.ql-snow.ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar button:hover,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#696cff !important}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#696cff !important}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#696cff !important}.tt-suggestion:active,.tt-cursor{background:rgba(105,108,255,.08) !important;color:#696cff !important}.dropzone.dz-drag-hover{border-color:#696cff !important}.swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#696cff !important}.sk-primary.sk-plane,.sk-primary .sk-chase-dot:before,.sk-primary .sk-bounce-dot,.sk-primary .sk-wave-rect,.sk-primary.sk-pulse,.sk-primary .sk-swing-dot,.sk-primary .sk-circle-dot:before,.sk-primary .sk-circle-fade-dot:before,.sk-primary .sk-grid-cube,.sk-primary .sk-fold-cube:before{background-color:#696cff}.plyr input[type=range]::-ms-fill-lower{background:#696cff !important}.plyr input[type=range]:active::-webkit-slider-thumb{background:#696cff !important}.plyr input[type=range]:active::-moz-range-thumb{background:#696cff !important}.plyr input[type=range]:active::-ms-thumb{background:#696cff !important}.plyr--video .plyr__control.plyr__control--overlaid,.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__control[aria-expanded=true],.plyr--video .plyr__controls button:hover{background:#696cff !important;color:#fff !important}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__control[aria-expanded=true],.plyr--audio .plyr__controls button:hover{background:#696cff !important;color:#fff !important}.plyr__play-large{background:#696cff !important;color:#fff !important}.plyr__progress--played,.plyr__volume--display{color:#696cff !important}.plyr--full-ui input[type=range]{color:#696cff !important}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#696cff !important}.fc .fc-event-primary:not(.fc-list-event){background-color:#e7e7ff !important;color:#696cff !important}.fc .fc-event-primary:not(.fc-list-event){border-color:rgba(105,108,255,.15)}.fc .fc-event-primary.fc-list-event .fc-list-event-dot{border-color:#696cff !important}.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button){background-color:rgba(105,108,255,.08) !important;border:0;color:#696cff}.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover{background-color:#696cff !important;border-color:#696cff !important;color:#fff}.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover{box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4)}.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,.swal2-progress-steps[class] .swal2-progress-step-line,.swal2-progress-steps[class] .swal2-active-progress-step,.swal2-progress-steps[class] .swal2-progress-step{background:#696cff;color:#fff}.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#e9e9ff}.pcr-app .pcr-type.active,.pcr-app .pcr-save{background:#696cff !important}.icon-card.active{outline:1px solid #696cff}.icon-card.active i,.icon-card.active svg{color:#696cff}.shepherd-element[data-popper-placement=bottom] .shepherd-arrow:before{background-color:#696cff !important;border-color:#696cff}.shepherd-element .shepherd-header{background:#696cff !important;color:#fff}.shepherd-element .shepherd-header .shepherd-title,.shepherd-element .shepherd-header .shepherd-cancel-icon{color:#fff !important}.shepherd-element .shepherd-button:not(:disabled).btn-primary{color:#fff;background-color:#696cff;border-color:#696cff;box-shadow:0 .125rem .25rem 0 rgba(105,108,255,.4)}.shepherd-element .shepherd-button:not(:disabled).btn-primary:hover{color:#fff !important;background-color:#5f61e6 !important;border-color:#5f61e6 !important;transform:translateY(-1px) !important}.btn-check:focus+.shepherd-element .shepherd-button:not(:disabled).btn-primary,.shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,.shepherd-element .shepherd-button:not(:disabled).btn-primary.focus{color:#fff;background-color:#5f61e6;border-color:#5f61e6;transform:translateY(0);box-shadow:none}.btn-check:checked+.shepherd-element .shepherd-button:not(:disabled).btn-primary,.btn-check:active+.shepherd-element .shepherd-button:not(:disabled).btn-primary,.shepherd-element .shepherd-button:not(:disabled).btn-primary:active,.shepherd-element .shepherd-button:not(:disabled).btn-primary.active,.shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle,.show>.shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle{color:#fff !important;background-color:#595cd9 !important;border-color:#595cd9 !important}.btn-check:checked+.shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,.btn-check:active+.shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,.shepherd-element .shepherd-button:not(:disabled).btn-primary:active:focus,.shepherd-element .shepherd-button:not(:disabled).btn-primary.active:focus,.shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle:focus,.show>.shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle:focus{box-shadow:none}.shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled,.shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled{color:#fff !important;background-color:#696cff !important;border-color:#696cff !important;box-shadow:none !important}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary{color:#8592a3;border-color:rgba(0,0,0,0);background:#ebeef0}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:hover{border-color:rgba(0,0,0,0) !important;background:#788393 !important;color:#fff !important;box-shadow:0 .125rem .25rem 0 rgba(133,146,163,.4) !important;transform:translateY(-1px) !important}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:focus,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.focus{color:#fff;background:#788393;box-shadow:none !important;transform:translateY(0)}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle,.show>.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle{color:#fff !important;background-color:#717c8b !important;border-color:rgba(0,0,0,0) !important}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active:focus,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active:focus,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle:focus,.show>.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle:focus{box-shadow:none}.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.disabled,.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:disabled{color:#8592a3 !important;background-color:#ebeef0 !important;border-color:rgba(0,0,0,0) !important}.bs-stepper .step.active .bs-stepper-circle{background-color:#696cff;color:#fff;box-shadow:0 .1875rem .375rem 0 rgba(105,108,255,.4)}.bs-stepper .step.active .bs-stepper-label{color:#696cff !important}.bs-stepper .step.active .bs-stepper-icon svg{fill:#696cff !important}.bs-stepper .step.crossed .step-trigger .bs-stepper-circle{background-color:rgba(105,108,255,.16) !important;color:#696cff !important}.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg{fill:#696cff !important}.bs-stepper .step.crossed+.line svg{fill:#696cff}.bs-stepper .step.crossed+.line i{color:#696cff}.bs-stepper.wizard-icons .step.crossed .step-trigger .bs-stepper-label{color:#696cff !important}.bs-stepper .step-trigger:focus{color:#696cff}.bs-stepper .step-trigger:focus svg{fill:#696cff !important}.app-chat .sidebar-body .chat-contact-list li.active{background-color:#696cff}.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text{background-color:#696cff !important}.bg-navbar-theme{background-color:#fff !important;color:#697a8d}.bg-navbar-theme .navbar-brand,.bg-navbar-theme .navbar-brand a{color:#566a7f}.bg-navbar-theme .navbar-brand:hover,.bg-navbar-theme .navbar-brand:focus,.bg-navbar-theme .navbar-brand a:hover,.bg-navbar-theme .navbar-brand a:focus{color:#566a7f}.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,.bg-navbar-theme .navbar-search-wrapper .search-input{color:#697a8d}.bg-navbar-theme .search-input-wrapper .search-input,.bg-navbar-theme .search-input-wrapper .search-toggler{background-color:#fff !important;color:#697a8d}.bg-navbar-theme .navbar-nav>.nav-link,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link{color:#697a8d}.bg-navbar-theme .navbar-nav>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav-link:focus,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:focus,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:focus{color:#566a7f}.bg-navbar-theme .navbar-nav>.nav-link.disabled,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link.disabled,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link.disabled{color:#a5afbb !important}.bg-navbar-theme .navbar-nav .show>.nav-link,.bg-navbar-theme .navbar-nav .active>.nav-link,.bg-navbar-theme .navbar-nav .nav-link.show,.bg-navbar-theme .navbar-nav .nav-link.active{color:#566a7f}.bg-navbar-theme .navbar-toggler{color:#697a8d;border-color:rgba(86,106,127,.075)}.bg-navbar-theme .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-navbar-theme .navbar-text{color:#697a8d}.bg-navbar-theme .navbar-text a{color:#566a7f}.bg-navbar-theme .navbar-text a:hover,.bg-navbar-theme .navbar-text a:focus{color:#566a7f}.bg-navbar-theme hr{border-color:rgba(86,106,127,.075)}.layout-navbar{background-color:rgba(255,255,255,.95) !important;backdrop-filter:saturate(200%) blur(6px)}.layout-horizontal .layout-navbar{box-shadow:0 1px 0 #d9dee3}.navbar-detached{border:1px solid #d9dee3}.layout-navbar-fixed .layout-page:before{backdrop-filter:saturate(200%) blur(10px);background:linear-gradient(180deg, rgba(255, 255, 255, 0.7) 44%, rgba(255, 255, 255, 0.43) 73%, rgba(255, 255, 255, 0));-webkit-mask:linear-gradient(#fff, #fff 18%, transparent 100%);mask:linear-gradient(#fff, #fff 18%, transparent 100%)}.bg-menu-theme{background-color:#fff !important;color:#697a8d}.bg-menu-theme .menu-link,.bg-menu-theme .menu-horizontal-prev,.bg-menu-theme .menu-horizontal-next{color:#697a8d}.bg-menu-theme .menu-link:hover,.bg-menu-theme .menu-link:focus,.bg-menu-theme .menu-horizontal-prev:hover,.bg-menu-theme .menu-horizontal-prev:focus,.bg-menu-theme .menu-horizontal-next:hover,.bg-menu-theme .menu-horizontal-next:focus{color:#566a7f}.bg-menu-theme .menu-link.active,.bg-menu-theme .menu-horizontal-prev.active,.bg-menu-theme .menu-horizontal-next.active{color:#566a7f}.bg-menu-theme .menu-item.disabled .menu-link,.bg-menu-theme .menu-horizontal-prev.disabled,.bg-menu-theme .menu-horizontal-next.disabled{color:#a5afbb !important}.bg-menu-theme .menu-item.open:not(.menu-item-closing)>.menu-toggle,.bg-menu-theme .menu-item.active>.menu-link{color:#566a7f}.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle){background-color:#fff}.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle){background-color:#fff}.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub,.bg-menu-theme.menu-horizontal .menu-inner .menu-item.open>.menu-toggle{background:#fff}.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle{background:rgba(0,0,0,0);color:#697a8d}.bg-menu-theme .menu-inner-shadow{background:linear-gradient(#fff 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0))}.bg-menu-theme .menu-text{color:#566a7f}.bg-menu-theme .menu-header{color:#8f9baa}.bg-menu-theme hr,.bg-menu-theme .menu-divider,.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before{border-color:rgba(0,0,0,0) !important}.bg-menu-theme .menu-inner>.menu-header::before{background-color:rgba(0,0,0,0)}.bg-menu-theme .menu-block::before{background-color:#8f9baa}.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before{background-color:#fff}.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before{background-color:#566a7f}.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before,.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before{box-shadow:0 0 0 2px #fff}.bg-menu-theme .ps__thumb-y,.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y{background:rgba(86,106,127,.2) !important}@media(max-width: 1199.98px){.app-brand .layout-menu-toggle{border:7px solid #fff !important}}.layout-menu{box-shadow:0 0 0 1px #d9dee3 !important}.layout-menu-horizontal{box-shadow:0 -1px 0 #d9dee3 inset}.bg-menu-theme .menu-header{color:#a1acb8}.bg-menu-theme .menu-header:before{background-color:#a1acb8 !important}html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open>.menu-link,.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open>.menu-link,html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover,.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover{background-color:rgba(67,89,113,.04)}.bg-menu-theme .menu-inner .menu-sub>.menu-item.active>.menu-link.menu-toggle{background-color:rgba(67,89,113,.04)}.bg-menu-theme .menu-inner .menu-sub>.menu-item.active .menu-icon{color:#696cff}.bg-menu-theme .menu-inner>.menu-item.active>.menu-link{color:#696cff;background-color:rgba(105,108,255,.16) !important}.bg-menu-theme .menu-inner>.menu-item.active:before{background:#696cff}.bg-menu-theme.menu-horizontal .menu-inner>.menu-item .menu-sub{box-shadow:none;border:1px solid #d9dee3}.bg-menu-theme .menu-sub>.menu-item>.menu-link:before{background-color:#b4bdc6 !important}.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before{background-color:#696cff !important;border:3px solid #e7e7ff !important}.app-brand .layout-menu-toggle{background-color:#696cff;border:7px solid #fff}@media(min-width: 1200px){.app-brand .layout-menu-toggle::before{z-index:-1;content:"";width:2.5rem;height:2.5rem;border-radius:50%;top:-0.5rem;left:-0.5rem;position:absolute;border:1px solid #d9dee3;clip-path:circle(73% at 0% 50%)}}.app-brand .layout-menu-toggle i{color:#fff}.timeline .timeline-item .timeline-event:after{content:""}.bg-footer-theme{background-color:#fff !important;color:#697a8d}.bg-footer-theme .footer-link{color:#697a8d}.bg-footer-theme .footer-link:hover,.bg-footer-theme .footer-link:focus{color:#566a7f}.bg-footer-theme .footer-link.disabled{color:#a5afbb !important}.bg-footer-theme .footer-text{color:#566a7f}.bg-footer-theme .show>.footer-link,.bg-footer-theme .active>.footer-link,.bg-footer-theme .footer-link.show,.bg-footer-theme .footer-link.active{color:#566a7f}.bg-footer-theme hr{border-color:rgba(86,106,127,.075)}.layout-footer-fixed .content-footer{box-shadow:0 -1px 0 #d9dee3}.card{box-shadow:none;border:1px solid #d9dee3}.accordion .accordion-item{border-top:1px solid #d9dee3;box-shadow:none !important}.nav-tabs~.tab-content,.nav-pills~.tab-content{box-shadow:none !important;border:1px solid #d9dee3}.nav-tabs .nav-item .nav-link{border:1px solid #d9dee3}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active{box-shadow:none !important}.nav-tabs~.tab-content{z-index:0 !important}.nav-align-top .nav-tabs .nav-item:not(:first-child) .nav-link,.nav-align-bottom .nav-tabs .nav-item:not(:first-child) .nav-link{border-left-width:0}.nav-align-top .nav-tabs .nav-item .nav-link.active,.nav-align-top .nav-tabs .nav-item .nav-link:active{border-bottom-color:#fff}.nav-align-bottom .nav-tabs .nav-item .nav-link.active,.nav-align-bottom .nav-tabs .nav-item .nav-link:active{border-top-color:#fff}.nav-align-bottom .nav-tabs .nav-item .nav-link.active:hover,.nav-align-bottom .nav-tabs .nav-item .nav-link.active:focus,.nav-align-bottom .nav-tabs .nav-item .nav-link:active:hover,.nav-align-bottom .nav-tabs .nav-item .nav-link:active:focus{border-bottom-color:#d9dee3 !important}.nav-align-left .nav-tabs .nav-item:not(:first-child) .nav-link,.nav-align-right .nav-tabs .nav-item:not(:first-child) .nav-link{border-color:#d9dee3}.nav-align-left .nav-tabs .nav-item .nav-link.active,.nav-align-left .nav-tabs .nav-item .nav-link:active{border-right-color:#fff}.nav-align-right .nav-tabs .nav-item .nav-link.active,.nav-align-right .nav-tabs .nav-item .nav-link:active{border-left-color:#fff}.kanban-item{box-shadow:none !important;border:1px solid #d9dee3}.bs-stepper:not(.wizard-modern){box-shadow:none !important;border:1px solid #d9dee3;border-radius:.5rem}.bs-stepper.wizard-modern .bs-stepper-content{box-shadow:none !important;border:1px solid #d9dee3;border-radius:.5rem}.light-style .dz-preview{box-shadow:none;border:1px solid #d9dee3}.layout-menu-offcanvas .layout-wrapper,.layout-menu-fixed-offcanvas .layout-wrapper{overflow:inherit}@media(max-width: 991.98px){.layout-navbar{height:auto;flex-wrap:wrap}}.menu-doc.menu-vertical .menu-item .menu-link{padding:.35rem 2rem}.menu-doc.menu-vertical .menu-inner>.menu-item.active:before{height:2.2rem !important}.menu-doc.menu-vertical .menu-header{padding:.35rem 2rem}.menu-doc.menu-vertical .menu-block{padding:.35rem 2rem}.menu-doc.menu-vertical .menu-sub .menu-link{padding-left:3rem;padding-top:.25rem;padding-bottom:.25rem}.menu-doc.menu-vertical .menu-sub .menu-sub .menu-link{padding-left:4rem}.menu-doc.menu{background-color:#fff !important}.menu-doc.menu .menu-link{color:#697a8d}.menu-doc.menu .menu-item.active>.menu-link:not(.menu-toggle){background:rgba(0,0,0,0);font-weight:600}@media(min-width: 992px){.layout-navbar-full:not(.layout-horizontal) .menu-inner{margin-top:0}}.doc-sidebar{position:-webkit-sticky;position:sticky;top:4rem;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden}.doc-sidebar-nav{padding-left:0;border-left:1px solid #bcc5cd}.doc-sidebar-nav ul{padding-left:1rem}.doc-entry{display:block}.doc-entry a{display:block;padding:.125rem 1.5rem;color:#697a8d}.doc-entry a:hover:not(.active){color:#282e35}.doc-entry a.active{color:#696cff;text-decoration:none;position:relative;font-weight:600}.nav-link:hover,.nav-link:focus{color:#696cff}.badge-center.badge-sm{height:1rem;width:1rem;font-size:.65rem}.hljs{background-color:rgba(67,89,113,.025) !important;border-radius:.2rem;padding:1.8rem !important}pre,code,kbd,samp{font-size:0.9375rem;margin-bottom:0}.doc-table th{padding:.25rem 1.25rem;font-weight:600;font-size:.75rem;letter-spacing:.5px;background-color:rgba(0,0,0,.025);text-transform:uppercase}.doc-table td{padding:.4rem 1.25rem;vertical-align:top}.doc-example .nav-tabs-example .nav-link{padding:.35rem .65rem;font-size:12px;color:#697a8d;text-transform:uppercase;font-weight:600;cursor:pointer}.doc-example .nav-tabs-example .nav-link.active,.doc-example .nav-tabs-example .nav-link:active,.doc-example .nav-tabs-example .nav-link.hover,.doc-example .nav-tabs-example .nav-link:hover,.doc-example .nav-tabs-example .nav-link.focus,.doc-example .nav-tabs-example .nav-link:focus{color:#696cff}.doc-example .doc-example-content{padding:1.5rem;font-size:.875rem;background-color:#fff;border:1px solid #bcc5cd;position:relative}.doc-example .doc-example-content::before{content:attr(data-label);display:block;position:absolute;top:-8px;left:12px;font-size:10px;font-weight:600;text-transform:uppercase;background-color:inherit;color:#a1acb8;padding:0 5px}.btn-clipboard{position:absolute;top:1.7rem;right:1.7rem;z-index:10;display:block;padding:.25rem .5rem;font-size:85%;color:#697a8d;background-color:rgba(0,0,0,0);border:0;border-radius:.25rem;outline:0}.btn-clipboard:hover{background:#696cff;color:#fff}ol>li::marker{font-weight:bold}.bg-menu-theme .menu-sub>.menu-item>.menu-link:before{display:none}.anchorjs-link{opacity:0;text-decoration:none;-webkit-font-smoothing:antialiased}.anchorjs-link{font-weight:400;color:rgba(105,108,255,.5);transition:color .15s ease-in-out}:hover>.anchorjs-link,.anchorjs-link:focus{opacity:1}.anchorjs-link:focus,.anchorjs-link:hover{color:#696cff;text-decoration:none}.badge-demo{font-size:11px}

${this.title}

Code Editor : demo.css