/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
body{
	font-family: "Open Sans", serif;
}
.TextBlack{
	color: #000;
}
.YellowText{
	color: #ff7520;
}
.textBlue{
	color: #232670;
}
.textOrange{
	color: #ff7520;
}
.hr hr{
	color: #000;
	opacity: 1;
}
.centered-fieldset {
  width: fit-content;
    background-color: #ff7520;
    color: white;
    margin: -22px auto 0px auto;
    /* border: 2px solid #000; */
    padding: 10px 30px;
    border-radius: 30px;
    min-width: 250px;
    text-align: center;

}
.cardWithLegend{
	margin-top: 40px;
}
.centered-fieldset legend{
	font-size: 1rem;
}
.blackBorder{
	border:2px solid #000;
}
.borderRedius{
	border-radius: 15px;
}
.font-weight-regular{
	font-weight: 400;
}
.font-weight-medium{
	font-weight: 500;
}
.font-weight-bold{
	font-weight: 800;
}
.exportPdf{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.apexcharts-subtitle-text, .apexcharts-title-text {
	fill: #000 !important;
}
.apexcharts-xaxis text, .apexcharts-yaxis text {
	fill: #000 !important;
}
.date-picker-wrapper {
    position: relative;
    display: inline-block;
}

.date-input {
    padding-right: 30px; /* Space for the icon */
}

.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-55%);
    cursor: pointer;
    color: #666;
	font-size:20px;
}
.apexcharts-canvas {
	margin: auto;
}

#barChart1 .apexcharts-legend-series:nth-child(3) {
    display: none;
}

.apexcharts-pie-label {
	fill: #000 !important;
	text-decoration:none;
    text-shadow:none !important;
	filter: unset;
}

.data-label-connector::before {
    content: '';
    position: absolute;
    top: 50%; 
    left: 100%; 
    border-top: 1px solid #ccc;
    transform: translateY(-50%);
}

#gaugeChart1 .apexcharts-canvas svg, #gaugeChart3 .apexcharts-canvas svg, #gaugeChart2 .apexcharts-canvas svg , #gaugeChart4 .apexcharts-canvas svg {
    height: 145px !important;
}

#barChart1 [data\:realIndex="0"] .apexcharts-data-labels rect {
    fill: none !important;
    stroke: none !important;
}

.brkdwn > *:first-child {
    margin: auto !important;
}