.main {
	background-color: #f0f0f0;
	height: 100vh;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.navigation-menu {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 0px;
	float: left;
	position: absolute;
}

.logo-header {
	text-align: center;
	width: 240px;
}

.logo-header,
.logo-header img {
	height: 60px;
}

#client-img {
	float: left;
	height: 100%;
	text-align: center;
	width: 230px;
}

#client-img img {
	height: 100%;
}

#stcm-navbar {
	height: calc(100% - 30px);
	width: 250px;
	margin-top: -50px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

#stcm-navbar-mini {
	height: calc(100% - 30px);
	width: 60px;
	margin-top: -50px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.app-content {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: calc(100% - 320px);
	float: left;
	overflow-y: auto;
	margin-left: 80px;
}

.header-nav {
	height: 60px;
}

.nav-sub-options {
	z-index: 1;
	box-shadow: 0 2px 2px 0 rgba(60,75,100,.14), 0 3px 1px -2px rgba(60,75,100,.12), 0 1px 5px 0 rgba(60,75,100,.2);
	margin-left: 60px;
}

#menuSections [idrsc] {
	padding-left: 0px;
}

.nav-options {
	height: 60px;
	line-height: 60px;
}

.nav-options-open {
	margin-left: 260px;
	padding-left: 15px;
}

.nav-options-close {
	margin-left: 70px;
	padding-left: 15px;
}

.bar-separator {
	border-left: solid #ccc 1px;
	height: 30px;
	width: 2px;
	float: left;
	margin-top: 15px;
}

#sub-options svg {
	height: 1.1em;
	width: 1.1em;
	margin: 13px 0px 13px 0px
}

.nav-sub-options,
.nav-sub-options > * {
	height: 50px;
}

.nav-options .end-position {
	float: right;
	margin-right: 20px;
}

#hidden-menu {
	margin-left: 20px;
	display: none;
}

#sub-options svg:hover {
	cursor: pointer;
}

#stcm-navbar .list-group-item,
#stcm-navbar-mini .list-group-item,
.list-group-link {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 0px solid rgba(0,0,0,.125);
	border-radius: 0px;
	color: white;
	text-decoration: none;
}

#stcm-navbar a:hover,
#stcm-navbar-mini a:hover,
#logout:hover {
	text-decoration: none;
}

#stcm-navbar .sub-options,
#stcm-navbar-mini .sub-options {
	padding-left: 52px;
}

#example {
	table-layout: fixed !important;
}

.nav-sub-options {
	position: relative;
}

#sub-options {
	width: 100%;
	float: left;
	height: 100%;
}

#version {
	position: absolute;
	top: 20px;
	right: 25px;
}

#stcm-navbar .menu-arrow {
	float: right;
}

#stcm-navbar-mini .menu-arrow {
	display: none;
}

#stcm-navbar .menu-arrow svg,
#stcm-navbar-mini .menu-arrow svg {
	width: 0.8em;
	height: 0.8em;
	font-weight: bold;
	margin: 0px;
}

#stcm-navbar .list-group-link[aria-expanded="true"] .menu-arrow svg,
#stcm-navbar-mini .list-group-link[aria-expanded="true"] .menu-arrow svg {
	transform: rotate(90deg) !important;
	transition: 0.2s !important;
}

@media screen and (max-width: 767px) {
	#btn-actions div.dt-buttons {
		float: none;
		width: 0% !important;
		text-align: center;
		margin-bottom: 0em !important;
	}
}

/*INICIO*/
.stcm-logo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	height: calc(100vh - 115px);
}

.stcm-logo img {
	margin: auto;
	max-width: 100%;
}

.list-group-item svg {
	height: 1.1em;
	width: 1.1em;
	margin-right: 10px;
	margin-top: -4px;
}

.btn-avatar img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
}

#title-section {
	vertical-align: middle;
}

/*PERFIL*/
.card-profile img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	object-fit: cover;
	margin: auto;
	padding: 10px;
	border: 1px solid #ccc;
}

.card-profile .list-group {
	width: fit-content;
	text-align: initial;
	margin: auto;
}

.card-profile .list-group-item {
	border: transparent;
}

.heightGraph {
	height: 291px;
}

/*Modal ajustado a tablas*/
@media (min-width: 576px) {
	.modal-dialog {
		max-width: min-content;
		min-width: 500px;
		margin: 1.75rem auto;
	}
}

.pointer:hover {
	cursor: pointer;
}

/* Texto cortado en tablas */
.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/***** loader */
#wrapLoader {
	position: fixed;
	top: calc(50% - 1000px);
	left: calc(50% - 1000px);
	width: 2000px;
	height: 2000px;
	background: rgba(0,0,0,.7);
	z-index: 9999999;
}

#wrapLoaderDeepLink {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 9999999;
}

#loader {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/***** loader */
#wrapInitLoader {
	position: fixed;
	top: calc(50% - 1000px);
	left: calc(50% - 1000px);
	width: 2000px;
	height: 2000px;
	background: #fafafa;
	z-index: 99999999;
}

#initLoader {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 1001;
}

#initLoader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

#initLoader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3535;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.header-nav {
	position: sticky;
	top: 0;
	z-index: 9;
}

.custom-switch {
	text-align: center;
}

/*TINYMCE*/
.tox-tinymce {
	border: 0px solid #ccc !important;
	height: 60vh !important;
}

.tox-statusbar__text-container {
	visibility: hidden;
}

span#backendshowlogs {
	display: none;
}

table[id^="tablePreview"] th {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table[id^="tablePreview"] {
	font-size: 15px;
}

input#SMTPUser[readonly] {
	background-color: white !important;
}

input#SMTPUserPassword[readonly] {
	background-color: white !important;
}

#sortableIcons li {
	cursor: pointer;
}

#dowloadCard {
	display: none;
	position: absolute !important;
	top: 54px;
	right: 195px;
	z-index: 12;
	overflow: hidden;
	width: 450px;
}

.dowloadListGroup {
	overflow: auto;
	max-height: calc(100vh - 60px);
}

#show-generating-reports {
	position: relative;
	margin-right: 15px;
	visibility: hidden;
}

.icon-spin {
	-webkit-animation: spin 3s infinite linear;
	-moz-animation: spin 3s infinite linear;
	-o-animation: spin 3s infinite linear;
	animation: spin 3s infinite linear;
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.closeCard {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}

.progress-line-wrapper {
	display: none;
	left: 5px;
	position: absolute;
	width: 29px;
	top: 31px;
}

.report-badge {
	line-height: 20px;
	display: none;
	position: absolute;
	top: -8px;
	left: 25px;
	background-color: #5c636a;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 10px;
	border-radius: 6px;
	color: white;
	font-weight: bold;
	border: 2px solid white;
}

.display-block {
	display: block;
}

#communicationTelf::-webkit-outer-spin-button,
#communicationTelf::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.menu-level2 {
	padding-left: 48px !important;
}

.menu-level3 {
	padding-left: 68px !important;
}

.selectMenuElem {
	width: 5px;
	height: 40px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	position: absolute;
	z-index: 9;
}

.selectMenuElemSingle {
	width: 100%;
	height: 48px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	position: absolute;
	z-index: 9;
	opacity: 0.3;
	display: none;
}

#stcm-navbar .list-group-item:hover {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 100%;
	cursor: pointer;
}

.selectMenuElemSingleSelected {
	display: block;
}

.loadingMessageIframe {
	width: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 9999999;
}

.upload-demo-wrap {
	background: white;
	width: 450px;
	padding: 25px 0;
	margin: 0 auto;
	margin-top: 100px;
	border-radius: 5px;
}

.stcm_welcomeTour,
.stcm_popUps {
	width: 100%;
	height: calc(100% - env(safe-area-inset-bottom)) !important;
	z-index: 9999;
	position: absolute;
}

.stcm_welcomeTour .finishWT,
.stcm_popUps .finishWT {
	font-size: 2.5em;
	position: absolute;
	right: 25px;
	top: 25px;
}