.bg_div{
	background-color: lightgrey;
}

/* styles.css */
.inner-page.bg-image {
    background-image: url('/images/courtbg.jpg');
    min-height: 100vh; /* Makes section cover full screen height */
    width: 100%;
     height: auto;         /* ✅ allow it to grow beyond 100vh */
  overflow-y: auto;
}

.card1{background-color:rgb(0, 255, 0, 0.1)}
.div_1{color:rgb(0, 128, 0)}

.card_2{background-color:rgba(213, 15, 37, 0.1) }
.div_21{color:red}

.card3{background-color:  rgba(250, 188, 9, 0.1) }
.div_3{color:#fabc09}

.card_sms{background-color:  rgb(64, 0, 128, 0.1) }
.div_sms{color:rgb(64, 0, 128)}

 .hide
{
    display: none;
}

.buttAdd{
	color:white;
	background-color: green;
	width: 20%;
}

.changePass{
	color: #029db1;
}
.black{
	background-color: rgba(0, 0, 0, 0);
}
.p_add_advo{
	width: 100%;
	text-align: center;
}
.t_10{
	width: 10%;
}
.t_100{
	width: 100%;
}
.font-color{
	color: blue;
}

.p_div{height:30px;background-color:#f5f7fbff;}

.c_30{
	width:30%
}

.c_70{
	width:70%
}

.font_107{
	font-size: 107%
}

.green{
	color: green;
}

.partners {
    width: 60%;
    margin: 0 auto;
} 

.white
{
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.hide{
    display: none;
}   
.noborder {
    border: none !important;
}   
        
.t_90{
	width: 90%;
} 

.center{
	text-align: center;
}
.white{
	color: white;
}
.red{
	color: red;
}
.color33{
	background-color: #333333;
}

.font_15{
	font-size: 15px;
}

.w_60{
	width: 60%;
}

.w_90{
	width:90%;
}

.bg_elit{
	background-color: #92704A;
}

.bg_brown{
	background-color: #ccab88;
}
.header_query{
	text-align: center;background-color: #2c2c2c;padding: 5px;
}
.margin_button{
	margin-bottom: 5px;
}
.pad{
	padding: 3px;
}
.header_caseSearch{
	color: whitesmoke;font-weight: bold;background-color: #404040;padding: 10px;
}

.div_query{
	text-align: center;background-color:#f5f4f4;padding: 10px;
}

.common_hight{
	min-height:70vh;
}


.casese_dash1 {
    max-height: 500px; /* Adjust height as needed */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden; /* Prevents horizontal scrolling */
    border: 1px solid #ccc; /* Optional: adds a border for better visibility */
}


#barChart,
#barChart_D {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.l1 {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.l1.hidden {
    display: none !important;
}
/* spinner animation */
.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}