:root{
	--spacing-xs: 0.825em;
	--spacing-s: 0.88em;
	--line-height-l: 1.4;
	--typography-default-inverted: rgb(255, 255, 255);
	--background-container-teal: rgb(72, 172, 152);
	--duration: 1;
	--border-radius-l: 8px;
	--font-size-s: 1rem;
	--spacing-l: 1.65em;
}
body{
	background: #f8fbfd;
	font-family: -apple-system, system-ui, BlinkMacSystemFont,
	'Segoe UI', Roboto, 'Helvetica Neue',
	Ubuntu, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
p{
	margin-top: 0;
	margin-bottom: 0.2rem;
}
.card-body.contenido-nota.vh-100 {
	 overflow-y: auto;
}

table * .badge {
	font-size: 12px;
	font-weight: 900 !important;
}
table * .badge-secondary {
	background: #dfdfdf;
	color: #454e5f !important;
}
table * .badge-danger {
	background-color: #dc354536 !important;
	color: #9d0000 !important;
}
table * .badge-primary {
	background-color: #bfd9fe;
	color: #0068fa;
}
table * .badge-warning{
	color: #574202;
	background: #fff0c5;
}
table * .badge-success {
	background-color: #c0ffdc;
	color: #007834;
}
table * .badge-info {
	background-color: #cef8ff;
	color: #047788;
}
table * .badge-light {
	background-color: #dedede;
}
table * a {
	color: #021838 !important;
	background-color: transparent;
	text-decoration: underline !important;
}
a.btn.btn-secondary {
	text-decoration: none !important;
	color: white !important;
}
a.fc-timegrid-event {
	text-decoration: none !important;
}
.aside-header {
	background-color: #04354e;
	border-right-color: transparent;
}
.aside-body {
	border-top-color: transparent;
	background-color: #04354e;
}
.pagination{
	margin: 0 auto;
}
.content-body {
	padding: 25px;
	height: 100%;
}
.loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffffab;
	z-index: 9999;
	display:none;
}
.select2-selection__rendered {
	line-height: 32px !important;
}
.select2-container .select2-selection--single {
	height: 36px !important;
}
.select2-selection__arrow {
	height: 35px !important;
}
span.select2.select2-container {
	width: 100% !important;
}
.not-good{
	animation: shake 0.4s;
}

.navbar-header-fixed{
	z-index: 100!important;
}
table .badge{
	width: 100%;
}
.pagos-perfil .card-body{
	padding: 0!important;
}
.hide{
	display: none!important;
}
.show{
	display: initial!important;
}
.img-group-mutual .avatar{
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.img-group-mutual .avatar:hover{
	width: 40px;
	height: 40px;
	z-index: 400;
}
.img-group-mutual .avatar:hover .avatar-initial {
	border: 1px solid red;
}
.img-group-mutual .avatar + .avatar{
	margin-left: -16px;
}
.notificacion-bubble{
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999 !important;
	background: white;
	padding: 20px;
	margin: 10px;
	border-radius: 100%;
}
@media (min-width: 576px){
	.img-group .avatar {
		padding: 3px;
	}
}

.filtro-pagos .badge {
	border-radius: 50%;
	padding: 3px 5px!Important;
}
.list-inline-skills .list-inline-item a.active{
	background-color: #3b4863;
	color: #ffffff;
}
.div-pagado-modal.show{
	display: inherit;
}
.div-pagado-modal.hide{
	display: none;
}
.input-hide{
	display: none;
}
.flatpickr-calendar{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px;
}
.card-destacada{
	border-color: #0168fa;
}
.seleccionada{
	border: solid #0c0e13 3px;
}
.btn-icon{
	position: absolute;
}
.lni-star-filled{
	color: #0168fa;
}
.btn-destacada{
	cursor: pointer;
	left: 5px;
	top:  5px;
}
.btn-eliminar-imagen{
	cursor: pointer;
	right: 5px;
	top:   5px;
}
.btn-destacada:hover, .btn-eliminar-imagen:hover{
	transform: scale(1.05);
}
.btn-nuevo, .btn-nuevo:hover{
	background: #10b759;
	border-color: #10b759;
}
.span-domicilio{
	color: #ff860a;font-weight: 500;
}
.span-tienda{
	color: #293ed6;font-weight: 500;
}
.icon-sidebar{
	margin-right: 10px;
	font-size: 16px;
}
.container-accion-masiva{
	display: inherit;
	position: fixed;
	padding: 10px;
	bottom: 0px;
	background: white !important;
	border: 1px solid #b1b9ce;
	border-radius: 5px;
}
ul.pagination {
	margin-top: 20px;
}
.navbar-header .dropdown-message .dropdown-link:hover, .navbar-header .dropdown-message .dropdown-link:focus, .navbar-header .dropdown-notification .dropdown-link:hover, .navbar-header .dropdown-notification .dropdown-link:focus{
	color: #2d353e;
}
.input-group-rango .fecha-calendario-rango{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0!important;
}
.input-group-rango .input-group-append{
	border-left: 1px solid #c0ccda;
}
.input-group-rango select{
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	border-left: 1px solid #c0ccda;
}

.bell{
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}
@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}
@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 35px !important;
	padding-right: 35px !important;
	background: white;
	color: black !important;
	font-weight: bold;
}
li.select2-selection__choice {
	padding: 3px !important;
	color: white !important;
	background: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #000 !important;
	position: initial !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none;
	color: #232323 !important;
}
button.select2-selection__choice__remove span {
	color: red !important;
}
span.select2-selection.select2-selection--multiple {
	border: 0px !important;
	border-bottom: 1px solid #aaaaaa !important;
}
.overflow-y {
	overflow-y: auto;
}
.btn-brand-02 {
	background-color: #00334e;
	border-color: #00334e;
	color: #fff;
}
.pl-15{
	padding-left: 15rem !important;
}
.pl-10{
	padding-left: 10rem !important;
}
.pt-5rem{
	padding-top: 5rem !important;
}
.pt-15{
	padding-top: 15rem !important;
}
.btn-teal:hover {
	transform: translateY(-2px);
}
.btn-teal:hover {
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}
.btn-teal {
	padding-bottom: var(--spacing-xs);
	padding-top: var(--spacing-xs);
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-top-width: 2px;
	margin-left: var(--spacing-s);
	-webkit-tap-highlight-color: transparent;
	line-height: var(--line-height-l);
	color: var(--typography-default-inverted);
	background-color: var(--background-container-teal);
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	transition-duration: calc(var(--duration) * 250ms);
	border-radius: var(--border-radius-l);
	text-align: center;
	position: relative;
	display: inline-block;
	font-size: var(--font-size-s);
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
	padding-left: var(--spacing-l);
	padding-right: var(--spacing-l);
}
.btn-teal, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}
.btn-teal, select {
	text-transform: none;
}
.btn-teal, input {
	overflow: visible;
}
.formu-control{
	height: 3rem !important;
	display: block;
	width: 100%;
	padding: 0.46875rem 0.625rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #c0ccda;
	border-radius: 0.25rem;
}
textarea.formu-control{
	height: 5rem !important;
}
.formu-control:focus {
	transition:.1s ease;
	border: solid var(--background-container-teal) 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-outline-teal{
	color: var(--background-container-teal);
	border-color: var(--gray);
}
.btn-outline-teal:hover{
	background: var(--background-container-teal);
	color: whitesmoke;
}
.btn-outline-teal:hover *{
	color: whitesmoke;
}
.active_label{
	visibility: visible;
}
.float {
	position: relative;
	margin-top: 10px;
}
.float input {
	border: none;
	outline: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent;
	z-index: 2;
	border: 1px solid #ccc;
	text-indent: 20px;
}
.float textarea {
	border: none;
	outline: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent;
	z-index: 2;
	border: 1px solid #ccc;
	text-indent: 20px;
}
.float label {
	color: #70737a;
	display: block;
	left: 20px;
	position: absolute;
	top: 15px;
	z-index: 1;
	-moz-transform-origin: 0 0em;
	-ms-transform-origin: 0 0em;
	-webkit-transform-origin: 0 0em;
	transform-origin: 0 0em;
	-moz-transition: -moz-transform 160ms, color 200ms;
	-o-transition: -o-transform 160ms, color 200ms;
	-webkit-transition: -webkit-transform 160ms, color 200ms;
	transition: transform 160ms, color 200ms;
	-moz-transform: scale(1, 1) rotateY(0);
	-ms-transform: scale(1, 1) rotateY(0);
	-webkit-transform: scale(1, 1) rotateY(0);
	transform: scale(1, 1) rotateY(0);
}
.float-active label {
	color: var(--background-container-teal);
	-moz-transform: scale(0.75,0.75) rotateY(0) translate(1px, -20px);
	-ms-transform: scale(0.75,0.75) rotateY(0) translate(1px, -20px);
	-webkit-transform: scale(0.75,0.75) rotateY(0) translate(1px, -20px);
	transform: scale(0.75,0.75) rotateY(0) translate(1px, -20px);
}
.float-active input {
	line-height: 2.8em;
	width: 100%;
}
.float-active textarea{
	width: 100%;
}
.inactive_label{
	visibility: hidden;
}
textarea, .float {
	padding: 0;
	width:100%;
}
textarea, .float {
	padding: 0;
	width:100%;
}
.custom-select:invalid{
	color: #70737a;
}
/*XL*/
@media (min-width: 1199px){
	.full-screen{
		height: 100vh;
		overflow: hidden;
	}
	.full-screen-temas{
		height: 100vh;
		overflow: auto;
	}
	.pr-xl-5{
		padding-right: 3rem !important;
	}
	.pl-xl-10{
		padding-left: 10rem !important;
	}
	.pl-xl-15{
		padding-left: 15rem !important;
	}
	.pt-xl-15{
		padding-top: 15rem !important;
	}
}
/*LG*/
@media (min-width: 991px){

}
/*MD*/
@media (min-width: 767px){

}
/*SM*/
@media (min-width: 575px){

}
/*XS*/
@media (max-width: 576px) {
	.full-screen{
		padding: 25px;
	}
	.p-xs-5{
		padding: 3rem !important;
	}
}
 .marked-text {
	 background: yellow;
 }


.toast-custom-blanco {
	background-color: #ffffff !important;
	color: #495057 !important;
	border: 1px solid #d0d7de !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
	opacity: 1 !important;
	font-size: 14px !important;
}

.toast-custom-blanco .toast-title {
	font-weight: 600;
	color: #343a40 !important;
	font-size: 15px;
}

.toast-custom-blanco .toast-message {
	padding-top: 5px !important;
	padding-bottom: 10px !important;
}

.toast-custom-blanco .toast-perfil-link {
	color: #2a7be4;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

.toast-custom-blanco .toast-perfil-link:hover {
	color: #1a5cb7;
}

.toast-custom-blanco .toast-marcar-leido {
	background: none;
	border: none;
	color: #6c757d;
	font-weight: 500;
	font-size: 12px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 8px;
	right: 10px;
}

.toast-custom-blanco .toast-marcar-leido:hover {
	color: #495057;
}
#toast-container>div {
	padding: 12px !important;
	width: 18em;
}
#toast-container .toast-close-button {
	right: 0.4em !important;
	top: 0.4em !important;
}
.container-editar-firma img, .container-editar-firma  * img {
	max-width: 100% !important;
}
.editor-plantilla-emails .ql-editor p, .editor-plantilla-emails .ql-editor * p {
	margin-block-start: 1em !important;
	margin-block-end: 1em !important;
}