.hidden{
  display: none;
}

#LogoB{
width: 50%;
position: absolute;
margin-top: 50%;
margin-left: 30%;
}
#Mes_Ins{
    margin-top: 100%;
    margin-left: 30%;
    justify-content: center;
}
#Mes_Ins2{
   
    margin-left: 40%;
    justify-content: center;
}
#LogoB_RS{
    width: 40%;
position: absolute;

margin-left: 30%;
}
#Mes_InsRS{
    margin-top: 35%;
    justify-content: center;
    margin-left: 40%;
    
}
#Mes_Ins2RS{
    margin-top: 2%;
    justify-content: center;
    margin-left: 38%;
   
}
select {
    padding: 5px;
    margin-bottom: 10px;
    width: 150px;
  }

  .dataTables_wrapper {
    margin-top: 20px;
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4d0450;
    color: #fefeff;
    
  }
  #Client_LogoB{
    width: 50%;
    margin-top: 10%;
    margin-left: 20%;
  }
  #Client_Mes_Ins{
    margin-left: 20%;
  }
  #Client_Mes_Ins2{
    margin-left: 30%;
  }
  #input-with-currency {
    position: relative;
  }

  
  #LogoBL{
    width: 50%;
    position: absolute;
    margin-top: 10%;
    margin-left: 30%;
    }
  #tagp{
    margin-top: 60%;
    margin-left: 12%;
  }
  #LogoBC{
    width: 40%;
position: absolute;
margin-top: 20%;
margin-left: 30%;
}
#Mes_InsU{
  margin-top: 60%;
  justify-content: center;
  margin-left: 20%;
  
}
#Mes_Ins2U{
  margin-top: 2%;
  justify-content: center;
  margin-left: 38%;
 
}
.LogoP{
  display: inline-block;
  width: 44px;
  height: 44px;
  background-size: cover;
}
#LogoBE{
  width: 40%;
position: absolute;
margin-top: 20%;
margin-left: 30%;
}
#Mes_InsE{
margin-top: 60%;
justify-content: center;
margin-left: 20%;

}
#Mes_Ins2E{
margin-top: 2%;
justify-content: center;
margin-left: 38%;

}
.username{
  text-align: center;
  box-shadow: 0px 0px 10px rgba(105, 4, 88, 0.2);
}
.password{
  text-align: center;
  box-shadow: 0px 0px 10px rgba(105, 4, 88, 0.2);
}

#LogoB_roi{
  width: 40%;
position: absolute;
margin-top: 20%;
margin-left: 30%;
}

#Mes_Ins_roi{
margin-top: 60%;
justify-content: center;
margin-left: 20%;

}
#Mes_Ins2_roi{
margin-top: 2%;
justify-content: center;
margin-left: 38%;

}

  /* Estilos para el botón flotante */
  .floating-button {
    position: fixed;
    bottom: 30px;
    left: 55%;
    background-color: orange;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    cursor: pointer;
    
  }
   /* Estilos para el mensaje al hacer hover en el botón */
   .floating-button:hover::before {
    content: "Publish a new notice";
    position: absolute;
    bottom: 60px;
    
    transform: translateX(-90%);
    background-color: rgba(233, 162, 8, 0.8);
    color: white;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 15px;
  }

  .floating-button:hover::before {
    opacity: 1;
  }
  /* Estilos para el formulario flotante */
  .floating-form {
    position: fixed;
    bottom: 100px;
    left: 30%;
    background-color: white;
    border: 2px solid #b1b1b15e;
    border-radius: 20px;
    padding: 20px;
    display: none;
    
  }
  .modal2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.modal2-content {
    background: #fff;
    margin-top: 5%;
    margin-left: 15%;
    padding: 20px;
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 70%;
    height: 82%;

    
}

/* Estilos para el botón de cierre (X) */
.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
}
#Mes_Ins_D{
  margin-top: 20px;
  margin-left: 18%;
  color: #4D12A4;
 
  
  }
  #Mes_Ins2_D{
  margin-left: 25%;
  color: #4D12A4;

  
  }
  #LogoD{
    margin-top: 20%;
    margin-left: 20%;
    width: 50%;
  }
  .news-container {
    max-height: 12em; /* Ajusta la altura máxima según tu diseño */
    overflow: hidden;
}

.news-description {
    white-space: normal;
    margin: 0;
    text-align: justify;
}
.news-container2 {
  max-height: 9em; /* Ajusta la altura máxima según tu diseño */
  overflow: hidden;
}

.modal2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content2 {
  background-color: #fff;
  width: 40%;
  margin: 10% auto;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

/* Estilos para el botón de cierre (la "x") en el modal */
.close2 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
  font-weight: bold;
  color: black;
}

.color_label{
  color: #585858;
}
.color_label2{
  color: #4D12A4 !important;
}
.title_news{
  color: orange; font-weight: bold; 
  justify-content: center; 
  padding-left: 20px; 
  padding-top: 20px;
}
._news{
  margin-top: 20px !important;
  margin-left: 15% !important;
  margin-bottom: 15% !important;
}
.pos_news{
  position: relative;
}
.border_shadow{
  border-radius: 10px; 
  border: 1px solid rgba(161, 161, 161, 0.507);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.img_div{
  text-align: center;
}
.img_size{
  width: 50%;
}
.label_news{
  padding-left: 20px;
  margin-top: -5%;
}
.label_name{
  background-color: orange; 
  color: white; 
  padding: 5px; 
  display: inline-block;
}
.label_date_new{
  color: #B39ED3; 
  font-weight: bold;
}
.label_title_new{
  color: #4D12A4; 
  font-weight: bold;
  font-size: 1.2em;
}
.alig_learn{
  text-align: center;
}
.color_icon{
  color: #6362E7; 
  font-size: 40px;
}
.w_100_porcent {
  width: 100% !important;
}
.btn_excel{
  background-color: #4D12A4 !important; 
  color: aliceblue !important;
}
.btn_recovery{
  background-color: white !important; 
  color: #4D12A4 !important;
  font-weight: bold !important;
  border: 2px solid #4D12A4 !important;
  font-size: large !important;
  height: 60px !important;
  padding-top: 9px !important;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
}
.btn_recovery_cancel{
  background-color: white !important; 
  color: #E74949 !important;
  font-weight: bold !important;
  border: 2px solid #E74949 !important;
  font-size: large !important;
  height: 60px !important;
  padding-top: 15px !important;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
}
.btn_login{
  background-color: white !important; 
  color: #4D12A4  !important;
  border: 2px solid #4D12A4 !important;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2) !important;
  font-weight: bold !important;
  
}
.color_whitepaper{
  background-color: orange !important;
  color: aliceblue !important;
}
.color_whitepaper2{
  background-color: #4D12A4 !important; 
  color: aliceblue !important;
}
.folder_open{
  font-size: 50px; 
  color: #4D12A4 ;
}
.folder_check{
  color: orange; 
  position: relative;
  margin-left: -30px;
  font-size: 30px;
}
.folder_close{
  font-size: 50px; 
  color: #927cb4 ;
}
.folder_ban{
  color: orange; 
  position: relative;
  margin-left: -30px;
  font-size: 20px;
}
.label_cases{
  color: #4D12A4; 
  font-weight: bold;
  text-align: center;
}
.label_ppt{
  background-color: orange !important; 
  color: aliceblue !important; 
  font-size: 22px !important;
}
.label_pdf{
  background-color: #4D12A4 !important; 
  color: aliceblue !important; 
  font-size: 22px !important;
}
.url_cases{
  background-color: #B39ED3 !important;
  font-size: 22px !important;
  color: aliceblue !important;
}
.mensaje {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border: 1px solid #4D12A4;
  border-radius: 5px;
  color: black;
}


.zona {
  width: 20px;
  height: 20px;
  background-color: #F8803A;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
}


.cerrar {
  display: none;
  background-color: red;
  color: white;
  border: none;
  padding: 5px;
  cursor: pointer;
}

.zona:hover .mensaje {
  display: block;
}

.zona:hover .cerrar {
  display: block;
}
.back_charts{
  background-color: #4D12A4 !important;
}
.icon_charts{
  font-size: 2em !important;
   background-color: #B39ED3 !important;
}
.label_charts{
  color: aliceblue; 
  font-weight: bold;
}
.label_title_text{
  color: aliceblue !important;  
}
.top_chart{
  top: auto !important;
}
.back_card_chart{
  background-color: white !important;
}
.title_charts{
  font-weight: bold !important; 
  color: #F8803A !important;
}
.circle_charts{
  color: rgba(179, 158, 211, 0.8);
}
.dflex_charts{
  display: flex !important; 
  flex-wrap: wrap !important;
  
}
.circle_1{
  color: rgb(46, 12, 98);
}
.circle_2{
  color: rgb( 255, 195, 0 );
}
.circle_3{
  color: rgb(197, 173, 233)
}
.circle_4{
  color: rgb(255, 201, 102);
}
.circle_5{
  color: rgb(255, 153, 80);
}
.circle_6{
  color: rgb(255, 126, 27);
}
.circle_7{
  color: rgb(102, 77, 140);
}
.icon_industry_1{
  color: #4D12A4;
}
.icon_industry_2{
  color: rgb(116, 88, 158);
}
.icon_industry_3{
  color: rgb(141, 129, 158);
}
.icon_industry_4{
  color: rgb(230, 143, 30);
}
.icon_industry_5{
  color: rgb(228, 156, 62);
}
.icon_industry_6{
  color: rgb(219, 168, 101);
}
.icon_industry_7{
  color: rgb(171, 173, 4);
}
.icon_industry_8{
  color: rgb(181, 182, 104);
}
.icon_industry_9{
  color: rgb(191, 192, 142);
}
.icon_industry_10{
  color: rgb(195, 196, 169);
}
.title_chart_top{
  color: #F8803A;
  font-weight: bold; 
  font-size: 20px;
}
.icon_client{
  top: auto; 
  color: #9166d1;
  padding-right: 20px; 
  font-size: 1.5em;
}
.zona_1{
  top: 50%; left: 22%;
}
.zona_2{
 top: 40%; left: 25%;
}
.zona_3{
  top: 30%; left: 25%;
}
.zona_4{
  bottom: 28%; left: 50%;
}
.zona_5{
  bottom: 38%; left: 43%;
}
.zona_6{
  bottom: 32%; left: 62%;
}
.zona_7{
  bottom: 18%; left: 45%;
}
.img_size{
  width: 80%;
}
.title_demo{
  font-weight: bold !important; 
  color: orange !important;
}
.color_subtitle{
  color: #B39ED3 !important;
}
.icon_demo{
  font-size: 8em; 
  margin-top: 10%; 
  color: #4D12A4;
}
.modal_demo{
  display: none;
}
.modal_title_demo{
  font-weight: bold !important;
  font-size: 2em !important; 
  color: #4D12A4 !important;
}
.modal_div{
  border: 0.1px solid rgba(128, 128, 128, 0.226);
  border-radius: 20px;
  background-color: #baa4dd3f;
  padding: 20px 20px 20px 20px;
}
.ppt_project{
  background-color: orange !important;
  color: aliceblue !important; 
  font-size: 22px !important;
}
.pdf_project{
  background-color: #4D12A4 !important;
  color: aliceblue !important; 
  font-size: 22px !important;
}
.view_project{
  background-color: #B39ED3 !important;
  font-size: 22px !important;
  color: aliceblue !important;
}
.project_link{
  background-color: #B39ED3 !important; 
  font-size: 22px !important; 
  color: aliceblue !important;
}
.alig_industry{
  text-align: center !important;
  vertical-align: middle !important;
}
.center_industry{
  text-align: center !important;
}
.recovery_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.recovery_align{
  width: 30% !important; 
  margin-top: 10% !important;
  margin-bottom: 20px !important;
}
.title_recovery{
  color: #585858 !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
}
.sub_title_recovery{
  text-align: center !important;
  color: orange !important; 
  margin-top: 20px !important;
}
.recovery_div_{
  text-align: center !important;
}
.set_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.set_alig{
  width: 50% !important;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}
.set_center{
  text-align: center !important;
}
.set_title_h{
  color: black !important;
  margin-bottom: 20px !important;
}
.set_subtitle{
  text-align: center !important;
  color: orange !important; 
  margin-top: 20px !important;
}
.complete_recovery{
  max-width: 600px !important;
}
.complete_center{
  text-align: center !important;
}
.complete_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.complete_color{
  color: orange !important;
}
.complete_img{
  width: 50% !important;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.login_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.login_align{
  width: 90% !important;
  margin-bottom: 10% !important;
  border-radius: 10px !important;
}
.login_secon_btn{
  border: 1px solid #571E9D !important;
  color: #571E9D !important;
}
.login_ter_btn{
  color: #571E9D !important;
}
.login_subtitle{
  color: orange !important;
}
.login_forget{
  color: gray !important;
  margin-left: 25% !important;
  font-weight: bold!important;
  font-size: small;
}
.register_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.register_img{
  width: 50% !important;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}
.register_div{
  margin-bottom: 12% !important;
}
.register_btn{
  background-color: #4D12A4 !important;
  color: aliceblue !important;
  margin-top: 12% !important;
  margin-bottom: 30px !important;
}
.register_subtitle{
  text-align: center !important;
  color: orange !important;
  margin-top: 20px !important;
}
.request_contain{
  max-width: 600px !important;
}
.request_cent{
  text-align: center !important;
}
.request_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.request_img{
  width: 50% !important;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.request_label{
  color: orange !important;
}
.user_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.user_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.user_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.register_project_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.register_project_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.register_project_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.human_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.human_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.human_subtitle{
  text-align: center !important;
  color: #4D12A4 !important; 
}
.bot_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.bot_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.bot_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.roi_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.roi_title{
  color: #4D12A4;
  font-weight: bold;
}
.roi_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.complete_register{
  max-width: 600px !important;
}
.completed_align{
  text-align: center !important;
}
.completed_shadow{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.completed_img{
  width: 50% !important;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.completed_subtitle{
  color: orange !important;
}
.client_title{
  color: #4D12A4 !important; 
  font-weight: bold !important;
}
.client_subtitle{
  text-align: center !important;
  color: #4D12A4 !important; 
}
.cases_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.cases_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.case_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
  margin-top: 20px !important;
}
.data_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.data_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.data_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.query_project_val{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.query_project_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.query_project_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.query_human_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.query_human_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.query_human_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.query_bot_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.query_bot_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.query_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.query_roi_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.query_roi_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.query_roi_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.update_project{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.update_project_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.update_project_btn{
  border: 1px solid orange !important;
  color: orange !important;
}
.update_project_letter{
  color: orange !important;
}
.update_project_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.update_human_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.update_human_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.update_bot_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.update_bot_title{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.update_roi_align{
  border-radius: 25px !important;
  border: 1px solid rgba(110, 110, 110, 0.356) !important;
}
.update_roi_title{
  color: #4D12A4 !important;
  font-weight: bold !important;

}
.update_roi_subtitle{
  text-align: center !important;
  color: #4D12A4 !important;
}
.new_border{
  border-radius: 10px !important;
}
.new_title{
  color: orange !important;
  font-weight: bold !important;
  justify-content: center !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
}
.new_card{
  position: relative !important;
  
}
.new_card_p{
  padding: 10px !important;
  
}
.new_border{
  border-radius: 10px !important;
  border: 1px solid rgba(161, 161, 161, 0.507) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;
}
.new_line{
  text-align: center !important;
}
.new_img{
  width: 50% !important;
}
.new_div{
  padding-left: 20px !important;
  margin-top: -13% !important;
}
.new_title_news{
background-color: orange !important;
color: white !important;
padding: 5px !important;
display: inline-block !important;
}
.new_p{
  color: #B39ED3 !important;
  font-weight: bold !important;
}
.new_pp{
  color: #4D12A4 !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
}
.news_go{
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  color: #B39ED3 !important;
  font-weight: bold !important;
}
.home_border{
  border-radius: 10px !important;
}
.home_title{
  color: orange !important;
}
.home_title_h{
color: orange !important;
font-weight: bold !important;
justify-content: center !important;
padding-left: 20px !important;
padding-top: 20px !important;

}
.home_card{
  padding: 10px 10px 10px 10px !important;
}
.home_shadow{
  border-radius: 10px !important;
  border: 1px solid rgb(161, 161, 161, 0.507) !important; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;

}
.home_div_alig{
  text-align: center !important;
}
.home_ancho{
  width: 50% !important;
}
.home_div{
  padding-left: 20px !important;
  margin-top: -7% !important;
}
.home_title_second{
  background-color: orange !important;
  color: white !important;
  padding: 5px !important;
  display: inline-block !important;

}
.home_subtitle_second{
  background-color: orange !important;
  color: white !important;
  padding: 5px !important;
  display: inline-block !important;
}
.home_subtitle_news{
  color: #B39ED3 !important;
  font-weight: bold !important;
}
.home_subtitle_second_news{
  color: #4D12A4 !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
}
.home_news_descritpion{
  text-align: justify !important;
}
.home_btn{
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  color: #B39ED3 !important;
  font-weight: bold !important;
}
.home_section_1{
  color:orange !important;
  font-weight: bold !important;
}
.home_goto{
  color: #B39ED3 !important;
}
.home_robot{
  font-size: 8em !important;
  margin-top: 20% !important;
  color: #4D12A4 !important;
}
.public_new{
  color: #4D12A4 !important;
  font-weight: bold !important;
}
.public_btn{
background-color: orange !important;
color: aliceblue !important;
width: 100% !important;
}
.public_close{
  background-color: #4D12A4 !important;
  color: aliceblue !important;
  width: 100% !important;
}
.btn_cass_dash{
  background-color: #B39ED3 !important;
  color: aliceblue !important;
}
.justify_cases{
  align-items: center !important;
  justify-content: center !important;
}
.icon_charts_cases{
  background-color: #F8803A !important;
  font-size: 3em !important;
  margin-top: -40px !important;
  margin-bottom: 20px !important;

  width: 190% !important;
}
.title_cases_recent{
  color: aliceblue !important;
  font-weight: bold !important;

}
.div_presales{
  border: 2px solid #4c12a46b !important;
  border-radius: 5px !important;
  
}
.div_bi{
  border: 2px solid #4c12a46b !important;
  border-radius: 5px !important;
  
}
.btn_human{
  background-color: orange !important;
  color: aliceblue !important;
}
.btn_roi{
  background-color: #B39ED3 !important;
  color: aliceblue !important;
}
.add_project{
  font-size: 40px;
  color: orange;
  
}
/* Estilos base para todas las pantallas */
#chart-container {
  position: relative;
  margin: auto;
  width: 80%;
  
}



.text_white {
  color: aliceblue;
  font-weight: bold;
  font-size: 150%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.back_report {
  background-color: #4d12A4;
  
}

/* Media query para pantallas pequeñas */
@media screen and (max-width: 600px) {
  #chart-container {
    width: 80%; /* Ajusta el ancho del contenedor del gráfico para pantallas pequeñas */
  }

  #myChartProject {
    width: 100%; /* Ajusta el ancho del lienzo del gráfico para pantallas pequeñas */
  }

  .text_white {
    font-size: 120%; /* Ajusta el tamaño del texto blanco para pantallas pequeñas */
  }

  .back_report {
    height: auto; /* Ajusta la altura del contenedor de fondo para pantallas pequeñas */
  }
}

.section_report{
  color: #4D12A4;
  font-weight: bold;
  border-radius: 10px;
  border: solid 4px orange;
  width: 50%;
  margin: auto;
  padding-top: 10px;
  
}

.img_panel{
  width: 60% !important;
}

.text_login{
  font-size: 20px !important;
}
.btn_sign_app{
  border: 1px solid #ccc !important;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2) !important;
}
.btn_sign_app img{
  width: 30% !important;
}
.hr_login{
  display: inline-block !important;
  width: 20% !important;
  border-bottom: 1px solid #ccc !important;
  margin: 0 10px 0 0 !important;
  vertical-align: middle !important;
}
.border_input{
  border: 1px solid #d1d3e2 !important;
  border-radius: 5px !important;
}
.border_input div div{
  border-right: 1px solid #d1d3e2 !important;
}
.input_login{
  border: none !important;
  height: 100% !important;
}
.img_login{
  width: 20% !important;
  margin-top: 40px !important;
  margin-bottom: -40px !important;
}
.img_set_recovery{
  width: 20% !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.panel_img{
  width: 10% !important;
  margin-top: 10% !important;
}
.text_recovery{
  font-weight: bold !important;
}
.title_reusable{
  font-size: large !important;
  color: black !important;
  font-weight: bold !important;
}
.text_process_des{
  width: 250px !important;
  text-align: justify !important;
}