/*top_bar*/

.social { list-style-type:none; margin-bottom:0px; float: right;; padding:0px; margin-right:0px;}
.social li { float: right;;}
.social li a { padding:0 10px; font-size:13px; line-height:40px; color:#FFF;}
   
.navbar-brand { 
  font-size: 0.8rem;
}

.bg-dark {
  background-color: #6a6c6e !important;
}

.navbar0 { 
  padding: 2px 0 0px 0;
}

/*top_bar*/

.navbar-nav li:hover .dropdown-menu {
  display: block;
  margin: 0;
}

/* rotate caret on hover // quitar la flecha */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
} 
/* multi column */
.dropdown-toggle::after { 
  border: none;
} /* quitar la flecha */

.nav-link {
  position: relative;
}

.nav-link:after{
  position: absolute;
  bottom: 7px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: purple;
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(5px);        
}

.nav-link:hover:after{
  opacity:1;
  transform: translateY(5px)
}

/* Columns */
div.dropdown-multicol2{
  width: 45em;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 32%;
}

.dropdown-item:hover {
  text-decoration: none;
  background-color:transparent;
  color:rgba(0, 132, 255, 0.774);
}

/* multi-column */ 

/* cabecera index */
.row_luis {
  text-align: center;
  background-color:#5a6268;
  color:#fff;
  font-family: "Liberation Mono","Courier New",monospace;
  font-size: 1.3rem;
  font-style: normal;
}

.carousel-item  {
  /*color:white;
  font-family: "Liberation Mono","Courier New",monospace;
  font-size: 1.3rem;*/
  font-style: normal;
}
/* info concejales */
.col-md-10-roda {
  flex: 0 0 82%;
  max-width: 82%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
  background-color:#e9ecef;
}
/* list comisiones */

ul.comisiones {
  list-style-type: none;
  margin: 0;
  padding-left: 40px;
  padding-bottom: 10px;
}

/* html Ed_ambiental */
.row-edAmbiental {
  text-align: justify;
  padding-bottom: 10px;
}

p.card-text {
 font-size: 12px;
}

.btn-primary-edAmbiental {
  color: #fff;
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
}
.btn-primary-edAmbiental:hover {
  color: #fff;
  background-color: rgb(7, 122, 59);
  border-color: rgb(7, 122, 59);
}

.btn-warning-cartoteca {
  color: #fff;
  background-color: orange;
  border-color: orange;
}
.btn-warning-cartoteca:hover {
  color: #fff;
  background-color: rgb(180, 118, 2);
  border-color: rgb(180, 118, 2);
}

/* col residuos */
.col-md-12-roda {
  flex: 0 0 100%;
  max-width: 99%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
  background-color:#e9ecef;
}
/* col residuos */
/* col desarrollo */
.col-md-12-desarrollo {
  flex: 0 0 100%;
  max-width: 99%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}
/* col desarrollo */
/* col iframe */
.col-md-12-iframe {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  background-color:#e9ecef;
}
/* col iframe */
/* col calendar */
.col-md-12-calendar {
  flex: 0 0 100%;
  max-width: 99%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 125px;
  margin-bottom: 15px;
}
/* col calendar */
/* Red border */
hr.new1 {
  border-top: 2px solid red;
}
hr.new2 {
  border-top: 1px solid blue;
}
hr.new3 {
  border-top: 10px solid #6a6c6e;
  margin-top: 0rem;
}
hr.new4 {
  border-top: 4px solid rgb(75, 227, 247);
}
hr.new5 {
  border-top: 4px solid rgb(124, 247, 75);
}
hr.new6 {
  border-top: 4px solid blue;
}

/* list comisiones */

ul.comisiones {
  list-style-type: none;
  margin: 0;
  padding-left: 40px;
  padding-bottom: 10px;
}



/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
/* iconos web*/

.fas.fa-check-double{
  font-size: 15px;
  margin: 5px;
  color:blue;
}

.fas.fa-check{
  font-size: 15px;
  margin: 5px;
  color:green;
}
.fas.fa-times{
  font-size: 15px;
  margin: 5px;
  color:red;
}

.fas.fa-bullhorn{
  font-size: 20px;
  margin: 5px;
  color:purple;
}

.fas.fa-leaf.mr-1{
  font-size: 20px;
  margin: 5px;
  color:purple;
}

.fas.fa-sun.mr-1{
  font-size: 20px;
  margin: 5px;
  color:orange;
}

.fas.fa-cloud-sun-rain.mr-1{
  font-size: 20px;
  margin: 5px;
  color: #f744f7;
}

.fas.fa-cloud.mr-1{
  font-size: 20px;
  margin: 5px;
  color: grey;
}

.fas.fa-tree.mr-1{
  font-size: 20px;
  margin: 5px;
  color:rgb(8, 73, 8);
}

.fas.fa-globe{
  font-size: 20px;
  margin: 5px;
  color: blue;
}

.fas.fa-user-edit{
  font-size: 20px;
  margin: 5px;
  color: blue;
}

.fas.fa-phone{
  font-size: 20px;
  margin: 5px;
  color:blue;
}

.fas.fa-project-diagram{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-file-alt{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-sort-up{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-users{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-landmark{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-info{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-at{
  font-size: 15px;
  margin: 5px;
  color:blue;
}

.fas.fa-user-alt{
  font-size: 15px;
  margin: 5px;
  color:blue;
}

.far.fa-credit-card{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fas.fa-eye{
  font-size: 15px;
  margin: 5px;
  color:orangered;
}

.fab.fa-facebook-f:hover{
  color: blue;
  font-size: 20px;
}
.fab.fa-twitter:hover{
  color: #ADD8E6; 
  font-size: 20px;
}
.fab.fa-instagram:hover{
  color:red;
  font-size: 20px;
}

.fab.fa-youtube:hover{
  color:red;
  font-size: 20px;
}

.fas.fa-dog:before{
  font-size: 20px;
  margin: 5px;
  color:brown;
}

.fas.fa-dog:hover{
  font-size: 20px;
  margin: 5px;
  color:brown;
}

.fas.fa-balance-scale:before{
  font-size: 20px;
  margin: 5px;
}

.fas.fa-balance-scale:hover{
  font-size: 20px;
  margin: 5px;
}

.far.fa-file-pdf:before{
  font-size: 20px;
  margin: 5px;
  color:red;
}

.far.fa-file-pdf:hover{
  font-size: 20px;
  margin: 5px;
  color:red;
}

.far.fa-file-archive:before{
  font-size: 20px;
  margin: 5px;
  color:red;
}

.far.fa-file-archive:hover{
  font-size: 20px;
  margin: 5px;
  color:red;
}

.fas.fa-atom{
  font-size: 15px;
  margin: 5px;
  color:blue;
}

.fas.fa-chevron-circle-right{
  font-size: 15px;
  margin: 5px;
  color:blue;
}

.fab.fa-earlybirds:before{
  font-size: 20px;
  margin: 5px;
  color:green;
}

.fab.fa-earlybirds:hover{
  font-size: 20px;
  margin: 5px;
  color:green;
}

.fas.fa-desktop{
  font-size: 15px;
  margin: 5px;
  /*color:blue;*/
}

.fas.fa-mobile-alt{
  font-size: 15px;
  margin: 5px;
  /*color:blue;*/
}

.fas.fa-phone-volume{
  font-size: 15px;
  margin: 5px;
  /*color:blue;*/
}

.fas.fas.fa-user-tie{
  font-size: 15px;
  margin: 5px;
  /*color:blue;*/
}

.fas.fa-chart-pie{
  font-size: 15px;
  margin: 5px;
  color:green;
}

.far.fa-chart-bar{
  font-size: 15px;
  margin: 5px;
  color:green;
}

.fa.fa-sitemap{
  font-size: 15px;
  margin: 5px;
  color:rgb(8, 73, 8);
}

.accordion-tramite-off i {
  /*background: #3FFFD7;*/
  color:rgb(195, 195, 195);
  /*font-size: 30px;*/
  /*padding: 5px;*/
}

.accordion-tramite-on i {
  /*background: #3FFFD7;*/
  color:blue;
  /*font-size: 30px;*/
  /*padding: 5px;*/
}

.fas.fa-file-excel{
  font-size: 15px;
  margin: 5px;
  color:green;
}

/* Pills */

av-tabs {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
border: none;
}
.nav-tabs .nav-link22{
border: none;
border-radius: 0;
transition: color .2s ease-out;
}
.tabs-dark .nav-link22 {
color: #fff;
text-decoration:none;
}
.tabs-light .nav-link22 {
color: rgba(0,0,0,.5);
}
.tabs-dark .nav-link22:not(.active):hover {
color: #aeb0b3;
text-decoration:none;
}
.tabs-light .nav-link:not(.active):hover {
color: #495057;
text-decoration:none;
}

.nav-pills .nav-link{
border-radius: 2px;
color: #495057;
transition: color .2s ease-out, box-shadow .2s;
}
.nav-pills .nav-link:hover{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.nav-pills .nav-item {
margin: 0 5px;
}
.nav-pills.pills-dark .nav-link.active {
background-color: #343a40!important;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.nav-pills.pills-dark .nav-link:not(.active):hover {
color: #1d1e22;
}
.tabs-marker .nav-link {
position: relative;
}
.tabs-marker .nav-link.active .marker {
height: 30px;
width: 30px;
left: 50%;
bottom: -30px;
transform: translatex(-50%);
position: absolute;
overflow: hidden;
}
.tabs-marker .nav-link.active .marker:after {
content: "";
height: 15px;
width: 15px;
top: -8px;
left: 50%;
transform: rotate(45deg) translatex(-50%);
transform-origin: left;
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
position: absolute;
}

.bg-success{
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  }

.bg-success1{
   background-image: linear-gradient(15deg, #f58e8e 0%, #80d0c7 100%);
  }

/* html residuos y aguas */

p.card-text0 {
 line-height: 50%; 
}

/* tab apra tramites */
ul.nav.nav-tabs > li > a::after {
  background-color: grey;
  opacity: 0;
}

/* vinculo ref otra web */
ul.list-group.list-group-flush > li > a {
  color: #8b0f0e;
  text-decoration: none;
}

ul.list-group.list-group-flush > li > a:hover {
  color: #8b0f0e;
  text-decoration: none;
}
/* vinculo ref general */
a:hover {
  color: #0056b3;
  text-decoration: none;
}

/* Accordion wrapper */

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  /*display: inline-block;*/
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
/* Accordion wrapper */

/* Aviso */
.fas.fa-exclamation-triangle{
/*font-family: 'FontAwesome'; /* Indicamos que la tipografía es FontAwesome */
/*content: "\f006"; /* Este valor es el que muestra un icono de estrella*/
position: absolute;
top: 0;
/*font-size: 40px;
height: 100px;
width: 100px;*/
color: rgba(0,0,0,0.2);
font-size: 150px;
line-height: 95px;
text-align: center;
/*background: yellow;*/
border-radius: 50%;
top: 50px;
left: 45px;
/*margin-left: -50px;
border:4px solid #fff;*/
transform:rotate(30deg);
}
 
.aviso{
 background: #FFF67B;
 padding:40px 35px 40px 200px;
 margin-bottom: 20px;
 position: relative;
}

p.carousel-item{
  color:red;
}
/* Aviso */

/* Count */
.counter
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order /*altura banda gris*/
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.counter-count
{
    font-size: 18px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p /*texto*/
{
    font-size: 12px;
    color: #000000;
    line-height: 34px;
    /*font-weight: bold;*/
}

.row-count {
  background-color: #eaecf0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
/* Count */

/* organigrama */
.organigrama
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order /*altura banda gris*/
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.organigrama-organigrama /*circulo*/
{
    font-size: 18px;
    background-color: white;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p /*texto debajo del circulo*/
{
    font-size: 12px;
    color: #000000;
    line-height: 8px;
    /*font-weight: bold;*/
}
.row-organigrama0 {
  background-color: #f0dc9bb6;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
.row-organigrama01 {
  background-color: #CD6155;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
.row-organigrama02 {
  background-color: #CD6155;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
.row-organigrama03 {
  background-color: #729ecf;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
.row-organigrama04 {
  background-color: #74DF00;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}
/* organigrama */
/* pdf */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
/*Flecha para hacer la pagina hacia arriba*/
.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:20px;
  color:black;
  cursor:pointer;
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:2;
}
/* Estilo inicial para los enlaces */
footer a {
  color: white; /* Color inicial (blanco) */
  text-decoration: none; /* Quita el subrayado de los enlaces */
}

/* Estilo al pasar el ratón sobre los enlaces */
footer a:hover {
  color: #0056b3 /* Color al pasar el ratón (azul) */
}