@font-face {
   	font-family: 'Roboto';
   	src: url('../fuentes/Roboto-Regular.ttf');
   }

   .roboto {
   	font-family: 'Roboto', sans-serif;
   }

   .fondo-body {
   	background-color: #DEE3ED !important;
   }

   .etiquetaformulario {
   	background-color: #0A355E !important;
   	border: 1px solid #0A355E !important;
   	color: #FFF !important;
   	font-size: 10pt !important;
   	text-decoration: none;
   }

   .etiquetaformularioclaro {
   	background-color: #0A7ECA !important;
   	border: 1px solid #0A7ECA !important;
   	color: #FFF !important;
   	font-size: 10pt !important;
   	text-decoration: none;
   }

   .card-titulo {
   	background-color: #90cfd4 !important;
   }

   .ph-card-header {

   	background-color: #90cfd4 !important;
   	margin-left: -12px;
   	margin-right: -12px;
   }

   .bd-placeholder-img {
   	font-size: 1.125rem;
   	text-anchor: middle;
   	-webkit-user-select: none;
   	-moz-user-select: none;
   	user-select: none;
   }

   @media (min-width: 768px) {
   	.bd-placeholder-img-lg {
   		font-size: 3.5rem;
   	}
   }

   .notone option:first-child {
   	display: none;
   }

   .contenedor {
   	padding-left: 0px;
   	padding-top: 0px;
   	padding-right: 0px;
   }

   .link-pdf {
   	color: #FFF;
   	text-decoration: none;
   }

   .espacio-arriba {
   	margin-top: 15px;
   }

   .magen-arriba-auto {
   	margin-top: auto;
   	display: block;
   }

   #resultado_busqueda {
   	margin-top: -15px;
   	margin-left: 0px;

   }

   #resultado_busqueda a {
   	text-decoration: none;


   }

   #resultado_busqueda p {
   	color: black;
   	padding-top: 5px;
   	padding-bottom: 5px;
   	padding-left: 5px;
   	margin-left: -12px;
   	margin-right: -12px;
   }

   #resultado_busqueda a:hover p {
   	color: black;
   	background-color: #90cfd4;

   	padding-top: 5px;
   	padding-bottom: 5px;
   }

   .menu-back {
   	background-color: #043D5B;
   }

   .menu-link {
   	color: #FFF;
   	text-decoration: none;
   }

   .nav-link a {
   	color: #FFF;
   	text-decoration: none;
   }

   .menu-item a {
   	color: #FFF;
   	text-decoration: none;
   }

   .submenu {
   	background-color: #043D5B !important;
   }

   .menu-text {
   	color: #FFF;
   }

   .btn-primary {
   	--bs-btn-color: #fff;
   	--bs-btn-bg: #043D5B !important;
   	--bs-btn-border-color: #043D5B !important;
   	--bs-btn-hover-color: rgb(8, 8, 8) !important;
   	--bs-btn-hover-bg: #90cfd4 !important;
   	--bs-btn-hover-border-color: #90cfd4 !important;
   	--bs-btn-focus-shadow-rgb: 49, 132, 253;
   	--bs-btn-active-color: #fff;
   	--bs-btn-active-bg: #90cfd4 !important;
   	--bs-btn-active-border-color: #90cfd4 !important;
   	--bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
   	--bs-btn-disabled-color: #fff;
   	--bs-btn-disabled-bg: #90cfd4 !important;
   	--bs-btn-disabled-border-color: #90cfd4 !important;
   }

   /*Nuevo socio */
   .caja-formulario {
   	width: 900px;
   }



   /*Actualiza socio */
   .fijo {
   	position: -webkit-sticky;
   	position: sticky;
   	top: 0;

   }

   .card-header h5 {
   	color: #043D5B !important;
   	font-weight: 500;
   }

   .texto-verde {
   	color: #198754;
   	font-weight: 600;
   }

   .verde_bold {
   	color: #4DABAD !important;
   	font-weight: 600;
   }

   .azul_bold {
   	color: #0A355E !important;
   	font-weight: 600;
   }

   .texto-azul {
   	color: #0A355E;
   	font-weight: 500;
   }

   .texto_datos_socio {
   	color: #0A355E !important;
   	font-weight: 600 !important;
   }

   #actualiza_socio p {
   	color: #043D5B !important;
   }

   #actualiza_socio span {
   	font-weight: 500;
   }

   .fazul {
   	background-color: #0A355E !important;
   	color: #ddd !important;
   }

   .boton_factura {
   	margin-right: 5px;
   }

   .fazulclaro {
   	background-color: #0A7ECA !important;
   	color: #ddd !important;
   }

   /*Todos los socios*/
   .act_socio a {
   	text-decoration: none;
   	color: #FFF;

   }

   /*formulario*/
   .foto {
   	max-width: 350px !important;
   	height: auto;
   }

   .center-div {
   	display: flex;
   	align-items: center;
   	justify-content: center;
   }

   .texto-rojo {
   	color: #dc3545;
   }

   /*Factura*/
   .factura {
   	width: 100%;
   	margin: 30px auto 10px auto;
   	padding-top: 10px;
   	padding-bottom: 10px;
   	padding-left: 10px;
   	padding-right: 10px;
   }

   #factura_head,
   #factura_socio,
   #factura_detalle,
   #factura_footer {
   	width: 100%;
   	margin-bottom: 10px;
   }

   .logo_factura {
   	width: 130%;
   }

   .info_empresa {
   	width: 50%;
   	text-align: center;
   }

   .info_empresa h3 {
   	font-size: 15pt;
   }

   .info_empresa p {
   	line-height: 0.7;
   	font-size: 10pt;
   }

   .factura_detalle h3 {
   	font-size: 14pt;
   	color: #FFF;
   }

   .factura_detalle.azul {
   	background: #0a4661;
   }

   .factura_detalle p {
   	line-height: 0.7;
   	font-size: 9pt;
   }

   .round {
   	border-radius: 10px;
   	border: 1px solid #0a4661;
   	overflow: hidden;
   	padding-bottom: 15px;
   }

   .info_socio {
   	width: 100%;
   	padding: 10px;
   }

   .datos_socio p {
   	line-height: 0.5;
   }

   .datos_socio tr td {
   	width: 50%;
   }

   .datos_socio {
   	padding: 10px 10px 0 10px;
   }

   .datos_socio label {
   	width: 75px;
   	display: inline-block;
   }

   .datos_socio p {
   	display: inline-block;
   }

   .textright {
   	text-align: right;
   }

   .textleft {
   	text-align: left;
   }

   .textcenter {
   	text-align: center;
   }

   .round {
   	border-radius: 10px;
   	border: 1px solid #0a4661;
   	overflow: hidden;
   	padding-bottom: 15px;
   }

   .round p {
   	padding: 0 15px;
   }

   #factura_detalle {
   	border-collapse: collapse;
   	width: 99%;
   	margin: 15px auto 10px auto;
   }

   #factura_detalle thead th {
   	background: #0a4661;
   	color: #FFF;
   	padding: 10px;
   }

   #detalle_productos tr:nth-child(even) {
   	background: #ededed;
   	margin-bottom: 25px;


   }

   #detalle_totales {
   	font-size: 13pt;
   	border-top-style: solid;
   	border-top-width: 2px;
   	padding: 10px 10px 0 10px;
   }

   .nota {
   	font-size: 11pt;
   	text-align: justify;
   	margin-bottom: 15px;
   }

   .detalle_pago {
   	display: inline-block;
   }

   .qr {
   	width: 70%;
   }



   #factura_footer {
   	margin-top: 15px;
   }

   #factura_footer p {
   	padding-left: 5px;
   	padding-top: 5px;
   	padding-bottom: 5px;
   	border: solid 2px #000000;
   	margin-bottom: 10px;

   }

   /*Historial del socio*/
   #historial a {
   	text-decoration: none;
   	color: #FFF;

   }

   .historia_detalle thead th {
   	background: #0a4661;
   	color: #FFF;
   }

   .historia_detalle span {
   	padding-left: 0px;
   }

   /*Botones historial*/
   .botones_h {
   	display: flex;
   	justify-content: center;
   	align-items: center;
   }

   .botones_h .col-md-3 {
   	width: 100%;
   }

   .tabla-vrim {
   	font-size: 11pt;
   	text-align: left;
   }

   .tabla-vrim {
   	table-layout: fixed;
   }

   .tabla-vrim td {
   	word-wrap: break-word;
   	max-width: 400px;
   }

   #grid td {
   	white-space: inherit;
   }

   /*Filtro corte de caja buscar*/
   .form_search_date {
   	padding: 10px;
   	display: flex;
   	justify-content: flex-start;
   	align-items: center;
   	border-radius: 10px;
   	margin: 10px auto;

   }
   .form_search_date label {
   	margin: 0 10px;
   }
   .form_search_date input {
   	width: auto;
   }
   .form_search_date .btn_view {
   	padding: 8px;
   }
   .btn_view {
   	border: 0;
   	border-radius: 5px;
   	cursor: pointer;
   	padding-top: 1px;
   	margin-top: 1px;
   	margin: 0 5px;
   	height: 35px;
   	width: 60px;
   }
   input[type="checkbox"] {
   	transform: scale(1.4) !important;
   	margin-left: -6px !important;
   }
   .print {
   	color: #FFF;
   	text-decoration: none;
   	font-size: 17pt !important;
   }
   .btn-warning{
	background-color: #95D1DD !important;
	color: #fff;
	border-color: #55B6B3 !important;
  }
  .btn-warning:hover{
	color: #FFFFFF;
	background-color: #55B6B3 !important;
	border-color: #95D1DD !important;
	transition: all .7s !important;
  }
  
  .btn-info{
  background-color: #EECE15 !important;
  color: #000000 !important;
  border-color: #CAAE0F !important;
}
.btn-info:hover{
  color: #000000 !important;
  background-color: #93D2E0!important;
  border-color: #79C8D9 !important;
  transition: all .7s !important;
}