body{
font-family: 'Arsenal';
 color:#002980;
}

.btn-group-block {
  display: flex;
  width: 100%;
}

.btn-group-block .btn {
  flex-grow: 1;
}

.brand {
  color:#002980;
}

.bold{
  font-weight: bold;
}

.date_panel_bg {
  background-color: #f7fafe;  
}

.ez-rounded{
  border-radius: 8px!important;
}
.ez-shadow{
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.bg_brand {
  background-color:#002980;
  color:#fff;
}

#compare{
  font-size: 0.9em;
}

.ez-grey {
  color:#888888;
}

.bg_yellow {
  background-color: #ffe293;
}

.ez-border{
  border: 1px solid #b9b9b9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px; 
  line-height: 40px;
}

.select2-container .select2-selection--single{
  height: 40px; 
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px;  
}


/*income distribution*/
.income_distribution {
  border-collapse: separate;
  border-spacing: 0;
}

.income_distribution tbody{
/*  display: block; 
  overflow-y: auto;*/
}


.income_distribution thead th{
  vertical-align: middle!important;
  border:1px solid #4764a1;
}

.income_distribution tbody td{
  vertical-align: middle!important;
  border:1px solid #4764a1;
}

.income_distribution tbody td.head{
  background-color: #dde4fe;
  border:1px solid #e2dfdd;
  color:#002980 ;
  font-weight: bold;
}

.income_distribution tbody td{
  border:1px solid #e2dfdd;
  padding: 15px 10px 15px 10px;
}

.income_distribution .b1{
  border-radius: 10px 0px 0px 0px;
}

.income_distribution .b2{
  border-radius: 0px 10px 0px 0px;
}

.income_distribution .b3{
  border-radius: 0px 0px 0px 10px;
}
.income_distribution .b4{
  border-radius: 0px 0px 10px 0px;
}

.income_distribution .c1{
  width:20%
}
.income_distribution .c2{
  width:60%
}
.income_distribution .c3{
  width:20%
}
.income_distribution .c4{
  width:30%
}
.income_distribution .c5{
  width:30%
}


@media only screen and (max-width: 767px) {

.income_distribution tbody td{
  font-size: 0.90rem;
}

.income_distribution thead th{
  font-size: 0.90rem;
  padding: 12px 5px 12px 5px;
}

.income_distribution .c1{
  width:29%
}
.income_distribution .c2{
  width:50%
}
.income_distribution .c3{
  width:22%
}
.income_distribution .c4{
  width:25%
}
.income_distribution .c5{
  width:24%
}

.income_distribution tbody td{
  border:1px solid #e2dfdd;
  padding: 15px 5px 15px 5px;
}


}


.select2-container .select2-selection {
  font-size: 15px; 
}

.select2-results__option {
  font-size: 14px; /* Change this value to your desired font size */
}




.ezlegend01{
  position: relative;
  padding-left: 20px;
  display: inline;
}  

.ezlegend01::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-52%);
  color: black;
  width: 15px;
  background-color: #5585be;
  height: 4px;
}

.ezlegend02{
  position: relative;
  padding-left: 20px;
  display: inline;
}  

.ezlegend02::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-52%);
  color: black;
  width: 15px;
  background-color: #c0504e;
  height: 4px;
}

.ezlegend03{
  position: relative;
  padding-left: 20px;
  display: inline;
}  

.ezlegend03::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-52%);
  color: black;
  width: 15px;
  background-color: #a2c063;
  height: 4px;
}


.xcrud-list th, .xcrud-list td{
  font-size: 0.9em;
  color: #000;
}