/* Colors CSS */
/* --------- */
/*------------------------------------------------------------------
[Table of contents for each color options]

- Text Color
- Background Color
- Alert
- Border
- Badges
- Buttons
- Dropdowns
- Bullet
- Pagination
- Progress bars
- Chips
- Divider
- Timeline
- Checkboxes & Radio
- Custom Switches
- Touchspin
- Scrumboard
- Select2
-------------------------------------------------------------------*/

/* CSS Custom Properties (CSS Variables) */
/* ------------------------------------ */
:root {
	--myprimary : #673AB7;
	/* White Color Palette */
	--color-white: #ffffff;
	--color-white-rgba-02: rgba(255, 255, 255, 0.2);
	--color-white-rgba-04: rgba(255, 255, 255, 0.4);
	--color-white-rgba-05: rgba(255, 255, 255, 0.5);
	--color-white-rgba-08: rgba(255, 255, 255, 0.8);
  
	/* Black Color Palette */
	--color-black: #000000;
  
	/* Dark Color Palette */
	--color-dark: #1E293B; /* M3 Dark Slate */
  
	/* Light Color Palette */
	--color-light: #CFD8DC; /* M3 Cool Gray */
  
	/* Primary Color Palette */
	--color-primary-lighten-5: #E3F2FD;
	--color-primary-lighten-4: #BBDEFB;
	--color-primary-lighten-3: #90CAF9;
	--color-primary-lighten-2: #64B5F6;
	--color-primary-lighten-1: #42A5F5;
	--color-primary: #2196F3;
	--color-primary-darken-1: #1E88E5;
	--color-primary-darken-2: #1976D2;
	--color-primary-darken-3: #1565C0;
	--color-primary-darken-4: #0D47A1;
	--color-primary-accent-1: #E1F5FE;
	--color-primary-accent-2: #B3E5FC;
	--color-primary-accent-3: #81D4FA;
	--color-primary-accent-4: #4FC3F7;
	--color-primary-light: #BBDEFB;
  
	/* Secondary Color Palette */
	--color-secondary-lighten-5: #F3E5F5;
	--color-secondary-lighten-4: #E1BEE7;
	--color-secondary-lighten-3: #CE93D8;
	--color-secondary-lighten-2: #BA68C8;
	--color-secondary-lighten-1: #AB47BC;
	--color-secondary: #9C27B0;
	--color-secondary-darken-1: #8E24AA;
	--color-secondary-darken-2: #7B1FA2;
	--color-secondary-darken-3: #6A1B9A;
	--color-secondary-darken-4: #4A148C;
	--color-secondary-light: #F3E5F5;
  
	/* Success Color Palette */
	--color-success-lighten-5: #E6F4EA;
	--color-success-lighten-4: #C3E9CC;
	--color-success-lighten-3: #9FDEAD;
	--color-success-lighten-2: #7AD58E;
	--color-success-lighten-1: #56CA6F;
	--color-success: #37BC9B; /* نزدیک به M3 Green */
	--color-success-darken-1: #2FA27F;
	--color-success-darken-2: #278864;
	--color-success-darken-3: #1F6E4A;
	--color-success-darken-4: #175430;
	--color-success-accent-1: #E0F7ED;
	--color-success-accent-2: #A8EED0;
	--color-success-accent-3: #70E5B3;
	--color-success-accent-4: #44DB9A;
	--color-success-light: #D2F9E3;
  
	/* Info Color Palette */
	--color-info-lighten-5: #E0F7FA;
	--color-info-lighten-4: #B2EBF2;
	--color-info-lighten-3: #80DEEA;
	--color-info-lighten-2: #4DD0E1;
	--color-info-lighten-1: #26C6DA;
	--color-info: #00BCD4;
	--color-info-darken-1: #00ACC1;
	--color-info-darken-2: #0097A7;
	--color-info-darken-3: #00838F;
	--color-info-darken-4: #006064;
	--color-info-accent-1: #E0F7FA;
	--color-info-accent-2: #B2EBF2;
	--color-info-accent-3: #80DEEA;
	--color-info-accent-4: #4DD0E1;
	--color-info-light: #CCF5F8;
  
	/* Warning Color Palette */
	--color-warning-lighten-5: #FFF8E1;
	--color-warning-lighten-4: #FFECB3;
	--color-warning-lighten-3: #FFE082;
	--color-warning-lighten-2: #FFD54F;
	--color-warning-lighten-1: #FFCA28;
	--color-warning: #FFC107;
	--color-warning-darken-1: #FFB300;
	--color-warning-darken-2: #FFA000;
	--color-warning-darken-3: #FF8F00;
	--color-warning-darken-4: #FF6F00;
	--color-warning-accent-1: #FFFDE7;
	--color-warning-accent-2: #FFF9C4;
	--color-warning-accent-3: #FFF59D;
	--color-warning-accent-4: #FFF176;
	--color-warning-light: #FFF8E1;
  
	/* Danger Color Palette */
	--color-danger-lighten-5: #FFEBEE;
	--color-danger-lighten-4: #FFCDD2;
	--color-danger-lighten-3: #EF9A9A;
	--color-danger-lighten-2: #E57373;
	--color-danger-lighten-1: #EF5350;
	--color-danger: #F44336;
	--color-danger-darken-1: #E53935;
	--color-danger-darken-2: #D32F2F;
	--color-danger-darken-3: #C62828;
	--color-danger-darken-4: #B71C1C;
	--color-danger-accent-1: #FFEBEE;
	--color-danger-accent-2: #FFCDD2;
	--color-danger-accent-3: #EF9A9A;
	--color-danger-accent-4: #E57373;
	--color-danger-light: #FFCDD2;
  }
  
/* white Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.white {
	color: var(--color-white) !important;
}

/* text with light white */
.text-light-white {
	color: var(--color-white-rgba-02) !important;
}

/* Background color */
/* ---------------- */
.bg-white {
	background-color: var(--color-white) !important;
}

.bg-white .card-header,
.bg-white .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-white {
	background: var(--color-white-rgba-02) !important;
}

.bg-rgba-white.alert {
	color: var(--color-white);
}

.bg-rgba-white.alert.alert-dismissible .close {
	color: var(--color-white);
}

/* Alert white */
/* ---------------- */
.alert.alert-white {
	background: var(--color-white) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 var(--color-white-rgba-04);
	border: none;
}

/* Border white */
/* ---------------- */
.border-white {
	border: 1px solid var(--color-white) !important;
}

.border-white.alert {
	color: var(--color-white);
}

.border-white.alert.alert-dismissible .close {
	color: var(--color-white);
}

.border-top-white {
	border-top: 1px solid var(--color-white);
}

.border-bottom-white {
	border-bottom: 1px solid var(--color-white);
}

.border-left-white {
	border-right: 1px solid var(--color-white);
}

.border-right-white {
	border-left: 1px solid var(--color-white);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-white .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-white) !important;
}

/* Badges */
/* ------ */
.badge.badge-white {
	background-color: var(--color-white);
}

.badge.badge-light-white {
	color: var(--color-white) !important;
}

.badge.bg-white.badge-glow,
.badge.border-white.badge-glow,
.badge.badge-white.badge-glow {
	box-shadow: 0 0 10px var(--color-white);
}

.badge-circle-white {
	background-color: var(--color-white);
}

.badge-circle-light-white {
	color: var(--color-white);
}

.overlay-white {
	background: var(--color-white);
	background: var(--color-white-rgba-02);
}

/* Basic buttons */
/* ------------- */
.btn-white {
	background-color: var(--color-white) !important;
	color: var(--color-white);
}

.btn-white:hover,
.btn-white.hover {
	color: var(--color-white);
}

.btn-white:hover.glow,
.btn-white.hover.glow {
	box-shadow: 0 4px 12px 0 var(--color-white-rgba-02) !important;
}

.btn-white:focus,
.btn-white:active,
.btn-white.active {
	color: var(--color-white) !important;
}

.btn-white.glow {
	box-shadow: 0 2px 4px 0 var(--color-white-rgba-05) !important;
}

.btn-white:disabled,
.btn-white.disabled {
	color: var(--color-white) !important;
}

.btn-light-white {
	color: var(--color-white) !important;
}

.btn-light-white:hover,
.btn-light-white.hover {
	color: var(--color-white) !important;
}

.btn-light-white:active,
.btn-light-white.active {
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-white {
	border: 1px solid var(--color-white);
	background-color: transparent;
	color: var(--color-white) !important;
}

.btn-outline-white:hover,
.btn-outline-white.hover {
	color: var(--color-white) !important;
}

.btn-outline-white:active,
.btn-outline-white.active {
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-white~.dropdown-menu .dropdown-item.active,
.btn-outline-white~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-white);
	color: var(--color-white);
}

.btn-white~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-white~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-white~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-white~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet white */
.bullet.bullet-white {
	background-color: var(--color-white);
}

/* For Pagination */
/* -------------- */
.pagination-white .page-item.active .page-link,
.pagination-white .page-item.active .page-link:hover {
	background: var(--color-white) !important;
	color: var(--color-white);
}

.pagination-white .page-item.previous .page-link,
.pagination-white .page-item.next .page-link {
	color: var(--color-white);
}

.pagination-white .page-item.previous .page-link:hover,
.pagination-white .page-item.next .page-link:hover {
	background: var(--color-white);
}

/* Progress Bars white */
/* ---------------------- */
.progress-bar-white .progress-bar {
	background-color: var(--color-white);
	box-shadow: 0 2px 6px 0 var(--color-white-rgba-02);
}

/* Chips white */
/* ---------------- */
.chip-white {
	background-color: var(--color-white) !important;
}

.chip-white .chip-body {
	color: var(--color-white) !important;
}

/* Divider white */
/* ---------------*/
.divider.divider-white .divider-text:before,
.divider.divider-white .divider-text:after {
	border-color: var(--color-white) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-white:before {
	background: var(--color-white) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-white+.custom-control-label:before,
input[type='radio'].bg-white+.custom-control-label:before {
	background-color: var(--color-white) !important;
}

.checkbox.checkbox-white input:checked~label::before,
.checkbox.radio-white input:checked~label::before,
.radio.checkbox-white input:checked~label::before,
.radio.radio-white input:checked~label::before {
	background-color: var(--color-white);
	border-color: var(--color-white);
}

.checkbox.checkbox-white.checkbox-glow input:checked~label::before,
.checkbox.checkbox-white.radio-glow input:checked~label::before,
.checkbox.radio-white.checkbox-glow input:checked~label::before,
.checkbox.radio-white.radio-glow input:checked~label::before,
.radio.checkbox-white.checkbox-glow input:checked~label::before,
.radio.checkbox-white.radio-glow input:checked~label::before,
.radio.radio-white.checkbox-glow input:checked~label::before,
.radio.radio-white.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 var(--color-white-rgba-02);
}

.checkbox.checkbox-white.checkbox-icon label i,
.checkbox.radio-white.checkbox-icon label i,
.radio.checkbox-white.checkbox-icon label i,
.radio.radio-white.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-white label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-white input:checked~label::after {
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-white .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-white) !important;
	color: var(--color-primary);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-white.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 var(--color-white-rgba-08) !important;
}

.custom-switch-white .custom-control-input:checked~.custom-control-label::after {
	background-color: var(--color-primary) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-white,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-white {
	box-shadow: 0 0 8px 0 var(--color-white-rgba-08);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=white]:before {
	background-color: var(--color-white);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-white);
}

/* Select2 white */
/* ---------------*/
select.select-light-white~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-white~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	color: var(--color-white) !important;
}

/* black Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.black {
	color: var(--color-black) !important;
}

/* text with light black */
.text-light-black {
	color: var(--color-white-rgba-02) !important;
}

/* Background color */
/* ---------------- */
.bg-black {
	background-color: var(--color-black) !important;
}

.bg-black .card-header,
.bg-black .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-black {
	background: rgba(0, 0, 0, 0.2) !important;
}

.bg-rgba-black.alert {
	color: var(--color-black);
}

.bg-rgba-black.alert.alert-dismissible .close {
	color: var(--color-black);
}

/* Alert black */
/* ---------------- */
.alert.alert-black {
	background: var(--color-black) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.4);
	border: none;
}

/* Border black */
/* ---------------- */
.border-black {
	border: 1px solid var(--color-black) !important;
}

.border-black.alert {
	color: var(--color-black);
}

.border-black.alert.alert-dismissible .close {
	color: var(--color-black);
}

.border-top-black {
	border-top: 1px solid var(--color-black);
}

.border-bottom-black {
	border-bottom: 1px solid var(--color-black);
}

.border-left-black {
	border-right: 1px solid var(--color-black);
}

.border-right-black {
	border-left: 1px solid var(--color-black);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-black .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-black) !important;
}

/* Badges */
/* ------ */
.badge.badge-black {
	background-color: var(--color-black);
}

.badge.badge-light-black {
	color: var(--color-black) !important;
}

.badge.bg-black.badge-glow,
.badge.border-black.badge-glow,
.badge.badge-black.badge-glow {
	box-shadow: 0 0 10px var(--color-black);
}

.badge-circle-black {
	background-color: var(--color-black);
}

.badge-circle-light-black {
	color: var(--color-black);
}

.overlay-black {
	background: var(--color-black);
	background: rgba(0, 0, 0, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-black {
	background-color: var(--color-black) !important;
	color: var(--color-white);
}

.btn-black:hover,
.btn-black.hover {
	color: var(--color-white);
}

.btn-black:hover.glow,
.btn-black.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.6) !important;
}

.btn-black:focus,
.btn-black:active,
.btn-black.active {
	color: var(--color-white) !important;
}

.btn-black.glow {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
}

.btn-black:disabled,
.btn-black.disabled {
	color: var(--color-white) !important;
}

.btn-light-black {
	color: var(--color-black) !important;
}

.btn-light-black:hover,
.btn-light-black.hover {
	color: var(--color-white) !important;
}

.btn-light-black:active,
.btn-light-black.active {
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-black {
	border: 1px solid var(--color-black);
	background-color: transparent;
	color: var(--color-black) !important;
}

.btn-outline-black:hover,
.btn-outline-black.hover {
	color: var(--color-white) !important;
}

.btn-outline-black:active,
.btn-outline-black.active {
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-black~.dropdown-menu .dropdown-item.active,
.btn-outline-black~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-black);
	color: var(--color-white);
}

.btn-black~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-black~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-black);
}

.dropdown.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-black~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-black~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet black */
.bullet.bullet-black {
	background-color: var(--color-black);
}

/* For Pagination */
/* -------------- */
.pagination-black .page-item.active .page-link,
.pagination-black .page-item.active .page-link:hover {
	background: var(--color-black) !important;
	color: var(--color-white);
}

.pagination-black .page-item.previous .page-link,
.pagination-black .page-item.next .page-link {
	color: var(--color-black);
}

.pagination-black .page-item.previous .page-link:hover,
.pagination-black .page-item.next .page-link:hover {
	background: var(--color-black);
}

/* Progress Bars black */
/* ---------------------- */
.progress-bar-black .progress-bar {
	background-color: var(--color-black);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.6);
}

/* Chips black */
/* ---------------- */
.chip-black {
	background-color: var(--color-black) !important;
}

.chip-black .chip-body {
	color: var(--color-white) !important;
}

/* Divider black */
/* ---------------*/
.divider.divider-black .divider-text:before,
.divider.divider-black .divider-text:after {
	border-color: var(--color-black) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-black:before {
	background: var(--color-black) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-black+.custom-control-label:before,
input[type='radio'].bg-black+.custom-control-label:before {
	background-color: var(--color-black) !important;
}

.checkbox.checkbox-black input:checked~label::before,
.checkbox.radio-black input:checked~label::before,
.radio.checkbox-black input:checked~label::before,
.radio.radio-black input:checked~label::before {
	background-color: var(--color-black);
	border-color: var(--color-black);
}

.checkbox.checkbox-black input:checked~label::after,
.checkbox.radio-black input:checked~label::after,
.radio.checkbox-black input:checked~label::after,
.radio.radio-black input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-black.checkbox-glow input:checked~label::before,
.checkbox.checkbox-black.radio-glow input:checked~label::before,
.checkbox.radio-black.checkbox-glow input:checked~label::before,
.checkbox.radio-black.radio-glow input:checked~label::before,
.radio.checkbox-black.checkbox-glow input:checked~label::before,
.radio.checkbox-black.radio-glow input:checked~label::before,
.radio.radio-black.checkbox-glow input:checked~label::before,
.radio.radio-black.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
}

.checkbox.checkbox-black.checkbox-icon label i,
.checkbox.radio-black.checkbox-icon label i,
.radio.checkbox-black.checkbox-icon label i,
.radio.radio-black.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-black label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-black input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-black .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-black) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-black.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-black,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-black {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=black]:before {
	background-color: var(--color-black);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-black);
}

/* Select2 black */
/* ---------------*/
select.select-light-black~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-black~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	color: var(--color-black) !important;
}

/* dark Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.dark {
	color: var(--color-dark) !important;
}

/* text with light dark */
.text-light-dark {
	color: rgba(57, 76, 98, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-dark {
	background-color: var(--color-dark) !important;
}

.bg-dark .card-header,
.bg-dark .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-dark {
	background: rgba(57, 76, 98, 0.2) !important;
}

.bg-rgba-dark.alert {
	color: var(--color-dark);
}

.bg-rgba-dark.alert.alert-dismissible .close {
	color: var(--color-dark);
}

/* Alert dark */
/* ---------------- */
.alert.alert-dark {
	background: var(--color-dark) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(57, 76, 98, 0.4);
	border: none;
}

/* Border dark */
/* ---------------- */
.border-dark {
	border: 1px solid var(--color-dark) !important;
}

.border-dark.alert {
	color: var(--color-dark);
}

.border-dark.alert.alert-dismissible .close {
	color: var(--color-dark);
}

.border-top-dark {
	border-top: 1px solid var(--color-dark);
}

.border-bottom-dark {
	border-bottom: 1px solid var(--color-dark);
}

.border-left-dark {
	border-right: 1px solid var(--color-dark);
}

.border-right-dark {
	border-left: 1px solid var(--color-dark);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-dark .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-dark) !important;
}

/* Badges */
/* ------ */
.badge.badge-dark {
	background-color: var(--color-dark);
}

.badge.badge-light-dark {
	color: var(--color-dark) !important;
}

.badge.bg-dark.badge-glow,
.badge.border-dark.badge-glow,
.badge.badge-dark.badge-glow {
	box-shadow: 0 0 10px var(--color-dark);
}

.badge-circle-dark {
	background-color: var(--color-dark);
}

.badge-circle-light-dark {
	color: var(--color-dark);
}

.overlay-dark {
	background: var(--color-dark);
	background: rgba(57, 76, 98, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-dark {
	background-color: var(--color-dark) !important;
	color: var(--color-white);
}

.btn-dark:hover,
.btn-dark.hover {
	color: var(--color-white);
}

.btn-dark:hover.glow,
.btn-dark.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(57, 76, 98, 0.6) !important;
}

.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
	color: var(--color-white) !important;
}

.btn-dark.glow {
	box-shadow: 0 2px 4px 0 rgba(57, 76, 98, 0.5) !important;
}

.btn-dark:disabled,
.btn-dark.disabled {
	color: var(--color-white) !important;
}

.btn-light-dark {
	color: var(--color-dark) !important;
}

.btn-light-dark:hover,
.btn-light-dark.hover {
	color: var(--color-white) !important;
}

.btn-light-dark:active,
.btn-light-dark.active {
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-dark {
	border: 1px solid var(--color-dark);
	background-color: transparent;
	color: var(--color-dark) !important;
}

.btn-outline-dark:hover,
.btn-outline-dark.hover {
	color: var(--color-white) !important;
}

.btn-outline-dark:active,
.btn-outline-dark.active {
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-dark~.dropdown-menu .dropdown-item.active,
.btn-outline-dark~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-dark);
	color: var(--color-white);
}

.btn-dark~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-dark~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-dark);
}

.dropdown.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-dark~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet dark */
.bullet.bullet-dark {
	background-color: var(--color-dark);
}

/* For Pagination */
/* -------------- */
.pagination-dark .page-item.active .page-link,
.pagination-dark .page-item.active .page-link:hover {
	background: var(--color-dark) !important;
	color: var(--color-white);
}

.pagination-dark .page-item.previous .page-link,
.pagination-dark .page-item.next .page-link {
	color: var(--color-dark);
}

.pagination-dark .page-item.previous .page-link:hover,
.pagination-dark .page-item.next .page-link:hover {
	background: var(--color-dark);
}

/* Progress Bars dark */
/* ---------------------- */
.progress-bar-dark .progress-bar {
	background-color: var(--color-dark);
	box-shadow: 0 2px 6px 0 rgba(57, 76, 98, 0.6);
}

/* Chips dark */
/* ---------------- */
.chip-dark {
	background-color: var(--color-dark) !important;
}

.chip-dark .chip-body {
	color: var(--color-white) !important;
}

/* Divider dark */
/* ---------------*/
.divider.divider-dark .divider-text:before,
.divider.divider-dark .divider-text:after {
	border-color: var(--color-dark) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-dark:before {
	background: var(--color-dark) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-dark+.custom-control-label:before,
input[type='radio'].bg-dark+.custom-control-label:before {
	background-color: var(--color-dark) !important;
}

.checkbox.checkbox-dark input:checked~label::before,
.checkbox.radio-dark input:checked~label::before,
.radio.checkbox-dark input:checked~label::before,
.radio.radio-dark input:checked~label::before {
	background-color: var(--color-dark);
	border-color: var(--color-dark);
}

.checkbox.checkbox-dark input:checked~label::after,
.checkbox.radio-dark input:checked~label::after,
.radio.checkbox-dark input:checked~label::after,
.radio.radio-dark input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-dark.checkbox-glow input:checked~label::before,
.checkbox.checkbox-dark.radio-glow input:checked~label::before,
.checkbox.radio-dark.checkbox-glow input:checked~label::before,
.checkbox.radio-dark.radio-glow input:checked~label::before,
.radio.checkbox-dark.checkbox-glow input:checked~label::before,
.radio.checkbox-dark.radio-glow input:checked~label::before,
.radio.radio-dark.checkbox-glow input:checked~label::before,
.radio.radio-dark.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(57, 76, 98, 0.7);
}

.checkbox.checkbox-dark.checkbox-icon label i,
.checkbox.radio-dark.checkbox-icon label i,
.radio.checkbox-dark.checkbox-icon label i,
.radio.radio-dark.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-dark label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-dark input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-dark .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-dark) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-dark.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(57, 76, 98, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-dark,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-dark {
	box-shadow: 0 0 8px 0 rgba(57, 76, 98, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=dark]:before {
	background-color: var(--color-dark);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-dark);
}

/* Select2 dark */
/* ---------------*/
select.select-light-dark~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-dark~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	color: var(--color-dark) !important;
}

/* light Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.light {
	color: var(--color-light) !important;
}

/* text with light light */
.text-light-light {
	color: rgba(163, 175, 189, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-light {
	background-color: var(--color-light) !important;
}

.bg-light .card-header,
.bg-light .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-light {
	background: rgba(163, 175, 189, 0.2) !important;
}

.bg-rgba-light.alert {
	color: var(--color-light);
}

.bg-rgba-light.alert.alert-dismissible .close {
	color: var(--color-light);
}

/* Alert light */
/* ---------------- */
.alert.alert-light {
	background: var(--color-light) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(163, 175, 189, 0.4);
	border: none;
}

/* Border light */
/* ---------------- */
.border-light {
	border: 1px solid var(--color-light) !important;
}

.border-light.alert {
	color: var(--color-light);
}

.border-light.alert.alert-dismissible .close {
	color: var(--color-light);
}

.border-top-light {
	border-top: 1px solid var(--color-light);
}

.border-bottom-light {
	border-bottom: 1px solid var(--color-light);
}

.border-left-light {
	border-right: 1px solid var(--color-light);
}

.border-right-light {
	border-left: 1px solid var(--color-light);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-light .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-light) !important;
}

/* Badges */
/* ------ */
.badge.badge-light {
	background-color: var(--color-light);
}

.badge.badge-light-light {
	color: var(--color-light) !important;
}

.badge.bg-light.badge-glow,
.badge.border-light.badge-glow,
.badge.badge-light.badge-glow {
	box-shadow: 0 0 10px var(--color-light);
}

.badge-circle-light {
	background-color: var(--color-light);
}

.badge-circle-light-light {
	color: var(--color-light);
}

.overlay-light {
	background: var(--color-light);
	background: rgba(163, 175, 189, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-light {
	background-color: var(--color-light) !important;
	color: var(--color-white);
}

.btn-light:hover,
.btn-light.hover {
	color: var(--color-white);
}

.btn-light:hover.glow,
.btn-light.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(163, 175, 189, 0.6) !important;
}

.btn-light:focus,
.btn-light:active,
.btn-light.active {
	color: var(--color-white) !important;
}

.btn-light.glow {
	box-shadow: 0 2px 4px 0 rgba(163, 175, 189, 0.5) !important;
}

.btn-light:disabled,
.btn-light.disabled {
	color: var(--color-white) !important;
}

.btn-light-light {
	color: var(--color-light) !important;
}

.btn-light-light:hover,
.btn-light-light.hover {
	color: var(--color-white) !important;
}

.btn-light-light:active,
.btn-light-light.active {
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-light {
	border: 1px solid var(--color-light);
	background-color: transparent;
	color: var(--color-light) !important;
}

.btn-outline-light:hover,
.btn-outline-light.hover {
	color: var(--color-white) !important;
}

.btn-outline-light:active,
.btn-outline-light.active {
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-light~.dropdown-menu .dropdown-item.active,
.btn-outline-light~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-light);
	color: var(--color-white);
}

.btn-light~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-light~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-light);
}

.dropdown.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-light~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-light~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet light */
.bullet.bullet-light {
	background-color: var(--color-light);
}

/* For Pagination */
/* -------------- */
.pagination-light .page-item.active .page-link,
.pagination-light .page-item.active .page-link:hover {
	background: var(--color-light) !important;
	color: var(--color-white);
}

.pagination-light .page-item.previous .page-link,
.pagination-light .page-item.next .page-link {
	color: var(--color-light);
}

.pagination-light .page-item.previous .page-link:hover,
.pagination-light .page-item.next .page-link:hover {
	background: var(--color-light);
}

/* Progress Bars light */
/* ---------------------- */
.progress-bar-light .progress-bar {
	background-color: var(--color-light);
	box-shadow: 0 2px 6px 0 rgba(163, 175, 189, 0.6);
}

/* Chips light */
/* ---------------- */
.chip-light {
	background-color: var(--color-light) !important;
}

.chip-light .chip-body {
	color: var(--color-white) !important;
}

/* Divider light */
/* ---------------*/
.divider.divider-light .divider-text:before,
.divider.divider-light .divider-text:after {
	border-color: var(--color-light) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-light:before {
	background: var(--color-light) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-light+.custom-control-label:before,
input[type='radio'].bg-light+.custom-control-label:before {
	background-color: var(--color-light) !important;
}

.checkbox.checkbox-light input:checked~label::before,
.checkbox.radio-light input:checked~label::before,
.radio.checkbox-light input:checked~label::before,
.radio.radio-light input:checked~label::before {
	background-color: var(--color-light);
	border-color: var(--color-light);
}

.checkbox.checkbox-light input:checked~label::after,
.checkbox.radio-light input:checked~label::after,
.radio.checkbox-light input:checked~label::after,
.radio.radio-light input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-light.checkbox-glow input:checked~label::before,
.checkbox.checkbox-light.radio-glow input:checked~label::before,
.checkbox.radio-light.checkbox-glow input:checked~label::before,
.checkbox.radio-light.radio-glow input:checked~label::before,
.radio.checkbox-light.checkbox-glow input:checked~label::before,
.radio.checkbox-light.radio-glow input:checked~label::before,
.radio.radio-light.checkbox-glow input:checked~label::before,
.radio.radio-light.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(163, 175, 189, 0.7);
}

.checkbox.checkbox-light.checkbox-icon label i,
.checkbox.radio-light.checkbox-icon label i,
.radio.checkbox-light.checkbox-icon label i,
.radio.radio-light.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-light label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-light input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-light .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-light) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-light.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(163, 175, 189, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-light,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-light {
	box-shadow: 0 0 8px 0 rgba(163, 175, 189, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=light]:before {
	background-color: var(--color-light);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-light);
}

/* Select2 light */
/* ---------------*/
select.select-light-light~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-light~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	color: var(--color-light) !important;
}

.primary.lighten-5 {
	color: var(--color-primary-lighten-5) !important;
}

.bg-primary.bg-lighten-5 {
	background-color: var(--color-primary-lighten-5) !important;
}

.btn-primary.btn-lighten-5 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-lighten-5) !important;
}

.btn-primary.btn-lighten-5:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-lighten-5:focus,
.btn-primary.btn-lighten-5:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-lighten-5 {
	border-color: var(--color-primary-lighten-5) !important;
	color: var(--color-primary-lighten-5) !important;
}

.btn-outline-primary.btn-outline-lighten-5:hover {
	background-color: var(--color-primary-lighten-5) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-lighten-5) !important;
}

.border-primary.border-lighten-5 {
	border: 1px solid var(--color-primary-lighten-5) !important;
}

.border-top-primary.border-top-lighten-5 {
	border-top: 1px solid var(--color-primary-lighten-5) !important;
}

.border-bottom-primary.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-primary-lighten-5) !important;
}

.border-left-primary.border-left-lighten-5 {
	border-right: 1px solid var(--color-primary-lighten-5) !important;
}

.border-right-primary.border-right-lighten-5 {
	border-left: 1px solid var(--color-primary-lighten-5) !important;
}

.overlay-primary.overlay-lighten-5 {
	background: var(--color-primary-lighten-5);
	background: rgba(206, 221, 250, 0.6);
}

.primary.lighten-4 {
	color: var(--color-primary-lighten-4) !important;
}

.bg-primary.bg-lighten-4 {
	background-color: var(--color-primary-lighten-4) !important;
}

.btn-primary.btn-lighten-4 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-lighten-4) !important;
}

.btn-primary.btn-lighten-4:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-lighten-4:focus,
.btn-primary.btn-lighten-4:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-lighten-4 {
	border-color: var(--color-primary-lighten-4) !important;
	color: var(--color-primary-lighten-4) !important;
}

.btn-outline-primary.btn-outline-lighten-4:hover {
	background-color: var(--color-primary-lighten-4) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-lighten-4) !important;
}

.border-primary.border-lighten-4 {
	border: 1px solid var(--color-primary-lighten-4) !important;
}

.border-top-primary.border-top-lighten-4 {
	border-top: 1px solid var(--color-primary-lighten-4) !important;
}

.border-bottom-primary.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-primary-lighten-4) !important;
}

.border-left-primary.border-left-lighten-4 {
	border-right: 1px solid var(--color-primary-lighten-4) !important;
}

.border-right-primary.border-right-lighten-4 {
	border-left: 1px solid var(--color-primary-lighten-4) !important;
}

.overlay-primary.overlay-lighten-4 {
	background: var(--color-primary-lighten-4);
	background: rgba(182, 205, 248, 0.6);
}

.primary.lighten-3 {
	color: var(--color-primary-lighten-3) !important;
}

.bg-primary.bg-lighten-3 {
	background-color: var(--color-primary-lighten-3) !important;
}

.btn-primary.btn-lighten-3 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-lighten-3) !important;
}

.btn-primary.btn-lighten-3:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-lighten-3:focus,
.btn-primary.btn-lighten-3:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-lighten-3 {
	border-color: var(--color-primary-lighten-3) !important;
	color: var(--color-primary-lighten-3) !important;
}

.btn-outline-primary.btn-outline-lighten-3:hover {
	background-color: var(--color-primary-lighten-3) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-lighten-3) !important;
}

.border-primary.border-lighten-3 {
	border: 1px solid var(--color-primary-lighten-3) !important;
}

.border-top-primary.border-top-lighten-3 {
	border-top: 1px solid var(--color-primary-lighten-3) !important;
}

.border-bottom-primary.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-primary-lighten-3) !important;
}

.border-left-primary.border-left-lighten-3 {
	border-right: 1px solid var(--color-primary-lighten-3) !important;
}

.border-right-primary.border-right-lighten-3 {
	border-left: 1px solid var(--color-primary-lighten-3) !important;
}

.overlay-primary.overlay-lighten-3 {
	background: var(--color-primary-lighten-3);
	background: rgba(159, 189, 245, 0.6);
}

.primary.lighten-2 {
	color: var(--color-primary-lighten-2) !important;
}

.bg-primary.bg-lighten-2 {
	background-color: var(--color-primary-lighten-2) !important;
}

.btn-primary.btn-lighten-2 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-lighten-2) !important;
}

.btn-primary.btn-lighten-2:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-lighten-2:focus,
.btn-primary.btn-lighten-2:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-lighten-2 {
	border-color: var(--color-primary-lighten-2) !important;
	color: var(--color-primary-lighten-2) !important;
}

.btn-outline-primary.btn-outline-lighten-2:hover {
	background-color: var(--color-primary-lighten-2) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-lighten-2) !important;
}

.border-primary.border-lighten-2 {
	border: 1px solid var(--color-primary-lighten-2) !important;
}

.border-top-primary.border-top-lighten-2 {
	border-top: 1px solid var(--color-primary-lighten-2) !important;
}

.border-bottom-primary.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-primary-lighten-2) !important;
}

.border-left-primary.border-left-lighten-2 {
	border-right: 1px solid var(--color-primary-lighten-2) !important;
}

.border-right-primary.border-right-lighten-2 {
	border-left: 1px solid var(--color-primary-lighten-2) !important;
}

.overlay-primary.overlay-lighten-2 {
	background: var(--color-primary-lighten-2);
	background: rgba(136, 173, 243, 0.6);
}

.primary.lighten-1 {
	color: var(--color-primary-lighten-1) !important;
}

.bg-primary.bg-lighten-1 {
	background-color: var(--color-primary-lighten-1) !important;
}

.btn-primary.btn-lighten-1 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-lighten-1) !important;
}

.btn-primary.btn-lighten-1:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-lighten-1:focus,
.btn-primary.btn-lighten-1:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-lighten-1 {
	border-color: var(--color-primary-lighten-1) !important;
	color: var(--color-primary-lighten-1) !important;
}

.btn-outline-primary.btn-outline-lighten-1:hover {
	background-color: var(--color-primary-lighten-1) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-lighten-1) !important;
}

.border-primary.border-lighten-1 {
	border: 1px solid var(--color-primary-lighten-1) !important;
}

.border-top-primary.border-top-lighten-1 {
	border-top: 1px solid var(--color-primary-lighten-1) !important;
}

.border-bottom-primary.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-primary-lighten-1) !important;
}

.border-left-primary.border-left-lighten-1 {
	border-right: 1px solid var(--color-primary-lighten-1) !important;
}

.border-right-primary.border-right-lighten-1 {
	border-left: 1px solid var(--color-primary-lighten-1) !important;
}

.overlay-primary.overlay-lighten-1 {
	background: var(--color-primary-lighten-1);
	background: rgba(113, 157, 240, 0.6);
}

/* primary Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.primary {
	color: var(--color-primary) !important;
}

/* text with light primary */
.text-light-primary {
	color: var(--color-primary-lighten-5) !important;
}

/* Background color */
/* ---------------- */
.bg-primary {
	background-color: var(--color-primary) !important;
}

.bg-primary .card-header,
.bg-primary .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-primary {
	background: var(--color-primary-lighten-5) !important;
}

.bg-rgba-primary.alert {
	color: var(--color-primary);
}

.bg-rgba-primary.alert.alert-dismissible .close {
	color: var(--color-primary);
}

/* Alert primary */
/* ---------------- */
.alert.alert-primary {
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 var(--color-primary-lighten-5);
	border: none;
}

/* Border primary */
/* ---------------- */
.border-primary {
	border: 1px solid var(--color-primary) !important;
}

.border-primary .select2-selection__arrow b {
	border-color: var(--color-primary-darken-2) !important;
}

.border-primary.alert {
	color: var(--color-primary);
}

.border-primary.alert.alert-dismissible .close {
	color: var(--color-primary);
}

.border-top-primary {
	border-top: 1px solid var(--color-primary);
}

.border-bottom-primary {
	border-bottom: 1px solid var(--color-primary);
}

.border-left-primary {
	border-right: 1px solid var(--color-primary);
}

.border-right-primary {
	border-left: 1px solid var(--color-primary);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-primary .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-primary) !important;
}

/* Badges */
/* ------ */
.badge.badge-primary {
	background-color: var(--color-primary);
}

.badge.badge-light-primary {
	background-color: var(--color-primary-light);
	color: var(--color-primary) !important;
}

.badge.bg-primary.badge-glow,
.badge.border-primary.badge-glow,
.badge.badge-primary.badge-glow {
	box-shadow: 0 0 10px var(--color-primary);
}

.badge-circle-primary {
	background-color: var(--color-primary);
}

.badge-circle-light-primary {
	background-color: var(--color-primary-light);
	color: var(--color-primary);
}

.overlay-primary {
	background: var(--color-primary);
	background: var(--color-primary-lighten-5);
}

/* Basic buttons */
/* ------------- */
.btn-primary {
	border-color: var(--color-primary) !important;
	background-color: var(--color-primary) !important;
	color: var(--color-white);
}

.btn-primary:hover,
.btn-primary.hover {
	background-color: var(--myprimary) !important;
	color: var(--color-white);
}

.btn-primary:hover.glow,
.btn-primary.hover.glow {
	box-shadow: 0 4px 12px 0 var(--color-primary-lighten-5) !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--color-primary-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-primary.glow {
	box-shadow: 0 2px 4px 0 var(--color-primary-lighten-5) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
	color: var(--color-white) !important;
}

.btn-light-primary {
	background-color: var(--color-primary-light);
	color: var(--color-primary) !important;
}

.btn-light-primary:hover,
.btn-light-primary.hover {
	background-color: var(--color-primary-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-primary:active,
.btn-light-primary.active {
	background-color: var(--color-primary-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-primary {
	border: 1px solid var(--color-primary);
	background-color: transparent;
	color: var(--color-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary.hover {
	background-color: var(--color-primary-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
	background-color: var(--color-primary-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-primary~.dropdown-menu .dropdown-item.active,
.btn-outline-primary~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.btn-primary~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-primary);
}

.dropdown.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet primary */
.bullet.bullet-primary {
	background-color: var(--color-primary);
}

/* For Pagination */
/* -------------- */
.pagination-primary .page-item.active .page-link,
.pagination-primary .page-item.active .page-link:hover {
	background: var(--color-primary) !important;
	color: var(--color-white);
}

.pagination-primary .page-item .page-link:hover {
	background-color: var(--color-primary-light) !important;
}

.pagination-primary .page-item.previous .page-link,
.pagination-primary .page-item.next .page-link {
	color: var(--color-primary);
}

.pagination-primary .page-item.previous .page-link:hover,
.pagination-primary .page-item.next .page-link:hover {
	background: var(--color-primary);
}

/* Progress Bars primary */
/* ---------------------- */
.progress-bar-primary .progress-bar {
	background-color: var(--color-primary);
	box-shadow: 0 2px 6px 0 rgba(90, 141, 238, 0.6);
}

/* Chips primary */
/* ---------------- */
.chip-primary {
	background-color: var(--color-primary) !important;
}

.chip-primary .chip-body {
	color: var(--color-white) !important;
}

/* Divider primary */
/* ---------------*/
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
	border-color: var(--color-primary) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-primary:before {
	background: var(--color-primary) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-primary+.custom-control-label:before,
input[type='radio'].bg-primary+.custom-control-label:before {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary-darken-2) !important;
}

.checkbox.checkbox-primary input:checked~label::before,
.checkbox.radio-primary input:checked~label::before,
.radio.checkbox-primary input:checked~label::before,
.radio.radio-primary input:checked~label::before {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.checkbox.checkbox-primary input:checked~label::after,
.checkbox.radio-primary input:checked~label::after,
.radio.checkbox-primary input:checked~label::after,
.radio.radio-primary input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-primary.checkbox-glow input:checked~label::before,
.checkbox.checkbox-primary.radio-glow input:checked~label::before,
.checkbox.radio-primary.checkbox-glow input:checked~label::before,
.checkbox.radio-primary.radio-glow input:checked~label::before,
.radio.checkbox-primary.checkbox-glow input:checked~label::before,
.radio.checkbox-primary.radio-glow input:checked~label::before,
.radio.radio-primary.checkbox-glow input:checked~label::before,
.radio.radio-primary.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(90, 141, 238, 0.7);
}

.checkbox.checkbox-primary.checkbox-icon label i,
.checkbox.radio-primary.checkbox-icon label i,
.radio.checkbox-primary.checkbox-icon label i,
.radio.radio-primary.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-primary label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-primary input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-primary .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-primary) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-primary.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(90, 141, 238, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-primary,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-primary {
	box-shadow: 0 0 8px 0 rgba(90, 141, 238, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=primary]:before {
	background-color: var(--color-primary);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-primary);
}

/* Select2 primary */
/* ---------------*/
select.select-light-primary~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-primary~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-primary-light) !important;
	color: var(--color-primary) !important;
}

.primary.darken-1 {
	color: var(--color-primary-darken-1) !important;
}

.bg-primary.bg-darken-1 {
	background-color: var(--color-primary-darken-1) !important;
}

.btn-primary.btn-darken-1 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-1) !important;
}

.btn-primary.btn-darken-1:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-1:focus,
.btn-primary.btn-darken-1:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-darken-1 {
	border-color: var(--color-primary-darken-1) !important;
	color: var(--color-primary-darken-1) !important;
}

.btn-outline-primary.btn-outline-darken-1:hover {
	background-color: var(--color-primary-darken-1) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-darken-1) !important;
}

.border-primary.border-darken-1 {
	border: 1px solid var(--color-primary-darken-1) !important;
}

.border-top-primary.border-top-darken-1 {
	border-top: 1px solid var(--color-primary-darken-1) !important;
}

.border-bottom-primary.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-primary-darken-1) !important;
}

.border-left-primary.border-left-darken-1 {
	border-right: 1px solid var(--color-primary-darken-1) !important;
}

.border-right-primary.border-right-darken-1 {
	border-left: 1px solid var(--color-primary-darken-1) !important;
}

.overlay-primary.overlay-darken-1 {
	background: var(--color-primary-darken-1);
	background: rgba(67, 125, 236, 0.6);
}

.primary.darken-2 {
	color: var(--color-primary-darken-2) !important;
}

.bg-primary.bg-darken-2 {
	background-color: var(--color-primary-darken-2) !important;
}

.btn-primary.btn-darken-2 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-2) !important;
}

.btn-primary.btn-darken-2:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-2:focus,
.btn-primary.btn-darken-2:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-darken-2 {
	border-color: var(--color-primary-darken-2) !important;
	color: var(--color-primary-darken-2) !important;
}

.btn-outline-primary.btn-outline-darken-2:hover {
	background-color: var(--color-primary-darken-2) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-darken-2) !important;
}

.border-primary.border-darken-2 {
	border: 1px solid var(--color-primary-darken-2) !important;
}

.border-top-primary.border-top-darken-2 {
	border-top: 1px solid var(--color-primary-darken-2) !important;
}

.border-bottom-primary.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-primary-darken-2) !important;
}

.border-left-primary.border-left-darken-2 {
	border-right: 1px solid var(--color-primary-darken-2) !important;
}

.border-right-primary.border-right-darken-2 {
	border-left: 1px solid var(--color-primary-darken-2) !important;
}

.overlay-primary.overlay-darken-2 {
	background: var(--color-primary-darken-2);
	background: rgba(44, 109, 233, 0.6);
}

.primary.darken-3 {
	color: var(--color-primary-darken-3) !important;
}

.bg-primary.bg-darken-3 {
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-3 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-3:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-3:focus,
.btn-primary.btn-darken-3:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-darken-3 {
	border-color: var(--color-primary-darken-3) !important;
	color: var(--color-primary-darken-3) !important;
}

.btn-outline-primary.btn-outline-darken-3:hover {
	background-color: var(--color-primary-darken-3) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-darken-3) !important;
}

.border-primary.border-darken-3 {
	border: 1px solid var(--color-primary-darken-3) !important;
}

.border-top-primary.border-top-darken-3 {
	border-top: 1px solid var(--color-primary-darken-3) !important;
}

.border-bottom-primary.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-primary-darken-3) !important;
}

.border-left-primary.border-left-darken-3 {
	border-right: 1px solid var(--color-primary-darken-3) !important;
}

.border-right-primary.border-right-darken-3 {
	border-left: 1px solid var(--color-primary-darken-3) !important;
}

.overlay-primary.overlay-darken-3 {
	background: var(--color-primary-darken-3);
	background: rgba(23, 94, 228, 0.6);
}

.primary.darken-4 {
	color: var(--color-primary-darken-4) !important;
}

.bg-primary.bg-darken-4 {
	background-color: var(--color-primary-darken-4) !important;
}

.btn-primary.btn-darken-4 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-primary.btn-darken-4:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-darken-4:focus,
.btn-primary.btn-darken-4:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-darken-4 {
	border-color: var(--color-primary-darken-4) !important;
	color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-darken-4:hover {
	background-color: var(--color-primary-darken-4) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-darken-4) !important;
}

.border-primary.border-darken-4 {
	border: 1px solid var(--color-primary-darken-4) !important;
}

.border-top-primary.border-top-darken-4 {
	border-top: 1px solid var(--color-primary-darken-4) !important;
}

.border-bottom-primary.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-primary-darken-4) !important;
}

.border-left-primary.border-left-darken-4 {
	border-right: 1px solid var(--color-primary-darken-4) !important;
}

.border-right-primary.border-right-darken-4 {
	border-left: 1px solid var(--color-primary-darken-4) !important;
}

.overlay-primary.overlay-darken-4 {
	background: var(--color-primary-darken-4);
	background: rgba(21, 84, 205, 0.6);
}

.primary.accent-1 {
	color: var(--color-primary-accent-1) !important;
}

.bg-primary.bg-accent-1 {
	background-color: var(--color-primary-accent-1) !important;
}

.btn-primary.btn-accent-1 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-accent-1) !important;
}

.btn-primary.btn-accent-1:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-accent-1:focus,
.btn-primary.btn-accent-1:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-accent-1 {
	border-color: var(--color-primary-accent-1) !important;
	color: var(--color-primary-accent-1) !important;
}

.btn-outline-primary.btn-outline-accent-1:hover {
	background-color: var(--color-primary-accent-1) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-accent-1) !important;
}

.border-primary.border-accent-1 {
	border: 1px solid var(--color-primary-accent-1) !important;
}

.border-top-primary.border-top-accent-1 {
	border-top: 1px solid var(--color-primary-accent-1) !important;
}

.border-bottom-primary.border-bottom-accent-1 {
	border-bottom: 1px solid var(--color-primary-accent-1) !important;
}

.border-left-primary.border-left-accent-1 {
	border-right: 1px solid var(--color-primary-accent-1) !important;
}

.border-right-primary.border-right-accent-1 {
	border-left: 1px solid var(--color-primary-accent-1) !important;
}

.overlay-primary.overlay-accent-1 {
	background: var(--color-primary-accent-1);
	background: rgba(189, 253, 255, 0.6);
}

.primary.accent-2 {
	color: var(--color-primary-accent-2) !important;
}

.bg-primary.bg-accent-2 {
	background-color: var(--color-primary-accent-2) !important;
}

.btn-primary.btn-accent-2 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-accent-2) !important;
}

.btn-primary.btn-accent-2:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-accent-2:focus,
.btn-primary.btn-accent-2:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-accent-2 {
	border-color: var(--color-primary-accent-2) !important;
	color: var(--color-primary-accent-2) !important;
}

.btn-outline-primary.btn-outline-accent-2:hover {
	background-color: var(--color-primary-accent-2) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-accent-2) !important;
}

.border-primary.border-accent-2 {
	border: 1px solid var(--color-primary-accent-2) !important;
}

.border-top-primary.border-top-accent-2 {
	border-top: 1px solid var(--color-primary-accent-2) !important;
}

.border-bottom-primary.border-bottom-accent-2 {
	border-bottom: 1px solid var(--color-primary-accent-2) !important;
}

.border-left-primary.border-left-accent-2 {
	border-right: 1px solid var(--color-primary-accent-2) !important;
}

.border-right-primary.border-right-accent-2 {
	border-left: 1px solid var(--color-primary-accent-2) !important;
}

.overlay-primary.overlay-accent-2 {
	background: var(--color-primary-accent-2);
	background: rgba(138, 251, 255, 0.6);
}

.primary.accent-3 {
	color: var(--color-primary-accent-3) !important;
}

.bg-primary.bg-accent-3 {
	background-color: var(--color-primary-accent-3) !important;
}

.btn-primary.btn-accent-3 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-accent-3) !important;
}

.btn-primary.btn-accent-3:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-accent-3:focus,
.btn-primary.btn-accent-3:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-accent-3 {
	border-color: var(--color-primary-accent-3) !important;
	color: var(--color-primary-accent-3) !important;
}

.btn-outline-primary.btn-outline-accent-3:hover {
	background-color: var(--color-primary-accent-3) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-accent-3) !important;
}

.border-primary.border-accent-3 {
	border: 1px solid var(--color-primary-accent-3) !important;
}

.border-top-primary.border-top-accent-3 {
	border-top: 1px solid var(--color-primary-accent-3) !important;
}

.border-bottom-primary.border-bottom-accent-3 {
	border-bottom: 1px solid var(--color-primary-accent-3) !important;
}

.border-left-primary.border-left-accent-3 {
	border-right: 1px solid var(--color-primary-accent-3) !important;
}

.border-right-primary.border-right-accent-3 {
	border-left: 1px solid var(--color-primary-accent-3) !important;
}

.overlay-primary.overlay-accent-3 {
	background: var(--color-primary-accent-3);
	background: rgba(87, 250, 255, 0.6);
}

.primary.accent-4 {
	color: var(--color-primary-accent-4) !important;
}

.bg-primary.bg-accent-4 {
	background-color: var(--color-primary-accent-4) !important;
}

.btn-primary.btn-accent-4 {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-accent-4) !important;
}

.btn-primary.btn-accent-4:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-accent-4:focus,
.btn-primary.btn-accent-4:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-accent-4 {
	border-color: var(--color-primary-accent-4) !important;
	color: var(--color-primary-accent-4) !important;
}

.btn-outline-primary.btn-outline-accent-4:hover {
	background-color: var(--color-primary-accent-4) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-accent-4) !important;
}

.border-primary.border-accent-4 {
	border: 1px solid var(--color-primary-accent-4) !important;
}

.border-top-primary.border-top-accent-4 {
	border-top: 1px solid var(--color-primary-accent-4) !important;
}

.border-bottom-primary.border-bottom-accent-4 {
	border-bottom: 1px solid var(--color-primary-accent-4) !important;
}

.border-left-primary.border-left-accent-4 {
	border-right: 1px solid var(--color-primary-accent-4) !important;
}

.border-right-primary.border-right-accent-4 {
	border-left: 1px solid var(--color-primary-accent-4) !important;
}

.overlay-primary.overlay-accent-4 {
	background: var(--color-primary-accent-4);
	background: rgba(61, 249, 255, 0.6);
}

.primary.light {
	color: var(--color-primary-light) !important;
}

.bg-primary.bg-light {
	background-color: var(--color-primary-light) !important;
}

.btn-primary.btn-light {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-light) !important;
}

.btn-primary.btn-light:hover {
	border-color: var(--color-primary-darken-2) !important;
	background-color: var(--color-primary-darken-3) !important;
}

.btn-primary.btn-light:focus,
.btn-primary.btn-light:active {
	border-color: var(--color-primary-darken-3) !important;
	background-color: var(--color-primary-darken-4) !important;
}

.btn-outline-primary.btn-outline-light {
	border-color: var(--color-primary-light) !important;
	color: var(--color-primary-light) !important;
}

.btn-outline-primary.btn-outline-light:hover {
	background-color: var(--color-primary-light) !important;
}

input:focus~.bg-primary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-primary-light) !important;
}

.border-primary.border-light {
	border: 1px solid var(--color-primary-light) !important;
}

.border-top-primary.border-top-light {
	border-top: 1px solid var(--color-primary-light) !important;
}

.border-bottom-primary.border-bottom-light {
	border-bottom: 1px solid var(--color-primary-light) !important;
}

.border-left-primary.border-left-light {
	border-right: 1px solid var(--color-primary-light) !important;
}

.border-right-primary.border-right-light {
	border-left: 1px solid var(--color-primary-light) !important;
}

.overlay-primary.overlay-light {
	background: var(--color-primary-light);
	background: rgba(226, 236, 255, 0.6);
}

.secondary.lighten-5 {
	color: var(--color-secondary-lighten-5) !important;
}

.bg-secondary.bg-lighten-5 {
	background-color: var(--color-secondary-lighten-5) !important;
}

.btn-secondary.btn-lighten-5 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-lighten-5) !important;
}

.btn-secondary.btn-lighten-5:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-lighten-5:focus,
.btn-secondary.btn-lighten-5:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-5 {
	border-color: var(--color-secondary-lighten-5) !important;
	color: var(--color-secondary-lighten-5) !important;
}

.btn-outline-secondary.btn-outline-lighten-5:hover {
	background-color: var(--color-secondary-lighten-5) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-lighten-5) !important;
}

.border-secondary.border-lighten-5 {
	border: 1px solid var(--color-secondary-lighten-5) !important;
}

.border-top-secondary.border-top-lighten-5 {
	border-top: 1px solid var(--color-secondary-lighten-5) !important;
}

.border-bottom-secondary.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-secondary-lighten-5) !important;
}

.border-left-secondary.border-left-lighten-5 {
	border-right: 1px solid var(--color-secondary-lighten-5) !important;
}

.border-right-secondary.border-right-lighten-5 {
	border-left: 1px solid var(--color-secondary-lighten-5) !important;
}

.overlay-secondary.overlay-lighten-5 {
	background: var(--color-secondary-lighten-5);
	background: rgba(135, 159, 186, 0.6);
}

.secondary.lighten-4 {
	color: var(--color-secondary-lighten-4) !important;
}

.bg-secondary.bg-lighten-4 {
	background-color: var(--color-secondary-lighten-4) !important;
}

.btn-secondary.btn-lighten-4 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-lighten-4) !important;
}

.btn-secondary.btn-lighten-4:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-lighten-4:focus,
.btn-secondary.btn-lighten-4:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-4 {
	border-color: var(--color-secondary-lighten-4) !important;
	color: var(--color-secondary-lighten-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-4:hover {
	background-color: var(--color-secondary-lighten-4) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-lighten-4) !important;
}

.border-secondary.border-lighten-4 {
	border: 1px solid var(--color-secondary-lighten-4) !important;
}

.border-top-secondary.border-top-lighten-4 {
	border-top: 1px solid var(--color-secondary-lighten-4) !important;
}

.border-bottom-secondary.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-secondary-lighten-4) !important;
}

.border-left-secondary.border-left-lighten-4 {
	border-right: 1px solid var(--color-secondary-lighten-4) !important;
}

.border-right-secondary.border-right-lighten-4 {
	border-left: 1px solid var(--color-secondary-lighten-4) !important;
}

.overlay-secondary.overlay-lighten-4 {
	background: var(--color-secondary-lighten-4);
	background: rgba(119, 146, 177, 0.6);
}

.secondary.lighten-3 {
	color: var(--color-secondary-lighten-3) !important;
}

.bg-secondary.bg-lighten-3 {
	background-color: var(--color-secondary-lighten-3) !important;
}

.btn-secondary.btn-lighten-3 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-lighten-3) !important;
}

.btn-secondary.btn-lighten-3:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-lighten-3:focus,
.btn-secondary.btn-lighten-3:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-3 {
	border-color: var(--color-secondary-lighten-3) !important;
	color: var(--color-secondary-lighten-3) !important;
}

.btn-outline-secondary.btn-outline-lighten-3:hover {
	background-color: var(--color-secondary-lighten-3) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-lighten-3) !important;
}

.border-secondary.border-lighten-3 {
	border: 1px solid var(--color-secondary-lighten-3) !important;
}

.border-top-secondary.border-top-lighten-3 {
	border-top: 1px solid var(--color-secondary-lighten-3) !important;
}

.border-bottom-secondary.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-secondary-lighten-3) !important;
}

.border-left-secondary.border-left-lighten-3 {
	border-right: 1px solid var(--color-secondary-lighten-3) !important;
}

.border-right-secondary.border-right-lighten-3 {
	border-left: 1px solid var(--color-secondary-lighten-3) !important;
}

.overlay-secondary.overlay-lighten-3 {
	background: var(--color-secondary-lighten-3);
	background: rgba(103, 133, 167, 0.6);
}

.secondary.lighten-2 {
	color: var(--color-secondary-lighten-2) !important;
}

.bg-secondary.bg-lighten-2 {
	background-color: var(--color-secondary-lighten-2) !important;
}

.btn-secondary.btn-lighten-2 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-lighten-2) !important;
}

.btn-secondary.btn-lighten-2:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-lighten-2:focus,
.btn-secondary.btn-lighten-2:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-2 {
	border-color: var(--color-secondary-lighten-2) !important;
	color: var(--color-secondary-lighten-2) !important;
}

.btn-outline-secondary.btn-outline-lighten-2:hover {
	background-color: var(--color-secondary-lighten-2) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-lighten-2) !important;
}

.border-secondary.border-lighten-2 {
	border: 1px solid var(--color-secondary-lighten-2) !important;
}

.border-top-secondary.border-top-lighten-2 {
	border-top: 1px solid var(--color-secondary-lighten-2) !important;
}

.border-bottom-secondary.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-secondary-lighten-2) !important;
}

.border-left-secondary.border-left-lighten-2 {
	border-right: 1px solid var(--color-secondary-lighten-2) !important;
}

.border-right-secondary.border-right-lighten-2 {
	border-left: 1px solid var(--color-secondary-lighten-2) !important;
}

.overlay-secondary.overlay-lighten-2 {
	background: var(--color-secondary-lighten-2);
	background: rgba(90, 120, 155, 0.6);
}

.secondary.lighten-1 {
	color: var(--color-secondary-lighten-1) !important;
}

.bg-secondary.bg-lighten-1 {
	background-color: var(--color-secondary-lighten-1) !important;
}

.btn-secondary.btn-lighten-1 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-lighten-1) !important;
}

.btn-secondary.btn-lighten-1:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-lighten-1:focus,
.btn-secondary.btn-lighten-1:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-lighten-1 {
	border-color: var(--color-secondary-lighten-1) !important;
	color: var(--color-secondary-lighten-1) !important;
}

.btn-outline-secondary.btn-outline-lighten-1:hover {
	background-color: var(--color-secondary-lighten-1) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-lighten-1) !important;
}

.border-secondary.border-lighten-1 {
	border: 1px solid var(--color-secondary-lighten-1) !important;
}

.border-top-secondary.border-top-lighten-1 {
	border-top: 1px solid var(--color-secondary-lighten-1) !important;
}

.border-bottom-secondary.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-secondary-lighten-1) !important;
}

.border-left-secondary.border-left-lighten-1 {
	border-right: 1px solid var(--color-secondary-lighten-1) !important;
}

.border-right-secondary.border-right-lighten-1 {
	border-left: 1px solid var(--color-secondary-lighten-1) !important;
}

.overlay-secondary.overlay-lighten-1 {
	background: var(--color-secondary-lighten-1);
	background: rgba(80, 107, 139, 0.6);
}

/* secondary Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.secondary {
	color: var(--color-secondary) !important;
}

/* text with light secondary */
.text-light-secondary {
	color: rgba(71, 95, 123, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-secondary {
	background-color: var(--color-secondary) !important;
}

.bg-secondary .card-header,
.bg-secondary .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-secondary {
	background: rgba(71, 95, 123, 0.2) !important;
}

.bg-rgba-secondary.alert {
	color: var(--color-secondary);
}

.bg-rgba-secondary.alert.alert-dismissible .close {
	color: var(--color-secondary);
}

/* Alert secondary */
/* ---------------- */
.alert.alert-secondary {
	background: var(--color-secondary) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(71, 95, 123, 0.4);
	border: none;
}

/* Border secondary */
/* ---------------- */
.border-secondary {
	border: 1px solid var(--color-secondary) !important;
}

.border-secondary .select2-selection__arrow b {
	border-color: var(--color-secondary-darken-2) !important;
}

.border-secondary.alert {
	color: var(--color-secondary);
}

.border-secondary.alert.alert-dismissible .close {
	color: var(--color-secondary);
}

.border-top-secondary {
	border-top: 1px solid var(--color-secondary);
}

.border-bottom-secondary {
	border-bottom: 1px solid var(--color-secondary);
}

.border-left-secondary {
	border-right: 1px solid var(--color-secondary);
}

.border-right-secondary {
	border-left: 1px solid var(--color-secondary);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-secondary .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-secondary) !important;
}

/* Badges */
/* ------ */
.badge.badge-secondary {
	background-color: var(--color-secondary);
}

.badge.badge-light-secondary {
	background-color: var(--color-secondary-light);
	color: var(--color-secondary) !important;
}

.badge.bg-secondary.badge-glow,
.badge.border-secondary.badge-glow,
.badge.badge-secondary.badge-glow {
	box-shadow: 0 0 10px var(--color-secondary);
}

.badge-circle-secondary {
	background-color: var(--color-secondary);
}

.badge-circle-light-secondary {
	background-color: var(--color-secondary-light);
	color: var(--color-secondary);
}

.overlay-secondary {
	background: var(--color-secondary);
	background: rgba(71, 95, 123, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-secondary {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary) !important;
	color: var(--color-white);
}

.btn-secondary:hover,
.btn-secondary.hover {
	background-color: var(--color-secondary-lighten-1) !important;
	color: var(--color-white);
}

.btn-secondary:hover.glow,
.btn-secondary.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(71, 95, 123, 0.6) !important;
}

.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: var(--color-secondary-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-secondary.glow {
	box-shadow: 0 2px 4px 0 rgba(71, 95, 123, 0.5) !important;
}

.btn-secondary:disabled,
.btn-secondary.disabled {
	color: var(--color-white) !important;
}

.btn-light-secondary {
	background-color: var(--color-secondary-light);
	color: var(--color-secondary) !important;
}

.btn-light-secondary:hover,
.btn-light-secondary.hover {
	background-color: var(--color-secondary-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-secondary:active,
.btn-light-secondary.active {
	background-color: var(--color-secondary-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-secondary {
	border: 1px solid var(--color-secondary);
	background-color: transparent;
	color: var(--color-secondary) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary.hover {
	background-color: var(--color-secondary-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active {
	background-color: var(--color-secondary-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-secondary~.dropdown-menu .dropdown-item.active,
.btn-outline-secondary~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-secondary);
	color: var(--color-white);
}

.btn-secondary~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-secondary~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-secondary);
}

.dropdown.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-secondary~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet secondary */
.bullet.bullet-secondary {
	background-color: var(--color-secondary);
}

/* For Pagination */
/* -------------- */
.pagination-secondary .page-item.active .page-link,
.pagination-secondary .page-item.active .page-link:hover {
	background: var(--color-secondary) !important;
	color: var(--color-white);
}

.pagination-secondary .page-item .page-link:hover {
	background-color: var(--color-secondary-light) !important;
}

.pagination-secondary .page-item.previous .page-link,
.pagination-secondary .page-item.next .page-link {
	color: var(--color-secondary);
}

.pagination-secondary .page-item.previous .page-link:hover,
.pagination-secondary .page-item.next .page-link:hover {
	background: var(--color-secondary);
}

/* Progress Bars secondary */
/* ---------------------- */
.progress-bar-secondary .progress-bar {
	background-color: var(--color-secondary);
	box-shadow: 0 2px 6px 0 rgba(71, 95, 123, 0.6);
}

/* Chips secondary */
/* ---------------- */
.chip-secondary {
	background-color: var(--color-secondary) !important;
}

.chip-secondary .chip-body {
	color: var(--color-white) !important;
}

/* Divider secondary */
/* ---------------*/
.divider.divider-secondary .divider-text:before,
.divider.divider-secondary .divider-text:after {
	border-color: var(--color-secondary) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-secondary:before {
	background: var(--color-secondary) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-secondary+.custom-control-label:before,
input[type='radio'].bg-secondary+.custom-control-label:before {
	background-color: var(--color-secondary) !important;
	border-color: var(--color-secondary-darken-2) !important;
}

.checkbox.checkbox-secondary input:checked~label::before,
.checkbox.radio-secondary input:checked~label::before,
.radio.checkbox-secondary input:checked~label::before,
.radio.radio-secondary input:checked~label::before {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.checkbox.checkbox-secondary input:checked~label::after,
.checkbox.radio-secondary input:checked~label::after,
.radio.checkbox-secondary input:checked~label::after,
.radio.radio-secondary input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-secondary.checkbox-glow input:checked~label::before,
.checkbox.checkbox-secondary.radio-glow input:checked~label::before,
.checkbox.radio-secondary.checkbox-glow input:checked~label::before,
.checkbox.radio-secondary.radio-glow input:checked~label::before,
.radio.checkbox-secondary.checkbox-glow input:checked~label::before,
.radio.checkbox-secondary.radio-glow input:checked~label::before,
.radio.radio-secondary.checkbox-glow input:checked~label::before,
.radio.radio-secondary.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(71, 95, 123, 0.7);
}

.checkbox.checkbox-secondary.checkbox-icon label i,
.checkbox.radio-secondary.checkbox-icon label i,
.radio.checkbox-secondary.checkbox-icon label i,
.radio.radio-secondary.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-secondary label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-secondary input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-secondary .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-secondary) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-secondary.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(71, 95, 123, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-secondary,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-secondary {
	box-shadow: 0 0 8px 0 rgba(71, 95, 123, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=secondary]:before {
	background-color: var(--color-secondary);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-secondary);
}

/* Select2 secondary */
/* ---------------*/
select.select-light-secondary~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-secondary~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-secondary-light) !important;
	color: var(--color-secondary) !important;
}

.secondary.darken-1 {
	color: var(--color-secondary-darken-1) !important;
}

.bg-secondary.bg-darken-1 {
	background-color: var(--color-secondary-darken-1) !important;
}

.btn-secondary.btn-darken-1 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-1) !important;
}

.btn-secondary.btn-darken-1:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-1:focus,
.btn-secondary.btn-darken-1:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-darken-1 {
	border-color: var(--color-secondary-darken-1) !important;
	color: var(--color-secondary-darken-1) !important;
}

.btn-outline-secondary.btn-outline-darken-1:hover {
	background-color: var(--color-secondary-darken-1) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-darken-1) !important;
}

.border-secondary.border-darken-1 {
	border: 1px solid var(--color-secondary-darken-1) !important;
}

.border-top-secondary.border-top-darken-1 {
	border-top: 1px solid var(--color-secondary-darken-1) !important;
}

.border-bottom-secondary.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-secondary-darken-1) !important;
}

.border-left-secondary.border-left-darken-1 {
	border-right: 1px solid var(--color-secondary-darken-1) !important;
}

.border-right-secondary.border-right-darken-1 {
	border-left: 1px solid var(--color-secondary-darken-1) !important;
}

.overlay-secondary.overlay-darken-1 {
	background: var(--color-secondary-darken-1);
	background: rgba(62, 83, 107, 0.6);
}

.secondary.darken-2 {
	color: var(--color-secondary-darken-2) !important;
}

.bg-secondary.bg-darken-2 {
	background-color: var(--color-secondary-darken-2) !important;
}

.btn-secondary.btn-darken-2 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-2) !important;
}

.btn-secondary.btn-darken-2:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-2:focus,
.btn-secondary.btn-darken-2:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-darken-2 {
	border-color: var(--color-secondary-darken-2) !important;
	color: var(--color-secondary-darken-2) !important;
}

.btn-outline-secondary.btn-outline-darken-2:hover {
	background-color: var(--color-secondary-darken-2) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-darken-2) !important;
}

.border-secondary.border-darken-2 {
	border: 1px solid var(--color-secondary-darken-2) !important;
}

.border-top-secondary.border-top-darken-2 {
	border-top: 1px solid var(--color-secondary-darken-2) !important;
}

.border-bottom-secondary.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-secondary-darken-2) !important;
}

.border-left-secondary.border-left-darken-2 {
	border-right: 1px solid var(--color-secondary-darken-2) !important;
}

.border-right-secondary.border-right-darken-2 {
	border-left: 1px solid var(--color-secondary-darken-2) !important;
}

.overlay-secondary.overlay-darken-2 {
	background: var(--color-secondary-darken-2);
	background: rgba(52, 70, 91, 0.6);
}

.secondary.darken-3 {
	color: var(--color-secondary-darken-3) !important;
}

.bg-secondary.bg-darken-3 {
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-3 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-3:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-3:focus,
.btn-secondary.btn-darken-3:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-darken-3 {
	border-color: var(--color-secondary-darken-3) !important;
	color: var(--color-secondary-darken-3) !important;
}

.btn-outline-secondary.btn-outline-darken-3:hover {
	background-color: var(--color-secondary-darken-3) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-darken-3) !important;
}

.border-secondary.border-darken-3 {
	border: 1px solid var(--color-secondary-darken-3) !important;
}

.border-top-secondary.border-top-darken-3 {
	border-top: 1px solid var(--color-secondary-darken-3) !important;
}

.border-bottom-secondary.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-secondary-darken-3) !important;
}

.border-left-secondary.border-left-darken-3 {
	border-right: 1px solid var(--color-secondary-darken-3) !important;
}

.border-right-secondary.border-right-darken-3 {
	border-left: 1px solid var(--color-secondary-darken-3) !important;
}

.overlay-secondary.overlay-darken-3 {
	background: var(--color-secondary-darken-3);
	background: rgba(43, 58, 74, 0.6);
}

.secondary.darken-4 {
	color: var(--color-secondary-darken-4) !important;
}

.bg-secondary.bg-darken-4 {
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-secondary.btn-darken-4 {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-secondary.btn-darken-4:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-darken-4:focus,
.btn-secondary.btn-darken-4:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-darken-4 {
	border-color: var(--color-secondary-darken-4) !important;
	color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-darken-4:hover {
	background-color: var(--color-secondary-darken-4) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-darken-4) !important;
}

.border-secondary.border-darken-4 {
	border: 1px solid var(--color-secondary-darken-4) !important;
}

.border-top-secondary.border-top-darken-4 {
	border-top: 1px solid var(--color-secondary-darken-4) !important;
}

.border-bottom-secondary.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-secondary-darken-4) !important;
}

.border-left-secondary.border-left-darken-4 {
	border-right: 1px solid var(--color-secondary-darken-4) !important;
}

.border-right-secondary.border-right-darken-4 {
	border-left: 1px solid var(--color-secondary-darken-4) !important;
}

.overlay-secondary.overlay-darken-4 {
	background: var(--color-secondary-darken-4);
	background: rgba(34, 45, 58, 0.6);
}

.secondary.light {
	color: var(--color-secondary-light) !important;
}

.bg-secondary.bg-light {
	background-color: var(--color-secondary-light) !important;
}

.btn-secondary.btn-light {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-light) !important;
}

.btn-secondary.btn-light:hover {
	border-color: var(--color-secondary-darken-2) !important;
	background-color: var(--color-secondary-darken-3) !important;
}

.btn-secondary.btn-light:focus,
.btn-secondary.btn-light:active {
	border-color: var(--color-secondary-darken-3) !important;
	background-color: var(--color-secondary-darken-4) !important;
}

.btn-outline-secondary.btn-outline-light {
	border-color: var(--color-secondary-light) !important;
	color: var(--color-secondary-light) !important;
}

.btn-outline-secondary.btn-outline-light:hover {
	background-color: var(--color-secondary-light) !important;
}

input:focus~.bg-secondary {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-secondary-light) !important;
}

.border-secondary.border-light {
	border: 1px solid var(--color-secondary-light) !important;
}

.border-top-secondary.border-top-light {
	border-top: 1px solid var(--color-secondary-light) !important;
}

.border-bottom-secondary.border-bottom-light {
	border-bottom: 1px solid var(--color-secondary-light) !important;
}

.border-left-secondary.border-left-light {
	border-right: 1px solid var(--color-secondary-light) !important;
}

.border-right-secondary.border-right-light {
	border-left: 1px solid var(--color-secondary-light) !important;
}

.overlay-secondary.overlay-light {
	background: var(--color-secondary-light);
	background: rgba(230, 234, 238, 0.6);
}

.success.lighten-5 {
	color: var(--color-success-lighten-5) !important;
}

.bg-success.bg-lighten-5 {
	background-color: var(--color-success-lighten-5) !important;
}

.btn-success.btn-lighten-5 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-lighten-5) !important;
}

.btn-success.btn-lighten-5:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-lighten-5:focus,
.btn-success.btn-lighten-5:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-lighten-5 {
	border-color: var(--color-success-lighten-5) !important;
	color: var(--color-success-lighten-5) !important;
}

.btn-outline-success.btn-outline-lighten-5:hover {
	background-color: var(--color-success-lighten-5) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-lighten-5) !important;
}

.border-success.border-lighten-5 {
	border: 1px solid var(--color-success-lighten-5) !important;
}

.border-top-success.border-top-lighten-5 {
	border-top: 1px solid var(--color-success-lighten-5) !important;
}

.border-bottom-success.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-success-lighten-5) !important;
}

.border-left-success.border-left-lighten-5 {
	border-right: 1px solid var(--color-success-lighten-5) !important;
}

.border-right-success.border-right-lighten-5 {
	border-left: 1px solid var(--color-success-lighten-5) !important;
}

.overlay-success.overlay-lighten-5 {
	background: var(--color-success-lighten-5);
	background: rgba(164, 238, 201, 0.6);
}

.success.lighten-4 {
	color: var(--color-success-lighten-4) !important;
}

.bg-success.bg-lighten-4 {
	background-color: var(--color-success-lighten-4) !important;
}

.btn-success.btn-lighten-4 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-lighten-4) !important;
}

.btn-success.btn-lighten-4:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-lighten-4:focus,
.btn-success.btn-lighten-4:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-lighten-4 {
	border-color: var(--color-success-lighten-4) !important;
	color: var(--color-success-lighten-4) !important;
}

.btn-outline-success.btn-outline-lighten-4:hover {
	background-color: var(--color-success-lighten-4) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-lighten-4) !important;
}

.border-success.border-lighten-4 {
	border: 1px solid var(--color-success-lighten-4) !important;
}

.border-top-success.border-top-lighten-4 {
	border-top: 1px solid var(--color-success-lighten-4) !important;
}

.border-bottom-success.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-success-lighten-4) !important;
}

.border-left-success.border-left-lighten-4 {
	border-right: 1px solid var(--color-success-lighten-4) !important;
}

.border-right-success.border-right-lighten-4 {
	border-left: 1px solid var(--color-success-lighten-4) !important;
}

.overlay-success.overlay-lighten-4 {
	background: var(--color-success-lighten-4);
	background: rgba(143, 234, 189, 0.6);
}

.success.lighten-3 {
	color: var(--color-success-lighten-3) !important;
}

.bg-success.bg-lighten-3 {
	background-color: var(--color-success-lighten-3) !important;
}

.btn-success.btn-lighten-3 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-lighten-3) !important;
}

.btn-success.btn-lighten-3:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-lighten-3:focus,
.btn-success.btn-lighten-3:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-lighten-3 {
	border-color: var(--color-success-lighten-3) !important;
	color: var(--color-success-lighten-3) !important;
}

.btn-outline-success.btn-outline-lighten-3:hover {
	background-color: var(--color-success-lighten-3) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-lighten-3) !important;
}

.border-success.border-lighten-3 {
	border: 1px solid var(--color-success-lighten-3) !important;
}

.border-top-success.border-top-lighten-3 {
	border-top: 1px solid var(--color-success-lighten-3) !important;
}

.border-bottom-success.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-success-lighten-3) !important;
}

.border-left-success.border-left-lighten-3 {
	border-right: 1px solid var(--color-success-lighten-3) !important;
}

.border-right-success.border-right-lighten-3 {
	border-left: 1px solid var(--color-success-lighten-3) !important;
}

.overlay-success.overlay-lighten-3 {
	background: var(--color-success-lighten-3);
	background: rgba(121, 230, 176, 0.6);
}

.success.lighten-2 {
	color: var(--color-success-lighten-2) !important;
}

.bg-success.bg-lighten-2 {
	background-color: var(--color-success-lighten-2) !important;
}

.btn-success.btn-lighten-2 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-lighten-2) !important;
}

.btn-success.btn-lighten-2:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-lighten-2:focus,
.btn-success.btn-lighten-2:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-lighten-2 {
	border-color: var(--color-success-lighten-2) !important;
	color: var(--color-success-lighten-2) !important;
}

.btn-outline-success.btn-outline-lighten-2:hover {
	background-color: var(--color-success-lighten-2) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-lighten-2) !important;
}

.border-success.border-lighten-2 {
	border: 1px solid var(--color-success-lighten-2) !important;
}

.border-top-success.border-top-lighten-2 {
	border-top: 1px solid var(--color-success-lighten-2) !important;
}

.border-bottom-success.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-success-lighten-2) !important;
}

.border-left-success.border-left-lighten-2 {
	border-right: 1px solid var(--color-success-lighten-2) !important;
}

.border-right-success.border-right-lighten-2 {
	border-left: 1px solid var(--color-success-lighten-2) !important;
}

.overlay-success.overlay-lighten-2 {
	background: var(--color-success-lighten-2);
	background: rgba(100, 226, 163, 0.6);
}

.success.lighten-1 {
	color: var(--color-success-lighten-1) !important;
}

.bg-success.bg-lighten-1 {
	background-color: var(--color-success-lighten-1) !important;
}

.btn-success.btn-lighten-1 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-lighten-1) !important;
}

.btn-success.btn-lighten-1:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-lighten-1:focus,
.btn-success.btn-lighten-1:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-lighten-1 {
	border-color: var(--color-success-lighten-1) !important;
	color: var(--color-success-lighten-1) !important;
}

.btn-outline-success.btn-outline-lighten-1:hover {
	background-color: var(--color-success-lighten-1) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-lighten-1) !important;
}

.border-success.border-lighten-1 {
	border: 1px solid var(--color-success-lighten-1) !important;
}

.border-top-success.border-top-lighten-1 {
	border-top: 1px solid var(--color-success-lighten-1) !important;
}

.border-bottom-success.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-success-lighten-1) !important;
}

.border-left-success.border-left-lighten-1 {
	border-right: 1px solid var(--color-success-lighten-1) !important;
}

.border-right-success.border-right-lighten-1 {
	border-left: 1px solid var(--color-success-lighten-1) !important;
}

.overlay-success.overlay-lighten-1 {
	background: var(--color-success-lighten-1);
	background: rgba(78, 222, 151, 0.6);
}

/* success Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.success {
	color: var(--color-success) !important;
}

/* text with light success */
.text-light-success {
	color: var(--color-success-lighten-5) !important;
}

/* Background color */
/* ---------------- */
.bg-success {
	background-color: var(--color-success) !important;
}

.bg-success .card-header,
.bg-success .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-success {
	background: var(--color-success-lighten-5) !important;
}

.bg-rgba-success.alert {
	color: var(--color-success);
}

.bg-rgba-success.alert.alert-dismissible .close {
	color: var(--color-success);
}

/* Alert success */
/* ---------------- */
.alert.alert-success {
	background: var(--color-success) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 var(--color-success-lighten-5);
	border: none;
}

/* Border success */
/* ---------------- */
.border-success {
	border: 1px solid var(--color-success) !important;
}

.border-success .select2-selection__arrow b {
	border-color: var(--color-success-darken-2) !important;
}

.border-success.alert {
	color: var(--color-success);
}

.border-success.alert.alert-dismissible .close {
	color: var(--color-success);
}

.border-top-success {
	border-top: 1px solid var(--color-success);
}

.border-bottom-success {
	border-bottom: 1px solid var(--color-success);
}

.border-left-success {
	border-right: 1px solid var(--color-success);
}

.border-right-success {
	border-left: 1px solid var(--color-success);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-success .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-success) !important;
}

/* Badges */
/* ------ */
.badge.badge-success {
	background-color: var(--color-success);
}

.badge.badge-light-success {
	background-color: var(--color-success-light);
	color: var(--color-success) !important;
}

.badge.bg-success.badge-glow,
.badge.border-success.badge-glow,
.badge.badge-success.badge-glow {
	box-shadow: 0 0 10px var(--color-success);
}

.badge-circle-success {
	background-color: var(--color-success);
}

.badge-circle-light-success {
	background-color: var(--color-success-light);
	color: var(--color-success);
}

.overlay-success {
	background: var(--color-success);
	background: var(--color-success-lighten-5);
}

/* Basic buttons */
/* ------------- */
.btn-success {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success) !important;
	color: var(--color-white);
}

.btn-success:hover,
.btn-success.hover {
	background-color: var(--color-success-lighten-1) !important;
	color: var(--color-white);
}

.btn-success:hover.glow,
.btn-success.hover.glow {
	box-shadow: 0 4px 12px 0 var(--color-success-lighten-5) !important;
}

.btn-success:focus,
.btn-success:active,
.btn-success.active {
	background-color: var(--color-success-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-success.glow {
	box-shadow: 0 2px 4px 0 var(--color-success-lighten-5) !important;
}

.btn-success:disabled,
.btn-success.disabled {
	color: var(--color-white) !important;
}

.btn-light-success {
	background-color: var(--color-success-light);
	color: var(--color-success) !important;
}

.btn-light-success:hover,
.btn-light-success.hover {
	background-color: var(--color-success-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-success:active,
.btn-light-success.active {
	background-color: var(--color-success-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-success {
	border: 1px solid var(--color-success);
	background-color: transparent;
	color: var(--color-success) !important;
}

.btn-outline-success:hover,
.btn-outline-success.hover {
	background-color: var(--color-success-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-success:active,
.btn-outline-success.active {
	background-color: var(--color-success-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-success~.dropdown-menu .dropdown-item.active,
.btn-outline-success~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-success);
	color: var(--color-white);
}

.btn-success~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-success~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-success);
}

.dropdown.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-success~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-success~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet success */
.bullet.bullet-success {
	background-color: var(--color-success);
}

/* For Pagination */
/* -------------- */
.pagination-success .page-item.active .page-link,
.pagination-success .page-item.active .page-link:hover {
	background: var(--color-success) !important;
	color: var(--color-white);
}

.pagination-success .page-item .page-link:hover {
	background-color: var(--color-success-light) !important;
}

.pagination-success .page-item.previous .page-link,
.pagination-success .page-item.next .page-link {
	color: var(--color-success);
}

.pagination-success .page-item.previous .page-link:hover,
.pagination-success .page-item.next .page-link:hover {
	background: var(--color-success);
}

/* Progress Bars success */
/* ---------------------- */
.progress-bar-success .progress-bar {
	background-color: var(--color-success);
	box-shadow: 0 2px 6px 0 rgba(57, 218, 138, 0.6);
}

/* Chips success */
/* ---------------- */
.chip-success {
	background-color: var(--color-success) !important;
}

.chip-success .chip-body {
	color: var(--color-white) !important;
}

/* Divider success */
/* ---------------*/
.divider.divider-success .divider-text:before,
.divider.divider-success .divider-text:after {
	border-color: var(--color-success) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-success:before {
	background: var(--color-success) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-success+.custom-control-label:before,
input[type='radio'].bg-success+.custom-control-label:before {
	background-color: var(--color-success) !important;
	border-color: var(--color-success-darken-2) !important;
}

.checkbox.checkbox-success input:checked~label::before,
.checkbox.radio-success input:checked~label::before,
.radio.checkbox-success input:checked~label::before,
.radio.radio-success input:checked~label::before {
	background-color: var(--color-success);
	border-color: var(--color-success);
}

.checkbox.checkbox-success input:checked~label::after,
.checkbox.radio-success input:checked~label::after,
.radio.checkbox-success input:checked~label::after,
.radio.radio-success input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-success.checkbox-glow input:checked~label::before,
.checkbox.checkbox-success.radio-glow input:checked~label::before,
.checkbox.radio-success.checkbox-glow input:checked~label::before,
.checkbox.radio-success.radio-glow input:checked~label::before,
.radio.checkbox-success.checkbox-glow input:checked~label::before,
.radio.checkbox-success.radio-glow input:checked~label::before,
.radio.radio-success.checkbox-glow input:checked~label::before,
.radio.radio-success.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(57, 218, 138, 0.7);
}

.checkbox.checkbox-success.checkbox-icon label i,
.checkbox.radio-success.checkbox-icon label i,
.radio.checkbox-success.checkbox-icon label i,
.radio.radio-success.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-success label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-success input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-success .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-success) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-success.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(57, 218, 138, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-success,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-success {
	box-shadow: 0 0 8px 0 rgba(57, 218, 138, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=success]:before {
	background-color: var(--color-success);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-success);
}

/* Select2 success */
/* ---------------*/
select.select-light-success~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-success~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-success-light) !important;
	color: var(--color-success) !important;
}

.success.darken-1 {
	color: var(--color-success-darken-1) !important;
}

.bg-success.bg-darken-1 {
	background-color: var(--color-success-darken-1) !important;
}

.btn-success.btn-darken-1 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-1) !important;
}

.btn-success.btn-darken-1:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-1:focus,
.btn-success.btn-darken-1:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-darken-1 {
	border-color: var(--color-success-darken-1) !important;
	color: var(--color-success-darken-1) !important;
}

.btn-outline-success.btn-outline-darken-1:hover {
	background-color: var(--color-success-darken-1) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-darken-1) !important;
}

.border-success.border-darken-1 {
	border: 1px solid var(--color-success-darken-1) !important;
}

.border-top-success.border-top-darken-1 {
	border-top: 1px solid var(--color-success-darken-1) !important;
}

.border-bottom-success.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-success-darken-1) !important;
}

.border-left-success.border-left-darken-1 {
	border-right: 1px solid var(--color-success-darken-1) !important;
}

.border-right-success.border-right-darken-1 {
	border-left: 1px solid var(--color-success-darken-1) !important;
}

.overlay-success.overlay-darken-1 {
	background: var(--color-success-darken-1);
	background: rgba(39, 210, 125, 0.6);
}

.success.darken-2 {
	color: var(--color-success-darken-2) !important;
}

.bg-success.bg-darken-2 {
	background-color: var(--color-success-darken-2) !important;
}

.btn-success.btn-darken-2 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-2) !important;
}

.btn-success.btn-darken-2:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-2:focus,
.btn-success.btn-darken-2:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-darken-2 {
	border-color: var(--color-success-darken-2) !important;
	color: var(--color-success-darken-2) !important;
}

.btn-outline-success.btn-outline-darken-2:hover {
	background-color: var(--color-success-darken-2) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-darken-2) !important;
}

.border-success.border-darken-2 {
	border: 1px solid var(--color-success-darken-2) !important;
}

.border-top-success.border-top-darken-2 {
	border-top: 1px solid var(--color-success-darken-2) !important;
}

.border-bottom-success.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-success-darken-2) !important;
}

.border-left-success.border-left-darken-2 {
	border-right: 1px solid var(--color-success-darken-2) !important;
}

.border-right-success.border-right-darken-2 {
	border-left: 1px solid var(--color-success-darken-2) !important;
}

.overlay-success.overlay-darken-2 {
	background: var(--color-success-darken-2);
	background: rgba(35, 189, 112, 0.6);
}

.success.darken-3 {
	color: var(--color-success-darken-3) !important;
}

.bg-success.bg-darken-3 {
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-3 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-3:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-3:focus,
.btn-success.btn-darken-3:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-darken-3 {
	border-color: var(--color-success-darken-3) !important;
	color: var(--color-success-darken-3) !important;
}

.btn-outline-success.btn-outline-darken-3:hover {
	background-color: var(--color-success-darken-3) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-darken-3) !important;
}

.border-success.border-darken-3 {
	border: 1px solid var(--color-success-darken-3) !important;
}

.border-top-success.border-top-darken-3 {
	border-top: 1px solid var(--color-success-darken-3) !important;
}

.border-bottom-success.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-success-darken-3) !important;
}

.border-left-success.border-left-darken-3 {
	border-right: 1px solid var(--color-success-darken-3) !important;
}

.border-right-success.border-right-darken-3 {
	border-left: 1px solid var(--color-success-darken-3) !important;
}

.overlay-success.overlay-darken-3 {
	background: var(--color-success-darken-3);
	background: rgba(31, 167, 100, 0.6);
}

.success.darken-4 {
	color: var(--color-success-darken-4) !important;
}

.bg-success.bg-darken-4 {
	background-color: var(--color-success-darken-4) !important;
}

.btn-success.btn-darken-4 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-success.btn-darken-4:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-darken-4:focus,
.btn-success.btn-darken-4:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-darken-4 {
	border-color: var(--color-success-darken-4) !important;
	color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-darken-4:hover {
	background-color: var(--color-success-darken-4) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-darken-4) !important;
}

.border-success.border-darken-4 {
	border: 1px solid var(--color-success-darken-4) !important;
}

.border-top-success.border-top-darken-4 {
	border-top: 1px solid var(--color-success-darken-4) !important;
}

.border-bottom-success.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-success-darken-4) !important;
}

.border-left-success.border-left-darken-4 {
	border-right: 1px solid var(--color-success-darken-4) !important;
}

.border-right-success.border-right-darken-4 {
	border-left: 1px solid var(--color-success-darken-4) !important;
}

.overlay-success.overlay-darken-4 {
	background: var(--color-success-darken-4);
	background: rgba(27, 146, 87, 0.6);
}

.success.accent-1 {
	color: var(--color-success-accent-1) !important;
}

.bg-success.bg-accent-1 {
	background-color: var(--color-success-accent-1) !important;
}

.btn-success.btn-accent-1 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-accent-1) !important;
}

.btn-success.btn-accent-1:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-accent-1:focus,
.btn-success.btn-accent-1:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-accent-1 {
	border-color: var(--color-success-accent-1) !important;
	color: var(--color-success-accent-1) !important;
}

.btn-outline-success.btn-outline-accent-1:hover {
	background-color: var(--color-success-accent-1) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-accent-1) !important;
}

.border-success.border-accent-1 {
	border: 1px solid var(--color-success-accent-1) !important;
}

.border-top-success.border-top-accent-1 {
	border-top: 1px solid var(--color-success-accent-1) !important;
}

.border-bottom-success.border-bottom-accent-1 {
	border-bottom: 1px solid var(--color-success-accent-1) !important;
}

.border-left-success.border-left-accent-1 {
	border-right: 1px solid var(--color-success-accent-1) !important;
}

.border-right-success.border-right-accent-1 {
	border-left: 1px solid var(--color-success-accent-1) !important;
}

.overlay-success.overlay-accent-1 {
	background: var(--color-success-accent-1);
	background: rgba(225, 255, 241, 0.6);
}

.success.accent-2 {
	color: var(--color-success-accent-2) !important;
}

.bg-success.bg-accent-2 {
	background-color: var(--color-success-accent-2) !important;
}

.btn-success.btn-accent-2 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-accent-2) !important;
}

.btn-success.btn-accent-2:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-accent-2:focus,
.btn-success.btn-accent-2:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-accent-2 {
	border-color: var(--color-success-accent-2) !important;
	color: var(--color-success-accent-2) !important;
}

.btn-outline-success.btn-outline-accent-2:hover {
	background-color: var(--color-success-accent-2) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-accent-2) !important;
}

.border-success.border-accent-2 {
	border: 1px solid var(--color-success-accent-2) !important;
}

.border-top-success.border-top-accent-2 {
	border-top: 1px solid var(--color-success-accent-2) !important;
}

.border-bottom-success.border-bottom-accent-2 {
	border-bottom: 1px solid var(--color-success-accent-2) !important;
}

.border-left-success.border-left-accent-2 {
	border-right: 1px solid var(--color-success-accent-2) !important;
}

.border-right-success.border-right-accent-2 {
	border-left: 1px solid var(--color-success-accent-2) !important;
}

.overlay-success.overlay-accent-2 {
	background: var(--color-success-accent-2);
	background: rgba(174, 255, 217, 0.6);
}

.success.accent-3 {
	color: var(--color-success-accent-3) !important;
}

.bg-success.bg-accent-3 {
	background-color: var(--color-success-accent-3) !important;
}

.btn-success.btn-accent-3 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-accent-3) !important;
}

.btn-success.btn-accent-3:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-accent-3:focus,
.btn-success.btn-accent-3:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-accent-3 {
	border-color: var(--color-success-accent-3) !important;
	color: var(--color-success-accent-3) !important;
}

.btn-outline-success.btn-outline-accent-3:hover {
	background-color: var(--color-success-accent-3) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-accent-3) !important;
}

.border-success.border-accent-3 {
	border: 1px solid var(--color-success-accent-3) !important;
}

.border-top-success.border-top-accent-3 {
	border-top: 1px solid var(--color-success-accent-3) !important;
}

.border-bottom-success.border-bottom-accent-3 {
	border-bottom: 1px solid var(--color-success-accent-3) !important;
}

.border-left-success.border-left-accent-3 {
	border-right: 1px solid var(--color-success-accent-3) !important;
}

.border-right-success.border-right-accent-3 {
	border-left: 1px solid var(--color-success-accent-3) !important;
}

.overlay-success.overlay-accent-3 {
	background: var(--color-success-accent-3);
	background: rgba(123, 255, 193, 0.6);
}

.success.accent-4 {
	color: var(--color-success-accent-4) !important;
}

.bg-success.bg-accent-4 {
	background-color: var(--color-success-accent-4) !important;
}

.btn-success.btn-accent-4 {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-accent-4) !important;
}

.btn-success.btn-accent-4:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-accent-4:focus,
.btn-success.btn-accent-4:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-accent-4 {
	border-color: var(--color-success-accent-4) !important;
	color: var(--color-success-accent-4) !important;
}

.btn-outline-success.btn-outline-accent-4:hover {
	background-color: var(--color-success-accent-4) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-accent-4) !important;
}

.border-success.border-accent-4 {
	border: 1px solid var(--color-success-accent-4) !important;
}

.border-top-success.border-top-accent-4 {
	border-top: 1px solid var(--color-success-accent-4) !important;
}

.border-bottom-success.border-bottom-accent-4 {
	border-bottom: 1px solid var(--color-success-accent-4) !important;
}

.border-left-success.border-left-accent-4 {
	border-right: 1px solid var(--color-success-accent-4) !important;
}

.border-right-success.border-right-accent-4 {
	border-left: 1px solid var(--color-success-accent-4) !important;
}

.overlay-success.overlay-accent-4 {
	background: var(--color-success-accent-4);
	background: rgba(98, 255, 181, 0.6);
}

.success.light {
	color: var(--color-success-light) !important;
}

.bg-success.bg-light {
	background-color: var(--color-success-light) !important;
}

.btn-success.btn-light {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-light) !important;
}

.btn-success.btn-light:hover {
	border-color: var(--color-success-darken-2) !important;
	background-color: var(--color-success-darken-3) !important;
}

.btn-success.btn-light:focus,
.btn-success.btn-light:active {
	border-color: var(--color-success-darken-3) !important;
	background-color: var(--color-success-darken-4) !important;
}

.btn-outline-success.btn-outline-light {
	border-color: var(--color-success-light) !important;
	color: var(--color-success-light) !important;
}

.btn-outline-success.btn-outline-light:hover {
	background-color: var(--color-success-light) !important;
}

input:focus~.bg-success {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-success-light) !important;
}

.border-success.border-light {
	border: 1px solid var(--color-success-light) !important;
}

.border-top-success.border-top-light {
	border-top: 1px solid var(--color-success-light) !important;
}

.border-bottom-success.border-bottom-light {
	border-bottom: 1px solid var(--color-success-light) !important;
}

.border-left-success.border-left-light {
	border-right: 1px solid var(--color-success-light) !important;
}

.border-right-success.border-right-light {
	border-left: 1px solid var(--color-success-light) !important;
}

.overlay-success.overlay-light {
	background: var(--color-success-light);
	background: rgba(210, 255, 232, 0.6);
}

.info.lighten-5 {
	color: var(--color-info-lighten-5) !important;
}

.bg-info.bg-lighten-5 {
	background-color: var(--color-info-lighten-5) !important;
}

.btn-info.btn-lighten-5 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-lighten-5) !important;
}

.btn-info.btn-lighten-5:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-lighten-5:focus,
.btn-info.btn-lighten-5:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-lighten-5 {
	border-color: var(--color-info-lighten-5) !important;
	color: var(--color-info-lighten-5) !important;
}

.btn-outline-info.btn-outline-lighten-5:hover {
	background-color: var(--color-info-lighten-5) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-lighten-5) !important;
}

.border-info.border-lighten-5 {
	border: 1px solid var(--color-info-lighten-5) !important;
}

.border-top-info.border-top-lighten-5 {
	border-top: 1px solid var(--color-info-lighten-5) !important;
}

.border-bottom-info.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-info-lighten-5) !important;
}

.border-left-info.border-left-lighten-5 {
	border-right: 1px solid var(--color-info-lighten-5) !important;
}

.border-right-info.border-right-lighten-5 {
	border-left: 1px solid var(--color-info-lighten-5) !important;
}

.overlay-info.overlay-lighten-5 {
	background: var(--color-info-lighten-5);
	background: rgba(94, 245, 255, 0.6);
}

.info.lighten-4 {
	color: var(--color-info-lighten-4) !important;
}

.bg-info.bg-lighten-4 {
	background-color: var(--color-info-lighten-4) !important;
}

.btn-info.btn-lighten-4 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-lighten-4) !important;
}

.btn-info.btn-lighten-4:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-lighten-4:focus,
.btn-info.btn-lighten-4:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-lighten-4 {
	border-color: var(--color-info-lighten-4) !important;
	color: var(--color-info-lighten-4) !important;
}

.btn-outline-info.btn-outline-lighten-4:hover {
	background-color: var(--color-info-lighten-4) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-lighten-4) !important;
}

.border-info.border-lighten-4 {
	border: 1px solid var(--color-info-lighten-4) !important;
}

.border-top-info.border-top-lighten-4 {
	border-top: 1px solid var(--color-info-lighten-4) !important;
}

.border-bottom-info.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-info-lighten-4) !important;
}

.border-left-info.border-left-lighten-4 {
	border-right: 1px solid var(--color-info-lighten-4) !important;
}

.border-right-info.border-right-lighten-4 {
	border-left: 1px solid var(--color-info-lighten-4) !important;
}

.overlay-info.overlay-lighten-4 {
	background: var(--color-info-lighten-4);
	background: rgba(68, 243, 255, 0.6);
}

.info.lighten-3 {
	color: var(--color-info-lighten-3) !important;
}

.bg-info.bg-lighten-3 {
	background-color: var(--color-info-lighten-3) !important;
}

.btn-info.btn-lighten-3 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-lighten-3) !important;
}

.btn-info.btn-lighten-3:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-lighten-3:focus,
.btn-info.btn-lighten-3:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-lighten-3 {
	border-color: var(--color-info-lighten-3) !important;
	color: var(--color-info-lighten-3) !important;
}

.btn-outline-info.btn-outline-lighten-3:hover {
	background-color: var(--color-info-lighten-3) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-lighten-3) !important;
}

.border-info.border-lighten-3 {
	border: 1px solid var(--color-info-lighten-3) !important;
}

.border-top-info.border-top-lighten-3 {
	border-top: 1px solid var(--color-info-lighten-3) !important;
}

.border-bottom-info.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-info-lighten-3) !important;
}

.border-left-info.border-left-lighten-3 {
	border-right: 1px solid var(--color-info-lighten-3) !important;
}

.border-right-info.border-right-lighten-3 {
	border-left: 1px solid var(--color-info-lighten-3) !important;
}

.overlay-info.overlay-lighten-3 {
	background: var(--color-info-lighten-3);
	background: rgba(43, 242, 255, 0.6);
}

.info.lighten-2 {
	color: var(--color-info-lighten-2) !important;
}

.bg-info.bg-lighten-2 {
	background-color: var(--color-info-lighten-2) !important;
}

.btn-info.btn-lighten-2 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-lighten-2) !important;
}

.btn-info.btn-lighten-2:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-lighten-2:focus,
.btn-info.btn-lighten-2:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-lighten-2 {
	border-color: var(--color-info-lighten-2) !important;
	color: var(--color-info-lighten-2) !important;
}

.btn-outline-info.btn-outline-lighten-2:hover {
	background-color: var(--color-info-lighten-2) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-lighten-2) !important;
}

.border-info.border-lighten-2 {
	border: 1px solid var(--color-info-lighten-2) !important;
}

.border-top-info.border-top-lighten-2 {
	border-top: 1px solid var(--color-info-lighten-2) !important;
}

.border-bottom-info.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-info-lighten-2) !important;
}

.border-left-info.border-left-lighten-2 {
	border-right: 1px solid var(--color-info-lighten-2) !important;
}

.border-right-info.border-right-lighten-2 {
	border-left: 1px solid var(--color-info-lighten-2) !important;
}

.overlay-info.overlay-lighten-2 {
	background: var(--color-info-lighten-2);
	background: rgba(17, 240, 255, 0.6);
}

.info.lighten-1 {
	color: var(--color-info-lighten-1) !important;
}

.bg-info.bg-lighten-1 {
	background-color: var(--color-info-lighten-1) !important;
}

.btn-info.btn-lighten-1 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-lighten-1) !important;
}

.btn-info.btn-lighten-1:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-lighten-1:focus,
.btn-info.btn-lighten-1:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-lighten-1 {
	border-color: var(--color-info-lighten-1) !important;
	color: var(--color-info-lighten-1) !important;
}

.btn-outline-info.btn-outline-lighten-1:hover {
	background-color: var(--color-info-lighten-1) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-lighten-1) !important;
}

.border-info.border-lighten-1 {
	border: 1px solid var(--color-info-lighten-1) !important;
}

.border-top-info.border-top-lighten-1 {
	border-top: 1px solid var(--color-info-lighten-1) !important;
}

.border-bottom-info.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-info-lighten-1) !important;
}

.border-left-info.border-left-lighten-1 {
	border-right: 1px solid var(--color-info-lighten-1) !important;
}

.border-right-info.border-right-lighten-1 {
	border-left: 1px solid var(--color-info-lighten-1) !important;
}

.overlay-info.overlay-lighten-1 {
	background: var(--color-info-lighten-1);
	background: rgba(0, 231, 247, 0.6);
}

/* info Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.info {
	color: var(--color-info) !important;
}

/* text with light info */
.text-light-info {
	color: rgba(0, 207, 221, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-info {
	background-color: var(--color-info) !important;
}

.bg-info .card-header,
.bg-info .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-info {
	background: rgba(0, 207, 221, 0.2) !important;
}

.bg-rgba-info.alert {
	color: var(--color-info);
}

.bg-rgba-info.alert.alert-dismissible .close {
	color: var(--color-info);
}

/* Alert info */
/* ---------------- */
.alert.alert-info {
	background: var(--color-info) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(0, 207, 221, 0.4);
	border: none;
}

/* Border info */
/* ---------------- */
.border-info {
	border: 1px solid var(--color-info) !important;
}

.border-info .select2-selection__arrow b {
	border-color: var(--color-info-darken-2) !important;
}

.border-info.alert {
	color: var(--color-info);
}

.border-info.alert.alert-dismissible .close {
	color: var(--color-info);
}

.border-top-info {
	border-top: 1px solid var(--color-info);
}

.border-bottom-info {
	border-bottom: 1px solid var(--color-info);
}

.border-left-info {
	border-right: 1px solid var(--color-info);
}

.border-right-info {
	border-left: 1px solid var(--color-info);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-info .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-info) !important;
}

/* Badges */
/* ------ */
.badge.badge-info {
	background-color: var(--color-info);
}

.badge.badge-light-info {
	background-color: var(--color-info-light);
	color: var(--color-info) !important;
}

.badge.bg-info.badge-glow,
.badge.border-info.badge-glow,
.badge.badge-info.badge-glow {
	box-shadow: 0 0 10px var(--color-info);
}

.badge-circle-info {
	background-color: var(--color-info);
}

.badge-circle-light-info {
	background-color: var(--color-info-light);
	color: var(--color-info);
}

.overlay-info {
	background: var(--color-info);
	background: rgba(0, 207, 221, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-info {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info) !important;
	color: var(--color-white);
}

.btn-info:hover,
.btn-info.hover {
	background-color: var(--color-info-lighten-1) !important;
	color: var(--color-white);
}

.btn-info:hover.glow,
.btn-info.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(0, 207, 221, 0.6) !important;
}

.btn-info:focus,
.btn-info:active,
.btn-info.active {
	background-color: var(--color-info-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-info.glow {
	box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.5) !important;
}

.btn-info:disabled,
.btn-info.disabled {
	color: var(--color-white) !important;
}

.btn-light-info {
	background-color: var(--color-info-light);
	color: var(--color-info) !important;
}

.btn-light-info:hover,
.btn-light-info.hover {
	background-color: var(--color-info-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-info:active,
.btn-light-info.active {
	background-color: var(--color-info-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-info {
	border: 1px solid var(--color-info);
	background-color: transparent;
	color: var(--color-info) !important;
}

.btn-outline-info:hover,
.btn-outline-info.hover {
	background-color: var(--color-info-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-info:active,
.btn-outline-info.active {
	background-color: var(--color-info-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-info~.dropdown-menu .dropdown-item.active,
.btn-outline-info~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-info);
	color: var(--color-white);
}

.btn-info~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-info~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-info);
}

.dropdown.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-info~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-info~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet info */
.bullet.bullet-info {
	background-color: var(--color-info);
}

/* For Pagination */
/* -------------- */
.pagination-info .page-item.active .page-link,
.pagination-info .page-item.active .page-link:hover {
	background: var(--color-info) !important;
	color: var(--color-white);
}

.pagination-info .page-item .page-link:hover {
	background-color: var(--color-info-light) !important;
}

.pagination-info .page-item.previous .page-link,
.pagination-info .page-item.next .page-link {
	color: var(--color-info);
}

.pagination-info .page-item.previous .page-link:hover,
.pagination-info .page-item.next .page-link:hover {
	background: var(--color-info);
}

/* Progress Bars info */
/* ---------------------- */
.progress-bar-info .progress-bar {
	background-color: var(--color-info);
	box-shadow: 0 2px 6px 0 rgba(0, 207, 221, 0.6);
}

/* Chips info */
/* ---------------- */
.chip-info {
	background-color: var(--color-info) !important;
}

.chip-info .chip-body {
	color: var(--color-white) !important;
}

/* Divider info */
/* ---------------*/
.divider.divider-info .divider-text:before,
.divider.divider-info .divider-text:after {
	border-color: var(--color-info) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-info:before {
	background: var(--color-info) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-info+.custom-control-label:before,
input[type='radio'].bg-info+.custom-control-label:before {
	background-color: var(--color-info) !important;
	border-color: var(--color-info-darken-2) !important;
}

.checkbox.checkbox-info input:checked~label::before,
.checkbox.radio-info input:checked~label::before,
.radio.checkbox-info input:checked~label::before,
.radio.radio-info input:checked~label::before {
	background-color: var(--color-info);
	border-color: var(--color-info);
}

.checkbox.checkbox-info input:checked~label::after,
.checkbox.radio-info input:checked~label::after,
.radio.checkbox-info input:checked~label::after,
.radio.radio-info input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-info.checkbox-glow input:checked~label::before,
.checkbox.checkbox-info.radio-glow input:checked~label::before,
.checkbox.radio-info.checkbox-glow input:checked~label::before,
.checkbox.radio-info.radio-glow input:checked~label::before,
.radio.checkbox-info.checkbox-glow input:checked~label::before,
.radio.checkbox-info.radio-glow input:checked~label::before,
.radio.radio-info.checkbox-glow input:checked~label::before,
.radio.radio-info.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(0, 207, 221, 0.7);
}

.checkbox.checkbox-info.checkbox-icon label i,
.checkbox.radio-info.checkbox-icon label i,
.radio.checkbox-info.checkbox-icon label i,
.radio.radio-info.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-info label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-info input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-info .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-info) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-info.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(0, 207, 221, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-info,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-info {
	box-shadow: 0 0 8px 0 rgba(0, 207, 221, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=info]:before {
	background-color: var(--color-info);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-info);
}

/* Select2 info */
/* ---------------*/
select.select-light-info~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-info~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-info-light) !important;
	color: var(--color-info) !important;
}

.info.darken-1 {
	color: var(--color-info-darken-1) !important;
}

.bg-info.bg-darken-1 {
	background-color: var(--color-info-darken-1) !important;
}

.btn-info.btn-darken-1 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-1) !important;
}

.btn-info.btn-darken-1:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-1:focus,
.btn-info.btn-darken-1:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-darken-1 {
	border-color: var(--color-info-darken-1) !important;
	color: var(--color-info-darken-1) !important;
}

.btn-outline-info.btn-outline-darken-1:hover {
	background-color: var(--color-info-darken-1) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-darken-1) !important;
}

.border-info.border-darken-1 {
	border: 1px solid var(--color-info-darken-1) !important;
}

.border-top-info.border-top-darken-1 {
	border-top: 1px solid var(--color-info-darken-1) !important;
}

.border-bottom-info.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-info-darken-1) !important;
}

.border-left-info.border-left-darken-1 {
	border-right: 1px solid var(--color-info-darken-1) !important;
}

.border-right-info.border-right-darken-1 {
	border-left: 1px solid var(--color-info-darken-1) !important;
}

.overlay-info.overlay-darken-1 {
	background: var(--color-info-darken-1);
	background: rgba(0, 183, 196, 0.6);
}

.info.darken-2 {
	color: var(--color-info-darken-2) !important;
}

.bg-info.bg-darken-2 {
	background-color: var(--color-info-darken-2) !important;
}

.btn-info.btn-darken-2 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-2) !important;
}

.btn-info.btn-darken-2:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-2:focus,
.btn-info.btn-darken-2:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-darken-2 {
	border-color: var(--color-info-darken-2) !important;
	color: var(--color-info-darken-2) !important;
}

.btn-outline-info.btn-outline-darken-2:hover {
	background-color: var(--color-info-darken-2) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-darken-2) !important;
}

.border-info.border-darken-2 {
	border: 1px solid var(--color-info-darken-2) !important;
}

.border-top-info.border-top-darken-2 {
	border-top: 1px solid var(--color-info-darken-2) !important;
}

.border-bottom-info.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-info-darken-2) !important;
}

.border-left-info.border-left-darken-2 {
	border-right: 1px solid var(--color-info-darken-2) !important;
}

.border-right-info.border-right-darken-2 {
	border-left: 1px solid var(--color-info-darken-2) !important;
}

.overlay-info.overlay-darken-2 {
	background: var(--color-info-darken-2);
	background: rgba(0, 159, 170, 0.6);
}

.info.darken-3 {
	color: var(--color-info-darken-3) !important;
}

.bg-info.bg-darken-3 {
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-3 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-3:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-3:focus,
.btn-info.btn-darken-3:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-darken-3 {
	border-color: var(--color-info-darken-3) !important;
	color: var(--color-info-darken-3) !important;
}

.btn-outline-info.btn-outline-darken-3:hover {
	background-color: var(--color-info-darken-3) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-darken-3) !important;
}

.border-info.border-darken-3 {
	border: 1px solid var(--color-info-darken-3) !important;
}

.border-top-info.border-top-darken-3 {
	border-top: 1px solid var(--color-info-darken-3) !important;
}

.border-bottom-info.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-info-darken-3) !important;
}

.border-left-info.border-left-darken-3 {
	border-right: 1px solid var(--color-info-darken-3) !important;
}

.border-right-info.border-right-darken-3 {
	border-left: 1px solid var(--color-info-darken-3) !important;
}

.overlay-info.overlay-darken-3 {
	background: var(--color-info-darken-3);
	background: rgba(0, 135, 145, 0.6);
}

.info.darken-4 {
	color: var(--color-info-darken-4) !important;
}

.bg-info.bg-darken-4 {
	background-color: var(--color-info-darken-4) !important;
}

.btn-info.btn-darken-4 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-info.btn-darken-4:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-darken-4:focus,
.btn-info.btn-darken-4:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-darken-4 {
	border-color: var(--color-info-darken-4) !important;
	color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-darken-4:hover {
	background-color: var(--color-info-darken-4) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-darken-4) !important;
}

.border-info.border-darken-4 {
	border: 1px solid var(--color-info-darken-4) !important;
}

.border-top-info.border-top-darken-4 {
	border-top: 1px solid var(--color-info-darken-4) !important;
}

.border-bottom-info.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-info-darken-4) !important;
}

.border-left-info.border-left-darken-4 {
	border-right: 1px solid var(--color-info-darken-4) !important;
}

.border-right-info.border-right-darken-4 {
	border-left: 1px solid var(--color-info-darken-4) !important;
}

.overlay-info.overlay-darken-4 {
	background: var(--color-info-darken-4);
	background: rgba(0, 111, 119, 0.6);
}

.info.accent-1 {
	color: var(--color-info-accent-1) !important;
}

.bg-info.bg-accent-1 {
	background-color: var(--color-info-accent-1) !important;
}

.btn-info.btn-accent-1 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-accent-1) !important;
}

.btn-info.btn-accent-1:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-accent-1:focus,
.btn-info.btn-accent-1:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-accent-1 {
	border-color: var(--color-info-accent-1) !important;
	color: var(--color-info-accent-1) !important;
}

.btn-outline-info.btn-outline-accent-1:hover {
	background-color: var(--color-info-accent-1) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-accent-1) !important;
}

.border-info.border-accent-1 {
	border: 1px solid var(--color-info-accent-1) !important;
}

.border-top-info.border-top-accent-1 {
	border-top: 1px solid var(--color-info-accent-1) !important;
}

.border-bottom-info.border-bottom-accent-1 {
	border-bottom: 1px solid var(--color-info-accent-1) !important;
}

.border-left-info.border-left-accent-1 {
	border-right: 1px solid var(--color-info-accent-1) !important;
}

.border-right-info.border-right-accent-1 {
	border-left: 1px solid var(--color-info-accent-1) !important;
}

.overlay-info.overlay-accent-1 {
	background: var(--color-info-accent-1);
	background: rgba(254, 255, 255, 0.6);
}

.info.accent-2 {
	color: var(--color-info-accent-2) !important;
}

.bg-info.bg-accent-2 {
	background-color: var(--color-info-accent-2) !important;
}

.btn-info.btn-accent-2 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-accent-2) !important;
}

.btn-info.btn-accent-2:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-accent-2:focus,
.btn-info.btn-accent-2:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-accent-2 {
	border-color: var(--color-info-accent-2) !important;
	color: var(--color-info-accent-2) !important;
}

.btn-outline-info.btn-outline-accent-2:hover {
	background-color: var(--color-info-accent-2) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-accent-2) !important;
}

.border-info.border-accent-2 {
	border: 1px solid var(--color-info-accent-2) !important;
}

.border-top-info.border-top-accent-2 {
	border-top: 1px solid var(--color-info-accent-2) !important;
}

.border-bottom-info.border-bottom-accent-2 {
	border-bottom: 1px solid var(--color-info-accent-2) !important;
}

.border-left-info.border-left-accent-2 {
	border-right: 1px solid var(--color-info-accent-2) !important;
}

.border-right-info.border-right-accent-2 {
	border-left: 1px solid var(--color-info-accent-2) !important;
}

.overlay-info.overlay-accent-2 {
	background: var(--color-info-accent-2);
	background: rgba(203, 245, 255, 0.6);
}

.info.accent-3 {
	color: var(--color-info-accent-3) !important;
}

.bg-info.bg-accent-3 {
	background-color: var(--color-info-accent-3) !important;
}

.btn-info.btn-accent-3 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-accent-3) !important;
}

.btn-info.btn-accent-3:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-accent-3:focus,
.btn-info.btn-accent-3:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-accent-3 {
	border-color: var(--color-info-accent-3) !important;
	color: var(--color-info-accent-3) !important;
}

.btn-outline-info.btn-outline-accent-3:hover {
	background-color: var(--color-info-accent-3) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-accent-3) !important;
}

.border-info.border-accent-3 {
	border: 1px solid var(--color-info-accent-3) !important;
}

.border-top-info.border-top-accent-3 {
	border-top: 1px solid var(--color-info-accent-3) !important;
}

.border-bottom-info.border-bottom-accent-3 {
	border-bottom: 1px solid var(--color-info-accent-3) !important;
}

.border-left-info.border-left-accent-3 {
	border-right: 1px solid var(--color-info-accent-3) !important;
}

.border-right-info.border-right-accent-3 {
	border-left: 1px solid var(--color-info-accent-3) !important;
}

.overlay-info.overlay-accent-3 {
	background: var(--color-info-accent-3);
	background: rgba(152, 236, 255, 0.6);
}

.info.accent-4 {
	color: var(--color-info-accent-4) !important;
}

.bg-info.bg-accent-4 {
	background-color: var(--color-info-accent-4) !important;
}

.btn-info.btn-accent-4 {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-accent-4) !important;
}

.btn-info.btn-accent-4:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-accent-4:focus,
.btn-info.btn-accent-4:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-accent-4 {
	border-color: var(--color-info-accent-4) !important;
	color: var(--color-info-accent-4) !important;
}

.btn-outline-info.btn-outline-accent-4:hover {
	background-color: var(--color-info-accent-4) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-accent-4) !important;
}

.border-info.border-accent-4 {
	border: 1px solid var(--color-info-accent-4) !important;
}

.border-top-info.border-top-accent-4 {
	border-top: 1px solid var(--color-info-accent-4) !important;
}

.border-bottom-info.border-bottom-accent-4 {
	border-bottom: 1px solid var(--color-info-accent-4) !important;
}

.border-left-info.border-left-accent-4 {
	border-right: 1px solid var(--color-info-accent-4) !important;
}

.border-right-info.border-right-accent-4 {
	border-left: 1px solid var(--color-info-accent-4) !important;
}

.overlay-info.overlay-accent-4 {
	background: var(--color-info-accent-4);
	background: rgba(127, 231, 255, 0.6);
}

.info.light {
	color: var(--color-info-light) !important;
}

.bg-info.bg-light {
	background-color: var(--color-info-light) !important;
}

.btn-info.btn-light {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-light) !important;
}

.btn-info.btn-light:hover {
	border-color: var(--color-info-darken-2) !important;
	background-color: var(--color-info-darken-3) !important;
}

.btn-info.btn-light:focus,
.btn-info.btn-light:active {
	border-color: var(--color-info-darken-3) !important;
	background-color: var(--color-info-darken-4) !important;
}

.btn-outline-info.btn-outline-light {
	border-color: var(--color-info-light) !important;
	color: var(--color-info-light) !important;
}

.btn-outline-info.btn-outline-light:hover {
	background-color: var(--color-info-light) !important;
}

input:focus~.bg-info {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-info-light) !important;
}

.border-info.border-light {
	border: 1px solid var(--color-info-light) !important;
}

.border-top-info.border-top-light {
	border-top: 1px solid var(--color-info-light) !important;
}

.border-bottom-info.border-bottom-light {
	border-bottom: 1px solid var(--color-info-light) !important;
}

.border-left-info.border-left-light {
	border-right: 1px solid var(--color-info-light) !important;
}

.border-right-info.border-right-light {
	border-left: 1px solid var(--color-info-light) !important;
}

.overlay-info.overlay-light {
	background: var(--color-info-light);
	background: rgba(204, 245, 248, 0.6);
}

.warning.lighten-5 {
	color: var(--color-warning-lighten-5) !important;
}

.bg-warning.bg-lighten-5 {
	background-color: var(--color-warning-lighten-5) !important;
}

.btn-warning.btn-lighten-5 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-lighten-5) !important;
}

.btn-warning.btn-lighten-5:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-lighten-5:focus,
.btn-warning.btn-lighten-5:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-lighten-5 {
	border-color: var(--color-warning-lighten-5) !important;
	color: var(--color-warning-lighten-5) !important;
}

.btn-outline-warning.btn-outline-lighten-5:hover {
	background-color: var(--color-warning-lighten-5) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-lighten-5) !important;
}

.border-warning.border-lighten-5 {
	border: 1px solid var(--color-warning-lighten-5) !important;
}

.border-top-warning.border-top-lighten-5 {
	border-top: 1px solid var(--color-warning-lighten-5) !important;
}

.border-bottom-warning.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-warning-lighten-5) !important;
}

.border-left-warning.border-left-lighten-5 {
	border-right: 1px solid var(--color-warning-lighten-5) !important;
}

.border-right-warning.border-right-lighten-5 {
	border-left: 1px solid var(--color-warning-lighten-5) !important;
}

.overlay-warning.overlay-lighten-5 {
	background: var(--color-warning-lighten-5);
	background: rgba(254, 227, 191, 0.6);
}

.warning.lighten-4 {
	color: var(--color-warning-lighten-4) !important;
}

.bg-warning.bg-lighten-4 {
	background-color: var(--color-warning-lighten-4) !important;
}

.btn-warning.btn-lighten-4 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-lighten-4) !important;
}

.btn-warning.btn-lighten-4:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-lighten-4:focus,
.btn-warning.btn-lighten-4:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-lighten-4 {
	border-color: var(--color-warning-lighten-4) !important;
	color: var(--color-warning-lighten-4) !important;
}

.btn-outline-warning.btn-outline-lighten-4:hover {
	background-color: var(--color-warning-lighten-4) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-lighten-4) !important;
}

.border-warning.border-lighten-4 {
	border: 1px solid var(--color-warning-lighten-4) !important;
}

.border-top-warning.border-top-lighten-4 {
	border-top: 1px solid var(--color-warning-lighten-4) !important;
}

.border-bottom-warning.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-warning-lighten-4) !important;
}

.border-left-warning.border-left-lighten-4 {
	border-right: 1px solid var(--color-warning-lighten-4) !important;
}

.border-right-warning.border-right-lighten-4 {
	border-left: 1px solid var(--color-warning-lighten-4) !important;
}

.overlay-warning.overlay-lighten-4 {
	background: var(--color-warning-lighten-4);
	background: rgba(254, 216, 166, 0.6);
}

.warning.lighten-3 {
	color: var(--color-warning-lighten-3) !important;
}

.bg-warning.bg-lighten-3 {
	background-color: var(--color-warning-lighten-3) !important;
}

.btn-warning.btn-lighten-3 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-lighten-3) !important;
}

.btn-warning.btn-lighten-3:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-lighten-3:focus,
.btn-warning.btn-lighten-3:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-lighten-3 {
	border-color: var(--color-warning-lighten-3) !important;
	color: var(--color-warning-lighten-3) !important;
}

.btn-outline-warning.btn-outline-lighten-3:hover {
	background-color: var(--color-warning-lighten-3) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-lighten-3) !important;
}

.border-warning.border-lighten-3 {
	border: 1px solid var(--color-warning-lighten-3) !important;
}

.border-top-warning.border-top-lighten-3 {
	border-top: 1px solid var(--color-warning-lighten-3) !important;
}

.border-bottom-warning.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-warning-lighten-3) !important;
}

.border-left-warning.border-left-lighten-3 {
	border-right: 1px solid var(--color-warning-lighten-3) !important;
}

.border-right-warning.border-right-lighten-3 {
	border-left: 1px solid var(--color-warning-lighten-3) !important;
}

.overlay-warning.overlay-lighten-3 {
	background: var(--color-warning-lighten-3);
	background: rgba(254, 205, 141, 0.6);
}

.warning.lighten-2 {
	color: var(--color-warning-lighten-2) !important;
}

.bg-warning.bg-lighten-2 {
	background-color: var(--color-warning-lighten-2) !important;
}

.btn-warning.btn-lighten-2 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-lighten-2) !important;
}

.btn-warning.btn-lighten-2:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-lighten-2:focus,
.btn-warning.btn-lighten-2:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-lighten-2 {
	border-color: var(--color-warning-lighten-2) !important;
	color: var(--color-warning-lighten-2) !important;
}

.btn-outline-warning.btn-outline-lighten-2:hover {
	background-color: var(--color-warning-lighten-2) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-lighten-2) !important;
}

.border-warning.border-lighten-2 {
	border: 1px solid var(--color-warning-lighten-2) !important;
}

.border-top-warning.border-top-lighten-2 {
	border-top: 1px solid var(--color-warning-lighten-2) !important;
}

.border-bottom-warning.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-warning-lighten-2) !important;
}

.border-left-warning.border-left-lighten-2 {
	border-right: 1px solid var(--color-warning-lighten-2) !important;
}

.border-right-warning.border-right-lighten-2 {
	border-left: 1px solid var(--color-warning-lighten-2) !important;
}

.overlay-warning.overlay-lighten-2 {
	background: var(--color-warning-lighten-2);
	background: rgba(254, 194, 115, 0.6);
}

.warning.lighten-1 {
	color: var(--color-warning-lighten-1) !important;
}

.bg-warning.bg-lighten-1 {
	background-color: var(--color-warning-lighten-1) !important;
}

.btn-warning.btn-lighten-1 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-lighten-1) !important;
}

.btn-warning.btn-lighten-1:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-lighten-1:focus,
.btn-warning.btn-lighten-1:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-lighten-1 {
	border-color: var(--color-warning-lighten-1) !important;
	color: var(--color-warning-lighten-1) !important;
}

.btn-outline-warning.btn-outline-lighten-1:hover {
	background-color: var(--color-warning-lighten-1) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-lighten-1) !important;
}

.border-warning.border-lighten-1 {
	border: 1px solid var(--color-warning-lighten-1) !important;
}

.border-top-warning.border-top-lighten-1 {
	border-top: 1px solid var(--color-warning-lighten-1) !important;
}

.border-bottom-warning.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-warning-lighten-1) !important;
}

.border-left-warning.border-left-lighten-1 {
	border-right: 1px solid var(--color-warning-lighten-1) !important;
}

.border-right-warning.border-right-lighten-1 {
	border-left: 1px solid var(--color-warning-lighten-1) !important;
}

.overlay-warning.overlay-lighten-1 {
	background: var(--color-warning-lighten-1);
	background: rgba(253, 183, 90, 0.6);
}

/* warning Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.warning {
	color: var(--color-warning) !important;
}

/* text with light warning */
.text-light-warning {
	color: rgba(253, 172, 65, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-warning {
	background-color: var(--color-warning) !important;
}

.bg-warning .card-header,
.bg-warning .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-warning {
	background: rgba(253, 172, 65, 0.2) !important;
}

.bg-rgba-warning.alert {
	color: var(--color-warning);
}

.bg-rgba-warning.alert.alert-dismissible .close {
	color: var(--color-warning);
}

/* Alert warning */
/* ---------------- */
.alert.alert-warning {
	background: var(--color-warning) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(253, 172, 65, 0.4);
	border: none;
}

/* Border warning */
/* ---------------- */
.border-warning {
	border: 1px solid var(--color-warning) !important;
}

.border-warning .select2-selection__arrow b {
	border-color: var(--color-warning-darken-2) !important;
}

.border-warning.alert {
	color: var(--color-warning);
}

.border-warning.alert.alert-dismissible .close {
	color: var(--color-warning);
}

.border-top-warning {
	border-top: 1px solid var(--color-warning);
}

.border-bottom-warning {
	border-bottom: 1px solid var(--color-warning);
}

.border-left-warning {
	border-right: 1px solid var(--color-warning);
}

.border-right-warning {
	border-left: 1px solid var(--color-warning);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-warning .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-warning) !important;
}

/* Badges */
/* ------ */
.badge.badge-warning {
	background-color: var(--color-warning);
}

.badge.badge-light-warning {
	background-color: var(--color-warning-light);
	color: var(--color-warning) !important;
}

.badge.bg-warning.badge-glow,
.badge.border-warning.badge-glow,
.badge.badge-warning.badge-glow {
	box-shadow: 0 0 10px var(--color-warning);
}

.badge-circle-warning {
	background-color: var(--color-warning);
}

.badge-circle-light-warning {
	background-color: var(--color-warning-light);
	color: var(--color-warning);
}

.overlay-warning {
	background: var(--color-warning);
	background: rgba(253, 172, 65, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-warning {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning) !important;
	color: var(--color-white);
}

.btn-warning:hover,
.btn-warning.hover {
	background-color: var(--color-warning-lighten-1) !important;
	color: var(--color-white);
}

.btn-warning:hover.glow,
.btn-warning.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(253, 172, 65, 0.6) !important;
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
	background-color: var(--color-warning-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-warning.glow {
	box-shadow: 0 2px 4px 0 rgba(253, 172, 65, 0.5) !important;
}

.btn-warning:disabled,
.btn-warning.disabled {
	color: var(--color-white) !important;
}

.btn-light-warning {
	background-color: var(--color-warning-light);
	color: var(--color-warning) !important;
}

.btn-light-warning:hover,
.btn-light-warning.hover {
	background-color: var(--color-warning-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-warning:active,
.btn-light-warning.active {
	background-color: var(--color-warning-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-warning {
	border: 1px solid var(--color-warning);
	background-color: transparent;
	color: var(--color-warning) !important;
}

.btn-outline-warning:hover,
.btn-outline-warning.hover {
	background-color: var(--color-warning-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-warning:active,
.btn-outline-warning.active {
	background-color: var(--color-warning-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-warning~.dropdown-menu .dropdown-item.active,
.btn-outline-warning~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-warning);
	color: var(--color-white);
}

.btn-warning~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-warning~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-warning);
}

.dropdown.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-warning~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet warning */
.bullet.bullet-warning {
	background-color: var(--color-warning);
}

/* For Pagination */
/* -------------- */
.pagination-warning .page-item.active .page-link,
.pagination-warning .page-item.active .page-link:hover {
	background: var(--color-warning) !important;
	color: var(--color-white);
}

.pagination-warning .page-item .page-link:hover {
	background-color: var(--color-warning-light) !important;
}

.pagination-warning .page-item.previous .page-link,
.pagination-warning .page-item.next .page-link {
	color: var(--color-warning);
}

.pagination-warning .page-item.previous .page-link:hover,
.pagination-warning .page-item.next .page-link:hover {
	background: var(--color-warning);
}

/* Progress Bars warning */
/* ---------------------- */
.progress-bar-warning .progress-bar {
	background-color: var(--color-warning);
	box-shadow: 0 2px 6px 0 rgba(253, 172, 65, 0.6);
}

/* Chips warning */
/* ---------------- */
.chip-warning {
	background-color: var(--color-warning) !important;
}

.chip-warning .chip-body {
	color: var(--color-white) !important;
}

/* Divider warning */
/* ---------------*/
.divider.divider-warning .divider-text:before,
.divider.divider-warning .divider-text:after {
	border-color: var(--color-warning) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-warning:before {
	background: var(--color-warning) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-warning+.custom-control-label:before,
input[type='radio'].bg-warning+.custom-control-label:before {
	background-color: var(--color-warning) !important;
	border-color: var(--color-warning-darken-2) !important;
}

.checkbox.checkbox-warning input:checked~label::before,
.checkbox.radio-warning input:checked~label::before,
.radio.checkbox-warning input:checked~label::before,
.radio.radio-warning input:checked~label::before {
	background-color: var(--color-warning);
	border-color: var(--color-warning);
}

.checkbox.checkbox-warning input:checked~label::after,
.checkbox.radio-warning input:checked~label::after,
.radio.checkbox-warning input:checked~label::after,
.radio.radio-warning input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-warning.checkbox-glow input:checked~label::before,
.checkbox.checkbox-warning.radio-glow input:checked~label::before,
.checkbox.radio-warning.checkbox-glow input:checked~label::before,
.checkbox.radio-warning.radio-glow input:checked~label::before,
.radio.checkbox-warning.checkbox-glow input:checked~label::before,
.radio.checkbox-warning.radio-glow input:checked~label::before,
.radio.radio-warning.checkbox-glow input:checked~label::before,
.radio.radio-warning.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(253, 172, 65, 0.7);
}

.checkbox.checkbox-warning.checkbox-icon label i,
.checkbox.radio-warning.checkbox-icon label i,
.radio.checkbox-warning.checkbox-icon label i,
.radio.radio-warning.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-warning label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-warning input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-warning .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-warning) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-warning.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(253, 172, 65, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-warning,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-warning {
	box-shadow: 0 0 8px 0 rgba(253, 172, 65, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=warning]:before {
	background-color: var(--color-warning);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-warning);
}

/* Select2 warning */
/* ---------------*/
select.select-light-warning~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-warning~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-warning-light) !important;
	color: var(--color-warning) !important;
}

.warning.darken-1 {
	color: var(--color-warning-darken-1) !important;
}

.bg-warning.bg-darken-1 {
	background-color: var(--color-warning-darken-1) !important;
}

.btn-warning.btn-darken-1 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-1) !important;
}

.btn-warning.btn-darken-1:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-1:focus,
.btn-warning.btn-darken-1:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-darken-1 {
	border-color: var(--color-warning-darken-1) !important;
	color: var(--color-warning-darken-1) !important;
}

.btn-outline-warning.btn-outline-darken-1:hover {
	background-color: var(--color-warning-darken-1) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-darken-1) !important;
}

.border-warning.border-darken-1 {
	border: 1px solid var(--color-warning-darken-1) !important;
}

.border-top-warning.border-top-darken-1 {
	border-top: 1px solid var(--color-warning-darken-1) !important;
}

.border-bottom-warning.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-warning-darken-1) !important;
}

.border-left-warning.border-left-darken-1 {
	border-right: 1px solid var(--color-warning-darken-1) !important;
}

.border-right-warning.border-right-darken-1 {
	border-left: 1px solid var(--color-warning-darken-1) !important;
}

.overlay-warning.overlay-darken-1 {
	background: var(--color-warning-darken-1);
	background: rgba(253, 161, 40, 0.6);
}

.warning.darken-2 {
	color: var(--color-warning-darken-2) !important;
}

.bg-warning.bg-darken-2 {
	background-color: var(--color-warning-darken-2) !important;
}

.btn-warning.btn-darken-2 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-2) !important;
}

.btn-warning.btn-darken-2:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-2:focus,
.btn-warning.btn-darken-2:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-darken-2 {
	border-color: var(--color-warning-darken-2) !important;
	color: var(--color-warning-darken-2) !important;
}

.btn-outline-warning.btn-outline-darken-2:hover {
	background-color: var(--color-warning-darken-2) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-darken-2) !important;
}

.border-warning.border-darken-2 {
	border: 1px solid var(--color-warning-darken-2) !important;
}

.border-top-warning.border-top-darken-2 {
	border-top: 1px solid var(--color-warning-darken-2) !important;
}

.border-bottom-warning.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-warning-darken-2) !important;
}

.border-left-warning.border-left-darken-2 {
	border-right: 1px solid var(--color-warning-darken-2) !important;
}

.border-right-warning.border-right-darken-2 {
	border-left: 1px solid var(--color-warning-darken-2) !important;
}

.overlay-warning.overlay-darken-2 {
	background: var(--color-warning-darken-2);
	background: rgba(252, 150, 15, 0.6);
}

.warning.darken-3 {
	color: var(--color-warning-darken-3) !important;
}

.bg-warning.bg-darken-3 {
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-3 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-3:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-3:focus,
.btn-warning.btn-darken-3:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-darken-3 {
	border-color: var(--color-warning-darken-3) !important;
	color: var(--color-warning-darken-3) !important;
}

.btn-outline-warning.btn-outline-darken-3:hover {
	background-color: var(--color-warning-darken-3) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-darken-3) !important;
}

.border-warning.border-darken-3 {
	border: 1px solid var(--color-warning-darken-3) !important;
}

.border-top-warning.border-top-darken-3 {
	border-top: 1px solid var(--color-warning-darken-3) !important;
}

.border-bottom-warning.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-warning-darken-3) !important;
}

.border-left-warning.border-left-darken-3 {
	border-right: 1px solid var(--color-warning-darken-3) !important;
}

.border-right-warning.border-right-darken-3 {
	border-left: 1px solid var(--color-warning-darken-3) !important;
}

.overlay-warning.overlay-darken-3 {
	background: var(--color-warning-darken-3);
	background: rgba(239, 137, 3, 0.6);
}

.warning.darken-4 {
	color: var(--color-warning-darken-4) !important;
}

.bg-warning.bg-darken-4 {
	background-color: var(--color-warning-darken-4) !important;
}

.btn-warning.btn-darken-4 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-warning.btn-darken-4:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-darken-4:focus,
.btn-warning.btn-darken-4:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-darken-4 {
	border-color: var(--color-warning-darken-4) !important;
	color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-darken-4:hover {
	background-color: var(--color-warning-darken-4) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-darken-4) !important;
}

.border-warning.border-darken-4 {
	border: 1px solid var(--color-warning-darken-4) !important;
}

.border-top-warning.border-top-darken-4 {
	border-top: 1px solid var(--color-warning-darken-4) !important;
}

.border-bottom-warning.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-warning-darken-4) !important;
}

.border-left-warning.border-left-darken-4 {
	border-right: 1px solid var(--color-warning-darken-4) !important;
}

.border-right-warning.border-right-darken-4 {
	border-left: 1px solid var(--color-warning-darken-4) !important;
}

.overlay-warning.overlay-darken-4 {
	background: var(--color-warning-darken-4);
	background: rgba(214, 123, 2, 0.6);
}

.warning.accent-1 {
	color: var(--color-warning-accent-1) !important;
}

.bg-warning.bg-accent-1 {
	background-color: var(--color-warning-accent-1) !important;
}

.btn-warning.btn-accent-1 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-accent-1) !important;
}

.btn-warning.btn-accent-1:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-accent-1:focus,
.btn-warning.btn-accent-1:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-accent-1 {
	border-color: var(--color-warning-accent-1) !important;
	color: var(--color-warning-accent-1) !important;
}

.btn-outline-warning.btn-outline-accent-1:hover {
	background-color: var(--color-warning-accent-1) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-accent-1) !important;
}

.border-warning.border-accent-1 {
	border: 1px solid var(--color-warning-accent-1) !important;
}

.border-top-warning.border-top-accent-1 {
	border-top: 1px solid var(--color-warning-accent-1) !important;
}

.border-bottom-warning.border-bottom-accent-1 {
	border-bottom: 1px solid var(--color-warning-accent-1) !important;
}

.border-left-warning.border-left-accent-1 {
	border-right: 1px solid var(--color-warning-accent-1) !important;
}

.border-right-warning.border-right-accent-1 {
	border-left: 1px solid var(--color-warning-accent-1) !important;
}

.overlay-warning.overlay-accent-1 {
	background: var(--color-warning-accent-1);
	background: rgba(255, 245, 239, 0.6);
}

.warning.accent-2 {
	color: var(--color-warning-accent-2) !important;
}

.bg-warning.bg-accent-2 {
	background-color: var(--color-warning-accent-2) !important;
}

.btn-warning.btn-accent-2 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-accent-2) !important;
}

.btn-warning.btn-accent-2:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-accent-2:focus,
.btn-warning.btn-accent-2:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-accent-2 {
	border-color: var(--color-warning-accent-2) !important;
	color: var(--color-warning-accent-2) !important;
}

.btn-outline-warning.btn-outline-accent-2:hover {
	background-color: var(--color-warning-accent-2) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-accent-2) !important;
}

.border-warning.border-accent-2 {
	border: 1px solid var(--color-warning-accent-2) !important;
}

.border-top-warning.border-top-accent-2 {
	border-top: 1px solid var(--color-warning-accent-2) !important;
}

.border-bottom-warning.border-bottom-accent-2 {
	border-bottom: 1px solid var(--color-warning-accent-2) !important;
}

.border-left-warning.border-left-accent-2 {
	border-right: 1px solid var(--color-warning-accent-2) !important;
}

.border-right-warning.border-right-accent-2 {
	border-left: 1px solid var(--color-warning-accent-2) !important;
}

.overlay-warning.overlay-accent-2 {
	background: var(--color-warning-accent-2);
	background: rgba(255, 229, 216, 0.6);
}

.warning.accent-3 {
	color: var(--color-warning-accent-3) !important;
}

.bg-warning.bg-accent-3 {
	background-color: var(--color-warning-accent-3) !important;
}

.btn-warning.btn-accent-3 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-accent-3) !important;
}

.btn-warning.btn-accent-3:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-accent-3:focus,
.btn-warning.btn-accent-3:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-accent-3 {
	border-color: var(--color-warning-accent-3) !important;
	color: var(--color-warning-accent-3) !important;
}

.btn-outline-warning.btn-outline-accent-3:hover {
	background-color: var(--color-warning-accent-3) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-accent-3) !important;
}

.border-warning.border-accent-3 {
	border: 1px solid var(--color-warning-accent-3) !important;
}

.border-top-warning.border-top-accent-3 {
	border-top: 1px solid var(--color-warning-accent-3) !important;
}

.border-bottom-warning.border-bottom-accent-3 {
	border-bottom: 1px solid var(--color-warning-accent-3) !important;
}

.border-left-warning.border-left-accent-3 {
	border-right: 1px solid var(--color-warning-accent-3) !important;
}

.border-right-warning.border-right-accent-3 {
	border-left: 1px solid var(--color-warning-accent-3) !important;
}

.overlay-warning.overlay-accent-3 {
	background: var(--color-warning-accent-3);
	background: rgba(255, 246, 243, 0.6);
}

.warning.accent-4 {
	color: var(--color-warning-accent-4) !important;
}

.bg-warning.bg-accent-4 {
	background-color: var(--color-warning-accent-4) !important;
}

.btn-warning.btn-accent-4 {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-accent-4) !important;
}

.btn-warning.btn-accent-4:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-accent-4:focus,
.btn-warning.btn-accent-4:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-accent-4 {
	border-color: var(--color-warning-accent-4) !important;
	color: var(--color-warning-accent-4) !important;
}

.btn-outline-warning.btn-outline-accent-4:hover {
	background-color: var(--color-warning-accent-4) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-accent-4) !important;
}

.border-warning.border-accent-4 {
	border: 1px solid var(--color-warning-accent-4) !important;
}

.border-top-warning.border-top-accent-4 {
	border-top: 1px solid var(--color-warning-accent-4) !important;
}

.border-bottom-warning.border-bottom-accent-4 {
	border-bottom: 1px solid var(--color-warning-accent-4) !important;
}

.border-left-warning.border-left-accent-4 {
	border-right: 1px solid var(--color-warning-accent-4) !important;
}

.border-right-warning.border-right-accent-4 {
	border-left: 1px solid var(--color-warning-accent-4) !important;
}

.overlay-warning.overlay-accent-4 {
	background: var(--color-warning-accent-4);
	background: rgba(255, 227, 218, 0.6);
}

.warning.light {
	color: var(--color-warning-light) !important;
}

.bg-warning.bg-light {
	background-color: var(--color-warning-light) !important;
}

.btn-warning.btn-light {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-light) !important;
}

.btn-warning.btn-light:hover {
	border-color: var(--color-warning-darken-2) !important;
	background-color: var(--color-warning-darken-3) !important;
}

.btn-warning.btn-light:focus,
.btn-warning.btn-light:active {
	border-color: var(--color-warning-darken-3) !important;
	background-color: var(--color-warning-darken-4) !important;
}

.btn-outline-warning.btn-outline-light {
	border-color: var(--color-warning-light) !important;
	color: var(--color-warning-light) !important;
}

.btn-outline-warning.btn-outline-light:hover {
	background-color: var(--color-warning-light) !important;
}

input:focus~.bg-warning {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-warning-light) !important;
}

.border-warning.border-light {
	border: 1px solid var(--color-warning-light) !important;
}

.border-top-warning.border-top-light {
	border-top: 1px solid var(--color-warning-light) !important;
}

.border-bottom-warning.border-bottom-light {
	border-bottom: 1px solid var(--color-warning-light) !important;
}

.border-left-warning.border-left-light {
	border-right: 1px solid var(--color-warning-light) !important;
}

.border-right-warning.border-right-light {
	border-left: 1px solid var(--color-warning-light) !important;
}

.overlay-warning.overlay-light {
	background: var(--color-warning-light);
	background: rgba(255, 238, 217, 0.6);
}

.danger.lighten-5 {
	color: var(--color-danger-lighten-5) !important;
}

.bg-danger.bg-lighten-5 {
	background-color: var(--color-danger-lighten-5) !important;
}

.btn-danger.btn-lighten-5 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-lighten-5) !important;
}

.btn-danger.btn-lighten-5:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-lighten-5:focus,
.btn-danger.btn-lighten-5:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-lighten-5 {
	border-color: var(--color-danger-lighten-5) !important;
	color: var(--color-danger-lighten-5) !important;
}

.btn-outline-danger.btn-outline-lighten-5:hover {
	background-color: var(--color-danger-lighten-5) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-lighten-5) !important;
}

.border-danger.border-lighten-5 {
	border: 1px solid var(--color-danger-lighten-5) !important;
}

.border-top-danger.border-top-lighten-5 {
	border-top: 1px solid var(--color-danger-lighten-5) !important;
}

.border-bottom-danger.border-bottom-lighten-5 {
	border-bottom: 1px solid var(--color-danger-lighten-5) !important;
}

.border-left-danger.border-left-lighten-5 {
	border-right: 1px solid var(--color-danger-lighten-5) !important;
}

.border-right-danger.border-right-lighten-5 {
	border-left: 1px solid var(--color-danger-lighten-5) !important;
}

.overlay-danger.overlay-lighten-5 {
	background: var(--color-danger-lighten-5);
	background: rgba(255, 219, 219, 0.6);
}

.danger.lighten-4 {
	color: var(--color-danger-lighten-4) !important;
}

.bg-danger.bg-lighten-4 {
	background-color: var(--color-danger-lighten-4) !important;
}

.btn-danger.btn-lighten-4 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-lighten-4) !important;
}

.btn-danger.btn-lighten-4:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-lighten-4:focus,
.btn-danger.btn-lighten-4:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-lighten-4 {
	border-color: var(--color-danger-lighten-4) !important;
	color: var(--color-danger-lighten-4) !important;
}

.btn-outline-danger.btn-outline-lighten-4:hover {
	background-color: var(--color-danger-lighten-4) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-lighten-4) !important;
}

.border-danger.border-lighten-4 {
	border: 1px solid var(--color-danger-lighten-4) !important;
}

.border-top-danger.border-top-lighten-4 {
	border-top: 1px solid var(--color-danger-lighten-4) !important;
}

.border-bottom-danger.border-bottom-lighten-4 {
	border-bottom: 1px solid var(--color-danger-lighten-4) !important;
}

.border-left-danger.border-left-lighten-4 {
	border-right: 1px solid var(--color-danger-lighten-4) !important;
}

.border-right-danger.border-right-lighten-4 {
	border-left: 1px solid var(--color-danger-lighten-4) !important;
}

.overlay-danger.overlay-lighten-4 {
	background: var(--color-danger-lighten-4);
	background: rgba(255, 193, 193, 0.6);
}

.danger.lighten-3 {
	color: var(--color-danger-lighten-3) !important;
}

.bg-danger.bg-lighten-3 {
	background-color: var(--color-danger-lighten-3) !important;
}

.btn-danger.btn-lighten-3 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-lighten-3) !important;
}

.btn-danger.btn-lighten-3:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-lighten-3:focus,
.btn-danger.btn-lighten-3:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-lighten-3 {
	border-color: var(--color-danger-lighten-3) !important;
	color: var(--color-danger-lighten-3) !important;
}

.btn-outline-danger.btn-outline-lighten-3:hover {
	background-color: var(--color-danger-lighten-3) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-lighten-3) !important;
}

.border-danger.border-lighten-3 {
	border: 1px solid var(--color-danger-lighten-3) !important;
}

.border-top-danger.border-top-lighten-3 {
	border-top: 1px solid var(--color-danger-lighten-3) !important;
}

.border-bottom-danger.border-bottom-lighten-3 {
	border-bottom: 1px solid var(--color-danger-lighten-3) !important;
}

.border-left-danger.border-left-lighten-3 {
	border-right: 1px solid var(--color-danger-lighten-3) !important;
}

.border-right-danger.border-right-lighten-3 {
	border-left: 1px solid var(--color-danger-lighten-3) !important;
}

.overlay-danger.overlay-lighten-3 {
	background: var(--color-danger-lighten-3);
	background: rgba(255, 168, 168, 0.6);
}

.danger.lighten-2 {
	color: var(--color-danger-lighten-2) !important;
}

.bg-danger.bg-lighten-2 {
	background-color: var(--color-danger-lighten-2) !important;
}

.btn-danger.btn-lighten-2 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-lighten-2) !important;
}

.btn-danger.btn-lighten-2:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-lighten-2:focus,
.btn-danger.btn-lighten-2:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-lighten-2 {
	border-color: var(--color-danger-lighten-2) !important;
	color: var(--color-danger-lighten-2) !important;
}

.btn-outline-danger.btn-outline-lighten-2:hover {
	background-color: var(--color-danger-lighten-2) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-lighten-2) !important;
}

.border-danger.border-lighten-2 {
	border: 1px solid var(--color-danger-lighten-2) !important;
}

.border-top-danger.border-top-lighten-2 {
	border-top: 1px solid var(--color-danger-lighten-2) !important;
}

.border-bottom-danger.border-bottom-lighten-2 {
	border-bottom: 1px solid var(--color-danger-lighten-2) !important;
}

.border-left-danger.border-left-lighten-2 {
	border-right: 1px solid var(--color-danger-lighten-2) !important;
}

.border-right-danger.border-right-lighten-2 {
	border-left: 1px solid var(--color-danger-lighten-2) !important;
}

.overlay-danger.overlay-lighten-2 {
	background: var(--color-danger-lighten-2);
	background: rgba(255, 142, 143, 0.6);
}

.danger.lighten-1 {
	color: var(--color-danger-lighten-1) !important;
}

.bg-danger.bg-lighten-1 {
	background-color: var(--color-danger-lighten-1) !important;
}

.btn-danger.btn-lighten-1 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-lighten-1) !important;
}

.btn-danger.btn-lighten-1:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-lighten-1:focus,
.btn-danger.btn-lighten-1:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-lighten-1 {
	border-color: var(--color-danger-lighten-1) !important;
	color: var(--color-danger-lighten-1) !important;
}

.btn-outline-danger.btn-outline-lighten-1:hover {
	background-color: var(--color-danger-lighten-1) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-lighten-1) !important;
}

.border-danger.border-lighten-1 {
	border: 1px solid var(--color-danger-lighten-1) !important;
}

.border-top-danger.border-top-lighten-1 {
	border-top: 1px solid var(--color-danger-lighten-1) !important;
}

.border-bottom-danger.border-bottom-lighten-1 {
	border-bottom: 1px solid var(--color-danger-lighten-1) !important;
}

.border-left-danger.border-left-lighten-1 {
	border-right: 1px solid var(--color-danger-lighten-1) !important;
}

.border-right-danger.border-right-lighten-1 {
	border-left: 1px solid var(--color-danger-lighten-1) !important;
}

.overlay-danger.overlay-lighten-1 {
	background: var(--color-danger-lighten-1);
	background: rgba(255, 117, 117, 0.6);
}

/* danger Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.danger {
	color: var(--color-danger) !important;
}

/* text with light danger */
.text-light-danger {
	color: rgba(255, 91, 92, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-danger {
	background-color: var(--color-danger) !important;
}

.bg-danger .card-header,
.bg-danger .card-footer {
	background-color: transparent;
}

/* bg color lighten for rgba - opacity set */
.bg-rgba-danger {
	background: rgba(255, 91, 92, 0.2) !important;
}

.bg-rgba-danger.alert {
	color: var(--color-danger);
}

.bg-rgba-danger.alert.alert-dismissible .close {
	color: var(--color-danger);
}

/* Alert danger */
/* ---------------- */
.alert.alert-danger {
	background: var(--color-danger) !important;
	color: var(--color-white) !important;
	box-shadow: 0 3px 8px 0 rgba(255, 91, 92, 0.4);
	border: none;
}

/* Border danger */
/* ---------------- */
.border-danger {
	border: 1px solid var(--color-danger) !important;
}

.border-danger .select2-selection__arrow b {
	border-color: var(--color-danger-darken-2) !important;
}

.border-danger.alert {
	color: var(--color-danger);
}

.border-danger.alert.alert-dismissible .close {
	color: var(--color-danger);
}

.border-top-danger {
	border-top: 1px solid var(--color-danger);
}

.border-bottom-danger {
	border-bottom: 1px solid var(--color-danger);
}

.border-left-danger {
	border-right: 1px solid var(--color-danger);
}

.border-right-danger {
	border-left: 1px solid var(--color-danger);
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-danger .navbar-nav .nav-item>a i {
	-webkit-text-stroke: 0.2px var(--color-danger) !important;
}

/* Badges */
/* ------ */
.badge.badge-danger {
	background-color: var(--color-danger);
}

.badge.badge-light-danger {
	background-color: var(--color-danger-light);
	color: var(--color-danger) !important;
}

.badge.bg-danger.badge-glow,
.badge.border-danger.badge-glow,
.badge.badge-danger.badge-glow {
	box-shadow: 0 0 10px var(--color-danger);
}

.badge-circle-danger {
	background-color: var(--color-danger);
}

.badge-circle-light-danger {
	background-color: var(--color-danger-light);
	color: var(--color-danger);
}

.overlay-danger {
	background: var(--color-danger);
	background: rgba(255, 91, 92, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-danger {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger) !important;
	color: var(--color-white);
}

.btn-danger:hover,
.btn-danger.hover {
	background-color: var(--color-danger-lighten-1) !important;
	color: var(--color-white);
}

.btn-danger:hover.glow,
.btn-danger.hover.glow {
	box-shadow: 0 4px 12px 0 rgba(255, 91, 92, 0.6) !important;
}

.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
	background-color: var(--color-danger-darken-1) !important;
	color: var(--color-white) !important;
}

.btn-danger.glow {
	box-shadow: 0 2px 4px 0 rgba(255, 91, 92, 0.5) !important;
}

.btn-danger:disabled,
.btn-danger.disabled {
	color: var(--color-white) !important;
}

.btn-light-danger {
	background-color: var(--color-danger-light);
	color: var(--color-danger) !important;
}

.btn-light-danger:hover,
.btn-light-danger.hover {
	background-color: var(--color-danger-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-light-danger:active,
.btn-light-danger.active {
	background-color: var(--color-danger-darken-1) !important;
	color: var(--color-white) !important;
}

/* Outline buttons */
.btn-outline-danger {
	border: 1px solid var(--color-danger);
	background-color: transparent;
	color: var(--color-danger) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger.hover {
	background-color: var(--color-danger-lighten-1) !important;
	color: var(--color-white) !important;
}

.btn-outline-danger:active,
.btn-outline-danger.active {
	background-color: var(--color-danger-darken-1) !important;
	color: var(--color-white) !important;
}

/* Dropdowns */
/* --------- */
.btn-danger~.dropdown-menu .dropdown-item.active,
.btn-outline-danger~.dropdown-menu .dropdown-item.active {
	background-color: var(--color-danger);
	color: var(--color-white);
}

.btn-danger~.dropdown-menu .dropdown-item.active:hover,
.btn-outline-danger~.dropdown-menu .dropdown-item.active:hover {
	color: var(--color-white);
}

.dropdown.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:hover i {
	color: var(--color-danger);
}

.dropdown.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-danger~.dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger~.dropdown-menu .dropdown-item:active i {
	color: var(--color-white);
}

/* Bullet danger */
.bullet.bullet-danger {
	background-color: var(--color-danger);
}

/* For Pagination */
/* -------------- */
.pagination-danger .page-item.active .page-link,
.pagination-danger .page-item.active .page-link:hover {
	background: var(--color-danger) !important;
	color: var(--color-white);
}

.pagination-danger .page-item .page-link:hover {
	background-color: var(--color-danger-light) !important;
}

.pagination-danger .page-item.previous .page-link,
.pagination-danger .page-item.next .page-link {
	color: var(--color-danger);
}

.pagination-danger .page-item.previous .page-link:hover,
.pagination-danger .page-item.next .page-link:hover {
	background: var(--color-danger);
}

/* Progress Bars danger */
/* ---------------------- */
.progress-bar-danger .progress-bar {
	background-color: var(--color-danger);
	box-shadow: 0 2px 6px 0 rgba(255, 91, 92, 0.6);
}

/* Chips danger */
/* ---------------- */
.chip-danger {
	background-color: var(--color-danger) !important;
}

.chip-danger .chip-body {
	color: var(--color-white) !important;
}

/* Divider danger */
/* ---------------*/
.divider.divider-danger .divider-text:before,
.divider.divider-danger .divider-text:after {
	border-color: var(--color-danger) !important;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-danger:before {
	background: var(--color-danger) !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type='checkbox'].bg-danger+.custom-control-label:before,
input[type='radio'].bg-danger+.custom-control-label:before {
	background-color: var(--color-danger) !important;
	border-color: var(--color-danger-darken-2) !important;
}

.checkbox.checkbox-danger input:checked~label::before,
.checkbox.radio-danger input:checked~label::before,
.radio.checkbox-danger input:checked~label::before,
.radio.radio-danger input:checked~label::before {
	background-color: var(--color-danger);
	border-color: var(--color-danger);
}

.checkbox.checkbox-danger input:checked~label::after,
.checkbox.radio-danger input:checked~label::after,
.radio.checkbox-danger input:checked~label::after,
.radio.radio-danger input:checked~label::after {
	border-color: var(--color-white);
}

.checkbox.checkbox-danger.checkbox-glow input:checked~label::before,
.checkbox.checkbox-danger.radio-glow input:checked~label::before,
.checkbox.radio-danger.checkbox-glow input:checked~label::before,
.checkbox.radio-danger.radio-glow input:checked~label::before,
.radio.checkbox-danger.checkbox-glow input:checked~label::before,
.radio.checkbox-danger.radio-glow input:checked~label::before,
.radio.radio-danger.checkbox-glow input:checked~label::before,
.radio.radio-danger.radio-glow input:checked~label::before {
	box-shadow: 0 0 6px 0 rgba(255, 91, 92, 0.7);
}

.checkbox.checkbox-danger.checkbox-icon label i,
.checkbox.radio-danger.checkbox-icon label i,
.radio.checkbox-danger.checkbox-icon label i,
.radio.radio-danger.checkbox-icon label i {
	color: var(--color-white);
}

.checkbox.checkbox-danger label:after {
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.radio.radio-danger input:checked~label::after {
	background-color: var(--color-white);
	-webkit-transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-danger .custom-control-input:checked~.custom-control-label::before {
	background-color: var(--color-danger) !important;
	color: var(--color-white);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-switch-danger.custom-switch-glow .custom-control-input:not(:disabled):checked~.custom-control-label::before {
	box-shadow: 0 0 8px 0 rgba(255, 91, 92, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-danger,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-danger {
	box-shadow: 0 0 8px 0 rgba(255, 91, 92, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=danger]:before {
	background-color: var(--color-danger);
}

.edit-kanban-item select option.bg-color_name {
	background-color: var(--color-danger);
}

/* Select2 danger */
/* ---------------*/
select.select-light-danger~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-danger~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
	background-color: var(--color-danger-light) !important;
	color: var(--color-danger) !important;
}

.danger.darken-1 {
	color: var(--color-danger-darken-1) !important;
}

.bg-danger.bg-darken-1 {
	background-color: var(--color-danger-darken-1) !important;
}

.btn-danger.btn-darken-1 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-1) !important;
}

.btn-danger.btn-darken-1:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-1:focus,
.btn-danger.btn-darken-1:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-darken-1 {
	border-color: var(--color-danger-darken-1) !important;
	color: var(--color-danger-darken-1) !important;
}

.btn-outline-danger.btn-outline-darken-1:hover {
	background-color: var(--color-danger-darken-1) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-darken-1) !important;
}

.border-danger.border-darken-1 {
	border: 1px solid var(--color-danger-darken-1) !important;
}

.border-top-danger.border-top-darken-1 {
	border-top: 1px solid var(--color-danger-darken-1) !important;
}

.border-bottom-danger.border-bottom-darken-1 {
	border-bottom: 1px solid var(--color-danger-darken-1) !important;
}

.border-left-danger.border-left-darken-1 {
	border-right: 1px solid var(--color-danger-darken-1) !important;
}

.border-right-danger.border-right-darken-1 {
	border-left: 1px solid var(--color-danger-darken-1) !important;
}

.overlay-danger.overlay-darken-1 {
	background: var(--color-danger-darken-1);
	background: rgba(255, 66, 67, 0.6);
}

.danger.darken-2 {
	color: var(--color-danger-darken-2) !important;
}

.bg-danger.bg-darken-2 {
	background-color: var(--color-danger-darken-2) !important;
}

.btn-danger.btn-darken-2 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-2) !important;
}

.btn-danger.btn-darken-2:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-2:focus,
.btn-danger.btn-darken-2:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-darken-2 {
	border-color: var(--color-danger-darken-2) !important;
	color: var(--color-danger-darken-2) !important;
}

.btn-outline-danger.btn-outline-darken-2:hover {
	background-color: var(--color-danger-darken-2) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-darken-2) !important;
}

.border-danger.border-darken-2 {
	border: 1px solid var(--color-danger-darken-2) !important;
}

.border-top-danger.border-top-darken-2 {
	border-top: 1px solid var(--color-danger-darken-2) !important;
}

.border-bottom-danger.border-bottom-darken-2 {
	border-bottom: 1px solid var(--color-danger-darken-2) !important;
}

.border-left-danger.border-left-darken-2 {
	border-right: 1px solid var(--color-danger-darken-2) !important;
}

.border-right-danger.border-right-darken-2 {
	border-left: 1px solid var(--color-danger-darken-2) !important;
}

.overlay-danger.overlay-darken-2 {
	background: var(--color-danger-darken-2);
	background: rgba(255, 40, 41, 0.6);
}

.danger.darken-3 {
	color: var(--color-danger-darken-3) !important;
}

.bg-danger.bg-darken-3 {
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-3 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-3:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-3:focus,
.btn-danger.btn-darken-3:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-darken-3 {
	border-color: var(--color-danger-darken-3) !important;
	color: var(--color-danger-darken-3) !important;
}

.btn-outline-danger.btn-outline-darken-3:hover {
	background-color: var(--color-danger-darken-3) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-darken-3) !important;
}

.border-danger.border-darken-3 {
	border: 1px solid var(--color-danger-darken-3) !important;
}

.border-top-danger.border-top-darken-3 {
	border-top: 1px solid var(--color-danger-darken-3) !important;
}

.border-bottom-danger.border-bottom-darken-3 {
	border-bottom: 1px solid var(--color-danger-darken-3) !important;
}

.border-left-danger.border-left-darken-3 {
	border-right: 1px solid var(--color-danger-darken-3) !important;
}

.border-right-danger.border-right-darken-3 {
	border-left: 1px solid var(--color-danger-darken-3) !important;
}

.overlay-danger.overlay-darken-3 {
	background: var(--color-danger-darken-3);
	background: rgba(255, 15, 16, 0.6);
}

.danger.darken-4 {
	color: var(--color-danger-darken-4) !important;
}

.bg-danger.bg-darken-4 {
	background-color: var(--color-danger-darken-4) !important;
}

.btn-danger.btn-darken-4 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-danger.btn-darken-4:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-darken-4:focus,
.btn-danger.btn-darken-4:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-darken-4 {
	border-color: var(--color-danger-darken-4) !important;
	color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-darken-4:hover {
	background-color: var(--color-danger-darken-4) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-darken-4) !important;
}

.border-danger.border-darken-4 {
	border: 1px solid var(--color-danger-darken-4) !important;
}

.border-top-danger.border-top-darken-4 {
	border-top: 1px solid var(--color-danger-darken-4) !important;
}

.border-bottom-danger.border-bottom-darken-4 {
	border-bottom: 1px solid var(--color-danger-darken-4) !important;
}

.border-left-danger.border-left-darken-4 {
	border-right: 1px solid var(--color-danger-darken-4) !important;
}

.border-right-danger.border-right-darken-4 {
	border-left: 1px solid var(--color-danger-darken-4) !important;
}

.overlay-danger.overlay-darken-4 {
	background: var(--color-danger-darken-4);
	background: rgba(244, 0, 1, 0.6);
}

.danger.accent-1 {
	color: var(--color-danger-accent-1) !important;
}

.bg-danger.bg-accent-1 {
	background-color: var(--color-danger-accent-1) !important;
}

.btn-danger.btn-accent-1 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-accent-1) !important;
}

.btn-danger.btn-accent-1:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-accent-1:focus,
.btn-danger.btn-accent-1:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-accent-1 {
	border-color: var(--color-danger-accent-1) !important;
	color: var(--color-danger-accent-1) !important;
}

.btn-outline-danger.btn-outline-accent-1:hover {
	background-color: var(--color-danger-accent-1) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-accent-1) !important;
}

.border-danger.border-accent-1 {
	border: 1px solid var(--color-danger-accent-1) !important;
}

.border-top-danger.border-top-accent-1 {
	border-top: 1px solid var(--color-danger-accent-1) !important;
}

.border-bottom-danger.border-bottom-accent-1 {
	border-bottom: 1px solid var(--color-danger-accent-1) !important;
}

.border-left-danger.border-left-accent-1 {
	border-right: 1px solid var(--color-danger-accent-1) !important;
}

.border-right-danger.border-right-accent-1 {
	border-left: 1px solid var(--color-danger-accent-1) !important;
}

.overlay-danger.overlay-accent-1 {
	background: var(--color-danger-accent-1);
	background: rgba(255, 238, 241, 0.6);
}

.danger.accent-2 {
	color: var(--color-danger-accent-2) !important;
}

.bg-danger.bg-accent-2 {
	background-color: var(--color-danger-accent-2) !important;
}

.btn-danger.btn-accent-2 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-accent-2) !important;
}

.btn-danger.btn-accent-2:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-accent-2:focus,
.btn-danger.btn-accent-2:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-accent-2 {
	border-color: var(--color-danger-accent-2) !important;
	color: var(--color-danger-accent-2) !important;
}

.btn-outline-danger.btn-outline-accent-2:hover {
	background-color: var(--color-danger-accent-2) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-accent-2) !important;
}

.border-danger.border-accent-2 {
	border: 1px solid var(--color-danger-accent-2) !important;
}

.border-top-danger.border-top-accent-2 {
	border-top: 1px solid var(--color-danger-accent-2) !important;
}

.border-bottom-danger.border-bottom-accent-2 {
	border-bottom: 1px solid var(--color-danger-accent-2) !important;
}

.border-left-danger.border-left-accent-2 {
	border-right: 1px solid var(--color-danger-accent-2) !important;
}

.border-right-danger.border-right-accent-2 {
	border-left: 1px solid var(--color-danger-accent-2) !important;
}

.overlay-danger.overlay-accent-2 {
	background: var(--color-danger-accent-2);
	background: rgba(255, 214, 219, 0.6);
}

.danger.accent-3 {
	color: var(--color-danger-accent-3) !important;
}

.bg-danger.bg-accent-3 {
	background-color: var(--color-danger-accent-3) !important;
}

.btn-danger.btn-accent-3 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-accent-3) !important;
}

.btn-danger.btn-accent-3:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-accent-3:focus,
.btn-danger.btn-accent-3:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-accent-3 {
	border-color: var(--color-danger-accent-3) !important;
	color: var(--color-danger-accent-3) !important;
}

.btn-outline-danger.btn-outline-accent-3:hover {
	background-color: var(--color-danger-accent-3) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-accent-3) !important;
}

.border-danger.border-accent-3 {
	border: 1px solid var(--color-danger-accent-3) !important;
}

.border-top-danger.border-top-accent-3 {
	border-top: 1px solid var(--color-danger-accent-3) !important;
}

.border-bottom-danger.border-bottom-accent-3 {
	border-bottom: 1px solid var(--color-danger-accent-3) !important;
}

.border-left-danger.border-left-accent-3 {
	border-right: 1px solid var(--color-danger-accent-3) !important;
}

.border-right-danger.border-right-accent-3 {
	border-left: 1px solid var(--color-danger-accent-3) !important;
}

.overlay-danger.overlay-accent-3 {
	background: var(--color-danger-accent-3);
	background: rgba(255, 236, 238, 0.6);
}

.danger.accent-4 {
	color: var(--color-danger-accent-4) !important;
}

.bg-danger.bg-accent-4 {
	background-color: var(--color-danger-accent-4) !important;
}

.btn-danger.btn-accent-4 {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-accent-4) !important;
}

.btn-danger.btn-accent-4:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-accent-4:focus,
.btn-danger.btn-accent-4:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-accent-4 {
	border-color: var(--color-danger-accent-4) !important;
	color: var(--color-danger-accent-4) !important;
}

.btn-outline-danger.btn-outline-accent-4:hover {
	background-color: var(--color-danger-accent-4) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-accent-4) !important;
}

.border-danger.border-accent-4 {
	border: 1px solid var(--color-danger-accent-4) !important;
}

.border-top-danger.border-top-accent-4 {
	border-top: 1px solid var(--color-danger-accent-4) !important;
}

.border-bottom-danger.border-bottom-accent-4 {
	border-bottom: 1px solid var(--color-danger-accent-4) !important;
}

.border-left-danger.border-left-accent-4 {
	border-right: 1px solid var(--color-danger-accent-4) !important;
}

.border-right-danger.border-right-accent-4 {
	border-left: 1px solid var(--color-danger-accent-4) !important;
}

.overlay-danger.overlay-accent-4 {
	background: var(--color-danger-accent-4);
	background: rgba(255, 211, 215, 0.6);
}

.danger.light {
	color: var(--color-danger-light) !important;
}

.bg-danger.bg-light {
	background-color: var(--color-danger-light) !important;
}

.btn-danger.btn-light {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-light) !important;
}

.btn-danger.btn-light:hover {
	border-color: var(--color-danger-darken-2) !important;
	background-color: var(--color-danger-darken-3) !important;
}

.btn-danger.btn-light:focus,
.btn-danger.btn-light:active {
	border-color: var(--color-danger-darken-3) !important;
	background-color: var(--color-danger-darken-4) !important;
}

.btn-outline-danger.btn-outline-light {
	border-color: var(--color-danger-light) !important;
	color: var(--color-danger-light) !important;
}

.btn-outline-danger.btn-outline-light:hover {
	background-color: var(--color-danger-light) !important;
}

input:focus~.bg-danger {
	box-shadow: 0 0 0 0.075rem var(--color-white), 0 0 0 0.21rem var(--color-danger-light) !important;
}

.border-danger.border-light {
	border: 1px solid var(--color-danger-light) !important;
}

.border-top-danger.border-top-light {
	border-top: 1px solid var(--color-danger-light) !important;
}

.border-bottom-danger.border-bottom-light {
	border-bottom: 1px solid var(--color-danger-light) !important;
}

.border-left-danger.border-left-light {
	border-right: 1px solid var(--color-danger-light) !important;
}

.border-right-danger.border-right-light {
	border-left: 1px solid var(--color-danger-light) !important;
}

.overlay-danger.overlay-light {
	background: var(--color-danger-light);
	background: rgba(255, 222, 222, 0.6);
}

.booked-box{
    min-height: 90px;
}