:root {
	--font-family: 'Outfit', sans-serif;
}

/* Estilos generales */
* {
	/* font-family: 'Roboto', sans-serif; */
	/* font-family: 'Nunito', sans-serif; */
	/* font-family: 'Montserrat', san-serif; */
	font-family: var(--font-family);

	/* font-weight: 600; */
	/* font-size: 1.5em; */
}

*::placeholder,
.select2 *::placeholder {
	font-family: var(--font-family);
}

button {
	/* all: unset; */
}

body {
	font-size: 14px !important;
}

interfaz #toast-container {
	top: auto;
	margin-top: 4px;
}
@media screen and (hover: none) and (pointer: coarse) {
	interfaz #toast-container {
		margin-top: 0;
	}
}

#toast-container > div {
	opacity: 1;
}
.toast-message .open-new,
.toast-message .copy-url {
	color: #fff;
	border: 1px solid #fff;
	margin-top: 5px;
	border-radius: 60px;
    padding: 3px 10px;
	float: left;
	margin-right: 10px;
}
.toast-message .open-new:hover,
.toast-message .copy-url:hover {
	background-color: #fff;
	color: var(--color-primary);
}


.skeleton.is-loading:hover {
	background-color: transparent;
	cursor: default;
}

.skeleton.is-loading [name] {
	color: transparent !important;
	/* background: #eee !important; */
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: 5px;
	background-size: 200% 100%;
	animation: 1.5s shine linear infinite;
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	border-color: #eee !important;
}

.skeleton.is-loading img {
	content: url('../media/img/pixel_1x1.png');
}

.skeleton.is-loading [action] {
	visibility: hidden;
}

.skeleton.is-loading .progress-bar {
	background-color: #e9ecef!important;
}
@keyframes shine {
	to {
		background-position-x: -200%;
	}
}

/* start: avatar-blocked */
#avatar-blocked .m-card-avatar {
	display: flex;
	/* border: 1px solid gray; */
	height: 200px;
	text-align: center;
	margin: auto;
	align-items: center;
	justify-content: center;
	align-content: center;
}

#avatar-blocked .m-card-avatar .avatar-progress {
	position: absolute;
	display: flex;
	z-index: 1;
}

#avatar-blocked .m-card-avatar .wrapper-image {
	display: flex;
	z-index: 2;
	position: absolute;
}

#avatar-blocked .m-card-avatar .wrapper-overlay {
	display: flex;
	z-index: 3;
}

/* .avatar-progress {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            }
            .avatar-progress :first-child {
            margin-bottom: 20px;
            } */

#avatar-blocked .avatar-progress {
	z-index: 1;
}

#avatar-blocked .wrapper-image {
	z-index: 2;
}

#avatar-blocked .progress__avatar {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#avatar-blocked .progress__meter,
#avatar-blocked .progress__value {
	fill: none;
}

#avatar-blocked .progress__meter {
	stroke: #e6e6e6;
}

#avatar-blocked .progress__value {
	stroke: #0276b0;
	stroke-linecap: round;
	animation: left 5s ease-in forwards;
	transition: stroke-dashoffset 2s;
}

/* estilo para el wrapper de la imagen/loader del perfil */
#avatar-blocked .wrapper-overlay.overlay:hover {
	opacity: 0.7;
}

#avatar-blocked .wrapper-overlay.overlay {
	position: absolute;
	height: 125px;
	width: 125px;
	margin: auto;
	opacity: 0;
	border-radius: 50%;
	transition: .5s ease;
	background-color: #000;
	/* margin-left: -8px; */
	z-index: 2;
	cursor: pointer;
}

#avatar-blocked .wrapper-overlay.overlay i {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* end: avatar-blocked */

input.form-control:required {
	box-shadow: none;
}

input.form-control:invalid {
	box-shadow: none;
}

.m-portlet__head-tools .input-search,
.m-portlet__head-tools .input-filter {
	font-size: 16px;
}

.m-portlet__head-tools .input-search,
.m-portlet__head-tools .input-filter {
	font-size: 16px;
}

.m-content .m-datatable__row {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.m-content.m-grid__item.m-grid__item--fluid.m-wrapper {
	position: relative;
}

.m-menu__item.m-menu__item--submenu.active {
	background-color: #d4d4d4;
}

.module-menu .m-menu__item.m-menu__item--submenu.active a i {
	color: var(--color-hover) !important;
}

.module-menu .m-menu__item.m-menu__item--submenu:hover a i {
	color: var(--color-text) !important;
}

input[type="checkbox"][disabled]~span:after {
	background-color: #abb4b7 !important;
}

#message-environment .la.la-bullhorn {
	cursor: pointer;
}

.m-content.m-grid__item.m-grid__item--fluid.m-wrapper {
	/* padding-top: 20px; */
}

#m_header_menu {
	margin-left: 0;
}

#m_header_menu .m-menu__nav .m-menu__item:first-child {
	padding-left: 0;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
	color: #676c7b;
}

.m-content .m-subheader {
	padding: 0 20px 10px;
	padding-left: 9px;
	padding-right: 9px;
}

.m-header-menu .m-menu__nav>.m-menu__item {
	padding: 0 10px;
}

.m-content .m-subheader .m-nav .m-nav__item>.m-nav__link .m-nav__link-text {
	font-size: 1.1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
	background-color: #fff;
	top: 37% !important;
	/* display: none; */
	right: 0rem;
	font-weight: 100;
	padding: 0 5px;
	z-index: 1;
	color: #aeb0b7;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered .select2-selection__clear {
	background-color: #f4f5f8;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
	font-weight: 400 !important;
}
[frame="container-header"] .m-portlet__head-tools .input-filter .m-input-icon > .select2-container {
	width: 100%;
}

.truncate {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#message-environment {
	position: fixed;
	z-index: 2500;
	left: 24px;
	display: none;
}

.m-portlet__body {
	position: relative;
	min-height: auto;
}

[frame="container"] { 
	.m-portlet__body {
		min-height: 500px;
	}
}

.m-body-filter span {
	font-size: 16px;
}

.input-filter .input-group-append button {
	cursor: default !important;
}

.input-filter .input-group-append button:hover,
.input-filter .input-group-append button:focus {
	border-color: #ebedf2;
	background-color: #fff !important;
}

#message-environment .m-link {
	color: #fff !important;
}

#message-environment .m-link:hover:after {
	border-bottom: 1px solid #fff;
	opacity: .9;
}

#message-environment .toast {
	display: flex;
	border-radius: 5px;
	width: auto;
	max-width: 350px;
	padding: 1.5rem;
	opacity: .8;
}

#message-environment .toast:hover {
	opacity: 1;
}

#message-environment .la-bullhorn {
	font-size: 2rem;
	/* margin-top: 17px; */
}

#message-environment .la-angle-left {
	position: absolute;
	top: 20px;
	right: 10px;
	cursor: pointer;
}

#message-environment .toast-message {
	margin-left: 34px;
}

#message-environment .toast-message a {
	padding-top: 10px;
}

@media (max-width: 768px) {
	#message-environment {
		left: 12px;
	}
}

.hidden {
	display: none !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-botton {
	padding-bottom: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.height-100 {
	height: 100% !important;
	position: relative;
}

.m--font-grey {
	color: #7b7e8a;
}

.datepicker {
	z-index: 1051 !important;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-family: 'Roboto', sans-serif;
}

::-moz-placeholder {
	/* Firefox 19+ */
	font-family: 'Roboto', sans-serif;
}

:-ms-input-placeholder {
	/* IE 10+ */
	font-family: 'Roboto', sans-serif;
}

:-moz-placeholder {
	/* Firefox 18- */
	font-family: 'Roboto', sans-serif;
}

/* Sweet alert */
.swal2-buttonswrapper .btn {
	border-radius: 60px;
}

/* Checkbox */

.m-checkbox.m-checkbox--brand.m-checkbox--solid>span {
	border: 1px solid #d0d1d2 !important;
	background: #fff !important;
}

.m-checkbox.m-checkbox--brand>input:checked~span {
	border: 1px solid var(--color-complimentary) !important;
	background: var(--color-primary) !important;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid>input:focus~span {
	border: 1px solid #d0d1d2 !important;
}

.m-checkbox.m-checkbox--brand>input:disabled~span:after {
	border-color: #fff !important;
}

/* Body */
.m-body {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.m-body .m-page {
	display: block !important;
}

.n-body.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) {
	display: block !important;
	flex-direction: column !important;
}

.m-body .m-content {
	flex: 2;
}


/* Tablas */
.flaticon-edit-1 {
	font-size: 15px !important;
}

.m-portlet__head-tools a[action="create"] {
	border-radius: 50%;
}

.m-subheader {
	height: 60px;
}

@media (max-width: 414px) {
	body {
		font-size: 14px !important;
	}

	.m-content .m-subheader {
		display: none;
	}

	.m-portlet__head-tools .input-search,
	.m-portlet__head-tools .input-filter {
		font-size: 16px;
	}

	.m-content.m-grid__item.m-grid__item--fluid.m-wrapper {
		/* padding-top: 10px; */
	}

	.m-portlet.m-portlet--tab {
		height: 100%;
	}

	.m-content.m-grid__item.m-grid__item--fluid.m-wrapper {
		padding-bottom: 0 !important;
	}

	.m-datatable__pager-nav {
		display: block !important;
		text-align: center;
	}

	.m-portlet .m-portlet__body {
		padding: 0 1.2rem;
	}

	.m-portlet .m-portlet__body {
		padding: 0 1.2rem;
	}

	.m-body-filter {
		padding: 1rem !important;
	}

	.m-portlet .m-portlet__head {
		border-bottom: none;
	}
}

@media (max-width: 992px) {
	.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
		font-size: 1.2rem;
	}
}

@media (min-width: 1025px) {

	td[data-field="Acciones"] span {
		opacity: 0;
		transition: opacity .2s;
	}
}

.m-datatable>.m-datatable__table {
	background-color: #fff;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row.m-datatable__row--even>.m-datatable__cell {
	background: #FAF9FD;
}

.m-datatable__table {
	min-height: auto !important;
}

.m-datatable>.m-datatable__table .m-datatable__row>.m-datatable__cell:nth-of-type(1) {
	padding: 16px 10px 16px 20px !important;
}

.m-datatable>.m-datatable__table .m-datatable__row>.m-datatable__cell:nth-last-of-type(1) {
	padding: 16px 20px 16px 10px !important;
}

.m-accordion__item > .dropdown-menu.open.show {
	/* transform: translate3d(0px, -211px, 0px) !important; */
}


/*agregados*/
.m--padding-top-30 {
	padding-top: 20px !important;
}

input[type="text"] {
	font-size: inherit;
}

.flex {
	display: flex;
}

.display {
	display: block !important;
}

.no-display {
	display: none !important;
}

.modal-header {
	align-items: center !important;
}

.m-switch input:checked~span:after {
	-moz-box-shadow: none;
	box-shadow: none;
}


/* Scrol de datatables en mobile */

@media (max-width: 1025px) {
	::-webkit-scrollbar {
		width: 12px;
	}

	::-webkit-scrollbar-track {
		background-color: #eaeaea;
		border-left: 2px solid #ccc;
	}

	::-webkit-scrollbar-thumb {
		background-color: #ccc;
	}

	‘::-webkit-scrollbar-thumb:hover {
		background-color: #aaa;
	}
}




/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.m-body .m-content {
		padding: 10px 0;
	}

	.border-bottom {
		border-bottom: 1px solid #ebedf2;
	}
}