:root {
	--primary-bg-color: #FF66A3;
	--primary-bg-hover: #F5088B;
	--primary-bg-border: #000;
	--primary05: #FF66A3;
	--primary01: #000;
}
.alertModal {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 500px;
	max-width: 100%;
	z-index: 50001;
	display: none;
}
.side-menu .side-menu__icon { height: auto !important; }
.side-menu i.side-menu__icon { line-height: 23px !important }
label { margin-top: 5px; }
.formulario { display: none; }
.cierraBoton { float: right; }
#iconosMuestra {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	height: 500px;
	overflow-y: scroll;
}
#iconosMuestra i {
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	color: #ccc;
	float: left;
	border-radius: 5px;
	font-size: 30px;
	text-align: center;
	padding: 8px 0;
	cursor: pointer;
	transition: all 0.6s;
}
#iconosMuestra i:hover { color: #000; }
canvas.dibujoCanvas {
	width: 99.5%;
	height: 150px;
	border: 1px solid #eff0f6;
	box-sizing: border-box;
	max-width: 100%;
	border-radius: 5px;
}
.linkAdicional { font-size: 11px; float: right; margin-top: 15px; margin-left: 8px; }
.actualLink { display: none; }
.main-content { min-height: 75vh; }
.contentHTML { width: 100%; white-space: break-spaces; min-width: 300px; }
.verdeText { color: #0f0; }
.rojoText { color: #f00; }
.movilNombre { display: none; font-weight: bold; }
.registroAdd { position: absolute; z-index: 1; right: 25px; }
.table .btn { padding: 5px 10px; margin-right: 3px !important; }
.chat .msg_cotainer { background-color: #dedede; }
#mensajeComentario { width: 100%; }
.miClose { position: absolute; top: 15px; right: 20px; }
.card-options b { min-width: 65px; text-align: right; font-size: 18px; color: #000; }
.bigText { width: 100%; white-space: break-spaces !important; }
.table tr.verde { background-color: rgba( 0, 128, 0, 0.2 ); }
.table tr.rojo { background-color: rgba( 128, 0, 0, 0.2 ); }
.table tr.amarillo { background-color: rgba( 128, 128, 0, 0.2 ); }
#enlaceReceta iframe { width: 100%; height: 70vh; border: none; }
.select2-container--default.select2-container--disabled .select2-selection--multiple { height: auto !important; }
.hidden { display: none; }
.picDiv { position: relative; }
.pictureInput { cursor: pointer; }
.iconImg {
	position: absolute;
	z-index: 1;
	margin-top: -15px;
	bottom: 20px;
    right: 0;
    left: 0;
    margin-right: -80px;
}
.password { position: relative; }
.passChange { cursor: pointer; position: absolute; right: 20px; top: 64%; z-index: 1; }
#porcentaje, .pagoPuntos { display: none; }
.pagoPuntos.show { display: initial; }
.responsabilidad { padding: 20px 15px; }
.logoMain { width: 200px; height: auto; margin: 50px auto; }
.select2-container .select2-selection--multiple { height: auto !important; }
.fileList {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}
.imageUploaded {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 5px;
	border: 1px solid #ccc;
}
.imageUploaded a {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	font-size: 12px;
	background-color: #f00;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dFlex { display: flex; align-items: center; }
.dFlex input { width: 100%; }
.hide { display: none; }
.fullButton { width: 100%; }
.ui-datepicker { z-index: 10192 !important; }
.app-sidebar { z-index: 3 !important; }
.smallLogo { width: 200px; height: auto; }
.miniLogo { width: 100px; height: auto; }
.centroVertical { display: flex; align-items: center; }
.valoresList li, .atributosList li { text-align: left; }
.valoresList li button, .atributosList li button { margin-right: 10px; }
#confirma { z-index: 11111; }
.mapaContainer { width: 100%; height: 100%; }
.mapaContainer.list { height: 75vh; }
.fullDivs .col-lg-6 { width: 100% !important; max-width: 100% !important; }
.inputPayment { border: 1px solid #eff0f6; margin-bottom: 25px !important; padding: 12px 8px !important; box-sizing: border-box; }
.planData { display: flex; justify-content: space-between; }
.planData h4, .planData h5 { margin: 0; }
.planData b { font-size: 18px; }
.planData p b { font-size: 16px; display: block; width: 100%; }
#filtraShow {
	width: 38px;
	height: 38px;
    position: absolute;
    z-index: 1;
}
.filtrosDiv {
	position: absolute;
	top: 62px;
	left: 36px;
	z-index: 100;
	width: 400px;
	box-sizing: border-box;
	padding: 10px 0;
	background-color: #fff;
	display: none;
}
.select2-container--open { z-index: 9999999 !important; }
#detallePropiedad { display: none; }
#tituloPropiedad { margin: 0; }
#categoriaPropiedad { margin-top: 0; }
.propiedadDetails {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.propiedadDetails .imgContainer { width: 250px; max-width: 100%; margin-right: 20px; }
.propiedadDetails .infoContainer { width: calc( 100% - 270px ); }
.direccionContent { display: flex; align-items: center; }
.direccionContent i { font-size: 20px; margin-right: 8px; }
.header.top-header { z-index: 2 !important; }
.listaTable {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	columns: 2;
}
.listaTable.full { columns: 1; }
.listaTable li {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 8px;
	border: 1px solid #ccc;
	padding: 10px;
	break-inside: avoid-column;
}
.listaTable li .elemento {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.listaTable li .elemento .info { display: flex; align-items: center; }
.listaTable li .elemento .info img { margin-right: 8px; }
.listaTable li .elemento .info h3 { color: #FF66A3; margin: 0; font-size: 18px; }
.listaTable li .elemento .info h3 b, .listaTable li .elemento .info h3 span { display: block; color: #000; font-size: 14px; }
.listaTable li .elemento .botones { display: flex; align-items: center; justify-content: flex-end; }
.listaTable li .elemento .botones a { margin: 0 4px; }
.buscaInput {
	float: left;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 10px;
	width: 500px;
	max-width: 48%;
	display: flex;
	align-items: center;
}
.buscaInput i { color: #FF66A3; margin: 0 8px; }
.buscaInput input { border: none; outline: none; width: 100%; }
.noPointer { cursor: initial !important; }
.table { width: 100% !important; }
.table thead tr th { border-bottom: 1px solid #eff0f6 !important; color: #FF66A3 !important; }
.productDetail {
	display: flex;
	align-items: center;
}
.productDetail .slideImage {
	width: 100%;
	max-width: 200px;
	margin-right: 15px;
}
.productDetail .infoProducto { width: 100%; }
.zonaColor { box-sizing: border-box; padding: 8px; }
.tCenter { text-align: center; }
.infoCliente h5 { color: #FF66A3; }
.infoCliente p { margin: 0; color: #888; }
#pedidoDetalle tbody { font-size: 12px; }
#pedidoDetalle b { display: block; color: #FF66A3; }
#pedidoDetalle h6 { text-align: right; color: #FF66A3; }
.card-custom-icon { font-size: 40px; }
.inputFilter { display: flex; justify-content: flex-end; }
.inputFilter div {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 550px;
	padding: 15px;
	box-sizing: border-box;
}
.inputFilter div input { background-color: #fff; }
.abecedarioFiltro {
	width: 100%;
	display: flex;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	overflow-x: auto;
}
.abecedarioFiltro li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	transition: 0.4s all;
}
.abecedarioFiltro li a.active { color: #FF66A3; }
.modal-big { width: 1200px; max-width: 90%; }
.dt-buttons { min-height: 38px; }
.imprime, .descarga { display: none; }
.swal2-container { z-index: 9999999999999999999999999 !important; }
@media screen and ( max-width: 1250px ) {
	.listaTable { columns: 1 !important; }
}
@media screen and ( max-width: 1144px ) {
	.abecedarioFiltro { justify-content: flex-start; }
}
@media screen and ( max-width: 650px ) {
	.table thead { display: none; }
	.table tbody tr { display: block !important; border: 2px solid #000; }
	.table tbody tr td {
		display: block !important;
		padding: 22px 5px 5px !important;
		box-sizing: border-box;
		white-space: initial !important;
	}
	.movilNombre { display: block; position: absolute; margin-top: -22px; opacity: 0.5; font-size: 12px; }
	.registroAdd { position: relative; right: initial; margin-bottom: 5px; }
}