/* GENÉRICOS */
/* border-radius */
.bo-ra-8 { border-radius: 8px !important; }

/* border-bottom */
.bo-bo-no { border-bottom: none; }

/* color */
.col-font-li { color: #9d9d9d; }

/* cursor */
.c-auto { cursor: auto; }

.c-default { cursor: default; }

.c-drag {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab !important;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.c-drag:active {
	cursor: grabbing !important;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.c-help { cursor: help; }

.c-pointer,
.tr-pointer tbody tr {
	cursor: pointer;
}

/* display sin !important */
.dis-none { display: none; }

/* font-family */
.ff-montserrat { font-family: "Montserrat", sanserif; }

/* font-size */
.fs-12 { font-size: 12px; }

.fs-13 { font-size: 13px; }

.fs-14 { font-size: 14px; }

.fs-18 { font-size: 18px !important; }

.fs-24 { font-size: 24px; }

.fs-60 { font-size: 60px; }

.fs-0_88em { font-size: 0.88em; }

.fs-0_9em { font-size: 0.9em; }

.fs-1_2em { font-size: 1.2em; }

.fs-1_4em { font-size: 1.4em; }

.fs-1_5em { font-size: 1.5em; }

/* font-weight */
.fw-500 { font-weight: 500; }

.fw-light { font-weight: lighter; }

/* height */
.he-16 { height: 16px; }

.he-26 { height: 26px; }

.he-32 { height: 32px !important; }

.he-36 { height: 36px; }

.he-38 { height: 38px; }

.he-40 { height: 40px; }

.he-50 { height: 50px; }

.he-54 { height: 54px; }

.he-100 { height: 100px; }

.he-160 { height: 160px; }

.he-196 { height: 196px; }

.he-200 { height: 200px; }

.he-250 { height: 250px !important; }

.he-300 { height: 300px; }

.he-350 { height: 350px !important; }

.he-400 { height: 400px; }

.he-450 { height: 450px; }

.he-480 { height: 480px; }

.he-500 { height: 500px; }

.he-600 { height: 600px; }

.he-20per { height: 20%; }

.he-30per { height: 30%; }

.he-40per { height: 40%; }

.he-50per { height: 50%; }

.he-60per { height: 60%; }

.he-70per { height: 70%; }

.he-80per { height: 80%; }

.he-87per { height: 87%; }

.he-90per { height: 90%; }

.he-95per { height: 95%; }

.he-97per { height: 97%; }

.he-100per { height: 100%; }

.he-70vh { height: 70vh; }

.he-cal-100vh-n61 { height: calc(100vh - 61px); }

.he-cal-100vh-n66 { height: calc(100vh - 66px); }

.he-cal-100vh-n116 { height: calc(100vh - 116px); }

.he-cal-100vh-n121 { height: calc(100vh - 121px); }

.he-cal-100vh-n188 { height: calc(100vh - 188px); }

.he-cal-100vh-n232 { height: calc(100vh - 232px); }

/* line-height */
.li-he-5 { line-height: 5px; }

.li-he-12 { line-height: 12px; }

.li-he-16 { line-height: 16px; }

.li-he-24 { line-height: 24px; }

.li-he-26 { line-height: 26px; }

.li-he-29 { line-height: 29px; }

.li-he-34 { line-height: 34px; }

.li-he-48 { line-height: 48px; }

.li-he-56 { line-height: 56px; }

.li-he-2_6em { line-height: 2.6em; }

.li-he-init { line-height: initial; }

/* margin */
.ma-10 { margin: 10px; }

.ma-20 { margin: 20px; }

.ma-bo-n20 { margin-bottom: -20px; }

.ma-bo-2 { margin-bottom: 2px; }

.ma-bo-3 { margin-bottom: 3px; }

.ma-bo-10 { margin-bottom: 10px; }

.ma-bo-15 { margin-bottom: 15px; }

.ma-bo-16 { margin-bottom: 16px; }

.ma-bo-20 { margin-bottom: 20px; }

.ma-le-3 { margin-left: 3px; }

.ma-le-5 { margin-left: 5px; }

.ma-le-6 { margin-left: 6px; }

.ma-le-20 { margin-left: 20px; }

.ma-le-60 { margin-left: 60px; }

.ma-le-70 { margin-left: 70px; }

.ma-ri-14 { margin-right: 14px; }

.ma-ri-34 { margin-right: 34px; }

.ma-to-2 { margin-top: 2px; }

.ma-to-7 { margin-top: 7px; }

.ma-to-14 { margin-top: 14px; }

.ma-to-30 { margin-top: 30px; }

.ma-to-32 { margin-top: 33px; }

/* max-height */
.max-he-100 { max-height: 100px; }

.max-he-500 { max-height: 500px; }

/* max-width */
.max-wi-200 { max-width: 200px; }

.max-wi-900 { max-width: 900px; }

/* min-height */
.min-he-100 { min-height: 100px; }

.min-he-300 { min-height: 300px; }

/* object-fit */
.ob-fit-cont { object-fit: contain; }

.ob-fit-cove { object-fit: cover; }

/* padding */
.pa-4-5 { padding: 4px 5px; }

.pa-10 { padding: 10px; }

.pa-10em { padding: 10em; }

.pa-bo-36 { padding-bottom: 36px; }

.pa-le-6 { padding-left: 6px; }

.pa-le-40 { padding-left: 40px; }

.pa-le-70 { padding-left: 70px; }

.pa-le-5rem { padding-left: 5rem !important; }

.pa-to-10 { padding-top: 10px; }

.pa-to-28 { padding-top: 28px; }

.pa-to-38 { padding-top: 38px; }

.pa-to-40 { padding-top: 40px; }

/* place-self */
.place-self-center { place-self: center; }

/* vertical-align */
.ve-al-ini { vertical-align: initial; }

.ve-al-mid { vertical-align: middle; }

/* visibility */
.vis-hid { visibility: hidden; }

/* width */
.wi-16 { width: 16px !important; }

.wi-38 { width: 38px !important; }

.wi-60 { width: 60px !important; }

.wi-96 { width: 96px !important; }

.wi-100 { width: 100px !important; }

.wi-180 { width: 180px !important; }

.wi-200 { width: 200px !important; }

.wi-230 { width: 230px !important; }

.wi-233 { width: 233px !important; }

.wi-9per { width: 9% !important; }

.wi-10per { width: 10% !important; }

.wi-800 { width: 800px !important; }

.wi-16per { width: 16% !important; }

.wi-20per { width: 20% !important; }

.wi-33per { width: 33% !important; }

.wi-40per { width: 40% !important; }

.wi-60per { width: 60% !important; }

.wi-90per { width: 90% !important; }

.wi-cal-100per-n150 { width: calc(100% - 150px) !important; }

/* white-space */
.white-space-nw {
	white-space: nowrap;
}

/* z-index */
.z-inx-5 { z-index: 5; }

.z-inx-999 { z-index: 999; }
/* FIN GENÉRICOS */

/* Sombra inferior de opciones generales */
.box-shadow-bottom {
	box-shadow: 6px 6px 5px 0px rgb(60 75 100 / 10%);
}

.welcome-tour-preview {
	height: 80%;
	aspect-ratio: 9/16;
	min-width: auto;
}

.modal-info {
	max-height: 65vh;
	overflow-y: scroll;
}

.modal-info-projects {
	max-height: 65vh;
	overflow: auto;
}

.modal-info-g {
	max-height: 80vh;
	overflow-y: scroll;
}

.store-card-body {
	max-width: 1000px;
	margin: auto;
}

.wi-100per-max-wi-250 {
	width: 100%;
	max-width: 250px;
}

.edit-avatar {
	right: -10px;
	bottom: -10px;
}

.he-31-wi-31-pa-le-13 {
	height: 31px;
	width: 31px;
	padding-left: 13px;
}

.community-dropdown-style {
	position: absolute;
	transform: translate3d(-122px, 40px, 0px);
	top: 0px;
	left: 0px;
	will-change: transform;
}

.modal-pictures-style {
	width: 80vw;
	height: 65vh;
	overflow-y: auto;
}

.modal-products-style {
	width: 50vw;
	max-height: 65vh;
	overflow: auto;
}

.products-shadow-style {
	box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .15);
}

.projects-messages {
	min-height: 60vh;
	max-height: 60vh;
	overflow-y: auto;
}

.projects-body-pictures {
	height: 60vh;
	overflow-y: auto;
}

.deep-link-icon {
	height: 38px;
	width: 38px;
	margin: 0 10px;
	object-fit: contain;
}

.wel-tour-img {
	object-fit: contain;
	width: 108px;
	height: 192px;
}

.pos-abs-t6-l6-rad-50 {
	position: absolute;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

.optionsSelectorStyle {
	max-width: 160px;
	line-height: initial;
	padding-top: 5px;
}

#profileLink:hover {
	text-decoration: none;
}

/* GRÁFICAS */
#carousel {
	height: 300px;
	text-align: center;
	overflow: hidden;
	background-color: #666;
}

#carousel img, #carousel video {
	max-height: 300px;
	height: 300px;
	max-width: 50%;
}

#graphicsViewer,
#wordCloudViewer,
#attachmentViewer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	background-color: #fff;
	z-index: 1100;
}

#wordCloudViewer {
	overflow: auto;
}

.bGraph {
	width: 100%;
	height: 100%;
}

.attachmentContainer {
	width: 100%;
	height: 100%;
}

.attachmentContainer > * {
	max-width: 100%;
	max-height: 85vh;
}

#graphViewer {
	width: 100%;
	height: 100%;
	max-height: 100%;
}

#downloadGraph,
#downloadAttachment {
	position: absolute;
	top: 0px;
	right: 10px;
}

#closeGraphic,
#closeAttachment {
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 1.6em;
}

#closeWordCloud {
	font-size: 3em;
	cursor: pointer;
}

#wordcloud {
	margin: 0;
	padding: 0;
	border: none;
	height: 250px;
	width: auto;
}

#coat {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#result_graph_ppt_div {
	width: 800px !important;
	height: 600px !important;
}

#result_graph_ppt {
	max-width: 1280px !important;
	max-height: 700px !important;
}
/* FIN GRÁFICAS */

/* DATATABLES */
#tablePoll,
#tableQuest,
.tv-80 {
	min-width: 80vw;
	max-width: 80vw;
}

#resultTable,
#answerTable,
.basicTable {
	font-size: 0.8em;
	margin: 0 -15px;
	padding: 0px 3px 30px;
}

#resultTable table thead tr td,
.basicTable table thead tr td {
	padding: 2px;
}

#registersDiv label {
	font-size: 1.5em;
	line-height: 2.5;
}

#registers,
#answersRegisters,
.tRegs {
	overflow-x: auto;
	table-layout: fixed;
}

#registers th,
.tRegs th {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#registers td,
#answersRegisters td,
.tRegs td {
	word-wrap: break-word;
}

.f-content {
	height: fit-content;
}

.registerView[aria-expanded="false"] svg,
#registerView[aria-expanded="false"] svg,
#answersView[aria-expanded="false"] svg {
	transform: rotate(-90deg);
	transition: 0.2s;
}

#answersRegisters {
	table-layout: fixed;
}

#answersRegisters th,
#answersRegisters td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Alineado vertical centrado */
table.dataTable tbody td {
	vertical-align: middle;
}
/* FIN DATATABLES */

.logo-header {
	position: relative;
}

#closeNav {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	cursor: pointer;
	font-size: 1.5em;
}

#btn-actions {
	display: inline-block;
	vertical-align: top;
}

.loadFile, .btnEyeSizeS {
	cursor: pointer;
	font-size: 0.5rem;
	padding: 1px 2px;
}

.inputGrid {
	width: 80%;
	height: 26px;
	border-width: thin;
}

.app-content {
	display: inline-block !important;
	width: calc(100% - 80px);
}

/* MEDIA QUERIES */
@media (min-width: 992px) {
	#stcm-navbar-mini {
		width: 60px !important;
	}
}

@media (max-width: 380px) {
	#title-section {
		font-size: 0.8em;
	}
}
/* FIN MEDIA QUERIES */

#previewTable table {
	table-layout: fixed;
	width: 100%;
}

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

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

#datadetailindex,
#datadetailresult {
	display: none;
}

.checkmarkText {
	vertical-align: text-top;
}

.enjoyhint_next_btn {
	top: auto !important;
	right: 10px !important;
	bottom: 10px !important;
	left: auto !important;
}

.enjoyhint_skip_btn {
	top: auto !important;
	right: 135px !important;
	bottom: 10px !important;
	left: auto !important;
}

.enjoyhint_prev_btn {
	top: auto !important;
	right: 260px !important;
	bottom: 10px !important;
	left: auto !important;
}

/* Info collapse */
#moduleGoogle #googleInfo.collapse:not(.show),
#moduleApple #appleInfo.collapse:not(.show) {
	display: block;
	height: 4em;
	overflow: hidden;
}

#moduleGoogle #googleInfo.collapsing,
#moduleApple #appleInfo.collapsing {
	height: 4em;
}

/* Star ratings */
:root {
	--star-size: 20px;
	--star-color: #bbb;
	--star-background: #fc0;
}

#appleStarsRating.Stars {
	--percent-apple: calc(var(--rating) * 100% / 5);
	display: inline-block;
	font-size: var(--star-size);
	font-family: Times;
	line-height: 1;
}

#appleStarsRating.Stars::before {
	content: '★★★★★';
	background: linear-gradient(90deg, var(--star-background) var(--percent-apple), var(--star-color) var(--percent-apple));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#googleStarsRating.Stars {
	--percent-google: calc(var(--rating) * 100% / 5);
	display: inline-block;
	font-size: var(--star-size);
	font-family: Times;
	line-height: 1;
}

#googleStarsRating.Stars::before {
	content: '★★★★★';
	background: linear-gradient(90deg, var(--star-background) var(--percent-google), var(--star-color) var(--percent-google));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Scroll Up */
#scrollUp {
	display: none;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 38px;
	height: 38px;
	z-index: 2;
}

/* Envío de datos de CDP */
#senCDPDataAlert {
	position: relative;
	margin-right: 15px;
	display: none;
}

/* Botón de novedades en el blog */
#blog_social_news {
	position: absolute;
	display: none;
	top: 3px;
	right: 3px;
	height: 10px;
	width: 10px;
	background-color: red;
	border-radius: 10px;
}

.clickable_label {
	cursor: pointer;
}

.clickable_label:hover {
	cursor: pointer;
	font-weight: bold;
}

/* Modal con el texto de la transcripción ya guardada */
#contentTextContainer {
	background-color: #666;
	width: 100%;
	height: 100%;
	margin-top: 200px;
	overflow-y: scroll;
}

#pageTextContainer {
	background-color: #fff;
	width: 100%;
	max-width: 1000px;
	margin: 50px auto;
	padding: 70px;
}

.iframeTranscription {
	width: 100%;
	height: 90vh;
}

.iframeTranscriptionFullscreen {
	width: 100%;
	height: 100vh;
}

.textTranscription {
	width: 100%;
	height: 85vh;
}

.fullscreenTranscription {
	width: 100%;
	height: 90vh;
}

#downloadAttachmentTranscription {
	position: absolute;
	top: 0px;
	left: 20px;
}

#downloadAttachmentTranscriptionText {
	position: absolute;
	top: 90px;
	left: 20px;
}
#closeAttachmentTranscription {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 1.6em;
}

#fullscreenWordcloudTranscription {
	position: absolute;
	top: 0;
	right: 250px;
}

#returnToText {
	position: absolute;
	top: 0;
	right: 250px;
	display: none;
}

#reTranscription {
	position: absolute;
	top: 0;
	right: 70px;
}

#attachmentViewerTranscription {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 1em 1em;
	background-color: #fff;
	z-index: 100;
}

/* PRODUCTOS */
.product_menu_card {
	width: 20%;
	position: relative;
}

.product_menu_card_2 {
	width: 30%;
}

.product_menu_card_6 {
	width: 16.66%;
	position: relative;
}

.product_menu_b {
	position: absolute;
	top: 25px;
	right: 25px;
	border-radius: 50%;
	background-color: #fff;
	width: 35px;
	height: 35px;
	padding-top: 3px;
}

.product_menu_c {
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 50%;
	background-color: #fff;
	width: 35px;
	height: 35px;
	padding-top: 3px;
}

.two_lines_truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
			line-clamp: 2;
	-webkit-box-orient: vertical;
}

.four_lines_truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
			line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* Sticky footer para proyectos desde productos */
#stickyFooterContainer {
	box-shadow: 0 1px 5px 0 rgba(60,75,100,.2), 0 3px 1px -2px rgba(60,75,100,.12), 0 2px 2px 0 rgba(60,75,100,.14);
	margin-left: 270px;
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.text-decoration {
	border-bottom-style: solid;
}

/* Quitar el borde superior de las cajas de alerta */
.jconfirm .jconfirm-box.jconfirm-type-red {
	border-top: none !important;
}