.swal2-height-auto{
    padding-right:0!important
}
.count-characters{
    font-weight: bold;
    color: #fff;
    text-align: right;
}
.around-flex{
    display: flex;
    justify-content:space-around
}
.around-flex input[type="checkbox"]{
    width:20px;
    height:20px;
    display: block;
}
.footer-categorias,
.tags,
.search-ic,
.btn-publica{
    display: none;
}
strong{
    font-weight: bold;
}
.iti {
    display: flex!important;
	}
	.full-w{
		width:100%;
		padding:1em;
	}
	.none,
	.steeps{
		display:none
	}
	.steeps{
		min-height:300px
	}
	.steeps.active{
		display:block
	}
	.single-suscription h1{
		text-align:center;
		font-size:30px;
		margin:1em 0;
		color:#fff;
		line-height:0
	}
	.single-suscription select{
		padding: 10px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.single-suscription .rates,
	.single-suscription .services,
    .single-suscription .genres{
		display:grid;
		grid-template-columns:repeat(3,1fr);
		gap:1em;
		margin:1em 0
	}
	.single-suscription .rates .rate,
	.single-suscription .services .service,
    .single-suscription .genres .genre{
		padding:1em;
		color:#fff;
		background:#2f2f5a;
		text-align:center;
		border-radius:10px;
		cursor:pointer
	}
	.single-suscription .rates .rate.active,
	.single-suscription .services .service.active,
	.single-suscription .genres .genre.active
    {
		background:#191938;
	}

	.single-suscription .h3{
		font-size:18px;
		margin:1em 0;
		padding:0 0 1em 0;
		color:#fff;
		border-bottom:1px solid #191938;
		text-align:center;
		text-transform:uppercase
	}

	.nav-suscription{
		display:flex;
		align-items:center;
		justify-content: center;
		gap:1em;
		margin:1em 0;
	}
	.nav-suscription a{
		padding:5px 1em;
		border-radius:5px;
		border: 1px solid #191938;
	}
	.field{
		margin:10px 0;
		position: relative;
	}
	.field .message{
		position: absolute;
		right: 10px;
		font-size:14px;
		font-weight:bold;
		z-index: 999;
		background:#fff;
		padding:3px 7px;
	}
	.field .message.error{
		color:red;
	}
	.field label{
		color: #fff;
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;
	}
	.field select,
	.field input,
	.field textarea
	{
		padding:7px;
		border-radius:7px;
		border:1px solid #ccc;
		width: 100%;
	}
	.field select.error,
	.field input.error,
	.field textarea.error{
		color:red;
		border:1px solid red;
	}
	.field textarea{height:200px;max-height:200px;
	resize:no-resize}
	.field.mid,
	.field.mid .cl div{
		display: flex;
        gap: 10px;
        align-items: center;
        color: #fff;
	}

.alerts{
    background: #fff;
    padding:1em;
    text-align: center;
    border-radius: 5px;
}
.loadMedia{padding: 3em; border-radius: 10px; background:rgb(47 47 90);text-align: center; margin:2em 0 1.5em 0;position: relative;}
.loadMedia .image-ph{ background: url(../img/photo.png) no-repeat center center;background-size: contain; height: 50px; }
.loadMedia input{ text-indent: 3000em; position: absolute;left:0;top:0;width:100%;height:100%;
cursor: pointer;}
.loadMedia .sup {
    font-size: 14px;
    margin: 1em 0 0.5em 0;
    color: #fff;
    line-height: .5em;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}
.loadMedia .inf{ font-size: .77em; color: #fff}
.previewMedia{ margin: .5em 0;display: flex; flex-wrap: wrap;}
.previewMedia .ct-ph{ width: 13.28%; height: 120px; background:rgba(119, 121, 134, .1);margin:.3em .5%;
border-radius: 10px; position: relative;}
.previewMedia .ct-ph.active{cursor:pointer}
.previewMedia .ct-ph.active{
	border:3px solid transparent;
}
.previewMedia .ct-ph.active.portada{
	border:3px solid #fe0f7d;
	overflow:hidden;
}
.previewMedia .ct-ph.active.portada:after{
	content: "";
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.66) url(../images/tick2.png) no-repeat center center;
    z-index: 99;
    position: relative;
}
.previewMedia .ct-ph .image_b{position: absolute;width: 100%;height: 100%;top:0;left:0;}
.previewMedia .ct-ph .status_fdv{position: absolute;top: 0;left:0;height: 100%;
background: rgba(0,0,0,0.78);  transition:all 400ms ease-in;width: 100%;font-size: 14px;}
.previewMedia .ct-ph .status_fdv small {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -0.8em;width: 100%;
}

.del_book{
	text-decoration: none;
    position: absolute;
    background: rgb(181 8 8 / 71%);
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
	cursor: pointer;
	z-index: 999;
}

@media(max-width:480px){
    .field{
        margin:20px 0;
    }
    .field label{
        margin:5px 0
    }
    .field .message {
        right: 0!important;
        font-size: 13px;
        padding: 2px 7px;
    }
    .previewMedia .ct-ph {
        width: 31.33333333333%;
        height: 140px;
        margin: 0;
        gap:5px;
        border-radius: 10px;
        position: relative;
    }
}