* {
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none!important;
    box-shadow:none!important;
}

body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
  background-color: #f1f3f5;
}

table {
    table-layout: fixed;
}

.container-grey{
  position: relative;
	background-color: #f1f3f5;
	width: 100%;
	height: 100%;
}

.blueVerticalGradient {
	background: rgba(53,56,93,1);
	background: -moz-linear-gradient(top, rgba(53,56,93,1) 0%, rgba(41,43,68,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,56,93,1)), color-stop(100%, rgba(41,43,68,1)));
	background: -webkit-linear-gradient(top, rgba(53,56,93,1) 0%, rgba(41,43,68,1) 100%);
	background: -o-linear-gradient(top, rgba(53,56,93,1) 0%, rgba(41,43,68,1) 100%);
	background: -ms-linear-gradient(top, rgba(53,56,93,1) 0%, rgba(41,43,68,1) 100%);
	background: linear-gradient(to bottom, rgba(53,56,93,1) 0%, rgba(41,43,68,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35385d', endColorstr='#292b44', GradientType=0 );
}

#lateral-bar {
  position: fixed;
	width: 20%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#lateral-bar .title-lateral-bar {
	margin-left: 7%;
	width: 93%;
	height: 60px;
	font-family: 'nexaLight', Arial, sans-serif;
	font-size: 1.4em;
	border-bottom: 2px solid #fb3b73;
	color: #FFFFFF;
}

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

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

.margin-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.logo-min {
	width: 80%;
	max-width: 172px;
	min-width: 100px;
	height: auto;
}

.search-lateral-bar {
  position: relative;
  color: #aaa;
  font-size: 16px;
  margin-left: 7%;
  margin-right: 7%;
  width: 86%;
}

.search-lateral-bar input {
  width: 100%;
  height: 50px;
  background: #fcfdff;
  border: 1px solid #cfd0d9;
  font-family: 'nexaLight', Arial, sans-serif;
  border-radius: .3em;
  font-size: 1em;
  cursor: pointer;
}

.search-lateral-bar input { text-indent: 1em;}
.search-lateral-bar .icon {
  position: absolute;
  top: 1.27em;
  right: .3em;
  font-size: 1.6em;
  color: #cfd0d9;
}

.button-lateral-bar {
  position: relative;
  font-size: 16px;
  margin-left: 7%;
  margin-right: 7%;
  width: 86%;
  color: #FFFFFF;
}

.button-lateral-bar button{
  width: 100%;
  height: 50px;
  background: #fb3b73;
  border: none;
  font-family: 'nexaBold', Arial, sans-serif;
  border-radius: .3em;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
}

.icon-content-box {
  position: absolute;
  font-size: 1.5em;
  top: 32px;
  text-indent: 0px;
}

.title-content-box label{
  margin-left: 30px;
  margin-top: 8px;
}


.title-content-box button{
  margin-top: 10px;
  width: 170px;
  height: 50px;
  background: #00bcff;
  line-height: 1em;
  float: right;
  border: none;
  font-family: 'nexaBold', Arial, sans-serif;
  border-radius: .3em;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: none;
}

.title-content-box button:hover{
  color: #00bcff;
  background: #FFFFFF;
  border: 1px solid #00bcff;
}

.button-lateral-bar button { text-indent: 2.1em;}
.button-lateral-bar .icon {
  position: absolute;
  top: 1.3em;
  left: -1em;
  font-size: 1.6em;
}

.button-lateral-bar button:hover {
  color: #fb3b73;
  background: #FFFFFF;
  -webkit-transition: background .3s;
  transition: background .3s;
}

.button-footer-lateral-bar {
  position: relative;
  font-size: 16px;
  margin-left: 7%;
  margin-right: 7%;
  width: 86%;
  color: #FFFFFF;
}

.button-footer-lateral-bar button{
  width: 100%;
  height: 50px;
  border: 1px solid #FFFFFF;
  background-color: rgba(255,255,255,0);
  font-family: 'nexaLight', Arial, sans-serif;
  border-radius: .3em;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.button-footer-lateral-bar  button { text-indent: 2.1em;}
.button-footer-lateral-bar .icon {
  position: absolute;
  top: .5em;
  left: -1em;
  font-size: 1.6em;
}

.button-footer-lateral-bar button:hover {
  color: #35385d;
  background-color: rgba(255,255,255,1);
}

.footer-lateral-bar {
  position: absolute;
  bottom:0px;
  left: 0px;
  width: 100%;
  height: 200px;
}

.footer-bottom-information {
  color: #FFFFFF;
  text-align: center;
  font-family: 'nexaLight', Arial, sans-serif;
  font-size: 1em;
}

.mini-logo-footer {
  width: 22%;
  height: auto;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: -5px;
}

#top-header {
  position: fixed;
  width: 80%;
  height: 100px;
  right: 0%;
  top: 0px;
  background-color: #f1f3f5;
  z-index: 5;
}

.inner-top-header {
  position: relative;
  width: 88%;
  height: 100px;
  margin: 0px auto;
  border-bottom: 2px solid #e1e1e5;
}

.left-title-container {
  position: absolute;
  width: 70%;
  height: 100px;
  left: 0px;
}

.right-title-container {
  position: absolute;
  width: 235px;
  height: 100px;
  right: 0px;
}

.left-title-container h1 {
  position: absolute;
  top: 1.6em;
  left: 2.2em;
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: 1.8em;
  color: #292b44;
}

.left-title-container h2 {
  position: absolute;
  top:1.3em;
  left: 3em;
  font-family: 'nexalight', Arial, sans-serif;
  font-size: 1.3em;
  color: #292b44;
}

.icon-title{
  position: absolute;
  font-size: 3em;
  color: #00bcff;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.user-dropdown-btn {
  font-family: 'nexalight', Arial, sans-serif;
  height: 20px;
  font-size: 1em;
  background-color: rgba(0,0,0,0);
  border: 0px solid #FFFFFF;
}

.user-dropdown  {
  margin-top: 2.2em;
  width: 195px
}

.user-dropdown button {
  outline: none!important;
}

.user-dropdown button::after {
  color:#00bcff;
}

.user-dropdown-menu {
  font-family: 'nexalight', Arial, sans-serif;
  border-radius: 0em!important;
  border: none!important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.dropdown-item {
  color: #999999!important;
  padding-left: 10px!important;
  padding-top: 5px!important;
}

.icon-user-dropdown-item {
  position: relative;
  border-radius: 100em;
  border: 1px solid #dfe0e6;
  width: 30px;
  height: 30px;
  font-size: 1em;
  color: #00bcff;
  text-align: center;
  line-height: 28px;
}
.label-user-dropdown-item{
  position: absolute;
  margin-left: 38px;
  margin-top: -26px;
}
.dropdown-item:hover {
  text-decoration: none;
  background-color: #e5e9ec;
}
.icon-user{
  position: absolute;
  color: #00bcff;
  font-size: 2.6em;
  right: 0px;
  top: 30px;
}
.middle-container{
  position: relative;
  width: 70%;
  height: 100%;
  right: -25%;
}
.white-content-box {
  position: relative;
  width: 100%;
  border-radius: .5em;
  background-color: #FFFFFF;
  -webkit-box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.5);
}

.var-filter-box {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: .5em;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  padding: 7px;
}

.var-filter-box-heading {
  display: table;
  width: 100%;
  border-bottom: 2px dotted rgba(255,255,255,0.5);
  font-size: 0.8em;
}

.var-filter-box-heading p {
  display: inline-block;
  font-family: 'nexalight', Arial, sans-serif;
  font-size: 1.2em;
  color: #FFFFFF;
  margin-left: 10px;
  line-height: 5px;
}

.var-filter-box-heading-icon {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.8em;
}

.var-filter-box-checklist {
  margin-top: 10px;
  color: #FFFFFF;
}
.var-filter-box-checklist li {
  font-family: 'nexaBold', Arial, sans-serif;
  color: #f7a4ad;
  font-size: .8em;
  margin-left: 10px;
}

.checkbox-container {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px rgba(255,255,255,.5) solid;
  transition: all 0.5s ease-in-out;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #FFFFFF;
  transition: all 0.5s ease-in-out;
  border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid #fb3b73;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.diagonal-gradient {
  background: #e85b37; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #e85b37 0%, #fb3b73 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #e85b37 0%,#fb3b73 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #e85b37 0%,#fb3b73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85b37', endColorstr='#fb3b73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.spacer140 {
  width: 100%;
  height: 140px;
}

.spacer10 {
  width: 100%;
  height: 10px;
}

.spacer50 {
  width: 100%;
  height: 50px;
}

.header-content-box {
  width: 100%;
  height: 100px;
}
.title-content-box {
  display: table;
  width: 97.6%;
  height: 100px;
  padding: 10px;
}
.title-content-box h1{
  display: inline-block;
  font-family: 'nexalight', Arial, sans-serif;
  font-size: 1.5em;
  color: #292b44;
  margin-left: 1em;
  margin-top: 1em;
}

.icon-simulacion-item {
  display: inline-block;
  border-radius: 100em;
  margin-left: 10px;
  border: 1px solid #dfe0e6;
  background-color: #FFFFFF;
  width: 35px;
  height: 35px;
  font-size: 1.2em;
  color: #00bcff;
  text-align: center;
  line-height: 1.8em;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.icon-simulacion-item:hover {
  border: 1px solid #00bcff;
  background-color: #00bcff;
  color: #FFFFFF
}

.tooltip .tooltip-inner {
  background-color: rgba(255,255,255,.8);
  font-family: 'nexaLight', Arial, sans-serif;
  line-height: 1em;
  color: #00bcff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.title-category-graph {
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: .9em;
  color: #fb3b73;
}

.title-table-simulation{
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: .8em;
  color: #fb3b73;
  margin-bottom: 5px;
  text-align: right;
}

.blue-font {
  color: #00bcff!important;
}

.blue-bottom-border {
  border-color: #00bcff!important;
}

.light-blue-bottom-border {
  border-color: rgba(0,188,255,.4)!important;
}

.arrow::before{
  display: none;
}

.highcharts-root{
  font-family: 'nexaLight', Arial, sans-serif!important;
}

.highcharts-axis-labels{
  font-family: 'nexaBold', Arial, sans-serif!important;
}

.highcharts-axis {
  font-size: .8em;
  color: #CCCCCC;
}

.icon-help{
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 1.3em;
  color:#d0d0d0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.icon-help:hover{
  color:#7b7b7b;
}

.inner-white-content-box {
  width: 94%;
  height: 120px;
  -webkit-transform: translateX(3%);
  -ms-transform: translateX(3%);
  transform: translateX(3%);
}

.topper-content-box {
  display: table;
  width: 100%;
  height: 60px;
  margin-top: 0px;
  margin-left: 0px;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.grandient-content-box {
  background: #e85b37; /* Old browsers */
  background: -moz-linear-gradient(left,  #e85b37 0%, #fb3b73 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #e85b37 0%,#fb3b73 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #e85b37 0%,#fb3b73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85b37', endColorstr='#fb3b73',GradientType=1 ); /* IE6-9 */
}
.blue-grandient-content-box {
background: #00bcff; /* Old browsers */
background: -moz-linear-gradient(left,  #00bcff 0%, #007ed4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #00bcff 0%,#007ed4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #00bcff 0%,#007ed4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcff', endColorstr='#007ed4',GradientType=1 ); /* IE6-9 */

}


.topper-content-box h2 {
  display: inline-block;
  font-family: 'nexaLight', Arial, sans-serif;
  color: #FFFFFF;
  font-size: 1em;
  margin-left: 10px;
  -webkit-transform: translateY(55%);
  -ms-transform: translateY(55%);
  transform: translateY(55%);
}

.topper-content-box .icon-topper-content-box {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.7em;
  margin-left: 10px;
  -webkit-transform: translateY(62%);
  -ms-transform: translateY(62%);
  transform: translateY(62%);
}

.right-topper-content-box{
  display: table;
  position: absolute;
  text-align: right;
  right: 0px;
  top: 0px;
  width: 65%;
  height: 60px;
}

.right-topper-content-box p {
  display: inline-block;
  font-family: 'nexaBold', Arial, sans-serif;
  color: #f7a4ad;
  font-size: .9em;
  margin-left: 10px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.inputDate {
  display: inline-block!important;
  font-family: 'nexaLight', Arial, sans-serif;
  width: 110px!important;
  color: #000000;
  font-size: .6em;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
}

.inputDate input{
  border-radius: 100em!important;
}

.inputDate input:disabled {
  cursor: not-allowed;
}

.inputDate::before {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  font-family: 'varIconset'!important;
  speak: none;
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\62";
  color: #fb3b73;
}

.form-control {
  font-size: 0.8rem!important;
}

.datepicker {
  font-family: 'nexaLight', Arial, sans-serif;
  font-size: .7em!important;
}

.datepicker .active {
  font-family: 'nexaBold', Arial, sans-serif;
    background-color: #fb3b73!important;
    border: none;
    border-radius: 100em!important;
}

.datepicker .datepicker-switch {
  color: #fb3b73!important;
  font-size: 1.3em!important;
  font-family: 'nexaBold', Arial, sans-serif;
}

.bottom-content-box{
  height: 60px;
  padding: 15px;
}

.bottom-content-box [class*="col-"]{
  height: 35px;
}

.helper{
  background-color: rgba(255,0,0,.2);
}

.helper2{
  background-color: rgba(0,255,0,.2);
}

.bottom-content-box .icon-tv {
  display: inline-block;
  color: #fb3b73;
  font-size: 1.3em;
}

.bottom-content-box .icon-online {
  display: inline-block;
  color: #fb3b73;
  font-size: 1.3em;
}

.bottom-content-box .icon-radio {
  display: inline-block;
  color: #fb3b73;
  font-size: 1.3em;
}

.bottom-content-box p {
  display: inline-block;
  font-family: 'nexaLight', Arial, sans-serif;
  font-size: 1em;
  color: #fb3b73;
}

.bottom-content-box, .float-right p {
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: 0.9em;
  margin-left: 10px;
}

.left-dotted-border {
  border-left: 2px dotted #fb3b73;
}

.top-dotted-border {
  border-top: 2px dotted #fb3b73;
}

.bottom-solid-table-border {
  border-bottom: 1px solid rgba(251,59,115,.2);
}

.borderless td, .borderless th {
    border: none;
}

.var-table-sub-headings-2{
  color: #fb3b73;
  font-size: calc(8px + .2vw);
  font-family: 'nexaBold', Arial, sans-serif;
}

.var-table-sub-row-headings{
  color: #000000;
  font-size: 110%;
  font-family: 'nexaBold', Arial, sans-serif;
}

.display-static-input {
  text-align: center;
    font-family: 'nexaLight', Arial, sans-serif;
    font-size: .9em;
    display: inline-block;
    border-radius: 100em;
    margin-left: 10px;
    width: 60px;
    background-color: #e9ecef;
    border: 1px solid #c8cbce;
    padding: 5px;
    cursor: not-allowed;
}

.accordion-container{
  margin: 10px auto;
   width: 94%;
}

.accordion-btn{
  display: table;
  font-family: 'nexaLight', Arial, sans-serif;
  font-size: 1em;
  width: 100%;
  text-align: left;
  background: transparent;
  height: 100%;
  border: none;
  padding: 15px;
  outline: none!important;
}

.accordion-btn p {
  display: inline-block;
  margin-top: 5px;
}

.accordion-btn.collapsed .icon-arrDown{
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
}

.icon-arrDown {
  display: inline-block;
  color: #fb3b73;
  font-size: 1.2em;
  line-height: 1.4em;
  -webkit-transition: all .3s cubic-bezier(0.78,-0.41, 0.42, 1.49);
  transition: all .3s cubic-bezier(0.78,-0.41, 0.42, 1.49);
}

.inner-accordion{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}

.col-right-fix {
  padding-right: 0px!important;
}

.col-left-fix {
  padding-left: 0px!important;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.table-sm {
  width: 100%;
}

.table-responsive {
  width: 100%!important;
  background-color: #FFFFFF;
  font-family: 'nexaLight', Arial, sans-serif;
  font-size: calc(8px + .15vw);
  text-align: center;
  overflow: hidden;
}

.var-table-headings{
  font-family: 'nexaBold', Arial, sans-serif;
  color: #FFFFFF;
  font-size: calc(8px + .2vw);
  height: 40px;
}

.black-font{
  color: #000000;
}

.var-table-sub-headings{
  font-family: 'nexaBold', Arial, sans-serif;
  border-bottom: 1px solid rgba(251,59,115,.2);
  line-height: 95%;
}

.var-table-sub-sub-headings{
  color: #fb3b73;
  border-bottom: 1px solid rgba(251,59,115,.2);
}

.var-table-right-border{
  border-right: 1px solid rgba(251,59,115,.2);
}

.var-table-highlight-col{
  background-color: #f1f3f5;
}

.data-period-select {
  position: absolute;
  right: 5%;
  top: 25px;
  z-index: 5;
  display: table;
}

.data-period-select .bootstrap-select{
  display: inline-block;
  width: 250px!important;
}

.data-period-select .icon-calendar{
  position: absolute;
  display: inline-block;
  left: 10px;
  top: 7px;
  font-size: 1.4em!important;
  color: #fb3b73;
  z-index:10;
}

.data-period-select .btn-light {
  background-color: #f1f3f5!important;
  border: 1px solid #c4ccd5!important;
  font-size: 1em!important;
  border-radius: 100px;
  color: #000000;
  font-family: 'nexaLight', Arial, sans-serif;
}

.dropdown-toggle::after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  font-family: 'varIconset'!important;
  speak: none;
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\62"!important;
  border: none!important;
  color: #fb3b73;
}

.dropdown-menu {
    font-family: 'nexaLight', Arial, sans-serif;
    font-size: .9em!important;
    border-radius: 0em!important;
    border: none!important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.dropdown-menu li .active {
  background-color: #fb3b73;
  color: #FFFFFF!important;
}

#userDropdownMenu::after{
  top: 5px;
}

.bootstrap-select .filter-option {
  left: 30px!important;
}

#venn-graph-container {
  width: 100%;
  height: 300px;
}

.highcharts-title{
   font-family: 'nexaBold', Arial, sans-serif;
    font-size: 1.2em!important;
    color: #fb3b73!important;
    fill: #fb3b73!important;
}

.highcharts-credits{
  display: none;
}

/* .highcharts-venn-series circle , .highcharts-venn-series path {
  stroke-width: 0px;
} */

.left-graph-label {
  position: absolute;
  top: 20%;
  left: 50px;
  z-index: 5;
  width: 100px;
  height: 100px;
}

.right-graph-label {
  position: absolute;
  bottom: 15%;
  right: 50px;
  z-index: 5;
  width: 100px;
  height: 100px;
}

.my-custom-graph-label{
  display: table;
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: .8em;
  text-align: center;
}

.icon-custom-graph-label {
  display: inline-block;
  font-size: 1.5em;
}

.color-tv {
  color: #f56b35;
}

.color-online {
  color: #fb3b73;
}

.my-custom-graph-label .label-title {
  display: inline-block;
  color: #000000;
  margin-left: 5px;
}

.my-custom-graph-label .label-data {
  display: inline-block;
  font-size: 2.6em;
}

.my-graph-title {
  display: table;
  font-family: 'nexaBold', Arial, sans-serif;
  font-size: .8em;
  text-align: center;
  width: 100%;
  border-bottom: 1px dotted #fb3b73;
  color: #fb3b73;
  height: 30px;
}


@media screen and (max-height: 700px) {
  .logo-min {
    width: 40%;
    max-width: 172px;
    min-width: 75px;
    height: auto;
  }
}