/*
 * @Author: Dicky Ermawan S 
 * @Profile: https://www.linkedin.com/in/dickyermawan/ 
 * @Date: 2025-02-17 19:08:11 
 * @Last Modified by: Dicky Ermawan S
 * @Last Modified time: 2025-10-26 20:56:51
 */

 /* navbar  */
 .app-header-menu .menu .menu-item .menu-link.active {
   transition: color 0.2s ease;
   background-color: #ff572a !important;
   color: #0a1435;
}
 .app-header-menu .menu .menu-item .menu-link.active .menu-title {
   color: #f8faff !important;
}
/* .app-header-menu .menu > .menu-item > .menu-link > .menu-title:hover {
   color: #ff572a !important;
   font-weight: 600;
   font-size: 1.1rem;
} */

 .bg-pink {
    background-color: #e84393;
    color: #f5f6fa;
 }

 .bg-pink:hover {
    background-color: #fb4ca1;
    color: #f5f6fa;
 }

 .bg-teal1 {
    background-color: #16a085 !important;
    color: #f5f6fa !important;
 }
 .bg-teal1:hover {
    background-color: #18ad8f;
    color: #f5f6fa;
 }

 .bg-teal2 {
    background-color: #1abc9c;
    color: #f5f6fa;
 }

 .bg-teal2:hover {
    background-color: #1ec7a5;
    color: #f5f6fa;
 }

 .bg-blue {
    background-color: #0abde3 !important;
    color: #f5f6fa !important;
 }

 .bg-blue:hover {
    background-color: #0ac3ec !important;
    color: #f5f6fa !important;
 }

 .bg-tail {
    background-color: #3278c0 !important;
    color: #f5f6fa !important;
 }
 
 .bg-orange {
    background-color: #ff9800 !important;
    color: #f5f6fa !important;
 }
 
 .bg-orange:hover {
    background-color: #fb8c00 !important;
    color: #f5f6fa !important;
 }