:root {
	--amazonite: #22e6d2;
	--aside-width: 200px;
	--colorW0: rgb(174, 249, 198);
	--colorW1: rgba(148, 248, 180);
	--colorW2: rgba(108, 247, 152);
	--colorW3: rgba(77, 250, 132);
	--colorW4: rgba(60, 248, 119);
	--colorW5: rgba(2, 248, 80);
	--colorWnegative: rgba(248, 107, 72);
}

.divBlock small {
	font-size: 11px;
}
#contenido_principal {
	width: calc(100% - var(--aside-width));
	/* margin-left: calc( 16px + var(--aside-width)); */
}
#root {
	padding-right: 35px;
}

body {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.h6,
h6 {
	font-size: 14px;
}

.h4,
h4 {
	font-size: 18px;
}
.inline-block {
	display: inline-block;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.aside-width {
	width: var(--aside-width);
}

.h100 {
	height: 100%;
}
.clearfix {
	clear: both;
}
.w100 {
	width: 100%;
}
.left-menu-item {
	margin-top: 5px;
}

.navbar-fixed-left {
	width: var(--aside-width);
	position: fixed;
	border-radius: 0;
	height: 100%;
	left: 0;
}

.left-match {
	left: var(--aside-width);
}

.not-underlined:hover {
	text-decoration: none;
}

.navbar-fixed-left + .container {
	padding-left: 160px;
}

.hover-emerald:hover,
.left-menu-item-active {
	background: var(--amazonite);
}
#logoLogin {
	max-width: 100%;
	text-align: center;
	margin: 0px auto;
	display: block;
	margin-top: 10%;
}

.searchBar {
	font-size: large;
	border: 1px solid lightgray;
	box-shadow: none !important;
	line-height: 36px !important;
	width: 83%;
}

.saveConceptInput {
	border: 1px solid lightgray;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	width: calc(100% - 30px) !important;
	display: block;
}

.btnInputConcept {
	margin-left: 15px;
	height: 36px;
	display: inline-block;
	margin-top: 0px;
	/*top: -5px;*/
	padding: 10px;
	font-size: 11px;
	margin-bottom: 5px;
}

.w-60 {
	width: 60%;
}

.btnTranslation {
	margin-right: 5px;
}

.heigth-40 {
	height: 40px;
}
.heigth-30 {
	height: 30px;
}

.height-35 {
	height: 35px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-40 {
	margin-left: 40px;
}
.ml-80 {
	margin-left: 80px;
}
.containerSearchBuild {
	padding: 1rem 0 1rem !important;
	margin-bottom: 1.5rem;
}

.divBlock {
	display: block;
	float: left;
	padding: 0;
}

.divBlockFilterBuild {
	display: block;
	float: left;
	padding: 0;
	font-size: 12px;
}

.divBlockModal {
	display: block;
	float: left;
	padding: 10px;
}

.divScroll {
	overflow-y: scroll;
	max-height: 500px;
}

.divScrollFiles {
	overflow-y: scroll;
	max-height: 300px;
}

.btnModal {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.divBlock.pt-10 {
	padding-top: 10px;
}

.divBlockRight {
	display: block;
	float: right;
	padding: 0;
}

.divBlockFilterElements {
	display: block;
	float: left;
	padding: 0;
	margin-top: 4px;
}

.pt-10 {
	padding-top: 10px;
}

.divFilters {
	font-size: 12px;
}

.divElement {
	font-size: 10px;
}

.divElementBorder {
	border-bottom: 1px solid lightgray;
}

.divHeatmap {
	width: 20px;
	height: 20px;
}

.legendColorScale {
	width: 230%;
	position: relative;
	right: 60px;
}

.boxLegend {
	float: right;
	height: 21px;
	width: 22px;
	clear: both;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
}
.boxLegendR {
	float: right;
	height: 21px;
	width: 22px;
	clear: both;
	margin-right: 5%;
	margin-top: 0px;
	border: 1px solid #000;
}
.raibow_line {
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
	height: 21px;
}
.raibow_line_middel {
	background: transparent url("../sort.png") top center no-repeat;
	background-position-y: -20px;
}
.raibow_line_down {
	background: transparent url("../sort.png") top center no-repeat;
	background-position-y: -60px;
}
.raibow_line_up {
	background: transparent url("../sort.png") top center no-repeat;
}

.spanLegend {
	margin-left: 10%;
	font-weight: 500;
	font-size: 12px;
}

.boxLegendInfo {
	float: right;
	height: 14px;
	width: 21px;
	clear: both;
	margin-right: 54%;
	margin-top: 1%;
	border: 1px solid black;
}

.spanLegendInfo {
	margin-left: 16%;
	font-weight: 500;
	font-size: 11px;
	color: #000000;
}

.boxLegendBtn {
	float: right;
	height: 14px;
	width: 22px;
	clear: both;
	margin-right: 12%;
	margin-top: 5%;
}

.spanLegendBtn {
	margin-left: 2%;
	font-weight: 500;
	font-size: 11px;
	color: #000000;
}

.rangeBar {
	width: 200px;
}

.inputFilterPositive {
	width: 46px;
	border: 1px solid lightgray;
}

.inputDateTimeline {
	width: 130px;
	border: 1px solid rgb(211, 211, 211, 0.5);
	margin-left: 5px;
	border-radius: 6px !important;
}

.inputFilterNegative {
	width: 36px;
	border: 1px solid lightgray;
}

.btnRefreshTermsList {
	margin: 0px;
	padding: 6px;
	font-size: 11px;
}
.mt6 {
	margin-top: 6px;
}

.btnViewsFilterBuild {
	margin: 0px 2px 0 2px;
	padding: 5px;
	font-size: 12px;
}

.positive_term {
	font-size: 12px;
}

.tableTitle {
	font-size: 12px;
}

.tableData {
	font-size: 12px;
}

.searchBarLoad {
	font-size: 14px;
	border: 1px solid lightgray;
}

.btnSearchLoad {
	padding: 6px;
	margin: 0 0 4px 3px;
}

.componentContainer {
	padding-top: 30px;
}

.btn-small-filter {
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
}

.loading {
	font-size: 17px;
	margin-right: 10px;
}

.infoFiltersSearch button {
	padding: 0px !important;
	height: 0px !important;
}
.infoFiltersSearch {
	width: 30px;
}
.progress_collum,
.progress_collum .progress {
	width: 100px;
}
.infoFiltersSearch button span {
	line-height: 0px !important;
}

.infoFiltersSearchPriority button span {
	line-height: 0px !important;
}

.infoFiltersSearchPriority .MuiButton-text {
	padding: 8px;
}

.infoHeatmap button {
	padding: 0px !important;
	height: 0px !important;
	left: -60px;
}

.infoFiltersTimeline button {
	padding: 0px !important;
	height: 0px !important;
}

.infoFiltersTimeline button span {
	line-height: 0px !important;
	justify-content: start;
}

.popup-selectIdentify ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid #dee2e6;
	position: relative;
	top: -55px;
	left: -120px;
	width: 115px;
	height: 100px;
	font-size: 13px;
}

.popup-selectIdentify ul > li {
	padding: 2px;
	margin-top: 5px;
}

.popup-selectIdentify {
	position: absolute;
}

.selectIdentify ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: 30px;
	left: 160px;
	z-index: 1;
}

.selectIdentify ul > li {
	padding: 2px;
}

.selectIdentify {
	position: absolute;
}

.selectIdentifyCol1 {
	position: absolute;
}

.selectIdentifyCol1 ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: -90px;
	left: 425px;
	z-index: 1;
}

.selectIdentifyCol1 ul > li {
	padding: 2px;
}

.selectIdentifyCol2 {
	position: absolute;
}

.selectIdentifyCol2 ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: -90px;
	left: 175px;
	z-index: 1;
}

.selectIdentifyCol2 ul > li {
	padding: 2px;
}

.selectIdentifyCol3 {
	position: absolute;
}

.selectIdentifyCol3 ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: -90px;
	left: 90px;
	z-index: 1;
}

.selectIdentifyCol3 ul > li {
	padding: 2px;
}

.selectIdentifyCol4 {
	position: absolute;
}

.selectIdentifyCol4 ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: -85px;
	left: 65px;
	z-index: 1;
}

.selectIdentifyCol4 ul > li {
	padding: 2px;
}

.selectColumns {
	position: absolute;
}

.selectColumns ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: -50px;
	left: 190px;
	z-index: 1;
	width: 30px;
}

.selectColumns ul > li {
	padding: 2px;
}

.selectDateDocument {
	position: absolute;
}

.selectDateDocument ul {
	background: #fff;
	padding: 2px;
	list-style-type: none;
	border: 1px solid black;
	position: relative;
	top: 35px;
	left: 270px;
	z-index: 1;
	width: 240px;
}

.selectDateDocument ul > li {
	padding: 2px;
}

.circleIdentify {
	padding-right: 5px;
}

.dateIcon {
	font-size: 16px;
	line-height: 0px;
}

.btnArrow {
	margin: 2px 5px 0px 5px;
}

.divFiletypes {
	height: 0px;
	overflow: visible;
	position: absolute;
	background: #fff;
	z-index: 30;
}

.divFiletypes > div {
	background: #fff;
	padding: 10px 10px;
	min-width: 300px;
	border: 1px solid #dee2e6;
}

.divCreateCustomTags {
	height: 0px;
	overflow: visible;
	position: absolute;
	background: #fff;
	z-index: 30;
	top: 270px;
}

.divCreateCustomTags > div {
	background: #fff;
	padding: 10px 10px;
	min-width: 300px;
	border: 1px solid #dee2e6;
}

.box {
	float: left;
	height: 13px;
	width: 13px;
	margin-top: 6px;
	border-radius: 10px;
	clear: both;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.btnColor {
	margin: 0;
	line-height: 0px;
}

.btnColorFilter {
	padding: 2px;
	width: 26px;
	font-size: 12px;
	font-weight: bold;
}
.font-12 {
	font-size: 12px;
}
.font-16 {
	font-size: 16px;
}
/*graph css*/
#controlDiv {
}
#controlDiv div div[dir="ltr"] {
	background: #ffffff;
}
#controlDiv div div[dir="ltr"] div {
	top: 90px !important;
}

.conceptsTable {
	border: 1px solid lightgray;
	padding: 20px;
	border-radius: 10px;
}

.conceptsTable_ul {
	list-style: none;
	padding: 0;
}

.font10 {
	font-size: 10px;
}

.pl-45 {
	padding-left: 45px;
}

.btnLogout {
	padding: 4px 16px 6px 10px;
	border-radius: 50%;
}

.pointer {
	cursor: pointer;
}

.divPriority {
	width: 230px;
}

.inputBorder {
	border: 1px solid red;
}

/* ********** Background Image ********** */
.overlay {
	height: 100%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
}

.hero {
	width: 100%;
	position: relative;
	background-size: cover;
	min-height: 600px;
}

.hero .content {
	position: relative;
	z-index: 4;
}
/* ********** End Background Image ********** */

/* *************** Switch Input Form *************** */
.form-check-input {
	width: 1.25em;
	height: 1.25em;
	margin-top: 1px;
	border: 2px solid #ced4da;
}

.form-check-input:checked[type="radio"] {
	background-size: 1.8em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%232196f3' stroke='%23fff' stroke-width='1' /%3e%3c/svg%3e"),
		var(--bs-gradient);
}

.form-check.form-switch .form-check-input {
	position: relative;
	height: 0.8em;
	border: none;
	background-image: none;
	background-color: #ced4da;
}

.form-check.form-switch .form-check-input:focus {
	box-shadow: none;
}

.form-check.form-switch .form-check-input::before {
	content: "";
	position: absolute;
	top: -0.2em;
	left: -0.2em;
	width: 1.2em;
	height: 1.2em;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	transition: left 0.15s ease-in-out;
}

.form-check.form-switch .form-check-input::after {
	content: "";
	position: absolute;
	top: -0.2em;
	left: -0.2em;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.05);
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: left 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
	transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
	z-index: -1;
}

.form-check.form-switch .form-check-input:hover:not(.disabled)::after,
.form-check.form-switch .form-check-input:focus:not(.disabled)::after {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.form-check.form-switch .form-check-input:focus:not(.disabled)::after {
	box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.1);
}

.form-check.form-switch .form-check-input:checked {
	background-color: rgba(33, 150, 243, 0.3);
}

.form-check.form-switch .form-check-input:checked::before {
	background-color: #2196f3;
	left: calc(100% - 0.8em);
}

.form-check.form-switch .form-check-input:checked::after {
	left: calc(100% - 0.8em);
	box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.1);
}

.form-check.form-switch .form-check-input:checked:hover:not(.disabled)::after,
.form-check.form-switch .form-check-input:checked:focus:not(.disabled)::after {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.form-check.form-switch .form-check-input:checked:focus:not(.disabled)::after {
	box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.2);
}

.form-check:not(.form-switch) .form-check-input:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"),
		var(--bs-gradient);
	background-size: 1.6em;
}
.form-switch .form-check-input {
	width: 35px;
	margin-left: 1.5em;
	background-position: left center;
	border-radius: 2em;
	transition: background-position 0.15s ease-in-out;
}
/* *************** End Switch Input Form ************** */

/* ************** Cloud ************** */
.cloud-container {
	padding-top: 50px;
	background-color: #ffffff;
	padding-right: 30px;
	padding-bottom: 30px;
}

.popupOptionTagsCloud {
	cursor: pointer;
}

.titleCardMenuCloud {
	padding-left: 10px;
	font-size: 16px;
	font-weight: 800;
}

.ulCardMenuCloud {
	padding-left: 40px;
}

.divBlockCloud {
	display: block;
	float: left;
	padding: 0px;
	margin-top: 9px;
}

.cloudIcon {
	font-size: 25px;
}

.p-cloud {
	font-size: 15px;
	line-height: 20px;
}

ul.cloud {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 2rem;
}
ul.cloud a,
ul.cloud span {
	color: #000;
	display: block;
	font-size: 1.5rem;
	padding: 0.125rem 0.25rem;
	text-decoration: none;
	position: relative;
	margin: 20px;
}
ul.cloud a[data-weight="1"],
ul.cloud span[data-weight="4"] {
	--size: 2;
	font-weight: 100;
}
ul.cloud a[data-weight="2"],
ul.cloud span[data-weight="5"] {
	--size: 10;
	font-weight: 200;
}
ul.cloud a[data-weight="3"],
ul.cloud span[data-weight="6"] {
	--size: 6;
	font-weight: 300;
}
ul.cloud a[data-weight="4"],
ul.cloud span[data-weight="7"] {
	--size: 14;
	font-weight: 400;
}
ul.cloud a[data-weight="5"],
ul.cloud span[data-weight="8"] {
	--size: 16;
	font-weight: 500;
}
ul.cloud a[data-weight="6"],
ul.cloud span[data-weight="9"] {
	--size: 18;
	font-weight: 600;
}

ul.cloud a,
ul.cloud span {
	--size: 4;
	font-size: calc(var(--size) * 0.25rem + 0.5rem);
}
ul.cloud[data-show-value] a::after,
ul.cloud[data-show-value] span::after {
	content: " (" attr(data-weight) ")";
	font-size: 1rem;
}

ul.cloud a:focus,
ul.cloud span:focus {
	outline: 1px dashed;
}
#save_concept_loading_list ul {
	list-style-type: none;
	padding: 0px;
}
#save_concept_loading_list li {
	margin-top: 20px;
}
#save_concept_loading_list {
	height: 0px;
	overflow: visible;
	position: absolute;
	background: #fff;
	z-index: 26;
	top: 40px;
	right: -50px;
}
#save_concept_loading_list > div {
	background: #fff;
	padding: 20px 20px;
	min-width: 300px;
	border: 1px solid #dee2e6;
	position: relative;
	left: -50px;
}

.show {
	display: block;
}
.hide {
	display: none !important;
}

#cloud-result-list {
	border: 0.5px solid lightgray;
}

#cloud-result-list > ul {
	padding: 10px 8px 5px 0px;
}

#cloud-result-list > ul > li {
	padding-bottom: 20px;
	list-style-type: none;
}
.popup_cloud ul {
	list-style-type: none;
	padding: 20px;
	background: #fff;
	border: 1px solid #dee2e6;
	position: relative;
	z-index: 10;
	width: 400px;
	left: -80px;
}
.popup_cloud {
	position: relative;
	overflow: visible;
	height: 0px;
	width: 0px;
	display: none;
}
.click-cloud {
	background: #fdd300;
}

.background_relatedness_0 {
	background: var(--colorW0);
}
.background_relatedness_1 {
	background: var(--colorW1);
}
.background_relatedness_2 {
	background: var(--colorW2);
}
.background_relatedness_3 {
	background: var(--colorW3);
}
.background_relatedness_4 {
	background: var(--colorW4);
}
.background_relatedness_5 {
	background: var(--colorW5);
}

.background_relatedness_negative {
	background: var(--colorWnegative);
}

ul.cloud span.color_relatedness_0 {
	color: rgb(174, 249, 198);
}
ul.cloud span.color_relatedness_1 {
	color: rgba(148, 248, 180);
}
ul.cloud span.color_relatedness_2 {
	color: rgba(108, 247, 152);
}
ul.cloud span.color_relatedness_3 {
	color: rgba(77, 250, 132);
}
ul.cloud span.color_relatedness_4 {
	color: rgba(60, 248, 119);
}
ul.cloud span.color_relatedness_5 {
	color: rgba(2, 248, 80);
}

ul.cloud span.color_relatedness_negative {
	color: rgba(248, 107, 72);
}

.cloudTermColor {
	width: 15px;
	height: 15px;
	font-size: 15px;
}

.cloudTermColor_0 {
	width: 15px;
	height: 15px;
	color: var(--colorW0);
	font-size: 15px;
}

.cloudTermColor_1 {
	width: 15px;
	height: 15px;
	color: var(--colorW1);
	font-size: 15px;
}

.cloudTermColor_2 {
	width: 15px;
	height: 15px;
	color: var(--colorW2);
	font-size: 15px;
}

.cloudTermColor_3 {
	width: 15px;
	height: 15px;
	color: var(--colorW3);
	font-size: 15px;
}

.cloudTermColor_4 {
	width: 15px;
	height: 15px;
	color: var(--colorW4);
	font-size: 15px;
}

.cloudTermColor_5 {
	width: 15px;
	height: 15px;
	color: var(--colorW5);
	font-size: 15px;
}

.cloudTermColor_negative {
	width: 15px;
	height: 15px;
	color: rgba(248, 107, 72);
	font-size: 15px;
}

ul.cloud span.bottom_color_relatedness_0 {
	border-bottom: 5px solid var(--colorW0);
}
ul.cloud span.bottom_color_relatedness_1 {
	border-bottom: 5px solid var(--colorW1);
}
ul.cloud span.bottom_color_relatedness_2 {
	border-bottom: 5px solid var(--colorW2);
}
ul.cloud span.bottom_color_relatedness_3 {
	border-bottom: 5px solid var(--colorW3);
}
ul.cloud span.bottom_color_relatedness_4 {
	border-bottom: 5px solid var(--colorW4);
}
ul.cloud span.bottom_color_relatedness_5 {
	border-bottom: 5px solid var(--colorW5);
}

ul.cloud span.bottom_color_relatedness_negative {
	color: rgba(248, 107, 72);
}
/* ************** End Cloud ************** */

.hideNegative,
.hidePage {
	display: none !important;
}
.hidden {
	display: none;
}
.componentContainer .bi {
	font-size: 12px;
}

.form-range {
	margin-left: 6px;
	margin-right: 10px;
	padding-top: 15px;
}

.inputFilterPositive,
.inputFilterNegative {
	border: 1px solid rgb(211, 211, 211, 0.5);
	margin-left: 5px;
	border-radius: 6px !important;
}
mark {
	background-color: yellow;
}
.markPadding {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#popup_0 {
	position: absolute;
	top: 80%;
	left: calc((100% - 450px) / 2);
	top: calc(50% - 100px);
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#col2_block_cloud {
	width: 200px;
	float: right;
	display: block;
}

#flexSwitchCheckChecked_concept:checked {
	background-color: #8ccfbe;
	border-color: #8ccfbe;
}
/* .mark_concept {
	background-color: #bbf2e8 !important;
	/* border: #8ccfbe 3px solid; 
} */
#flexSwitchCheckChecked_email:checked {
	background-color: #da8197;
	border-color: #da8197;
}
/* .mark_email {
	background-color: #ffcbcb !important;
}
.mark_date {
	background-color: #aad6ff !important;
} */

.mark_email {
	/* border: #da8197 3px solid; */
}
.mark_date {
	/* border: #2196f3 3px solid; */
}

mark > mark {
	border: none !important;
}

#flexSwitchCheckChecked_word:checked {
	background-color: #d3d463;
	border-color: #d3d463;
}
/* .mark_word {
	background-color: #fbeda4 !important;
} */
mark > .mark_word {
	/* border: #d3d463 2px solid; */
}
.filter_concept {
	margin-top: 7px;
}

#other_syn {
}
#exclude_terms {
	width: 270px;
}
.pull-right {
	float: right;
}
.min200 {
	min-width: 200px;
}
.info_cloud_right .MuiButton-text {
	padding-bottom: 0px;
}
.min-100 {
	min-width: 100px;
}
#block_info_search_1 {
	min-width: 120px;
}
.dateTimelineSelector {
	min-width: 215px;
}
.infoFiltersTimeline {
	width: 21px;
}
.min-120 {
	min-width: 120px;
}
.conceptsTable form,
.searchBarLoad {
	max-width: 100%;
}
#share_input label {
	font-size: 12px;
	margin-top: 8px;
}
#share_input input {
	margin-top: 6px;
}
.v-top {
	vertical-align: top;
}

.btn-lg,
.btn-group-lg > .btn {
	font-size: 12px;
}

.btn-sm,
.btn-group-sm > .btn {
	font-size: 12px;
}
.btn {
	font-size: 12px;
}
.papelera {
	font-size: 10px;
	box-shadow: none;
}
.margin-auto {
	display: block;
	margin: 0px auto;
	width: 510px;
	margin-top: 20px;
}

#load_concept {
	position: relative;
}
#cuadro_save_query {
	display: block;
	position: absolute;
	background: #fff;
	width: 400px;
	padding: 17px;
	z-index: 99999;
	border: 2px solid #000;
	left: 50%;
}
#botones_save_query {
	width: 100%;
	float: left;
	padding-top: 20px;
}
#cuadro_save_query button {
	width: 40%;
}
#cuadro_save_query button:last-child {
	margin-left: 10%;
}
#cuadro_save_query > input {
	width: 200px !important;
	float: left;
	margin-left: 0px;
}
#cuadro_save_query > .form-check {
	padding-top: 8px;
	margin-left: 9px;
}
#btnRefreshList {
	min-width: 200px;
}

.showMobile {
	display: none;
}

.buttonsViewsBuild {
	float: right !important;
}

.rowAdmin {
	margin-bottom: 30px;
}

/* ******** Media ******** */
@media (prefers-reduced-motion) {
	ul.cloud * {
		transition: none !important;
	}
}
/*after removing bootstrap rfom project - will also need to remove this container classes from here*/
@media (min-width: 1400px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl {
		max-width: 100% !important;
	}

	.scrollTerms {
		max-height: 1000px !important;
		overflow-y: scroll;
	}
}
@media (min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 100% !important;
	}
}

@media (max-width: 1170px) {
	#new_line_timeline_xs {
		clear: both;
		display: block;
		padding-top: 10px;
	}
	.divBlockFilterElements_timeline {
		width: 100%;
	}
	#divBlockFilterElements_timeline_2 {
		width: 100%;
		padding-top: 10px;
	}
	#divBlockFilterElements_timeline_2 > .col-1 {
		width: 100px;
	}
	#divBlockFilterElements_timeline_2 > .col-2 {
		width: calc(100% - 210px);
	}
	#filtro_relevance_timeline > div {
		width: auto;
		margin-right: 20px;
	}
}
@media (min-width: 1150px) {
	#buttons_cloud {
		width: 20%;
		display: block;
		text-align: center;
		padding-top: 0;
		padding-bottom: 10px;
	}
	#concept_name_to_save {
		min-width: 270px;
	}
	.min150 {
		min-width: 150px;
	}

	#btn_save_concept {
		max-width: 150px;
		margin-top: 4px;
	}
	#btn_save_concept > button {
		min-width: 130px;
	}

	#share_input {
		padding-left: 15px;
		padding-top: 6px;
	}
	.a_z_order > .col-3,
	.min-120 > .col-3 {
		width: auto;
	}
}

@media (max-width: 950px) {
	#new_line_timeline_xs {
		clear: both;
		display: block;
		padding-top: 20px;
	}
	.divBlockFilterElements_timeline {
		width: 100%;
	}
	#divBlockFilterElements_timeline_2 {
		width: 100%;
		padding-top: 10px;
	}
	#divBlockFilterElements_timeline_2 > .col-1 {
		width: 100px;
	}
	#divBlockFilterElements_timeline_2 > .col-2 {
		width: calc(100% - 210px);
	}
	#filtro_relevance_timeline > div {
		width: auto;
		margin-right: 20px;
	}
	.date_filter_documents_page {
		min-width: 150px;
	}
	.relevence_filter_documents_page {
		min-width: 250px;
	}

	.autoComplete {
		width: 40% !important;
	}

	/* .btnInputConcept{
    margin: 0px;
    width: 49%;
    margin-top:0px;
  } */
	.searchBar {
		width: 70%;
	}

	#share_input {
		width: 20%;
	}

	#load_concept {
		margin-top: 20px;
		padding: 0;
		vertical-align: baseline !important;
		margin-left: 2.333333%;
	}

	#infoSearchBuild {
		vertical-align: baseline !important;
	}

	.divQuerySearch {
		width: 23%;
	}

	.divBlockFilterElements {
		width: 80%;
	}

	.divBlockFilterElements_Build {
		width: 70%;
	}

	.divHighlightsTypes {
		width: 45%;
	}

	.filterPrioritySearch {
		justify-content: start !important;
		padding-top: 15px;
	}

	.divButtonsViewSearch {
		width: 20%;
		padding-top: 15px;
		float: right;
	}

	.buttonSearchView {
		margin: 0 7px;
	}

	#reactTagInput {
		width: 60%;
	}

	.divSearchBuild {
		width: 40%;
	}

	.divConceptNameSave {
		width: 100%;
	}

	#concept_name_to_save {
		width: 40% !important;
	}

	.divOtherSynonyms {
		width: 49% !important;
	}

	.divExcludeTerms {
		width: 49% !important;
		margin-left: 10px;
	}

	#buttons_cloud {
		width: 40%;
	}

	.btnViewsFilterBuild {
		margin: 0 5px;
	}

	.divResultsBuild {
		width: 50%;
	}

	.filter_concept {
		width: 50%;
	}

	.divPriorityBuild {
		width: 40%;
	}

	.divBuildViews {
		float: right;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		/* display: flex;
    justify-content: end; */
	}

	.bulkDownload {
		width: 50%;
	}

	.divBtnBulk {
		display: flex;
		justify-content: end;
	}

	.hiddenMobile {
		display: none;
	}

	.showMobile {
		display: block;
	}

	.buttonsViewsBuild {
		float: right !important;
	}

	.divButtonsMobile {
		width: 60%;
	}

	.divFiltersTimeline {
		width: 40%;
	}

	.filtersDropdown {
		width: 40%;
	}

	.btnArrowDocuments {
		margin: 2px 10px 0px 10px;
	}

	.divPriorityFilterTimeline {
		margin-top: 20px;
	}

	.divFiltersDocuments_1 {
		width: 100%;
	}

	.divDateSortDocuments {
		margin: 15px 0 15px 0 !important;
	}

	.divPriorityFilterDocuments {
		margin: 13px 0 13px 0 !important;
		width: 50%;
	}

	#numDocsViewDocuments {
		width: 100%;
		margin-bottom: 15px;
	}

	.divDateTimeline {
		margin-right: 5px;
	}
}

@media (max-width: 800px) {
	#new_line_timeline_xs {
		clear: both;
		display: block;
		padding-top: 10px;
	}
	.divBlockFilterElements_timeline {
		width: 100%;
	}
	#divBlockFilterElements_timeline_2 {
		width: 100%;
		padding-top: 10px;
	}
	#divBlockFilterElements_timeline_2 > .col-1 {
		width: 100px;
	}
	#divBlockFilterElements_timeline_2 > .col-2 {
		width: calc(100% - 210px);
	}
	#filtro_relevance_timeline > div {
		width: auto;
		margin-right: 20px;
	}
	.results_num {
		width: 100%;
		padding-bottom: 10px;
	}
	.col-xs-12 {
		width: 100%;
		padding-bottom: 10px;
		float: left;
	}
	.col-xs-12 > .divBlock {
		width: 50%;
	}
	.divBlockFilterElements_timeline > .col-8 {
		width: 100%;
	}
	.btnInputConcept {
		margin: 0px;
		width: 100%;
		margin-top: 20px;
	}
	.searchBar {
		width: 100%;
	}

	#share_input {
		padding-left: 15px;
		margin-top: 0px;
	}

	.p20 {
		padding: 20px;
	}
	#load_concept {
		padding-left: 15px;
		min-width: 160px;
		margin-top: 20px;
	}

	#btn_save_concept {
		padding-left: 15px;
		max-width: 150px;
		margin-top: 4px;
	}

	#infoSearchBuild {
		margin-top: 18px;
	}
}

@media (max-width: 500px) {
	#new_line_timeline_xs {
		clear: both;
		display: block;
		padding-top: 10px;
	}
	.divBlockFilterElements_timeline {
		width: 100%;
	}
	#divBlockFilterElements_timeline_2 {
		width: 100%;
		padding-top: 10px;
	}
	#divBlockFilterElements_timeline_2 > .col-1 {
		width: 100px;
	}
	#divBlockFilterElements_timeline_2 > .col-2 {
		width: calc(100% - 210px);
	}
	#filtro_relevance_timeline > div {
		width: auto;
		margin-right: 20px;
	}
	.results_num {
		width: 100%;
		padding-bottom: 10px;
	}
	.col-xs-12 {
		width: 100%;
		padding-bottom: 10px;
		float: left;
	}
	.col-xs-12 > .divBlock {
		width: 50%;
	}
	.divBlockFilterElements_timeline > .col-8 {
		width: 100%;
	}
	.btnInputConcept {
		margin: 0px;
		width: 100%;
		margin-top: 20px;
	}
	.searchBar {
		width: 100%;
	}
}
/* ******** End Media ******** */
.spinner-docs {
	width: 15px;
	height: 15px;
}

.boldInfoDialog {
	font-weight: 600;
	font-size: 16px;
}

.divScrollMax655 {
	max-height: 85vh;
	overflow-x: hidden;
}
.mb-5px {
	margin-bottom: 5px;
}
#submitFeedback {
	margin-right: 20px;
}
#submitReload {
	margin-right: 20px;
	text-decoration: underline;
	color: #2196f3;
	cursor: pointer;
}
#bifrost {
	margin-left: 20px;
	text-decoration: underline;
	color: #2196f3;
	cursor: pointer;
}
#btnTranslation {
	position: absolute;
	right: 260px;
}
.hidden-important {
	display: none !important;
}

.react-datepicker__input-container {
	min-width: 185px;
}

.pl-2 {
	padding-left: 10px;
}

.scrollTerms {
	max-height: 500px;
	overflow-y: scroll;
}

th {
	width: 10%;
}

td {
	width: 10%;
}

/* ******** Clear Button ******** */
.showClearButton {
	display: inline-block;
}

.hideClearButton,
.circleHidden {
	display: none;
}
/* ******** End Clear Button ******** */

/* ******** Filters section ******** */
#numDocs {
	min-width: 180px;
}

#filters {
	min-width: 80px;
}

#fileTypes {
	min-width: 60px;
}

#date {
	min-width: 90px;
}

#allFiles {
	min-width: 50px;
}

.divColor {
	min-width: 30px;
}

#list {
	min-width: 50px;
}

#numDocsViewDocuments {
	min-width: 160px;
}
/* ******** End Filters section ******** */

.concepts_acordeon {
	padding-left: 0px;
	font-size: 1.25rem;
}

.fs-pagination {
	font-size: 18px;
}

.vertical-align {
	display: flex;
	justify-content: center;
	align-items: center;
}

.numPages {
	margin: 0 10px;
	text-decoration: none;
	cursor: pointer;
}

.numPages b {
	margin: 0 10px;
	text-decoration: none;
	font-size: 20px;
}

.borderPagination {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.selected {
	background: #2995ec;
}

.selected a {
	color: #ffffff;
}
.relativo {
	position: relative;
}
.comentario-icon {
	font-size: 19px;
	position: absolute;
	/* top: 6px; */
	margin-left: 20px;
}
.addNewComment {
	width: 300px;
	position: absolute;
	overflow: visible;
	z-index: 2;
	left: calc(85% - 150px);
	background: #f3f3f3;
	border: 2px solid #d8d8d8;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0.25rem;
}
.addNewComment input {
	width: 280px;
	margin-left: 10px;
}
.addNewComment button {
	margin-top: 20px;
	margin-left: 10px;
}
.addNewComment button i {
	transform: rotate(45deg);
}
.cerrar-comment {
	float: right;
	margin-right: 9px;
	margin-bottom: 5px;
	font-size: 14px;
}
.conceptLoaded {
	position: relative;
	z-index: 1;
}
.progress_collum {
	min-width: 180px;
	text-align: center;
}
.divHeatmap {
	width: 20px;
	height: 20px;
	margin: 0px auto;
	display: block;
}
.alert-black-color {
	color: #000;
	border: 1px solid #000;
}
.drop_indentify,
#dropdown-basic-button-detail,
#dropdown-basic-button-general {
	background: transparent;
	text-transform: none;
	color: #444;
	border: none;
	box-shadow: none;
	font-size: 14px;
	padding-top: 0px;
}
#dropdown-basic-button-general {
	font-size: 12px;
	color: #2196f3;
}
.texterea-edit-comment {
	width: 100%;
	height: 70px;
}
.addNewComment .commentEliminar,
.commentEliminar {
	margin: 0px;
	width: auto;
	float: left;
	width: 28px;
	background: none;
	border: 0px;
	margin-left: 10px;
}
.commentListDocView .comentario-icon {
	margin-left: 0px;
}
.commentListDocView {
	margin-bottom: 25px;
}

.untaged_list {
	border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.btnColorFilter {
	width: 22px;
	height: 22px;
	margin-top: 7px;
}
#customTagsBtn {
	vertical-align: middle;
}
#createCustomTags {
	height: 100%;
}
.title-doc-list-view {
	width: calc(100% - 50px);
}
.comment-icon-list-view {
	position: absolute;
	right: 5px;
}
.h6-doc-list-view {
	position: relative;
}
.addNewCommentListView {
	left: 17px;
	width: calc(100% - 35px);
}
.reset_filter_list .boxControl4 {
	background: transparent url("../icon_remove.png") top center no-repeat;
	background-size: contain;
}
.untaged_list div {
	background-color: #e2e2e2;
}

.divPriorityFilterDocuments .reset-filter-bubble .btnColorFilter {
	margin-top: 0;
}

.multi-base-dropdown button {
	width: 185px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.multi-base-dropdown a {
	width: 215px;
	white-space: normal;
}

/* .side-menu {
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
} */

.all-documents-view {
	color: #444;
	background-color: #fff;
	border: 0;
}
.all-documents-view:focus {
	/* border-color: #90cbf9; */
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(33 150 243 / 25%);
}
.prev-next-icon-btn {
	border: none;
	background-color: #fff;
}

.prev-next-icon-btn i {
	color: #2196f3;
}

.prev-next-disabled {
	background-color: #fff;
	cursor: not-allowed;
	border: none;
}

.prev-next-disabled i {
	color: grey;
}

.attachments {
	margin-left: 6px;
	font-size: 17px !important;
}
.attachments::before {
	rotate: 90deg;
}
/*override bootstrap css for textbox*/
input[type="text"][readonly] {
	border-bottom: none;
}

/* This is a global change to update the top position property of common modal */
.modal {
	top: 60px;
}