/*-----CALENDAR---------*/

.ui-datepicker{
   background: #fff;
   padding: 10px;
   box-shadow: 0 1px 5px #ccc;
   border-radius: 8px;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th{padding:0 10px;}
.nav-pills .nav-link {
      color: #495057;
      text-align: left;
      padding: 12px 20px;
      font-weight: 500;
      border-radius: 8px;
      margin-bottom: 6px;
      transition: all 0.2s ease-in-out;
    }

    .nav-pills .nav-link:hover {
      background-color: #f1f5f9;
      color: #0d6efd;
    }

    .nav-pills .nav-link.active {
      background-color: #0d6efd;
      color: #ffffff;
      box-shadow: 0 4px 10px rgba(13, 110, 253, 0.25);
    }
.stat-card{transition: transform 0.3s ease;margin-bottom:15px;}
.stat-card p{line-height:20px}
.stat-card:hover {transform: translateY(-5px);}
.top-bar *{color:#fff !important}

ul, ol{padding-left:0px}
.btn-group-sm>.btn{white-space:nowrap}

.floating-zalo {
            position: fixed;
            bottom: 25px;
            right: 25px;
            z-index: 9999;
            display: flex;
            align-items: center;
            background-color: #0068ff;
            color: #ffffff;
            padding: 10px 18px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            box-shadow: 0 4px 15px rgba(0, 104, 255, 0.4);
            transition: all 0.3s ease;
            animation: pulse-zalo 2s infinite;
        }

            .floating-zalo:hover {
                background-color: #0052cc;
                color: #ffffff;
                transform: translateY(-3px);
                box-shadow: 0 6px 20px rgba(0, 104, 255, 0.6);
            }

            .floating-zalo img {
                width: 28px;
                height: 28px;
            }

        @keyframes pulse-zalo {
            0% {
                box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7);
            }

            70% {
                box-shadow: 0 0 0 15px rgba(0, 104, 255, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(0, 104, 255, 0);
            }
        }