/* new colors */
:root {
    --bg-clr-gradient-purple-indigo: 102, 51, 153 /*#663399*/;
    --bg-img-gradient-purple-indigo:  linear-gradient(45deg, rgba(118,51,162,1) 4%, rgba(40,54,156,1) 50%, rgba(157,36,167,1) 84%);
    --bg-clr-gradient-black-blue: 0, 78, 146 /*#004e92*/;
    --bg-img-gradient-black-blue: linear-gradient(45deg, rgba(9,3,38,1) 4%, rgba(16,55,171,1) 50%, rgba(29,9,121,1) 84%);
    --bg-clr-gradient-black-gray: 64, 64, 64 /*#404040*/;
    --bg-img-gradient-black-gray: linear-gradient(45deg, rgba(0,0,0,1) 4%, rgba(33,42,69,1) 50%, rgba(37,37,41,1) 84%);
    --bg-clr-gradient-ibiza-sunset: 238, 9, 121 /*#ee0979*/;
    --bg-img-gradient-ibiza-sunset: linear-gradient(to bottom, #ee0979, #ff6a00);
    --bg-clr-blue: 0, 52, 115 /*#003473*/;
    --bg-clr-midnight-blue: 12, 12, 60 /*#0C0C3C*/;
    --bg-clr-indigo: 63, 81, 181 /*#3F51B5*/;
    --bg-img-dark-purple: linear-gradient(to bottom, #077fa3, #9c9c62);
    --bg-clr-dark-purple: 7, 127, 163 /*#077fa3*/;
    --bg-clr-purple: 102, 51, 153 /*#663399*/;
    --bg-clr-pink: 203, 48, 102 /*#CB3066*/;
    --bg-clr-red: 244, 67, 54 /*#f44336*/;
    --bg-clr-orange: 243, 113, 7 /*#f37107*/;
    --bg-clr-yellow: 199, 149, 0 /*#c79500*/;
    --bg-clr-green:0, 141, 5 /*#008d05*/;
    --bg-clr-teal: 0, 180, 126 /*#00b47e*/;
    --bg-clr-cyan: 156, 39, 176 /*#9c27b0*/;
    --bg-clr-gray: 25, 25, 29 /*#19191d*/;
    --bg-img-slate-gray: linear-gradient(to top, #3a6186, #89253e);
    --bg-clr-slate-gray: 58, 97, 134 /*#3a6186*/;
    --bg-img-gradient-color1: linear-gradient(to bottom, #4ecdc4, #556270);
    --bg-clr-gradient-color1: 78, 205, 196 /*#4ecdc4*/;
    --bg-img-gradient-color2: linear-gradient(to bottom, #ce7adb, #58a1a7);
    --bg-clr-gradient-color2: 206, 122, 219 /*#ce7adb*/;
    --bg-img-gradient-color3: linear-gradient(to bottom, #8595a0, #2c3e50);
    --bg-clr-gradient-color3: 133, 149, 160 /*#8595a0*/;
    --bg-img-gradient-color4: linear-gradient(to bottom, #b89b6e, #19547b);
    --bg-clr-gradient-color4: 184, 155, 110 /*#b89b6e*/;
    --bg-img-gradient-color5: linear-gradient(to bottom, #f79d00, #309c4e);
    --bg-clr-gradient-color5: 247, 157, 0 /*#f79d00*/;
    --bg-img-gradient-color6: linear-gradient(to bottom, #317c0f, #6fa52e);
    --bg-clr-gradient-color6: 49, 124, 15 /*#317c0f*/;
    --bg-img-gradient-color7: linear-gradient(45deg, rgba(162,92,51,1) 4%, rgba(172,17,106,1) 50%, rgba(77,83,74,1) 84%);
    --bg-clr-gradient-color7: 172, 17, 106 /*rgba(172,17,106,1)*/;
    --bg-img-gradient-color8: linear-gradient(0deg, rgba(22,134,135,1) 0%, rgba(253,142,45,1) 100%);
    --bg-clr-gradient-color8: 253, 142, 45 /*rgba(253,142,45,1)*/;
    --bg-img-gradient-color9: radial-gradient(circle, rgba(170,5,77,1) 0%, rgba(14,24,37,1) 100%);
    --bg-clr-gradient-color9: 14, 24, 37 /*rgba(14,24,37,1)*/;
    --bg-img-gradient-color10: radial-gradient(circle, rgba(117,82,6,1) 0%, rgba(74,79,61,1) 100%);
    --bg-clr-gradient-color10: 117, 82, 6 /*rgba(117,82,6,1)*/;
    --bg-img-gradient-color11: linear-gradient(0deg, rgba(92,43,9,1) 0%, rgba(107,104,101,1) 100%);
    --bg-clr-gradient-color11: 92, 43, 9 /*rgba(92,43,9,1)*/;
    --bg-img-gradient-color12: linear-gradient(45deg, rgba(233,2,2,1) 4%, rgba(107,8,48,1) 50%, rgba(3,32,99,1) 84%);
    --bg-clr-gradient-color12: 107, 8, 48 /*rgba(107,8,48,1)*/;
    --bg-clr-color7: 0, 0, 0 /*#000*/;
    --bg-clr-color8: 58, 58, 78 /*#3a3a4e*/;
    --bg-clr-color9: 78, 58, 73 /*#4e3a49*/;
    --bg-clr-color10: 58, 78, 75 /*#3a4e4b*/;
    --bg-clr-color11: 78, 68, 58 /*#4e443a*/;
    --bg-clr-color12: 58, 78, 74 /*#3a4e4a*/;
}

.sidebar-gradient-purple-indigo .sidebar-panel,
.gradient-purple-indigo {
    background-color: rgba(var(--bg-clr-gradient-purple-indigo) ,1);
    background-image: var(--bg-img-gradient-purple-indigo);
}
.sidebar-gradient-black-blue .sidebar-panel,
.gradient-black-blue {
    background-color: rgba(var(--bg-clr-gradient-black-blue) ,1);
    background-image: var(--bg-img-gradient-black-blue);
}  
.sidebar-gradient-black-gray .sidebar-panel,
.gradient-black-gray {
    background-color: rgba(var(--bg-clr-gradient-black-gray) ,1);
    background-image: var(--bg-img-gradient-black-gray);
}
.sidebar-gradient-ibiza-sunset .sidebar-panel,
.gradient-ibiza-sunset {
    background-color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1);
    background-image: var(--bg-img-gradient-ibiza-sunset);
}  
.sidebar-blue .sidebar-panel,
.blue {
    background: rgba(var(--bg-clr-blue) ,1); 
}
.sidebar-midnight-blue .sidebar-panel,
.midnight-blue {
    background: rgba(var(--bg-clr-midnight-blue) ,1); 
}
.sidebar-indigo .sidebar-panel,
.indigo {
    background: rgba(var(--bg-clr-indigo) ,1);
}
.sidebar-dark-purple .sidebar-panel,
.dark-purple {
    background-image: var(--bg-img-dark-purple); 
    background-color: rgba(var(--bg-clr-dark-purple) ,1); 
}
.sidebar-purple .sidebar-panel,
.purple {
    background: rgba(var(--bg-clr-purple) ,1);
}
.sidebar-pink .sidebar-panel,
.pink {
    background: rgba(var(--bg-clr-pink) ,1); 
}
.sidebar-red .sidebar-panel,
.red {
    background: rgba(var(--bg-clr-red) ,1);
}
.sidebar-orange .sidebar-panel,
.orange {
    background: rgba(var(--bg-clr-orange) ,1);
}
.sidebar-yellow .sidebar-panel,
.yellow {
    background: rgba(var(--bg-clr-yellow) ,1); 
}
.sidebar-green .sidebar-panel,
.green {
    background: rgba(var(--bg-clr-green) ,1); 
}
.sidebar-teal .sidebar-panel,
.teal {
    background: rgba(var(--bg-clr-teal) ,1); 
}
.sidebar-cyan .sidebar-panel,
.cyan {
    background: rgba(var(--bg-clr-cyan) ,1); 
}
.sidebar-gray .sidebar-panel,
.gray {
    background: rgba(var(--bg-clr-gray) ,1); 
}
.sidebar-slate-gray .sidebar-panel,
.slate-gray {
    background-image: var(--bg-img-slate-gray);
    background-color: rgba(var(--bg-clr-slate-gray) ,1);
}
.sidebar-gradient-color1 .sidebar-panel,
.gradient-color1 {
    background-image: var(--bg-img-gradient-color1);
    background-color: rgba(var(--bg-clr-gradient-color1) ,1);
}
.sidebar-gradient-color2 .sidebar-panel,
.gradient-color2 {
    background-image: var(--bg-img-gradient-color2);
    background-color: rgba(var(--bg-clr-gradient-color2) ,1);
}
.sidebar-gradient-color3 .sidebar-panel,
.gradient-color3 {
    background-image: var(--bg-img-gradient-color3);
    background-color: rgba(var(--bg-clr-gradient-color3) ,1);
}
.sidebar-gradient-color4 .sidebar-panel,
.gradient-color4 {
    background-image: var(--bg-img-gradient-color4);
    background-color: rgba(var(--bg-clr-gradient-color4) ,1);
}
.sidebar-gradient-color5 .sidebar-panel,
.gradient-color5 {
    background-image: var(--bg-img-gradient-color5);
    background-color: rgba(var(--bg-clr-gradient-color5) ,1);
}
.sidebar-gradient-color6 .sidebar-panel,
.gradient-color6 {
    background-image: var(--bg-img-gradient-color6);
    background-color: rgba(var(--bg-clr-gradient-color6) ,1);
}
.sidebar-gradient-color7 .sidebar-panel,
.gradient-color7 {
    background-image: var(--bg-img-gradient-color7);
    background-color: rgba(var(--bg-clr-gradient-color7) ,1);
}
.sidebar-gradient-color8 .sidebar-panel,
.gradient-color8 {
    background-image: var(--bg-img-gradient-color8);
    background-color: rgba(var(--bg-clr-gradient-color8) ,1);
}
.sidebar-gradient-color9 .sidebar-panel,
.gradient-color9 {
    background-image: var(--bg-img-gradient-color9);
    background-color: rgba(var(--bg-clr-gradient-color9) ,1);
}
.sidebar-gradient-color10 .sidebar-panel,
.gradient-color10 {
    background-image: var(--bg-img-gradient-color10);
    background-color: rgba(var(--bg-clr-gradient-color10) ,1);
}
.sidebar-gradient-color11 .sidebar-panel,
.gradient-color11 {
    background-image: var(--bg-img-gradient-color11);
    background-color: rgba(var(--bg-clr-gradient-color11) ,1);
}
.sidebar-gradient-color12 .sidebar-panel,
.gradient-color12 {
    background-image: var(--bg-img-gradient-color12);
    background-color: rgba(var(--bg-clr-gradient-color12) ,1);
}
.sidebar-color7 .sidebar-panel,
.color7 {
    background: rgba(var(--bg-clr-color7) ,1);
}
.sidebar-color8 .sidebar-panel,
.color8 {
    background: rgba(var(--bg-clr-color8) ,1);
}
.sidebar-color9 .sidebar-panel,
.color9 {
    background: rgba(var(--bg-clr-color9) ,1);
}
.sidebar-color10 .sidebar-panel,
.color10 {
    background: rgba(var(--bg-clr-color10) ,1);
}
.sidebar-color11 .sidebar-panel,
.color11 {
    background: rgba(var(--bg-clr-color11) ,1);
}
.sidebar-color12 .sidebar-panel,
.color12 {
    background: rgba(var(--bg-clr-color12) ,1);
}

.app-all-wrap[data-theme-color="gradient-purple-indigo"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .btn-success,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .btn-info,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .badge-success,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .is-selected,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-gradient-purple-indigo) ,1);
    background-image: var(--bg-img-gradient-purple-indigo);
}
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .text-theme,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-purple-indigo) ,1) !important;
}

.app-all-wrap[data-theme-color="gradient-black-blue"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-black-blue"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-black-blue"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-black-blue"] .btn-success,
.app-all-wrap[data-theme-color="gradient-black-blue"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-black-blue"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-black-blue"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-black-blue"] .btn-info,
.app-all-wrap[data-theme-color="gradient-black-blue"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-black-blue"] .badge-success,
.app-all-wrap[data-theme-color="gradient-black-blue"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-black-blue"] .is-selected,
.app-all-wrap[data-theme-color="gradient-black-blue"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-black-blue"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-black-blue"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-black-blue"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-gradient-black-blue) ,1);
    background-image: var(--bg-img-gradient-black-blue);
}
.app-all-wrap[data-theme-color="gradient-black-blue"] .text-theme,
.app-all-wrap[data-theme-color="gradient-black-blue"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-black-blue"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-black-blue) ,1);
}

.app-all-wrap[data-theme-color="gradient-black-gray"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-black-gray"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-black-gray"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-black-gray"] .btn-success,
.app-all-wrap[data-theme-color="gradient-black-gray"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-black-gray"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-black-gray"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-black-gray"] .btn-info,
.app-all-wrap[data-theme-color="gradient-black-gray"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-black-gray"] .badge-success,
.app-all-wrap[data-theme-color="gradient-black-gray"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-black-gray"] .is-selected,
.app-all-wrap[data-theme-color="gradient-black-gray"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-black-gray"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-black-gray"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-black-gray"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-gradient-black-gray) ,1);
    background-image: var(--bg-img-gradient-black-gray);
}
.app-all-wrap[data-theme-color="gradient-black-gray"] .text-theme,
.app-all-wrap[data-theme-color="gradient-black-gray"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-black-gray"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-black-gray) ,1);
}

.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-success,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-info,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .badge-success,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .is-selected,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1);
    background-image: var(--bg-img-gradient-ibiza-sunset);
}
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .text-theme,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1) !important;
}
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .btn-outline-success:hover {
    color: #fff !important;
}

.app-all-wrap[data-theme-color="dark-purple"] .customizer .handle,
.app-all-wrap[data-theme-color="dark-purple"] .vc-highlight,
.app-all-wrap[data-theme-color="dark-purple"] .badge-primary,
.app-all-wrap[data-theme-color="dark-purple"] .btn-success,
.app-all-wrap[data-theme-color="dark-purple"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="dark-purple"] .btn-primary,
.app-all-wrap[data-theme-color="dark-purple"] .bg-primary,
.app-all-wrap[data-theme-color="dark-purple"] .btn-info,
.app-all-wrap[data-theme-color="dark-purple"] .page-link.active,
.app-all-wrap[data-theme-color="dark-purple"] .badge-success,
.app-all-wrap[data-theme-color="dark-purple"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="dark-purple"] .is-selected,
.app-all-wrap[data-theme-color="dark-purple"] .dropdown-item:active,
.app-all-wrap[data-theme-color="dark-purple"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="dark-purple"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="dark-purple"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="dark-purple"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-dark-purple);
    background-color: rgba(var(--bg-clr-dark-purple) ,1);
}
.app-all-wrap[data-theme-color="dark-purple"] .text-theme,
.app-all-wrap[data-theme-color="dark-purple"] .btn-outline-success,
.app-all-wrap[data-theme-color="dark-purple"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-dark-purple) ,1);
}

.app-all-wrap[data-theme-color="purple"] .customizer .handle,
.app-all-wrap[data-theme-color="purple"] .vc-highlight,
.app-all-wrap[data-theme-color="purple"] .badge-primary,
.app-all-wrap[data-theme-color="purple"] .btn-success,
.app-all-wrap[data-theme-color="purple"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="purple"] .btn-primary,
.app-all-wrap[data-theme-color="purple"] .bg-primary,
.app-all-wrap[data-theme-color="purple"] .btn-info,
.app-all-wrap[data-theme-color="purple"] .page-link.active,
.app-all-wrap[data-theme-color="purple"] .badge-success,
.app-all-wrap[data-theme-color="purple"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="purple"] .is-selected,
.app-all-wrap[data-theme-color="purple"] .dropdown-item:active,
.app-all-wrap[data-theme-color="purple"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="purple"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="purple"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="purple"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-purple) ,1) !important;
}
.app-all-wrap[data-theme-color="purple"] .text-theme,
.app-all-wrap[data-theme-color="purple"] .btn-outline-success,
.app-all-wrap[data-theme-color="purple"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-purple) ,1);
}

.app-all-wrap[data-theme-color="pink"] .customizer .handle,
.app-all-wrap[data-theme-color="pink"] .vc-highlight,
.app-all-wrap[data-theme-color="pink"] .badge-primary,
.app-all-wrap[data-theme-color="pink"] .btn-success,
.app-all-wrap[data-theme-color="pink"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="pink"] .btn-primary,
.app-all-wrap[data-theme-color="pink"] .bg-primary,
.app-all-wrap[data-theme-color="pink"] .btn-info,
.app-all-wrap[data-theme-color="pink"] .page-link.active,
.app-all-wrap[data-theme-color="pink"] .badge-success,
.app-all-wrap[data-theme-color="pink"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="pink"] .is-selected,
.app-all-wrap[data-theme-color="pink"] .dropdown-item:active,
.app-all-wrap[data-theme-color="pink"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="pink"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="pink"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="pink"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-pink) ,1) !important;
}
.app-all-wrap[data-theme-color="pink"] .text-theme,
.app-all-wrap[data-theme-color="pink"] .btn-outline-success,
.app-all-wrap[data-theme-color="pink"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-pink) ,1);
}

.app-all-wrap[data-theme-color="red"] .customizer .handle,
.app-all-wrap[data-theme-color="red"] .vc-highlight,
.app-all-wrap[data-theme-color="red"] .badge-primary,
.app-all-wrap[data-theme-color="red"] .btn-success,
.app-all-wrap[data-theme-color="red"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="red"] .btn-primary,
.app-all-wrap[data-theme-color="red"] .bg-primary,
.app-all-wrap[data-theme-color="red"] .btn-info,
.app-all-wrap[data-theme-color="red"] .page-link.active,
.app-all-wrap[data-theme-color="red"] .badge-success,
.app-all-wrap[data-theme-color="red"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="red"] .is-selected,
.app-all-wrap[data-theme-color="red"] .dropdown-item:active,
.app-all-wrap[data-theme-color="red"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="red"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="red"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="red"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-red) ,1) !important;
}
.app-all-wrap[data-theme-color="red"] .text-theme,
.app-all-wrap[data-theme-color="red"] .btn-outline-success,
.app-all-wrap[data-theme-color="red"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-red) ,1);
}

.app-all-wrap[data-theme-color="orange"] .customizer .handle,
.app-all-wrap[data-theme-color="orange"] .vc-highlight,
.app-all-wrap[data-theme-color="orange"] .badge-primary,
.app-all-wrap[data-theme-color="orange"] .btn-success,
.app-all-wrap[data-theme-color="orange"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="orange"] .btn-primary,
.app-all-wrap[data-theme-color="orange"] .bg-primary,
.app-all-wrap[data-theme-color="orange"] .btn-info,
.app-all-wrap[data-theme-color="orange"] .page-link.active,
.app-all-wrap[data-theme-color="orange"] .badge-success,
.app-all-wrap[data-theme-color="orange"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="orange"] .is-selected,
.app-all-wrap[data-theme-color="orange"] .dropdown-item:active,
.app-all-wrap[data-theme-color="orange"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="orange"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="orange"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="orange"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-orange) ,1) !important;
}
.app-all-wrap[data-theme-color="orange"] .text-theme,
.app-all-wrap[data-theme-color="orange"] .btn-outline-success,
.app-all-wrap[data-theme-color="orange"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-orange) ,1);
}

.app-all-wrap[data-theme-color="yellow"] .customizer .handle,
.app-all-wrap[data-theme-color="yellow"] .vc-highlight,
.app-all-wrap[data-theme-color="yellow"] .badge-primary,
.app-all-wrap[data-theme-color="yellow"] .btn-success,
.app-all-wrap[data-theme-color="yellow"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="yellow"] .btn-primary,
.app-all-wrap[data-theme-color="yellow"] .bg-primary,
.app-all-wrap[data-theme-color="yellow"] .btn-info,
.app-all-wrap[data-theme-color="yellow"] .page-link.active,
.app-all-wrap[data-theme-color="yellow"] .badge-success,
.app-all-wrap[data-theme-color="yellow"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="yellow"] .is-selected,
.app-all-wrap[data-theme-color="yellow"] .dropdown-item:active,
.app-all-wrap[data-theme-color="yellow"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="yellow"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="yellow"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="yellow"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-yellow) ,1) !important;
}
.app-all-wrap[data-theme-color="yellow"] .text-theme,
.app-all-wrap[data-theme-color="yellow"] .btn-outline-success,
.app-all-wrap[data-theme-color="yellow"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-yellow) ,1);
}

.app-all-wrap[data-theme-color="green"] .customizer .handle,
.app-all-wrap[data-theme-color="green"] .vc-highlight,
.app-all-wrap[data-theme-color="green"] .badge-primary,
.app-all-wrap[data-theme-color="green"] .btn-success,
.app-all-wrap[data-theme-color="green"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="green"] .btn-primary,
.app-all-wrap[data-theme-color="green"] .bg-primary,
.app-all-wrap[data-theme-color="green"] .btn-info,
.app-all-wrap[data-theme-color="green"] .page-link.active,
.app-all-wrap[data-theme-color="green"] .badge-success,
.app-all-wrap[data-theme-color="green"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="green"] .is-selected,
.app-all-wrap[data-theme-color="green"] .dropdown-item:active,
.app-all-wrap[data-theme-color="green"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="green"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="green"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="green"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-green) ,1) !important;
}
.app-all-wrap[data-theme-color="green"] .text-theme,
.app-all-wrap[data-theme-color="green"] .btn-outline-success,
.app-all-wrap[data-theme-color="green"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-green) ,1);
}

.app-all-wrap[data-theme-color="teal"] .customizer .handle,
.app-all-wrap[data-theme-color="teal"] .vc-highlight,
.app-all-wrap[data-theme-color="teal"] .badge-primary,
.app-all-wrap[data-theme-color="teal"] .btn-success,
.app-all-wrap[data-theme-color="teal"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="teal"] .btn-primary,
.app-all-wrap[data-theme-color="teal"] .bg-primary,
.app-all-wrap[data-theme-color="teal"] .btn-info,
.app-all-wrap[data-theme-color="teal"] .page-link.active,
.app-all-wrap[data-theme-color="teal"] .badge-success,
.app-all-wrap[data-theme-color="teal"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="teal"] .is-selected,
.app-all-wrap[data-theme-color="teal"] .dropdown-item:active,
.app-all-wrap[data-theme-color="teal"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="teal"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="teal"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="teal"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-teal) ,1) !important;
}
.app-all-wrap[data-theme-color="teal"] .text-theme,
.app-all-wrap[data-theme-color="teal"] .btn-outline-success,
.app-all-wrap[data-theme-color="teal"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-teal) ,1);
}

.app-all-wrap[data-theme-color="cyan"] .customizer .handle,
.app-all-wrap[data-theme-color="cyan"] .vc-highlight,
.app-all-wrap[data-theme-color="cyan"] .badge-primary,
.app-all-wrap[data-theme-color="cyan"] .btn-success,
.app-all-wrap[data-theme-color="cyan"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="cyan"] .btn-primary,
.app-all-wrap[data-theme-color="cyan"] .bg-primary,
.app-all-wrap[data-theme-color="cyan"] .btn-info,
.app-all-wrap[data-theme-color="cyan"] .page-link.active,
.app-all-wrap[data-theme-color="cyan"] .badge-success,
.app-all-wrap[data-theme-color="cyan"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="cyan"] .is-selected,
.app-all-wrap[data-theme-color="cyan"] .dropdown-item:active,
.app-all-wrap[data-theme-color="cyan"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="cyan"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="cyan"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="cyan"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-cyan) ,1) !important;
}
.app-all-wrap[data-theme-color="cyan"] .text-theme,
.app-all-wrap[data-theme-color="cyan"] .btn-outline-success,
.app-all-wrap[data-theme-color="cyan"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-cyan) ,1);
}

.app-all-wrap[data-theme-color="gray"] .customizer .handle,
.app-all-wrap[data-theme-color="gray"] .vc-highlight,
.app-all-wrap[data-theme-color="gray"] .badge-primary,
.app-all-wrap[data-theme-color="gray"] .btn-success,
.app-all-wrap[data-theme-color="gray"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gray"] .btn-primary,
.app-all-wrap[data-theme-color="gray"] .bg-primary,
.app-all-wrap[data-theme-color="gray"] .btn-info,
.app-all-wrap[data-theme-color="gray"] .page-link.active,
.app-all-wrap[data-theme-color="gray"] .badge-success,
.app-all-wrap[data-theme-color="gray"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gray"] .is-selected,
.app-all-wrap[data-theme-color="gray"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gray"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gray"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gray"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gray"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-gray) ,1) !important;
}
.app-all-wrap[data-theme-color="gray"] .text-theme,
.app-all-wrap[data-theme-color="gray"] .btn-outline-success,
.app-all-wrap[data-theme-color="gray"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gray) ,1);
}

.app-all-wrap[data-theme-color="slate-gray"] .customizer .handle,
.app-all-wrap[data-theme-color="slate-gray"] .vc-highlight,
.app-all-wrap[data-theme-color="slate-gray"] .badge-primary,
.app-all-wrap[data-theme-color="slate-gray"] .btn-success,
.app-all-wrap[data-theme-color="slate-gray"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="slate-gray"] .btn-primary,
.app-all-wrap[data-theme-color="slate-gray"] .bg-primary,
.app-all-wrap[data-theme-color="slate-gray"] .btn-info,
.app-all-wrap[data-theme-color="slate-gray"] .page-link.active,
.app-all-wrap[data-theme-color="slate-gray"] .badge-success,
.app-all-wrap[data-theme-color="slate-gray"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="slate-gray"] .is-selected,
.app-all-wrap[data-theme-color="slate-gray"] .dropdown-item:active,
.app-all-wrap[data-theme-color="slate-gray"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="slate-gray"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="slate-gray"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="slate-gray"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-slate-gray);
    background-color: rgba(var(--bg-clr-slate-gray) ,1);
}
.app-all-wrap[data-theme-color="slate-gray"] .text-theme,
.app-all-wrap[data-theme-color="slate-gray"] .btn-outline-success,
.app-all-wrap[data-theme-color="slate-gray"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-slate-gray) ,1);
}

.app-all-wrap[data-theme-color="blue"] .customizer .handle,
.app-all-wrap[data-theme-color="blue"] .vc-highlight,
.app-all-wrap[data-theme-color="blue"] .badge-primary,
.app-all-wrap[data-theme-color="blue"] .btn-success,
.app-all-wrap[data-theme-color="blue"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="blue"] .btn-primary,
.app-all-wrap[data-theme-color="blue"] .bg-primary,
.app-all-wrap[data-theme-color="blue"] .btn-info,
.app-all-wrap[data-theme-color="blue"] .page-link.active,
.app-all-wrap[data-theme-color="blue"] .badge-success,
.app-all-wrap[data-theme-color="blue"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="blue"] .is-selected,
.app-all-wrap[data-theme-color="blue"] .dropdown-item:active,
.app-all-wrap[data-theme-color="blue"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="blue"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="blue"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="blue"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-blue) ,1) !important;
}
.app-all-wrap[data-theme-color="blue"] .text-theme,
.app-all-wrap[data-theme-color="blue"] .btn-outline-success,
.app-all-wrap[data-theme-color="blue"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-blue) ,1);
}

.app-all-wrap[data-theme-color="midnight-blue"] .customizer .handle,
.app-all-wrap[data-theme-color="midnight-blue"] .vc-highlight,
.app-all-wrap[data-theme-color="midnight-blue"] .badge-primary,
.app-all-wrap[data-theme-color="midnight-blue"] .btn-success,
.app-all-wrap[data-theme-color="midnight-blue"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="midnight-blue"] .btn-primary,
.app-all-wrap[data-theme-color="midnight-blue"] .bg-primary,
.app-all-wrap[data-theme-color="midnight-blue"] .btn-info,
.app-all-wrap[data-theme-color="midnight-blue"] .page-link.active,
.app-all-wrap[data-theme-color="midnight-blue"] .badge-success,
.app-all-wrap[data-theme-color="midnight-blue"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="midnight-blue"] .is-selected,
.app-all-wrap[data-theme-color="midnight-blue"] .dropdown-item:active,
.app-all-wrap[data-theme-color="midnight-blue"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="midnight-blue"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="midnight-blue"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="midnight-blue"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-midnight-blue) ,1) !important;
}
.app-all-wrap[data-theme-color="midnight-blue"] .text-theme,
.app-all-wrap[data-theme-color="midnight-blue"] .btn-outline-success,
.app-all-wrap[data-theme-color="midnight-blue"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-midnight-blue) ,1);
}

.app-all-wrap[data-theme-color="indigo"] .customizer .handle,
.app-all-wrap[data-theme-color="indigo"] .vc-highlight,
.app-all-wrap[data-theme-color="indigo"] .badge-primary,
.app-all-wrap[data-theme-color="indigo"] .btn-success,
.app-all-wrap[data-theme-color="indigo"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="indigo"] .btn-primary,
.app-all-wrap[data-theme-color="indigo"] .bg-primary,
.app-all-wrap[data-theme-color="indigo"] .btn-info,
.app-all-wrap[data-theme-color="indigo"] .page-link.active,
.app-all-wrap[data-theme-color="indigo"] .badge-success,
.app-all-wrap[data-theme-color="indigo"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="indigo"] .is-selected,
.app-all-wrap[data-theme-color="indigo"] .dropdown-item:active,
.app-all-wrap[data-theme-color="indigo"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="indigo"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="indigo"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="indigo"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-indigo) ,1) !important;
}
.app-all-wrap[data-theme-color="indigo"] .text-theme,
.app-all-wrap[data-theme-color="indigo"] .btn-outline-success,
.app-all-wrap[data-theme-color="indigo"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-indigo) ,1);
}

.app-all-wrap[data-theme-color="gradient-color1"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color1"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color1"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color1"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color1"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color1"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color1"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color1"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color1"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color1"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color1"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color1"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color1"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color1"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color1"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color1"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color1"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color1);
    background-color: rgba(var(--bg-clr-gradient-color1) ,1);
}
.app-all-wrap[data-theme-color="gradient-color1"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color1"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color1"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color1) ,1);
}
.app-all-wrap[data-theme-color="gradient-color2"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color2"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color2"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color2"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color2"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color2"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color2"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color2"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color2"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color2"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color2"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color2"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color2"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color2"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color2"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color2"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color2"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color2);
    background-color: rgba(var(--bg-clr-gradient-color2) ,1);
}
.app-all-wrap[data-theme-color="gradient-color2"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color2"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color2"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color2) ,1);
}
.app-all-wrap[data-theme-color="gradient-color3"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color3"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color3"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color3"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color3"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color3"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color3"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color3"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color3"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color3"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color3"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color3"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color3"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color3"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color3"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color3"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color3"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color3);
    background-color: rgba(var(--bg-clr-gradient-color3) ,1);
}
.app-all-wrap[data-theme-color="gradient-color3"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color3"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color3"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color3) ,1);
}
.app-all-wrap[data-theme-color="gradient-color4"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color4"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color4"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color4"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color4"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color4"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color4"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color4"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color4"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color4"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color4"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color4"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color4"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color4"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color4"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color4"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color4"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color4);
    background-color: rgba(var(--bg-clr-gradient-color4) ,1);
}
.app-all-wrap[data-theme-color="gradient-color4"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color4"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color4"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color4) ,1);
}
.app-all-wrap[data-theme-color="gradient-color5"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color5"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color5"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color5"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color5"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color5"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color5"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color5"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color5"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color5"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color5"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color5"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color5"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color5"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color5"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color5"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color5"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color5);
    background-color: rgba(var(--bg-clr-gradient-color5) ,1);
}
.app-all-wrap[data-theme-color="gradient-color5"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color5"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color5"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color5) ,1);
}
.app-all-wrap[data-theme-color="gradient-color6"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color6"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color6"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color6"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color6"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color6"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color6"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color6"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color6"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color6"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color6"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color6"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color6"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color6"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color6"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color6"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color6"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color6);
    background-color: rgba(var(--bg-clr-gradient-color6) ,1);
}
.app-all-wrap[data-theme-color="gradient-color6"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color6"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color6"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color6) ,1);
}
.app-all-wrap[data-theme-color="gradient-color7"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color7"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color7"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color7"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color7"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color7"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color7"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color7"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color7"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color7"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color7"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color7"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color7"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color7"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color7"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color7"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color7"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color7);
    background-color: rgba(var(--bg-clr-gradient-color7) ,1);
}
.app-all-wrap[data-theme-color="gradient-color7"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color7"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color7"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color7) ,1);
}
.app-all-wrap[data-theme-color="gradient-color8"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color8"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color8"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color8"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color8"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color8"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color8"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color8"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color8"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color8"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color8"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color8"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color8"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color8"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color8"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color8"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color8"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color8);
    background-color: rgba(var(--bg-clr-gradient-color8) ,1);
}
.app-all-wrap[data-theme-color="gradient-color8"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color8"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color8"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color8) ,1);
}
.app-all-wrap[data-theme-color="gradient-color9"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color9"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color9"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color9"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color9"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color9"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color9"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color9"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color9"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color9"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color9"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color9"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color9"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color9"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color9"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color9"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color9"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color9);
    background-color: rgba(var(--bg-clr-gradient-color9) ,1);
}
.app-all-wrap[data-theme-color="gradient-color9"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color9"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color9"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color9) ,1);
}
.app-all-wrap[data-theme-color="gradient-color10"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color10"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color10"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color10"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color10"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color10"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color10"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color10"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color10"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color10"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color10"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color10"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color10"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color10"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color10"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color10"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color10"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color10);
    background-color: rgba(var(--bg-clr-gradient-color10) ,1);
}
.app-all-wrap[data-theme-color="gradient-color10"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color10"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color10"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color10) ,1);
}
.app-all-wrap[data-theme-color="gradient-color11"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color11"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color11"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color11"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color11"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color11"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color11"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color11"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color11"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color11"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color11"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color11"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color11"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color11"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color11"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color11"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color11"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color11);
    background-color: rgba(var(--bg-clr-gradient-color11) ,1);
}
.app-all-wrap[data-theme-color="gradient-color11"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color11"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color11"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color11) ,1);
}
.app-all-wrap[data-theme-color="gradient-color12"] .customizer .handle,
.app-all-wrap[data-theme-color="gradient-color12"] .vc-highlight,
.app-all-wrap[data-theme-color="gradient-color12"] .badge-primary,
.app-all-wrap[data-theme-color="gradient-color12"] .btn-success,
.app-all-wrap[data-theme-color="gradient-color12"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="gradient-color12"] .btn-primary,
.app-all-wrap[data-theme-color="gradient-color12"] .bg-primary,
.app-all-wrap[data-theme-color="gradient-color12"] .btn-info,
.app-all-wrap[data-theme-color="gradient-color12"] .page-link.active,
.app-all-wrap[data-theme-color="gradient-color12"] .badge-success,
.app-all-wrap[data-theme-color="gradient-color12"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="gradient-color12"] .is-selected,
.app-all-wrap[data-theme-color="gradient-color12"] .dropdown-item:active,
.app-all-wrap[data-theme-color="gradient-color12"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color12"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color12"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="gradient-color12"] .checkbox-primary input:checked ~ .checkmark {
    background-image: var(--bg-img-gradient-color12);
    background-color: rgba(var(--bg-clr-gradient-color12) ,1);
}
.app-all-wrap[data-theme-color="gradient-color12"] .text-theme,
.app-all-wrap[data-theme-color="gradient-color12"] .btn-outline-success,
.app-all-wrap[data-theme-color="gradient-color12"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-gradient-color12) ,1);
}

.app-all-wrap[data-theme-color="color7"] .customizer .handle,
.app-all-wrap[data-theme-color="color7"] .vc-highlight,
.app-all-wrap[data-theme-color="color7"] .badge-primary,
.app-all-wrap[data-theme-color="color7"] .btn-success,
.app-all-wrap[data-theme-color="color7"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color7"] .btn-primary,
.app-all-wrap[data-theme-color="color7"] .bg-primary,
.app-all-wrap[data-theme-color="color7"] .btn-info,
.app-all-wrap[data-theme-color="color7"] .page-link.active,
.app-all-wrap[data-theme-color="color7"] .badge-success,
.app-all-wrap[data-theme-color="color7"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color7"] .is-selected,
.app-all-wrap[data-theme-color="color7"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color7"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color7"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color7"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color7"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color7) ,1) !important;
}
.app-all-wrap[data-theme-color="color7"] .text-theme,
.app-all-wrap[data-theme-color="color7"] .btn-outline-success,
.app-all-wrap[data-theme-color="color7"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color7) ,1);
}
.app-all-wrap[data-theme-color="color8"] .customizer .handle,
.app-all-wrap[data-theme-color="color8"] .vc-highlight,
.app-all-wrap[data-theme-color="color8"] .badge-primary,
.app-all-wrap[data-theme-color="color8"] .btn-success,
.app-all-wrap[data-theme-color="color8"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color8"] .btn-primary,
.app-all-wrap[data-theme-color="color8"] .bg-primary,
.app-all-wrap[data-theme-color="color8"] .btn-info,
.app-all-wrap[data-theme-color="color8"] .page-link.active,
.app-all-wrap[data-theme-color="color8"] .badge-success,
.app-all-wrap[data-theme-color="color8"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color8"] .is-selected,
.app-all-wrap[data-theme-color="color8"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color8"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color8"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color8"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color8"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color8) ,1) !important;
}
.app-all-wrap[data-theme-color="color8"] .text-theme,
.app-all-wrap[data-theme-color="color8"] .btn-outline-success,
.app-all-wrap[data-theme-color="color8"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color8) ,1);
}
.app-all-wrap[data-theme-color="color9"] .customizer .handle,
.app-all-wrap[data-theme-color="color9"] .vc-highlight,
.app-all-wrap[data-theme-color="color9"] .badge-primary,
.app-all-wrap[data-theme-color="color9"] .btn-success,
.app-all-wrap[data-theme-color="color9"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color9"] .btn-primary,
.app-all-wrap[data-theme-color="color9"] .bg-primary,
.app-all-wrap[data-theme-color="color9"] .btn-info,
.app-all-wrap[data-theme-color="color9"] .page-link.active,
.app-all-wrap[data-theme-color="color9"] .badge-success,
.app-all-wrap[data-theme-color="color9"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color9"] .is-selected,
.app-all-wrap[data-theme-color="color9"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color9"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color9"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color9"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color9"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color9) ,1) !important;
}
.app-all-wrap[data-theme-color="color9"] .text-theme,
.app-all-wrap[data-theme-color="color9"] .btn-outline-success,
.app-all-wrap[data-theme-color="color9"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color9) ,1);
}
.app-all-wrap[data-theme-color="color10"] .customizer .handle,
.app-all-wrap[data-theme-color="color10"] .vc-highlight,
.app-all-wrap[data-theme-color="color10"] .badge-primary,
.app-all-wrap[data-theme-color="color10"] .btn-success,
.app-all-wrap[data-theme-color="color10"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color10"] .btn-primary,
.app-all-wrap[data-theme-color="color10"] .bg-primary,
.app-all-wrap[data-theme-color="color10"] .btn-info,
.app-all-wrap[data-theme-color="color10"] .page-link.active,
.app-all-wrap[data-theme-color="color10"] .badge-success,
.app-all-wrap[data-theme-color="color10"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color10"] .is-selected,
.app-all-wrap[data-theme-color="color10"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color10"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color10"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color10"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color10"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color10) ,1) !important;
}
.app-all-wrap[data-theme-color="color10"] .text-theme,
.app-all-wrap[data-theme-color="color10"] .btn-outline-success,
.app-all-wrap[data-theme-color="color10"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color10) ,1);
}
.app-all-wrap[data-theme-color="color11"] .customizer .handle,
.app-all-wrap[data-theme-color="color11"] .vc-highlight,
.app-all-wrap[data-theme-color="color11"] .badge-primary,
.app-all-wrap[data-theme-color="color11"] .btn-success,
.app-all-wrap[data-theme-color="color11"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color11"] .btn-primary,
.app-all-wrap[data-theme-color="color11"] .bg-primary,
.app-all-wrap[data-theme-color="color11"] .btn-info,
.app-all-wrap[data-theme-color="color11"] .page-link.active,
.app-all-wrap[data-theme-color="color11"] .badge-success,
.app-all-wrap[data-theme-color="color11"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color11"] .is-selected,
.app-all-wrap[data-theme-color="color11"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color11"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color11"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color11"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color11"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color11) ,1) !important;
}
.app-all-wrap[data-theme-color="color11"] .text-theme,
.app-all-wrap[data-theme-color="color11"] .btn-outline-success,
.app-all-wrap[data-theme-color="color11"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color11) ,1);
}
.app-all-wrap[data-theme-color="color12"] .customizer .handle,
.app-all-wrap[data-theme-color="color12"] .vc-highlight,
.app-all-wrap[data-theme-color="color12"] .badge-primary,
.app-all-wrap[data-theme-color="color12"] .btn-success,
.app-all-wrap[data-theme-color="color12"] .btn-outline-success:hover,
.app-all-wrap[data-theme-color="color12"] .btn-primary,
.app-all-wrap[data-theme-color="color12"] .bg-primary,
.app-all-wrap[data-theme-color="color12"] .btn-info,
.app-all-wrap[data-theme-color="color12"] .page-link.active,
.app-all-wrap[data-theme-color="color12"] .badge-success,
.app-all-wrap[data-theme-color="color12"] .is-selected.is-pointed,
.app-all-wrap[data-theme-color="color12"] .is-selected,
.app-all-wrap[data-theme-color="color12"] .dropdown-item:active,
.app-all-wrap[data-theme-color="color12"] .radio-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color12"] .radio-primary input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color12"] .checkbox-success input:checked ~ .checkmark,
.app-all-wrap[data-theme-color="color12"] .checkbox-primary input:checked ~ .checkmark {
    background-color: rgba(var(--bg-clr-color12) ,1) !important;
}
.app-all-wrap[data-theme-color="color12"] .text-theme,
.app-all-wrap[data-theme-color="color12"] .btn-outline-success,
.app-all-wrap[data-theme-color="color12"] .loader-bubble-primary {
    color: rgba(var(--bg-clr-color12) ,1);
}
/* start theme color Depending on the body */
[data-theme-color="gradient-purple-indigo"] .c-toast,
[data-theme-color="gradient-purple-indigo"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-purple-indigo"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-color: rgba(var(--bg-clr-gradient-purple-indigo) ,1);
    background-image: var(--bg-img-gradient-purple-indigo);
}
[data-theme-color="gradient-black-blue"] .c-toast,
[data-theme-color="gradient-black-blue"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-black-blue"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-color: rgba(var(--bg-clr-gradient-black-blue) ,1);
    background-image: var(--bg-img-gradient-black-blue);
}
[data-theme-color="gradient-black-gray"] .c-toast,
[data-theme-color="gradient-black-gray"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-black-gray"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-color: rgba(var(--bg-clr-gradient-black-gray) ,1);
    background-image: var(--bg-img-gradient-black-gray);
}
[data-theme-color="gradient-ibiza-sunset"] .c-toast,
[data-theme-color="gradient-ibiza-sunset"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-ibiza-sunset"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1);
    background-image: var(--bg-img-gradient-ibiza-sunset);
}
[data-theme-color="dark-purple"] .c-toast,
[data-theme-color="dark-purple"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="dark-purple"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-dark-purple) !important;
    background-color: rgba(var(--bg-clr-dark-purple) ,1) !important;
}
[data-theme-color="purple"] .c-toast,
[data-theme-color="purple"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="purple"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-purple) ,1) !important;
}
[data-theme-color="pink"] .c-toast,
[data-theme-color="pink"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="pink"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-pink) ,1) !important;
}
[data-theme-color="red"] .c-toast,
[data-theme-color="red"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="red"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-red) ,1) !important;
}
[data-theme-color="orange"] .c-toast,
[data-theme-color="orange"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="orange"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-orange) ,1) !important;
}
[data-theme-color="yellow"] .c-toast,
[data-theme-color="yellow"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="yellow"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-yellow) ,1) !important;
}
[data-theme-color="green"] .c-toast,
[data-theme-color="green"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="green"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-green) ,1) !important;
}
[data-theme-color="teal"] .c-toast,
[data-theme-color="teal"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="teal"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-teal) ,1) !important;
}
[data-theme-color="cyan"] .c-toast,
[data-theme-color="cyan"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="cyan"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-cyan) ,1) !important;
}
[data-theme-color="gray"] .c-toast,
[data-theme-color="gray"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gray"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-gray) ,1) !important;
}
[data-theme-color="slate-gray"] .c-toast,
[data-theme-color="slate-gray"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="slate-gray"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-slate-gray) !important;
    background-color: rgba(var(--bg-clr-slate-gray) ,1) !important;
}
[data-theme-color="blue"] .c-toast,
[data-theme-color="blue"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="blue"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-blue) ,1) !important;
}
[data-theme-color="midnight-blue"] .c-toast,
[data-theme-color="midnight-blue"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="midnight-blue"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-midnight-blue) ,1) !important;
}
[data-theme-color="indigo"] .c-toast,
[data-theme-color="indigo"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="indigo"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-indigo) ,1) !important;
}
[data-theme-color="gradient-color1"] .c-toast,
[data-theme-color="gradient-color1"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color1"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color1) !important;
    background-color: rgba(var(--bg-clr-gradient-color1) ,1) !important;
}
[data-theme-color="gradient-color2"] .c-toast,
[data-theme-color="gradient-color2"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color2"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color2) !important;
    background-color: rgba(var(--bg-clr-gradient-color2) ,1) !important;
}
[data-theme-color="gradient-color3"] .c-toast,
[data-theme-color="gradient-color3"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color3"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color3) !important;
    background-color: rgba(var(--bg-clr-gradient-color3) ,1) !important;
}
[data-theme-color="gradient-color4"] .c-toast,
[data-theme-color="gradient-color4"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color4"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color4) !important;
    background-color: rgba(var(--bg-clr-gradient-color4) ,1) !important;
}
[data-theme-color="gradient-color5"] .c-toast,
[data-theme-color="gradient-color5"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color5"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color5) !important;
    background-color: rgba(var(--bg-clr-gradient-color5) ,1) !important;
}
[data-theme-color="gradient-color6"] .c-toast,
[data-theme-color="gradient-color6"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color6"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color6) !important;
    background-color: rgba(var(--bg-clr-gradient-color6) ,1) !important;
}

[data-theme-color="gradient-color7"] .c-toast,
[data-theme-color="gradient-color7"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color7"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color7) !important;
    background-color: rgba(var(--bg-clr-gradient-color7) ,1) !important;
}
[data-theme-color="gradient-color8"] .c-toast,
[data-theme-color="gradient-color8"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color8"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color8) !important;
    background-color: rgba(var(--bg-clr-gradient-color8) ,1) !important;
}
[data-theme-color="gradient-color9"] .c-toast,
[data-theme-color="gradient-color9"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color9"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color9) !important;
    background-color: rgba(var(--bg-clr-gradient-color9) ,1) !important;
}
[data-theme-color="gradient-color10"] .c-toast,
[data-theme-color="gradient-color10"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color10"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color10) !important;
    background-color: rgba(var(--bg-clr-gradient-color10) ,1) !important;
}
[data-theme-color="gradient-color11"] .c-toast,
[data-theme-color="gradient-color11"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color11"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-img-gradient-color11) !important;
    background-color: rgba(var(--bg-clr-gradient-color11) ,1) !important;
}
[data-theme-color="gradient-color12"] .c-toast,
[data-theme-color="gradient-color12"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="gradient-color12"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background-image: var(--bg-clr-gradient-color12) !important;
    background-color: rgba(var(--bg-clr-gradient-color12) ,1) !important;
}

[data-theme-color="color7"] .c-toast,
[data-theme-color="color7"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color7"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color7) ,1) !important;
}
[data-theme-color="color8"] .c-toast,
[data-theme-color="color8"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color8"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color8) ,1) !important;
}
[data-theme-color="color9"] .c-toast,
[data-theme-color="color9"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color9"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color9) ,1) !important;
}
[data-theme-color="color10"] .c-toast,
[data-theme-color="color10"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color10"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color10) ,1) !important;
}
[data-theme-color="color11"] .c-toast,
[data-theme-color="color11"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color11"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color11) ,1) !important;
}
[data-theme-color="color12"] .c-toast,
[data-theme-color="color12"] .swal2-container .swal2-styled:not(.swal2-cancel),
[data-theme-color="color12"] .swal2-container .swal2-styled:not(.swal2-cancel):hover {
    background: rgba(var(--bg-clr-color12) ,1) !important;
}
/* end theme color Depending on the body */

.btn {border: 0;}
.app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch {
    background: rgba(0,0,0,.2);
}
.app-all-wrap .btn-outline-success:hover i,
.app-all-wrap .btn-outline-success:hover .text-muted {
    color: #fff !important;
}
.dropdown-item:focus {
    outline: 0;
}

/* start new update 9-2022 */
.nav-tabs .nav-item .nav-link.active { /* basic */
    background: none; position: relative;
    border-radius: 4px 4px 0 0 !important;
}
.nav-tabs .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    opacity: 0.15;
}

.app-all-wrap[data-theme-color="gradient-purple-indigo"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-purple-indigo) ,1) rgba(var(--bg-clr-gradient-purple-indigo) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-purple-indigo) ,1);
}
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-purple-indigo) ,1);
}

.app-all-wrap[data-theme-color="gradient-black-blue"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-black-blue) ,1) rgba(var(--bg-clr-gradient-black-blue) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-black-blue"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-black-blue) ,1);
}
.app-all-wrap[data-theme-color="gradient-black-blue"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-black-blue) ,1);
}

.app-all-wrap[data-theme-color="gradient-black-gray"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-black-gray) ,1) rgba(var(--bg-clr-gradient-black-gray) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-black-gray"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-black-gray) ,1);
}
.app-all-wrap[data-theme-color="gradient-black-gray"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-black-gray) ,1);
}

.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1) rgba(var(--bg-clr-gradient-ibiza-sunset) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-ibiza-sunset) ,1);
}
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-ibiza-sunset) ,1);
}

.app-all-wrap[data-theme-color="dark-purple"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-dark-purple) ,1) rgba(var(--bg-clr-dark-purple) ,1) #fff;
}
.app-all-wrap[data-theme-color="dark-purple"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-dark-purple) ,1);
}
.app-all-wrap[data-theme-color="dark-purple"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-dark-purple) ,1);
}

.app-all-wrap[data-theme-color="purple"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-purple) ,1) rgba(var(--bg-clr-purple) ,1) #fff;
}
.app-all-wrap[data-theme-color="purple"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-purple) ,1);
}
.app-all-wrap[data-theme-color="purple"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-purple) ,1);
}

.app-all-wrap[data-theme-color="pink"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-pink) ,1) rgba(var(--bg-clr-pink) ,1) #fff;
}
.app-all-wrap[data-theme-color="pink"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-pink) ,1);
}
.app-all-wrap[data-theme-color="pink"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-pink) ,1);
}

.app-all-wrap[data-theme-color="red"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-red) ,1) rgba(var(--bg-clr-red) ,1) #fff;
}
.app-all-wrap[data-theme-color="red"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-red) ,1);
}
.app-all-wrap[data-theme-color="red"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-red) ,1);
}

.app-all-wrap[data-theme-color="orange"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-orange) ,1) rgba(var(--bg-clr-orange) ,1) #fff;
}
.app-all-wrap[data-theme-color="orange"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-orange) ,1);
}
.app-all-wrap[data-theme-color="orange"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-orange) ,1);
}

.app-all-wrap[data-theme-color="yellow"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-yellow) ,1) rgba(var(--bg-clr-yellow) ,1) #fff;
}
.app-all-wrap[data-theme-color="yellow"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-yellow) ,1);
}
.app-all-wrap[data-theme-color="yellow"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-yellow) ,1);
}

.app-all-wrap[data-theme-color="green"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-green) ,1) rgba(var(--bg-clr-green) ,1) #fff;
}
.app-all-wrap[data-theme-color="green"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-green) ,1);
}
.app-all-wrap[data-theme-color="green"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-green) ,1);
}

.app-all-wrap[data-theme-color="teal"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-teal) ,1) rgba(var(--bg-clr-teal) ,1) #fff;
}
.app-all-wrap[data-theme-color="teal"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-teal) ,1);
}
.app-all-wrap[data-theme-color="teal"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-teal) ,1);
}

.app-all-wrap[data-theme-color="cyan"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-cyan) ,1) rgba(var(--bg-clr-cyan) ,1) #fff;
}
.app-all-wrap[data-theme-color="cyan"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-cyan) ,1);
}
.app-all-wrap[data-theme-color="cyan"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-cyan) ,1);
}

.app-all-wrap[data-theme-color="gray"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gray) ,1) rgba(var(--bg-clr-gray) ,1) #fff;
}
.app-all-wrap[data-theme-color="gray"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gray) ,1);
}
.app-all-wrap[data-theme-color="gray"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gray) ,1);
}

.app-all-wrap[data-theme-color="slate-gray"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-slate-gray) ,1) rgba(var(--bg-clr-slate-gray) ,1) #fff;
}
.app-all-wrap[data-theme-color="slate-gray"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-slate-gray) ,1);
}
.app-all-wrap[data-theme-color="slate-gray"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-slate-gray) ,1);
}

.app-all-wrap[data-theme-color="blue"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-blue) ,1) rgba(var(--bg-clr-blue) ,1) #fff;
}
.app-all-wrap[data-theme-color="blue"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-blue) ,1);
}
.app-all-wrap[data-theme-color="blue"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-blue) ,1);
}

.app-all-wrap[data-theme-color="midnight-blue"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-midnight-blue) ,1) rgba(var(--bg-clr-midnight-blue) ,1) #fff;
}
.app-all-wrap[data-theme-color="midnight-blue"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-midnight-blue) ,1);
}
.app-all-wrap[data-theme-color="midnight-blue"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-midnight-blue) ,1);
}

.app-all-wrap[data-theme-color="indigo"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-indigo) ,1) rgba(var(--bg-clr-indigo) ,1) #fff;
}
.app-all-wrap[data-theme-color="indigo"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-indigo) ,1);
}
.app-all-wrap[data-theme-color="indigo"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-indigo) ,1);
}

.app-all-wrap[data-theme-color="gradient-color1"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color1) ,1) rgba(var(--bg-clr-gradient-color1) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color1"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color1) ,1);
}
.app-all-wrap[data-theme-color="gradient-color1"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color1) ,1);
}

.app-all-wrap[data-theme-color="gradient-color2"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color2) ,1) rgba(var(--bg-clr-gradient-color2) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color2"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color2) ,1);
}
.app-all-wrap[data-theme-color="gradient-color2"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color2) ,1);
}

.app-all-wrap[data-theme-color="gradient-color3"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color3) ,1) rgba(var(--bg-clr-gradient-color3) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color3"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color3) ,1);
}
.app-all-wrap[data-theme-color="gradient-color3"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color3) ,1);
}

.app-all-wrap[data-theme-color="gradient-color4"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color4) ,1) rgba(var(--bg-clr-gradient-color4) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color4"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color4) ,1);
}
.app-all-wrap[data-theme-color="gradient-color4"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color4) ,1);
}

.app-all-wrap[data-theme-color="gradient-color5"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color5) ,1) rgba(var(--bg-clr-gradient-color5) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color5"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color5) ,1);
}
.app-all-wrap[data-theme-color="gradient-color5"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color5) ,1);
}

.app-all-wrap[data-theme-color="gradient-color6"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color6) ,1) rgba(var(--bg-clr-gradient-color6) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color6"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color6) ,1);
}
.app-all-wrap[data-theme-color="gradient-color6"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color6) ,1);
}

.app-all-wrap[data-theme-color="gradient-color7"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color7) ,1) rgba(var(--bg-clr-gradient-color7) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color7"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color7) ,1);
}
.app-all-wrap[data-theme-color="gradient-color7"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color7) ,1);
}

.app-all-wrap[data-theme-color="gradient-color8"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color8) ,1) rgba(var(--bg-clr-gradient-color8) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color8"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color8) ,1);
}
.app-all-wrap[data-theme-color="gradient-color8"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color8) ,1);
}

.app-all-wrap[data-theme-color="gradient-color9"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color9) ,1) rgba(var(--bg-clr-gradient-color9) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color9"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color9) ,1);
}
.app-all-wrap[data-theme-color="gradient-color9"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color9) ,1);
}

.app-all-wrap[data-theme-color="gradient-color10"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color10) ,1) rgba(var(--bg-clr-gradient-color10) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color10"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color10) ,1);
}
.app-all-wrap[data-theme-color="gradient-color10"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color10) ,1);
}

.app-all-wrap[data-theme-color="gradient-color11"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color11) ,1) rgba(var(--bg-clr-gradient-color11) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color11"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color11) ,1);
}
.app-all-wrap[data-theme-color="gradient-color11"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color11) ,1);
}

.app-all-wrap[data-theme-color="gradient-color12"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-gradient-color12) ,1) rgba(var(--bg-clr-gradient-color12) ,1) #fff;
}
.app-all-wrap[data-theme-color="gradient-color12"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-gradient-color12) ,1);
}
.app-all-wrap[data-theme-color="gradient-color12"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-gradient-color12) ,1);
}

.app-all-wrap[data-theme-color="color7"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color7) ,1) rgba(var(--bg-clr-color7) ,1) #fff;
}
.app-all-wrap[data-theme-color="color7"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color7) ,1);
}
.app-all-wrap[data-theme-color="color7"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color7) ,1);
}

.app-all-wrap[data-theme-color="color8"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color8) ,1) rgba(var(--bg-clr-color8) ,1) #fff;
}
.app-all-wrap[data-theme-color="color8"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color8) ,1);
}
.app-all-wrap[data-theme-color="color8"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color8) ,1);
}

.app-all-wrap[data-theme-color="color9"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color9) ,1) rgba(var(--bg-clr-color9) ,1) #fff;
}
.app-all-wrap[data-theme-color="color9"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color9) ,1);
}
.app-all-wrap[data-theme-color="color9"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color9) ,1);
}

.app-all-wrap[data-theme-color="color10"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color10) ,1) rgba(var(--bg-clr-color10) ,1) #fff;
}
.app-all-wrap[data-theme-color="color10"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color10) ,1);
}
.app-all-wrap[data-theme-color="color10"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color10) ,1);
}

.app-all-wrap[data-theme-color="color11"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color11) ,1) rgba(var(--bg-clr-color11) ,1) #fff;
}
.app-all-wrap[data-theme-color="color11"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color11) ,1);
}
.app-all-wrap[data-theme-color="color11"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color11) ,1);
}

.app-all-wrap[data-theme-color="color12"] .nav-tabs .nav-item .nav-link.active {
    border-color: rgba(var(--bg-clr-color12) ,1) rgba(var(--bg-clr-color12) ,1) #fff;
}
.app-all-wrap[data-theme-color="color12"] .nav-tabs .nav-item .nav-link.active::before {
    background-color: rgba(var(--bg-clr-color12) ,1);
}
.app-all-wrap[data-theme-color="color12"] .nav-tabs {
    border-bottom: 1px solid rgba(var(--bg-clr-color12) ,1);
}

/* all buttons hover, focus, active */
.btn-success:hover, 
.btn-primary:hover, 
.btn-outline-success:hover,
.btn-outline-primary:hover {
    box-shadow: 0 8px 25px -8px #555;
}
/* .form-control:focus .multiselect.is-active */
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-purple-indigo"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-purple-indigo) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-purple-indigo), .25);
}
.app-all-wrap[data-theme-color="gradient-black-blue"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-black-blue"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-black-blue) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-black-blue), .25);
}
.app-all-wrap[data-theme-color="gradient-black-gray"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-black-gray"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-black-gray) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-black-gray), .25);
}
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-ibiza-sunset"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-ibiza-sunset) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-ibiza-sunset), .25);
}
.app-all-wrap[data-theme-color="dark-purple"] .form-control:focus,
.app-all-wrap[data-theme-color="dark-purple"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-dark-purple) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-dark-purple), .25);
}
.app-all-wrap[data-theme-color="purple"] .form-control:focus,
.app-all-wrap[data-theme-color="purple"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-purple) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-purple), .25);
}
.app-all-wrap[data-theme-color="pink"] .form-control:focus,
.app-all-wrap[data-theme-color="pink"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-pink) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-pink), .25);
}
.app-all-wrap[data-theme-color="red"] .form-control:focus,
.app-all-wrap[data-theme-color="red"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-red) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-red), .25);
}
.app-all-wrap[data-theme-color="orange"] .form-control:focus,
.app-all-wrap[data-theme-color="orange"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-orange) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-orange), .25);
}
.app-all-wrap[data-theme-color="yellow"] .form-control:focus,
.app-all-wrap[data-theme-color="yellow"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-yellow) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-yellow), .25);
}
.app-all-wrap[data-theme-color="green"] .form-control:focus,
.app-all-wrap[data-theme-color="green"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-green) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-green), .25);
}
.app-all-wrap[data-theme-color="teal"] .form-control:focus,
.app-all-wrap[data-theme-color="teal"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-teal) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-teal), .25);
}
.app-all-wrap[data-theme-color="cyan"] .form-control:focus,
.app-all-wrap[data-theme-color="cyan"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-cyan) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-cyan), .25);
}
.app-all-wrap[data-theme-color="gray"] .form-control:focus,
.app-all-wrap[data-theme-color="gray"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gray) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gray), .25);
}
.app-all-wrap[data-theme-color="slate-gray"] .form-control:focus,
.app-all-wrap[data-theme-color="slate-gray"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-slate-gray) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-slate-gray), .25);
}
.app-all-wrap[data-theme-color="blue"] .form-control:focus,
.app-all-wrap[data-theme-color="blue"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-blue) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-blue), .25);
}
.app-all-wrap[data-theme-color="midnight-blue"] .form-control:focus,
.app-all-wrap[data-theme-color="midnight-blue"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-midnight-blue) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-midnight-blue), .25);
}
.app-all-wrap[data-theme-color="indigo"] .form-control:focus,
.app-all-wrap[data-theme-color="indigo"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-indigo) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-indigo), .25);
}
.app-all-wrap[data-theme-color="gradient-color1"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color1"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color1) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color1), .25);
}
.app-all-wrap[data-theme-color="gradient-color2"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color2"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color2) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color2), .25);
}
.app-all-wrap[data-theme-color="gradient-color3"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color3"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color3) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color3), .25);
}
.app-all-wrap[data-theme-color="gradient-color4"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color4"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color4) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color4), .25);
}
.app-all-wrap[data-theme-color="gradient-color5"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color5"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color5) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color5), .25);
}
.app-all-wrap[data-theme-color="gradient-color6"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color6"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color6) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color6), .25);
}
.app-all-wrap[data-theme-color="gradient-color7"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color7"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color7) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color7), .25);
}
.app-all-wrap[data-theme-color="gradient-color8"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color8"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color8) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color8), .25);
}
.app-all-wrap[data-theme-color="gradient-color9"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color9"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color9) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color9), .25);
}
.app-all-wrap[data-theme-color="gradient-color10"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color10"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color10) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color10), .25);
}
.app-all-wrap[data-theme-color="gradient-color11"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color11"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color11) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color11), .25);
}
.app-all-wrap[data-theme-color="gradient-color12"] .form-control:focus,
.app-all-wrap[data-theme-color="gradient-color12"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-gradient-color12) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-gradient-color12), .25);
}
.app-all-wrap[data-theme-color="color7"] .form-control:focus,
.app-all-wrap[data-theme-color="color7"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color7) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color7), .25);
}
.app-all-wrap[data-theme-color="color8"] .form-control:focus,
.app-all-wrap[data-theme-color="color8"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color8) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color8), .25);
}
.app-all-wrap[data-theme-color="color9"] .form-control:focus,
.app-all-wrap[data-theme-color="color9"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color9) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color9), .25);
}
.app-all-wrap[data-theme-color="color10"] .form-control:focus,
.app-all-wrap[data-theme-color="color10"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color10) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color10), .25);
}
.app-all-wrap[data-theme-color="color11"] .form-control:focus,
.app-all-wrap[data-theme-color="color11"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color11) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color11), .25);
}
.app-all-wrap[data-theme-color="color12"] .form-control:focus,
.app-all-wrap[data-theme-color="color12"] .multiselect.is-active {
    border-color: rgba( var(--bg-clr-color12) ,1);
    box-shadow: 0 0 0 0.2rem rgba(var(--bg-clr-color12), .25);
}
/* end new update 10-2022 */