:root {
	--primary-bg-color: #F37268;
	--primary-bg-hover: #17859E;
	--primary-bg-border: #125688;
	--primary05: #17859E;
	--primary01: #125688;
}
.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; margin-right: 10px; }
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;
	cursor: pointer;
}
.password { position: relative; }
.passChange { cursor: pointer; position: absolute; right: 20px; top: 64%; z-index: 1; }
#porcentajeDiv, .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: 13 !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; }
.fullDivs .col-lg-6 { width: 100% !important; max-width: 100% !important; }
#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; }
.header.top-header { z-index: 2 !important; }
.noPointer { cursor: initial !important; }
table, table thead, table thead tr, table tbody, table tbody tr, .table tbody tr { width: 100% !important; }
.table thead tr th { border-bottom: 1px solid #eff0f6 !important; color: var(--primary-bg-color) !important; }
.tCenter { text-align: center; }
.card-custom-icon { font-size: 40px; }
.page {
	background-image: url( '../images/fondo.png' );
	background-size: cover;
	background-repeat: no-repeat;
}
.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;
}
.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: #0d6efd; 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: #0d6efd; margin: 0 8px; }
.buscaInput input { border: none; outline: none; width: 100%; }
.noPointer { cursor: initial !important; }
.table { width: 100% !important; }
label.sfcolor, .sp-replacer { width: 100%; }
.sp-preview, .sp-alpha, .sp-thumb-el { width: 93%; }
.dt-search { text-align: right; margin-top: 10px; }
.dt-info { float: left; }
.dt-paging { float: right; }
table.dataTable, .dt-scroll-headInner { width: 100% !important; }
.mapaContainer { width: 100%; height: 250px; }
.lectorQR { position: relative; width: 100%; height: calc(100vh - 120px); }
.lectorQR #qrReader {
	width: 100%;
	height: calc(80vh - 120px);
	background-color: #000;
}
.lectorQR #qrReader video {
	width: 100%;
	height: 100%;
}
.lectorQR .buttonsQR {
	position: absolute;
	bottom: 0;
	height: 20vh;
	width: 1400px;
	max-width: 98%;
	margin: 0 auto;
	right: 0;
	left: 0;
}
.lectorQR .button { width: 500px; }
.lectorQR .button.confirm { display: none; }
#payment-form {
	border: 1px solid #eff0f6;
	border-radius: 5px;
	padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
}
.filtroLista { display: inline-block; min-width: 100px; }
.filtroLista label { font-size: 8px; margin: 0; position: absolute; margin-top: -10px; }
.imgLink { right: 26px !important; }
.mfp-bg { z-index: 999999998 !important; }
.mfp-wrap { z-index: 999999999 !important; }
#divFormDireccion { display: none; }
.swal2-container { z-index: 99999 !important; }
#labelImg { width: 100%; height: auto; min-height: 200px; }
.catalogoDiv { display: flex; align-items: center; justify-content: space-between; }
.arrastrable { cursor: grab; font-size: 20px; margin-right: 10px; }
.form-check { display: flex !important; align-items: center; }
#clienteForm label { text-align: left; display: block; }
#clienteForm .select2-selection__rendered { text-align: left; }
.jsonContainer {
	margin: 15px 0;
	box-sizing: border-box;
	padding: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
}
.modal-footer .table-responsive { width: 100%; }
#fechasFiltro { position: relative; z-index: 10; }
.daterangepicker { z-index: 9999 !important; }
.tCenter { text-align: center !important; }
.tRight { text-align: center !important; }
.totalCard { font-size: 13px !important; margin-right: 10px; }
@media screen and ( max-width: 1250px ) {
	.listaTable { columns: 1 !important; }
}
@media screen and ( max-width: 767px ) {
	.flexPuesto { display: block; }
}
@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; }
	colgroup, colgroup col { width: 100% !important; }
}
@media screen and ( max-width: 500px ) {
	.registroAdd {
		position: relative;
		right: initial;
		margin-bottom: 5px;
		display: flex;
		justify-content: space-between;
	}
	.filtroLista { width: 100%; }
}