:root{

--primary:#1e40af;
--secondary:#3b82f6;
--accent:#06b6d4;

--bg:#f1f5f9;
--card:#ffffff;

}

/* ===== BODY ===== */

body{
background:var(--bg);
font-family:'Poppins',sans-serif;
color:#1e293b;
}

/* ===== HEADER ===== */

.header{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 40px;
background:rgba(255,255,255,0.85);
backdrop-filter:blur(12px);
box-shadow:0 3px 15px rgba(0,0,0,0.08);
position:sticky;
top:0;
z-index:1000;
}

.header-title{
position:absolute;
left:50%;
transform:translateX(-50%);

font-size:28px;
font-weight:800;

background:linear-gradient(135deg,#1e40af,#3b82f6);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.logo-img{
height:60px;
transition:.3s;
}
img{
max-width:100%;
height:auto;
}

.logo-img:hover{
transform:scale(1.05);
}

/* ===== PANEL ===== */

.panel-default{
border:none;
border-radius:18px;
background:var(--card);
box-shadow:0 15px 40px rgba(0,0,0,0.1);
transition:.35s;
}

.panel-default:hover{
transform:translateY(-6px);
box-shadow:0 20px 60px rgba(0,0,0,0.18);
}

/* ===== PANEL HEADER ===== */

.panel-heading1{
background:linear-gradient(
135deg,
#1e40af,
#3b82f6
);

border-radius:18px 18px 0 0;
padding:20px;
color:white;
}

/* ===== HERO IMAGE ===== */

.x_panela{
width:100%;
border-radius:16px;
margin-top:15px;
}

/* ===== TITLES ===== */

h1{

font-weight:800;
font-size:34px;

background:linear-gradient(135deg,#1e40af,#3b82f6);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

h2{

font-weight:700;

background:linear-gradient(135deg,#1e40af,#3b82f6);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* ===== PANEL BODY ===== */

.panel-body{
padding:40px;
}

/* ===== FORM ===== */

.form-group{
margin-bottom:18px;
}

.form-group label{
font-weight:600;
color:#334155;
}

.form-control{

border-radius:10px;
padding:10px;
border:1px solid #dcdcdc;
transition:.25s;
background:white;

}

.form-control:hover{
border-color:var(--secondary);
}

.form-control:focus{

border-color:var(--secondary);

box-shadow:

0 0 0 3px rgba(59,130,246,.15),
0 0 12px rgba(59,130,246,.25);

}

/* ===== DATE INPUT ===== */

.modern-date{
border-radius:10px;
padding:10px;
border:1px solid #dcdcdc;
background:white;
}

.modern-date:focus{
border-color:var(--secondary);
box-shadow:
0 0 0 3px rgba(59,130,246,.15);
}

/* ===== BUTTONS ===== */

.btn{
border-radius:30px;
padding:10px 24px;
font-weight:600;
transition:.25s;
}

/* SUCCESS */

.btn-success{

background:linear-gradient(
135deg,
#1e40af,
#3b82f6
);

border:none;
color:white;

}

.btn-success:hover{

transform:scale(1.05);

box-shadow:
0 10px 25px rgba(30,64,175,.35),
0 5px 10px rgba(0,0,0,.15);

}

/* PRIMARY */

.btn-primary{

background:linear-gradient(
135deg,
#3b82f6,
#06b6d4
);

border:none;
color:white;

}

.btn-primary:hover{

transform:scale(1.05);

}

/* CANCEL */

.btn-cancel{

background:#f1f5f9;
border:1px solid #e5e7eb;
color:#334155;

}

.btn-cancel:hover{
background:#e2e8f0;
}

/* ===== FOOTER ===== */

.panel-footer{

background:#ffffff;
border-top:1px solid #e5e7eb;
padding:18px;
text-align:center;
color:#555;
font-size:14px;

}

/* ===== ERROR MESSAGE ===== */

#lblMessageSearch{
font-weight:600;
}

/* ===== RADIO ===== */

.radio-inline{
display:inline-block;
margin-right:15px;
margin-top:6px;
}

/* ===== RESPONSIVE ===== */

@media (max-width:768px){

.header{
flex-direction:column;
gap:10px;
text-align:center;
}

.header-title{
position:static;
transform:none;
margin-top:10px;
font-size:22px;
}

h1{
font-size:26px;
}

h2{
font-size:20px;
}

.panel-body{
padding:25px;
}

.btn{
width:100%;
margin-top:8px;
}

}

  
.calendarFix {
    background-color: #1e1e2f !important;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.7);
    z-index: 9999 !important;
    padding: 6px;
    font-family: 'Segoe UI', sans-serif;
}

/* Calendar table */
.calendarFix table {
    background-color: #1e1e2f !important;
    width: 100%;
}

/* Header */
.calendarFix .ajax__calendar_header {
    background-color: #2b2b40;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
}

/* Title */
.calendarFix .ajax__calendar_title {
    color: #ffffff !important;
    font-weight: 600;
}

/* Prev & Next */
.calendarFix .ajax__calendar_prev,
.calendarFix .ajax__calendar_next {
    background-color: #6c63ff;
    color: #ffffff !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.calendarFix .ajax__calendar_prev:hover,
.calendarFix .ajax__calendar_next:hover {
    background-color: #4e54c8;
}

/* Day Names */
.calendarFix .ajax__calendar_dayname {
    color: #b5b5c9;
}

/* Days */
.calendarFix .ajax__calendar_day {
    color: #e0e0ff;
    border-radius: 6px;
}

.calendarFix .ajax__calendar_day:hover {
    background-color: #4e54c8;
    color: #fff;
}

/* Selected Day */
.calendarFix .ajax__calendar_active {
    background-color: #6c63ff !important;
    color: #fff !important;
}

/* Today */
.calendarFix .ajax__calendar_today {
    border: 1px solid #6c63ff;
    color: #6c63ff;
}

/* Disabled / other */
.calendarFix .ajax__calendar_other,
.calendarFix .ajax__calendar_disabled {
    color: #666 !important;
}

/* 🔵 MONTH VIEW FIX */
.calendarFix .ajax__calendar_month {
    color: #e0e0ff !important;
}

.calendarFix .ajax__calendar_month:hover {
    background-color: #4e54c8;
    color: #fff !important;
}

/* 🔵 YEAR VIEW FIX */
.calendarFix .ajax__calendar_year {
    color: #e0e0ff !important;
}

.calendarFix .ajax__calendar_year:hover {
    background-color: #4e54c8;
    color: #fff !important;
}

/* Container fix */
.ajax__calendar_container {
    display: block !important;
}
    

        .btn-glow{
position:relative;
display:inline-block;
padding:12px 28px;
border-radius:32px;
border:1px solid rgba(255,255,255,0.25);
color:white;
font-weight:600;
text-decoration:none;
cursor:pointer;
overflow:hidden;

/* liquid glass background */
background:linear-gradient(
135deg,
rgba(30,64,175,0.55),
rgba(59,130,246,0.45)
);

backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);

/* outer glow */
box-shadow:
0 10px 25px rgba(30,64,175,0.45),
0 0 20px rgba(59,130,246,0.6);

transition:all .35s ease;
}

/* liquid reflection */
.btn-glow::before{
content:"";
position:absolute;
top:-50%;
left:-50%;
width:200%;
height:200%;
background:linear-gradient(
120deg,
transparent 30%,
rgba(255,255,255,0.4),
transparent 70%
);
transform:rotate(25deg);
animation:liquidFlow 6s linear infinite;
}

/* glow aura */
.btn-glow::after{
content:"";
position:absolute;
inset:-4px;
border-radius:36px;
background:linear-gradient(
120deg,
#1e40af,
#3b82f6,
#60a5fa,
#3b82f6,
#1e40af
);
background-size:300% 300%;
z-index:-1;
filter:blur(14px);
animation:glowMove 5s linear infinite;
}

/* hover */
.btn-glow:hover{
transform:translateY(-3px) scale(1.05);
box-shadow:
0 15px 35px rgba(30,64,175,0.6),
0 0 35px rgba(59,130,246,0.9);
}

/* animation */
@keyframes liquidFlow{
0%{transform:translateX(-100%) rotate(25deg);}
100%{transform:translateX(100%) rotate(25deg);}
}

@keyframes glowMove{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}