:root {
    /*--main-color: #11287c;*/
    --main-color: #1896F1;
    --secondary-color: #CC123D;
    --gris-f2: #f2f2f2;
}
/**CONTAINER**/
.crsas_container {
    max-width:1140px!important;
    width: 100%;
    display:flex;
    margin: 8rem auto;
    align-items:start;
}

.crsas_container h5 {
    font-size:1.2rem;
    font-weight: 500;
}
/**CONTAINER IMG **/
.crsas_container .img_container {
    width:45%;
    
    & img {
        width:100%;
    }
    
}
/**FORM CONTAINER**/
.crsas_container .form_container {
    width:55%;
}

/**FORMULARIO**/
.crsas_form {
    display:flex;
    gap:0.3rem;
}
input{
    padding: 10px 25px;
    flex-grow:1;
}


.crsas_btn {
    background-color: var(--main-color)!important;
    transition: 0.5s ease;
    padding: 10px 35px;
    color:var(--gris-f2)!important;
    cursor:pointer;
    border:none!important;
}

.crsas_btn:hover,
.active {
    background-color:--secondary-color!important;
}

.crsas_btn:focus {
    background-color:var(--main-color);
    outline:none!important;
}
#search_dictamen {
	width:100%;
}
#search_dictamen::placeholder {
	color:#000!important;
}
/**DIV RESULTS**/
.link_pdf {
    display: flex;
   /* background-color: var(--gris-f2);*/
    margin-top: -2%;
    padding: 8px;
    /*border-top: 1px solid #80808080!important;*/
    flex-direction: column;
}

.link_pdf a {
    display: flex;
    align-items: center;
    margin: 0 auto;
    color: var(--main-color);
    padding: 8px;
}

.link_pdf .no_file {
    margin: 0 auto;
}

.link_pdf a img {
    width:35px;
}

.options_crsas {
    /*background-color: var(--gris-f2);*/
    padding: 8px;
    display:flex;
    flex-direction: column;
    justify-content:center;
    /*border-top: 1px solid #80808080!important;*/
    text-align:center;
}

.options_crsas div {
    display: flex;
    justify-content: center;
    gap: 4%;
}

/**DIV ERROR**/
.error_div,
.text_error{
    color: var(--secondary-color);
}

.hidden {
    display:none;
}

#no_results {
    margin-top: 2rem;
    text-align: center;
    /* background-color: var(--gris-f2); */
    padding: 16px
}
/*LOADER*/
.loading {
    margin-top:20px;
}
.loading p {
    text-align:center;
}
.loader {
    color: var(--main-color);
    margin:30px auto;
    font-size: 28px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
  }
  
  @keyframes mltShdSpin {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em,
      0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em, 
      0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em, 
      -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
      -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
       -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
       -0.749em -0.34em 0 -0.477em;
    }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
       -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
       -0.82em -0.09em 0 -0.477em;
    }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
      0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
  }
  /**TABLE**/
table#tabla_crsas {
    width:100%;
    margin-top:2.5rem;
    border:1px solid var(--gris-f2);
}

table tbody tr:nth-child(even){
    background-color:var(--gris-f2);
}

table#tabla_crsas thead {
    background-color: var(--main-color);
    color:#fff!important;
    text-align:center;
    padding:9px 25px!important;
}
table#tabla_crsas th {
	color:#fff!important;
	padding:8px;
}
td{
    padding:  13px!important;
}
  
  @keyframes round {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
  }

  @media (max-width:1000px){
    .crsas_container {
        flex-direction:column;
    }
    .crsas_container .form_container,
    .crsas_container .img_container {
        width:100%;
    }
  }
  @media (max-width:600px){
    .crsas_container .crsas_form {
        flex-direction:column;
    }
  }