main
ilhamwara 2025-02-06 10:01:41 +07:00
parent 0001fa2fe8
commit 5d8129ba9d
71 changed files with 3696 additions and 4300 deletions

View File

@ -300,9 +300,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -340,7 +340,7 @@ RESULT:
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
/* background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));*/ /* background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));*/
/* background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);*/ /* background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);*/
background-color: #3E7B27; } background-color: #fff; }
/* /*
%shadow-hover { %shadow-hover {
@ -370,7 +370,7 @@ RESULT:
border-color: #b19dce !important; border-color: #b19dce !important;
z-index: 3; } z-index: 3; }
.active.btn-default { .active.btn-default {
background: #a38cc6; background: #3674B5;
color: #fff; color: #fff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; }
@ -416,7 +416,7 @@ RESULT:
.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] { .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
color: #fff; color: #fff;
background: #886ab5 !important; } background: #3674B5 !important; }
.header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:before { .header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:before {
content: "ON" !important; content: "ON" !important;
left: 7px !important; left: 7px !important;
@ -426,10 +426,10 @@ RESULT:
right: 0 !important; right: 0 !important;
left: auto !important; left: auto !important;
background: #fff !important; background: #fff !important;
color: #886ab5 !important; } color: #3674B5 !important; }
.header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title { .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
font-weight: 500; font-weight: 500;
color: #886ab5; } color: #3674B5; }
.info-card img.cover { .info-card img.cover {
background-size: cover; } background-size: cover; }
@ -474,8 +474,8 @@ RESULT:
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover {
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border-color: #886ab5; border-color: #3674B5;
background: #a38cc6; background: #3674B5;
color: #fff; } color: #fff; }
.settings-panel .expanded { .settings-panel .expanded {
@ -524,7 +524,7 @@ RESULT:
width: 20px; width: 20px;
-webkit-animation: spin 0.5s infinite linear; -webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear;
border: 2px solid #886ab5; border: 2px solid #3674B5;
border-right-color: transparent; border-right-color: transparent;
border-radius: 50%; } border-radius: 50%; }
@ -608,22 +608,22 @@ RESULT:
========================================================================== */ ========================================================================== */
/* contains root variables to be used with css (see docs) */ /* contains root variables to be used with css (see docs) */
:root { :root {
--theme-primary: #886ab5; --theme-primary: #3674B5;
--theme-secondary: #868e96; --theme-secondary: #868e96;
--theme-success: #1dc9b7; --theme-success: #1dc9b7;
--theme-info: #2196F3; --theme-info: #2196F3;
--theme-warning: #ffc241; --theme-warning: #ffc241;
--theme-danger: #fd3995; --theme-danger: #B82132;
--theme-light: #fff; --theme-light: #fff;
--theme-dark: #505050; --theme-dark: #505050;
--theme-primary-50: #ccbfdf; --theme-primary-50: #ccbfdf;
--theme-primary-100: #beaed7; --theme-primary-100: #beaed7;
--theme-primary-200: #b19dce; --theme-primary-200: #b19dce;
--theme-primary-300: #a38cc6; --theme-primary-300: #3674B5;
--theme-primary-400: #967bbd; --theme-primary-400: #967bbd;
--theme-primary-500: #886ab5; --theme-primary-500: #3674B5;
--theme-primary-600: #7a59ad; --theme-primary-600: #3674B5;
--theme-primary-700: #6e4e9e; --theme-primary-700: #3674B5;
--theme-primary-800: #62468d; --theme-primary-800: #62468d;
--theme-primary-900: #563d7c; --theme-primary-900: #563d7c;
--theme-success-50: #7aece0; --theme-success-50: #7aece0;
@ -661,9 +661,9 @@ RESULT:
--theme-danger-200: #fe85be; --theme-danger-200: #fe85be;
--theme-danger-300: #fe6bb0; --theme-danger-300: #fe6bb0;
--theme-danger-400: #fd52a3; --theme-danger-400: #fd52a3;
--theme-danger-500: #fd3995; --theme-danger-500: #B82132;
--theme-danger-600: #fd2087; --theme-danger-600: #fd2087;
--theme-danger-700: #fc077a; --theme-danger-700: #B82132;
--theme-danger-800: #e7026e; --theme-danger-800: #e7026e;
--theme-danger-900: #ce0262; --theme-danger-900: #ce0262;
--theme-fusion-50: #909090; --theme-fusion-50: #909090;
@ -704,6 +704,17 @@ html body {
background-color: #fff; } background-color: #fff; }
/* app header */ /* app header */
.bg-primary{background: #3674B5!important;}
.btn-primary {
color: #fff;
background-color: #3674B5;
border-color: #3674B5;
}
.btn-primary:hover {
color: #fff;
background-color: #3674B5;
border-color: #3674B5;
}
.header-icon { .header-icon {
color: #666666; color: #666666;
height: 4.125rem; height: 4.125rem;
@ -717,7 +728,7 @@ html body {
overflow: visible; } overflow: visible; }
.header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > [class*='fa-']:first-child,
.header-icon:not(.btn) > .ni:first-child { .header-icon:not(.btn) > .ni:first-child {
color: #886ab5; color: #3674B5;
vertical-align: middle; } vertical-align: middle; }
.header-icon:not(.btn) > [class*='fa-']:first-child { .header-icon:not(.btn) > [class*='fa-']:first-child {
font-size: 21px; } font-size: 21px; }
@ -855,7 +866,7 @@ html body {
margin-left: 0.5rem; margin-left: 0.5rem;
font-weight: 300; font-weight: 300;
font-size: 1rem; font-size: 1rem;
color: #fff; color: #333;
display: block; display: block;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 auto; -ms-flex: 1 0 auto;
@ -1047,7 +1058,7 @@ html body {
.app-list-item:hover > .icon-stack { .app-list-item:hover > .icon-stack {
font-size: 3.1875rem; } font-size: 3.1875rem; }
.app-list-item:active { .app-list-item:active {
border-color: #886ab5; border-color: #3674B5;
padding-top: 8px; } padding-top: 8px; }
.app-list-item:active > .icon-stack { .app-list-item:active > .icon-stack {
font-size: 3.125rem; } font-size: 3.125rem; }
@ -1137,7 +1148,7 @@ html body {
.nav-title { .nav-title {
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;
color: #fff; color: #333;
padding: 1rem 2rem; padding: 1rem 2rem;
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 0.7rem; font-size: 0.7rem;
@ -1163,7 +1174,7 @@ html body {
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
color: #fff; } color: #333; }
.nav-menu b.collapse-sign > [class*='fa-'], .nav-menu b.collapse-sign > [class*='fa-'],
.nav-menu b.collapse-sign > .ni { .nav-menu b.collapse-sign > .ni {
font-size: inherit; } font-size: inherit; }
@ -1180,8 +1191,8 @@ html body {
.nav-menu li.active > a { .nav-menu li.active > a {
color: white; color: white;
background-color: #333; background-color: #333;
-webkit-box-shadow: inset 3px 0 0 #886ab5; -webkit-box-shadow: inset 3px 0 0 #3674B5;
box-shadow: inset 3px 0 0 #886ab5; box-shadow: inset 3px 0 0 #3674B5;
font-weight: 400; } font-weight: 400; }
.nav-menu li.active > a:hover > [class*='fa-'], .nav-menu li.active > a:hover > [class*='fa-'],
.nav-menu li.active > a:hover > .ni { .nav-menu li.active > a:hover > .ni {
@ -1189,7 +1200,8 @@ html body {
.nav-menu li.active > ul { .nav-menu li.active > ul {
display: block; } display: block; }
.nav-menu li.active:not(.open) > a:before { .nav-menu li.active:not(.open) > a:before {
content: '\f413'; /* content: '\f413';*/
content: '';
font-family: 'nextgen-icons'; font-family: 'nextgen-icons';
position: absolute; position: absolute;
top: calc(50% - 5px); top: calc(50% - 5px);
@ -1272,14 +1284,22 @@ html body {
margin-right: 0; margin-right: 0;
font-weight: 400; font-weight: 400;
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
.nav-menu li a > [class*='fa-'], .nav-menu li.active > a > [class*='fa-'],
.nav-menu li a > .ni { .nav-menu li a > .ni {
margin-right: 0.25rem; margin-right: 0.25rem;
font-size: 1.125rem; font-size: 1.125rem;
width: 1.75rem; width: 1.75rem;
color: #fff; } color: #fff; }
.nav-menu li a > [class*='fa-'],
.nav-menu li a > .ni {
margin-right: 0.25rem;
font-size: 1.125rem;
width: 1.75rem;
color: #333; }
.nav-menu li > a > .nav-link-text {color: #333;}
.nav-menu li a > .nav-link-text { .nav-menu li a > .nav-link-text {
color: #fff; color: #333;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
@ -1291,9 +1311,16 @@ html body {
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
line-height: normal; } line-height: normal; }
.nav-menu li.active > a > .nav-link-text{color: #fff;}
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse { .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
transform: rotate(180deg); } transform: rotate(180deg); }
.nav-menu li.active > a:hover span {
color: #333;
}
.nav-menu li.active > a:hover i {
color: #333!important;
}
.nav-menu li a:hover { .nav-menu li a:hover {
color: white; color: white;
text-decoration: none; text-decoration: none;
@ -1302,7 +1329,7 @@ html body {
color: #fff; } color: #fff; }
.nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > [class*='fa-'],
.nav-menu li a:hover > .ni { .nav-menu li a:hover > .ni {
color: #a8a6ac; } color: #333; }
.nav-menu li a:hover > .badge { .nav-menu li a:hover > .badge {
-webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); -webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
@ -1331,7 +1358,7 @@ html body {
text-align: center; } text-align: center; }
.nav-menu li > ul li a > .badge { .nav-menu li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border: 1px solid #505050; } border: 1px solid #505050; }
.nav-menu li > ul li a:hover { .nav-menu li > ul li a:hover {
color: white; color: white;
@ -1369,7 +1396,7 @@ html body {
color: white; } color: white; }
.nav-menu li > ul li > ul li a > .badge { .nav-menu li > ul li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border: 1px solid #505050; } border: 1px solid #505050; }
.nav-menu li:last-child { .nav-menu li:last-child {
margin-bottom: 0; } margin-bottom: 0; }
@ -1688,13 +1715,13 @@ html body {
box-shadow: none; } box-shadow: none; }
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
color: #a38cc6; } color: #3674B5; }
.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
color: #beaed7; } color: #beaed7; }
.nav-function-top .page-header .badge.badge-icon { .nav-function-top .page-header .badge.badge-icon {
-webkit-box-shadow: 0 0 0 1px #7a59ad; -webkit-box-shadow: 0 0 0 1px #3674B5;
box-shadow: 0 0 0 1px #7a59ad; } box-shadow: 0 0 0 1px #3674B5; }
.nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { .nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
top: 4.125rem !important; } top: 4.125rem !important; }
.nav-function-top .page-content-wrapper { .nav-function-top .page-content-wrapper {
@ -1892,7 +1919,7 @@ html body {
top: -1.7rem; top: -1.7rem;
left: 0; } left: 0; }
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
color: #886ab5; color: #3674B5;
background: transparent; } background: transparent; }
.nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul { .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul {
display: block !important; display: block !important;
@ -2522,7 +2549,7 @@ html body {
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
color: #886ab5; } color: #3674B5; }
.accordion .card .card-header .card-title.collapsed { .accordion .card .card-header .card-title.collapsed {
color: #838383; } color: #838383; }
@ -2564,11 +2591,11 @@ html body {
background: #fff; } background: #fff; }
.accordion.accordion-hover .card-header:hover .card-title.collapsed { .accordion.accordion-hover .card-header:hover .card-title.collapsed {
color: #fff; color: #fff;
background-color: #a38cc6; } background-color: #3674B5; }
.accordion.accordion-hover .card-title:not(.collapsed) { .accordion.accordion-hover .card-title:not(.collapsed) {
color: #fff; color: #fff;
background-color: #886ab5; } background-color: #3674B5; }
/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
does not allow you to add your own alert colors via variable control rather does not allow you to add your own alert colors via variable control rather
@ -2578,8 +2605,8 @@ html body {
*/ */
.alert-primary { .alert-primary {
color: dimgray; color: dimgray;
background-color: #f3f1f5; background-color: #D4EBF8;
border-color: #d6d3da; } border-color: #D4EBF8; }
.alert-success { .alert-success {
color: #45a197; color: #45a197;
@ -2616,7 +2643,7 @@ html body {
.badge.badge-icon { .badge.badge-icon {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
background-color: #fd3995; background-color: #B82132;
color: #fff; color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;
@ -2744,12 +2771,12 @@ html body {
border-color: transparent; border-color: transparent;
border-left-color: #838383; } border-left-color: #838383; }
.breadcrumb-arrow li a:hover { .breadcrumb-arrow li a:hover {
background-color: #886ab5; } background-color: #3674B5; }
.breadcrumb-arrow li a:hover:before { .breadcrumb-arrow li a:hover:before {
border-color: #886ab5; border-color: #3674B5;
border-left-color: transparent; } border-left-color: transparent; }
.breadcrumb-arrow li a:hover:after { .breadcrumb-arrow li a:hover:after {
border-left-color: #886ab5; } border-left-color: #3674B5; }
.breadcrumb-arrow li a:active { .breadcrumb-arrow li a:active {
background-color: #838383; } background-color: #838383; }
.breadcrumb-arrow li a:active:before { .breadcrumb-arrow li a:active:before {
@ -2799,7 +2826,7 @@ html body {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.btn-switch.active { .btn-switch.active {
color: #fff; color: #fff;
background: #886ab5; } background: #3674B5; }
.btn-switch.active:before { .btn-switch.active:before {
content: "ON"; content: "ON";
left: 7px; left: 7px;
@ -2810,7 +2837,7 @@ html body {
right: 0; right: 0;
left: auto; left: auto;
background: #fff; background: #fff;
color: #886ab5; } color: #3674B5; }
/* button used to close filter and mobile search */ /* button used to close filter and mobile search */
.btn-search-close { .btn-search-close {
@ -2837,7 +2864,7 @@ html body {
/* buttons used in the header section of the page */ /* buttons used in the header section of the page */
.header-btn[data-class='mobile-nav-on'] { .header-btn[data-class='mobile-nav-on'] {
border-color: #fc077a; border-color: #B82132;
background-color: #fd2087; background-color: #fd2087;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
background-image: linear-gradient(to top, #fd2087, #e7026e); background-image: linear-gradient(to top, #fd2087, #e7026e);
@ -2887,8 +2914,8 @@ html body {
height: 25px; height: 25px;
width: 35px; width: 35px;
line-height: 23px; line-height: 23px;
background: #886ab5; background: #3674B5;
border-color: #7a59ad; border-color: #3674B5;
-webkit-box-shadow: 0px 0px 10px #5790b3; -webkit-box-shadow: 0px 0px 10px #5790b3;
box-shadow: 0px 0px 10px #5790b3; } box-shadow: 0px 0px 10px #5790b3; }
@ -3189,7 +3216,7 @@ html body {
padding-right: 1.5rem; } padding-right: 1.5rem; }
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
background: #f8f9fa; background: #f8f9fa;
color: #6e4e9e; } color: #3674B5; }
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu { .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu {
-webkit-transition-delay: 0ms; -webkit-transition-delay: 0ms;
transition-delay: 0ms; transition-delay: 0ms;
@ -3590,7 +3617,7 @@ html body {
border-radius: 4px; border-radius: 4px;
border-width: 0px; } border-width: 0px; }
.pagination .page-link:hover { .pagination .page-link:hover {
background-color: #886ab5 !important; background-color: #3674B5 !important;
color: #fff; } color: #fff; }
.pagination.pagination-xs .page-link { .pagination.pagination-xs .page-link {
@ -3704,7 +3731,7 @@ html body {
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
font-size: 1.1rem; font-size: 1.1rem;
color: #fd3995; } color: #B82132; }
.panel.ui-sortable-helper { .panel.ui-sortable-helper {
-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
@ -3857,7 +3884,7 @@ html body {
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
background: #fd3995; } background: #B82132; }
.panel-toolbar .btn-toolbar-master { .panel-toolbar .btn-toolbar-master {
height: 3rem; height: 3rem;
width: 1.826875rem; width: 1.826875rem;
@ -4006,7 +4033,7 @@ html body {
.menu-item, .menu-item,
label.menu-open-button { label.menu-open-button {
background: #886ab5; background: #3674B5;
border-radius: 50%; border-radius: 50%;
width: 45px; width: 45px;
height: 45px; height: 45px;
@ -4027,7 +4054,7 @@ label.menu-open-button {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
.menu-item:hover, .menu-item:hover,
label.menu-open-button:hover { label.menu-open-button:hover {
background: #6e4e9e; } background: #3674B5; }
.shortcut-menu { .shortcut-menu {
position: fixed; position: fixed;
@ -4238,10 +4265,10 @@ th {
align-items: center; align-items: center;
border-bottom: 1px solid transparent; } border-bottom: 1px solid transparent; }
.nav-tabs-clean .nav-item .nav-link.active { .nav-tabs-clean .nav-item .nav-link.active {
border-bottom: 1px solid #886ab5; border-bottom: 1px solid #3674B5;
color: #886ab5; } color: #3674B5; }
.nav-tabs-clean .nav-item .nav-link:hover { .nav-tabs-clean .nav-item .nav-link:hover {
color: #886ab5; } color: #3674B5; }
/* hack for waves effect breaking tabs */ /* hack for waves effect breaking tabs */
/*.nav-tabs .nav-item > .nav-link.waves-effect { /*.nav-tabs .nav-item > .nav-link.waves-effect {
@ -4264,7 +4291,7 @@ th {
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { .nav-tabs .nav-item.show .nav-link {
color: #886ab5; } color: #3674B5; }
.tooltip-inner { .tooltip-inner {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
@ -5200,7 +5227,7 @@ span.img-share {
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #1dc9b7; }
.status.status-danger:before { .status.status-danger:before {
background: #fd3995; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
background: #ffc241; } background: #ffc241; }
@ -5857,14 +5884,14 @@ $grid-breakpoints: (
height: 26px; height: 26px;
font-size: 1rem; } font-size: 1rem; }
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
border: 1px solid #886ab5; border: 1px solid #3674B5;
padding-left: 1rem; padding-left: 1rem;
padding-right: 3rem; padding-right: 3rem;
width: 100%; width: 100%;
max-width: none; max-width: none;
background: #fff; } background: #fff; }
.mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
border-color: #886ab5; } border-color: #3674B5; }
.mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] { .mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] {
display: none !important; } display: none !important; }
.page-header [data-toggle="dropdown"] + .dropdown-menu { .page-header [data-toggle="dropdown"] + .dropdown-menu {
@ -5952,15 +5979,15 @@ $grid-breakpoints: (
/* add background to focused inpur prepend and append */ /* add background to focused inpur prepend and append */
.form-control:focus ~ .input-group-prepend { .form-control:focus ~ .input-group-prepend {
background: #886ab5; } background: #3674B5; }
.has-length .input-group-text { .has-length .input-group-text {
border-color: #886ab5; } border-color: #3674B5; }
.has-length .input-group-text + .input-group-text { .has-length .input-group-text + .input-group-text {
border-left: 1px solid rgba(0, 0, 0, 0.1); } border-left: 1px solid rgba(0, 0, 0, 0.1); }
.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
background: #886ab5; background: #3674B5;
color: #fff !important; } color: #fff !important; }
.input-group-text { .input-group-text {
@ -6102,7 +6129,7 @@ input[type="checkbox"]:checked + .custom-control-label {
.settings-panel .expanded.theme-colors > ul:last-child { .settings-panel .expanded.theme-colors > ul:last-child {
margin-right: 0; } margin-right: 0; }
.settings-panel .expanded.theme-colors #myapp-0 { .settings-panel .expanded.theme-colors #myapp-0 {
background: #886ab5; background: #3674B5;
-webkit-box-shadow: inset 0 0 0 3px #2ba1ff; -webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
box-shadow: inset 0 0 0 3px #2ba1ff; } box-shadow: inset 0 0 0 3px #2ba1ff; }
.settings-panel .expanded.theme-colors #myapp-1 { .settings-panel .expanded.theme-colors #myapp-1 {
@ -6356,7 +6383,7 @@ body:not(.mod-pace-custom) .pace {
-ms-user-select: none; -ms-user-select: none;
user-select: none; } user-select: none; }
body:not(.mod-pace-custom) .pace .pace-progress { body:not(.mod-pace-custom) .pace .pace-progress {
background: #886ab5; background: #3674B5;
position: fixed; position: fixed;
z-index: 2000; z-index: 2000;
top: 0; top: 0;
@ -6407,8 +6434,8 @@ body.mod-pace-custom {
right: 100%; right: 100%;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: #886ab5; background-color: #3674B5;
background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%); background-image: linear-gradient(135deg, #3674B5 0%, #3674B5 25%, #3674B5 25%, #3674B5 50%, #3674B5 50%, #3674B5 75%, #3674B5 75%, #3674B5 100%);
background-repeat: repeat; background-repeat: repeat;
background-position: 0 0; background-position: 0 0;
background-size: 13px 13px; background-size: 13px 13px;
@ -7057,7 +7084,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: rgba(0, 0, 0, 0.8); } color: rgba(0, 0, 0, 0.8); }
.bg-primary-300 { .bg-primary-300 {
background-color: #a38cc6; background-color: #3674B5;
color: white; } color: white; }
.bg-primary-300:hover { .bg-primary-300:hover {
color: white; } color: white; }
@ -7069,19 +7096,19 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: white; } color: white; }
.bg-primary-500 { .bg-primary-500 {
background-color: #886ab5; background-color: #3674B5;
color: white; } color: white; }
.bg-primary-500:hover { .bg-primary-500:hover {
color: white; } color: white; }
.bg-primary-600 { .bg-primary-600 {
background-color: #7a59ad; background-color: #3674B5;
color: white; } color: white; }
.bg-primary-600:hover { .bg-primary-600:hover {
color: white; } color: white; }
.bg-primary-700 { .bg-primary-700 {
background-color: #6e4e9e; background-color: #3674B5;
color: white; } color: white; }
.bg-primary-700:hover { .bg-primary-700:hover {
color: white; } color: white; }
@ -7108,19 +7135,19 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: #b19dce; } color: #b19dce; }
.color-primary-300 { .color-primary-300 {
color: #a38cc6; } color: #3674B5; }
.color-primary-400 { .color-primary-400 {
color: #967bbd; } color: #967bbd; }
.color-primary-500 { .color-primary-500 {
color: #886ab5; } color: #3674B5; }
.color-primary-600 { .color-primary-600 {
color: #7a59ad; } color: #3674B5; }
.color-primary-700 { .color-primary-700 {
color: #6e4e9e; } color: #3674B5; }
.color-primary-800 { .color-primary-800 {
color: #62468d; } color: #62468d; }
@ -7429,7 +7456,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: white; } color: white; }
.bg-danger-500 { .bg-danger-500 {
background-color: #fd3995; background-color: #B82132;
color: white; } color: white; }
.bg-danger-500:hover { .bg-danger-500:hover {
color: white; } color: white; }
@ -7441,7 +7468,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: white; } color: white; }
.bg-danger-700 { .bg-danger-700 {
background-color: #fc077a; background-color: #B82132;
color: white; } color: white; }
.bg-danger-700:hover { .bg-danger-700:hover {
color: white; } color: white; }
@ -7474,13 +7501,13 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: #fd52a3; } color: #fd52a3; }
.color-danger-500 { .color-danger-500 {
color: #fd3995; } color: #B82132; }
.color-danger-600 { .color-danger-600 {
color: #fd2087; } color: #fd2087; }
.color-danger-700 { .color-danger-700 {
color: #fc077a; } color: #B82132; }
.color-danger-800 { .color-danger-800 {
color: #e7026e; } color: #e7026e; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1198,7 +1198,7 @@ table.dataTable.dtr-column > tbody > tr > th.control:before {
border-radius: 0; border-radius: 0;
border: 0; border: 0;
margin: 0; margin: 0;
background-color: #886ab5; } background-color: #3674B5; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
@ -1227,7 +1227,7 @@ table.dataTable thead .sorting_desc_disabled:after {
font-family: 'Font Awesome 5 Pro'; } font-family: 'Font Awesome 5 Pro'; }
.dataTables_empty { .dataTables_empty {
color: #fd3995; color: #B82132;
font-size: 2rem; font-size: 2rem;
padding-top: 2.5rem !important; padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; } padding-bottom: 2.5rem !important; }
@ -1318,12 +1318,12 @@ div.dt-autofill-background {
padding-right: 2rem !important; } padding-right: 2rem !important; }
div.dt-autofill-handle { div.dt-autofill-handle {
background: #886ab5; background: #3674B5;
height: 0.875rem; height: 0.875rem;
width: 0.875rem; } width: 0.875rem; }
div.dt-autofill-select { div.dt-autofill-select {
background-color: #886ab5; } background-color: #3674B5; }
/* FixedColumns */ /* FixedColumns */
.DTFC_LeftHeadWrapper:before, .DTFC_LeftHeadWrapper:before,
@ -1335,7 +1335,7 @@ div.dt-autofill-select {
top: 1px; top: 1px;
bottom: 0px; bottom: 0px;
width: 1px; width: 1px;
background: #fd3995; background: #B82132;
z-index: 1; z-index: 1;
-webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); } box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); }
@ -1348,8 +1348,8 @@ div.dt-autofill-select {
/* KeyTable */ /* KeyTable */
table.dataTable tbody th.focus, table.dataTable tbody th.focus,
table.dataTable tbody td.focus { table.dataTable tbody td.focus {
-webkit-box-shadow: inset 0 0 0px 1px #886ab5; -webkit-box-shadow: inset 0 0 0px 1px #3674B5;
box-shadow: inset 0 0 0px 1px #886ab5; box-shadow: inset 0 0 0px 1px #3674B5;
background: rgba(136, 106, 181, 0.1); background: rgba(136, 106, 181, 0.1);
font-weight: 500; } font-weight: 500; }
@ -1379,7 +1379,7 @@ tr.dt-rowReorder-moving {
outline-offset: -2px; } outline-offset: -2px; }
table.dt-rowReorder-float { table.dt-rowReorder-float {
outline: 2px solid #886ab5; outline: 2px solid #3674B5;
outline-offset: -2px; } outline-offset: -2px; }
/* w-100 bug for some tables */ /* w-100 bug for some tables */
@ -1401,8 +1401,8 @@ table.dataTable.table-bordered td.selected {
table.dataTable tbody > tr.selected, table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected { table.dataTable tbody > tr > .selected {
-webkit-box-shadow: inset 0 0 0px 1px #886ab5; -webkit-box-shadow: inset 0 0 0px 1px #3674B5;
box-shadow: inset 0 0 0px 1px #886ab5; box-shadow: inset 0 0 0px 1px #3674B5;
background: rgba(136, 106, 181, 0.1); background: rgba(136, 106, 181, 0.1);
font-weight: 500; font-weight: 500;
color: inherit; } color: inherit; }

File diff suppressed because one or more lines are too long

View File

@ -977,9 +977,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -1071,7 +1071,7 @@ RESULT:
.datepicker table tr td span.active.active, .datepicker table tr td span.active.active,
.datepicker table tr td span.focused { .datepicker table tr td span.focused {
background-color: #967bbd; background-color: #967bbd;
border-color: #886ab5; border-color: #3674B5;
color: #fff; } color: #fff; }
.datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:hover,
@ -1100,8 +1100,8 @@ RESULT:
.datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover { .datepicker table tr td.selected.highlighted:hover {
background-color: #7a59ad; background-color: #3674B5;
border-color: #6e4e9e; border-color: #3674B5;
color: #fff; } color: #fff; }
.datepicker table { .datepicker table {

File diff suppressed because one or more lines are too long

View File

@ -618,9 +618,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -740,7 +740,7 @@ RESULT:
.daterangepicker table tr td.selected.highlighted.active.focus, .daterangepicker table tr td.selected.highlighted.active.focus,
.daterangepicker table tr td.selected:hover, .daterangepicker table tr td.selected:hover,
.daterangepicker table tr td.selected.highlighted:hover { .daterangepicker table tr td.selected.highlighted:hover {
background-color: #7a59ad; background-color: #3674B5;
color: #fff; } color: #fff; }
.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .next,
@ -786,6 +786,6 @@ RESULT:
font-size: 0.8125rem; font-size: 0.8125rem;
padding: 0.75rem 1rem; } padding: 0.75rem 1rem; }
.daterangepicker .ranges li.active { .daterangepicker .ranges li.active {
background-color: #886ab5; } background-color: #3674B5; }
/*# sourceMappingURL=bootstrap-daterangepicker.css.map */ /*# sourceMappingURL=bootstrap-daterangepicker.css.map */

View File

@ -548,7 +548,7 @@ aside.page-sidebar ($nav-width, $nav-background)
.dropzone.dz-drag-hover { .dropzone.dz-drag-hover {
border-style: dashed; border-style: dashed;
border-color: #886ab5; } border-color: #3674B5; }
.dropzone .dz-preview.dz-file-preview .dz-image { .dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 4px; } border-radius: 4px; }

File diff suppressed because one or more lines are too long

View File

@ -987,9 +987,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -1068,7 +1068,7 @@ RESULT:
.irs--flat .irs-to, .irs--flat .irs-to,
.irs--flat .irs-single, .irs--flat .irs-single,
.irs--flat .irs-handle > i:first-child { .irs--flat .irs-handle > i:first-child {
background-color: #886ab5; } background-color: #3674B5; }
.irs--flat .irs-from, .irs--flat .irs-from,
.irs--flat .irs-to, .irs--flat .irs-to,
@ -1078,22 +1078,22 @@ RESULT:
.irs--flat .irs-from:before, .irs--flat .irs-from:before,
.irs--flat .irs-to:before, .irs--flat .irs-to:before,
.irs--flat .irs-single:before { .irs--flat .irs-single:before {
border-top-color: #886ab5; } border-top-color: #3674B5; }
.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child { .irs--flat .irs-handle:hover > i:first-child {
background-color: #7a59ad; } background-color: #3674B5; }
.irs--big .irs-bar { .irs--big .irs-bar {
background-color: #a38cc6; background-color: #3674B5;
border-color: #886ab5; border-color: #3674B5;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #a38cc6), to(#886ab5)); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #3674B5), to(#3674B5));
background: linear-gradient(to bottom, #ffffff 0%, #a38cc6 30%, #886ab5 100%); } background: linear-gradient(to bottom, #ffffff 0%, #3674B5 30%, #3674B5 100%); }
.irs--big .irs-from, .irs--big .irs-from,
.irs--big .irs-to, .irs--big .irs-to,
.irs--big .irs-single { .irs--big .irs-single {
background: #886ab5; } background: #3674B5; }
.irs--modern .irs-bar { .irs--modern .irs-bar {
background: #1ab3a3; background: #1ab3a3;
@ -1119,13 +1119,13 @@ RESULT:
.irs--sharp .irs-from, .irs--sharp .irs-from,
.irs--sharp .irs-to, .irs--sharp .irs-to,
.irs--sharp .irs-single { .irs--sharp .irs-single {
background-color: #fd3995; } background-color: #B82132; }
.irs--sharp .irs-handle > i:first-child, .irs--sharp .irs-handle > i:first-child,
.irs--sharp .irs-from:before, .irs--sharp .irs-from:before,
.irs--sharp .irs-to:before, .irs--sharp .irs-to:before,
.irs--sharp .irs-single:before { .irs--sharp .irs-single:before {
border-top-color: #fd3995; } border-top-color: #B82132; }
.irs--sharp .irs-min, .irs--sharp .irs-min,
.irs--sharp .irs-max { .irs--sharp .irs-max {

File diff suppressed because one or more lines are too long

View File

@ -838,9 +838,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -948,7 +948,7 @@ RESULT:
position: absolute; position: absolute;
left: calc(1rem + 0.875rem); left: calc(1rem + 0.875rem);
top: calc(0.6rem + 0.875rem); top: calc(0.6rem + 0.875rem);
color: #886ab5; } color: #3674B5; }
.select2-results { .select2-results {
padding: 0.875rem; } padding: 0.875rem; }
@ -959,12 +959,12 @@ RESULT:
.select2-container--open .select2-dropdown--above { .select2-container--open .select2-dropdown--above {
-webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); -webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
border-color: #886ab5; } border-color: #3674B5; }
.select2-container--open .select2-dropdown--below { .select2-container--open .select2-dropdown--below {
-webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); -webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
border-color: #886ab5; } border-color: #3674B5; }
.select2-container--default .select2-search--dropdown .select2-search__field { .select2-container--default .select2-search--dropdown .select2-search__field {
display: block; display: block;
@ -992,7 +992,7 @@ RESULT:
color: #563d7c; } color: #563d7c; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #886ab5; background-color: #3674B5;
color: #fff; } color: #fff; }
.select2-selection--single, .select2-selection--single,
@ -1009,7 +1009,7 @@ RESULT:
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
position: relative; position: relative;
z-index: 1151; z-index: 1151;
border-color: #886ab5; } border-color: #3674B5; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-color: transparent; border-bottom-color: transparent;
@ -1021,7 +1021,7 @@ RESULT:
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple { .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #886ab5; } border-color: #3674B5; }
.select2-container--default.select2-container--focus .select2-selection--multiple { .select2-container--default.select2-container--focus .select2-selection--multiple {
display: -webkit-box; display: -webkit-box;
@ -1061,9 +1061,9 @@ RESULT:
font-size: 16px; font-size: 16px;
border-left: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 5px; margin-left: 5px;
color: #a38cc6; } color: #3674B5; }
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
color: #886ab5; } color: #3674B5; }
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
@ -1083,7 +1083,7 @@ span.select2-selection.select2-selection--multiple {
padding: 0 15px; padding: 0 15px;
margin-right: 8px; margin-right: 8px;
font-size: 1rem; font-size: 1rem;
color: #fd3995; } color: #B82132; }
.select2-container--default .select2-selection--single .select2-selection__clear:hover { .select2-container--default .select2-selection--single .select2-selection__clear:hover {
color: #fd2087; } color: #fd2087; }
@ -1094,6 +1094,6 @@ span.select2-selection.select2-selection--multiple {
margin-top: 8px; } } margin-top: 8px; } }
.select2-results__message { .select2-results__message {
color: #fd3995; } color: #B82132; }
/*# sourceMappingURL=select2.bundle.css.map */ /*# sourceMappingURL=select2.bundle.css.map */

File diff suppressed because one or more lines are too long

View File

@ -957,9 +957,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;

File diff suppressed because one or more lines are too long

View File

@ -1662,9 +1662,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -1798,7 +1798,7 @@ RESULT:
background: #967bbd; } background: #967bbd; }
.fc-event { .fc-event {
border: 1px solid #7a59ad; } border: 1px solid #3674B5; }
.fc-day-top.fc-other-month { .fc-day-top.fc-other-month {
opacity: 1; } opacity: 1; }

File diff suppressed because one or more lines are too long

View File

@ -336,9 +336,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;

File diff suppressed because one or more lines are too long

View File

@ -1169,7 +1169,7 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover { .lg-outer .lg-thumb-item:hover {
border-color: #fd3995; } border-color: #B82132; }
.lg-toolbar .lg-icon { .lg-toolbar .lg-icon {
font-size: 1.3rem; } font-size: 1.3rem; }

File diff suppressed because one or more lines are too long

View File

@ -297,9 +297,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;

File diff suppressed because one or more lines are too long

View File

@ -1088,7 +1088,7 @@ body.swal2-no-backdrop .swal2-shown {
border: 0; border: 0;
border-radius: 0.25em; border-radius: 0.25em;
background: initial; background: initial;
background-color: #886ab5; background-color: #3674B5;
color: #fff; color: #fff;
font-size: 0.875em; } font-size: 0.875em; }
.swal2-styled.swal2-cancel { .swal2-styled.swal2-cancel {
@ -1147,7 +1147,7 @@ body.swal2-no-backdrop .swal2-shown {
-webkit-transform: none; -webkit-transform: none;
transform: none; transform: none;
background: transparent; background: transparent;
color: #fd3995; } color: #B82132; }
> .swal2-input, > .swal2-input,
> .swal2-file, > .swal2-file,
@ -1199,13 +1199,13 @@ body.swal2-no-backdrop .swal2-shown {
.swal2-input.swal2-inputerror, .swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror, .swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror { .swal2-textarea.swal2-inputerror {
border-color: #fd3995 !important; border-color: #B82132 !important;
-webkit-box-shadow: 0 0 2px #fd3995 !important; -webkit-box-shadow: 0 0 2px #B82132 !important;
box-shadow: 0 0 2px #fd3995 !important; } box-shadow: 0 0 2px #B82132 !important; }
.swal2-input:focus, .swal2-input:focus,
.swal2-file:focus, .swal2-file:focus,
.swal2-textarea:focus { .swal2-textarea:focus {
border: 1px solid #886ab5; border: 1px solid #3674B5;
outline: none; outline: none;
-webkit-box-shadow: transparent; -webkit-box-shadow: transparent;
box-shadow: transparent; } box-shadow: transparent; }
@ -1310,7 +1310,7 @@ body.swal2-no-backdrop .swal2-shown {
margin: 0 .625em; margin: 0 .625em;
zoom: normal; zoom: normal;
border-radius: 50%; border-radius: 50%;
background-color: #fd3995; background-color: #B82132;
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
line-height: 1.5em; line-height: 1.5em;
@ -1362,7 +1362,7 @@ body.swal2-no-backdrop .swal2-shown {
height: 92%; height: 92%;
font-size: 3.75em; } font-size: 3.75em; }
.swal2-icon.swal2-error { .swal2-icon.swal2-error {
border-color: #fd3995; } border-color: #B82132; }
.swal2-icon.swal2-error .swal2-x-mark { .swal2-icon.swal2-error .swal2-x-mark {
position: relative; position: relative;
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -1375,7 +1375,7 @@ body.swal2-no-backdrop .swal2-shown {
width: 2.9375em; width: 2.9375em;
height: .3125em; height: .3125em;
border-radius: .125em; border-radius: .125em;
background-color: #fd3995; } background-color: #B82132; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
left: 1.0625em; left: 1.0625em;
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
@ -1396,7 +1396,7 @@ body.swal2-no-backdrop .swal2-shown {
content: 'i'; } content: 'i'; }
.swal2-icon.swal2-question { .swal2-icon.swal2-question {
border-color: #beaed7; border-color: #beaed7;
color: #886ab5; } color: #3674B5; }
.swal2-icon.swal2-question::before { .swal2-icon.swal2-question::before {
content: '?'; } content: '?'; }
.swal2-icon.swal2-question.swal2-arabic-question-mark::before { .swal2-icon.swal2-question.swal2-arabic-question-mark::before {
@ -1482,12 +1482,12 @@ body.swal2-no-backdrop .swal2-shown {
width: 2em; width: 2em;
height: 2em; height: 2em;
border-radius: 2em; border-radius: 2em;
background: #886ab5; background: #3674B5;
color: #fff; color: #fff;
line-height: 2em; line-height: 2em;
text-align: center; } text-align: center; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #886ab5; } background: #3674B5; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #beaed7; background: #beaed7;
color: #fff; } color: #fff; }
@ -1498,7 +1498,7 @@ body.swal2-no-backdrop .swal2-shown {
width: 2.5em; width: 2.5em;
height: .4em; height: .4em;
margin: 0 -1px; margin: 0 -1px;
background: #886ab5; } background: #3674B5; }
[class^='swal2'] { [class^='swal2'] {
-webkit-tap-highlight-color: transparent; } -webkit-tap-highlight-color: transparent; }

File diff suppressed because one or more lines are too long

View File

@ -384,7 +384,7 @@ aside.page-sidebar ($nav-width, $nav-background)
========================================================================== */ ========================================================================== */
/* ACCESSIBILITIES */ /* ACCESSIBILITIES */
.toast { .toast {
background-color: #886ab5; background-color: #3674B5;
background-image: none !important; } background-image: none !important; }
.toast:before { .toast:before {
content: "\f05a"; content: "\f05a";
@ -407,7 +407,7 @@ aside.page-sidebar ($nav-width, $nav-background)
content: "\f2f7"; } content: "\f2f7"; }
.toast-error { .toast-error {
background-color: #fd3995; } background-color: #B82132; }
.toast-error:before { .toast-error:before {
content: "\f2f0"; } content: "\f2f0"; }

File diff suppressed because one or more lines are too long

View File

@ -298,9 +298,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;

File diff suppressed because one or more lines are too long

View File

@ -372,16 +372,16 @@ $ct-donut-width: 60px !default;
stroke-width: 60px; } stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #886ab5; } stroke: #3674B5; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
fill: #886ab5; } fill: #3674B5; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
stroke: #fd3995; } stroke: #B82132; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
fill: #fd3995; } fill: #B82132; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
stroke: #ffc241; } stroke: #ffc241; }
@ -456,10 +456,10 @@ $ct-donut-width: 60px !default;
fill: #51adf6; } fill: #51adf6; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
stroke: #a38cc6; } stroke: #3674B5; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { .ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
fill: #a38cc6; } fill: #3674B5; }
.ct-square { .ct-square {
display: block; display: block;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -466,7 +466,7 @@ html body {
color: #9ac142; } color: #9ac142; }
.nav-menu li > ul li a > .badge { .nav-menu li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; } background-color: #B82132; }
.nav-menu li > ul li a:hover { .nav-menu li > ul li a:hover {
color: white; color: white;
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1); }
@ -490,7 +490,7 @@ html body {
color: white; } color: white; }
.nav-menu li > ul li > ul li a > .badge { .nav-menu li > ul li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border: 1px solid #444444; } border: 1px solid #444444; }
/* nav clean elements */ /* nav clean elements */
@ -698,7 +698,7 @@ html body {
border-color: #d1d1d1; } border-color: #d1d1d1; }
.badge.badge-icon { .badge.badge-icon {
background-color: #fd3995; background-color: #B82132;
color: #fff; color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff; } box-shadow: 0 0 0 1px #fff; }
@ -726,7 +726,7 @@ html body {
/* buttons used in the header section of the page */ /* buttons used in the header section of the page */
.header-btn[data-class='mobile-nav-on'] { .header-btn[data-class='mobile-nav-on'] {
border-color: #fc077a; border-color: #B82132;
background-color: #fd2087; background-color: #fd2087;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
background-image: linear-gradient(to top, #fd2087, #e7026e); background-image: linear-gradient(to top, #fd2087, #e7026e);
@ -842,7 +842,7 @@ html body {
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1);
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); } box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); }
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
color: #fd3995; } color: #B82132; }
/* panel tag can be used globally */ /* panel tag can be used globally */
.panel-tag { .panel-tag {
@ -879,7 +879,7 @@ html body {
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
background: #fd3995; } background: #B82132; }
/* placeholder */ /* placeholder */
.panel-placeholder { .panel-placeholder {
@ -1012,7 +1012,7 @@ label.menu-open-button {
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #1dc9b7; }
.status.status-danger:before { .status.status-danger:before {
background: #fd3995; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
background: #ffc241; } background: #ffc241; }
@ -1560,7 +1560,7 @@ code {
color: white; } color: white; }
.bg-danger-500 { .bg-danger-500 {
background-color: #fd3995; background-color: #B82132;
color: white; } color: white; }
.bg-danger-500:hover { .bg-danger-500:hover {
color: white; } color: white; }
@ -1572,7 +1572,7 @@ code {
color: white; } color: white; }
.bg-danger-700 { .bg-danger-700 {
background-color: #fc077a; background-color: #B82132;
color: white; } color: white; }
.bg-danger-700:hover { .bg-danger-700:hover {
color: white; } color: white; }
@ -1605,13 +1605,13 @@ code {
color: #fd52a3; } color: #fd52a3; }
.color-danger-500 { .color-danger-500 {
color: #fd3995; } color: #B82132; }
.color-danger-600 { .color-danger-600 {
color: #fd2087; } color: #fd2087; }
.color-danger-700 { .color-danger-700 {
color: #fc077a; } color: #B82132; }
.color-danger-800 { .color-danger-800 {
color: #e7026e; } color: #e7026e; }
@ -1870,25 +1870,25 @@ code {
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-danger:hover { .btn-danger:hover {
color: #fff; color: #fff;
background-color: #fd1381; background-color: #B82132;
border-color: #fc077a; } border-color: #B82132; }
.btn-danger:focus, .btn-danger.focus { .btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { .show > .btn-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fc077a; background-color: #B82132;
border-color: #f40274; } border-color: #f40274; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
@ -2065,23 +2065,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
.btn-outline-danger { .btn-outline-danger {
color: #fd3995; color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:hover { .btn-outline-danger:hover {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:focus, .btn-outline-danger.focus { .btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #fd3995; color: #B82132;
background-color: transparent; } background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle { .show > .btn-outline-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { .show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
@ -2149,7 +2149,7 @@ code {
border-color: #ffc241 !important; } border-color: #ffc241 !important; }
.border-danger { .border-danger {
border-color: #fd3995 !important; } border-color: #B82132 !important; }
.border-light { .border-light {
border-color: #fff !important; } border-color: #fff !important; }
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
color: #f4a500 !important; } color: #f4a500 !important; }
.text-danger { .text-danger {
color: #fd3995 !important; } color: #B82132 !important; }
a.text-danger:hover, a.text-danger:focus { a.text-danger:hover, a.text-danger:focus {
color: #e7026e !important; } color: #e7026e !important; }

File diff suppressed because one or more lines are too long

View File

@ -466,7 +466,7 @@ html body {
color: #4a78c2; } color: #4a78c2; }
.nav-menu li > ul li a > .badge { .nav-menu li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; } background-color: #B82132; }
.nav-menu li > ul li a:hover { .nav-menu li > ul li a:hover {
color: white; color: white;
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1); }
@ -490,7 +490,7 @@ html body {
color: white; } color: white; }
.nav-menu li > ul li > ul li a > .badge { .nav-menu li > ul li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border: 1px solid #494949; } border: 1px solid #494949; }
/* nav clean elements */ /* nav clean elements */
@ -698,7 +698,7 @@ html body {
border-color: #d6d6d6; } border-color: #d6d6d6; }
.badge.badge-icon { .badge.badge-icon {
background-color: #fd3995; background-color: #B82132;
color: #fff; color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff; } box-shadow: 0 0 0 1px #fff; }
@ -726,7 +726,7 @@ html body {
/* buttons used in the header section of the page */ /* buttons used in the header section of the page */
.header-btn[data-class='mobile-nav-on'] { .header-btn[data-class='mobile-nav-on'] {
border-color: #fc077a; border-color: #B82132;
background-color: #fd2087; background-color: #fd2087;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
background-image: linear-gradient(to top, #fd2087, #e7026e); background-image: linear-gradient(to top, #fd2087, #e7026e);
@ -842,7 +842,7 @@ html body {
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1);
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); } box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); }
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
color: #fd3995; } color: #B82132; }
/* panel tag can be used globally */ /* panel tag can be used globally */
.panel-tag { .panel-tag {
@ -879,7 +879,7 @@ html body {
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
background: #fd3995; } background: #B82132; }
/* placeholder */ /* placeholder */
.panel-placeholder { .panel-placeholder {
@ -1012,7 +1012,7 @@ label.menu-open-button {
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #1dc9b7; }
.status.status-danger:before { .status.status-danger:before {
background: #fd3995; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
background: #ffc241; } background: #ffc241; }
@ -1560,7 +1560,7 @@ code {
color: white; } color: white; }
.bg-danger-500 { .bg-danger-500 {
background-color: #fd3995; background-color: #B82132;
color: white; } color: white; }
.bg-danger-500:hover { .bg-danger-500:hover {
color: white; } color: white; }
@ -1572,7 +1572,7 @@ code {
color: white; } color: white; }
.bg-danger-700 { .bg-danger-700 {
background-color: #fc077a; background-color: #B82132;
color: white; } color: white; }
.bg-danger-700:hover { .bg-danger-700:hover {
color: white; } color: white; }
@ -1605,13 +1605,13 @@ code {
color: #fd52a3; } color: #fd52a3; }
.color-danger-500 { .color-danger-500 {
color: #fd3995; } color: #B82132; }
.color-danger-600 { .color-danger-600 {
color: #fd2087; } color: #fd2087; }
.color-danger-700 { .color-danger-700 {
color: #fc077a; } color: #B82132; }
.color-danger-800 { .color-danger-800 {
color: #e7026e; } color: #e7026e; }
@ -1870,25 +1870,25 @@ code {
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-danger:hover { .btn-danger:hover {
color: #fff; color: #fff;
background-color: #fd1381; background-color: #B82132;
border-color: #fc077a; } border-color: #B82132; }
.btn-danger:focus, .btn-danger.focus { .btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { .show > .btn-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fc077a; background-color: #B82132;
border-color: #f40274; } border-color: #f40274; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
@ -2065,23 +2065,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
.btn-outline-danger { .btn-outline-danger {
color: #fd3995; color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:hover { .btn-outline-danger:hover {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:focus, .btn-outline-danger.focus { .btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #fd3995; color: #B82132;
background-color: transparent; } background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle { .show > .btn-outline-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { .show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
@ -2149,7 +2149,7 @@ code {
border-color: #ffc241 !important; } border-color: #ffc241 !important; }
.border-danger { .border-danger {
border-color: #fd3995 !important; } border-color: #B82132 !important; }
.border-light { .border-light {
border-color: #fff !important; } border-color: #fff !important; }
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
color: #f4a500 !important; } color: #f4a500 !important; }
.text-danger { .text-danger {
color: #fd3995 !important; } color: #B82132 !important; }
a.text-danger:hover, a.text-danger:focus { a.text-danger:hover, a.text-danger:focus {
color: #e7026e !important; } color: #e7026e !important; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -466,7 +466,7 @@ html body {
color: #d55591; } color: #d55591; }
.nav-menu li > ul li a > .badge { .nav-menu li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; } background-color: #B82132; }
.nav-menu li > ul li a:hover { .nav-menu li > ul li a:hover {
color: white; color: white;
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1); }
@ -490,7 +490,7 @@ html body {
color: white; } color: white; }
.nav-menu li > ul li > ul li a > .badge { .nav-menu li > ul li > ul li a > .badge {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border: 1px solid #585858; } border: 1px solid #585858; }
/* nav clean elements */ /* nav clean elements */
@ -698,7 +698,7 @@ html body {
border-color: #e4e4e4; } border-color: #e4e4e4; }
.badge.badge-icon { .badge.badge-icon {
background-color: #fd3995; background-color: #B82132;
color: #fff; color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff; } box-shadow: 0 0 0 1px #fff; }
@ -726,7 +726,7 @@ html body {
/* buttons used in the header section of the page */ /* buttons used in the header section of the page */
.header-btn[data-class='mobile-nav-on'] { .header-btn[data-class='mobile-nav-on'] {
border-color: #fc077a; border-color: #B82132;
background-color: #fd2087; background-color: #fd2087;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e)); background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
background-image: linear-gradient(to top, #fd2087, #e7026e); background-image: linear-gradient(to top, #fd2087, #e7026e);
@ -842,7 +842,7 @@ html body {
-webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1);
box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); } box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); }
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
color: #fd3995; } color: #B82132; }
/* panel tag can be used globally */ /* panel tag can be used globally */
.panel-tag { .panel-tag {
@ -879,7 +879,7 @@ html body {
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; } background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
background: #fd3995; } background: #B82132; }
/* placeholder */ /* placeholder */
.panel-placeholder { .panel-placeholder {
@ -1012,7 +1012,7 @@ label.menu-open-button {
.status.status-success:before { .status.status-success:before {
background: #1dc9b7; } background: #1dc9b7; }
.status.status-danger:before { .status.status-danger:before {
background: #fd3995; } background: #B82132; }
.status.status-warning:before { .status.status-warning:before {
background: #ffc241; } background: #ffc241; }
@ -1560,7 +1560,7 @@ code {
color: white; } color: white; }
.bg-danger-500 { .bg-danger-500 {
background-color: #fd3995; background-color: #B82132;
color: white; } color: white; }
.bg-danger-500:hover { .bg-danger-500:hover {
color: white; } color: white; }
@ -1572,7 +1572,7 @@ code {
color: white; } color: white; }
.bg-danger-700 { .bg-danger-700 {
background-color: #fc077a; background-color: #B82132;
color: white; } color: white; }
.bg-danger-700:hover { .bg-danger-700:hover {
color: white; } color: white; }
@ -1605,13 +1605,13 @@ code {
color: #fd52a3; } color: #fd52a3; }
.color-danger-500 { .color-danger-500 {
color: #fd3995; } color: #B82132; }
.color-danger-600 { .color-danger-600 {
color: #fd2087; } color: #fd2087; }
.color-danger-700 { .color-danger-700 {
color: #fc077a; } color: #B82132; }
.color-danger-800 { .color-danger-800 {
color: #e7026e; } color: #e7026e; }
@ -1870,25 +1870,25 @@ code {
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-danger:hover { .btn-danger:hover {
color: #fff; color: #fff;
background-color: #fd1381; background-color: #B82132;
border-color: #fc077a; } border-color: #B82132; }
.btn-danger:focus, .btn-danger.focus { .btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { .show > .btn-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fc077a; background-color: #B82132;
border-color: #f40274; } border-color: #f40274; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
@ -2065,23 +2065,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
.btn-outline-danger { .btn-outline-danger {
color: #fd3995; color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:hover { .btn-outline-danger:hover {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:focus, .btn-outline-danger.focus { .btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #fd3995; color: #B82132;
background-color: transparent; } background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle { .show > .btn-outline-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { .show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
@ -2149,7 +2149,7 @@ code {
border-color: #ffc241 !important; } border-color: #ffc241 !important; }
.border-danger { .border-danger {
border-color: #fd3995 !important; } border-color: #B82132 !important; }
.border-light { .border-light {
border-color: #fff !important; } border-color: #fff !important; }
@ -2188,7 +2188,7 @@ a.text-warning:hover, a.text-warning:focus {
color: #f4a500 !important; } color: #f4a500 !important; }
.text-danger { .text-danger {
color: #fd3995 !important; } color: #B82132 !important; }
a.text-danger:hover, a.text-danger:focus { a.text-danger:hover, a.text-danger:focus {
color: #e7026e !important; } color: #e7026e !important; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -203,11 +203,11 @@ aside.page-sidebar ($nav-width, $nav-background)
*/ */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
:root { :root {
--blue: #886ab5; --blue: #3674B5;
--indigo: #6610f2; --indigo: #6610f2;
--purple: #6f42c1; --purple: #6f42c1;
--pink: #e83e8c; --pink: #e83e8c;
--red: #fd3995; --red: #B82132;
--orange: #ffc241; --orange: #ffc241;
--yellow: #ffc241; --yellow: #ffc241;
--green: #1dc9b7; --green: #1dc9b7;
@ -216,12 +216,12 @@ aside.page-sidebar ($nav-width, $nav-background)
--white: #fff; --white: #fff;
--gray: #868e96; --gray: #868e96;
--gray-dark: #495057; --gray-dark: #495057;
--primary: #886ab5; --primary: #3674B5;
--secondary: #868e96; --secondary: #868e96;
--success: #1dc9b7; --success: #1dc9b7;
--info: #2196F3; --info: #2196F3;
--warning: #ffc241; --warning: #ffc241;
--danger: #fd3995; --danger: #B82132;
--light: #fff; --light: #fff;
--dark: #505050; --dark: #505050;
--breakpoint-xs: 0; --breakpoint-xs: 0;
@ -332,7 +332,7 @@ sup {
top: -.5em; } top: -.5em; }
a { a {
color: #886ab5; color: #3674B5;
text-decoration: none; text-decoration: none;
background-color: transparent; } background-color: transparent; }
a:hover { a:hover {
@ -1741,7 +1741,7 @@ pre {
background-color: rgba(255, 255, 255, 0.05); } background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover { .table-dark.table-hover tbody tr:hover {
color: #fff; color: #fff;
background-color: #886ab5; } background-color: #3674B5; }
@media (max-width: 575.98px) { @media (max-width: 575.98px) {
.table-responsive-sm { .table-responsive-sm {
@ -1810,7 +1810,7 @@ pre {
.form-control:focus { .form-control:focus {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
border-color: #886ab5; border-color: #3674B5;
outline: 0; outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem transparent; -webkit-box-shadow: 0 0 0 0.2rem transparent;
box-shadow: 0 0 0 0.2rem transparent; } box-shadow: 0 0 0 0.2rem transparent; }
@ -2052,7 +2052,7 @@ textarea.form-control {
width: 100%; width: 100%;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: 80%; font-size: 80%;
color: #fd3995; } color: #B82132; }
.invalid-tooltip { .invalid-tooltip {
position: absolute; position: absolute;
@ -2065,18 +2065,18 @@ textarea.form-control {
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.47; line-height: 1.47;
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-radius: 5px; } border-radius: 5px; }
.was-validated .form-control:invalid, .form-control.is-invalid { .was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #fd3995; border-color: #B82132;
padding-right: calc(1.47em + 1rem); padding-right: calc(1.47em + 1rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center right calc(0.3675em + 0.25rem); background-position: center right calc(0.3675em + 0.25rem);
background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-feedback,
@ -2089,11 +2089,11 @@ textarea.form-control {
background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #fd3995; border-color: #B82132;
padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem); padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-feedback,
@ -2107,7 +2107,7 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #fd3995; } color: #B82132; }
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
@ -2115,9 +2115,9 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #fd3995; } color: #B82132; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #fd3995; } border-color: #B82132; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
@ -2133,10 +2133,10 @@ textarea.form-control {
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #fd3995; } border-color: #B82132; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #fd3995; } border-color: #B82132; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
@ -2144,7 +2144,7 @@ textarea.form-control {
display: block; } display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #fd3995; border-color: #B82132;
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
@ -2262,28 +2262,28 @@ fieldset:disabled a.btn {
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #fff;
background-color: #7453a6; background-color: #7453a6;
border-color: #6e4e9e; } border-color: #3674B5; }
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgb(54, 116, 181,0.5);
box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } box-shadow: 0 0 0 0.2rem rgb(54, 116, 181,0.5); }
.btn-primary.disabled, .btn-primary:disabled { .btn-primary.disabled, .btn-primary:disabled {
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { .show > .btn-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #6e4e9e; background-color: #3674B5;
border-color: #684a95; } border-color: #3674B5; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { .show > .btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgb(54, 116, 181,0.5);
box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } box-shadow: 0 0 0 0.2rem rgb(54, 116, 181,0.5); }
.btn-secondary { .btn-secondary {
color: #fff; color: #fff;
@ -2387,23 +2387,23 @@ fieldset:disabled a.btn {
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-danger:hover { .btn-danger:hover {
color: #fff; color: #fff;
background-color: #fd1381; background-color: #B82132;
border-color: #fc077a; } border-color: #B82132; }
.btn-danger:focus, .btn-danger.focus { .btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { .show > .btn-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fc077a; background-color: #B82132;
border-color: #f40274; } border-color: #f40274; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
@ -2461,23 +2461,23 @@ fieldset:disabled a.btn {
box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
.btn-outline-primary { .btn-outline-primary {
color: #886ab5; color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.btn-outline-primary:focus, .btn-outline-primary.focus { .btn-outline-primary:focus, .btn-outline-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { .btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #886ab5; color: #3674B5;
background-color: transparent; } background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle { .show > .btn-outline-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus { .show > .btn-outline-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
@ -2576,23 +2576,23 @@ fieldset:disabled a.btn {
box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
.btn-outline-danger { .btn-outline-danger {
color: #fd3995; color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:hover { .btn-outline-danger:hover {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:focus, .btn-outline-danger.focus { .btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #fd3995; color: #B82132;
background-color: transparent; } background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle { .show > .btn-outline-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #fd3995; background-color: #B82132;
border-color: #fd3995; } border-color: #B82132; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { .show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
@ -2646,7 +2646,7 @@ fieldset:disabled a.btn {
.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #886ab5; color: #3674B5;
text-decoration: none; } text-decoration: none; }
.btn-link:hover { .btn-link:hover {
color: #967bbd; color: #967bbd;
@ -2872,7 +2872,7 @@ input[type="button"].btn-block {
background-color: transparent; background-color: transparent;
border: 0; } border: 0; }
.dropdown-item:hover, .dropdown-item:focus { .dropdown-item:hover, .dropdown-item:focus {
color: #6e4e9e; color: #3674B5;
text-decoration: none; text-decoration: none;
background-color: #f8f9fa; } background-color: #f8f9fa; }
.dropdown-item.active, .dropdown-item:active { .dropdown-item.active, .dropdown-item:active {
@ -3186,13 +3186,13 @@ input[type="button"].btn-block {
opacity: 0; } opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before { .custom-control-input:checked ~ .custom-control-label::before {
color: #fff; color: #fff;
border-color: #6e4e9e; border-color: #3674B5;
background-color: #7a59ad; } background-color: #3674B5; }
.custom-control-input:focus ~ .custom-control-label::before { .custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 0.2rem transparent; -webkit-box-shadow: 0 0 0 0.2rem transparent;
box-shadow: 0 0 0 0.2rem transparent; } box-shadow: 0 0 0 0.2rem transparent; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #886ab5; } border-color: #3674B5; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff; color: #fff;
background-color: #e7e1f0; background-color: #e7e1f0;
@ -3234,8 +3234,8 @@ input[type="button"].btn-block {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #886ab5; border-color: #3674B5;
background-color: #886ab5; } background-color: #3674B5; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
@ -3298,7 +3298,7 @@ input[type="button"].btn-block {
-moz-appearance: none; -moz-appearance: none;
appearance: none; } appearance: none; }
.custom-select:focus { .custom-select:focus {
border-color: #886ab5; border-color: #3674B5;
outline: 0; outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem transparent; -webkit-box-shadow: 0 0 0 0.2rem transparent;
box-shadow: 0 0 0 0.2rem transparent; } box-shadow: 0 0 0 0.2rem transparent; }
@ -3344,7 +3344,7 @@ input[type="button"].btn-block {
margin: 0; margin: 0;
opacity: 0; } opacity: 0; }
.custom-file-input:focus ~ .custom-file-label { .custom-file-input:focus ~ .custom-file-label {
border-color: #886ab5; border-color: #3674B5;
-webkit-box-shadow: 0 0 0 0.2rem transparent; -webkit-box-shadow: 0 0 0 0.2rem transparent;
box-shadow: 0 0 0 0.2rem transparent; } box-shadow: 0 0 0 0.2rem transparent; }
.custom-file-input:disabled ~ .custom-file-label { .custom-file-input:disabled ~ .custom-file-label {
@ -3407,7 +3407,7 @@ input[type="button"].btn-block {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.3375rem; margin-top: -0.3375rem;
background-color: #886ab5; background-color: #3674B5;
border: 0; border: 0;
border-radius: 50%; border-radius: 50%;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@ -3417,7 +3417,7 @@ input[type="button"].btn-block {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; } appearance: none; }
.custom-range::-webkit-slider-thumb:active { .custom-range::-webkit-slider-thumb:active {
background-color: #a38cc6; } background-color: #3674B5; }
.custom-range::-webkit-slider-runnable-track { .custom-range::-webkit-slider-runnable-track {
width: 100%; width: 100%;
height: 0.325rem; height: 0.325rem;
@ -3429,7 +3429,7 @@ input[type="button"].btn-block {
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: #886ab5; background-color: #3674B5;
border: 0; border: 0;
border-radius: 50%; border-radius: 50%;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@ -3439,7 +3439,7 @@ input[type="button"].btn-block {
-moz-appearance: none; -moz-appearance: none;
appearance: none; } appearance: none; }
.custom-range::-moz-range-thumb:active { .custom-range::-moz-range-thumb:active {
background-color: #a38cc6; } background-color: #3674B5; }
.custom-range::-moz-range-track { .custom-range::-moz-range-track {
width: 100%; width: 100%;
height: 0.325rem; height: 0.325rem;
@ -3454,7 +3454,7 @@ input[type="button"].btn-block {
margin-top: 0; margin-top: 0;
margin-right: 0.2rem; margin-right: 0.2rem;
margin-left: 0.2rem; margin-left: 0.2rem;
background-color: #886ab5; background-color: #3674B5;
border: 0; border: 0;
border-radius: 50%; border-radius: 50%;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@ -3463,7 +3463,7 @@ input[type="button"].btn-block {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
appearance: none; } appearance: none; }
.custom-range::-ms-thumb:active { .custom-range::-ms-thumb:active {
background-color: #a38cc6; } background-color: #3674B5; }
.custom-range::-ms-track { .custom-range::-ms-track {
width: 100%; width: 100%;
height: 0.325rem; height: 0.325rem;
@ -3548,7 +3548,7 @@ input[type="button"].btn-block {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link { .nav-pills .show > .nav-link {
color: #fff; color: #fff;
background-color: #886ab5; } background-color: #3674B5; }
.nav-fill .nav-item { .nav-fill .nav-item {
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -4161,7 +4161,7 @@ input[type="button"].btn-block {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.25; line-height: 1.25;
color: #886ab5; color: #3674B5;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; } border: 1px solid #dee2e6; }
.page-link:hover { .page-link:hover {
@ -4188,8 +4188,8 @@ input[type="button"].btn-block {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 1; z-index: 1;
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.page-item.disabled .page-link { .page-item.disabled .page-link {
color: #868e96; color: #868e96;
@ -4254,10 +4254,10 @@ input[type="button"].btn-block {
.badge-primary { .badge-primary {
color: #fff; color: #fff;
background-color: #886ab5; } background-color: #3674B5; }
a.badge-primary:hover, a.badge-primary:focus { a.badge-primary:hover, a.badge-primary:focus {
color: #fff; color: #fff;
background-color: #6e4e9e; } background-color: #3674B5; }
a.badge-primary:focus, a.badge-primary.focus { a.badge-primary:focus, a.badge-primary.focus {
outline: 0; outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
@ -4309,10 +4309,10 @@ input[type="button"].btn-block {
.badge-danger { .badge-danger {
color: #fff; color: #fff;
background-color: #fd3995; } background-color: #B82132; }
a.badge-danger:hover, a.badge-danger:focus { a.badge-danger:hover, a.badge-danger:focus {
color: #fff; color: #fff;
background-color: #fc077a; } background-color: #B82132; }
a.badge-danger:focus, a.badge-danger.focus { a.badge-danger:focus, a.badge-danger.focus {
outline: 0; outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
@ -4484,7 +4484,7 @@ input[type="button"].btn-block {
color: #fff; color: #fff;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #886ab5; background-color: #3674B5;
-webkit-transition: width 0.6s ease; -webkit-transition: width 0.6s ease;
transition: width 0.6s ease; } transition: width 0.6s ease; }
@ -4558,8 +4558,8 @@ input[type="button"].btn-block {
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #886ab5; background-color: #3674B5;
border-color: #886ab5; } border-color: #3674B5; }
.list-group-horizontal { .list-group-horizontal {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
@ -5444,12 +5444,12 @@ a.close.disabled {
vertical-align: text-top !important; } vertical-align: text-top !important; }
.bg-primary { .bg-primary {
background-color: #886ab5 !important; } background-color: #3674B5 !important; }
a.bg-primary:hover, a.bg-primary:focus, a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:hover,
button.bg-primary:focus { button.bg-primary:focus {
background-color: #6e4e9e !important; } background-color: #3674B5 !important; }
.bg-secondary { .bg-secondary {
background-color: #868e96 !important; } background-color: #868e96 !important; }
@ -5484,12 +5484,12 @@ button.bg-warning:focus {
background-color: #ffb20e !important; } background-color: #ffb20e !important; }
.bg-danger { .bg-danger {
background-color: #fd3995 !important; } background-color: #B82132 !important; }
a.bg-danger:hover, a.bg-danger:focus, a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover, button.bg-danger:hover,
button.bg-danger:focus { button.bg-danger:focus {
background-color: #fc077a !important; } background-color: #B82132 !important; }
.bg-light { .bg-light {
background-color: #fff !important; } background-color: #fff !important; }
@ -5544,7 +5544,7 @@ button.bg-dark:focus {
border-left: 0 !important; } border-left: 0 !important; }
.border-primary { .border-primary {
border-color: #886ab5 !important; } border-color: #3674B5 !important; }
.border-secondary { .border-secondary {
border-color: #868e96 !important; } border-color: #868e96 !important; }
@ -5559,7 +5559,7 @@ button.bg-dark:focus {
border-color: #ffc241 !important; } border-color: #ffc241 !important; }
.border-danger { .border-danger {
border-color: #fd3995 !important; } border-color: #B82132 !important; }
.border-light { .border-light {
border-color: #fff !important; } border-color: #fff !important; }
@ -8295,7 +8295,7 @@ button.bg-dark:focus {
color: #fff !important; } color: #fff !important; }
.text-primary { .text-primary {
color: #886ab5 !important; } color: #3674B5 !important; }
a.text-primary:hover, a.text-primary:focus { a.text-primary:hover, a.text-primary:focus {
color: #62468d !important; } color: #62468d !important; }
@ -8325,7 +8325,7 @@ a.text-warning:hover, a.text-warning:focus {
color: #f4a500 !important; } color: #f4a500 !important; }
.text-danger { .text-danger {
color: #fd3995 !important; } color: #B82132 !important; }
a.text-danger:hover, a.text-danger:focus { a.text-danger:hover, a.text-danger:focus {
color: #e7026e !important; } color: #e7026e !important; }
@ -8735,9 +8735,9 @@ h6 small,
/* text-gradient */ /* text-gradient */
.text-gradient { .text-gradient {
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3674B5), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); background: linear-gradient(180deg, #3674B5 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
color: #886ab5; color: #3674B5;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;

File diff suppressed because one or more lines are too long

View File

@ -2,11 +2,11 @@ var myapp_get_color = {
primary_50: '#ccbfdf', primary_50: '#ccbfdf',
primary_100: '#beaed7', primary_100: '#beaed7',
primary_200: '#b19dce', primary_200: '#b19dce',
primary_300: '#a38cc6', primary_300: '#3674B5',
primary_400: '#967bbd', primary_400: '#967bbd',
primary_500: '#886ab5', primary_500: '#3674B5',
primary_600: '#7a59ad', primary_600: '#3674B5',
primary_700: '#6e4e9e', primary_700: '#3674B5',
primary_800: '#62468d', primary_800: '#62468d',
primary_900: '#563d7c', primary_900: '#563d7c',
success_50: '#7aece0', success_50: '#7aece0',
@ -44,9 +44,9 @@ var myapp_get_color = {
danger_200: '#fe85be', danger_200: '#fe85be',
danger_300: '#fe6bb0', danger_300: '#fe6bb0',
danger_400: '#fd52a3', danger_400: '#fd52a3',
danger_500: '#fd3995', danger_500: '#B82132',
danger_600: '#fd2087', danger_600: '#fd2087',
danger_700: '#fc077a', danger_700: '#B82132',
danger_800: '#e7026e', danger_800: '#e7026e',
danger_900: '#ce0262', danger_900: '#ce0262',
fusion_50: '#909090', fusion_50: '#909090',
@ -1352,7 +1352,7 @@ var initApp = (function(app) {
} else { } else {
if (myapp_config.debugState) if (myapp_config.debugState)
console.log("%c✘ Waves plugin inactive! ", "color: #fd3995"); console.log("%c✘ Waves plugin inactive! ", "color: #B82132");
} }

File diff suppressed because one or more lines are too long

View File

@ -261,7 +261,7 @@
<div class="panel-tag"> <div class="panel-tag">
The colorpicker ColorItem class uses and comes bundled with Qix Color, a great color parsing library with a friendly API that allows you to manipulate and convert the color. ColorItem is just an abstraction layer on top of the library, which is more convenient for Bootstrap Colorpicker. In this example we use the ColorItem API to add color swatches based on a tetrad of the selected color The colorpicker ColorItem class uses and comes bundled with Qix Color, a great color parsing library with a friendly API that allows you to manipulate and convert the color. ColorItem is just an abstraction layer on top of the library, which is more convenient for Bootstrap Colorpicker. In this example we use the ColorItem API to add color swatches based on a tetrad of the selected color
</div> </div>
<div id="cp16" data-color="#886ab5"> <div id="cp16" data-color="#3674B5">
<input type="text" class="form-control" style="width:auto"/> <br> <input type="text" class="form-control" style="width:auto"/> <br>
</div> </div>
</div> </div>

View File

@ -23,7 +23,7 @@
$47,000 $47,000
</span> </span>
</div> </div>
<span class="sparklines hidden-lg-down" sparkType="bar" sparkBarColor="#886ab5" sparkHeight="32px" sparkBarWidth="5px" values="3,4,3,6,7,3,3,6,2,6,4"></span> <span class="sparklines hidden-lg-down" sparkType="bar" sparkBarColor="#3674B5" sparkHeight="32px" sparkBarWidth="5px" values="3,4,3,6,7,3,3,6,2,6,4"></span>
</div> </div>
<div class="subheader-block d-lg-flex align-items-center border-faded border-right-0 border-top-0 border-bottom-0 ml-3 pl-3"> <div class="subheader-block d-lg-flex align-items-center border-faded border-right-0 border-top-0 border-bottom-0 ml-3 pl-3">
<div class="d-inline-flex flex-column justify-content-center mr-3"> <div class="d-inline-flex flex-column justify-content-center mr-3">
@ -128,7 +128,7 @@
</span> </span>
<div class="ml-auto d-inline-flex align-items-center"> <div class="ml-auto d-inline-flex align-items-center">
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#886ab5" sparkfillcolor="false" sparklinewidth="1" values="5,6,5,3,8,6,9,7,4,2"></div> <div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#3674B5" sparkfillcolor="false" sparklinewidth="1" values="5,6,5,3,8,6,9,7,4,2"></div>
<div class="d-inline-flex flex-column small ml-2"> <div class="d-inline-flex flex-column small ml-2">
<span class="d-inline-block badge badge-success opacity-50 text-center p-1 width-6">97%</span> <span class="d-inline-block badge badge-success opacity-50 text-center p-1 width-6">97%</span>
<span class="d-inline-block badge bg-fusion-300 opacity-50 text-center p-1 width-6 mt-1">44%</span> <span class="d-inline-block badge bg-fusion-300 opacity-50 text-center p-1 width-6 mt-1">44%</span>
@ -197,7 +197,7 @@
</span> </span>
<div class="ml-auto d-inline-flex align-items-center"> <div class="ml-auto d-inline-flex align-items-center">
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#fd3995" sparkfillcolor="false" sparklinewidth="1" values="5,3,9,6,5,9,7,3,5,2"></div> <div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#B82132" sparkfillcolor="false" sparklinewidth="1" values="5,3,9,6,5,9,7,3,5,2"></div>
<div class="d-inline-flex flex-column small ml-2"> <div class="d-inline-flex flex-column small ml-2">
<span class="d-inline-block badge badge-danger opacity-50 text-center p-1 width-6">124</span> <span class="d-inline-block badge badge-danger opacity-50 text-center p-1 width-6">124</span>
<span class="d-inline-block badge bg-info-300 opacity-50 text-center p-1 width-6 mt-1">40F</span> <span class="d-inline-block badge bg-info-300 opacity-50 text-center p-1 width-6 mt-1">40F</span>

View File

@ -102,7 +102,7 @@
<h4 class="mb-g mt-2 text-center"> <h4 class="mb-g mt-2 text-center">
Skin "<strong>Ruby</strong>" <br> Skin "<strong>Ruby</strong>" <br>
<small> <small>
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #fd3995;</code> Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #1dc9b7;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code>
</small> </small>
</h4> </h4>
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px"> <div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">

View File

@ -31,7 +31,7 @@
$38,500 $38,500
</span> </span>
</div> </div>
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#fd3995", "height": 32, "width": 100 }'>1,4,3,6,5,3,9,6,5,9,7</span> <span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 32, "width": 100 }'>1,4,3,6,5,3,9,6,5,9,7</span>
</div> </div>
{{/inline}} {{/inline}}
@ -82,13 +82,13 @@
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#1dc9b7", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#1dc9b7", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#fd3995", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#B82132", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#ffc241", "height": 40, "width": "110", "strokeWidth": 3 }'>0,1,7,6,4,2,3,5,3,4</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#ffc241", "height": 40, "width": "110", "strokeWidth": 3 }'>0,1,7,6,4,2,3,5,3,4</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#886ab5", "height": 40, "width": "110", "strokeWidth": 4 }'>5,3,9,6,5,3,1,7,6,4</span> <span class="peity-line" data-peity='{ "fill": false, "stroke": "#3674B5", "height": 40, "width": "110", "strokeWidth": 4 }'>5,3,9,6,5,3,1,7,6,4</span>
</div> </div>
</div> </div>
</div> </div>
@ -117,10 +117,10 @@
<span class="peity-line" data-peity='{ "fill": "#1dc9b7", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span> <span class="peity-line" data-peity='{ "fill": "#1dc9b7", "stroke": "#179c8e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#fd3995", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span> <span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#886ab5", "stroke": "#6e4e9e", "height": 40, "width": "110" }'>5,3,9,6,5,3,1,7,6,4,4,1,5</span> <span class="peity-line" data-peity='{ "fill": "#3674B5", "stroke": "#3674B5", "height": 40, "width": "110" }'>5,3,9,6,5,3,1,7,6,4,4,1,5</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#ffc241", "stroke": "#ffc241", "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4,3,1,4,6</span> <span class="peity-line" data-peity='{ "fill": "#ffc241", "stroke": "#ffc241", "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4,3,1,4,6</span>
@ -149,17 +149,17 @@
<div class="panel-container show"> <div class="panel-container show">
<div class="panel-content"> <div class="panel-content">
<div class="panel-tag"> <div class="panel-tag">
Bar charts can have positive or negative integers. You can change the bar colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code> Bar charts can have positive or negative integers. You can change the bar colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
</div> </div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block"> <div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#1dc9b7"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#7a59ad","#1dc9b7"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span> <span class="peity-bar" data-peity='{ "fill": ["#3674B5","#1dc9b7"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#1dc9b7"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span> <span class="peity-bar" data-peity='{ "fill": ["#1dc9b7"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
@ -184,20 +184,20 @@
<div class="panel-container show"> <div class="panel-container show">
<div class="panel-content"> <div class="panel-content">
<div class="panel-tag"> <div class="panel-tag">
Pie charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code> Pie charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
</div> </div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block"> <div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/4</span> <span class="peity-pie" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/4</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#7a59ad","#ffc241","#37e2d0","#51adf6"], "height": 40, "width": "50" }'>7,6,3,4</span> <span class="peity-pie" data-peity='{ "fill": ["#3674B5","#ffc241","#37e2d0","#51adf6"], "height": 40, "width": "50" }'>7,6,3,4</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#fd3995"], "height": 40, "width": "50" }'>5/10</span> <span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#886ab5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#6e4e9e","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span> <span class="peity-pie" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div> </div>
</div> </div>
</div> </div>
@ -223,20 +223,20 @@
<div class="panel-container show"> <div class="panel-container show">
<div class="panel-content"> <div class="panel-content">
<div class="panel-tag"> <div class="panel-tag">
Donut charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#7a59ad","#886ab5","#967bbd","#a38cc6"] }'</code> Donut charts can have any values. You can change the colors via the following <code> data-peity='{ "fill": ["#3674B5","#3674B5","#967bbd","#3674B5"] }'</code>
</div> </div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block"> <div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/3</span> <span class="peity-donut" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>1/3</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#7a59ad","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>10,4,4,6</span> <span class="peity-donut" data-peity='{ "fill": ["#3674B5","#ffc241","#967bbd","#ffdb8e"], "height": 40, "width": "50" }'>10,4,4,6</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#fd3995"], "height": 40, "width": "50" }'>5/10</span> <span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div> </div>
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#886ab5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#6e4e9e","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span> <span class="peity-donut" data-peity='{ "fill": ["#3674B5","#1dc9b7","#2196F3","#ffc241","#fd52a3","#3674B5","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div> </div>
</div> </div>
</div> </div>
@ -320,12 +320,12 @@
Since the chart is just a generated SVG file, you can potentially generate the chart to any sizes using the values <code>innerRadius</code> and <code>radius</code> for pie and donut charts, and <code>width</code> and <code>height</code> for other charts Since the chart is just a generated SVG file, you can potentially generate the chart to any sizes using the values <code>innerRadius</code> and <code>radius</code> for pie and donut charts, and <code>width</code> and <code>height</code> for other charts
</div> </div>
<div class="js-data-attributes demo demo-h-spacing d-flex justify-content-center flex-wrap d-sm-block"> <div class="js-data-attributes demo demo-h-spacing d-flex justify-content-center flex-wrap d-sm-block">
<span data-peity='{ "fill": ["#fd3995", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span> <span data-peity='{ "fill": ["#B82132", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span>
<span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span> <span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span>
<span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span> <span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span>
<span data-peity='{ "fill": ["#1dc9b7", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span> <span data-peity='{ "fill": ["#1dc9b7", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
<span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span> <span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span>
<span data-peity='{ "fill": ["#886ab5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span> <span data-peity='{ "fill": ["#3674B5", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span>
<span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span> <span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span>
</div> </div>
</div> </div>

View File

@ -94,7 +94,7 @@
sparkType="line" sparkType="line"
sparkHeight="40" sparkHeight="40"
sparkWidth="110" sparkWidth="110"
sparkLineColor="#fd3995" sparkLineColor="#B82132"
sparkFillColor="false" sparkFillColor="false"
sparkLineWidth="2" sparkLineWidth="2"
values="0,-3,-6,-4,-5,-4,-7,-3,-5,-2"></span> values="0,-3,-6,-4,-5,-4,-7,-3,-5,-2"></span>
@ -158,8 +158,8 @@
sparkType="line" sparkType="line"
sparkHeight="40" sparkHeight="40"
sparkWidth="110" sparkWidth="110"
sparkLineColor="#886ab5" sparkLineColor="#3674B5"
sparkFillColor="#a38cc6" sparkFillColor="#3674B5"
sparkLineWidth="1" sparkLineWidth="1"
values="1,4,4,7,5,9,10,4,4,7,5,9,10"></span> values="1,4,4,7,5,9,10,4,4,7,5,9,10"></span>
</div> </div>
@ -214,7 +214,7 @@
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="sparklines" <span class="sparklines"
sparkType="bar" sparkType="bar"
sparkBarColor="#886ab5" sparkBarColor="#3674B5"
values="5,3,9,6,5,9,7,5,2,6,2,1,5,3,6,7,5,7"></span> values="5,3,9,6,5,9,7,5,2,6,2,1,5,3,6,7,5,7"></span>
</div> </div>
@ -223,7 +223,7 @@
sparkType="bar" sparkType="bar"
sparkHeight="40" sparkHeight="40"
sparkBarColor="#21dfcb" sparkBarColor="#21dfcb"
sparkNegBarColor="#fd3995" sparkNegBarColor="#B82132"
values="4,-3,-6,-4,-5,7,-3,-5,2,3,1,-3,4,3,-6,-4,-7"></span> values="4,-3,-6,-4,-5,7,-3,-5,2,3,1,-3,4,3,-6,-4,-7"></span>
</div> </div>
@ -231,7 +231,7 @@
<span class="sparklines" <span class="sparklines"
sparkType="bar" sparkType="bar"
sparkBarColor="#21dfcb" sparkBarColor="#21dfcb"
sparkNegBarColor="#fd3995" sparkNegBarColor="#B82132"
values="4,3,6,4,-5,4,3,5,-2,3,1,3,4,3,6,4,5"></span> values="4,3,6,4,-5,4,3,5,-2,3,1,3,4,3,6,4,5"></span>
</div> </div>
@ -345,7 +345,7 @@
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="sparklines" <span class="sparklines"
sparkType="discrete" sparkType="discrete"
sparkLineColor="#fd3995" sparkLineColor="#B82132"
values="4,6,7,7,4,3,2,1,4,-4,5,6,7,6,6,-2,"></span> values="4,6,7,7,4,3,2,1,4,-4,5,6,7,6,6,-2,"></span>
</div> </div>
@ -366,7 +366,7 @@
<div class="p-3 w-auto text-center d-inline-flex border-faded"> <div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="sparklines" <span class="sparklines"
sparkType="discrete" sparkType="discrete"
sparkLineColor="#886ab5" sparkLineColor="#3674B5"
values="-4,-7,6,3,7,6,-2,-8,4,6,2,6,4,-2,-4,-5"></span> values="-4,-7,6,3,7,6,-2,-8,4,6,2,6,4,-2,-4,-5"></span>
</div> </div>
@ -541,8 +541,8 @@
sparkBoxFillColor="#ffebc1" sparkBoxFillColor="#ffebc1"
sparkBoxLineColor="#563d7c" sparkBoxLineColor="#563d7c"
sparkWhiskerColor="#563d7c" sparkWhiskerColor="#563d7c"
sparkMedianColor="#886ab5" sparkMedianColor="#3674B5"
sparkTargetColor="#fd3995" sparkTargetColor="#B82132"
values="1, 3, 5, 8, 10, 15, 18"></span> values="1, 3, 5, 8, 10, 15, 18"></span>
</div> </div>
</div> </div>

View File

@ -2,11 +2,11 @@ var myapp_get_color = {
primary_50: '#ccbfdf', primary_50: '#ccbfdf',
primary_100: '#beaed7', primary_100: '#beaed7',
primary_200: '#b19dce', primary_200: '#b19dce',
primary_300: '#a38cc6', primary_300: '#3674B5',
primary_400: '#967bbd', primary_400: '#967bbd',
primary_500: '#886ab5', primary_500: '#3674B5',
primary_600: '#7a59ad', primary_600: '#3674B5',
primary_700: '#6e4e9e', primary_700: '#3674B5',
primary_800: '#62468d', primary_800: '#62468d',
primary_900: '#563d7c', primary_900: '#563d7c',
success_50: '#7aece0', success_50: '#7aece0',
@ -44,9 +44,9 @@ var myapp_get_color = {
danger_200: '#fe85be', danger_200: '#fe85be',
danger_300: '#fe6bb0', danger_300: '#fe6bb0',
danger_400: '#fd52a3', danger_400: '#fd52a3',
danger_500: '#fd3995', danger_500: '#B82132',
danger_600: '#fd2087', danger_600: '#fd2087',
danger_700: '#fc077a', danger_700: '#B82132',
danger_800: '#e7026e', danger_800: '#e7026e',
danger_900: '#ce0262', danger_900: '#ce0262',
fusion_50: '#909090', fusion_50: '#909090',

View File

@ -800,7 +800,7 @@ var initApp = (function(app) {
} else { } else {
if (myapp_config.debugState) if (myapp_config.debugState)
console.log("%c✘ Waves plugin inactive! ", "color: #fd3995"); console.log("%c✘ Waves plugin inactive! ", "color: #B82132");
} }

View File

@ -37,7 +37,7 @@
/*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/ /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/
#myapp-0 { #myapp-0 {
background: #886ab5; background: #3674B5;
box-shadow: inset 0 0 0 3px rgb(43, 161, 255); box-shadow: inset 0 0 0 3px rgb(43, 161, 255);
} }
#myapp-1 { #myapp-1 {

View File

@ -1,11 +1,11 @@
/* THEME COLORs /* THEME COLORs
========================================================================== */ ========================================================================== */
/* Looks good on chrome default color profile */ /* Looks good on chrome default color profile */
$color-primary: #886ab5; $color-primary: #3674B5;
$color-success: #1dc9b7; $color-success: #1dc9b7;
$color-info: #2196F3; $color-info: #2196F3;
$color-warning: #ffc241; $color-warning: #ffc241;
$color-danger: #fd3995; $color-danger: #B82132;
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%);
/* looks good in sRGB but washed up on chrome default /* looks good in sRGB but washed up on chrome default

View File

@ -1,11 +1,11 @@
/* THEME COLORs /* THEME COLORs
========================================================================== */ ========================================================================== */
/* Looks good on chrome default color profile */ /* Looks good on chrome default color profile */
$color-primary: #886ab5 !default; $color-primary: #3674B5 !default;
$color-success: #1dc9b7 !default; $color-success: #1dc9b7 !default;
$color-info: #2196F3 !default; $color-info: #2196F3 !default;
$color-warning: #ffc241 !default; $color-warning: #ffc241 !default;
$color-danger: #fd3995 !default; $color-danger: #B82132 !default;
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default;
/* looks good in sRGB but washed up on chrome default /* looks good in sRGB but washed up on chrome default

View File

@ -4,7 +4,7 @@ $color-primary: #dd5293;
$color-success: #1dc9b7; $color-success: #1dc9b7;
$color-info: #2196F3; $color-info: #2196F3;
$color-warning: #ffc241; $color-warning: #ffc241;
$color-danger: #fd3995; $color-danger: #B82132;
/* #GLOBAL IMPORTS /* #GLOBAL IMPORTS
========================================================================== */ ========================================================================== */

View File

@ -18,11 +18,6 @@
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
</head> </head>
<body> <body>
<style type="text/css">
body{
font-family: "Poppins", Arial, sans-serif;
}
</style>
<div class="page-wrapper"> <div class="page-wrapper">
<div class="page-inner bg-brand-gradient"> <div class="page-inner bg-brand-gradient">
<div class="page-content-wrapper bg-transparent m-0"> <div class="page-content-wrapper bg-transparent m-0">
@ -70,7 +65,7 @@
OR OR
</div> </div>
<div class="col-lg-12 pl-lg-1 my-2"> <div class="col-lg-12 pl-lg-1 my-2">
<a href="{{url('register')}}" class="btn btn-danger btn-block btn-lg">Daftar Akun Baru</a> <a href="{{url('register')}}" class="btn btn-danger btn-block btn-lg">Registrasi Sekolah</a>
</div> </div>
</div> </div>
</form> </form>

View File

@ -23,11 +23,6 @@
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
</head> </head>
<body> <body>
<style type="text/css">
body{
font-family: "Poppins", Arial, sans-serif;
}
</style>
<div class="page-wrapper"> <div class="page-wrapper">
<div class="page-inner bg-brand-gradient"> <div class="page-inner bg-brand-gradient">
<div class="page-content-wrapper bg-transparent m-0"> <div class="page-content-wrapper bg-transparent m-0">
@ -36,7 +31,7 @@
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-xl-12">
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center"> <h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center">
Daftar Sekarang! Sekolah Adiwiyata
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down"> <small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down">
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet. Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet.
<br>It is ready to go wherever you go! <br>It is ready to go wherever you go!
@ -45,36 +40,83 @@
</div> </div>
<div class="col-xl-6 ml-auto mr-auto"> <div class="col-xl-6 ml-auto mr-auto">
<div class="card p-4 rounded-plus bg-faded"> <div class="card p-4 rounded-plus bg-faded">
<div class="alert alert-primary text-dark" role="alert"> <div class="alert alert-primary text-center text-dark" role="alert">
<strong>Heads Up!</strong> Due to server maintenance from 9:30GTA to 12GTA, the verification emails could be delayed by up to 10 minutes. <h4>Registrasi Sekolah</h4>
</div> </div>
<form id="js-login" novalidate="" action="intel_analytics_dashboard.html"> <form id="js-login" novalidate="" action="intel_analytics_dashboard.html">
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Nama</label> <label class="col-xl-12 form-label" for="fname">NPSN</label>
<div class="col-12 pr-1"> <div class="col-12 pr-1">
<input type="text" id="fname" class="form-control" placeholder="Masukan Nama Anda" required> <input type="text" name="npsn" class="form-control" placeholder="Masukan NPSN Sekolah" required>
<small class="text-primary"><i>Pastikan NPSN Telah Sesuai</i></small>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label> <label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
<div class="col-12 pr-1"> <div class="col-12 pr-1">
<input type="text" id="fname" class="form-control" placeholder="Masukan Nama Sekolah Anda" required> <input type="text" name="name" class="form-control" placeholder="Masukan Nama Sekolah" required>
</div> </div>
</div> </div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Tingkat Sekolah</label>
<div class="col-12 pr-1">
<select class="form-control">
<option value="" data-select2-id="3">-Pilih Tingkat Sekolah-</option>
<option value="1" data-select2-id="11">SD</option>
<option value="2" data-select2-id="12">SMP</option>
<option value="3" data-select2-id="13">SMA</option>
<option value="4" data-select2-id="14">SMK</option>
<option value="5" data-select2-id="15">MI</option>
<option value="6" data-select2-id="16">MTs</option>
<option value="7" data-select2-id="17">MA</option>
<option value="8" data-select2-id="18">SD LB</option>
<option value="9" data-select2-id="19">SMP LB</option>
<option value="10" data-select2-id="20">SMA LM</option>
<option value="11" data-select2-id="21">SLB Khusus</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
<div class="col-12 pr-1">
<select class="form-control">
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
<option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option>
</select>
</div>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Alamat Sekolah</label>
<input type="text" class="form-control" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Kontak Person</label>
<input type="text" class="form-control" placeholder="Masukan Kontak Person" required>
</div>
<div class="form-group"> <div class="form-group">
<label class="form-label" for="emailverify">Email</label> <label class="form-label" for="emailverify">Email</label>
<input type="email" id="emailverify" class="form-control" placeholder="Masukan Email Aktif" required> <input type="email" id="emailverify" class="form-control" placeholder="Masukan Email Aktif" required>
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label" for="userpassword">Password</label> <label class="form-label" for="userpassword">Password</label>
<input type="password" id="userpassword" class="form-control" placeholder="Masukan Password Minimm 8 characters" required> <input type="password" id="userpassword" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
<div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div> <div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
</div> </div>
<div class="form-group">
<input type="checkbox" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
</div>
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-md-12 ml-auto text-right"> <div class="col-md-12 ml-auto text-right">
<button id="js-login-btn" type="submit" class="btn btn-block btn-success btn-lg mt-3">Simpan Data</button> <button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
</div> </div>
</div> </div>
<div class="form-group text-center mt-3">
<span class="">
Sudah punya akun? <a href="{{url('login')}}">Login</a>
</span>
</div>
</form> </form>
</div> </div>
</div> </div>

View File

@ -16,859 +16,106 @@
</div> </div>
</div> </div>
<ul id="js-nav-menu" class="nav-menu"> <ul id="js-nav-menu" class="nav-menu">
<li class="active open">
<a href="#" title="Application Intel" data-filter-tags="application intel">
<i class="fal fa-info-circle"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Application Intel</span>
</a>
<ul>
<li>
<a href="intel_analytics_dashboard.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Analytics Dashboard</span>
</a>
</li>
<li class="active"> <li class="active">
<a href="intel_marketing_dashboard.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard"> <a href="{{url('dashboard')}}" title="Dashboard" data-filter-tags="application intel">
<span class="nav-link-text" data-i18n="nav.application_intel_marketing_dashboard">Marketing Dashboard</span> <i class="fal fa-chart-line"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Dashboard</span>
</a> </a>
</li> </li>
<li> <li>
<a href="intel_introduction.html" title="Introduction" data-filter-tags="application intel introduction"> <a href="{{url('profile-sekolah')}}" title="Profile Sekolah" data-filter-tags="application intel">
<span class="nav-link-text" data-i18n="nav.application_intel_introduction">Introduction</span> <i class="fal fa-building"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Profile Sekolah</span>
</a> </a>
</li> </li>
<li> <li>
<a href="intel_privacy.html" title="Privacy" data-filter-tags="application intel privacy"> <a href="{{url('kuesioner')}}" title="Kuesioner Leveling" data-filter-tags="application intel">
<span class="nav-link-text" data-i18n="nav.application_intel_privacy">Privacy</span>
</a>
</li>
<li>
<a href="intel_build_notes.html" title="Build Notes" data-filter-tags="application intel build notes">
<span class="nav-link-text" data-i18n="nav.application_intel_build_notes">Build Notes</span>
<span class="">v4.0.1</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Theme Settings" data-filter-tags="theme settings">
<i class="fal fa-cog"></i>
<span class="nav-link-text" data-i18n="nav.theme_settings">Theme Settings</span>
</a>
<ul>
<li>
<a href="settings_how_it_works.html" title="How it works" data-filter-tags="theme settings how it works">
<span class="nav-link-text" data-i18n="nav.theme_settings_how_it_works">How it works</span>
</a>
</li>
<li>
<a href="settings_layout_options.html" title="Layout Options" data-filter-tags="theme settings layout options">
<span class="nav-link-text" data-i18n="nav.theme_settings_layout_options">Layout Options</span>
</a>
</li>
<li>
<a href="settings_skin_options.html" title="Skin Options" data-filter-tags="theme settings skin options">
<span class="nav-link-text" data-i18n="nav.theme_settings_skin_options">Skin Options</span>
</a>
</li>
<li>
<a href="settings_saving_db.html" title="Saving to Database" data-filter-tags="theme settings saving to database">
<span class="nav-link-text" data-i18n="nav.theme_settings_saving_to_database">Saving to Database</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Package Info" data-filter-tags="package info">
<i class="fal fa-tag"></i>
<span class="nav-link-text" data-i18n="nav.package_info">Package Info</span>
</a>
<ul>
<li>
<a href="info_app_docs.html" title="Documentation" data-filter-tags="package info documentation">
<span class="nav-link-text" data-i18n="nav.package_info_documentation">Documentation</span>
</a>
</li>
<li>
<a href="info_app_licensing.html" title="Product Licensing" data-filter-tags="package info product licensing">
<span class="nav-link-text" data-i18n="nav.package_info_product_licensing">Product Licensing</span>
</a>
</li>
<li>
<a href="info_app_flavors.html" title="Different Flavors" data-filter-tags="package info different flavors">
<span class="nav-link-text" data-i18n="nav.package_info_different_flavors">Different Flavors</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">Tools & Components</li>
<li>
<a href="#" title="UI Components" data-filter-tags="ui components">
<i class="fal fa-window"></i>
<span class="nav-link-text" data-i18n="nav.ui_components">UI Components</span>
</a>
<ul>
<li>
<a href="ui_alerts.html" title="Alerts" data-filter-tags="ui components alerts">
<span class="nav-link-text" data-i18n="nav.ui_components_alerts">Alerts</span>
</a>
</li>
<li>
<a href="ui_accordion.html" title="Accordions" data-filter-tags="ui components accordions">
<span class="nav-link-text" data-i18n="nav.ui_components_accordions">Accordions</span>
</a>
</li>
<li>
<a href="ui_badges.html" title="Badges" data-filter-tags="ui components badges">
<span class="nav-link-text" data-i18n="nav.ui_components_badges">Badges</span>
</a>
</li>
<li>
<a href="ui_breadcrumbs.html" title="Breadcrumbs" data-filter-tags="ui components breadcrumbs">
<span class="nav-link-text" data-i18n="nav.ui_components_breadcrumbs">Breadcrumbs</span>
</a>
</li>
<li>
<a href="ui_buttons.html" title="Buttons" data-filter-tags="ui components buttons">
<span class="nav-link-text" data-i18n="nav.ui_components_buttons">Buttons</span>
</a>
</li>
<li>
<a href="ui_button_group.html" title="Button Group" data-filter-tags="ui components button group">
<span class="nav-link-text" data-i18n="nav.ui_components_button_group">Button Group</span>
</a>
</li>
<li>
<a href="ui_cards.html" title="Cards" data-filter-tags="ui components cards">
<span class="nav-link-text" data-i18n="nav.ui_components_cards">Cards</span>
</a>
</li>
<li>
<a href="ui_carousel.html" title="Carousel" data-filter-tags="ui components carousel">
<span class="nav-link-text" data-i18n="nav.ui_components_carousel">Carousel</span>
</a>
</li>
<li>
<a href="ui_collapse.html" title="Collapse" data-filter-tags="ui components collapse">
<span class="nav-link-text" data-i18n="nav.ui_components_collapse">Collapse</span>
</a>
</li>
<li>
<a href="ui_dropdowns.html" title="Dropdowns" data-filter-tags="ui components dropdowns">
<span class="nav-link-text" data-i18n="nav.ui_components_dropdowns">Dropdowns</span>
</a>
</li>
<li>
<a href="ui_list_filter.html" title="List Filter" data-filter-tags="ui components list filter">
<span class="nav-link-text" data-i18n="nav.ui_components_list_filter">List Filter</span>
</a>
</li>
<li>
<a href="ui_modal.html" title="Modal" data-filter-tags="ui components modal">
<span class="nav-link-text" data-i18n="nav.ui_components_modal">Modal</span>
</a>
</li>
<li>
<a href="ui_navbars.html" title="Navbars" data-filter-tags="ui components navbars">
<span class="nav-link-text" data-i18n="nav.ui_components_navbars">Navbars</span>
</a>
</li>
<li>
<a href="ui_panels.html" title="Panels" data-filter-tags="ui components panels">
<span class="nav-link-text" data-i18n="nav.ui_components_panels">Panels</span>
</a>
</li>
<li>
<a href="ui_pagination.html" title="Pagination" data-filter-tags="ui components pagination">
<span class="nav-link-text" data-i18n="nav.ui_components_pagination">Pagination</span>
</a>
</li>
<li>
<a href="ui_popovers.html" title="Popovers" data-filter-tags="ui components popovers">
<span class="nav-link-text" data-i18n="nav.ui_components_popovers">Popovers</span>
</a>
</li>
<li>
<a href="ui_progress_bars.html" title="Progress Bars" data-filter-tags="ui components progress bars">
<span class="nav-link-text" data-i18n="nav.ui_components_progress_bars">Progress Bars</span>
</a>
</li>
<li>
<a href="ui_scrollspy.html" title="ScrollSpy" data-filter-tags="ui components scrollspy">
<span class="nav-link-text" data-i18n="nav.ui_components_scrollspy">ScrollSpy</span>
</a>
</li>
<li>
<a href="ui_side_panel.html" title="Side Panel" data-filter-tags="ui components side panel">
<span class="nav-link-text" data-i18n="nav.ui_components_side_panel">Side Panel</span>
</a>
</li>
<li>
<a href="ui_spinners.html" title="Spinners" data-filter-tags="ui components spinners">
<span class="nav-link-text" data-i18n="nav.ui_components_spinners">Spinners</span>
</a>
</li>
<li>
<a href="ui_tabs_pills.html" title="Tabs & Pills" data-filter-tags="ui components tabs & pills">
<span class="nav-link-text" data-i18n="nav.ui_components_tabs_&_pills">Tabs & Pills</span>
</a>
</li>
<li>
<a href="ui_toasts.html" title="Toasts" data-filter-tags="ui components toasts">
<span class="nav-link-text" data-i18n="nav.ui_components_toasts">Toasts</span>
</a>
</li>
<li>
<a href="ui_tooltips.html" title="Tooltips" data-filter-tags="ui components tooltips">
<span class="nav-link-text" data-i18n="nav.ui_components_tooltips">Tooltips</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Utilities" data-filter-tags="utilities">
<i class="fal fa-bolt"></i>
<span class="nav-link-text" data-i18n="nav.utilities">Utilities</span>
</a>
<ul>
<li>
<a href="utilities_borders.html" title="Borders" data-filter-tags="utilities borders">
<span class="nav-link-text" data-i18n="nav.utilities_borders">Borders</span>
</a>
</li>
<li>
<a href="utilities_clearfix.html" title="Clearfix" data-filter-tags="utilities clearfix">
<span class="nav-link-text" data-i18n="nav.utilities_clearfix">Clearfix</span>
</a>
</li>
<li>
<a href="utilities_color_pallet.html" title="Color Pallet" data-filter-tags="utilities color pallet">
<span class="nav-link-text" data-i18n="nav.utilities_color_pallet">Color Pallet</span>
</a>
</li>
<li>
<a href="utilities_display_property.html" title="Display Property" data-filter-tags="utilities display property">
<span class="nav-link-text" data-i18n="nav.utilities_display_property">Display Property</span>
</a>
</li>
<li>
<a href="utilities_fonts.html" title="Fonts" data-filter-tags="utilities fonts">
<span class="nav-link-text" data-i18n="nav.utilities_fonts">Fonts</span>
</a>
</li>
<li>
<a href="utilities_flexbox.html" title="Flexbox" data-filter-tags="utilities flexbox">
<span class="nav-link-text" data-i18n="nav.utilities_flexbox">Flexbox</span>
</a>
</li>
<li>
<a href="utilities_helpers.html" title="Helpers" data-filter-tags="utilities helpers">
<span class="nav-link-text" data-i18n="nav.utilities_helpers">Helpers</span>
</a>
</li>
<li>
<a href="utilities_position.html" title="Position" data-filter-tags="utilities position">
<span class="nav-link-text" data-i18n="nav.utilities_position">Position</span>
</a>
</li>
<li>
<a href="utilities_responsive_grid.html" title="Responsive Grid" data-filter-tags="utilities responsive grid">
<span class="nav-link-text" data-i18n="nav.utilities_responsive_grid">Responsive Grid</span>
</a>
</li>
<li>
<a href="utilities_sizing.html" title="Sizing" data-filter-tags="utilities sizing">
<span class="nav-link-text" data-i18n="nav.utilities_sizing">Sizing</span>
</a>
</li>
<li>
<a href="utilities_spacing.html" title="Spacing" data-filter-tags="utilities spacing">
<span class="nav-link-text" data-i18n="nav.utilities_spacing">Spacing</span>
</a>
</li>
<li>
<a href="utilities_typography.html" title="Typography" data-filter-tags="utilities typography fonts headings bold lead colors sizes link text states list styles truncate alignment">
<span class="nav-link-text" data-i18n="nav.utilities_typography">Typography</span>
</a>
</li>
<li>
<a href="javascript:void(0);" title="Menu child" data-filter-tags="utilities menu child">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child">Menu child</span>
</a>
<ul>
<li>
<a href="javascript:void(0);" title="Sublevel Item" data-filter-tags="utilities menu child sublevel item">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_sublevel_item">Sublevel Item</span>
</a>
</li>
<li>
<a href="javascript:void(0);" title="Another Item" data-filter-tags="utilities menu child another item">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_another_item">Another Item</span>
</a>
</li>
</ul>
</li>
<li class="disabled">
<a href="javascript:void(0);" title="Disabled item" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">Disabled item</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Font Icons" data-filter-tags="font icons">
<i class="fal fa-map-marker-alt"></i>
<span class="nav-link-text" data-i18n="nav.font_icons">Font Icons</span>
<span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">2,500+</span>
</a>
<ul>
<li>
<a href="javascript:void(0);" title="FontAwesome" data-filter-tags="font icons fontawesome">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome">FontAwesome Pro</span>
</a>
<ul>
<li>
<a href="icons_fontawesome_light.html" title="Light" data-filter-tags="font icons fontawesome light">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_light">Light</span>
</a>
</li>
<li>
<a href="icons_fontawesome_regular.html" title="Regular" data-filter-tags="font icons fontawesome regular">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_regular">Regular</span>
</a>
</li>
<li>
<a href="icons_fontawesome_solid.html" title="Solid" data-filter-tags="font icons fontawesome solid">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_solid">Solid</span>
</a>
</li>
<li>
<a href="icons_fontawesome_brand.html" title="Brand" data-filter-tags="font icons fontawesome brand">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_brand">Brand</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0);" title="NextGen Icons" data-filter-tags="font icons nextgen icons">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons">NextGen Icons</span>
</a>
<ul>
<li>
<a href="icons_nextgen_general.html" title="General" data-filter-tags="font icons nextgen icons general">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_general">General</span>
</a>
</li>
<li>
<a href="icons_nextgen_base.html" title="Base" data-filter-tags="font icons nextgen icons base">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_base">Base</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0);" title="Stack Icons" data-filter-tags="font icons stack icons">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons">Stack Icons</span>
</a>
<ul>
<li>
<a href="icons_stack_showcase.html" title="Showcase" data-filter-tags="font icons stack icons showcase">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_showcase">Showcase</span>
</a>
</li>
<li>
<a href="icons_stack_generate.html?layers=3" title="Generate Stack" data-filter-tags="font icons stack icons generate stack">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_generate_stack">Generate Stack</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" title="Tables" data-filter-tags="tables">
<i class="fal fa-th-list"></i>
<span class="nav-link-text" data-i18n="nav.tables">Tables</span>
</a>
<ul>
<li>
<a href="tables_basic.html" title="Basic Tables" data-filter-tags="tables basic tables">
<span class="nav-link-text" data-i18n="nav.tables_basic_tables">Basic Tables</span>
</a>
</li>
<li>
<a href="tables_generate_style.html" title="Generate Table Style" data-filter-tags="tables generate table style">
<span class="nav-link-text" data-i18n="nav.tables_generate_table_style">Generate Table Style</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Form Stuff" data-filter-tags="form stuff">
<i class="fal fa-edit"></i> <i class="fal fa-edit"></i>
<span class="nav-link-text" data-i18n="nav.form_stuff">Form Stuff</span> <span class="nav-link-text" data-i18n="nav.application_intel">Kuesioner Leveling</span>
</a>
</li>
<li>
<a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
<i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Usulan CSA</span>
</a> </a>
<ul> <ul>
<li> <li>
<a href="form_basic_inputs.html" title="Basic Inputs" data-filter-tags="form stuff basic inputs"> <a href="{{url('usulan/csak')}}" title="" data-filter-tags="application intel ">
<span class="nav-link-text" data-i18n="nav.form_stuff_basic_inputs">Basic Inputs</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAK</span>
</a> </a>
</li> </li>
<li> <li>
<a href="form_checkbox_radio.html" title="Checkbox & Radio" data-filter-tags="form stuff checkbox & radio"> <a href="{{url('usulan/csap')}}" title="" data-filter-tags="application intel ">
<span class="nav-link-text" data-i18n="nav.form_stuff_checkbox_&_radio">Checkbox & Radio</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAP</span>
</a> </a>
</li> </li>
<li> <li>
<a href="form_input_groups.html" title="Input Groups" data-filter-tags="form stuff input groups"> <a href="{{url('usulan/csan')}}" title="" data-filter-tags="application intel ">
<span class="nav-link-text" data-i18n="nav.form_stuff_input_groups">Input Groups</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAN</span>
</a> </a>
</li> </li>
<li> <li>
<a href="form_validation.html" title="Validation" data-filter-tags="form stuff validation"> <a href="{{url('usulan/csam')}}" title="" data-filter-tags="application intel ">
<span class="nav-link-text" data-i18n="nav.form_stuff_validation">Validation</span> <i class="fal fa-caret-right"></i>
</a> <span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Daftar Usulan CSAM</span>
</li>
</ul>
</li>
<li class="nav-title">Plugins & Addons</li>
<li>
<a href="#" title="Plugins" data-filter-tags="plugins">
<i class="fal fa-shield-alt"></i>
<span class="nav-link-text" data-i18n="nav.plugins">Core Plugins</span>
</a>
<ul>
<li>
<a href="plugin_faq.html" title="Plugins FAQ" data-filter-tags="plugins plugins faq">
<span class="nav-link-text" data-i18n="nav.plugins_plugins_faq">Plugins FAQ</span>
</a> </a>
</li> </li>
<li> <li>
<a href="plugin_waves.html" title="Waves" data-filter-tags="plugins waves"> <a href="{{url('usulan/surat')}}" title="" data-filter-tags="application intel ">
<span class="nav-link-text" data-i18n="nav.plugins_waves">Waves</span> <i class="fal fa-caret-right"></i>
<span class="dl-ref label bg-primary-400 ml-2">9 KB</span> <span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Surat Usualan & Berita Acara</span>
</a>
</li>
<li>
<a href="plugin_pacejs.html" title="PaceJS" data-filter-tags="plugins pacejs">
<span class="nav-link-text" data-i18n="nav.plugins_pacejs">PaceJS</span>
<span class="dl-ref label bg-primary-500 ml-2">13 KB</span>
</a>
</li>
<li>
<a href="plugin_smartpanels.html" title="SmartPanels" data-filter-tags="plugins smartpanels">
<span class="nav-link-text" data-i18n="nav.plugins_smartpanels">SmartPanels</span>
<span class="dl-ref label bg-primary-600 ml-2">9 KB</span>
</a>
</li>
<li>
<a href="plugin_bootbox.html" title="BootBox" data-filter-tags="plugins bootbox alert sound">
<span class="nav-link-text" data-i18n="nav.plugins_bootbox">BootBox</span>
<span class="dl-ref label bg-primary-600 ml-2">15 KB</span>
</a>
</li>
<li>
<a href="plugin_slimscroll.html" title="Slimscroll" data-filter-tags="plugins slimscroll">
<span class="nav-link-text" data-i18n="nav.plugins_slimscroll">Slimscroll</span>
<span class="dl-ref label bg-primary-700 ml-2">5 KB</span>
</a>
</li>
<li>
<a href="plugin_throttle.html" title="Throttle" data-filter-tags="plugins throttle">
<span class="nav-link-text" data-i18n="nav.plugins_throttle">Throttle</span>
<span class="dl-ref label bg-primary-700 ml-2">1 KB</span>
</a>
</li>
<li>
<a href="plugin_navigation.html" title="Navigation" data-filter-tags="plugins navigation">
<span class="nav-link-text" data-i18n="nav.plugins_navigation">Navigation</span>
<span class="dl-ref label bg-primary-700 ml-2">2 KB</span>
</a>
</li>
<li>
<a href="plugin_i18next.html" title="i18next" data-filter-tags="plugins i18next">
<span class="nav-link-text" data-i18n="nav.plugins_i18next">i18next</span>
<span class="dl-ref label bg-primary-700 ml-2">10 KB</span>
</a>
</li>
<li>
<a href="plugin_appcore.html" title="App.Core" data-filter-tags="plugins app.core">
<span class="nav-link-text" data-i18n="nav.plugins_app.core">App.Core</span>
<span class="dl-ref label bg-success-700 ml-2">14 KB</span>
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="#" title="Datatables" data-filter-tags="datatables datagrid"> <a href="#" title="Usulan CSA" data-filter-tags="Usulan CSA">
<i class="fal fa-table"></i> <i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.datatables">Datatables</span> <span class="nav-link-text" data-i18n="nav.application_intel">Perpanjangan CSA</span>
<span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">235 KB</span>
</a> </a>
<ul> <ul>
<li> <li>
<a href="datatables_basic.html" title="Basic" data-filter-tags="datatables datagrid basic"> <a href="{{url('perpanjangan/sak')}}">
<span class="nav-link-text" data-i18n="nav.datatables_basic">Basic</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAK</span>
</a> </a>
</li> </li>
<li> <li>
<a href="datatables_autofill.html" title="Autofill" data-filter-tags="datatables datagrid autofill"> <a href="{{url('perpanjangan/sap')}}">
<span class="nav-link-text" data-i18n="nav.datatables_autofill">Autofill</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAP</span>
</a> </a>
</li> </li>
<li> <li>
<a href="datatables_buttons.html" title="Buttons" data-filter-tags="datatables datagrid buttons"> <a href="{{url('perpanjangan/san')}}">
<span class="nav-link-text" data-i18n="nav.datatables_buttons">Buttons</span> <i class="fal fa-caret-right"></i>
<span class="nav-link-text">Daftar Usulan SAN</span>
</a> </a>
</li> </li>
<li> <li>
<a href="datatables_export.html" title="Export" data-filter-tags="datatables datagrid export tables pdf excel print csv"> <a href="{{url('perpanjangan/sam')}}">
<span class="nav-link-text" data-i18n="nav.datatables_export">Export</span> <i class="fal fa-caret-right"></i>
</a> <span class="nav-link-text">Daftar Usulan SAM</span>
</li>
<li>
<a href="datatables_colreorder.html" title="ColReorder" data-filter-tags="datatables datagrid colreorder">
<span class="nav-link-text" data-i18n="nav.datatables_colreorder">ColReorder</span>
</a>
</li>
<li>
<a href="datatables_columnfilter.html" title="ColumnFilter" data-filter-tags="datatables datagrid columnfilter">
<span class="nav-link-text" data-i18n="nav.datatables_columnfilter">ColumnFilter</span>
</a>
</li>
<li>
<a href="datatables_fixedcolumns.html" title="FixedColumns" data-filter-tags="datatables datagrid fixedcolumns">
<span class="nav-link-text" data-i18n="nav.datatables_fixedcolumns">FixedColumns</span>
</a>
</li>
<li>
<a href="datatables_fixedheader.html" title="FixedHeader" data-filter-tags="datatables datagrid fixedheader">
<span class="nav-link-text" data-i18n="nav.datatables_fixedheader">FixedHeader</span>
</a>
</li>
<li>
<a href="datatables_keytable.html" title="KeyTable" data-filter-tags="datatables datagrid keytable">
<span class="nav-link-text" data-i18n="nav.datatables_keytable">KeyTable</span>
</a>
</li>
<li>
<a href="datatables_responsive.html" title="Responsive" data-filter-tags="datatables datagrid responsive">
<span class="nav-link-text" data-i18n="nav.datatables_responsive">Responsive</span>
</a>
</li>
<li>
<a href="datatables_responsive_alt.html" title="Responsive Alt" data-filter-tags="datatables datagrid responsive alt">
<span class="nav-link-text" data-i18n="nav.datatables_responsive_alt">Responsive Alt</span>
</a>
</li>
<li>
<a href="datatables_rowgroup.html" title="RowGroup" data-filter-tags="datatables datagrid rowgroup">
<span class="nav-link-text" data-i18n="nav.datatables_rowgroup">RowGroup</span>
</a>
</li>
<li>
<a href="datatables_rowreorder.html" title="RowReorder" data-filter-tags="datatables datagrid rowreorder">
<span class="nav-link-text" data-i18n="nav.datatables_rowreorder">RowReorder</span>
</a>
</li>
<li>
<a href="datatables_scroller.html" title="Scroller" data-filter-tags="datatables datagrid scroller">
<span class="nav-link-text" data-i18n="nav.datatables_scroller">Scroller</span>
</a>
</li>
<li>
<a href="datatables_select.html" title="Select" data-filter-tags="datatables datagrid select">
<span class="nav-link-text" data-i18n="nav.datatables_select">Select</span>
</a>
</li>
<li>
<a href="datatables_alteditor.html" title="AltEditor" data-filter-tags="datatables datagrid alteditor">
<span class="nav-link-text" data-i18n="nav.datatables_alteditor">AltEditor</span>
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="#" title="Statistics" data-filter-tags="statistics chart graphs"> <a href="#" title="Penghargaan Daerah" data-filter-tags="Penghargaan Daerah">
<i class="fal fa-chart-pie"></i> <i class="fal fa-trophy"></i>
<span class="nav-link-text" data-i18n="nav.statistics">Statistics</span> <span class="nav-link-text" data-i18n="nav.application_intel">Penghargaan Daerah</span>
</a> </a>
<ul> <ul>
<li> <li>
<a href="statistics_flot.html" title="Flot" data-filter-tags="statistics chart graphs flot bar pie"> <a href="{{url('indikator')}}">
<span class="nav-link-text" data-i18n="nav.statistics_flot">Flot</span> <i class="fal fa-caret-right"></i>
<span class="dl-ref label bg-primary-500 ml-2">36 KB</span> <span class="nav-link-text">Indikator Aspek</span>
</a>
</li>
<li>
<a href="statistics_chartjs.html" title="Chart.js" data-filter-tags="statistics chart graphs chart.js bar pie">
<span class="nav-link-text" data-i18n="nav.statistics_chart.js">Chart.js</span>
<span class="dl-ref label bg-primary-500 ml-2">205 KB</span>
</a>
</li>
<li>
<a href="statistics_chartist.html" title="Chartist.js" data-filter-tags="statistics chart graphs chartist.js">
<span class="nav-link-text" data-i18n="nav.statistics_chartist.js">Chartist.js</span>
<span class="dl-ref label bg-primary-600 ml-2">39 KB</span>
</a>
</li>
<li>
<a href="statistics_c3.html" title="C3 Charts" data-filter-tags="statistics chart graphs c3 charts">
<span class="nav-link-text" data-i18n="nav.statistics_c3_charts">C3 Charts</span>
<span class="dl-ref label bg-primary-600 ml-2">197 KB</span>
</a>
</li>
<li>
<a href="statistics_peity.html" title="Peity" data-filter-tags="statistics chart graphs peity small">
<span class="nav-link-text" data-i18n="nav.statistics_peity">Peity</span>
<span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
</a>
</li>
<li>
<a href="statistics_sparkline.html" title="Sparkline" data-filter-tags="statistics chart graphs sparkline small tiny">
<span class="nav-link-text" data-i18n="nav.statistics_sparkline">Sparkline</span>
<span class="dl-ref label bg-primary-700 ml-2">42 KB</span>
</a>
</li>
<li>
<a href="statistics_easypiechart.html" title="Easy Pie Chart" data-filter-tags="statistics chart graphs easy pie chart">
<span class="nav-link-text" data-i18n="nav.statistics_easy_pie_chart">Easy Pie Chart</span>
<span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
</a>
</li>
<li>
<a href="statistics_dygraph.html" title="Dygraph" data-filter-tags="statistics chart graphs dygraph complex">
<span class="nav-link-text" data-i18n="nav.statistics_dygraph">Dygraph</span>
<span class="dl-ref label bg-primary-700 ml-2">120 KB</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Notifications" data-filter-tags="notifications">
<i class="fal fa-exclamation-circle"></i>
<span class="nav-link-text" data-i18n="nav.notifications">Notifications</span>
</a>
<ul>
<li>
<a href="notifications_sweetalert2.html" title="SweetAlert2" data-filter-tags="notifications sweetalert2">
<span class="nav-link-text" data-i18n="nav.notifications_sweetalert2">SweetAlert2</span>
<span class="dl-ref label bg-primary-500 ml-2">40 KB</span>
</a>
</li>
<li>
<a href="notifications_toastr.html" title="Toastr" data-filter-tags="notifications toastr">
<span class="nav-link-text" data-i18n="nav.notifications_toastr">Toastr</span>
<span class="dl-ref label bg-primary-600 ml-2">5 KB</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Form Plugins" data-filter-tags="form plugins">
<i class="fal fa-credit-card-front"></i>
<span class="nav-link-text" data-i18n="nav.form_plugins">Form Plugins</span>
</a>
<ul>
<li>
<a href="form_plugins_colorpicker.html" title="Color Picker" data-filter-tags="form plugins color picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_color_picker">Color Picker</span>
</a>
</li>
<li>
<a href="form_plugins_datepicker.html" title="Date Picker" data-filter-tags="form plugins date picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_date_picker">Date Picker</span>
</a>
</li>
<li>
<a href="form_plugins_daterange_picker.html" title="Date Range Picker" data-filter-tags="form plugins date range picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_date_range_picker">Date Range Picker</span>
</a>
</li>
<li>
<a href="form_plugins_dropzone.html" title="Dropzone" data-filter-tags="form plugins dropzone">
<span class="nav-link-text" data-i18n="nav.form_plugins_dropzone">Dropzone</span>
</a>
</li>
<li>
<a href="form_plugins_ionrangeslider.html" title="Ion.RangeSlider" data-filter-tags="form plugins ion.rangeslider">
<span class="nav-link-text" data-i18n="nav.form_plugins_ion.rangeslider">Ion.RangeSlider</span>
</a>
</li>
<li>
<a href="form_plugins_inputmask.html" title="Inputmask" data-filter-tags="form plugins inputmask">
<span class="nav-link-text" data-i18n="nav.form_plugins_inputmask">Inputmask</span>
</a>
</li>
<li>
<a href="form_plugin_imagecropper.html" title="Image Cropper" data-filter-tags="form plugins image cropper">
<span class="nav-link-text" data-i18n="nav.form_plugins_image_cropper">Image Cropper</span>
</a>
</li>
<li>
<a href="form_plugin_select2.html" title="Select2" data-filter-tags="form plugins select2">
<span class="nav-link-text" data-i18n="nav.form_plugins_select2">Select2</span>
</a>
</li>
<li>
<a href="form_plugin_summernote.html" title="Summernote" data-filter-tags="form plugins summernote texteditor editor">
<span class="nav-link-text" data-i18n="nav.form_plugins_summernote">Summernote</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Miscellaneous" data-filter-tags="miscellaneous">
<i class="fal fa-globe"></i>
<span class="nav-link-text" data-i18n="nav.miscellaneous">Miscellaneous</span>
</a>
<ul>
<li>
<a href="miscellaneous_fullcalendar.html" title="FullCalendar" data-filter-tags="miscellaneous fullcalendar">
<span class="nav-link-text" data-i18n="nav.miscellaneous_fullcalendar">FullCalendar</span>
</a>
</li>
<li>
<a href="miscellaneous_lightgallery.html" title="Light Gallery" data-filter-tags="miscellaneous light gallery">
<span class="nav-link-text" data-i18n="nav.miscellaneous_light_gallery">Light Gallery</span>
<span class="dl-ref label bg-primary-500 ml-2">61 KB</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">Layouts & Apps</li>
<li>
<a href="#" title="Pages" data-filter-tags="pages">
<i class="fal fa-plus-circle"></i>
<span class="nav-link-text" data-i18n="nav.pages">Page Views</span>
</a>
<ul>
<li>
<a href="page_chat.html" title="Chat" data-filter-tags="pages chat">
<span class="nav-link-text" data-i18n="nav.pages_chat">Chat</span>
</a>
</li>
<li>
<a href="page_contacts.html" title="Contacts" data-filter-tags="pages contacts">
<span class="nav-link-text" data-i18n="nav.pages_contacts">Contacts</span>
</a>
</li>
<li>
<a href="javascript:void(0);" title="Forum" data-filter-tags="pages forum">
<span class="nav-link-text" data-i18n="nav.pages_forum">Forum</span>
</a>
<ul>
<li>
<a href="page_forum_list.html" title="List" data-filter-tags="pages forum list">
<span class="nav-link-text" data-i18n="nav.pages_forum_list">List</span>
</a>
</li>
<li>
<a href="page_forum_threads.html" title="Threads" data-filter-tags="pages forum threads">
<span class="nav-link-text" data-i18n="nav.pages_forum_threads">Threads</span>
</a>
</li>
<li>
<a href="page_forum_discussion.html" title="Discussion" data-filter-tags="pages forum discussion">
<span class="nav-link-text" data-i18n="nav.pages_forum_discussion">Discussion</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0);" title="Inbox" data-filter-tags="pages inbox">
<span class="nav-link-text" data-i18n="nav.pages_inbox">Inbox</span>
</a>
<ul>
<li>
<a href="page_inbox_general.html" title="General" data-filter-tags="pages inbox general">
<span class="nav-link-text" data-i18n="nav.pages_inbox_general">General</span>
</a>
</li>
<li>
<a href="page_inbox_read.html" title="Read" data-filter-tags="pages inbox read">
<span class="nav-link-text" data-i18n="nav.pages_inbox_read">Read</span>
</a>
</li>
<li>
<a href="page_inbox_write.html" title="Write" data-filter-tags="pages inbox write">
<span class="nav-link-text" data-i18n="nav.pages_inbox_write">Write</span>
</a>
</li>
</ul>
</li>
<li>
<a href="page_invoice.html" title="Invoice (printable)" data-filter-tags="pages invoice (printable)">
<span class="nav-link-text" data-i18n="nav.pages_invoice_(printable)">Invoice (printable)</span>
</a>
</li>
<li>
<a href="javascript:void(0);" title="Authentication" data-filter-tags="pages authentication">
<span class="nav-link-text" data-i18n="nav.pages_authentication">Authentication</span>
</a>
<ul>
<li>
<a href="page_forget.html" title="Forget Password" data-filter-tags="pages authentication forget password">
<span class="nav-link-text" data-i18n="nav.pages_authentication_forget_password">Forget Password</span>
</a>
</li>
<li>
<a href="page_locked.html" title="Locked Screen" data-filter-tags="pages authentication locked screen">
<span class="nav-link-text" data-i18n="nav.pages_authentication_locked_screen">Locked Screen</span>
</a>
</li>
<li>
<a href="page_login.html" title="Login" data-filter-tags="pages authentication login">
<span class="nav-link-text" data-i18n="nav.pages_authentication_login">Login</span>
</a>
</li>
<li>
<a href="page_login-alt.html" title="Login Alt" data-filter-tags="pages authentication login alt">
<span class="nav-link-text" data-i18n="nav.pages_authentication_login_alt">Login Alt</span>
</a>
</li>
<li>
<a href="page_register.html" title="Register" data-filter-tags="pages authentication register">
<span class="nav-link-text" data-i18n="nav.pages_authentication_register">Register</span>
</a>
</li>
<li>
<a href="page_confirmation.html" title="Confirmation" data-filter-tags="pages authentication confirmation">
<span class="nav-link-text" data-i18n="nav.pages_authentication_confirmation">Confirmation</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0);" title="Error Pages" data-filter-tags="pages error pages">
<span class="nav-link-text" data-i18n="nav.pages_error_pages">Error Pages</span>
</a>
<ul>
<li>
<a href="page_error.html" title="General Error" data-filter-tags="pages error pages general error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_general_error">General Error</span>
</a>
</li>
<li>
<a href="page_error_404.html" title="Server Error" data-filter-tags="pages error pages server error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_server_error">Server Error</span>
</a>
</li>
<li>
<a href="page_error_announced.html" title="Announced Error" data-filter-tags="pages error pages announced error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_announced_error">Announced Error</span>
</a>
</li>
</ul>
</li>
<li>
<a href="page_profile.html" title="Profile" data-filter-tags="pages profile">
<span class="nav-link-text" data-i18n="nav.pages_profile">Profile</span>
</a>
</li>
<li>
<a href="page_search.html" title="Search Results" data-filter-tags="pages search results">
<span class="nav-link-text" data-i18n="nav.pages_search_results">Search Results</span>
</a> </a>
</li> </li>
</ul> </ul>

View File

@ -39,7 +39,6 @@
<li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li> <li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
<li class="breadcrumb-item">Application Intel</li> <li class="breadcrumb-item">Application Intel</li>
<li class="breadcrumb-item active">Marketing Dashboard</li> <li class="breadcrumb-item active">Marketing Dashboard</li>
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
</ol> </ol>
@yield('content') @yield('content')
</main> </main>

View File

@ -0,0 +1,62 @@
@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/bootstrap-table.min.css')}}">
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-building'></i> Profile Sekolah
</h1>
</div>
<div class="row">
<div class="col-lg-12">
<div id="panel-4" class="panel">
<div class="panel-container show">
<div class="panel-content">
<div id="toolbar">
<button id="btn-add" class="btn btn-primary">
<i class="fal fa-plus"></i> Tambah Data
</button>
</div>
<table class="table table-bordered table-hover table-striped w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead>
<tr class="table-success">
<th>#</th>
<th>No</th>
<th>NPSN</th>
<th>Nama Sekolah</th>
<th>Status Level</th>
<th>Tanggal Level</th>
<th>Penghargaan Terakhir</th>
<th>DOK Administrasi</th>
<th>Pemenuhan Kriteria</th>
<th>Jenis Usulan</th>
<th>Usulankan CSA</th>
<th>Perpanjangan CSA</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
@endsection
@section('page-js')
<script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script>
<script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
@endsection

View File

@ -21,6 +21,10 @@ Route::get('/dashboard', function () {
return view('home'); return view('home');
}); });
Route::get('/profile-sekolah', function () {
return view('profile');
});
Auth::routes(); Auth::routes();
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home'); Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');