body{
color:#525252;
}

h1{font-size:2em;}

label{
color:#666;
}

h3.titblk{
color: #fff;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
background-color: #6b51df;
padding:10px 0;
}

h3.titblk:hover{
cursor:pointer;
}

h3.titblk::after{
content:"❯";
color:#fff;
font-size:20px;
margin-right:10px;
float:right;
line-height:20px;
}

h3.titblk.abierto::after{
content:"❯";
color:#fff;
font-size:20px;
margin-right:10px;
float:right;
line-height:20px;
transform:rotate(90deg);
transition:transform 0.5s ease;
}

.quixnav .metismenu > li:hover > a, .quixnav .metismenu > li:focus > a, .quixnav .metismenu > li.mm-active > a{
background-color:#5e6382;
}

.quixnav .metismenu ul a{
padding-top:0.25em;
padding-bottom:0.25em;
}

.quixnav .metismenu ul a.has-arrow{
padding-top:0.4em;
padding-bottom:0.4em;
}

#preloader{
z-index:999;
}

.unamenomb{
	float:right;
}

.linearel{
width:100%;
height:1px;
background-color:#808080;
border:0;
clear:both;
}

.jconfirm-box{
	width:80%!important;
    max-width:385px;
}

.jconfirm-buttons .btn{
min-width:45px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
padding:5px;
min-width:35px;
}

.js-switch + .switchery>small{
top:0;
}

table.dataTable td{
color:#666;
}

table.dataTable td.acciones>a{
color:rgb(75, 75, 230);
text-decoration:none;
}

nav[aria-label="pagination"] button{
color:#808080;
font-size:0.9em;
}

ul.metismenu li ul li a i{
font-size:0.7rem!important;
font-weight:400!important;
}

.form-control{
border: 1px solid #aaa;
}

.form-control.readonly{
font-style:italic;
color:gray;
}

span.msgtxtarea{
color:#ff0000;
font-size:12px;
}

.card-especialidad { transition: all 0.3s ease; }
.card-especialidad:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.subcategorias { display: none; background-color: #f8f9fa; padding: 15px; border-radius: 8px; }

/* Subida de vídeos y fotografías */
.upload-zone {
	border: 3px dashed #0d6efd;
	border-radius: 12px;
	background-color: #f8f9fa;
	min-height: 200px;
	cursor: pointer;
	transition: all 0.3s;
}
.upload-zone:hover {
	background-color: #f0f4ff;
	border-color: #0b5ed7;
}
.upload-zone-danger:hover {
	background-color: #fff0f0;
	border-color: #dc3545;
}
.preview-card { position: relative; }
.delete-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	background: rgba(220, 53, 69, 0.95);
	border: none;
	color: white;
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

/* Subida de archivos */
#fileuploadimg{
display:none;
}

#file-list{
position:relative;
padding-bottom:20px;
}

#file-list .divimg{
position:relative;
display:inline-block;
max-width:300px;
}

#file-list .divimg > a{
position:absolute;
right:0;
top:0;
border-radius:50%;
background-color:#ff0000;
color:#fff;
width:35px;
height:35px;
text-align:center;
font-size:23px;
display:inline-block;
z-index:2;
}

#file-list .divimg > img{
width:95%;
position:relative;
left:0;
top:20px;
z-index:1;
}

#uploadProgressContainer {
z-index:1000;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width:300px;
}

#uploadProgressBar {
transition: width 0.2s ease-in-out;
}

#popanaevento form#anaevento{
overflow-y:scroll;
display:block;
max-height:80vh;
max-width:100%;
}

#evtablaprecios table th{
font-size:17px;
font-weight:600;
text-align:center;
}

.card.inline-block{
display:inline-block;
}

.clearfix{
display: block !important;
clear: both !important;
width: 100% !important;
height: 0 !important;
float: none !important;
visibility: hidden;
}

@media (max-width: 576px) {
	.content-body .container-fluid, .content-body .container-fluid .card-body{
		padding-right:0;
		padding-left:0;
	}

	.header-left h1{
		font-size: 1em;
	}

	.unamenomb h5{
		font-size:0.9em;
	}

	table.dataTable th{
		font-size:11px;
	}

	h1{font-size: 1em;
		text-align: center;
	}

	.calstmovil{
		text-align:center!important;
		padding-left:1em!important;
		padding-right:1em!important;
	}

	.calpadrcero, .calpadrcero>div, .calpadrcero>label{
		padding-right:0!important;
		text-align:center!important;
		float:none!important;
	}
}