*{
	font-family: Open Sans;
}
a:hover{
    text-decoration: none;
}
.border-1{
    border: 1px solid #6969694D;
    border-radius: 4px;
}
.boxShadow{
    box-shadow: #3F3E402B 0px 4px 8px;
}
.borderRight-1{
    border-right: 1px solid #6969694D;
}
.title-clr{
    color: #3F3E40;
    font-size: 16px;
}
.titleHr{
    height: 1px;
    background-color: #70707014;
    width: 100%;
    /* border-bottom: 1px solid #70707014; */
}
.title-chart{
    font-size: 12px;
    color: #696969;
}
.accordianAdd{
    background-color: #47A7C5;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0px;
}
.dashFilter{
    padding: 0px 12px;
    min-width: 120px;
    margin-right: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    height: 31px;
    color: #696969;
    border: 1px solid #00000038;
    border-radius: 4px;
    background-color: transparent;
}
.dashFilter:focus-visible{
    border: 1px solid #00000038;
}
@media (max-width:1200px){
    .dashFilter{
        margin-right: 10px;
    }   
}

/* .select2-search__field{
    min-width: 100px;
    width: 100% !important;
} */

.filterBtn{
    width: 65px;
    height: 31px;
    border-radius: 6px;
    padding: 5px 0px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    margin-right: 16px;
}
.filterBtn:hover{
    text-decoration: none !important;
}
.resetBtn{
    background-color: #696969;
    color: #fff;
}

.dash-blue-card{
    background-color: #337AB71F;
    max-width: 198px;
    width: 100%;
    height: 140px;
    border-radius: 4px;
    padding: 26px 12px;
    margin-bottom: 10px;
}
.dash-blue-card:hover{
    background-color: #337AB7;
    color: #ffffff;
}
.dash-blue-card:hover .dash-blue-card-img path,.dash-blue-card:hover .dash-blue-card-img circle{
    fill: #ffffff;
    stroke: #ffffff;
}
.dash-blue-card:hover .dash-blue-card-cnt h2{
    color: #ffffff;
}
.dash-blue-card:hover .dash-blue-card-cnt p{
    color: #ffffff;
}
.dash-blue-card-img{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
}
.map-card{
    max-width: 225px;
    margin: 0px 10px;
}

.dash-blue-card-cnt{
    padding-left: 10px;
}
.dash-blue-card-cnt h2{
    color: #337AB7;
    font-weight: bold;
    margin-bottom: 0;
}
.dash-blue-card-cnt p{
    font-size: 11px;
    color: #696969;
}
.map-card-cnt{
    width: 70%;
}
.img-crcl{
    background-color: #EC66784F;
    min-width: 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    padding-top: 11px;
}
.reg-big-cnt{
    color: #EC6678;
    padding-left: 10px;
    min-height: 80px;
}
.reg-big-cnt p{
    font-size: 12px;
}
.img-small-crcl{
    background-color: #EC66784F;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding-top: 6px;
}
.reg-small-cnt{
    padding-left: 6px;
}
.reg-small-cnt p{
    font-size: 12px;
}
@media (max-width: 500px){
    .dash-blue-card{
        max-width: 100%;
    }
}
.employeChart{
    height: 304px;
    padding-top: 20px;
}
.employeChart {
    height: 304px;
    padding-top: 10px;
}

/* chart js css  */
.canvas{
    height: 250px !important;
    width: 250px !important;
    margin: 0 auto;
}
.sectorPlac{
    height: 419px;
    width: 100%;
}
.sectorPlaccanvas{
    height: 350px !important;
    width: 100% !important;
}
.sectorPlacBox{
    height: 361px;
}
.sectorPlaccanvas1{
    height: 300px !important;
    width: 300px;
}
.canvas1{
    height: 300px !important;
    width: 300px !important;
    margin: 0 auto;
}
.entrpcanvas1{
    height: 300px !important;
    width: 32% !important;
}
.hghrEducanvas{
    height: 300px !important;
    width: 100% !important;
}
.select2-search__field{
    width: 100% !important;
}
/* chart js css  */