/* ######## start:appdemand */
:root{
   --bs-appdemand: #1B518F;
}
[data-bs-theme=light] {
  --bs-appdemand: #1B518F;
  --bs-appdemand-inverse: #FFFFFF;
  --bs-appdemand-rgb: rgb(27, 81, 143);
  --bs-text-appdemand: #1B518F;
}
[data-bs-theme=dark]{
    --bs-appdemand: #427dc0;
    --bs-appdemand-inverse: #CDCDDE;
    --bs-appdemand-rgb: rgb(66, 125, 192);
    --bs-text-appdemand: #427dc0;
}

.text-bg-appdemand {
  color: #FFFFFF !important;
  background-color: RGBA(27, 81, 143, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-appdemand {
  border-color: var(--bs-appdemand);
  background-color: var(--bs-appdemand);
}
.bg-appdemand {
  --bs-bg-rgb-color: var(--bs-appdemand-rgb);
  background-color: var(--bs-appdemand) !important;
}
.svg-icon.svg-icon-appdemand {
  color: var(--bs-text-appdemand);
}

.text-appdemand {
  color: var(--bs-text-appdemand) !important;
}

.text-inverse-appdemand {
  color: var(--bs-appdemand-inverse) !important;
}

.text-hover-appdemand {
  transition: color 0.2s ease;
}
.text-hover-appdemand i {
  transition: color 0.2s ease;
}
.text-hover-appdemand:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-appdemand) !important;
}
.text-hover-appdemand:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-appdemand) !important;
}
.text-hover-appdemand:hover .svg-icon {
  color: var(--bs-text-appdemand) !important;
}

.text-active-appdemand {
  transition: color 0.2s ease;
}
.text-active-appdemand i {
  transition: color 0.2s ease;
}
.text-active-appdemand.active {
  transition: color 0.2s ease;
  color: var(--bs-text-appdemand) !important;
}
.text-active-appdemand.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-appdemand) !important;
}
.text-active-appdemand.active .svg-icon {
  color: var(--bs-text-appdemand) !important;
}
.border-appdemand {
    border-color: var(--bs-appdemand) !important;
}

.icon-appdemand {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-appdemand::before {  
    content: "\f07a";
}

.badge-appdemand {
  color: var(--bs-appdemand-inverse);
  background-color: var(--bs-appdemand);
}
.badge-appdemand.badge-outline {
  border: 1px solid var(--bs-appdemand);
  color: var(--bs-appdemand);
  background-color: transparent;
}

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

.parent-hover .parent-hover-appdemand {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-appdemand {
  transition: color 0.2s ease;
  color: var(--bs-text-appdemand) !important;
}

/* ######## end:appdemand */

    
    
/* ######## start:yub5map */
:root{
   --bs-yub5map: #009021;
}
[data-bs-theme=light] {
  --bs-yub5map: #009021;
  --bs-yub5map-inverse: #FFFFFF;
  --bs-yub5map-rgb: rgb(0, 144, 33);
  --bs-text-yub5map: #009021;
}
[data-bs-theme=dark]{
    --bs-yub5map: #427dc0;
    --bs-yub5map-inverse: #CDCDDE;
    --bs-yub5map-rgb: rgb(66, 125, 192);
    --bs-text-yub5map: #427dc0;
}

.text-bg-yub5map {
  color: #FFFFFF !important;
  background-color: RGBA(0, 144, 33, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-yub5map {
  border-color: var(--bs-yub5map);
  background-color: var(--bs-yub5map);
}
.bg-yub5map {
  --bs-bg-rgb-color: var(--bs-yub5map-rgb);
  background-color: var(--bs-yub5map) !important;
}
.svg-icon.svg-icon-yub5map {
  color: var(--bs-text-yub5map);
}

.text-yub5map {
  color: var(--bs-text-yub5map) !important;
}

.text-inverse-yub5map {
  color: var(--bs-yub5map-inverse) !important;
}

.text-hover-yub5map {
  transition: color 0.2s ease;
}
.text-hover-yub5map i {
  transition: color 0.2s ease;
}
.text-hover-yub5map:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5map) !important;
}
.text-hover-yub5map:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5map) !important;
}
.text-hover-yub5map:hover .svg-icon {
  color: var(--bs-text-yub5map) !important;
}

.text-active-yub5map {
  transition: color 0.2s ease;
}
.text-active-yub5map i {
  transition: color 0.2s ease;
}
.text-active-yub5map.active {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5map) !important;
}
.text-active-yub5map.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5map) !important;
}
.text-active-yub5map.active .svg-icon {
  color: var(--bs-text-yub5map) !important;
}
.border-yub5map {
    border-color: var(--bs-yub5map) !important;
}

.icon-yub5map {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-yub5map::before {  
    content: "\f083";
}

.badge-yub5map {
  color: var(--bs-yub5map-inverse);
  background-color: var(--bs-yub5map);
}
.badge-yub5map.badge-outline {
  border: 1px solid var(--bs-yub5map);
  color: var(--bs-yub5map);
  background-color: transparent;
}

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

.parent-hover .parent-hover-yub5map {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-yub5map {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5map) !important;
}

/* ######## end:yub5map */

    
    
/* ######## start:yub5submap */
:root{
   --bs-yub5submap: #f88a3c;
}
[data-bs-theme=light] {
  --bs-yub5submap: #f88a3c;
  --bs-yub5submap-inverse: #FFFFFF;
  --bs-yub5submap-rgb: rgb(248, 138, 60);
  --bs-text-yub5submap: #f88a3c;
}
[data-bs-theme=dark]{
    --bs-yub5submap: #427dc0;
    --bs-yub5submap-inverse: #CDCDDE;
    --bs-yub5submap-rgb: rgb(66, 125, 192);
    --bs-text-yub5submap: #427dc0;
}

.text-bg-yub5submap {
  color: #FFFFFF !important;
  background-color: RGBA(248, 138, 60, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-yub5submap {
  border-color: var(--bs-yub5submap);
  background-color: var(--bs-yub5submap);
}
.bg-yub5submap {
  --bs-bg-rgb-color: var(--bs-yub5submap-rgb);
  background-color: var(--bs-yub5submap) !important;
}
.svg-icon.svg-icon-yub5submap {
  color: var(--bs-text-yub5submap);
}

.text-yub5submap {
  color: var(--bs-text-yub5submap) !important;
}

.text-inverse-yub5submap {
  color: var(--bs-yub5submap-inverse) !important;
}

.text-hover-yub5submap {
  transition: color 0.2s ease;
}
.text-hover-yub5submap i {
  transition: color 0.2s ease;
}
.text-hover-yub5submap:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5submap) !important;
}
.text-hover-yub5submap:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5submap) !important;
}
.text-hover-yub5submap:hover .svg-icon {
  color: var(--bs-text-yub5submap) !important;
}

.text-active-yub5submap {
  transition: color 0.2s ease;
}
.text-active-yub5submap i {
  transition: color 0.2s ease;
}
.text-active-yub5submap.active {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5submap) !important;
}
.text-active-yub5submap.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5submap) !important;
}
.text-active-yub5submap.active .svg-icon {
  color: var(--bs-text-yub5submap) !important;
}
.border-yub5submap {
    border-color: var(--bs-yub5submap) !important;
}

.icon-yub5submap {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-yub5submap::before {  
    content: "\f6e2";
}

.badge-yub5submap {
  color: var(--bs-yub5submap-inverse);
  background-color: var(--bs-yub5submap);
}
.badge-yub5submap.badge-outline {
  border: 1px solid var(--bs-yub5submap);
  color: var(--bs-yub5submap);
  background-color: transparent;
}

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

.parent-hover .parent-hover-yub5submap {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-yub5submap {
  transition: color 0.2s ease;
  color: var(--bs-text-yub5submap) !important;
}

/* ######## end:yub5submap */

    
    
/* ######## start:requirement */
:root{
   --bs-requirement: #229690;
}
[data-bs-theme=light] {
  --bs-requirement: #229690;
  --bs-requirement-inverse: #FFFFFF;
  --bs-requirement-rgb: rgb(34, 150, 144);
  --bs-text-requirement: #229690;
}
[data-bs-theme=dark]{
    --bs-requirement: #427dc0;
    --bs-requirement-inverse: #CDCDDE;
    --bs-requirement-rgb: rgb(66, 125, 192);
    --bs-text-requirement: #427dc0;
}

.text-bg-requirement {
  color: #FFFFFF !important;
  background-color: RGBA(34, 150, 144, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-requirement {
  border-color: var(--bs-requirement);
  background-color: var(--bs-requirement);
}
.bg-requirement {
  --bs-bg-rgb-color: var(--bs-requirement-rgb);
  background-color: var(--bs-requirement) !important;
}
.svg-icon.svg-icon-requirement {
  color: var(--bs-text-requirement);
}

.text-requirement {
  color: var(--bs-text-requirement) !important;
}

.text-inverse-requirement {
  color: var(--bs-requirement-inverse) !important;
}

.text-hover-requirement {
  transition: color 0.2s ease;
}
.text-hover-requirement i {
  transition: color 0.2s ease;
}
.text-hover-requirement:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-requirement) !important;
}
.text-hover-requirement:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-requirement) !important;
}
.text-hover-requirement:hover .svg-icon {
  color: var(--bs-text-requirement) !important;
}

.text-active-requirement {
  transition: color 0.2s ease;
}
.text-active-requirement i {
  transition: color 0.2s ease;
}
.text-active-requirement.active {
  transition: color 0.2s ease;
  color: var(--bs-text-requirement) !important;
}
.text-active-requirement.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-requirement) !important;
}
.text-active-requirement.active .svg-icon {
  color: var(--bs-text-requirement) !important;
}
.border-requirement {
    border-color: var(--bs-requirement) !important;
}

.icon-requirement {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-requirement::before {  
    content: "\f290";
}

.badge-requirement {
  color: var(--bs-requirement-inverse);
  background-color: var(--bs-requirement);
}
.badge-requirement.badge-outline {
  border: 1px solid var(--bs-requirement);
  color: var(--bs-requirement);
  background-color: transparent;
}

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

.parent-hover .parent-hover-requirement {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-requirement {
  transition: color 0.2s ease;
  color: var(--bs-text-requirement) !important;
}

/* ######## end:requirement */

    
    
/* ######## start:purchasing */
:root{
   --bs-purchasing: #d62828;
}
[data-bs-theme=light] {
  --bs-purchasing: #d62828;
  --bs-purchasing-inverse: #FFFFFF;
  --bs-purchasing-rgb: rgb(214, 40, 40);
  --bs-text-purchasing: #d62828;
}
[data-bs-theme=dark]{
    --bs-purchasing: #427dc0;
    --bs-purchasing-inverse: #CDCDDE;
    --bs-purchasing-rgb: rgb(66, 125, 192);
    --bs-text-purchasing: #427dc0;
}

.text-bg-purchasing {
  color: #FFFFFF !important;
  background-color: RGBA(214, 40, 40, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-purchasing {
  border-color: var(--bs-purchasing);
  background-color: var(--bs-purchasing);
}
.bg-purchasing {
  --bs-bg-rgb-color: var(--bs-purchasing-rgb);
  background-color: var(--bs-purchasing) !important;
}
.svg-icon.svg-icon-purchasing {
  color: var(--bs-text-purchasing);
}

.text-purchasing {
  color: var(--bs-text-purchasing) !important;
}

.text-inverse-purchasing {
  color: var(--bs-purchasing-inverse) !important;
}

.text-hover-purchasing {
  transition: color 0.2s ease;
}
.text-hover-purchasing i {
  transition: color 0.2s ease;
}
.text-hover-purchasing:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-purchasing) !important;
}
.text-hover-purchasing:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-purchasing) !important;
}
.text-hover-purchasing:hover .svg-icon {
  color: var(--bs-text-purchasing) !important;
}

.text-active-purchasing {
  transition: color 0.2s ease;
}
.text-active-purchasing i {
  transition: color 0.2s ease;
}
.text-active-purchasing.active {
  transition: color 0.2s ease;
  color: var(--bs-text-purchasing) !important;
}
.text-active-purchasing.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-purchasing) !important;
}
.text-active-purchasing.active .svg-icon {
  color: var(--bs-text-purchasing) !important;
}
.border-purchasing {
    border-color: var(--bs-purchasing) !important;
}

.icon-purchasing {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-purchasing::before {  
    content: "\f0d6";
}

.badge-purchasing {
  color: var(--bs-purchasing-inverse);
  background-color: var(--bs-purchasing);
}
.badge-purchasing.badge-outline {
  border: 1px solid var(--bs-purchasing);
  color: var(--bs-purchasing);
  background-color: transparent;
}

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

.parent-hover .parent-hover-purchasing {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-purchasing {
  transition: color 0.2s ease;
  color: var(--bs-text-purchasing) !important;
}

/* ######## end:purchasing */

    
    
/* ######## start:reminder */
:root{
   --bs-reminder: #1B49A5;
}
[data-bs-theme=light] {
  --bs-reminder: #1B49A5;
  --bs-reminder-inverse: #FFFFFF;
  --bs-reminder-rgb: rgb(27, 73, 165);
  --bs-text-reminder: #1B49A5;
}
[data-bs-theme=dark]{
    --bs-reminder: #1B49A5;
    --bs-reminder-inverse: #FFFFFF;
    --bs-reminder-rgb: rgb(27, 73, 165);
    --bs-text-reminder: #1B49A5;
}

.text-bg-reminder {
  color: #FFFFFF !important;
  background-color: RGBA(27, 73, 165, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-reminder {
  border-color: var(--bs-reminder);
  background-color: var(--bs-reminder);
}
.bg-reminder {
  --bs-bg-rgb-color: var(--bs-reminder-rgb);
  background-color: var(--bs-reminder) !important;
}
.svg-icon.svg-icon-reminder {
  color: var(--bs-text-reminder);
}

.text-reminder {
  color: var(--bs-text-reminder) !important;
}

.text-inverse-reminder {
  color: var(--bs-reminder-inverse) !important;
}

.text-hover-reminder {
  transition: color 0.2s ease;
}
.text-hover-reminder i {
  transition: color 0.2s ease;
}
.text-hover-reminder:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-reminder) !important;
}
.text-hover-reminder:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-reminder) !important;
}
.text-hover-reminder:hover .svg-icon {
  color: var(--bs-text-reminder) !important;
}

.text-active-reminder {
  transition: color 0.2s ease;
}
.text-active-reminder i {
  transition: color 0.2s ease;
}
.text-active-reminder.active {
  transition: color 0.2s ease;
  color: var(--bs-text-reminder) !important;
}
.text-active-reminder.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-reminder) !important;
}
.text-active-reminder.active .svg-icon {
  color: var(--bs-text-reminder) !important;
}
.border-reminder {
    border-color: var(--bs-reminder) !important;
}

.icon-reminder {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-reminder::before {  
    content: "\f0f3";
}

.badge-reminder {
  color: var(--bs-reminder-inverse);
  background-color: var(--bs-reminder);
}
.badge-reminder.badge-outline {
  border: 1px solid var(--bs-reminder);
  color: var(--bs-reminder);
  background-color: transparent;
}

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

.parent-hover .parent-hover-reminder {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-reminder {
  transition: color 0.2s ease;
  color: var(--bs-text-reminder) !important;
}

/* ######## end:reminder */

    
    
/* ######## start:task */
:root{
   --bs-task: #ff4500;
}
[data-bs-theme=light] {
  --bs-task: #ff4500;
  --bs-task-inverse: #FFFFFF;
  --bs-task-rgb: rgb(255, 69, 0);
  --bs-text-task: #ff4500;
}
[data-bs-theme=dark]{
    --bs-task: #ff4500;
    --bs-task-inverse: #FFFFFF;
    --bs-task-rgb: rgb(255, 69, 0);
    --bs-text-task: #ff4500;
}

.text-bg-task {
  color: #FFFFFF !important;
  background-color: RGBA(255, 69, 0, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-task {
  border-color: var(--bs-task);
  background-color: var(--bs-task);
}
.bg-task {
  --bs-bg-rgb-color: var(--bs-task-rgb);
  background-color: var(--bs-task) !important;
}
.svg-icon.svg-icon-task {
  color: var(--bs-text-task);
}

.text-task {
  color: var(--bs-text-task) !important;
}

.text-inverse-task {
  color: var(--bs-task-inverse) !important;
}

.text-hover-task {
  transition: color 0.2s ease;
}
.text-hover-task i {
  transition: color 0.2s ease;
}
.text-hover-task:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-task) !important;
}
.text-hover-task:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-task) !important;
}
.text-hover-task:hover .svg-icon {
  color: var(--bs-text-task) !important;
}

.text-active-task {
  transition: color 0.2s ease;
}
.text-active-task i {
  transition: color 0.2s ease;
}
.text-active-task.active {
  transition: color 0.2s ease;
  color: var(--bs-text-task) !important;
}
.text-active-task.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-task) !important;
}
.text-active-task.active .svg-icon {
  color: var(--bs-text-task) !important;
}
.border-task {
    border-color: var(--bs-task) !important;
}

.icon-task {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-task::before {  
    content: "\f0ae";
}

.badge-task {
  color: var(--bs-task-inverse);
  background-color: var(--bs-task);
}
.badge-task.badge-outline {
  border: 1px solid var(--bs-task);
  color: var(--bs-task);
  background-color: transparent;
}

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

.parent-hover .parent-hover-task {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-task {
  transition: color 0.2s ease;
  color: var(--bs-text-task) !important;
}

/* ######## end:task */

    
    
/* ######## start:question */
:root{
   --bs-question: #198754;
}
[data-bs-theme=light] {
  --bs-question: #198754;
  --bs-question-inverse: #FFFFFF;
  --bs-question-rgb: rgb(25, 135, 84);
  --bs-text-question: #198754;
}
[data-bs-theme=dark]{
    --bs-question: #198754;
    --bs-question-inverse: #FFFFFF;
    --bs-question-rgb: rgb(25, 135, 84);
    --bs-text-question: #198754;
}

.text-bg-question {
  color: #FFFFFF !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-question {
  border-color: var(--bs-question);
  background-color: var(--bs-question);
}
.bg-question {
  --bs-bg-rgb-color: var(--bs-question-rgb);
  background-color: var(--bs-question) !important;
}
.svg-icon.svg-icon-question {
  color: var(--bs-text-question);
}

.text-question {
  color: var(--bs-text-question) !important;
}

.text-inverse-question {
  color: var(--bs-question-inverse) !important;
}

.text-hover-question {
  transition: color 0.2s ease;
}
.text-hover-question i {
  transition: color 0.2s ease;
}
.text-hover-question:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-question) !important;
}
.text-hover-question:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-question) !important;
}
.text-hover-question:hover .svg-icon {
  color: var(--bs-text-question) !important;
}

.text-active-question {
  transition: color 0.2s ease;
}
.text-active-question i {
  transition: color 0.2s ease;
}
.text-active-question.active {
  transition: color 0.2s ease;
  color: var(--bs-text-question) !important;
}
.text-active-question.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-question) !important;
}
.text-active-question.active .svg-icon {
  color: var(--bs-text-question) !important;
}
.border-question {
    border-color: var(--bs-question) !important;
}

.icon-question {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-question::before {  
    content: "\f059";
}

.badge-question {
  color: var(--bs-question-inverse);
  background-color: var(--bs-question);
}
.badge-question.badge-outline {
  border: 1px solid var(--bs-question);
  color: var(--bs-question);
  background-color: transparent;
}

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

.parent-hover .parent-hover-question {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-question {
  transition: color 0.2s ease;
  color: var(--bs-text-question) !important;
}

/* ######## end:question */

    
    
/* ######## start:approval */
:root{
   --bs-approval: #80D3FF;
}
[data-bs-theme=light] {
  --bs-approval: #80D3FF;
  --bs-approval-inverse: #FFFFFF;
  --bs-approval-rgb: rgb(128, 211, 255);
  --bs-text-approval: #80D3FF;
}
[data-bs-theme=dark]{
    --bs-approval: #80D3FF;
    --bs-approval-inverse: #FFFFFF;
    --bs-approval-rgb: rgb(128, 211, 255);
    --bs-text-approval: #80D3FF;
}

.text-bg-approval {
  color: #FFFFFF !important;
  background-color: RGBA(128, 211, 255, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-approval {
  border-color: var(--bs-approval);
  background-color: var(--bs-approval);
}
.bg-approval {
  --bs-bg-rgb-color: var(--bs-approval-rgb);
  background-color: var(--bs-approval) !important;
}
.svg-icon.svg-icon-approval {
  color: var(--bs-text-approval);
}

.text-approval {
  color: var(--bs-text-approval) !important;
}

.text-inverse-approval {
  color: var(--bs-approval-inverse) !important;
}

.text-hover-approval {
  transition: color 0.2s ease;
}
.text-hover-approval i {
  transition: color 0.2s ease;
}
.text-hover-approval:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-approval) !important;
}
.text-hover-approval:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-approval) !important;
}
.text-hover-approval:hover .svg-icon {
  color: var(--bs-text-approval) !important;
}

.text-active-approval {
  transition: color 0.2s ease;
}
.text-active-approval i {
  transition: color 0.2s ease;
}
.text-active-approval.active {
  transition: color 0.2s ease;
  color: var(--bs-text-approval) !important;
}
.text-active-approval.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-approval) !important;
}
.text-active-approval.active .svg-icon {
  color: var(--bs-text-approval) !important;
}
.border-approval {
    border-color: var(--bs-approval) !important;
}

.icon-approval {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-approval::before {  
    content: "\f46c";
}

.badge-approval {
  color: var(--bs-approval-inverse);
  background-color: var(--bs-approval);
}
.badge-approval.badge-outline {
  border: 1px solid var(--bs-approval);
  color: var(--bs-approval);
  background-color: transparent;
}

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

.parent-hover .parent-hover-approval {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-approval {
  transition: color 0.2s ease;
  color: var(--bs-text-approval) !important;
}

/* ######## end:approval */

    
    
/* ######## start:request */
:root{
   --bs-request: #198754;
}
[data-bs-theme=light] {
  --bs-request: #198754;
  --bs-request-inverse: #FFFFFF;
  --bs-request-rgb: rgb(25, 135, 84);
  --bs-text-request: #198754;
}
[data-bs-theme=dark]{
    --bs-request: #198754;
    --bs-request-inverse: #FFFFFF;
    --bs-request-rgb: rgb(25, 135, 84);
    --bs-text-request: #198754;
}

.text-bg-request {
  color: #FFFFFF !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-request {
  border-color: var(--bs-request);
  background-color: var(--bs-request);
}
.bg-request {
  --bs-bg-rgb-color: var(--bs-request-rgb);
  background-color: var(--bs-request) !important;
}
.svg-icon.svg-icon-request {
  color: var(--bs-text-request);
}

.text-request {
  color: var(--bs-text-request) !important;
}

.text-inverse-request {
  color: var(--bs-request-inverse) !important;
}

.text-hover-request {
  transition: color 0.2s ease;
}
.text-hover-request i {
  transition: color 0.2s ease;
}
.text-hover-request:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-request) !important;
}
.text-hover-request:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-request) !important;
}
.text-hover-request:hover .svg-icon {
  color: var(--bs-text-request) !important;
}

.text-active-request {
  transition: color 0.2s ease;
}
.text-active-request i {
  transition: color 0.2s ease;
}
.text-active-request.active {
  transition: color 0.2s ease;
  color: var(--bs-text-request) !important;
}
.text-active-request.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-request) !important;
}
.text-active-request.active .svg-icon {
  color: var(--bs-text-request) !important;
}
.border-request {
    border-color: var(--bs-request) !important;
}

.icon-request {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-request::before {  
    content: "\f25a";
}

.badge-request {
  color: var(--bs-request-inverse);
  background-color: var(--bs-request);
}
.badge-request.badge-outline {
  border: 1px solid var(--bs-request);
  color: var(--bs-request);
  background-color: transparent;
}

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

.parent-hover .parent-hover-request {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-request {
  transition: color 0.2s ease;
  color: var(--bs-text-request) !important;
}

/* ######## end:request */

    
    
/* ######## start:approveandsign */
:root{
   --bs-approveandsign: #009021;
}
[data-bs-theme=light] {
  --bs-approveandsign: #009021;
  --bs-approveandsign-inverse: #FFFFFF;
  --bs-approveandsign-rgb: rgb(0, 144, 33);
  --bs-text-approveandsign: #009021;
}
[data-bs-theme=dark]{
    --bs-approveandsign: #009021;
    --bs-approveandsign-inverse: #FFFFFF;
    --bs-approveandsign-rgb: rgb(0, 144, 33);
    --bs-text-approveandsign: #009021;
}

.text-bg-approveandsign {
  color: #FFFFFF !important;
  background-color: RGBA(0, 144, 33, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-approveandsign {
  border-color: var(--bs-approveandsign);
  background-color: var(--bs-approveandsign);
}
.bg-approveandsign {
  --bs-bg-rgb-color: var(--bs-approveandsign-rgb);
  background-color: var(--bs-approveandsign) !important;
}
.svg-icon.svg-icon-approveandsign {
  color: var(--bs-text-approveandsign);
}

.text-approveandsign {
  color: var(--bs-text-approveandsign) !important;
}

.text-inverse-approveandsign {
  color: var(--bs-approveandsign-inverse) !important;
}

.text-hover-approveandsign {
  transition: color 0.2s ease;
}
.text-hover-approveandsign i {
  transition: color 0.2s ease;
}
.text-hover-approveandsign:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-approveandsign) !important;
}
.text-hover-approveandsign:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-approveandsign) !important;
}
.text-hover-approveandsign:hover .svg-icon {
  color: var(--bs-text-approveandsign) !important;
}

.text-active-approveandsign {
  transition: color 0.2s ease;
}
.text-active-approveandsign i {
  transition: color 0.2s ease;
}
.text-active-approveandsign.active {
  transition: color 0.2s ease;
  color: var(--bs-text-approveandsign) !important;
}
.text-active-approveandsign.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-approveandsign) !important;
}
.text-active-approveandsign.active .svg-icon {
  color: var(--bs-text-approveandsign) !important;
}
.border-approveandsign {
    border-color: var(--bs-approveandsign) !important;
}

.icon-approveandsign {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-approveandsign::before {  
    content: "\f573";
}

.badge-approveandsign {
  color: var(--bs-approveandsign-inverse);
  background-color: var(--bs-approveandsign);
}
.badge-approveandsign.badge-outline {
  border: 1px solid var(--bs-approveandsign);
  color: var(--bs-approveandsign);
  background-color: transparent;
}

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

.parent-hover .parent-hover-approveandsign {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-approveandsign {
  transition: color 0.2s ease;
  color: var(--bs-text-approveandsign) !important;
}

/* ######## end:approveandsign */

    
    
/* ######## start:appmdm */
:root{
   --bs-appmdm: #de5c9d;
}
[data-bs-theme=light] {
  --bs-appmdm: #de5c9d;
  --bs-appmdm-inverse: #FFFFFF;
  --bs-appmdm-rgb: rgb(222, 92, 157);
  --bs-text-appmdm: #de5c9d;
}
[data-bs-theme=dark]{
    --bs-appmdm: #f7d6e6;
    --bs-appmdm-inverse: #de5c9d;
    --bs-appmdm-rgb: rgb(247, 214, 230);
    --bs-text-appmdm: #f7d6e6;
}

.text-bg-appmdm {
  color: #FFFFFF !important;
  background-color: RGBA(222, 92, 157, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-appmdm {
  border-color: var(--bs-appmdm);
  background-color: var(--bs-appmdm);
}
.bg-appmdm {
  --bs-bg-rgb-color: var(--bs-appmdm-rgb);
  background-color: var(--bs-appmdm) !important;
}
.svg-icon.svg-icon-appmdm {
  color: var(--bs-text-appmdm);
}

.text-appmdm {
  color: var(--bs-text-appmdm) !important;
}

.text-inverse-appmdm {
  color: var(--bs-appmdm-inverse) !important;
}

.text-hover-appmdm {
  transition: color 0.2s ease;
}
.text-hover-appmdm i {
  transition: color 0.2s ease;
}
.text-hover-appmdm:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-appmdm) !important;
}
.text-hover-appmdm:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-appmdm) !important;
}
.text-hover-appmdm:hover .svg-icon {
  color: var(--bs-text-appmdm) !important;
}

.text-active-appmdm {
  transition: color 0.2s ease;
}
.text-active-appmdm i {
  transition: color 0.2s ease;
}
.text-active-appmdm.active {
  transition: color 0.2s ease;
  color: var(--bs-text-appmdm) !important;
}
.text-active-appmdm.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-appmdm) !important;
}
.text-active-appmdm.active .svg-icon {
  color: var(--bs-text-appmdm) !important;
}
.border-appmdm {
    border-color: var(--bs-appmdm) !important;
}

.icon-appmdm {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-appmdm::before {  
    content: "\f1c0";
}

.badge-appmdm {
  color: var(--bs-appmdm-inverse);
  background-color: var(--bs-appmdm);
}
.badge-appmdm.badge-outline {
  border: 1px solid var(--bs-appmdm);
  color: var(--bs-appmdm);
  background-color: transparent;
}

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

.parent-hover .parent-hover-appmdm {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-appmdm {
  transition: color 0.2s ease;
  color: var(--bs-text-appmdm) !important;
}

/* ######## end:appmdm */

    
    
/* ######## start:materialmanagement */
:root{
   --bs-materialmanagement: #de5c9d;
}
[data-bs-theme=light] {
  --bs-materialmanagement: #de5c9d;
  --bs-materialmanagement-inverse: #FFFFFF;
  --bs-materialmanagement-rgb: rgb(222, 92, 157);
  --bs-text-materialmanagement: #de5c9d;
}
[data-bs-theme=dark]{
    --bs-materialmanagement: #f7d6e6;
    --bs-materialmanagement-inverse: #de5c9d;
    --bs-materialmanagement-rgb: rgb(247, 214, 230);
    --bs-text-materialmanagement: #f7d6e6;
}

.text-bg-materialmanagement {
  color: #FFFFFF !important;
  background-color: RGBA(222, 92, 157, var(--bs-bg-opacity, 1)) !important;
}
.btn.btn-bg-materialmanagement {
  border-color: var(--bs-materialmanagement);
  background-color: var(--bs-materialmanagement);
}
.bg-materialmanagement {
  --bs-bg-rgb-color: var(--bs-materialmanagement-rgb);
  background-color: var(--bs-materialmanagement) !important;
}
.svg-icon.svg-icon-materialmanagement {
  color: var(--bs-text-materialmanagement);
}

.text-materialmanagement {
  color: var(--bs-text-materialmanagement) !important;
}

.text-inverse-materialmanagement {
  color: var(--bs-materialmanagement-inverse) !important;
}

.text-hover-materialmanagement {
  transition: color 0.2s ease;
}
.text-hover-materialmanagement i {
  transition: color 0.2s ease;
}
.text-hover-materialmanagement:hover {
  transition: color 0.2s ease;
  color: var(--bs-text-materialmanagement) !important;
}
.text-hover-materialmanagement:hover i {
  transition: color 0.2s ease;
  color: var(--bs-text-materialmanagement) !important;
}
.text-hover-materialmanagement:hover .svg-icon {
  color: var(--bs-text-materialmanagement) !important;
}

.text-active-materialmanagement {
  transition: color 0.2s ease;
}
.text-active-materialmanagement i {
  transition: color 0.2s ease;
}
.text-active-materialmanagement.active {
  transition: color 0.2s ease;
  color: var(--bs-text-materialmanagement) !important;
}
.text-active-materialmanagement.active i {
  transition: color 0.2s ease;
  color: var(--bs-text-materialmanagement) !important;
}
.text-active-materialmanagement.active .svg-icon {
  color: var(--bs-text-materialmanagement) !important;
}
.border-materialmanagement {
    border-color: var(--bs-materialmanagement) !important;
}

.icon-materialmanagement {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

.icon-materialmanagement::before {  
    content: "\f466";
}

.badge-materialmanagement {
  color: var(--bs-materialmanagement-inverse);
  background-color: var(--bs-materialmanagement);
}
.badge-materialmanagement.badge-outline {
  border: 1px solid var(--bs-materialmanagement);
  color: var(--bs-materialmanagement);
  background-color: transparent;
}

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

.parent-hover .parent-hover-materialmanagement {
  transition: color 0.2s ease;
}
.parent-hover:hover .parent-hover-materialmanagement {
  transition: color 0.2s ease;
  color: var(--bs-text-materialmanagement) !important;
}

/* ######## end:materialmanagement */