.scrapper_article_content{
  width: 85%;
  margin: auto;
  margin-top: 0.5cm;
  margin-bottom: 0.8cm;
}

.scr_stage_content ul {
  padding: 0px;
} 

.scr_article_title{
    text-align: center;
    width: 100%;
    margin: 1.8cm 0 1cm 0;
}

.scr_article_title p{
    font: 0.6cm Arial, sans-serif !important;
    line-height: 1.3em !important;
    text-align: justify;
}

.scr_main_text {
  margin: 1cm 0;
}

.scr_main_text p{
  font: 0.5cm Arial, sans-serif;
  margin: 0 0 0.5em 0 !important;
}

.scr_stages_middle_title{
    font: 0.62cm Arial, sans-serif;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin: 1.2em;
}

.scr_warning_box {
  font-size: 18px;
  margin: 3em 0;
}

.scr_violation_text {
  color: #822;
  font-size: 20px;
  margin: 1em 0 !important;
}

.scr_omission_text {
  color: black;
  font-size: 18px;
  margin: 1em 0 !important;
}

.scr_article_stages_box{
  box-sizing: border-box;
  width: 100%;
  margin-top: 1.4cm;
}

.scr_collapsible_wrapper {
  font: 0.5cm Arial, sans-serif;
  line-height: 25px;
  margin: 0.6cm 0;
}

.scr_stage_tag_button {
  font: 0.5cm Arial, sans-serif !important;
  cursor: pointer;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #EF7A00;
  color: white;
  padding: 1em 3%;
  width: 100%;
  border: none;
  outline: none;
  border-radius: 0.1cm 0.1cm 0 0;
  text-align: left;
}

.scr_stage_tag_button:hover {
  background-color: #FF6600;
}

.active .scr_stage_tag_button {
  background-color: #FF6600;
}

.scr_stage_content {
  font: 0.5cm Arial, sans-serif;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5%;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fafafa;
  border: 1px solid #ddd;
}

.scr_stage_content::before{
  content: "";
  padding: 0.5cm;
}

.scr_stage_arrow_button {
  cursor: pointer;
  width: 100%;
  height: 0.8cm;
  z-index: 1;
  position: relative;
  background-color: #f2f2f2;
  content: "";
  top: 100%;
  left: 50%;
  padding: 10px;
  transform: translateX(-50%);
  border-radius: 0 0 0.2cm 0.2cm;
  border-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
    border: 1px solid #ddd;
}

.scr_stage_arrow_button:hover{
  background-color: #e5e5e5;
}

.scr_stage_arrow_button::after {
  border: solid black;
  border-width: 0 0.08cm 0.08cm 0;
  display: inline-block;
  content: "";
  padding: 0.08cm;
  box-sizing: border-box;
  transition: transform 0s 0.2s ease-out;
  transform: rotate(45deg);
}

.active .scr_stage_arrow_button::after {
  transform: rotate(-135deg);
}

#uid_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 1cm;
  cursor: pointer;
  position: relative;
  margin: 20px auto;
  background-color: #888;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

#uid_button:hover {
  background-color: #777;
}

#uid_table {
  width: 100%;
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#uid_table th, td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

#uid_table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

#transparenta_form label {
    display: inline-block;
    margin-right: 0.1cm;
    margin-left: 0.4cm;
    font-size: 18px;
    color: #333;
}

#transparenta_form input[type="date"] {
    display: inline-block;
    padding: 0.12cm 0.3cm;
    font-size: 16px;
    border-radius: 4px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

#transparenta_form input[type="date"]:hover {
    border-color: #999;
}

#transparenta_form input[type="date"]:focus {
    outline: none;
    border-color: #555;
}

#transparenta_form #csv_download_btn{
    display: inline-block;
    margin: 0.2cm 0cm;
    padding: 0.15cm 0.4cm;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    background-color: #f0f0f0;
    color: #333;
    border: none;
    transition: background-color 0.3s ease;
    height: fit-content;
    width: fit-content;
    cursor: pointer;
  }
  
#transparenta_form  #csv_download_btn:hover {
    background-color: #ddd;
  }

#transparenta_form  #csv_download_btn:focus {
    outline: none;
  }
  
#transparenta_form h1{
    margin-left: 0.3cm;
}