body {
	background-image:url(../images/fondo-gris.png);
}
.logo-lg img{
	height: 40px
}
.side-nav .side-nav-title {
	font-size:15px
}
.side-nav .side-nav-title{
	color: #fff
}

.side-nav-title.cliente small{
	display: block;
    white-space: normal;
    line-height: 1.3;
}

:root{
	--ct-primary-color: #31377D;
	--ct-primary-rgb: 168, 63, 221;
	--ct-nav-link-color: #31377D;
	--ct-link-color: #31377D;
	--ct-link-hover-color: #0797D5;
	--ct-link-hover-color-rgb: #747474;
	--ct-link-color-rgb: #fff;
	--ct-menu-condensed-link-bg: #31377D;
	--ct-primary:#999;
	--ct-primary-rgb: #31377D;
	
}
[data-bs-theme=light]{
	--ct-body-color: #333;
	--ct-body-color-rgb: 51, 51, 51;
	
}
[data-bs-theme=dark]{
	--ct-body-color: #eee;
	--ct-body-color-rgb: 238, 238, 238;
}
.nav-tabs{
	--ct-nav-tabs-link-active-color: var(--ct-nav-link-color);
}
html[data-topbar-color=light]{
	--ct-topbar-item-hover-color: #31377D;
}

.card-account{
	min-height: 300px;
	align-content: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777;
    line-height: 32px;
}
.select2-container--default .select2-selection--single{
	border:1px solid #d9d9d9!important;
}
.select2-container .select2-selection--single{
	height:37px;
}
.select2-container .select2-selection--single .select2-selection__clear{
	z-index: 99999;
	margin-right: 5px;
}
.btn-primary{
	background-color: var(--ct-primary-color);
	border-color: var(--ct-primary-color);
}
.btn-primary:hover{
	background-color: var(--ct-link-hover-color);
	border-color: var(--ct-link-hover-color);
}
.btn-primary:focus{
	background-color: var(--ct-link-hover-color);
	border-color: var(--ct-link-hover-color);
}
.btn-primary:active{
	background-color: var(--ct-link-hover-color)!important;
	border-color: var(--ct-link-hover-color)!important;
}

.text-primary {
    --ct-text-opacity: 1!important;
    color: rgba(var(--ct-primary-rgb), var(--ct-text-opacity)) !important;
}
.perfil label{
	font-size:16px;
}
.credencial .credencial-foto{
	position: absolute;
	top: 33%;
	right: 5%;
	width: 19%;
	aspect-ratio:0.79;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	border: 2px solid #1b94cd;
}

.credencial-frente{
	background-image: url(../images/credenciales/frente.jpg);
	background-size: 100%;
	background-position: left;
	width:100%;
	aspect-ratio: 1.576727273;
}

.credencial-frente #qr{
	position: absolute;
    top: 76.6%;
    right: 5%;
    width: 11%;
    aspect-ratio: 1;
}

.credencial-dorso{
	background-image: url(../images/credenciales/dorso.jpg);
	background-size: cover;
	background-position: center;
	width:100%;
	aspect-ratio: 1.576727273;
}

.credencial-dorso .sin-especialidad{
	position: absolute;
	top: 17%;
	left: 5%;
	width: 90%;
	text-align: center;
	font-size: 1rem;
	color:#666;
}

.credencial-dorso > div{
	position: relative;
	line-height:0.70;
	left:4%;
	top:12%;
	width:92%;
}
.credencial-dorso .c-esp{
	width:51%;
	line-height:1;
}
.credencial-dorso .c-nro{
	width:19%;
	text-align:right;
}
.credencial-dorso .c-fecha{
	width:25%;
	text-align:right;
}

.credencial-frente strong{
	position: absolute;
	font-size:0.95vw;
}
.credencial-frente .credencial-grado{
	top: 36%;
    left: 6%;
}
.credencial-frente .credencial-dr{
	top: 41%;
    left: 6%;
}
.credencial-frente .credencial-dr2{
	top: 46%;
    left: 6%;
}
.credencial-frente .credencial-dni{
	top: 52.4%;
    left: 18%;
}
.credencial-frente .credencial-matricula{
	top: 58.2%;
    left: 23%;
}
.credencial-frente .credencial-libro{
	top: 58.2%;
    left: 50%;
}
.credencial-frente .credencial-folio{
	top: 58.2%;
    left: 67%;
}
.credencial-frente .credencial-fecha{
	top: 64%;
    left: 37%;
}

.whatsapp-button {
	display: inline-flex;
	align-items: center;
	background-color: #25D366;
	color: white;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}

.whatsapp-button:hover {
	background-color: #1DA851;
}

.whatsapp-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.email-button {
	display: inline-flex;
	align-items: center;
	background-color: #0078D4;
	color: white;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}

.email-button:hover {
	background-color: #0056A1;
}

.email-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}


@media(max-width: 767px){
.table-responsive td{
	padding:5px 3px;
}	
.card-body{
	padding: 15px 8px;
}
.credencial-frente strong{
	position: absolute;
	font-size:0.8rem;
}
.content.credencial{
	margin-left: -25px;
	margin-right: -25px;
}

.credencial-frente .credencial-dni{
	top: 52%;
    left: 19%;
}
.credencial-frente .credencial-matricula{
	top: 57.6%;
    left: 23%;
}
.credencial-frente .credencial-libro{
	top: 57.6%;
    left: 51%;
}
.credencial-frente .credencial-folio{
	top: 57.6%;
    left: 67%;
}
.credencial-frente .credencial-fecha{
	top: 63.4%;
    left: 37%;
}

.credencial-dorso > div{
	margin-top:8%;
	margin-left:4%;
	line-height:0.65;
	font-size:0.55rem;
	position:initial;
}

.credencial-dorso > div p{
	margin-bottom: 0;
}

}

/*SOLO PARA IPHONES*/
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	/* Estilos para iPhones más viejos (SE, 5, 5S) */
	.especialidades-list{
		margin-top:7%;
	}

  }
  
  @media screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
	/* Estilos para iPhone X, XS, 11 Pro */
	.especialidades-list{
		margin-top:7%;
	}
	
  }