* {
  transition: display 1s;
}

.titulo .objective {
  width: 70%;
  margin-top: 20px;

}

.avisote {
  width: 100%;
  height: 70px;
  background-color: var(--error-text);
  margin: 20px 0;
  padding: 14px;
  color: #FFF;
  font-family: var(--special-font);
  text-align: center;
}

.titulo {
  margin-top: 0;
  margin-bottom: 0px;
}

.titulo p {
  font-size: 110%;
  inline-size: 110%;
}

.portada {
  margin-bottom: 0;
}

.desc {
  margin-top: 40px;
}

h2 {
  font-size: 3em;
  color: var(--normal-text);
  font-weight: 300;
  font-family: var(--special-font);
  margin-left: -5px;
  margin-bottom: 0px;
  margin-top: 30px;
}


h3 {
  font-size: 2rem;
  font-family: var(--titles_font);
  color: var(--main-back-color);
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 30px;
}

.cog_form {
  margin-bottom: 30px;
}

.btn_holder {
  margin-top: 30px;
}


.img_cont {
  width: 100%;
  padding: 5px;

}

.img_cont img {
  width: 100%;
}

.resultados_cont {
  margin-bottom: 30px;
}

.catego {
  font-size: 1.5rem;
  font-family: var(--titles_font);
  color: var(--special-text);
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 10px;
  margin-left: 20px;
}

.notfirstcatego {
  margin-top: 60px;
}

.lefto {
  margin-left: 130px;
  margin-top: -70px;
}

hr {
  text-align: center;
  /* horizontal centering */
  line-height: 1px;
  /* vertical centering */
  height: 1px;
  /* gap between the lines */
  font-size: 1em;
  /* choose font size you like */
  border-width: 1px 0;
  /* top and bottom borders */
  border-style: solid;
  border-color: var(--special-text);
  margin: 0 10px 70px 0;
  /* 20px space above/below, 10px left/right */
  overflow: visible;
}

hr:after {
  content: "\25BC";
  /* section sign */
  color: var(--special-text);
  font-size: 200%;
  display: inline;
  /* for vertical centering and background knockout */
  background-color: #FFF;
  /* same as background color */
  padding: 0 0.5em 0.5em 0.5em;
  /* size of background color knockout */
}

.the_form {
  margin-bottom: 30px;
}

.provide {
  font-size: 150%;
  font-family: var(--titles_font);
  color: var(--main-back-color);
  font-weight: 400;
  margin-bottom: 10px;
}

.sequence,
.orgPicker,
.firstHalf,
.secondHalf,
.downLoader,
.avanzados,
.pickAdv {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  height: 0;
}

.bloque {
  margin: 20px 0;
}

form label {
  display: block;
}

label {
  display: block;
  font-size: 150%;
  font-family: var(--titles_font);
  color: var(--main-back-color);
  font-weight: 300;
  margin-bottom: 10px;
}

input,
textarea {
  outline: none;
  outline-offset: 0;
  display: block;
  width: 90%;
  border: 1px solid var(--special-text);
  /* font-family: 'Cutive Mono', monospace; */
  font-size: 1.2rem;
  font-weight: 300;
  color: var(--special-text);
}

input {
  height: 50px;
  padding: 0 20px;
}

input[type="checkbox"] {
  padding: 0;
  margin:0;
  height: 30px;
  width: 15px;
  margin-top: 20px;
}

textarea {
  padding: 10px 20px;
  height: 200px;
  width: 95%;
}

input:focus,
textarea:focus {
  outline: none;
  outline-offset: 0;
  border: 2px solid var(--special-text);
}

.tip {
  font-size: 0.8em;
  color: var(--special-text);
  font-family: var(--titles_font);
}

ul {
  list-style: none;
}

.orgsFinded {
  margin-top: 0px;
  margin-bottom: 20px;
  background-color: #edf4ff;
  font-family: var(--titles_font);
  height: 0;
  overflow-y: scroll;
  line-height: 1.5em;
  width: 90%;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}

li {
  color: #000;
}

li:hover {
  color: var(--special-text);
  font-weight: 400;
  cursor: pointer;
}

.active {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

.unactive {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  padding: 0 !important;
}

.runBTN {
  border: 0px solid;
  padding: 5px 0;
  font-family: var(--titles_font);
  width: 200px;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  border-radius: 0;
  line-height: 200%;
  background-color: var(--special-text);
  color: #FFF;
  transition: background-color 0.3s, color 0.3s linear;
  cursor: pointer;
  margin-bottom: 20px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  height: 0;
}

.runBTN:hover {
  border: 1px solid var(--special-text);
  background-color: rgba(255, 255, 255, 0);
  color: var(--special-text);
}

#stats_table,
#cogs_table {
  padding: 0 50px;

}

table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--titles_font);
}

table th {
  background-color: var(--main-back-color);
  color: #FFF;
  font-family: var(--titles_font);
}

table td,
table th {
  padding-top: 3px;
  padding-bottom: 3px;
}

#stats_table table td {
  padding: 3px 30px 3px 5px;
  text-align: right;
}

#stats_table table .extrapad {
  padding: 3px 55px 3px 0;
}

#cogs_table td,
.cog_table th {
  padding-left: 30px;
}

#cogs_table td:first-child,
#cogs_table th:first-child {
  text-align: right;
  padding-right: 30px;
}

#phylo_table td:first-child,
#phylo_table th:first-child,
#phylo_table td:nth-child(3),
#phylo_table th:nth-child(3) {
  text-align: right;
  padding-right: 20px;
}


.destacado {
  color: var(--special-text);
}

.righted {
  text-align: right;
}

.inline-label,
.inline-input {
  display: inline;
  width: auto;
}

.inline-input {
  height: auto;
  margin-right: 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.inline {
  display: inline
}

.alert {
  width: 100%;
  text-align: center;
  height: 0;
  font-family: var(--titles_font);
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.margin20 {
  padding: 15px 0;
  margin-bottom: 20px;
}

.relative {
  position: relative;
}

.extramargin {
  position: absolute;
  bottom: 0;
  margin: 40px 20px 0 0;
}

.warningMsj {
  background-color: var(--error-text);
  color: #FFF;
  text-transform: uppercase;
}

.btnMuted {
  cursor: not-allowed;
  background-color: #889cb3;
}

a {
  text-decoration: none;
  color: inherit;
}

.TableCont {
  font-family: var(--titles_font);
  padding: 10px 15px 0 0;
}

.seq_parr {
  max-width: 100%;
  overflow-wrap: break-word;
  font-size: 90% !important;
  margin-bottom: 10px;
}

.resultados {
  background-color: #edf4ff;
  width: 100%;
  padding: 20px;
  overflow-wrap: break-word;
}

.headR {
  font-size: 120%;
  font-weight: 300;
}

.resultados span {
  color: var(--special-text);
  font-weight: 400;
  margin-right: 10px;
}

.tablesAviso {
  color: var(--special-text);
  font-weight: 500;
  font-size: 130%;
  margin-top: 30px;
  margin-bottom: 10px;
}

.catAviso {
  color: var(--special-text);
  font-weight: 400;
  font-size: 120%;
  margin-top: 35px;
  margin-bottom: 8px;
}

.dwnBtn {
  width: 200px;
  height: 30px;
  padding: 5px 20px;
  background-color: var(--special-text);
  text-align: center;
  border-radius: 20px;
  color: white;
  font-family: var(--titles_font);
  cursor: pointer;
  margin-top: 20px;
  margin-left: calc(95% - 200px);
}

.dwnBtn:hover {
  background-color: var(--dorado);
}

.external {
  font-family: var(--titles_font);
  color: #565759;
  margin-left: 40px;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.external:hover {
  font-family: var(--titles_font);
  color: var(--dorado);
}


.accent {
  font-weight: 400;
  color: var(--special-text);
}

.footnote2 {
  text-align: center;
  margin: 40px 30px 10px 60px;
  font-size: 1em;
  color: #eaeaea;
}

.esPreview {
  font-weight: 400;
}

.logoPlacer img {
  width: 70%;
  margin-left: 15%;
}

.pickAdv,
.advForm {
  margin-bottom: 40px;
}

.pickAdv label {
  margin-top: 20px;
  font-size: 1.1rem;
}

.pickAdv input {
  height: 40px;
  width: 60%;
}

.units {
  font-family: var(--titles_font);
  margin-left: 10px;
  margin-top: 7px;
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--special-text);
}

.gifCont {
  margin-top: 30px;
}

.gif img {
  width: 100%;
}

.pp_gif img {
  width: 95%;
  margin-top: -40px;
  margin-left: 3%;
}

.toolDescription {
  width: 90%;
  /* word-break: break-all; */
  font-family: var(--titles_font);
  font-weight: 300;
  font-size: 110%;
  line-height: 150%;
  margin-bottom: 40px;
  /* inline-size: 110%; */
}

.runtext {
  margin-bottom: 35px;
}


.plus_space {
  margin-top: 1rem;
}


.shadow_input {
  border: 1px solid #a1a6ad;
  color: #a1a6ad;
}

.shadow_label {
  color: #a1a6ad;
}

.loading {
  width: 100%;
  height: 100vh;
  background-color: rgba(200, 222, 255, 0.7);
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.loading h3 {
  width: 200px;
  text-align: center;
  position: absolute;
  left: calc(50% - 100px);
  top: calc(70% - 100px);
}

.rotate {
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: auto;
  animation: rotation 2s infinite linear;
}

.widebtn{
  width: 300px;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}