@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
  --main-bg-color:#004494;
}


* {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
}

#page-content-wrapper {
    padding-top:0px;
    margin:auto;
    height: calc(100vh - 80px);
}

#error-box{
    height:200px;
}

#predict-button{
    margin-top:20px;
}

#titulo{
    text-align:center;
    padding-bottom:20px;
    letter-spacing: 0.5px;
    color: #202124;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    font-size:2.5rem;
}

#subtitulo{
  text-align: center;
  padding-bottom: 20px;
  letter-spacing: inherit;
  color: #202124f6;
  font-family: 'Roboto Condensed', sans-serif;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  font-size: 20px;
  max-width: 800px;
  margin: auto;
}

#predict-button {
    line-height:2;
    border: 1px solid #000;
    background-color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 0.8rem;
    font-weight: 100;
    letter-spacing: 0.5px;
    color:white;
    text-transform:uppercase;
    padding:5px
}

#predict-button:hover{
    line-height:2;
    border: 2px solid #000;
    background-color: white;
    color:#000;
    font-weight:bold;
}

#logo_decidata{
    width:180px;
}

.hidden{
  display: none;
}

.columna_probabilidad {
  width:33%;
  display:inline-block;
  padding: 20px;
  text-align:center;
}

#resultados{
  margin-top:50px;
}

#resultados_pdf{
  margin-top:50px;
}

.titulo-prediccion{
  font-weight:lighter; 
  text-transform:capitalize;
  margin-bottom: 0px;
}

#resultados{
  max-width:1200px;
  margin:auto;
}

#resultados_pdf{
  max-width:1200px;
  margin:auto;
}

.tarjeta_prediccion{
  padding:20px;
  background: white;
  color: black;
  border-radius:7px;
  border: 1px solid black;margin-bottom:40px;
}

.texto-prediccion{
  font-weight:bold;
  font-size:1.5rem;
}

.prob-top{
  font-weight:bold;
  font-size:1.2rem;
  margin-bottom:0px;
}


#error-box, #predict-button{
  display:inline-block;
  transition: width 2s, height 2s;
}

.result_mode #error-box{
  width:78%;
  height:100%;
}

.result_mode #predict-button{
  width:18%;
}

.navbar{
  background:white !important;
  height: 80px;
}

#logo-decidata {
  width:100px;
}

#logo-horizon {
  width:80px;
}

#prompt, #buscar-memorias, #prompt_pdf, #buscar-memorias-pdf,
#texto-traducido, #predict-button, #chat_prompt  {
  width:100% !important;
}

#texto-indicencia, #texto-traducido{
  padding:10px;
}

#paso-1, #paso-2 {
  width:100% !important;
}

#header-paso2 {
  display:flex;
  justify-content: space-between;
  padding-bottom:20px;
}

#reabrir-paso1{
  background:transparent;
  border:none;
  border-bottom:1px solid black;
}

#reabrir-paso1:hover{
  font-weight:bold;
}

#buscar-memorias{
  /* background: rgb(172,25,109);
  background: -moz-linear-gradient(left, rgb(172,25,109) 0%, rgb(253,59,94) 50%, rgb(255,0,0) 99%);
  background: -webkit-linear-gradient(left, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);
  background: linear-gradient(to right, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);; */
  background-color: var(--main-bg-color);
  font-weight:bold;
  padding:10px 5px;
  color:white; 
  border:none;
}

#buscar-memorias-pdf{
  /* background: rgb(172,25,109);
  background: -moz-linear-gradient(left, rgb(172,25,109) 0%, rgb(253,59,94) 50%, rgb(255,0,0) 99%);
  background: -webkit-linear-gradient(left, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);
  background: linear-gradient(to right, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);; */
  background-color: var(--main-bg-color);
  font-weight:bold;
  padding:10px 5px;
  color:white; 
  border:none;
}

#add-memory-button{
  /* background: rgb(172,25,109);
  background: -moz-linear-gradient(left, rgb(172,25,109) 0%, rgb(253,59,94) 50%, rgb(255,0,0) 99%);
  background: -webkit-linear-gradient(left, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);
  background: linear-gradient(to right, rgb(172,25,109) 0%,rgb(253,59,94) 50%,rgb(255,0,0) 99%);; */
  background-color: var(--main-bg-color);
  font-weight:bold;
  padding:10px 5px;
  color:white; 
  border:none;
}

#prompt,
#prompt_pdf,
#texto-traducido,
#chat_prompt{
  height:100px;
}


.filtros_buscador{
  display:flex;
  flex-direction:column;
}

.filtros_buscador p{
  padding-bottom:5px;
  margin-bottom:0px;
  font-size: 16px;
  line-height:16px;
  flex: 0 0 32px;
}

.filtros_buscador_pdf{
  display:flex;
  flex-direction:column;
}

.filtros_buscador_pdf p{
  padding-bottom:5px;
  margin-bottom:0px;
  font-size: 16px;
  line-height:16px;
  flex: 0 0 32px;
}

.buscador_texto{
  padding-top:30px;
}

.buscador_texto p{
  line-height:16px;
  padding-bottom:5px;
  margin-bottom:0px;
}

.chat_texto{
  padding-top:30px;
}

.chat_texto p{
  line-height:16px;
  padding-bottom:5px;
  margin-bottom:0px;
}

.buscador_texto_pdf{
  padding-top:30px;
}

.buscador_texto_pdf p{
  line-height:16px;
  padding-bottom:5px;
  margin-bottom:0px;
}

/* LOGS */
#log-div{
  height: 100%;
  overflow: auto;
  padding: 20px;
  border: 1px solid lightgray;
  border-radius: 7px;   
  margin-bottom: 30px;
}

.log_debug, .log_info {
  color:green;
}

.log_warning {
  color:yellow;
}
.log_error, .log_fatal {
  color:red;
}

.log_debug, .log_info, .log_warning, .log_error, .log_fatal{
  padding: 5px 0px;
  border-bottom:1px solid lightgray
}

#logs_filter_col{
  margin-left: auto;
  order: 2;
}

#logs-page {
  max-width:1000px;
  margin:auto;
}

#log_level{
  padding-bottom:30px;
}

.result {
  padding:30px;
  border:1px solid lightgray;
  margin:20px 0px;
  border-radius:7px;
}

.result_title{
   font-size:28px;
  font-weight:bold;
}

#resultados_busqueda {
  margin-top:30px;
  padding-bottom:30px;
}

#resultados_busqueda_pdf {
  margin-top:30px;
  padding-bottom:30px;
}

.filtros_generales, .filtros_keywords, .filtros_generales_pdf, .filtros_keywords_pdf{
  border: 1px solid black;
  padding: 20px 5px;
  border-radius: 7px;
  position: relative;
  border-style: dashed;
}

.filtros_keywords, .filtros_keywords_pdf{
  margin-bottom: 30px;
}

.filter_section_title,.filter_section_title_pdf{
  position: absolute;
  margin-top: -35px;
  background: white;
  width: auto;
}

#n_resultados {
  max-width:45px;
  border:none;
  border-radius:0px;
  border-bottom:1px solid black;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#n_resultados_pdf {
  max-width:45px;
  border:none;
  border-radius:0px;
  border-bottom:1px solid black;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.max_results_text,
#col_n_resultados {
    display: inline-block;
}

.max_results_text,
#col_n_resultados_pdf {
    display: inline-block;
}

.row_resultados_mostrar{
  display:flex;
}

.row_resultados_mostrar_pdf{
  display:flex;
}

#textos, 
.buscador_texto{
    margin:0px;
    padding:0px;
}

.chat_texto{
  margin:0px;
  padding:0px;
}

.buscador_texto_pdf{
  margin:0px;
  padding:0px;
}

#show_keyword_filters >div {
  float: right;
}

#show_keyword_filters_pdf >div {
  float: right;
}

#wrapper_show_keyword_filters{
  margin-top:10px;
  margin-bottom:20px;
  display:flex;
  flex-direction:col-reverse;
  justify-content:end;    
}

#wrapper_show_keyword_filters_pdf{
  margin-top:10px;
  margin-bottom:20px;
  display:flex;
  flex-direction:col-reverse;
  justify-content:end;    
}

#wrapper_show_keyword_filters >p,
#wrapper_show_keyword_filters >div{
    display:inline-block;
}


#wrapper_show_keyword_filters_pdf >p,
#wrapper_show_keyword_filters_pdf >div{
    display:inline-block;
}


@-webkit-keyframes fadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

#filtros_keywords {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}

#filtros_keywords_pdf {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
/*
.collapse-button {
  color: white;
  background-color: #f00;
  border: 2px solid #f00;
}

.collapse-button:hover {
  background-color: #FF3333;  
  border: 2px solid #FF3333;
}

.collapse-button:active, .collapse-button:focus {
  background-color: #CC0000;  
  border: 2px solid #CC0000;
}

.acordeon {
  color: black;
  background-color: #ffc2c25b;
  border: 2px solid #ffc2c25b;
}

.acordeon .accordion-button {
  color: black;
  background-color: #ff8d8d;  
  border: 2px solid #ff8d8d;
}

.acordeon .accordion-button:checked .acordeon .accordion-button:focus{
  color: black;
  outline: 2px solid #ff0000;
  background-color: #FF3333;  
  box-shadow: #ff0000;
}
*/

.result_acronym {
  font-size:30px;
  font-weight:bold;
  text-transform:capitalize;
}


.result_title_name {
  font-weight:normal;
  font-size:16px;
  line-height:20px !important;
  letter-spacing:initial;
}

.result_match {
  border:1px solid black; 
  border-radius:7px; 
  text-align:center;
  padding:10px 20px;
  max-width:250px;
  margin: auto;
}


.result_match_title, .result_match_value{
  padding-bottom:0px;
  margin-bottom:0px;
}

.result_match_value{
  font-weight:bold;
  font-size:30px;
}

.metadata_wrapper {
  display:flex;
  padding:20px 0px;
}

.metadata{
  width:33%;
  /* text-align:center; */
}

.metadata i {
  padding-right:10px;
  color:black;
}

.result_organizations_title {
  font-size:18px;
  font-weight:bold;
}

.accordion {
  margin-bottom:20px;
}

.show-text-button {
  background-color: var(--main-bg-color);
  border-color: var(--main-bg-color);
  width:100%;
}


.matching_text .card{
  border-color:transparent;
}

.matching_text_title {
  padding-top:20px;
  font-weight:bold;
}

.metadata_title {
  margin-bottom:5px;
}

#show_filters {
  background:transparent;
  border:none; 
}

#filter_icon_col{
  display:flex;
  justify-content:end;
}

#chat_prompt, #chat_prompt_second {
  width:100%;
  border:0px;
  border-radius:7px 0px 0px 7px;
  border-radius:5px;
  padding:10px;
}

#search_icon_div{
  width:auto;
  display:flex;
  border-radius:0px 7px 7px 0px;
}

#search_box{
  display:flex;
  border:1px solid lightgray;
  border-radius:5px;
}

#chat_prompt:focus-visible {
  border-color: transparent !important;
  border: 0px !important;
}


#buscar-memorias-chat,
#buscar-memorias-chat-second {
  background:transparent;
  color:black;
  border:0px;
}

#filter_icon_col{
  padding-top:10px;
}
#filter_icon_col p{
  margin-bottom:0px;
  font-weight:100;
  font-size:14px;
}

.result_title_name {
  font-size: 18px;
  color: var(--main-bg-color);
  font-weight:bold;
}

.result_title_text {
  font-size: .875rem;
}

#results_secondary_content .result{
  padding:0px;
  border: 0px;
  border-bottom:1px solid lightgray;
  border-radius:0px;
}

#pagina_buscador{
  margin:auto;
  width:1000px;
}

#pagina_chat{
  margin:auto;
  max-width:1200px;
  position: relative;
  min-height: calc(100vh - 80px);
  align-content: start;
}
#results{
  position: relative;
}

#results_secondary{
  flex-direction: column;
  position: sticky;
  top: 30px;
  height: 100%;
}

#results_secondary h6{
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:0px;
}

#chat_prompt:focus {
  outline: none !important;
  border-right:1px solid lightgray !important;
  border-radius:7px 0px 0px 7px;
}

thead th {
  border:2px solid black;
  padding: 5px;
}

tbody td {
  padding:5px;
  border-bottom:1px solid black;
  border-right: 1px solid black;
  border-left:1px solid black;
  
}

#secondary_search_box {
  display:flex; 
  width:66%;
  border:1px solid lightgray;
  border-radius: 7px;
  margin-bottom:30px;
}

#second_search {
  /* position:absolute; */
  bottom:0px; 
  margin-top:50px;
}

#resultados_busqueda_chat h5{
  padding-top:30px;
  padding-bottom: 10px;
}

.propuesta_prompt button {
  padding: 5px 10px;
  border-radius: .5rem 0 .5rem 0;
  background:#ecececd4;
  color:black;
  border:none;
  font-size:14px
}

#propuestas_prompts{
  max-width:900px;
  margin:auto;
  text-align: center;
}

.propuesta_prompt {
  display:inline-block;
  width:auto;
  margin-bottom:10px;
  margin-right: 10px;
}

#navbar-collapse.show {
  background:white;
  z-index: 9;
}

/**********************
***** RESPONSEIVE *****
***********************/

@media only screen and (max-width: 600px) {
  #pagina_buscador, 
  #pagina_chat {
    max-width: 80%;
    margin:auto;
  }
    .filtros_buscador{
        width:100%;
        margin-bottom:20px;
    }
    #titulo{
      font-size: 1.8rem;
    }

    #subtitulo{
      font-size:16px;
    }

    .filtros_generales,
    .filtros_keywords,
    .filtros_generales_pdf,
    .filtros_keywords_pdf{
      margin-bottom: 20px;
    }

    #col_n_resultados{
      width:auto;
  }

  .metadata{
      width:100%;
      padding:10px 0px;
  }

  .metadata_wrapper{
      flex-direction:column;
      align-content:center;
      text-align:center;
  }

  #results_main, 
  #results_secondary {
      width:100%;
  }

  #textos{
      max-width:100% !important;
  }

  #results{
      flex-direction: column-reverse;
  }

  #results_secondary{
      position:inherit;
      padding-bottom:50px;
  }

  #secondary_search_box{
    width:100% !important;
  }
  #second_search{
      margin-top:10px;
      margin-bottom:20px;
  }

}