@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css";

:root {
  --color: #0080d4;
  font-family: "Open Sans", sans-serif, arial;
}

button {
  border: 0;
  margin: 0;
  line-height: 1;
  margin: 20px auto;
}



option {
  padding: 10px 5px;
  color: #0080d4;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

option:not(:first-of-type) {
  border-top: 1px solid rgba(0, 128, 213, 0.3);
}

hr {
  margin: 20px auto;
  border: 0;
  border-bottom: 1px solid;
}


.botones__item {
  border-radius: 5px;
  background-color: #2aaf57;
  color: white;
  height: 33px;
}

.botones__item:hover {
  background-color: #34c02d;
}

.botones__item:not(:first-of-type) {
  margin-top: 2px;
}

.flex,
.flex__item--boton {
  display: flex;
  align-items: center;
}

.flex {
  display: flex;
  min-height: 100px;
  max-width: 1024px;
  margin: 20px auto;
  /* Propiedades temporales: */
  padding: 5px;
  /* Espacio disponible para el botón de intercambio */
  --width: 50px;
}

.flex__item {
  background-color: rgba(255, 255, 255, 0.3);
  flex-basis: calc(50% - var(--width) / 2);
}

.flex__item--boton {
  background-color: white;
  flex-basis: var(--width);
}

.tm {
  font-size: 14px;


}

.tmm {
  font-size: 12.5px;

}



.ms-3 {
  align-self: center;
}

.rounded-3 {
  color: #155f44;
  border-color: rgb(42, 54, 43);
}


.Pmodal {
  align-self: end;
}




details>summary {
  list-style: none;
}


.responsive-table {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th,
td {
  text-align: center;
  padding: 8px;
}

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.bgbtn {
	background-color: #6EAD3B;
  }
  
  .bg{
	background-color: #6EAD3B;
  }
  
  
  .txtcolor{
	color: #3B693C;
	
  }
  
  
  .button-88 {
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	padding: 0.7em 1.4em 0.7em 1.1em;
	color: white;
	background: #3B693C;
	background: #6EAD3B;
	border: none;
	box-shadow: 0 0.7em 1.5em -0.5em #4db96c98;
	letter-spacing: 0.05em;
	border-radius: 20em;
	
	
  }
  
  .button-88:hover {
	box-shadow: 0 0.5em 1.5em -0.5em #3B693C;
	background-color: #3B693C;
  }
  
  .button-88:active {
	box-shadow: 0 0.3em 1em -0.5em #6EAD3B;
  }



  a.enlace {
    outline: none;
    text-decoration: none;
   
    font-weight:bold;
    font-family: auto;
  }
  
  a:link.enlace {
    color:aliceblue;
  }
  
  a:visited.enlace {
    color:aliceblue;
  }
  
  a:focus.enlace {
    border-bottom: 1px solid;
    
  }
  
  a:hover.enlace {
    border-bottom: 1px solid;
    
  }
  
  a:active.enlace {
    
    color: #00bc99;
  }

  #plaga-detalles, #reporte-search,#btn-cuenta{
    display: none;
  }