body{
    margin: 0;
    font-family: "Open Sans", sans-serif;
}

.bg-dark{
    background-color: #333;
}

.btn {
    border-radius: 0.2rem;
    font-size: 15px;
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}
.btn.btn-primary {
    background-color: #c00000;
    border-color: #c00000;
    font-weight: 600;
}
.btn.btn-primary:hover {
    background-color: #d00000;
    border-color:#d00000;
}
.btn.btn-secondary {
    background-color: #333;
    border-color: #333;
    font-weight: 600;
}
.btn.btn-secondary:hover {
    background-color: #404040;
    border-color: #404040;
}
.btn.btn-third {
    background-color: #f5f5f5;
    border-color: #999;
    color: #333;
    margin-right: 20px;
}
.btn.btn-third:hover {
    background-color: #404040;
    border-color: #999;
    color: #fff;
}


/*------------HEADER-------------------*/

.header_top{
    background: #333;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
}

.header_top_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_top_content .logo{
    display: flex;
    background-image: url(../../img/pages/logo_gencat_blanc.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    width: 150px;
    height: 30px;
}

.header_top_content .language{
    color: #fff;
}

.header_bottom{
    background: #404040;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
}

.header_bottom_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_bottom .entitat{
    color: #fff;
    font-size: 18px;
}

/*------------HEADING-------------------*/

.heading{
    background-color: #f5f5f5;
    padding: 12px 0;
}

.breadcrumb .breadcrumb-item{
    font-size: 12.8px;
}

.breadcrumb .breadcrumb-item a{
    color: #666666;
    text-decoration: none;
}

.breadcrumb .breadcrumb-item.active{
    font-size: 12.8px;
    color: #333;
}





/*------------MAIN-------------------*/

main .container .row{
    padding: 8px 0;
}

main .container .row .col-xs-12{
    margin-bottom: 24px;
}

h1{
    font-size: 32px;
    font-weight: 400;
    color: #333;
}

h2{
    color: #666666;
    text-align: left;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-bottom: 1px solid #D8D4D9;
    padding: 16px 0 8px 0;
    margin-bottom: 24px;
}

h2.h2titulo{
    color: #333333;
    text-align: left;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-bottom: none;
    padding: 16px 0 8px 0;
    margin-bottom: 12px;
}

h3{
    color: #333;
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 1px solid #D8D4D9;
    padding: 16px 0 8px 0;
    margin-bottom: 24px;
}

h4{
    color: #333;
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

h5{
    color: #666;
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.subapartat{
    color: #333;
    text-align: left;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.cadastre_img_wrapper{
  height: 310px;
  overflow: hidden;
}
/*.img-detail{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 110%;
}*/

.img-detail{
    width: 100%;
    height:auto;
}

ul{
    padding-left: 8px;
    line-height: 16px;
}

li{
    list-style-type: none;
}

ul.list-detail li{
    color: #666;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

ul.list-detail li span{
    color: #333;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    list-style-type: none;
}

.item_language{
    color: #f5f5f5;
    font-size: .9rem;
    padding: 4px 6px;
    background-color:#404040;
    border-radius: 20px;
    margin-left: 4px;
}

.item_language:hover{
    color: #333;
    background-color: #f5f5f5;
}

.item_language.current{
    color: #333;
    background-color: #f5f5f5;
}

.bg-grey{
    background-color: #f5f5f5;
    padding: 24px;
}

.bg-grey ul{
    line-height: 32px;
}

.ico-view{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    padding-left: 0px;
    text-decoration: underline;
}
.ico-view:hover{
    color: #c00000;
    text-decoration: none;
}

.ico-download{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    padding-left: 0px;
    text-decoration: underline;
}
.ico-download:hover{
    color: #c00000;
    text-decoration: none;
}

.ico-view::before{
    content: "";
    background-image: url(../../img/pages/ico-view.svg);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    padding-left: 28px;
    margin-top: -4px;
}

.ico-view:hover::before{
    content: "";
    filter: invert(20%) sepia(23%) saturate(1576%) hue-rotate(-21deg) brightness(127%) contrast(93%);
}

.ico-download::before{
    content: "";
    background-image: url(../../img/pages/ico_descarrega.svg);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    padding-left: 28px;
    margin-top: -4px;
}

.ico-download:hover::before{
    content: "";
    filter: invert(20%) sepia(23%) saturate(1576%) hue-rotate(-21deg) brightness(127%) contrast(93%);
}

.nav-tabs{
    align-items: flex-end;
}

.nav-tabs li.nav-item{
    gap: 16px;
}

.nav-tabs li.nav-item a{
    color: #333;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #fff;
}

.nav-tabs li.nav-item a.active{
    color: #c00000;
    font-family: 'Open Sans';
    border-bottom: 3px solid #d00000;
    border-top: none;
    border-left: none;
    border-right: none;
}

.nav-tabs li.nav-item a:hover{
    color: #c00000;
    font-family: 'Open Sans';
    border-bottom: 3px solid #d00000;
    border-top: none;
    border-left: none;
    border-right: none;
}


.chart_wrapper{
    position: relative;
    display: flex;
    flex-direction: row;
    z-index: 10;
    height: auto;
    top: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.chart_wrapper2{
    position: relative;
    display: flex;
    flex-direction: row;
    z-index: 10;
    height: 375px;
    padding: 15px;
    justify-content: center;
}

.content_wrapper2{
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    height: auto;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 24px 32px 18px 32px;
    background-color: #CAE7FE;
}

.content_wrapper201{
    display: flex;
    width: auto;
    align-items: flex-end;
}
.content_wrapper202{
    display: flex;
    background-size: auto;
    height: 2px;
    width: 45px;
    margin-top: 33px;
    align-items: flex-end;
    margin-left: 10px;
}
.content_wrapper203{
    font-size: 32px;
    font-weight: 600;
    color: #1890FF;
    align-items: flex-end;
    margin-left: 10px;
}

.content_wrapper203 span{
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

.content_wrapper2 h4{
    font-size: 18px;
    line-height: 20px;
}

.content_wrapper2 h4 span{
    font-size: 14px;
    font-weight: 300;
}

.chart_item{
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    height: auto;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
}

.chart_back{
    z-index: 11;
    position: absolute;
    height: 300px;
    width: 100%;
    padding: 0px 12px;
}

.chart_back.positionA{
    top: -32px;
}
.chart_back.positionB{
    top: 7px;
}
.chart_back.positionC{
    top: 48px;
}
.chart_back.positionD{
    top: 87px;
}
.chart_back.positionE{
    top: 127px;
}
.chart_back.positionF{
    top: 167px;
}
.chart_back.positionG{
    top: 207px;
}

.chart_back .discontinued_line{

}

.chart_back .discontinued_line p{
    font-size: 13px;
    width: 30px;
    line-height: 14px;
    margin-bottom: 3px;
}

.chart_back .discontinued_line::after{
    content: "";
    background-image: url(../../img/pages/discontinued_line.svg);
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    display: flex;

}

.chart_first{
    width: 18%;
    z-index: 12;
}

.chart_second{
    width: 90%;
    z-index: 12;
    max-width: 510px;
}

.a_section{
    width: 100%;
    display: flex;
}

.a_section_variable{
    background-image: url(../../img/pages/rectangleA.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 33%;
    height: 34px;
    margin-bottom: 4px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.a_section_value{
    display: flex;
}

.section_value_number{
    background-image: url(../../img/pages/rectangleZ.svg);
    background-position: left;
    width: 110px;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    font-size: 20px;
    font-weight: 600;
    padding-left:15px;
}
.section_value_text{
    width: 100px;
    display: flex;
    align-items: center;
    height: 34px;
    font-size: 15px;
}

.chart_item .section_value_text{
    width: 100% ;
    display: flex;
    align-items: center;
    height: 34px;
    font-size: 15px;
    line-height: 1.2rem;
}

.b_section{
    width: 100%;
    display: flex;
}
.b_section_variable{
    background-image: url(../../img/pages/rectangleB.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 37%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.b_section_value{
    display: flex;
}

.c_section{
    width: 100%;
    display: flex;
}
.c_section_variable{
    background-image: url(../../img/pages/rectangleC.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 41%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.c_section_value{
    display: flex;
}

.d_section{
    width: 100%;
    display: flex;
}
.d_section_variable{
    background-image: url(../../img/pages/rectangleD.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 45%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.d_section_value{
    display: flex;
}

.e_section{
    width: 100%;
    display: flex;
}
.e_section_variable{
    background-image: url(../../img/pages/rectangleE.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 49%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.e_section_value{
    display: flex;
}

.f_section{
    width: 100%;
    display: flex;
}
.f_section_variable{
    background-image: url(../../img/pages/rectangleF.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 53%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.f_section_value{
    display: flex;
}

.g_section{
    width: 100%;
    display: flex;
}
.g_section_variable{
    background-image: url(../../img/pages/rectangleG.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 57%;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.g_section_value{
    display: flex;
}

.modal-body .img-modal{
    display: flex;
}

.table_wrapper table{
    border: 1px solid #333;
}

.table_wrapper table td{
    border: 1px solid #333;
    width: 180px;
    font-size: .9rem;
    padding: .2rem .4rem;
}

.black-card{
    background-color: #333;
    padding: 20px 20px 20px 70px;
    color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position-x: 8px;
    background-position-y: 8px;
    border: 8px solid #fff;
    margin-bottom: 0px!important;
}

.white-card{
    background-color: #fff;
    padding: 10px 20px 20px 0px;
    color: #333;
    background-repeat: no-repeat;
    margin-bottom: 0px!important;
    display: flex;
}

.black-card.ico_solar{
    background-image: url(../img/ico_solar.svg);
}
.black-card.ico_calefaccion{
    background-image: url(../img/ico_calefaccion.svg);
}
.black-card.ico_carga{
    background-image: url(../img/ico_carga.svg);
}
.black-card.ico_ventilacion{
    background-image: url(../img/ico_ventilacion.svg);
}


.black-card h5{
    color: #F5F5F5;
font-family: "Open Sans";
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 18px;
text-transform: uppercase;
}

.black-card p{
    color: var(--gris-clar-bg, #B4B4B4);
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin-bottom: .2rem;
}

.white-card h5{
    color: #333;
font-family: "Open Sans";
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 18px;
text-transform: uppercase;
}

.white-card p{
    color: #333;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin-bottom: .2rem;
}

.badge {
    display: inline-block;
    padding: 1em 1em;
    font-size: 1em;
    font-weight: 600;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2rem;
    margin-right: .4rem;
    background-color: #f5f5f5;
    text-transform: uppercase;
}

.mt16{
    margin-top: 16px;
}

.mb16{
    margin-bottom: 16px;
}

.info_general .col-xs-12{
    margin-bottom: 24px;
}
.info_general h2{
    margin-bottom: 24px;
}

a{
    text-decoration: none;
}

a.info_card{
    display: flex;
    flex-direction: column;
    background-color: #F5F5F5;
    background-image: url(../../img/pages/red_arrow.svg);
    background-size: 59px 59px;
    background-position-x: right;
    background-position-y: bottom ;
    background-repeat: no-repeat;
    color: #333;
    padding: 16px 32px 16px 16px;
    min-height: 125px;
    margin-bottom: 24px;
}
a.info_card:hover{
    background-color: #EDEDED;
    background-image: url(../../img/pages/red_arrow_hover.svg);
}

a.info_card h5{
    color: #333;;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

a.info_card p{
    color: #333;;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ul_links{
    line-height: 2rem;
}

.ul_links li{
    font-weight: 600;
}

.ul_links li a{
    font-weight: 400;
    color: #c00000;
    border-bottom: 1px solid #c00000;
    font-style: italic;
    padding-left: 6px;
}
.ul_links li a::before{
    content: "";
    background-image: url(../../img/pages/ico_link.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 20px;
}
.ul_links li a span{
    padding-left: 24px;
}

.icons_wrapper{
    display: flex;
    flex-direction: row;
    padding: 16px 0 0 0;
    column-gap: 88px;
    flex-wrap: wrap;
}

.icons_wrapper.iconsText{
    margin-bottom: 40px;
}

.ico_instalacions{
    width: 100px;
    height: 100px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.info_instalacions{
    min-width: 165px;
    margin-left: 20px;
}

.ico_aerotermia{
    background-image: url(../../img/pages/instalacions/aerotermia.png);
    padding: 50px;
}
.ico_biomassa{
    background-image: url(../../img/pages/instalacions/biomassa.png);
    padding: 50px;
}
.ico_bomba{
    background-image: url(../../img/pages/instalacions/xarxacalorfred.png);
    padding: 50px;
}
.ico_caldera{
    background-image: url(../../img/pages/instalacions/geotermica.png);
    padding: 50px;
}
.ico_PIRVEC_Verd---Vehicle_Electric{
    background-image: url(../../img/pages/instalacions/PIRVEC_Verd---Vehicle_Electric.png);
    padding: 50px;
}
.ico_solar_fotovoltaica{
    background-image: url(../../img/pages/instalacions/solar_fotovoltaica.png);
    padding: 50px;
}
.ico_solar_termica{
    background-image: url(../../img/pages/instalacions/solar_termica.png);
    padding: 50px;
}

.ico_solucions{
    width: 100px;
    height: 100px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    color: #333;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.ico_atri1{
    background-image: url(../../img/pages/solucions_bioclimatiques/atri1.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_galeria1{
    background-image: url(../../img/pages/solucions_bioclimatiques/galeria1.png);
    padding-top: 110px;
    padding-left: 22px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_inercia{
    background-image: url(../../img/pages/solucions_bioclimatiques/inercia.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_murparetodinamic{
    background-image: url(../../img/pages/solucions_bioclimatiques/murparetodinamic.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_murtrombe{
    background-image: url(../../img/pages/solucions_bioclimatiques/murtrombe.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_poucanadenc2{
    background-image: url(../../img/pages/solucions_bioclimatiques/poucanadenc2.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_vegetacio1{
    background-image: url(../../img/pages/solucions_bioclimatiques/vegetacio1.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_ventilacionatural{
    background-image: url(../../img/pages/solucions_bioclimatiques/ventilacionatural.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.ico_xemeneiasolar{
    background-image: url(../../img/pages/solucions_bioclimatiques/xemeneiasolar.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
}

.wrapper_certificats{
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin: 36px 0 12px 0;
}

.logo_certificats{
    width: 140px;
    height: 140px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.ico_logo_breeam{
    background-image: url(../../img/pages/certificats/logo_breeam.svg);
}
.ico_logo_dgnb{
    background-image: url(../../img/pages/certificats/logo_dgnb.svg);
}
.ico_logo_leed{
    background-image: url(../../img/pages/certificats/logo_leed.svg);
}
.ico_logo_minergie{
    background-image: url(../../img/pages/certificats/logo_minergie.svg);
}
.ico_logo_passive_house{
    background-image: url(../../img/pages/certificats/logo_passive_house.svg);
}
.ico_logo_verde{
    background-image: url(../../img/pages/certificats/logo_verde.svg);
}

.ico_climatitzacio{
    background-image: url(../../img/pages/emissors/climatitzacio.png);
    padding-top: 110px;
    text-transform: uppercase;
    line-height: 1.2rem;
    margin-bottom: 18px;
}
.ico_conductesdaire{
    background-image: url(../../img/pages/emissors/conductesdaire.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_illuminacio{
    background-image: url(../../img/pages/emissors/illuminacio.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_protecciosolar{
    background-image: url(../../img/pages/emissors/protecciosolar.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_radiadorsdebaixaemissivitat{
    background-image: url(../../img/pages/emissors/radiadorsdebaixaemissivitat.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_radiadorsdeferro{
    background-image: url(../../img/pages/emissors/radiadorsdeferro.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_sostreobigues{
    background-image: url(../../img/pages/emissors/sostreobigues.png);
    text-transform: uppercase;
    padding:50px;

}
.ico_terraradiant{
    background-image: url(../../img/pages/emissors/terraradiant.png);
    text-transform: uppercase;
    padding:50px;
}
.ico_ventiloconvector{
    background-image: url(../../img/pages/emissors/ventiloconvector.png);
    text-transform: uppercase;
    padding:50px;
}

/*------------FOOTER-------------------*/

footer{
    bottom: 0;
    left: 0;
    right: 0;
    background: #EFEFEF;
    display: flex;
    justify-content: center;
}

.footer_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    height: auto;
    border-top: 1px solid #999;
    margin-top: 40px;
}

.footer_content .logo_footer{
    display: flex;
    background-image: url(../../img/pages/logo_genCat_gris_footer.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    width: 30%;
    min-width: 170px;
    height: 30px;
}

.footer_content .text_legal{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    color: #666666;
    padding: 15px 0;
}

@media (max-width: 575.98px) {
    .header_bottom .entitat{
        color: #fff;
        font-size: 14px;
    }
}

@media (max-width: 768px) {

}

@media (max-width: 992px) {

}

@media (max-width: 1200px) {
    .section_value_number{
        width: 90%!important;
    }
}

@media (max-width: 1400px) {
    .section_value_number{
        width: 90%!important;
    }
}

.section_value_number{
    background-image: url(../../img/pages/rectangleZ.svg);
    background-position: left;
    width: 110px;
    height: 34px;
    margin-bottom: 6px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    font-size: 20px;
    font-weight: 600;
}



.table_wrapper_modal {
    max-height: 400px;
    overflow: scroll;
}

.table_wrapper_modal table{
    border: 1px solid #333;
    width: 100%;
    background-color: #f5f5f5;
}
.table_wrapper_modal table thead{
    font-weight: 600;
}
.table_wrapper_modal table td{
    border: 1px solid #333;
    width: auto;
    min-width: 50px;
    min-height: 30px;
    font-size: .9rem;
    padding: .2rem .4rem;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}

main .modal-body .container{
    margin-bottom: 0px;
}

main .container .row{
    padding: 8px 0;
}

.section_fixed{
    background-position: right;
    background-repeat: no-repeat;
    width: 80px;
    height: 34px;
    margin-bottom: 4px;
    margin-right: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 600;
}

.section_fixed_a{
    background-image: url(../../img/pages/rectangleA.svg);
}
.section_fixed_b{
    background-image: url(../../img/pages/rectangleB.svg);
}
.section_fixed_c{
    background-image: url(../../img/pages/rectangleC.svg);
}
.section_fixed_d{
    background-image: url(../../img/pages/rectangleD.svg);
}
.section_fixed_e{
    background-image: url(../../img/pages/rectangleE.svg);
}
.section_fixed_f{
    background-image: url(../../img/pages/rectangleF.svg);
}
.section_fixed_g{
    background-image: url(../../img/pages/rectangleG.svg);
}
.a_section_value_active{
    display: flex;
}

.table_text p{
    font-size: .8rem;
    line-height: 1rem;
}

.section_fixed_energia_final{
    background-position: right;
    background-repeat: no-repeat;
    width: 80px;
    height: 34px;
    margin-bottom: 4px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    font-size: 15px;
}

.h3_high{
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: none;
    margin-bottom: 12px;
}

ul.list_red_circle{
    list-style-position: inside;
    line-height: 29px;
}

ul.list_red_circle li{
    background-image: url(../../img/pages/red_circle.svg);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position-y: 13px;
    line-height: 30px;

}

.table_wrapper_recomana table{
    border: 1px solid #999;
    font-size: 1rem;
    width: 100%;
}

.table_wrapper_recomana table thead{
    background-color: #f5f5f5;
    font-weight: 600;
}

.table_wrapper_recomana table thead td{
    color: #333;
}

.table_wrapper_recomana table td{
    border: 1px solid #999;
    width: 180px;
    font-size: 15px;
    padding: .4rem .6rem;
    color: #666;
}

ul.list_red_circle a{
    text-decoration: underline;
    color: #333;
    font-weight: 600;
}

ul.list_red_circle a:hover{
    text-decoration: underline;
    color:#c00000
}

ul.list_downloads{
    margin: 24px 0;
}

ul.list_downloads li{
    padding: 8px 0;
}

.li-historic{
    list-style-type: inherit;
    margin-left: 25px;
}

.fixed-size-data{
    width: 150px !important;
}

.color_data_historic{
    font-weight: 600 !important;
}

.apartat_detall{
    padding-left: 4px !important;

}

.apartat_detall_download{
    font-size: 15px !important;
    font-family: emoji !important;
}

.list-detail-certificat{
    line-height: 16px;
}

.list-detail-certificat li p{
    display: flex;
    flex-direction: column;
    color: black ;
    font-weight: 600;
}

.list-detail-certificat li p{
    margin-bottom: .8rem;
}

.list-detail-certificat li p span{
    display: flex;
    flex-direction: column;
    color: #000;
    background-color: #f2efef;
    padding: 6px 12px;
    margin-top: 6px;
    font-weight: 400;
}

.center_text_icon_emissor{
    min-width: 165px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-text {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-container.active .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.center-text {
    text-align: center;
    vertical-align: middle;
}