.Account_Info {
  margin: 20px 0;
}
.Account_row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.Account_Title {
  font-size: 1.7rem;
}
.Account_logo {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 20px;
}
.HomeSubTitle {
  font-size: 1.8rem;
  color: #13334c;
}
.HomeSubTitle2 {
  margin-top: -0.7rem;
}
.Account_Img {
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
}
.Account_InfoBox {
  color: #13334c;
  width: 100%;
  max-width: 400px;
  border: 1px solid #13334c;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.Account_InfoBoxTitle {
  font-size: 1.2rem;
  text-align: center;
}

.Account_InfoBoxLinks {
  width: 100%;
  padding: 5px 10px;
  border: none;
  font-size: 14px;
  background-color: #13334c;
  color: #ffffff;
  border-radius: 40px;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  transition: 0.2s all;
}
.Account_InfoBoxLinks:hover {
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0 3px 3px #5d5d5d;
}
.Account_InfoBoxLinks:focus {
  outline: none;
}

.Consults {
  width: 7.5rem;
}

.HomeInfoBoxLinks:hover {
  text-decoration: none;
  color: #ffffff;
}

.HomeExeAzul {
  margin-top: auto;
  margin-bottom: auto;
}

@media (max-width: 767px) {
  .HomeImgContainer {
    display: none !important;
  }
  .HomeInfo {
    left: auto !important;
  }
}

@media (max-width: 400px) {
  .Home {
    font-size: 0.5rem !important;
  }
}

.Pagination_container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}
.Pagination_text {
  padding: 0 10px;
  font-weight: bold;
}
.Pagination_container input {
  width: 50px;
  height: 35px;
  border: 2px solid #13334c;
  border-radius: 10px;
  padding: 0 10px;
  color: #13334c;
  font-weight: bold;
}
.Pagination_container button {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  border: 0;
  background-color: #13334c;
  color: #ffffff;
  font-size: 18px;
}
.Pagination_container button:disabled,
.Pagination_containerbutton[disabled] {
  background-color: #cccccc;
  color: #13334c;
}
.Pagination_container input:focus,
.Pagination_container button:focus {
  outline: none;
}
.Pagination_end-button {
  margin-left: 5px;
}

.Table_container {
  margin-bottom: 4rem;
}
.Table_content {
  background-color: #ffffff;
}
.Table_thead tr {
  background-color: #13334c;
  text-align: center;
  color: #ffffff;
}
.Table_thead tr th {
  font-weight: bold;
  font-size: 13px;
  vertical-align: inherit !important;
}
.Table_content tr td {
  font-size: 14px;
}
.Table_content tr td a {
  color: #13334c;
  font-size: 12px;
  font-weight: bold;
}
.Table_content tr td img {
  display: block;
  margin: 0 auto;
}
.Table_search {
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 40px;
  max-width: 700px;
  margin: 0 auto 15px;
  padding: 0px;
  border-radius: 10px;
  background-color: #ededed;
}
.Table_search input {
  width: calc(100% - 120px);
  font-size: 20px;
}
.Table_search input,
.Table_search button {
  margin-bottom: 0;
  height: 40px;
  border: 0;
  background-color: transparent;
  padding: 0 15px;
}
.Table_search button {
  width: 110px;
  padding: 0px;
  background-color: var(--blue);
  border-radius: 10px;
  color: #ffffff;
  text-align: right;
  padding-right: 10px;
  font-family: 'barlow';
  font-weight: bold;
  font-size: 22px;
  background-image: url(/assets/images/15d0c03d52047a5fbe3eb559173cfbb9.svg);
  background-repeat: no-repeat;
  background-position: left 10px top 50%, 0 0;
  background-size: 20px auto, 100%;
  margin-left: 10px;
  padding-bottom: 1px;
}
.Table_search input:focus {
  outline: none;
}
.Table_status {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}
.Table_status-1 {
  background-color: #0ecc07;
}
.Table_status-2 {
  background-color: #cc0707;
}
.Table_status-3 {
  background-color: #ffb100;
}
.Table_img {
  width: 100px;
}
.Table_no-data {
  color: #13334c;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Table_button {
  width: 100%;
  color: #ffffff !important;
  padding: 3px 8px;
  text-align: center;
  font-size: 13px;
  line-height: 14px;
  border-radius: 10px;
  margin: 2px 0;
  font-weight: 300 !important;
  transition: 0.2s all;
}
.Table_button-update {
  background-color: #13334c;
  border: 1px solid #13334c;
}
.Table_button-update:hover {
  color: #13334c !important;
}
.Table_button-edit {
  background-color: #ec6124;
  border: 1px solid #ec6124;
}
.Table_button-edit:hover {
  color: #ec6124 !important;
}
.Table_button:hover {
  text-decoration: none;
  background-color: #ffffff;
}
.Table_object-button {
  background-color: transparent;
  border: 0;
}
.Table_object-button:focus {
  outline: none;
}

.Container_menu {
  width: 100%;
  height: 45px;
  background-color: #13334c;
  background-image: url(/assets/images/0f9f071317462dfb0439eee1914bd608.png);
  display: flex;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.Container_menu a,
.Container_menu button {
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  color: #ffffff;
  background-color: transparent;
  border: none;
  transition: 0.2s all;
}
.Container_menu a:hover,
.Container_menu button:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
.Container_menu button:focus {
  outline: none;
}

.Activated_title {
  text-align: center;
  color: var(--blue);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 45px;
}
.Activated_image {
  display: block;
  width: 250px;
  margin: 20px auto 0;
}
.Activated_add {
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
  background-color: #ec6124;
  color: #ffffff;
  border-radius: 10px;
  transition: 0.2s all;
}
.Activated_add:hover {
  background-color: #13334c;
  color: #ffffff;
  text-decoration: none;
}

footer {
  color: #ffffff;
  background: rgb(65, 102, 120);
  background: -moz-linear-gradient(
    45deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  background: linear-gradient(
    45deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#416678",endColorstr="#141a26",GradientType=1);
  padding-top: 30px;
}
.footerRows {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Footer_patron {
  height: 40px;
  background-image: url(/assets/images/4a60fd0df06d175263368ceb74a1ddd8.png);
  background-repeat: repeat;
  background-size: auto 100%;
  display: flex;
  flex: 1;
}
.Footer_patron-l {
  background-position: top right !important;
}
.Footer_patron-r {
  background-position: top left !important;
}
.Footer_logo {
  display: flex;
  align-items: center;
}
.Footer_logo div {
  width: 50px;
  height: 40px;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
}
.Footer_patron-left {
  background-image: url(/assets/images/34fe9a05e49ecca3ac65dad5a93be073.png);
}
.Footer_patron-right {
  background-image: url(/assets/images/7425a6fb57a279bc630e9bc1dbe80691.png);
  background-position: top right;
}
.logoSiipeFooter {
  max-width: 230px !important;
  width: 100%;
  display: block;
}
.logoExeFooter {
  width: 90%;
  max-width: 350px;
  height: auto;
}
.footer-copy {
  background-color: #1c1c1c;
  text-align: center;
  font-size: 10px;
  padding: 5px 10px;
  color: #ffffff;
}
.footer-copy a {
  color: #ffffff;
}
.footer-copy a:hover {
  color: #ffffff;
}
.Footer_title {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  padding-bottom: 20px;
}
.Footer_menu a {
  color: var(--white);
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
.FooterItemsContactUs {
  font-size: 18px;
}
h4.FooterItemsContactUs {
  font-size: 23px;
}
.Footer_menu a:hover {
  color: var(--white);
}
@media screen and (max-width: 415px) {
  .logoSiipeFooter {
    display: none !important;
  }
}

@media(max-width: 415px){
    .FooterContactUs{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .FooterItemsContactUs{
        justify-content: center;
    }
  }
  


header {
  width: 100%;
  height: 160px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 51;
}
.Header {
  width: 100%;
  height: 110px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background-color: #ffffff;
}
.Header-logo-link {
  color: var(--blue);
}
.Header-logo-link:hover {
  text-decoration: none;
}
.Header-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}
.Header-logo img {
  width: 120px;
  height: 48px;
  margin-right: 20px;
}
.Header-logo-text {
  font-size: 16px;
  line-height: 18px;
  font-family: 'Cairo';
}
.Header-text {
  font-size: 13px;
  font-family: 'barlow-italic';
  color: var(--ligthGray);
}
.Header_menu {
  width: calc(100% - 330px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 18px;
}
.Header_menu ul {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0;
}
.Header_menu ul li {
  padding: 0;
  display: flex;
  position: relative;
  border-right: 1px solid var(--darkBlue);
  max-width: 200px;
  text-align: center;
  align-items: center;
}
.Header_menu ul li a,
.Header_menu ul li span {
  color: var(--blue);
  transition: 0.2s all;
  padding: 5px 15px;
  cursor: pointer;
  font-family: 'barlow';
  font-weight: bold;
}
.Header_menu ul li a:hover {
  color: var(--darkBlue);
  text-decoration: none;
}
.Header_menu ul li > ul {
  flex-direction: column;
  position: absolute;
  width: 230px;
  padding: 15px;
  border-radius: 10px;
  background-color: #f7f5f5;
  top: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  transition: 0.3s all;
}
.Header_menu ul li:hover > ul {
  top: 40px;
  visibility: visible;
  opacity: 1;
}
.Header_menu ul li:hover > ul li {
  border-right: 0;
}
.Header_menu ul li > ul li a,
.Header_menu ul li > ul li span {
  width: 100%;
  border-bottom: 1px solid #707070;
  padding: 7px 0px;
}
.Header_menu ul li > ul li > ul {
  top: 30px !important;
  width: 260px;
  left: 0%;
}
.Header_menu ul li > ul li:hover > ul {
  left: 5px;
}
.Header_menu button {
  width: 38px;
  height: 38px;
  font-size: 22px;
  color: #13334c;
  border: 0;
  display: none;
}
.Header_button {
  width: 190px;
  height: 40px;
  color: #ffffff;
  border-radius: 20px;
  border: 0;
  margin-left: 15px;
  font-family: 'barlow';
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s all;
  background-color: var(--blue);
}
.Header_button i {
  margin-right: 10px;
}
.Header_button:hover {
  background-color: var(--darkBlue);
  color: #ffffff;
  text-decoration: none;
}
.Header_close {
  display: none;
}
.Header-box-yellow {
  background-color: var(--yellow);
  width: 100%;
  height: 50px;
  background-image: url(/assets/images/0187c71bdd35065d50841fcd676c0e51.png);
  background-repeat: repeat;
  background-size: auto 100%;
}
.Header_name {
  font-weight: bold;
  color: var(--blue);
  text-align: center;
  padding-left: 15px;
}
.Header_button-account {
  width: 140px;
  height: 40px;
  color: #ffffff;
  border-radius: 20px;
  border: 0;
  margin-left: 15px;
  font-family: 'barlow';
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s all;
  background-color: var(--blue);
}
.Header_button-account:hover {
  background-color: var(--darkBlue);
  color: #ffffff;
  text-decoration: none;
}
@media screen and (max-width: 1030px) {
  .Header_menu button {
    width: 38px;
    height: 38px;
    font-size: 22px;
    color: #13334c;
    border: 0;
    display: block;
    margin-left: 10px;
    background-color: transparent;
  }
  .Header_menu ul {
    width: 250px;
    height: 100%;
    background-color: #f7f5f5;
    position: fixed;
    flex-direction: column;
    top: 0;
    right: -260px;
    overflow-y: auto;
    padding-top: 40px;
    transition: 0.3s all;
    z-index: 5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  }
  .Header_close {
    position: absolute;
    top: 0;
    right: 0;
  }
  .Header_menu.visible ul {
    right: 0px;
  }
  .Header_menu ul li {
    flex-direction: column;
    border-right: 0;
    max-width: initial;
    max-width: 100%;
    justify-content: initial;
    text-align: left;
    align-items: initial;
  }
  .Header_menu ul li a,
  .Header_menu ul li span {
    padding: 8px 15px;
    border-bottom: 1px solid #707070;
  }
  .Header_menu ul li > ul {
    flex-direction: column;
    position: initial;
    left: initial;
    width: 100%;
    padding: 0;
    border-radius: 0;
    top: initial;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
  }
  .Header_menu ul li > ul li a,
  .Header_menu ul li > ul li span {
    padding-left: 30px;
  }
}
@media screen and (max-width: 638px) {
  .Header_menu {
    width: calc(100% - 280px);
  }
  .Header-logo-text {
    font-size: 10px;
    line-height: 12px;
  }
}
@media screen and (max-width: 550px) {
  .Header_menu {
    width: calc(100% - 280px);
  }
  .Header-logo-text {
    display: none;
  }
  .Header-text {
    display: none;
  }
  .Header_menu {
    width: calc(100% - 140px);
  }
  .Header-logo img {
    margin-right: 0;
  }
}
@media screen and (max-width: 400px) {
  .Header-logo img {
    width: 90px;
    height: auto;
  }
  .Header_menu {
    width: calc(100% - 90px);
  }
  .Header_button {
    font-size: 12px;
    width: 150px;
  }
}

.EducationalModal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
}
.EducationalModal.visible {
  visibility: visible;
  opacity: 1;
}
.EducationalModal-content {
  width: 90%;
  max-width: 500px;
  margin: 20px auto 0;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.EducationalModal-content button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #13334c;
  color: #ffffff;
  font-size: 25px;
  line-height: 0;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  padding: 0;
}
.EducationalModal-content ul {
  margin-bottom: 0;
  padding-left: 15px;
}
.EducationalModal-content ul li a {
  color: #13334c;
  text-decoration: none;
  transition: 0.2s all;
}
.EducationalModal-content ul li a:hover {
  color: blue;
  text-decoration: none;
}

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

.EducationalVenues h1 {
  font-size: 45px;
  text-align: center;
  color: var(--blue);
  margin: 30px 0;
}

.EducationalVenues select,
.EducationalVenues-search {
  height: 40px;
  border-radius: 8px;
  color: #13334c;
  background-color: #ededed;
  width: 100%;
  height: 40px;
  border: 0;
  appearance: none;
  padding: 0 10px;
  margin-bottom: 2rem;
}

.EducationalVenues-select {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.EducationalVenues-deparment {
  width: 30rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.EducationalVenues-select select {
  background-image: url(/assets/images/2ac5b8b6571b7d3c62000216c7efb5a1.svg);
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.RegisterOrganization-doubleField select:focus {
  outline: none;
}

.EducationalVenues-search {
  justify-content: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border-radius: 20px;
}

.EducationalVenues-search input[type='search'] {
  width: 75%;
}

.EducationalVenues-search input[type='search'],
.EducationalVenues-search button {
  margin-bottom: 0;
  height: 40px;
  flex: 1;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
}

.EducationalVenues-search button {
  width: 25%;
  padding: 0px;
  background-color: #13334c;
  border-radius: 20px;
  padding: 0px 0px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 3px;
}
.EducationalVenues-search input:focus {
  outline: none;
}

.EducationalVenues-search button {
  background-image: url(/assets/images/15d0c03d52047a5fbe3eb559173cfbb9.svg);
  background-repeat: no-repeat;
  background-position: left 1rem top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.EducationalVenues-theader table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
  margin-bottom: 5rem;
}

.EducationalVenues-theader table thead {
  background-color: #13334c;
  color: #ffffff;
}

.EducationalVenues-theader table tbody tr td {
  padding: 1rem;
}

.EducationalVenues-theader table th {
  height: 50px;
}

@media (max-width: 1200px) {
  .EducationalVenues-search button {
    background-position: left 0.6rem top 50%, 0 0;
    background-position: center;
    color: transparent;
  }
}

.FilterBox {
  width: 100%;
  height: 40px;
  background-color: #ededed;
  margin-bottom: 5px;
  position: relative;
  font-size: 14px;
  border-radius: 10px;
}
.FilterBox_inpunt {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 10px;
  background-color: transparent;
  border: 2px solid #ededed;
  color: #1d4487;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.FilterBox_options {
  width: 100%;
  max-height: 180px;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 3;
  background-color: #ededed;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  border-radius: 0 0 10px 10px;
}
.FilterBox_inpunt:focus {
  outline: none;
  border: 2px solid #1d4487;
}
.FilterBox_inpunt:focus + .FilterBox_options {
  opacity: 1;
  visibility: visible;
}
.FilterBox_option {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  padding: 10px 3px;
  transition: 0.2s all;
}
.FilterBox_option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.FilterBox_option.option-active {
  background-color: #1d4487 !important;
  color: #ffffff !important;
}
.FilterBox_icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1d4487;
  font-size: 18px;
}
.FilterBox select {
  height: 40px;
  border-radius: 8px;
  background-color: #ededed;
  color: #13334c;
  width: 100%;
  height: 40px;
  border: 0;
  appearance: none;
  padding: 0 10px;
  margin-bottom: 5px;
  background-image: url(/assets/images/2ac5b8b6571b7d3c62000216c7efb5a1.svg);
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 1em auto, 100%;
}
.FilterBox_multiple {
  width: 100%;
  border: 1px solid #a3a3a3;
  margin-bottom: 2px;
  color: #a3a3a3;
  border-radius: 15px;
  align-items: center;
  background-color: #ffffff;
  padding: 2.5px;
}
.FilterBox_multiple::after {
  content: '';
  display: block;
  clear: both;
}
.FilterBox_multiple-option {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: 11px;
  line-height: 12px;
  margin: 2.5px;
  border: 1px solid #a3a3a3;
  border-radius: 12px;
  padding: 0 5px;
  justify-content: space-between;
}
.FilterBox_multiple-option div {
  display: flex;
  overflow: hidden;
}
.FilterBox_multiple-option button {
  width: 20px;
  height: 30px;
  border: 0;
  background-color: transparent;
}
.FilterBox_multiple-option button:focus {
  outline: none;
}
.FilterBox_multiple-option i {
  font-size: 15px;
  color: #1d4487;
}

.HowToRegisterIniciative-content {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url(/assets/images/0187c71bdd35065d50841fcd676c0e51.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: auto 50px;
  margin-bottom: 40px;
}
.HowToRegisterIniciative-title,
.HowToRegisterIniciative-list {
  color: var(--blue);
}
.HowToRegisterIniciative-title {
  font-size: 40px;
  margin-bottom: 25px;
  text-align: center;
}
.HowToRegisterIniciative-bottom {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #13334c;
  border-color: #13334c;
  color: #ffffff;
  width: 7.5rem;
  border-radius: 20px;
  justify-content: center;
  text-align: center;
  font-family: 'Gotham';
  font-weight: bold;
  padding: 3px;
  margin-top: 5rem;
  margin-bottom: 5rem;
  transition: 0.2s all;
}
.HowToRegisterIniciative-bottom:hover {
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
}
.HowToRegisterIniciative_iframe {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: var(--black);
}
.HowToRegisterIniciative_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .HowToRegisterIniciativeImg {
    margin-top: 200px;
  }
}
@media (max-width: 767px) {
  .HowToRegisterIniciativeImg {
    display: none;
  }
}

.HomeHeader_container {
  width: 100%;
  height: 300px;
  background: rgb(65, 102, 120);
  background: -moz-linear-gradient(
    15deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  background: -webkit-linear-gradient(
    15deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  background: linear-gradient(
    15deg,
    rgba(65, 102, 120, 1) 0%,
    rgba(20, 26, 38, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#416678",endColorstr="#141a26",GradientType=1);
  /* background-image: url('../../../assets/images/home-background.png'); */
  display: flex;
  justify-content: center;
  align-items: center;
}
.HomeHeader_description {
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/e7c89e8f8aadef32cb2988080be6956e.png);
  background-position: bottom left;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.HomeHeader_table {
  width: 100%;
  border-color: #ffffff;
  text-align: center;
  margin-top: 25px;
}
.HomeHeader_table th {
  background-color: rgba(255, 255, 255, 0.65);
  color: #13334c;
  font-weight: bold;
}
.HomeHeader_table td {
  color: #ffffff;
}
.HomeHeader_description-content {
  width: 90%;
  height: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
}
.HomeHeader_box-total {
  text-align: center;
  width: 35%;
  padding-right: 60px;
}
.HomeHeader_total {
  font-family: 'barlow';
  font-weight: bold;
  font-size: 100px;
}
.HomeHeader_total-description {
  font-size: 18px;
}
.HomeHeader_box-description {
  width: 65%;
}
.HomeHeader_description-data {
  font-size: 30px;
  line-height: 40px;
  text-align: right;
}
.HomeHeader_description a {
  max-width: 280px;
  padding: 8px 20px;
  background-color: #ffffff;
  color: #13334c;
  font-weight: bold;
  border-radius: 20px;
  transition: 0.2s all;
  display: block;
  margin: 20px auto 0;
  text-align: center;
  font-size: 20px;
}
.HomeHeader_description a:hover {
  text-decoration: none;
  color: #13334c;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 750px) {
  .HomeHeader_container {
    height: auto;
    padding-top: 10px;
  }
  .HomeHeader_description-content {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .HomeHeader_box-total {
    margin-bottom: 20px;
  }
  .HomeHeader_box-total,
  .HomeHeader_box-description {
    width: 90%;
    padding-right: 0;
  }
}

.OurNumbers_content {
  margin-bottom: 3rem;
}
.OurNumbers_title {
  text-align: center;
  color: #13334c;
  margin-bottom: 1rem;
}
.OursNumbers_chart-title {
  color: #13334c;
  text-align: center;
}
.OursNumbers_labels {
  font-size: 13px;
  color: #646464;
}
.OursNumbers_labels div {
  display: flex;
}
.OursNumbers_labels div strong {
  margin-right: 7px;
}
.OursNumbers_doughnut {
  display: flex;
  justify-content: space-between;
}
.OursNumbers_doughnut-row {
  padding: 0 33px;
}

.BoxShadow_container {
  width: 100%;
  height: 100%;
  display: flex;
  padding-bottom: 30px;
}
.BoxShadow_content {
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}

.HowToUseIt-content {
  padding-top: 50px;
  margin-bottom: 40px;
}
.HowToUseIt-title {
  text-align: center;
  color: #13334c;
  margin-bottom: 3rem;
}
.HowToUseIt {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.HowToUseIt_box {
  width: 90%;
  max-width: 230px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin: 0 20px 20px;
  background-color: #ffffff;
}
.HowToUseIt_text {
  font-size: 18px;
  font-family: 'barlow';
  color: var(--darkBlue);
  margin-bottom: 0;
}
.HowToUseIt_pattern {
  width: 100%;
  height: 50px;
  background-color: var(--white);
  background-image: url(/assets/images/0187c71bdd35065d50841fcd676c0e51.png);
  background-repeat: repeat;
  background-size: auto 100%;
}
.HowToUseIt_box-image {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.HowToUseIt_box-image img {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
}
.HowToUseIt_box-number {
  width: calc(100% - 100px);
  font-family: 'barlow';
  font-weight: bold;
  font-size: 45px;
  position: absolute;
  right: 0;
  z-index: 2;
  text-align: center;
}

.SliderBuniness_container {
  width: calc(100% - 60px);
  display: block;
  margin: 0 auto;
}
.SliderBusiness_title {
  text-align: center;
  color: #13334c;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.SliderBusiness_title img {
  width: 320px;
  margin-left: 10px;
}
.SliderBusiness_slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.SliderBusiness_slide img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.SliderBuniness_container .slick-arrow {
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: #13334c !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Inquiries{
  margin-top: 2rem;
  color: #13334c;
  width: 100% !important;
}

.Inquiries-title{
  text-align: center;
  font-size: 2rem;
}

.Inquiries-group{
  margin-top: 2rem;
  display: flex;
}

.Inquiries-map{
  margin-left: 2rem;
}

.Inquiries-table{ 
  font-size: 0.8rem;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
  margin-bottom: 5rem;
  margin-top: 2rem;
  color: #555555;
}

.Inquiries-table thead{
  background-color: #13334c;
  color: #ffffff;
}

.Inquiries-table th{
  height: 50px;
  padding: .8rem;
  font-weight: bold;
}

.Inquiries-table thead tr th:nth-child(1){
  width: 10%;
}
.Inquiries-table thead tr th:nth-child(2){
  width: 15%;
}
.Inquiries-table thead tr th:nth-child(3){
  width: 15%;
}
.Inquiries-table thead tr th:nth-child(4){
  width: 16%;
}
.Inquiries-table thead tr th:nth-child(5){
  width: 8%;
}
.Inquiries-table thead tr th:nth-child(6){
  width: 12%;
}
.Inquiries-table thead tr th:nth-child(7){
  width: 7%;
}
.Inquiries-table thead tr th:nth-child(8){
  width: 7%;
}
.Inquiries-table thead tr th:nth-child(9){
  width: 9%;
}

.InquiriesFilter{
  display: flex;
  flex-direction: column;
  width: 14rem;
}
.InquiriesInfo{
  text-align: center;
  padding-right: 10px;
}

.InquiriesInfo-search{
  justify-content: center;
  width: 80%;
  margin-left: auto;
  padding: 0px;
  border-radius: 20px;
  background-color: #ededed;
}

.InquiriesInfo-search input[type=search]{
  width: 65%;
}

.InquiriesInfo-search input[type=search], .InquiriesInfo-search button{
  margin-bottom: 0;
  height: 35px;
  flex: 1;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
}

.InquiriesInfo-search button{
  width: 35%;
  padding: 0px;
  background-color: #13334c;
  border-radius: 20px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  font-family: "Gotham";
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 3px;
}
.InquiriesInfo-search input:focus {
  outline: none;
}

.InquiriesInfo-search button{
  background-image: url(/assets/images/15d0c03d52047a5fbe3eb559173cfbb9.svg);
  background-repeat: no-repeat;
  background-position: left 1rem top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.InquiriesInfo-InquiriesRegisters{
  margin-top: 3rem;
}

.InquiriesInfo-InquiriesRegisters table{
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
}

.InquiriesInfo-InquiriesRegisters table tr:first-child{
  border-bottom: 1px solid #ffd348;
}

.InquiriesInfo-InquiriesRegisters table tr td:first-child{
  text-align: left;
  font-weight: bold;
  font-size: 0.9rem;
  width: 12rem;
  padding-left: 15px ;
  background-color: #13334c;
  color: #ffffff;
}

.InquiriesInfo-InquiriesRegisters table tr td:last-child{
  background-color: #ededed;
  width: 6rem;
}

.InquiriesInfo-chart{
  margin-top: 2rem;
  width: 100%;
}

@media(max-width: 1200px){
  .InquiriesInfo-search button{
    background-position: left 0.6rem top 50%, 0 0;
    background-position: center;
    color: transparent;
  }
}


.Interventions {
  margin-top: 2rem;
  color: #13334c;
  width: 100% !important;
}
.Interventions-title {
  text-align: center;
  font-size: 45px;
}
.Interventions-group {
  margin-top: 2rem;
}
.Interventions-table {
  margin-top: 2rem;
}

.Filters {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.Filters_button {
  height: 40px;
  border-radius: 10px;
  background-color: #13334c;
  color: #ffffff;
  border: 0;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  transition: 0.2s all;
}
.Filters_button:focus {
  outline: none;
}
.Filters_button:hover {
  box-shadow: 0 3px 3px 0px rgb(122, 122, 122);
}
.Filters_download {
  height: 40px;
  border-radius: 10px;
  background-color: #d73e0a;
  color: #ffffff;
  border: 0;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  transition: 0.2s all;
}
.Filters_download:focus {
  outline: none;
}
.Filters_download:hover {
  box-shadow: 0 3px 3px 0px rgb(122, 122, 122);
}

.DownloadExcel-table {
  display: none;
}
.DownloadExcel-button {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  background-color: #0ecc07;
  color: #ffffff;
  border: 0;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  transition: 0.2s all;
}
.DownloadExcel-button:hover {
  box-shadow: 0 3px 3px 0px rgb(122 122 122);
}
.DownloadExcel-button:focus {
  outline: none;
}

.Information {
  text-align: center;
  padding-right: 10px;
}

.Information-search {
  justify-content: center;
  width: 80%;
  margin-left: auto;
  padding: 0px;
  border-radius: 20px;
  background-color: #ededed;
}

.Information-search input[type='search'] {
  width: 65%;
}

.Information-search input[type='search'],
.Information-search button {
  margin-bottom: 0;
  height: 35px;
  flex: 1;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
}

.Information-search button {
  width: 35%;
  padding: 0px;
  background-color: #13334c;
  border-radius: 20px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 3px;
}
.Information-search input:focus {
  outline: none;
}

.Information-search button {
  background-image: url(/assets/images/15d0c03d52047a5fbe3eb559173cfbb9.svg);
  background-repeat: no-repeat;
  background-position: left 1rem top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.Information-InquiriesRegisters {
  margin-bottom: 20px;
}

.Information-InquiriesRegisters table {
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
}

.Information-InquiriesRegisters table tr:first-child {
  border-bottom: 1px solid white;
}

.Information-InquiriesRegisters table tr td:first-child {
  text-align: left;
  font-weight: bold;
  font-size: 0.9rem;
  width: 12rem;
  padding-left: 15px;
  background-color: var(--lightBlue);
  color: #ffffff;
}

.Information-InquiriesRegisters table tr td:last-child {
  background-color: #ededed;
  width: 6rem;
}

.Information-chart {
  margin-top: 2rem;
  width: 100%;
}

@media (max-width: 1200px) {
  .Information-search button {
    background-position: left 0.6rem top 50%, 0 0;
    background-position: center;
    color: transparent;
  }
}

.Map-container {
  width: 100%;
  max-width: 700px;
  position: relative;
  display: block;
  margin: 0 auto;
}
.Map-container img {
  width: 100%;
  height: auto;
}
.Map_lines {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.Map_department {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.Map_department-text {
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.95);
  position: absolute;
  z-index: 3;
}
.Map_department-text-44 {
  top: 5%;
  left: 53%;
}
.Map_department-text-47 {
  top: 12%;
  left: 36%;
}
.Map_department-text-8 {
  top: 9%;
  left: 22%;
}
.Map_department-text-20 {
  top: 17%;
  right: 45%;
}
.Map_department-text-13 {
  top: 20%;
  left: 37%;
}
.Map_department-text-54 {
  top: 23%;
  right: 29%;
}
.Map_department-text-70 {
  top: 17%;
  left: 28%;
}
.Map_department-text-23 {
  top: 24%;
  left: 25%;
}
.Map_department-text-5 {
  top: 32%;
  left: 24%;
}
.Map_department-text-27 {
  top: 36%;
  left: 17%;
}
.Map_department-text-17 {
  top: 39%;
  left: 28%;
}
.Map_department-text-66 {
  top: 41%;
  left: 25.5%;
}
.Map_department-text-63 {
  top: 45%;
  left: 26%;
}
.Map_department-text-25 {
  top: 43%;
  left: 38%;
}
.Map_department-text-11 {
  top: 45%;
  left: 40%;
}
.Map_department-text-73 {
  bottom: 49.5%;
  left: 28%;
}
.Map_department-text-76 {
  top: 50%;
  left: 18%;
}
.Map_department-text-41 {
  bottom: 43%;
  left: 28%;
}
.Map_department-text-19 {
  bottom: 40%;
  left: 18%;
}
.Map_department-text-52 {
  bottom: 36%;
  left: 7%;
}
.Map_department-text-86 {
  bottom: 32%;
  left: 23%;
}
.Map_department-text-18 {
  bottom: 35%;
  left: 33%;
}
.Map_department-text-91 {
  bottom: 20%;
  left: 50%;
}
.Map_department-text-97 {
  bottom: 31%;
  right: 30%;
}
.Map_department-text-95 {
  bottom: 38%;
  right: 40%;
}
.Map_department-text-50 {
  bottom: 45%;
  right: 50%;
}
.Map_department-text-94 {
  bottom: 42%;
  right: 18%;
}
.Map_department-text-99 {
  top: 44%;
  right: 20%;
}
.Map_department-text-15 {
  top: 38%;
  left: 45%;
}
.Map_department-text-85 {
  top: 41%;
  right: 37%;
}
.Map_department-text-81 {
  top: 32%;
  right: 32%;
}
.Map_department-text-68 {
  top: 34%;
  right: 44%;
}
.Map_department-text-88 {
  left: 10%;
}
.Map_note {
  text-align: center;
  font-size: 14px;
}
.Map-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.65);
}
.Map-loading img {
  width: 100px;
  height: 100px;
}
.Map_department-text-1 {
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .Map_department-text {
    font-size: 10px;
  }
}
@media screen and (max-width: 500px) {
  .Map_department-text {
    font-size: 7px;
  }
}

.Graphs_row {
  margin-top: 20px;
}
.Graphs_title {
  color: #1d4487;
  text-align: center;
}
.Graphs_row-graph {
  display: flex;
  font-size: 12px;
  color: #5f5f5f;
}
.Graphs_row-graph strong {
  margin-right: 7px;
}

.BoxLoading_container {
  position: fixed;
  z-index: 52;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.BoxLoading_spiner {
  width: 100px;
}
.BoxLoading_text {
  text-align: center;
  font-weight: bold;
}

.Login {
  text-align: center;
  border-radius: 20px;
  max-width: 22rem !important;
  box-shadow: 0 0 4px #c5c5c5;
  margin: 30px auto;
  padding: 20px;
  background-color: #ffffff;
}
.LoginForgotten,
.LoginForgottenA {
  color: #13334c;
  font-size: 0.7rem;
  text-align: end;
}
.LoginForgottenA:hover {
  text-decoration: none;
}
.LoginBtnIn {
  background-color: #13334c !important;
  color: #fff !important;
  border-radius: 20px !important;
  width: 8rem;
  font-size: 1.2rem;
  display: inline-block;
  padding: 2px;
  font-weight: bold;
  border: 0;
  transition: 0.2s all;
}
.LoginBtnOut {
  background-color: #13334c !important;
  color: #fff !important;
  border-radius: 20px !important;
  width: 100%;
  max-width: 400px;
  font-size: 16px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-bottom: 7rem;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  transition: 0.2s all;
}
.LoginBtnIn:hover,
.LoginBtnOut:hover {
  text-decoration: none;
  box-shadow: 0 3px 3px #5f5f5f;
}
.Login_row {
  display: flex;
  flex-direction: column;
}
.Login_LabelContainer {
  flex-direction: column;
}
.Login_Label {
  color: #13334c;
  text-align: start;
}
.Login_Input {
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.Login_box-input {
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  background-color: #ededed;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  margin-bottom: 20px;
}
.Login_box-input input {
  margin-bottom: 0;
  height: 40px;
  flex: 1;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
}
.Login_box-input input:focus {
  outline: none;
}
.Login_box-input i {
  color: #ffd348;
}

.LoginHeaderTitle {
  color: #13334c;
}

.LoginHeaderImg {
  max-width: 13rem;
}

.OrganizationDetail {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
}
.OrganizationDetail-filter-button {
  margin-bottom: 1rem;
  background-color: #13334c;
  color: #ffffff;
  border-radius: 10px !important;
  font-size: 1rem;
  font-weight: bold;
  padding-left: 2rem;
}
.OrganizationDetail-info div h3,
.OrganizationDetail-ActiveInterventions h3,
.OrganizationDetail-EndsInterventions h3,
.OrganizationDetail-title,
.OrganizationDetail-description-title {
  color: #13334c;
  text-align: center;
  font-size: 1rem;
  padding: 4px;
  width: 100%;
  margin-bottom: 2rem;
}
.OrganizationDetail_content {
  margin-bottom: 20px;
}
.OrganizationDetail_graphs {
  margin-bottom: 3rem;
}
.OrganizationDetail_interventions {
  margin-bottom: 3rem;
}
.OrganizationDetail_interventions h3 {
  text-align: center;
  color: #13334c;
  margin-bottom: 2rem;
}
.OrganizationDetail-row img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 10px;
}
.OrganizationDetail-row a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  background-color: #13334c;
  color: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  margin-top: 5px;
  transition: 0.2s all;
}
.OrganizationDetail-row a:hover {
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
}

.OrganizationDetail-title {
  font-size: 2rem;
}

.OrganizationDetail-description-title {
  text-align: left;
  margin-bottom: 0px;
}

.OrganizationDetail-description {
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}

.OrganizationDetail-info,
.OrganizationDetail-info div,
.OrganizationDetail-ActiveInterventions div,
.OrganizationDetail-EndsInterventions div {
  display: flex;
}

.OrganizationDetail-info div {
  flex-direction: column;
}

.OrganizationDetail-info div:first-child {
  align-items: center;
}

.OrganizationDetail-ActiveInterventions,
.OrganizationDetail-EndsInterventions {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.OrganizationDetail-ActiveInterventions {
  margin-bottom: 5rem;
}

.OrganizationDetail-EndsInterventions {
  margin-bottom: 10rem;
}

.OrganizationDetail-ActiveInterventions div,
.OrganizationDetail-EndsInterventions div {
  align-items: center;
  border-top: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.OrganizationDetail-ActiveInterventions h3,
.OrganizationDetail-EndsInterventions h3 {
  font-size: 1.5rem;
}

@media (max-width: 990px) {
  .OrganizationDetail-ActiveInterventions div,
  .OrganizationDetail-EndsInterventions div {
    flex-direction: column;
  }
  .OrganizationDetail-ActiveInterventions div p,
  .OrganizationDetail-EndsInterventions div p {
    text-align: justify;
  }
  .OrganizationDetail-ActiveInterventions div h6,
  .OrganizationDetail-EndsInterventions div h6 {
    text-align: center;
  }
}

@media (max-width: 400px) {
  .OrganizationDetail-title {
    font-size: 1.8rem;
  }
}

@media (max-width: 360px) {
  .OrganizationDetail-ActiveInterventions div p,
  .OrganizationDetail-EndsInterventions div p {
    font-size: 0.8rem;
  }
}
.OrganizationDetail_graph-row {
  text-align: left;
  color: #616161;
  font-size: 13px;
  display: flex;
  flex-direction: row !important;
}
.OrganizationDetail_graph-row strong {
  margin-right: 8px;
}
.OrganizationDetail_logo {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 0 auto 10px;
}
.OrganizationDetail-filter {
  margin-bottom: 10px;
}
.OrganizationDetail-filter label {
  margin-bottom: 5px;
}
.OrganizationDetail-menu {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.OrganizationDetail-menu button {
  width: 50%;
  max-width: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 10px;
  background-color: var(--white);
  color: var(--blue);
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid var(--ligthGray);
  margin: 0;
  color: var(--ligthGray);
}
.OrganizationDetail-menu button.active {
  border-bottom: 3px solid var(--blue);
  color: var(--blue);
  font-weight: bold;
}
.OrganizationDetail-menu button:focus {
  outline: none;
}

.Organizations {
  display: flex;
  flex-direction: column;
}
.Organizations h1 {
  font-size: 2rem;
  text-align: center;
  color: #13334c;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.Organizations_filter button {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 0;
  background-color: var(--blue);
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  transition: 0.2s all;
}
.Organizations_filter button:focus {
  outline: none;
}
.Organizations_filter button:hover {
  box-shadow: 0 3px 3px #5f5f5f;
}
.Organization_action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: #5f5f5f;
}
.Organization_action label {
  margin: 0 15px;
}
.Organization_action input {
  margin-right: 5px;
}

.QueryDetail {
  color: #13334c;
}

.QueryDetail-body {
  margin-top: 2rem;
}

.QueryDetail,
.QueryDetail-header,
.QueryDetail-body-left div div,
.QueryDetail-body-right,
.QueryDetail-body {
  display: flex;
}

.QueryDetail,
.QueryDetail-body-left div,
.QueryDetail-body-left-main div {
  flex-direction: column;
}

.QueryDetail-body-left div div,
.QueryDetail-body {
  flex-direction: row;
}

.QueryDetail-body-left-main,
.QueryDetail-body-left-main div div {
  display: flex;
  flex-direction: row !important;
}

.QueryDetail-body-left-main-text {
  justify-content: center;
  flex-direction: column !important;
  padding-right: 0px !important;
  padding-left: 0px;
}

.QueryDetail-body-left-main-text-title {
  align-items: center;
}

.QueryDetail-body-left-main-text-info,
.QueryDetail-body-left-main-text-info a {
  align-items: flex-end;
  color: #aaaaaa;
}

.QueryDetail-body-left-main-text-info a {
  text-decoration: underline;
}

.QueryDetail-body-left div table {
  margin-top: 2rem;
}

.QueryDetail-row {
  border-top: 1px solid #aaaaaa;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.QueryDetail-body-right img {
  max-height: 35rem;
  max-width: 34rem;
  position: absolute;
  margin-left: 7rem;
}

.QueryDetail-body-right {
  color: #13334c;
}

.QueryDetail-body-right div h2 {
  font-size: 1.2rem;
  font-weight: bold;
}

.QueryDetail-body-right div h6 {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.QueryDetail-body-right div ul {
  font-size: 0.9rem;
}

.QueryDetail-body-right div ul {
  list-style: none;
  padding: 0px;
}

.QueryDetail-header {
  margin-top: 2rem;
  padding-left: 3.5rem;
}

.QueryDetail-header button {
  background-color: #13334c;
  color: #fff;
  border-radius: 10px;
  width: 9rem;
  font-size: 1rem;
  display: inline-block;
  padding: 4px;
  padding-right: 1rem;
  text-align: right;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
}

.QueryDetail-header h1 {
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  color: #13334c;
}

.QueryDetail-body-left-main-img {
  max-height: 8rem;
  max-width: 8rem;
}

@media (max-width: 991px) {
  .QueryDetail-body-left-main-img {
    display: none;
  }
}

.QueryDetail-body-left h3 {
  background-color: #13334c;
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
  border-radius: 5px;
  padding: 3px;
  height: 25px;
}
.QueryDetail_info {
  text-align: center;
  margin-bottom: 20px;
}
.QueryDetail_logo {
  width: 100%;
  max-width: 250px;
  margin: 0 auto 20px;
  display: block;
}
.QueryDetail_ul {
  padding-left: 20px;
}
.QueryDetail_cities span:after {
  content: ', ';
}
.QueryDetail_cities span:last-child:after {
  content: '';
}
.container-map {
  margin-bottom: 10px;
}

.BoxTitle_content {
  width: 100%;
  padding: 2px 10px;
  text-align: center;
  background-color: #13334c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
}

.BoxContent_content {
  width: 100%;
  border-right: 2px solid #13334c;
  border-left: 2px solid #13334c;
  border-bottom: 2px solid #13334c;
  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;
  font-size: 14px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.BoxContent_content .BoxTitle_content {
  border-radius: 5px 5px 0 0;
  border: 2px solid #13334c;
}
.BoxContent_text {
  color: #6f7172;
}
.BoxContent_text .BoxContent_scroll {
  height: 100%;
  overflow-y: auto;
  padding: 4px 10px;
  margin-bottom: 0px;
}
.BoxContent_text .BoxContent_scroll ul {
  padding-left: 20px;
}
.BoxContent_text .BoxContent_scroll::-webkit-scrollbar {
  width: 5px;
}
.BoxContent_text .BoxContent_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.BoxContent_text .BoxContent_scroll::-webkit-scrollbar-thumb {
  background: #13334c;
}
.BoxContent_text p {
  margin-bottom: 5px;
}

.QueryDetail-fixed div div {
  margin-top: 2rem;
  flex-direction: column;
  border: 1px solid #13334c;
  border-radius: 5px;
  padding: 0px;
}

.QueryDetail-fixed div:last-child,
.QueryDetail-fixed div:nth-child(2) {
  margin-left: 5px;
}

.QueryDetail-fixed div div h6 {
  background-color: #13334c;
  color: #fff;
  text-align: center;
  font-size: 0.9rem;
  padding: 4px;
  width: 100%;
}

.QueryDetail-fixed div:nth-child(4) div h6 {
  font-size: 0.7rem;
}

.QueryDetail-fixed div:nth-child(4) div span {
  text-align: center;
}

.QueryDetail-fixed div div p {
  height: 6rem;
  padding: 5px;
  padding-bottom: 2px;
  font-size: 0.8rem;
  overflow-y: auto;
  margin-bottom: 0px;
}

.QueryDetail-fixed div:nth-child(3) div p {
  height: 4rem;
}

.QueryDetail-fixed div div p::-webkit-scrollbar {
  width: 5px;
}

.QueryDetail-fixed div div p::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.QueryDetail-fixed div div p::-webkit-scrollbar-thumb {
  background: #13334c;
}

.QueryDetail-fixed-last-child {
  margin-top: 1rem;
  width: 100%;
}

.QueryDetail-fixed-last-child h6 {
  font-size: 0.8rem;
  padding: 5px;
  border: 1px solid #13334c;
}

.QueryDetail-fixed-last-child h6:first-child {
  background-color: #13334c;
  color: #ffffff;
  border-radius: 5px 0px 0px 5px;
}

.QueryDetail-fixed-last-child h6:last-child {
  text-align: center;
  border-radius: 0px 5px 5px 0px;
}

.QueryDetailPeriod_box {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  margin-bottom: 30px;
}
.QueryDetailPeriod_box span {
  padding: 3px 8px;
  border: 1px solid #13334c;
  margin-left: 10px;
  font-size: 12px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.QueryDetail-period div {
  font-size: 0.9rem;
}
.QueryDetail-period-year {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.QueryDetail-period-data {
  align-items: center;
}
.QueryDetail-period select {
  background-color: #13334c;
  color: #fff;
  border-radius: 10px;
  width: 6rem;
  font-size: 0.9rem;
  display: inline-block;
  padding: 4px;
  text-align: right;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.5rem;
}
.QueryDetail-period-data h6,
.QueryDetail-period-data div span {
  font-size: 0.9rem;
  font-weight: lighter;
}
.QueryDetail-period-data div span {
  font-size: 0.6rem;
  border: 1px solid #13334c;
  border-radius: 5px;
  height: 1.3rem;
  margin-top: auto;
  margin-bottom: auto;
  padding: 3px;
}
.QueryDetail-period-data div:nth-child(1) h6 {
  width: 8.4rem;
}
.QueryDetail-period-data div:nth-child(1) span {
  width: 2.4rem;
}
.QueryDetail-period-data div:nth-child(2) h6 {
  width: 9.9rem;
}
.QueryDetail-period-data div:nth-child(2) span {
  width: 5rem;
}
.QueryDetail-period-data div:nth-child(3) h6 {
  width: 8rem;
}
.QueryDetail-period-data div:nth-child(3) span {
  width: 2.3rem;
}

.QueryDetailAnalysis,
.QueryDetailAnalysis div {
  display: flex;
}

.QueryDetailAnalysis {
  margin-left: 30px;
  margin-right: 30px;
}

.QueryDetailAnalysis,
.QueryDetailAnalysis div div {
  flex-direction: column;
}

.QueryDetailAnalysis div {
  flex-direction: row;
}

.QueryDetailAnalysisUp {
  justify-content: space-between;
}

.QueryDetailAnalysis div div {
  margin-top: 2rem;
  flex-direction: column;
  border: 1px solid #13334c;
  border-radius: 5px;
  padding: 0px;
}

.QueryDetailAnalysis div div h6 {
  background-color: #13334c;
  color: #fff;
  text-align: center;
  font-size: 0.9rem;
  padding: 4px 10px;
}

.QueryDetailAnalysis div div span {
  text-align: center;
}

.QueryDetailAnalysisDown div {
  margin-left: 5px;
}

.QueryDetailAnalysisDown div p {
  max-height: 5rem;
  overflow-y: auto;
  padding: 4px;
  margin-bottom: 0px;
}

.QueryDetailAnalysisDown div p::-webkit-scrollbar {
  width: 5px;
}

.QueryDetailAnalysisDown div p::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.QueryDetailAnalysisDown div p::-webkit-scrollbar-thumb {
  background: #13334c;
}

.QueryDetailAllied {
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center;
}
.QueryDetailAllied_organizations {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.QueryDetailAllied_organizations img {
  width: 200px;
  margin: 0px 10px 10px;
}

.AddRemoveCities h4,
.AddRemoveCities p {
  color: #13334c;
}
.AddRemoveCities_button {
  width: 100%;
  height: 40px;
  color: #ffffff;
  background-color: #13334c;
  border-radius: 10px;
  border: 0;
  transition: 0.2s all;
}
.AddRemoveCities_button:hover {
  box-shadow: 0 3px 3px #5d5d5d;
}
.AddRemoveCities_button:focus {
  outline: none;
}
.AddRemoveCities_container {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.AddRemoveCities_row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.AddRemoveCities_box {
  height: 60px;
  border: 2px solid #13334c;
  display: flex;
  margin: 0 10px 10px 0;
}
.AddRemoveCities_names {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.AddRemoveCities_button-remove {
  width: 35px;
  background-color: #d73e0a;
  color: #ffffff;
  border: 0;
}
.AddRemoveCities_button-remove:focus {
  outline: none;
}
.AddRemoveCities_city {
  font-weight: bold;
  color: #13334c;
  font-size: 15px;
  line-height: 16px;
}
.AddRemoveCities_department {
  font-size: 13px;
  color: #5d5d5d;
}

.cropper_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  background: rgba(0, 0, 0, 0.4);
  transition: 1s all;
  opacity: 0;
  visibility: hidden;
}
.cropper_container.visible {
  opacity: 1;
  visibility: visible;
}
.cropper_box {
  width: 100%;
  max-width: 500px;
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  animation: modalOut 0.8s forwards;
}
.cropper_box.visible {
  animation: modalIn 0.8s forwards;
}
.cropper_menu {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.cropper_close {
  background-color: #d73e0a !important;
  color: #ffffff !important;
}
.cropper_save {
  background-color: #13334c !important;
  color: #ffffff !important;
  margin-left: 10px;
}

@keyframes modalIn {
  0% {
    transform: translateY(-3000px);
  }
  60% {
    transform: translateY(20px);
  }
  85% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes modalOut {
  0% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-3000px);
  }
}

.FormOrganization {
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding: 2rem;
  color: #13334c;
  box-shadow: 0 0 4px #c5c5c5;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  overflow: hidden;
}
.FormOrganization-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 30px;
}
.FormOrganization-doubleField input[type='text'],
.FormOrganization-doubleField input[type='number'],
.FormOrganization-doubleField input[type='email'],
.FormOrganization-doubleField select,
.FormOrganization textarea {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  background-color: #ededed;
  border: 0;
  appearance: none;
  padding: 0 10px;
  margin-bottom: 20px;
}

.FormOrganization textarea {
  height: 100px;
}

.FormOrganization-doubleField select {
  background-image: url(/assets/images/3fed4f2905d9b02e9278225bf76f1e66.svg);
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.FormOrganization-doubleField select:focus {
  outline: none;
}

.OrganizationLinks {
  display: flex;
  justify-content: space-between;
}

.FormOrganization-go-to-back,
.Organization-RegisterLink-button {
  background-color: #13334c;
  color: #fff;
  border-radius: 5px;
  width: 10rem;
  font-size: 1rem;
  display: inline-block;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  border: 0;
  transition: 0.2s all;
}

.FormOrganization-go-to-back {
  margin-top: 4rem;
  border-radius: 10px;
  margin-left: 1.5rem;
}

.FormOrganization-go-to-back:hover,
.Organization-RegisterLink-button:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 3px 3px #5d5d5d;
}

.Origanizations_box-select {
  margin-top: 20px;
  display: flex;
  height: 40px;
  border-radius: 8px;
  background-color: #ededed;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 55%;
}

.OrganizationsSelect {
  width: 100%;
  margin-bottom: 0;
  height: 40px;
  flex: 1;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
  appearance: none;
  background-image: url(/assets/images/3fed4f2905d9b02e9278225bf76f1e66.svg);
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.OrganizationsSelect:focus {
  outline: none;
}

.Organizations-bottom {
  margin-top: 10rem;
  background-color: #13334c;
  color: #fff;
  border-radius: 10px;
  width: 32rem;
  font-size: 1.2rem;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-bottom: 6rem;
  padding: 5px;
  font-weight: bold;
}

.Organizations-bottom:hover {
  text-decoration: none;
  color: #fff;
}
.FormOrganization_button-image {
  width: 250px;
  height: 164px;
  display: block;
  margin-bottom: 20px;
  border: 0;
  background-color: #ededed;
  padding: 0;
}
.FormOrganization_button-image img {
  width: 100%;
  height: 100%;
}
.FormOrganization_checks {
  color: #5d5d5d;
}
.FormOrganization_checks input {
  margin-right: 5px;
}

.termsConditions_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 51;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all;
}
.termsConditions_modal.visible {
  opacity: 1;
  visibility: visible;
}
.termsConditions_modal-content {
  width: 100%;
  max-width: 800px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  display: block;
  margin: 20px auto;
  position: relative;
}
.termsConditions_modal-content button {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  transition: 0.2s all;
  color: var(--white);
  background-color: var(--blue);
  font-size: 20px;
  border-radius: 10px;
}
.termsConditions_modal-content button:hover {
  background-color: var(--darkBlue);
}
.termsConditions_modal-title {
  text-align: center;
  font-size: 30px;
}
.termsConditions_modal-text {
  font-size: 16px;
}
.termsConditions_row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.termsConditions_row input {
  width: initial;
  height: initial;
  margin-bottom: 0;
  margin-right: 5px;
  margin-top: 5px;
}
.termsConditions_row span {
  text-decoration: underline;
  cursor: pointer;
  transition: 0.2s all;
}
.termsConditions_row span:hover {
  color: var(--blue);
}

.RegisterForm {
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 5rem;
  color: #13334c;
  box-shadow: 0 0 4px #c5c5c5;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  padding: 30px;
}
.RegisterForm h1 {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 30px;
}
.RegisterForm input,
.RegisterForm select {
  background-color: #ededed !important;
  margin-bottom: 0;
  height: 40px;
  border: 0;
  background-color: transparent;
  padding: 0 10px;
  margin-bottom: 20px;
}
.RegisterForm_Links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RegisterForm_Links a {
  color: #13334c;
}
.RegisterForm_Links a:hover {
  color: #13334c;
}
.RegisterForm_bottom {
  background-color: #13334c !important;
  color: #fff !important;
  border-radius: 5px !important;
  width: 10rem;
  font-size: 1rem;
  display: inline-block;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  border: none;
  transition: 0.2s all;
}
.RegisterForm_bottom:hover {
  text-decoration: none;
  box-shadow: 0 3px 3px #5d5d5d;
}
.RegisterForm_col {
  display: flex;
  flex-direction: column;
}
@media (max-width: 450px) {
  .RegisterForm h1 {
    font-size: 1rem;
  }
}

.Register_organization {
  margin-top: 8rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  font-family: 'Gotham';
}
.Register_organization-title {
  font-size: 2rem;
  font-weight: bold;
  color: #13334c;
  margin-bottom: 20px;
}
.Register_organization-button {
  width: 200px;
  margin: 20px auto 0;
  background-color: #13334c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
  padding: 5px;
  border: none;
}
.Register_organization-button:focus {
  outline: none;
}
.Register_organization-link {
  width: 90%;
  max-width: 600px;
  margin-top: 10rem;
  background-color: #13334c;
  color: #fff;
  border-radius: 10px;
  font-size: 1.2rem;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-bottom: 6rem;
  padding: 5px;
  font-weight: bold;
  transition: 0.2s all;
  text-align: center;
}
.Register_organization-link:hover,
.Register_organization-button:hover {
  text-decoration: none;
  color: #fff;
  box-shadow: 0 3px 3px #5d5d5d;
}

.WhatIsItMain {
  color: #13334c;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.WhatIsItMainImg {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.WhatIsItMain h2 {
  font-size: 55px;
  color: var(--blue);
}
.WhatIsItMain div {
  font-size: 24px;
  color: var(--blue);
}

.Objectives {
  text-align: center;
}
.Objectives h2 {
  font-size: 45px;
  color: var(--blue);
}
.ObjectivesBoxes {
  margin-left: 0px !important;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 40px;
}
.ObjectivesBox {
  color: #13334c;
  border-radius: 10px;
  min-height: 310px;
  font-family: 'Gotham';
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ObjectivesBox img {
  max-width: 100px;
  margin: 0 auto;
  display: block;
}
.ObjectivesBoxText {
  color: var(--gray);
  margin-top: 2rem;
  font-size: 20px;
}

.Uses {
  color: #13334c;
  text-align: center;
  margin-bottom: 4rem;
  background-image: url(/assets/images/0187c71bdd35065d50841fcd676c0e51.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: auto 50px;
}
.Uses-title {
  margin-bottom: 40px;
  font-size: 45px;
  color: var(--blue);
}
.Uses_img {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto 20px;
}
.Uses img {
  width: 60px;
  margin-right: 10px;
}
.Uses_box {
  background-color: var(--darkBlue);
  height: 240px;
  color: var(--white);
  border-radius: 20px;
  padding: 20px 20px 0;
  text-align: left;
}
.Uses_box ul {
  padding-left: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .Uses_box {
    margin-bottom: 20px;
  }
}

.AboutIs {
  margin-bottom: 4rem;
}
.AboutIs_title {
  font-size: 45px;
  color: var(--blue);
  text-align: center;
  margin-bottom: 2rem;
}
.AboutIs_text {
  text-align: center;
  color: var(--gray);
  font-size: 23px;
}
.AboutIs_row {
  margin-bottom: 50px;
}
.AboutIs .row {
  justify-content: center;
}

.InterventionForm_container {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  margin: 20px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.InterventionForm_title {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 20px;
  color: #13334c;
}
.InterventionForm_container .form-control {
  background-color: #ededed;
}
.InterventionForm_container .form-control:focus {
  outline: none !important;
  box-shadow: none;
  border: 1px solid #13334c;
  background-color: #ededed;
}
.InterventionForm_container span > span {
  font-size: 12px;
}
.InterventionForm_button {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background-color: #13334c;
  color: #ffffff;
  border: 0;
  transition: 0.2s all;
}
.InterventionForm_button-request {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background-color: #ec6124;
  color: #ffffff;
  border: 0;
  transition: 0.2s all;
}
.InterventionForm_button:hover,
.InterventionForm_button-request:hover {
  box-shadow: 0 3px 3px #5d5d5d;
}
.InterventionForm_steps {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.InterventionForm_step {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  background-color: #949494;
  color: #ffffff;
  margin: 0 5px;
}
.InterventionForm_step.active {
  background-color: #13334c;
}
.InterventionForm_step:focus {
  outline: none;
}

.RenderInstitutions_content {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.RenderInstitutions_content h3 {
  text-align: center;
  color: #13334c;
  font-size: 1.2rem;
}
.RenderInstitutions_row {
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
}

.InterventionUpdate_container {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  margin: 20px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.InterventionUpdate_title {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 20px;
  color: #13334c;
}
.InterventionUpdate_container .form-control {
  background-color: #ededed;
}
.InterventionUpdate_container .form-control:focus {
  outline: none !important;
  box-shadow: none;
  border: 1px solid #13334c;
  background-color: #ededed;
}
.InterventionUpdate_container span > span {
  font-size: 12px;
}
.InterventionUpdate_button {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background-color: #13334c;
  color: #ffffff;
  border: 0;
  transition: 0.2s all;
}
.InterventionUpdate_button:hover {
  box-shadow: 0 3px 3px #5d5d5d;
}

.InterventionValidate-container {
  padding: 30px 0;
}
.InterventionValidate-form {
  margin-bottom: 30px;
}
.InterventionValidate-form img {
  width: 90%;
  max-width: 250px;
  display: block;
  margin: 0 auto;
}
.InterventionValidate-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: var(--darkBlue);
  transition: 0.2s all;
  padding: 8px 30px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 10px;
  border: 0;
}
.InterventionValidate-button-small {
  max-width: 180px;
}
.InterventionValidate-button-large {
  max-width: 440px;
}
.InterventionValidate-button:hover {
  background-color: var(--blue);
  color: #ffffff;
  text-decoration: none;
}

.InterventionUpdates_button {
  width: 100%;
  height: 40px;
  max-width: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #13334c;
  color: #ffffff;
  border: 0;
  margin: 0 auto;
  font-weight: bold;
  font-size: 16px;
  transition: 0.2s all;
}
.InterventionUpdates_button:hover {
  box-shadow: 0 3px 3px 0px rgb(122 122 122);
  color: #ffffff;
  text-decoration: none;
}
.InterventionForm_p {
  font-size: 20px;
  text-align: center;
}
.InterventionUpdates_button-year {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #13334c;
  color: #13334c;
  background-color: #ffffff;
  margin-bottom: 15px;
  font-size: 16px;
  border-radius: 10px;
  transition: 0.2s all;
  text-decoration: none;
}
.InterventionUpdates_button-year:hover {
  background-color: #13334c;
  color: #ffffff;
  border-color: 2px solid #13334c;
  text-decoration: none;
}
.InterventionUpdates_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: auto;
}
.InterventionUpdates_modal-content {
  width: 90%;
  max-width: 800px;
  margin: 20px auto;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 20px;
}
.InterventionUpdates_modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #b5b5b5;
}
.InterventionUpdates_modal-header h2 {
  font-size: 20px;
  color: #13334c;
  margin-right: 10px;
}
.InterventionUpdates_modal-header button {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #13334c;
  color: #ffffff;
  border: 0;
  font-size: 20px;
  line-height: 0;
  padding: 0;
  border-radius: 10px;
}
.InterventionUpdates_label {
  color: #13334c;
  font-weight: bold;
  font-size: 16px;
}
.InterventionUpdates_item {
  margin-bottom: 10px;
}
.InterventionUpdates_list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.InterventionUpdates_list-item {
  padding: 10px 20px;
  border: 1px solid #13334c;
  color: #13334c;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.InterventionUpdates_label-education {
  color: #13334c;
  font-size: 18px;
}

@font-face {
  font-family: 'Gotham';
  src: url(/assets/fonts/fb3d3a1307dbfaedd1084ec6e772f67a.eot);
  src: url(/assets/fonts/fb3d3a1307dbfaedd1084ec6e772f67a.eot#iefix) format('embedded-opentype'),
    url(/assets/fonts/680069290562d98bdf7ce943bbee44ec.woff2) format('woff2'),
    url(/assets/fonts/f6792ec8cf016086127d3e1bd3ec2724.woff) format('woff'),
    url(/assets/fonts/3228efdb87646528fdcc5a6631a0f73e.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(/assets/fonts/9444a2dcc688a93a088de2e8a9700b5c.eot);
  src: url(/assets/fonts/9444a2dcc688a93a088de2e8a9700b5c.eot?#iefix) format('embedded-opentype'),
    url(/assets/fonts/09ab0da2f8fc6a6db612b93a74306d7c.woff2) format('woff2'),
    url(/assets/fonts/6dcbca5d8c9bcc9223dc42371929629b.woff) format('woff'),
    url(/assets/fonts/1fbad9c4eda0601782d486bb62b36de1.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'barlow';
  src: url(/assets/fonts/61c561d2b34b9eb57a9077814efe681f.eot);
  src: url(/assets/fonts/61c561d2b34b9eb57a9077814efe681f.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/fonts/72a70ac6a467d7c05adb01bfeacc35ed.woff2) format('woff2'),
    url(/assets/fonts/f052d31e875f3be17d106ebff0d426f7.woff) format('woff'),
    url(/assets/fonts/ceaef7c4c3e0ddc87e32b775dfd11a64.ttf) format('truetype');
  font-weight: bold;
  font-style: bold;
}
@font-face {
  font-family: 'barlow';
  src: url(/assets/fonts/5f46bce88e9569469d4bb834992f1eca.eot);
  src: url(/assets/fonts/5f46bce88e9569469d4bb834992f1eca.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/fonts/fa7da1f9acae07cc1ebb9529fe353e6c.woff2) format('woff2'),
    url(/assets/fonts/b51cc27fc0b18cac391dfaabb630284e.woff) format('woff'),
    url(/assets/fonts/8135790e2a1e86e305b5db655f748be8.ttf) format('truetype');
  font-weight: 800;
  font-style: 800;
}
@font-face {
  font-family: 'barlow';
  src: url(/assets/fonts/f39d776095e1cb3ccd5fe22f3521a717.eot);
  src: url(/assets/fonts/f39d776095e1cb3ccd5fe22f3521a717.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/fonts/193a9c0ac0cbd622544b7ddb957d8520.woff2) format('woff2'),
    url(/assets/fonts/11797f4298352f1f33a1ec5030674d33.woff) format('woff'),
    url(/assets/fonts/912923ac2c4fe03f416c6f11c0a27bef.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'barlow-italic';
  src: url(/assets/fonts/779490d6980423a65e3e71d8b84ad7a1.eot);
  src: url(/assets/fonts/779490d6980423a65e3e71d8b84ad7a1.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/fonts/21148032131d898d94c4b3537e51212f.woff2) format('woff2'),
    url(/assets/fonts/44d245582f7634e2a2ee247d1f8a8383.woff) format('woff'),
    url(/assets/fonts/4434e234c70f661e32b8c3a1d63134a5.ttf) format('truetype');
  font-weight: 800;
  font-style: 800;
}
@font-face {
  font-family: 'Cairo';
  src: url(/assets/fonts/5318ea3a4f07f9cdbc9ac5fb194074a4.eot);
  src: url(/assets/fonts/5318ea3a4f07f9cdbc9ac5fb194074a4.eot?#iefix) format('embedded-opentype'),
    url(/assets/fonts/4f6e467bf521408a1cccb334d04fcdbd.woff2) format('woff2'),
    url(/assets/fonts/c32cd42e9eaba529090abd8d3f3b6c14.woff) format('woff'),
    url(/assets/fonts/71b874c2469ad2a71ce8cf2ddfddee1a.ttf) format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'barlow-italic';
  src: url(/assets/fonts/a32a7d70c6c67f1a66d35ceab08fddca.eot);
  src: url(/assets/fonts/a32a7d70c6c67f1a66d35ceab08fddca.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/fonts/e277b6d91df4359f1d9171cb7966a255.woff2) format('woff2'),
    url(/assets/fonts/c3a67c7802612f0917b68ca0c0414675.woff) format('woff'),
    url(/assets/fonts/7b26b9cb866aaf02e15238f1129516ef.ttf) format('truetype');
}

:root {
  --blue: #1a4279;
  --darkBlue: #13334c;
  --lightBlue: #657da0;
  --yellow: #ffd313;
  --white: #ffffff;
  --gray: #575757;
  --black: #000000;
  --ligthGray: #969696;
}
* {
  font-family: 'barlow';
  font-weight: normal;
}
html,
body {
  width: 100%;
  height: 100%;
  /* background-image: url('../images/background-general.png'); */
  background-size: contain;
  background-color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-family: 'barlow';
  font-weight: bold;
}
strong i {
  font-family: 'barlow-italic';
}
main {
  padding-top: 160px;
}
.loading-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
}
.swal-text {
  text-align: center;
}
.text-center {
  text-align: center;
}
.hidden {
  display: none;
}
.Form_box-options {
    width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.Form_option {
  height: 60px;
  border: 2px solid var(--darkBlue);
  display: flex;
  margin: 0 10px 10px 0;
}
.Form_option-text {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Form_option-button {
  width: 35px;
  background-color: #d73e0a;
  color: #ffffff;
  border: 0;
}
.Form_option-button:focus {
  outline: none;
}
.Form_option-name {
  font-weight: bold;
  color: var(--darkBlue);
  font-size: 15px;
  line-height: 16px;
}
.Form_option-info,
.Form_option-year {
  font-size: 13px;
  color: #5d5d5d;
}
.Report_button {
  width: 100% !important;
  height: 40px !important;
  max-width: none !important;
  border-radius: 5px;
  background-color: #d73e0a !important;
  color: #ffffff;
  border: 0;
  transition: 0.2s all;
  margin: 0 auto 20px !important;
}
.Report_button:hover {
  background-color: var(--darkBlue) !important;
}
.text-center {
  text-align: center;
}
.btn-siipe {
  background-color: var(--blue);
  color: var(--white);
  text-decoration: none;
}
.btn-siipe:hover {
  background-color: var(--darkBlue);
  color: var(--white);
  text-decoration: none;
}
.btn-block {
  width: 100%;
}
.error-404 {
    text-align: center;
    padding: 50px 20px;
}
.error-404 h1 {
    font-size: 90px;
}