.insights-inner {
	margin-left: 0;
}

.insights-inner h4 {
	font-size: 16px;
	font-weight: normal;
}

.insights-inner h4 span {
	font-weight: 300;
	font-size: 12px;
}

.insights-inner>section:not(:first-child) {
	margin-bottom: 40px;
}

.insights_container {
	background: #FFF;
	box-shadow: 0px 6px 49px 0px rgba(220, 220, 220, 0.9);
	border-radius: 5px;
	position: relative;
	min-height: 100px;
	padding-bottom: 50px;
}

.spinner_product {
	position: absolute;
	width: 100%;
	top: 30px;
	z-index: 999;
}

.insights-inner .fa.fa-equals {
	color: var(--turquoise);
}

.insights-inner .fa.fa-arrow-up {
	color: #59B95D;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.insights-inner .fa.fa-arrow-down {
	color: #F4695E;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.header {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.insights-inner .header h1 {
	margin-bottom: 20px;
}

.insights-inner .fromto-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.insights-inner .fromto-wrapper div {
	border: 2px solid var(--turquoise);
	border-radius: 3px;
	padding: 5px 10px;
	position: relative;
}

.insights-inner .fromto-wrapper>p {
	margin: 0 15px;
}

.insights-inner .fromto-wrapper .fromto_label {
	position: absolute;
	font-size: 12px;
	color: var(--turquoise);
	background: #FFF;
	top: -10px;
	padding: 0 5px;
	left: 5px;
}

.insights-inner .fromto-wrapper .fromto_date {
	font-size: 14px;
}

.insights-inner .fromto-wrapper .fromto_date input {
	background: none;
	border: none;
	line-height: initial;
	padding: 0;
	width: 160px;
}

.insights-inner .fromto-wrapper .btn_refresh_data {
	background: #f6f7f8;
	color: #9e9e9e;
	min-width: 34px;
	height: 34px;
	margin-left: 10px;
	border-radius: 3px;
}

.insights-inner .fromto-wrapper .btn_add_comparison {
	background: #ffa133;
	color: #FFF;
	border-radius: 3px;
	margin-left: 10px;
	height: 34px;
	width: 240px;
}

.insights-inner .fromto-wrapper .btn_remove_comparison {
	background: #F4695E;
	color: #FFF;
	border-radius: 3px;
	margin-left: 10px;
	height: 34px;
}

.key_indicators_wrapper {}

.key_indicators_wrapper .key_indicators_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
}

.key_indicators_inner article {
	width: 24%;
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	padding: 10px;
	height: 130px;
	margin-bottom: 100px;
}

.key_indicators_wrapper .title {
	font-size: 16px;
	color: var(--turquoise);
	font-weight: 500;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.key_inner {
	color: #FFF;
	width: 220px;
	margin: auto;
	height: 195px;
	background: url("../Assets/key_compare_bg.png") no-repeat center 40px, url("../Assets/key_bg.png") no-repeat center center;
	background-size: 162px 134px, 100% 100%;
	padding-top: 45px;
	position: relative;
}

.key_inner:before {
	content: "comparison";
	position: absolute;
	bottom: 49px;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: normal;
	color: #cecece;
}

.key_inner .key_label {
	font-size: 12px;
	max-width: 120px;
	line-height: 15px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 76%;
}

.key_inner .scoring {
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 37px;
}

.key_inner .scoring strong {
	font-size: 45px;
	font-weight: 400;
}

.key_inner .key_compare {
	line-height: 15px;
	font-weight: bold;
}

.key_inner .key_compare.neutral {
	color: var(--turquoise);
}

.key_inner .key_compare.green {
	color: #59B95D;
}

.key_inner .key_compare.red {
	color: #F4695E;
}

.key_inner .key_compare.red i {
	top: 0;
}

.key_inner .key_compare span {
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: var(--turquoise);
}

.key_inner.key_total {
	background: url("../Assets/key_bg.png") no-repeat center center;
	background-size: 100% 100%;
}

.key_inner.key_total .scoring {
	margin-bottom: 10px;
	padding-right: 34px;
	position: relative;
}

.key_inner.key_total .scoring strong {
	font-size: 35px;
}

.key_inner.key_total .scoring i {
	font-size: 25px;
	position: absolute;
	top: 12px;
	right: 65px;
}

.insights-inner strong {}

.mapping_wrapper {
	position: relative;
}

.mapping_wrapper h4 {}

.mapping_wrapper h4 span {}

.mapping_wrapper article {
	position: relative;
	border-top-right-radius: 0;
}

.mapping_tabs {
	position: absolute;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	top: -1px;
	right: 0;
	z-index: 0;
}

.mapping_tabs li {
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	font-size: 14px;
	padding: 4px 20px 11px;
	cursor: pointer;
	border-radius: 12px 12px 0px 0px / 30px 30px 0px 0px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mapping_tabs li:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

.mapping_tabs li.current {
	background: var(--turquoise);
	color: #FFF;
}

.mapping_graph {
	padding: 20px;
}

.mapping_graph svg {
	overflow: visible;
}

.highcharts-container {
	overflow: visible !important;
}

.mapping_legend ul {}

.mapping_legend li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 2px;
	margin-left: 53px;
}

.mapping_legend span {
	width: 30px;
	height: 15px;
	display: block;
	background: var(--turquoise);
	margin-right: 5px;
}

.mapping_legend p {
	font-size: 11px;
	opacity: .6;
}

.mapping_legend .legend_stripe span {
	background: url('../Assets/stripe.png') no-repeat center;
}

.mapping_units {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.mapping_units div {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 25px;
}

.mapping_units p {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.mapping_units label {
	color: #a5a5a5;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #f3f3f3;
	background: #F3F3F3;
	padding: 5px 13px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mapping_units label:not(:first-child) {
	margin-left: 5px;
}

.mapping_units label:hover, .mapping_units label:focus {
	background: var(--turquoise);
	color: #FFF;
}

.mapping_units label.current {
	color: var(--turquoise);
}

.mapping_units label.current:hover, .mapping_units label.current:focus {
	color: #FFF;
}

.mapping_robots {
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.mapping_robots p {
	text-transform: uppercase;
	font-size: 30px;
}

.mapping_robots p strong {
	color: var(--turquoise);
	font-weight: normal;
}

.mapping_robots img {
	margin-right: 20px;
	position: relative;
	top: -4px;
}

.mapping_robots p span {
	font-weight: 300;
	font-size: 18px;
	display: block;
}

.insights_table {}

.insights_table .subheader {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.insights_table .subheader h4 {}

.insights_table .subheader h4 {}

.insights_options {
	background: #FFF;
	margin-bottom: 10px;
	padding: 10px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	font-weight: bold;
}

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

.option_search span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
}

.option_search button {
	position: relative;
	top: 3px;
	color: #a5a5a5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.option_search button:hover {
	color: #F4695E;
}

.option_filters {}

.option_filters .title {
	text-align: center;
	font-size: 15px;
}

.option_filters ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.option_filters ul li {
	display: -webkit-flex;
	display: flex;
	background: #f3f3f3;
	border-radius: 3px;
	padding: 5px 0px 5px 20px;
	text-align: center;
	margin: 5px;
}

.option_filters ul li p {
	font-size: 15px;
}

.option_filters ul li p span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
}

.option_filters ul li button {
	position: relative;
	top: 3px;
	color: #a5a5a5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.option_filters ul li button:hover {
	color: #F4695E;
}

.option_filters .actions_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.option_filters .actions_inner button {
	background: var(--turquoise);
	color: #FFF;
	padding: 8px 40px;
	border-radius: 3px;
	margin: 0 5px;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.option_filters .actions_inner button.reset {
	background: #f3f3f3;
	color: #cacaca;
	padding: 8px 12px;
}

.option_filters .actions_inner button.reset:hover {
	background: #F4695E;
	color: #FFF;
}

.insights_table .table_nav {
	display: -webkit-flex;
	display: flex;
}

.insights_table .breadcrump {
	font-size: 16px;
}

.insights_table .breadcrump>ul {
	display: -webkit-flex;
	display: flex;
}

.insights_table .breadcrump>ul>li {
	position: relative;
}

.insights_table .breadcrump>ul>li:first-child p {
	border-radius: 5px 0 0 5px;
}

.insights_table .breadcrump>ul>li:last-child p {
	border-radius: 0 5px 5px 0;
}

.insights_table .breadcrump>ul>li:not(:last-child):before {
	/*content: "";*/
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 0;
	z-index: 4;
	border-style: solid;
	border-width: 16px 0 16px 12px;
	border-color: transparent transparent transparent #dedede;
}

.insights_table .breadcrump>ul>li:not(:last-child):after {
	/*content: "";*/
	position: absolute;
	left: calc(100% - 2px);
	top: 0;
	width: 0;
	height: 0;
	z-index: 4;
	border-style: solid;
	border-width: 16px 0 16px 12px;
	border-color: transparent transparent transparent #FFF;
}

.insights_table .table_nav ul p i, .insights_table .breadcrump ul p i {
	color: #ffa133;
	font-size: 12px;
	position: relative;
	left: 5px;
}

.insights_table .table_nav ul p, .insights_table .breadcrump ul p {
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	padding: 5px 15px;
}

.insights_table .table_nav ul ul, .insights_table .breadcrump ul ul {
	position: absolute;
	z-index: 5;
	width: 250px;
	max-height: 350px;
	overflow: auto;
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	max-height: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.insights_table .table_nav ul li:hover ul, .insights_table .breadcrump ul li:hover ul {
	max-height: 350px;
}

.insights_table .table_nav ul ul li, .insights_table .breadcrump ul ul li {
	padding: 4px 10px;
	font-size: 11px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.insights_table .table_nav ul ul li:hover, .insights_table .breadcrump ul ul li:hover {
	padding-left: 15px;
}

.insights_table .table_nav ul ul li:not(:last-child), .insights_table .breadcrump ul ul li:not(:last-child) {
	border-bottom: 1px solid #f5f5f5;
}

.search_bar_wrapper {
	position: relative;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	background: #FFF;
	margin: 0px 0px 10px 10px;
	height: 32px;
}

.search_bar_wrapper .search_bars {
	margin-left: 4px;
	font-size: 14px;
	height: 32px;
}

.search_bar_wrapper button {
	color: #ffa133;
}

.search_bar_wrapper input[type="text"]:hover, .search_bar_wrapper input[type="text"]:focus, .search_bar_wrapper input[type="password"]:hover, .search_bar_wrapper input[type="password"]:focus, .search_bar_wrapper input[type="text"] {
	border: none;
}

.export_wrapper button {
	margin-left: 10px;
	background: #FFF;
	width: 32px;
	height: 32px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #ffa133;
	border-radius: 5px;
}

.export_wrapper ul {
	position: absolute;
	overflow: hidden;
	max-height: 0;
	right: 0;
	width: 75px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
}

.export_wrapper:hover ul {
	max-height: 100px;
	z-index: 9;
}

.export_wrapper li:not(:last-child) {
	border-bottom: 1px solid #f5f5f5;
}

.export_wrapper li {
	padding: 4px 10px;
	font-size: 11px;
	cursor: pointer;
}

.expand_wrapper button {
	margin-left: 10px;
	background: #FFF;
	width: 32px;
	height: 32px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #ffa133;
	border-radius: 5px;
}

.toggle_outliers_wrapper button {
	margin-left: 10px;
	background: #FFF;
	width: 32px;
	height: 32px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #ffa133;
	border-radius: 5px;
}

.insights_table_inner {
	display: -ms-grid;
	display: grid;
}

.kpi_table .insights_table_inner {
	-ms-grid-columns: 300px 120px 120px 140px 110px 90px 100px 100px 1fr;
	grid-template-columns: 300px 120px 120px 140px 110px 100px 100px 90px 1fr;
}

.product_kpi_table .insights_table_inner {
	-ms-grid-columns: 300px 1fr 1fr 1fr;
	grid-template-columns: 300px 1fr 1fr 1fr;
}

.insights_table_inner>div {
	padding: 5px;
	border: 1px solid #F6F7F8;
	-webkit-align-items: center;
	align-items: center;
}

.grid-header {
	font-size: 12px;
	font-weight: 500;
	display: -webkit-flex;
	display: flex;
	position: sticky;
	top: 51px;
	z-index: 3;
	background: #FFF;
}

.grid-header i {
	font-size: 12px;
	color: #ffa133;
	margin: 3px 14px 0 6px;
}

.grid-row {
	font-size: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.grid-product-name {
	font-size: 12px;
	min-height: 62px;
}

.grid-product-name span {
	display: block;
	font-size: 9px;
	opacity: .8;
}

.grid-product-name i {
	font-style: italic;
}

.product_img {
	position: relative;
	max-width: 100%;
	min-width: 50px;
	max-height: 100%;
	margin-right: 10px;
	width: 50px;
	height: 50px;
}

.product_img_tooltip {
	position: absolute;
	top: 0;
	left: 110%;
	opacity: 0;
	pointer-events: none;
	z-index: 100;
	max-width: 400px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
}

.product_img:hover .product_img_tooltip {
	opacity: 1;
}

.product_name {
	width: 100%;
}

.product_name span {
	display: block;
	font-size: 9px;
	opacity: .8;
}

.grid-total {
	background: #f9f9f9;
	font-weight: bold;
	font-size: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.grid-total.title {
	font-size: 12px;
}

.grid-tar {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.grid-total.grid-tar, .grid-row.grid-tar {
	padding-right: 30px;
}

.table_footer {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	font-size: 14px;
	padding: 10px;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.table_footer section {}

.table_footer section.rowperpage {
	display: -webkit-flex;
	display: flex;
}

.table_footer section.rowperpage p {
	margin-right: 10px;
}

.table_footer section.rowperpage .row_selected i {
	color: #ffa034;
}

.table_footer section.pagination {
	margin: 0;
}

.table_footer section.pagination button {
	color: #ffa034;
}

.table_footer section.pagination button:disabled {
	color: #f3f3f3;
}

.table_footer section.pagination span {}

div.grid-gauge {
	padding-left: 0;
}

.grid-gauge span {
	display: block;
	height: 25px;
}

.insights_container .lvl-0 {
	background: #c0534a;
}

.insights_container .lvl-1 {
	background: #da5e54;
}

.insights_container .lvl-2 {
	background: #f4695e;
}

.insights_container .lvl-3 {
	background: #f78f86;
}

.insights_container .lvl-4 {
	background: #f9b4ae;
}

.insights_container .lvl-5 {
	background: #acdcae;
}

.insights_container .lvl-6 {
	background: #83cb86;
}

.insights_container .lvl-7 {
	background: #59b95d;
}

.insights_container .lvl-8 {
	background: #50a652;
}

.insights_container .lvl-9, .insights_container .lvl-10 {
	background: #448d47;
}

.grid-tar.grid-tips {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.grid-row.grid-tips {
	padding-left: 5px;
}

.product_kpi_table div[class*="lvl"] {
	color: #FFF;
}

.graph_tooltip {
	/*background: #FFF;*/
	padding: 5px;
	display: -ms-grid;
	display: grid;
	font-size: 14px;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
}

.graph_tooltip>p {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 4;
	grid-column-end: 4;
	font-weight: bold;
	margin-bottom: 10px;
}

.graph_tooltip>p span {
	font-size: 8px;
	opacity: .6;
	text-transform: uppercase;
	display: block;
}

.graph_tooltip div {
	padding: 2px 0;
	position: relative;
	font-size: 11px;
}

.graph_tooltip div span {
	position: absolute;
	text-transform: uppercase;
	right: 10px;
	bottom: 100%;
	font-size: 7px;
	width: 100%;
	text-align: right;
	opacity: .4;
}

.graph_tooltip .tooltip_label {
	margin-right: 20px;
}

.graph_tooltip div:not(.tooltip_label) {
	text-align: right;
	padding: 2px 10px;
	margin-right: 10px;
}

.tooltip_compared {
	border-left: 1px solid rgba(243, 243, 243, 0.48);
}

.insights-users-inner {}

.insights-users-inner .insights_table {
	position: relative;
}

.insights-users-inner .insights_container {
	/*box-shadow: none;*/
}

.insights-users-inner .kpi_table .insights_table_inner {
	-ms-grid-columns: 200px 170px 150px 190px 110px 1fr;
	grid-template-columns: 200px 170px 150px 190px 110px 1fr;
}

.insights-users-inner .product_kpi_table .insights_table_inner {
	-ms-grid-columns: 200px .6fr 1.1fr .9fr 1.3fr 1.3fr;
	grid-template-columns: 200px .6fr 1.1fr .9fr 1.3fr 1.3fr;
	margin-top: 30px;
}

.insights-users-inner .key_indicators_inner article {
	position: relative;
	width: 24%;
	padding-top: 15px;
}

.insights-users-inner .key_indicators_inner article:before {
	content: "";
	position: absolute;
	top: 0px;
	width: 100%;
	height: 8px;
	background: var(--turquoise);
	border-radius: 8px 8px 0 0;
	left: 0;
}

.insights-users-inner .key_indicators_inner article:nth-of-type(1):before {
	background: #acdcae;
}

.insights-users-inner .key_indicators_inner article:nth-of-type(2):before {
	background: #a1ece9;
}

.insights-users-inner .key_indicators_inner article:nth-of-type(3):before {
	background: #a1d5ec;
}

.insights-users-inner .key_indicators_inner article:nth-of-type(4):before {
	background: #ffbb6b;
}

.insights-users-inner .key_indicators_wrapper .title {
	color: #38444a;
	font-weight: 300;
}

.key_indicators_inner .insight_tooltip {
	position: relative;
}

.key_indicators_inner .insight_tooltip span {
	min-width: 15px;
	min-height: 15px;
	width: 15px;
	height: 15px;
	background: #CCC;
	display: block;
	border-radius: 50%;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 8px;
	color: #FFF;
	margin-left: 5px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.key_indicators_inner .insight_tooltip p {
	position: absolute;
	top: 140%;
	width: 250px;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
	background: #38444A;
	padding: 15px;
	text-align: left;
	color: #FFF;
	border-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.key_indicators_inner .insight_tooltip span:hover {
	background: var(--turquoise);
}

.key_indicators_inner .insight_tooltip span:hover+p {
	opacity: 1;
	visibility: visible;
}

.insights-users-inner .mapping_robots {
	-webkit-justify-content: center;
	justify-content: center;
}

.insights-users-inner .insights_table_users {
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
}

.insights-users-inner .insights_table_wrapper {
	position: relative;
}

.graphs_options_wrapper {
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.graphs_options_wrapper .graphs_date {
	display: -webkit-flex;
	display: flex;
}

.graphs_options_wrapper .fromto_date {}

.graphs_options_wrapper .fromto_date input {
	border: none;
	border-bottom: 2px solid var(--turquoise);
	font-size: 14px;
	width: 180px;
	line-height: 27px;
}

.graph_add_period {
	background: #f9bb6c;
	color: #FFF;
	border-radius: 3px;
	font-size: 14px;
	margin: 0 20px;
}

.graph_add_event {
	background: var(--turquoise);
	color: #FFF;
	border-radius: 3px;
	font-size: 14px;
}

.graphs_options {
	font-size: 14px;
}

.graph_views {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.graph_views label {
	display: -webkit-flex;
	display: flex;
}

.graph_views label {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 300;
}

.graph_views label input {
	display: none;
}

.graph_views label span {
	position: relative;
	display: block;
	width: 12px;
	min-width: 12px;
	height: 12px;
	margin-right: 5px;
	border: 1px solid;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.graph_views label span:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	width: 8px;
	height: 8px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 2px;
	background: var(--turquoise);
}

.graph_views label input:checked+span {
	border: 1px solid var(--turquoise);
}

.graph_views label input:checked+span:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.graph_views label p {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.graph_views label:hover p, .graph_views label:focus p {
	color: var(--turquoise);
}

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

.graph_value span {}

.graph_value .switch {
	cursor: pointer;
	position: relative;
	margin: 0 10px;
	background: #a1d5ec;
	border-radius: 20px;
	width: 30px;
	height: 10px;
}

.graph_value .switch div {
	position: absolute;
	top: -3px;
	width: 17px;
	height: 17px;
	background: var(--turquoise);
	border-radius: 50%;
	display: block;
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.graph_value.switch_active .switch div {
	left: 15px;
}

.graphs_wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 20px;
}

.graphs_wrapper .graph {
	width: 68%;
}

.graph_legend {
	width: 30%;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.13);
}

.graph_legend>div {
	padding: 15px;
	padding-left: 40px;
}

.graph_legend>div:not(:last-child) {
	border-bottom: 1px solid #f3f3f3;
}

.graph_legend .legend_header {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
}

.graph_legend .legend_title {
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px 0;
	background: #f3f3f3;
	color: #bdbdbd;
}

.graph_legend .legend_header span {
	left: -25px;
	top: 1px;
	position: absolute;
	width: 15px;
	height: 15px;
	background: var(--turquoise);
}

.graph_legend .legend_header span {
	left: -25px;
	top: 1px;
	position: absolute;
	width: 15px;
	height: 15px;
	background: var(--turquoise);
}

.graph_legend>div:nth-of-type(1) .legend_header span {
	background: #acdcae;
}

.graph_legend>div:nth-of-type(2) .legend_header span {
	background: #a1ece9;
}

.graph_legend>div:nth-of-type(3) .legend_header span {
	background: #a1d5ec;
}

.graph_legend>div:nth-of-type(4) .legend_header span {
	background: #ffbb6b;
}

.graph_legend .legend_header i {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.opened .legend_header i {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.graph_legend .legend_detail {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.graph_legend .opened .legend_detail {
	max-height: 100px;
	overflow: visible;
	margin-top: 10px;
}

.graph_legend .legend_detail p {}

.graph_timeline {
	display: -webkit-flex;
	display: flex;
}

.graph_timeline div {
	cursor: pointer;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 15px;
	color: #38444a;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.graph_timeline div:hover {
	color: var(--turquoise);
}

.graph_timeline div.selected {
	border-bottom: 2px solid var(--turquoise);
	color: var(--turquoise);
}

.spinner_mapping {
	min-height: 440px;
	position: relative;
}

.spinner_mapping .spinner {
	position: absolute;
	width: 100%;
	top: 36%;
}

.spinner_key_indicators {
	min-height: 230px;
	position: relative;
}

.spinner_key_indicators .spinner {
	position: absolute;
	width: 100%;
	top: 36%;
}

.product_full_screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow-y: scroll;
	background: #FFF;
}

.product_full_screen .subheader {
	padding: 30px 50px 0px;
}

.product_full_screen .breadcrump {
	padding: 0px 50px;
}

.product_full_screen .insights_options {
	margin: 10px 50px 10px;
}

.product_full_screen .insights_container {
	box-shadow: none;
	padding: 10px 50px 50px;
}

.product_full_screen.kpi_table .insights_table_inner {
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
}

.product_full_screen .grid-header {
	top: 0;
}

.product_full_screen .spinner_product {
	position: fixed;
	top: 160px;
}

.btn_close_fullscreen {
	font-size: 25px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	background: var(--turquoise);
	width: 40px;
	height: 40px;
	color: #FFF;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.btn_see_all {
	width: 100%;
	background: var(--turquoise);
	color: #FFF;
	margin-top: 20px;
	padding: 15px 0;
	border-radius: 3px;
}

.insights-nocompared .key_inner {
	padding-top: 65px;
	background: url(../Assets/key_bg.png) no-repeat center center;
	background-size: 100% 100%;
}

.insights-nocompared .key_inner:before {
	display: none;
}

.insights-nocompared .key_inner .key_label {
	bottom: 66%;
}

.insights-nocompared.insights-inner .grid-row .fa, .insights-nocompared .tooltip_compared {
	display: none;
}

.insights-nocompared .graph_tooltip {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.insights-nocompared .graph_tooltip>p {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 3;
	grid-column-end: 3;
}

.overlay_popin_insights {
	position: fixed;
	top: -100%;
	height: 100%;
	width: 100%;
	left: 0px;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	z-index: 999;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.overlay_popin_insights.showed {
	opacity: 1;
	top: 0px;
}

.popin_insights {
	position: fixed;
	/* top: -100%;
	left: 220px; */
	top: -100%;
	left: 0px;
	right: 0;
	margin: auto;
	background: #FFF;
	width: 500px;
	padding: 25px;
	z-index: 999;
	border-top: 5px solid var(--turquoise);
	height: auto;
	max-height: 90vh;
	overflow: auto;
	transform: scale(.2);
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.popin_insights.showed {
	top: 10%;
	transform: scale(1);
}

.popin_insights>p {
	margin-bottom: 15px;
	font-weight: 300;
	text-align: center;
}

.popin_insights>p span {
	display: block;
}

.popin_insights>p strong {
	font-weight: bold;
}

.popin_insights .btn_confirm_insights_focus {
	background: var(--turquoise);
	color: #FFF;
	padding: 10px 30px;
	font-size: 13px;
	text-transform: uppercase;
}

.popin_form_insights {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.filter_options {
	margin-bottom: 20px;
}

.option_focus {
	margin-bottom: 49px;
}

.option_focus ul li {
	padding: 5px 20px 5px 20px;
}

.focus_btn {
	z-index: 9;
	position: fixed;
	top: 30%;
	right: -20px;
	background: var(--turquoise);
	width: 65px;
	height: 45px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 22px 0 0 22px;
	cursor: pointer;
	color: #FFF;
	padding-right: 20px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.focus_btn:focus, .focus_btn:hover {
	right: -10px;
}

.focus_btn .focus_active {
	position: absolute;
	top: -9px;
	left: -10px;
	background: #ffa133;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight: bold;
	font-size: 15px;
}

.focus_btn i {}

.mapping_export {
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 1;
}

@media screen and (max-width: 1400px) {
	.overlay_popin_insights.showed {
		top: 40px;
		left: 200px;
	}
	.grid-header {
		top: 40px;
	}
}