.navbar ul.nav li {
  
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: list-item;
}
.navbar ul.nav li a {
    padding: 0px 4px 8px 4px!important;
  margin: 15px 6px 0px 6px!important;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  color: #000;
  font-weight: 600;
  top: 2px;
}
.navbar ul.nav li a:hover {
    padding: 0px 4px 8px 4px!important;
  margin: 15px 6px 0px 6px!important;
  font-size: 14px;
  border-bottom: 2px solid #0e2240;
  font-weight: 600;
  color: #9c9c9c;
  text-transform: uppercase;
  display: inline-block;
  top: 2px;
}
.navbar ul.nav li a:active {
    padding: 0px 4px 8px 4px!important;
  margin: 15px 6px 0px 6px!important;
  font-size: 14px;
  border-bottom: 2px solid #0e2240;
  font-weight: 600;
  color: #9c9c9c;
  text-transform: uppercase;
  display: inline-block;
  top: 2px;
}

.c01v1-country-img {
  margin: 0px 5px 0px 10px !important;
}
.about-body .about-btn{
    width: 120px;
} 
/*===== @media 768 ======*/
@media (max-width: 991px) {
  .navbar ul.nav li a {
    margin: 5px 3px 0px 3px!important;
    padding: 0px 2px 8px 2px!important;
    font-size: 12px !important;

  }
  .navbar ul.nav li a:hover {
    margin: 5px 3px 0px 3px!important;
    padding: 0px 2px 8px 2px!important;
    font-size: 12px !important;

  }
  .navbar ul.nav li a:active {
    margin: 5px 3px 0px 3px!important;
    padding: 0px 2px 8px 2px!important;
    font-size: 12px !important;

  }
}
/*===== @media 768 ======*/
@media (max-width: 767px) {
  .navbar ul.nav li a {
    margin: 5px 3px 0px 3px;
    font-size: 16px !important;
    border-bottom: 0px solid transparent;
  }
  .navbar ul.nav li a:hover {
    margin: 5px 3px 0px 3px;
    font-size: 16px !important;
      border-bottom: 0px solid transparent;
  }
  .navbar ul.nav li a:active {
    margin: 5px 3px 0px 3px;
    font-size: 16px !important;
      border-bottom: 0px solid transparent;
  }
}


/* =========main search UI========= */
input {
  outline: none;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 100%;
  width: 70px !important;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
  /* remove the search and cancel icon */
}

.main-search {
  float: left;
  list-style: none;
}

/* =========search input field =========*/
input[type=search]:focus {
  width: 120px !important;
}
.map-links {
  top: 0px;
}
.map-links-button {
  padding: 7px 10px;
}        
.map-links-buttonhover {
  padding: 7px 10px;
}

@media (max-width: 991px) and (min-width: 320px){
    .map-links {
      top: 0px;
    }
    .map-links-button {
        padding: 5px 10px;
	}        
    .map-links-buttonhover {
       padding: 5px 10px;
    }

}

@media (max-width : 767px){
.table-column-sort td:nth-of-type(1):before {
	content: "Título del proyecto:";
}

.table-column-sort td:nth-of-type(2):before {
	content: "Número de identificación del proyecto:";
}

.table-column-sort td:nth-of-type(3):before {
	content: "Monto del compromiso *:";
}

.table-column-sort td:nth-of-type(4):before {
	content: "Situación:";
}

.table-column-sort td:nth-of-type(5):before {
	content: "Fecha de Aprobación:";
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .main-search input[type=search]:focus {
      padding: 10px 35px 10px 10px;
    }
}