@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100,200,300,400,500,600&family=Montserrat:ital,wght@0,100;0,400;1,100&display=swap');

.px90 {
   height: 80px;
   background-color: yellow;
}

.filter-box {
   background: #595959;
   display: flex;
   padding: 10px 18px;
   justify-content: center;
   min-height: min-content;
   padding: 0px;
   flex-shrink: 0;
   align-self: stretch;
   align-items: center;
   padding-top: 13px;
   margin-bottom: 30px;
   margin-left: 20px;
   margin-right: 10px;
   box-shadow: 1px 1px 10px #c0c0c0;
}

.cont {
   display: flex;
}

.filter-box1 {
   flex: 1;
   /* background: #595959; */
   /* padding: 10px 18px; */
   justify-content: center;
   min-height: min-content;
   /* padding: 0px; */
   /* flex-shrink: 0; */
   padding-top: 13px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 10px;
   box-shadow: 1px 1px 10px #c0c0c0;
}

/* Ensure columns are of equal height */
.cont > .filter-box1 {
   display: flex;
   flex-direction: column;
 }

.bg-filter {
   min-width: 190px;
   background-color: #ffcc00;
   height: 28px;
   padding: 0px;
   color: #000000;
   margin: 0px;


}

.inter-font {
   font-family: 'Inter', sans-serif;
}





.card-main-title-band {
   display: flex;
   background-color: #333333;
   min-height: 48px;
   padding-left: 10px;
   margin-bottom: 20px;



}


.card-main-title {
   font-family: 'Inter', sans-serif;
   font-size: 16px;
   /* font-style: normal; */
   font-weight: 600;
   /* line-height: normal; */
   /* letter-spacing: 1.6px; */
   /* text-transform: uppercase; */
   min-width: min-content;
   color: #FFFfff;
   /* padding: 0px;
   margin: 0px; */


}

.display-head {
   text-align: center;
   font-family: 'Inter', sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.7px;
   text-transform: uppercase;

}

.display-value {
   color: var #000;
   text-align: center;
   font-family: 'Inter', sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 1.9px;
   text-transform: uppercase;
   justify-content: center;







}

.display-value-box {
   display: flex;
   /* height: 53px; */
   padding: 12px 50px;
   justify-content: center;
   align-items: center;
   /* align-self: stretch; */

   /* border-radius: 8px 8px 0px 0px; */

}

.display-sub-box {
   display: flex;
   /* height: 27px; */
   /* padding: 3px 48px; */
   justify-content: center;
   align-items: center;
   /* gap: 10px; */
   align-self: stretch;
   /* border-radius: 8px 8px 0px 0px; */
   color: black;
   background-color: #ffcc00;
   position: relative;
   top: -21px;

}

/* @media (min-width: 992px) and (max-width: 1199px) {
   .display-sub-box {
      height: 50px;
   }
}

@media (min-width: 1343px) and (max-width: 1500px) {
   .display-sub-box {
      height: 50px;
   }
}

@media (max-width: 575px) {
   .display-sub-box {
      height: 50px;
   }
} */

.display-sub {
   color: var(--white, #000000);
   text-align: center;
   font-family: 'Inter', sans-serif;
   /* font-size: 14px; */
   /* font-style: normal; */
   /* font-weight: 700; */
   /* line-height: normal;
   letter-spacing: 1.4px; */
   /* text-transform: uppercase; */

}


/*color list */

.bs-blue {
   background-color: #324794;
}

.bs-yellow{
   background-color: #ffcc00; 
}

.bs-blue-text {
   color: #324794;
}

.bs-blue-border {
   border: 1px solid #000;
}



.bs-blue-2 {
   background-color: #0083CC;
}

.bs-blue-2-text {
   color: #0083CC;
}

.bs-blue-2-border {
   border: 1px solid #0083CC;
}

.bs-blue-3 {
   background-color: #00A6CC;
}

.bs-blue-3-text {
   color: #00A6CC;
}

.bs-blue-3-border {
   border: 1px solid #00A6CC;
}


.bs-purple {
   background-color: #7B3294;

}

.bs-purple-text {
   color: #7B3294;

}

.bs-purple-border {
   border: 1px solid #7B3294;
}

.bs-lavendar {
   background-color: #8853C0;

}

.bs-lavendar-text {
   color: #8853C0;

}

.bs-lavendar-border {
   border: 1px solid #8853C0;

}

.bs-green {
   background-color: #3BA371;

}

.bs-green-text {
   color: #3BA371;
}

.bs-green-jade {
   background-color: #35928C;
}

.bs-green-jade-text {
   color: #35928C;
}

.bs-green-jade-border {
   border: 1px solid #35928C;
}

.bs-pink {
   background-color: #DD5784;
}

.bs-pink-text {
   color: #DD5784;
}

.bs-pink-border {
   border: 1px solid #DD5784;
}


.bs-green-kelley {
   background-color: #67AA32;
}

.bs-green-kelley-text {
   color: #67AA32;
}

.bs-green-kelley-border {
   border: 1px solid #67AA32;
}


.bs-red {
   background-color: #e42f2f;
}

.bs-red-text {
   color: #e42f2f;
}

.bs-red-border {
   border: 1px solid #e42f2f;
}

.bs-orange {
   background-color: #efa743;
}

.bs-orange-text {
   color: #efa743;
}

.bs-orange-border {
   border: 1px solid #efa743;
}







.display-value-responsive {
   font-size: 1.5rem;
}


.blur-box {
   box-shadow: 1px 1px 10px #c0c0c0;
}

.soft-bg {
   background-color: #f5fae7;
   border-radius: 12px;
}

.bg-solidaridad {
   background-color: #ffcc00;
}

.text-solidaridad {
   color: #ffcc00;

}

.sub-btn {
   display: flex;
   min-width: 300px;
   padding: 6px 48px;
   justify-content: center;
   align-items: center;
   gap: 10px;
}