/* google fonts */
/*
font-family: 'Titillium Web', serif;
font-family: 'Source Serif Pro', serif;
font-family: 'Heebo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Merriweather', serif;
font-family: 'Cinzel', serif;
font-family: 'Cabin', sans-serif;
font-family: 'Titillium Web', serif;
*/
body {font-family: 'Open Sans', sans-serif;font-weight:300;color:#444;}
.topbordered{border-top:3px solid #197fb2 !important;}
.h1 {font-family: 'Open Sans', sans-serif;font-size:36px;}
h4 {font-family: 'Open Sans', sans-serif;font-size:36px;margin-bottom:2px;font-weight:normal;}
table td {font-family: 'Open Sans', sans-serif;font-weight:300;font-size:14px;padding:6px;}
table th {font-family: 'Open Sans', sans-serif;background-color:#3197d6}
table.table80{width:80%;}
p.intable{margin:20px 0 0 20px;}
.b2bcontact_table table td.vtop {vertical-align: top !important;}
.px0{padding-left:0 !important;padding-right:0 !important;}
ul.small_list{font-size:11px;font-weight:bold;list-style-type:decimal;padding-left:25px;}
.calendar table th {background-color:#eee;}
.sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item,
.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {font-weight:300;}
.littletext{font-size:12px;}
.littletext em{font-size:14px;color:#888;}
.closing{clear:both;}
.nowrap{white-space:nowrap;}
.wrapper{padding-bottom:170px;}
.mt20{margin-top:20px;}
.pl50{padding-left:50px;}
.mt10{margin-top:20px;}
.pr40{padding-right:40px;}
.mt5{margin-top:5px;}
.demoimg{width:80%;}
.p5{padding:5px;}
.pabs{position:absolute;}
.btn.p5{padding:5px;}
.scrollcontainer{max-height:300px;overflow-y:auto;}
.arrange-1{height:100%;}
.content-wrapper{padding:20px 15%;}
@media screen and (max-width: 1800px) {
  .content-wrapper{padding:20px 10%;}
}
@media screen and (max-width: 1500px) {
  .content-wrapper{padding:20px 5%;}
}
@media screen and (max-width: 1200px) {
  .content-wrapper{padding:20px 1%;}
}
.fakepre{
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family:monospace;
   white-space: pre-wrap ;
}
.well{position:relative;}
.overlapped{position:absolute;width:600px;top:48px;left:calc(40% - 300px);}
.well.morepadding-right{padding-right:44px;}
.table>tbody>tr>td.tdp0{padding:0px;}
.sponsor-container{padding:0 20px;z-index:101;}
.imgpopup{width:100%;border:1px solid #ddd;border-radius:3px;}
.sponsor-inner{padding-top:10px;background-color:#eee;}
.sponsorH{text-align:center;background-color:#fff;min-height:90px;border-radius:3px;
  -webkit-box-shadow: 1px 1px 3px #dedede;
  box-shadow: 1px 1px 3px #dedede;
}
.smalltext{font-size:9pt;}
.small-text{font-size:9pt;}
.modal-title-big{font-weight:bold;font-size:16pt;}
.black{color:black;}
.display0{display:none;}
.btn-primary{background-color:#3197d6;}
.btn-big{line-height:34px;}
.dblock{display:block;}
.coverture{position:fixed;width:100%;height:19px;background-color:#eee;z-index:1000;margin-top:1px;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover{
  color: #3197d6;
}
.accountcont{height:43px;padding-left:50px !important;padding-top:6px !important;font-size:14px !important;}
.reportrange{cursor:pointer;}
.navbar-brand{height:auto;}
.tooltip-inner {max-width:none;}
#popup-accounts .nav a{
  border-bottom:1px solid #eee;
}
@keyframes beatHeart {
  0% {
    transform: scale(0.8);
  }
  25% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.8);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

/**
 *  EXPANDABLE WIDGET
 */
.expandable-widget .expandable-content{
  font-size:12px;
  padding-top: 10px;
  display:none;
}
.expandable-widget {
  cursor:pointer;
}
.expandable-widget.expanded .expandable-content{display:block;}
.expandable-widget .fa-minus{display:none;}
.expandable-widget.expanded .fa-plus{display:none;}
.expandable-widget.expanded .fa-minus{display:inline-block;}

/**
 * NAV PLACEHOLDER
 */
.text-input__loading {
  padding-top: 5px;
}
.text-input__loading--line {
  height: 15px;
  margin: 10px;
  animation: pulse 1s infinite ease-in-out;
  background-color: rgba(165, 165, 165, 0);
}
.text-input__loading div:nth-child(1) {
  width: 105px;
}
.text-input__loading div:nth-child(5) {
  width: 105px;
}
.text-input__loading div:nth-child(9) {
  width: 105px;
}
.text-input__loading div:nth-child(2) {
  width: 150px;
}
.text-input__loading div:nth-child(6) {
  width: 150px;
}
.text-input__loading div:nth-child(10) {
  width: 150px;
}
.text-input__loading div:nth-child(3) {
  width: 50px;
}
.text-input__loading div:nth-child(7) {
  width: 50px;
}
.text-input__loading div:nth-child(4) {
  width: 100px;
}
.text-input__loading div:nth-child(8) {
  width: 100px;
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}



#exp-pdf, #exp-csv {display:none;}
.header-button{font-size:13px;}
.text-export{display:none;}

.alertGuide {
  border: 1px solid #feaa60;
  padding: 10px;
  margin: 0 0 15px 0;
  color: #000000;
}

.alerterror {
  border: 1px solid #c20512;
  padding: 5px;
  margin: 0 0 15px 0;
  color: #000000;
}

.tbConfig th{padding:10px;}

.loading_overlay_logo img{
  height: 30px;
}
.loading_overlay_logo {
  margin-top:10px;
  animation: .8s infinite beatHeart;
}
.navbar-text.two-lines {
  margin-top:7px;
}
.navbar-nav>li>a.two-lines{
  padding-top:10px;
}
.bottomsidebarcontainer{
  position:absolute;
  bottom:0;
  left:10px;
  background-color: #fff;
  z-index:1000;
  width: calc(100% - 10px);
  font-size: 12px;
  padding-bottom:20px;
}
@media only screen and (max-width: 767px) {
  .sidebar-toggle > em {
      color: #333;
  }
}
.bottomsidebarcontainer .nav > li > a {
  font-weight:bold;
}
.bottomsidebarcontainer .nav > li > a > em {
  font-size:16px;
  width: 1.5em;
}
.bottomsidebarcontainer .sidebar{

}

.regional_button_container{
  text-align:right;
  position:relative;
  z-index:100;
}

.regional_button_container .formContainer{
  position:absolute;top:6px;right:30px;
}

.daynamespaced{
  display:inline-block;
  width:120px;
}

.dummydiv_wrapper{height:20px;overflow-x: auto;height:0;}
.tableWidgetSmall .dummydiv_wrapper{height:0;}
.dummydiv{height:100%;}

.bottomsidebarcontainer .nav>li>a:focus, 
.bottomsidebarcontainer .nav>li>a:hover {
  background-color:transparent;
}

.table-hover>tbody>tr:hover {
  background-color: #e2ebf2 !important;
}

body, .wrapper > section {
  /*background-color: #f4f4f4;*/
  background-color: #eeeeee;
}

.text-muted{color:#444;}
.jumbotron{background-color:#fff;}
.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .jumbotron .h1, .jumbotron h1 {
      font-size: 36px;
  }
}

span.tablevalue {font-weight:bold;}
span.tablevalue i, td b i {font-size:9pt;}
span.note{font-style:italic;color:blue;}

/* valori bold */
span.value {font-weight:bold;}
.panel-body h4{font-weight:bold;}

.panel {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  position:relative;
  /*min-height:99px;*/
}
.panel > .panel {margin-bottom:0;}
.panel.subheading {min-height:auto;}
.panel.widget {min-height:auto;}

.panel .inner{padding:15px;}
.topnavbar{background-color:#fff;}
.topnavbar .nav-wrapper {
	background-image: none;
  background-color:#fff;
  box-shadow: none;
	border-bottom: none;
  height: 55px;
  
background: rgba(255,255,255,1);
/*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, #3197d6 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(33%, rgba(255,255,255,1)), color-stop(100%, #3197d6));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, #3197d6 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, #3197d6 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, #3197d6 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, #3197d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3197d6', GradientType=1 );*/
}
.navbar-text{font-size:16px;margin-right:5px;}
.navbar-nav>li>a{line-height: normal;}
.sidebar:after{background:none;}
.navbar_account_version_img{height:24px;width:24px;}

#chartcontainer{height:413px;}
#referrerpiecontainer{height:413px;}
#referrers_chart{height:313px;}
#referrers_chart2{height:213px;}
#geomapcontainer{height:413px;}
#visits_chart{height:413px;}

/* 
	evidence (giallo shiny) 
	textevidence (arancione shiny)
	alert-info (blue shiny)
*/
big.evidence{font-size:medium;}
.evidence{color:#ffd000;}
.redevidence{color:red;}
td .evidence{color:#ee0000;}
tr.strongevidence td {background-color:rgb(191,64,64);color:#ffffff;}
.textevidence{color:#999;}
.alert-evidence {
    background-color: #fcbe4a;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}	
.ga-campaign-evidence{color:#080;}

.panel-info > .panel-heading {
    background-color: transparent;
    color: #197fb2;
    font-size: 18px;
}

.panel.for-table .panel-heading{
  background-color: #e4e4e4;
  color:rgb(101, 101, 101);
  font-weight:bold;
}

.panel-settings .panel-heading {
  background-color: #3197d6;
  color:#fff;
  font-weight:bold; 
}

td.innertable{padding:0 !important;}
td.innertable table {margin-bottom:0;border:none !important;background-color:transparent !important;}
td.innertable table td {border-left:none !important;border-right:none !important;}
td.innertable table thead{display:none;}
td.w80{width:80px;}

/* footer dimension, centered text and bg color */
.footer100 {background-color:#eee;}
.wrapper > footer {text-align:center;height:150px;border-top:none;}
.wrapper > section {margin-bottom:120px !important;}
@media only screen and (min-width: 768px){
  .wrapper > footer.footer100 {
      margin-left: auto;
  }
}

.form-control-feedback {
  line-height: 34px !important;
}
/* colore heading principale report */
.content-wrapper > h3, .content-wrapper > .content-heading.subheading {
  color: #222;
}
.content-wrapper > h3, .content-wrapper > .content-heading, .report_subtitle {
	background-color:#3197d6;
	color: #fff;
	border-bottom: none;
  border-radius:3px;
}
.content-heading-inner{padding:15px 20px;}
.report_subtitle{font-size:14px;font-weight:normal;padding:10px;}
.navbar-right img{padding-top:8px;}
.navbar-right {padding-right:10px;}
/*
.content-heading a {color: #fff;text-decoration:none;}
.content-heading a:link {color: #fff;text-decoration:none;border-bottom:1px solid gray;}
.content-heading .pull-right a:link {border-bottom:none;}
.content-heading .pull-right a.btn:link {border-bottom:1px solid rgba(255, 255, 255, 0.40);}
.content-heading a:hover {color: #fff;text-decoration:none;border-bottom:none;}
.content-heading span {font-size:14px;}
.content-heading.subheading {padding:15px;font-size:20px;margin-top:-19px;}
*/
.content-heading.subheading {
  background-color:#fff;
  margin-bottom:1px;
  padding:3px 5px;
  font-size:12pt;
  font-weight: normal !important;
}
.content-heading.subheading.last {
  margin-bottom: 15px;
}
.content-heading.subheading a:link,
.content-heading.subheading a:visited,
.content-heading.subheading a:hover {
  color: #777;
}

.content-wrapper .content-heading.is_stuck {
  z-index:100;
  background-color:#3197d6;
  /*margin-left:-3px;*/
  /*padding: 7px 3px 4px 3px;
  box-sizing: content-box;*/
  border-bottom:1px solid #eee;
  border-radius:3px;
}

.wrapper > .aside, 
.sidebar,
.sidebar-subnav { background-color: transparent; }
.aside nav.sidebar{display:none;}

/* navbar: colore e dimensione testi */
.topnavbar .navbar-nav > li > a, 
.topnavbar .navbar-nav > .open > a,
.sidebar .nav-heading {
  color: #444;
}
.sidebar .nav > li > a, .sidebar .nav > li > .nav-item {
  color: #838e8a;
}

.brand-logo{width:264px;}
.brand-logo img{margin:4px 0 !important;height:40px;}
.topnavbar .navbar-header .brand-logo {padding:3px 15px;}
.blueoldtext{color:#0b7db4;font-weight:bold;margin-top:22px;margin-bottom:8px;}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {width: auto;}
}

/* dropdown domain */
.topnavbar .dropdown > a {
	font-size: 14px;
  height: 55px;
}
.topnavbar .nav>li>a:focus, 
.topnavbar .nav>li>a:hover {
    background-color: transparent;
}

.navbar-nav>li>a {
  padding-top:17px;
}

.topnavbar form {
  padding:15px 2px;
  height: 55px;
}
.topnavbar form button {
  border: none;
  background-color:transparent;
}
.topnavbar form button:hover {
  color: #117391;
}

/* text-info in blue shiny */
.text-info {
    color: #197fb2;
}

/* home widgets */
.widget.panel, .widget .panel {
    overflow: hidden;
}

.widget {
    margin-bottom: 20px;
    border: 0;
}

.row-flush>[class*=col-] {
    padding-left: 0;
    padding-right: 0;
}

.row-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0;
}

.row-table>[class*=col-] {
    display: table-cell;
    float: none;
    table-layout: fixed;
    vertical-align: top;
}
.js-height-100 .row-table>[class*=col-] {
  vertical-align:middle;
}

.row-table > div:last-child {
  border-right:none;
}

/* tables */
.table>tbody>tr>td>.media img {
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.table>thead>tr>th {
    padding: 14px 8px;
    color:white;
    vertical-align:middle;
}

.panel .table>thead>tr>th,  
  .panel .table>tfoot>tr>th {color:white;padding:8px;}
.panel table th {background-color:#3197d6;}
.panel table th.th-grey {background-color:#ddd;color:#000;}
td.silver2 {background-color:#ddd;}
.panel table th.th-trasp {background-color:transparent;color:#000;border-top:1px solid #ddd;}
.tableWidgetSmall .table>thead>tr>th {
  padding: 6px 8px;
  background-color:#3197d6;
  font-size: 14px;
}
.tableWidgetSmall .table>tbody>tr>td {
  padding: 6px 8px;
  background-color:#fff;
  font-size: 12px;
}

.panel-footer .pagination {
    margin: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    /*border: 1px solid #d0d0d0;*/
}

.panel > .table-responsive {

}

table td a {
  color: #197fb2;
}
table td a:hover,
table td a:focus {
  text-decoration:none;color:#f48743;
}
table td a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* navbar-menu */
.sidebar .nav > li > a:focus, .sidebar .nav > li > .nav-item:focus {
    color: #838e8a;
    background-color: transparent !important;
}

.sidebar .nav > li > a:hover, .sidebar .nav > li > .nav-item:hover {
    color: #838e8a;
    background-color: #eee !important;
}
.sidebar .nav > li > a.not_selectable {
    color: #ccc !important;
    background-color: transparent !important;
}
.sidebar .nav > li.active, .sidebar .nav > li.open, .sidebar .nav > li.active > a, .sidebar .nav > li.open > a, .sidebar .nav > li.active .nav, .sidebar .nav > li.open .nav {
    color: #f48743;
    background-color: transparent;
}
.sidebar .nav > li.active {
    border-left-color: #f48743;
}
.sidebar .nav > li > a > em, .sidebar .nav > li > .nav-item > em {
    color: #999;
}
.sidebar .nav > li.active > a > em, .sidebar .nav > li.open > a > em {
    color: #f48743;
}
.sidebar .nav > li > a.not_selectable > em {
  color: #ccc !important;
}
.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {
    font-size: 12.5px;
    padding: 8px 20px;
    padding-left: 48px;
}
.nav li li li a {font-size:12px;}

.sidebar-subnav .icon-arrow-right{font-size:10px;}

/* buttons */
.btn {border-radius: 0;padding:2px 12px;}
.btn-outline {
    border: none;
    background-color: transparent;
}
.btn-outline.btn-primary {
    border-color: transparent;
    color: #197fb2;
}
.btn-outline.btn-primary.btn-nob2b {
    border: 1px solid rgba(25, 127, 178, 0.5);
}
.btn-outline.btn-primary.active {
    background-color: #197fb2;
    color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover {
   background-color: #eee;
}

/* calendar */
.daterangepicker .calendar { max-width:none; }
.daterangepicker th {border-radius: 0;}

/* sparkline widget */
.bg-info-light {
  background-color: #AACCDD;
}

/* forms */
.formRow.typecheckbox label{width:100%;}
.formRow.typecheckbox label{margin-bottom:0;padding:5px;cursor:pointer;}
.formRow.typecheckbox label:hover{background-color:#eee;}
.settings .formContainer{padding:10px;width:80%;}
.settings .formContainer .formRow{margin-bottom:30px;}
.form_preferences .formRow.typecontent{margin-bottom:0;}
.settings .formContainer .formLabel{color:#666;}
.formContainer .intable input[type="text"],
.settings .formContainer .formRow input[type="text"],
.settings .formContainer .formRow input[type="email"],
.settings .formContainer .formRow input[type="password"],
.settings .formContainer .formRow select,
.formContainer .intable select,
.sh-popup input[type="password"] {
  font-size: 15px;
  width: 100%;
  background: #eee;
  border: 0px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  /*  
  color: #000;
  width:100%;
  border:none;
  border-bottom:1px dashed #aaa;
  padding-top: 5px;
  font-size:18px;
  */
}
.sh-popup input.error{border:1px solid red;}

.form_preferences .formRow.typecheckbox .formField{padding:5px;}
  
input.inline-control{width:auto !important;margin:0 10px;}

.fa-compare:before {
  content: " ";
  display:inline-block;
  width: 18px;height:16px;
  background: url(../images/compare2.svg) no-repeat;
  background-size: contain;
  position:relative;
  top:1px;
}

/* trend icons */
.fa-angle-double-up{color:#27c24c;font-size:1.5em;}
.fa-angle-up{color:#27c24c;font-size:1.5em;}
.fa-angle-down{color:#f05050;font-size:1.5em;}
.fa-angle-double-down{color:#f05050;font-size:1.5em;}
.fa-sort{color:transparent;}

.content-heading .btn-outline.btn-primary {
  border: 1px solid #888;
  color: #555;
}
.content-heading .btn-primary:hover,
.content-heading .btn-outline.btn-primary.toggled {
  /*
  border: 1px solid #888;
  color: #555;
  background-color: #ddd;
  box-shadow: none;
  -webkit-box-shadow: none;
  */
}
.linkasbutton{
  display:inline-block;
  cursor:pointer;
  font-size:16px;
  font-weight:normal;
  background-color: #fce15b;
  padding: 3px 8px;
  font-size:12px;
  border-radius:3px;
}
.content-heading a:link.linkasbutton{color:#000;}
.content-heading a:visited.linkasbutton{color:#000;}
.content-heading a:hover.linkasbutton{color:#000;}
.content-heading a:focus.linkasbutton{text-decoration:none;}
a.linkasbutton{color: #000;}
a:visited.linkasbutton{color: #000;}
a.linkasbutton:hover{text-decoration:none;background-color: #fdec94;}
body.mono .content-heading.subheading .btn-outline.btn-primary {
  border: 1px solid #888;
  color: #555;
}
body.mono .content-heading .btn-primary:hover,
body.mono .content-heading .btn-outline.btn-primary.toggled {
  /*border: 1px solid rgba(0, 0, 0, 0.60);
  color: rgba(0, 0, 0, 0.80);
  background-color: rgba(0, 0, 0, 0.10);
  box-shadow: none;
  -webkit-box-shadow: none;*/
}

.heading-compare {display:none;font-size:18px;}
.heading-compare .btn{
  display:block;
  white-space:normal;
}
.heading-compare a {
  font-size:12pt;
  font-weight:normal;
}
.heading-compare a:link,
.heading-compare a:visited {
  display:block;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding:5px;
}
.heading-compare a:hover{
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration:none;
  background-color: rgba(255,255,255,0.5);
}
h4 .secondary,
span.secondary {display:inline-block;padding-top:8px;font-size:16px;line-height:1.3em;font-weight:normal;font-family: 'Titillium Web', sans-serif;}


/* colorful theme */
body.colorful .panel.bigwidget{background-color: rgba(25, 127, 178, 0.50);}
body.colorful .panel.bigwidget,
body.colorful .panel.bigwidget .text-muted,
body.colorful .panel.bigwidget .text-muted em {
  color: #fff;
}
body.colorful .sidebar,
body.colorful .sidebar-subnav {
  background-color: #3a3f51;
}
body.colorful .sidebar .nav > li > a, 
body.colorful.sidebar .nav > li > .nav-item {
  color: #fff;
}
body.colorful .sidebar .nav > li.active, 
body.colorful .sidebar .nav > li.open, 
body.colorful .sidebar .nav > li.active > a, 
body.colorful .sidebar .nav > li.open > a, 
body.colorful .sidebar .nav > li.active .nav, 
body.colorful .sidebar .nav > li.open .nav {
  background-color: #383d4e !important;
  color: #f48743 !important;
}
body.colorful .sidebar .nav > li > a:focus, 
body.colorful .sidebar .nav > li > .nav-item:focus, 
body.colorful .sidebar .nav > li > a:hover, 
body.colorful .sidebar .nav > li > .nav-item:hover {
  background-color: transparent !important;
  color: #f48743 !important;
}
/*body.colorful span.value{color:#c40;}
body.colorful .panel-body h4{color:#c40;}
body.colorful .highcharts-color-0{fill:rgba(255,0,0,1);}
body.colorful .highcharts-color-1{fill:rgba(255,160,0,0.5);}
*/

body.colorful .wrapper > section {
  background-color: transparent;
  background-image: url(../images/bg.jpg);
  background-size: cover;
}

body.colorful .formContainer .formRow input,
body.colorful .formContainer .formRow select,
body.colorful .formContainer .formRow .switch,
body.colorful .formContainer .formRow .c-radio,
body.colorful .formContainer .formRow textarea{
  background-color:#ffd;
}

body.colorful .ss-scroll {background: rgba(255, 255, 255, 0.4);}

/* mono - VISITS */
body.mono .content-wrapper > .content-heading.color-metric-VISITS {
  background-color:#fff;color:#197fb2;
  border-left:4px solid #197fb2;
  border-bottom:1px solid #ccc;
  margin-top:-20px;
}
body.mono .content-heading.color-metric-VISITS a:link,
body.mono .content-heading.color-metric-VISITS a:visited {color:#197fb2;}

/* mono - VIEWS */
body.mono .content-wrapper > .content-heading.color-metric-VIEWS {
  background-color:#fff;color:#75b2d1;
  border-left:4px solid #75b2d1;
  border-bottom:1px solid #ccc;
  margin-top:-20px;
}
body.mono .content-heading.color-metric-VIEWS a:link,
body.mono .content-heading.color-metric-VIEWS a:visited {color:#75b2d1;}

/* mono - NEW_VISITORS */
body.mono .content-wrapper > .content-heading.color-metric-NEW_VISITORS {
  background-color:#fff;color:rgba(15, 107, 128, 1);
  border-left:4px solid rgba(15, 107, 128, 1);
  border-bottom:1px solid #ccc;
  margin-top:-20px;
}
body.mono .content-heading.color-metric-NEW_VISITORS a:link,
body.mono .content-heading.color-metric-NEW_VISITORS a:visited {color:rgba(15, 107, 128, 1);}



body.colorful .content-wrapper > .content-heading.color-metric-VISITS {
  background-color: #ed4334;
}

body.colorful .content-wrapper > .content-heading.color-metric-VIEWS {
  background-color: #f48743;
}

body.colorful .content-wrapper > .content-heading.color-metric-NEW_VISITORS {
  background-color: #c13a35;
}

.differentperiod{opacity:0.75;}

/*body.colorful .color-visits {background-color:#ed4334;} /* rosso pesante*/
/*body.colorful .color-pageviews {background-color:#f69f68;} /* rosso leggero */
/*body.colorful .color-visitors {background-color:#5bd76d;} /* verde leggero */
/*body.colorful .color-time-1 {background-color:#f6a043;} /* arancione scuro */
/*body.colorful .color-time-2 {background-color:#fcbe4a;} /* arancione chiaro */
/*body.colorful .color-pages {background-color:#5aa3c8;} /* azzurro */
/*body.colorful .color-bounces-1 {background-color:#ffcc4d;} /* giallo scuro */
/*body.colorful .color-bounces-2 {background-color:#fcda50;} /* giallo chiaro */
/*body.colorful .color-uniques {background-color:#189c2b;} /* verde pesante */

.bigwidget .value {visibility:hidden;}


/* switch */
.switch * {
  cursor: pointer;
}
.switch input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.switch span {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
  transition: all .5s;
  box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
  vertical-align: middle;
}

.switch input:checked+span {
  background-color: #5d9cec;
  border-color: #5d9cec;
  transition: all .5s;
}

.switch input:checked+span:after {
  left: 50%;
  transition: all .2s;
}

.switch span:after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ddd;
  border-radius: 400px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  -webkit-transition: all .2s;
}


.c-checkbox *, .c-radio * {
    cursor: pointer;
}

.c-checkbox span, .c-radio span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #ccc;
    margin-right: 5px;
    text-align: center;
}

.c-checkbox.c-checkbox-rounded span, .c-checkbox.c-radio-rounded span, .c-radio.c-checkbox-rounded span, .c-radio.c-radio-rounded span, .c-radio span {
    border-radius: 500px;
}

.c-checkbox input[type=checkbox]:checked+span, .c-checkbox input[type=radio]:checked+span, .c-radio input[type=checkbox]:checked+span, .c-radio input[type=radio]:checked+span {
    border-color: #5d9cec;
    background-color: #5d9cec;
}

.c-checkbox input[type=radio]:checked+span, .c-radio input[type=radio]:checked+span {
    background-color: #fff;
}

.c-radio input {
  opacity: 0;
  position: absolute;
  margin-left: 0!important;
}

.c-radio {
  margin-right: 4px;
}

.c-checkbox input[type=checkbox]:checked+span:before, .c-checkbox input[type=radio]:checked+span:before, .c-radio input[type=checkbox]:checked+span:before, .c-radio input[type=radio]:checked+span:before {
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out;
}

.c-checkbox span:before, .c-radio span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center!important;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.c-checkbox span:before, .c-radio span:before {
    margin-left: 0;
}

.c-checkbox input[type=radio]:checked+span:before, .c-radio input[type=radio]:checked+span:before {
    color: #5d9cec;
}

.checkbox-inline, .radio-inline{font-weight:bold;}

.note-editor {
    background-image: linear-gradient(#eee .1em,transparent 0);
    background-size: 100% 20px;
    background-color: #fff;
    line-height: 20px;
    margin-top: 5px;
    padding: 0;
    padding-bottom: 1px;
    border: none;
}
.note-editor.note-editor-margin {
    background-image: linear-gradient(90deg,transparent 49px,#ffe0c4 0,#ffe0c4 51px,transparent 0),linear-gradient(#eee .1em,transparent 0);
    padding-left: 55px;
}

.floatpanel{float:left;margin-right:40px;height:80px;}

.radio-newline{text-align:center;margin-top:5px;}
.radio-newline span{margin-left:0;}

.panel-body.bgblack {background-color:#000;}

.formContainer.form_searchform form,
.formContainer.form_exportform form {
  padding: 10px 20px;
}
.formContainer.form_exportform form .formRow.typecheckbox {
  display: inline-block;padding-right:20px;font-size:12px;
}
.formContainer.form_exportform form button[type="submit"] {
  display:none;
}
.formContainer.form_exportform form button[type="submit"].csvbutton {
  display:inline-block;
}

.form_searchform form .formRow{display:inline-block;width:25%;}
.form_searchform form .formRow.typeradio{width:auto;}
.form_searchform form .formRow input[type="text"],
.form_searchform form .formRow select{width:80%;}
.form_searchform form .formRow.typecontent{display:block;}
.form_searchform form button{width:15%;margin-left:5%;}
.form_searchform form .formRow.typecheckbox .closing{border:none;}
.formRow.typehidden{display:none !important;}

.loader{visibility:hidden;}
.loading_overlay{
  display: none;
  position:fixed;top:0;width:100%;height:100%;
  background-color: rgba(255,255,255,0.60);
  z-index:10000;
}
.loading_overlay_text{text-align:center;}
.loading_overlay_inner{
  position:absolute;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  top: 100px;
  background-color:white;
  padding: 20px;
  -webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.3);
  height: 120px;
}
.loading_overlay_bar{
  margin-top:10px;
  border-bottom: 1px solid #197fb2;
  height: 10px;
  
  display:none;
}
.loading_overlay_bar_inner{
  width:1%;background-color:#197fb2;height:100%;
  
  display:none;
}

.col-expandable {
  -webkit-transition: width 350ms ease;
  -moz-transition: width 350ms ease;
  -ms-transition: width 350ms ease;
  -o-transition: width 350ms ease;
  transition: width 350ms ease;
}

/* grafici */
.chartcontainer{height: 400px;width: calc(100% - 24px);}
.networkChartContainer, .pathsChartContainer, .sankeyChartContainer{height: 600px;}
.chartcontainer.emptychart{
  background: url(../images/strip.png);
  width:100%;
  font-size: 28px;text-align:center;
  display: table;
}
.chartcontainer.emptychart span {
  display: table-cell;
  vertical-align: middle;
}
table td.striped{
  background: url(../images/strip.png);
  font-size: 28px;text-align:center;
}

.miniChartcontainer{width:300px;height:20px;display:inline-block;}

/* pannello comandi laterale destro per grafici */
.panel.tablewrapper{padding-right:24px;}
.tableWidgetSmall .panel.tablewrapper{padding-right:0px;}
.for-table .panel{margin-bottom:0;}
.chartPanelCommands {
  width: 24px;
  background-color:#eee;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  z-index:90;
  border-radius: 3px;
}
.chartPanelCommands .commandbutton {
  text-align:center;
  cursor:pointer;
  border-bottom: 1px solid #fff;
  padding: 5px 0;
}
.chartPanelCommands .commandbutton.last {
  border-bottom: none;
}
.chartPanelCommands label.commandbutton {
  display: block;
  margin-bottom:0;
}
.chartPanelCommands .commandbutton input[type=radio] {
  position:absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
.chartPanelCommands .commandbutton:hover{
  background-color: #ddd;
}
.chartPanelCommands .commandbutton.active{
  background-color:#fff;
  border-bottom: 1px solid #eee;
}

.chartPanelCommands .top_section {
  margin-bottom:0;
}
.chartPanelCommands .bottom_section {
  position:absolute;
  width: 24px;
  bottom:0;
}
/*
.expandbutton{
  position:absolute;
  top:0px;
  right:15px;
  width: 24px;
  height: 48px;
  cursor:pointer;
  text-align:center;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  background-color:#ddd;
  padding-top: 1px;
}
.expandbutton:hover{
  color: #f48743;
}
*/
.mapChartContainer{height:613px;}
.trasp > .widget {margin-bottom:0;}
.trasp > .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.trasp .bb {border-bottom:none;}

/* visjs network */
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {display:none;}
div.vis-network div.vis-navigation div.vis-button.vis-up, 
div.vis-network div.vis-navigation div.vis-button.vis-down, 
div.vis-network div.vis-navigation div.vis-button.vis-left, 
div.vis-network div.vis-navigation div.vis-button.vis-right, 
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn, 
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut, 
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: none !important;
}

div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: none !important;
}

.vis-button {
  background-color: #eee;
  text-align:center;
}
.vis-button:after {
  font-size: 20px;
  line-height:35px;
  color: #0b7db4;
}

.vis-button:hover:after {
  font-size: 20px;
  line-height:35px;
  color: #f48743;
}

.vis-button.vis-up:after {
  content: "▲";
}

.vis-button.vis-down:after {
  content: "▼";
}

.vis-button.vis-left:after {
  content: "◀";
}

.vis-button.vis-right:after {
  content: "▶";
}

.vis-button.vis-zoomIn:after {
  content: "+";
  font-weight: bold;
}

.vis-button.vis-zoomOut:after {
  content: "−";
  font-weight: bold;
}



/**
 *  Animated loading ellipsis
 */
.ellipsone {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
  animation: dot 1.3s infinite;
  animation-delay: 0.0s;
}
.ellipstwo {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}

.ellipsthree {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}

.daterangepicker .calendar.left td.active.end-date, 
.daterangepicker .calendar.left td.active.end-date:hover {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker .calendar.right td.active.start-date, 
.daterangepicker .calendar.right td.active.start-date:hover {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

/**
 * DROPDOWN MENU LARGE
 */
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 0px;
  padding: 20px 0px;
  width: 640px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight:300;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li > ul > li > span {
  font-size:12px;
  display:block;
  padding: 3px 20px;
}

.dropdown-menu-large > li > ul > li > span:hover {
  background-color: #f5f5f5;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}

a.nolink{cursor:default;}
a.nolink:hover{color:inherit !important;}
a.nolink:active{color:inherit !important;}
a.nolink:focus{color:inherit !important;}

@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}

 
/**
 * BOXED MENU
 */
.infowidget{padding:65px 10px 0 10px;}
.infowidget-inner{background-color:white;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  position:relative;
}
.infowidget-inner .nav{border-top:1px solid #eee;}
.infowidget .inforow{padding:5px;font-size:12px;border-top:1px solid #eee;text-align:center;}
.aside-inner {
  padding: 10px;
  /*padding-top: 110px !important;*/
}
.aside-inner .boxed{background-color:white;height:100%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.nav>li>a>span.icon-cont,
  .infowidget span.icon-cont {display:inline-block;width:44px;text-align:center;padding:10px 0;border-right:1px solid #eee;}
.infowidget span.icon-cont{border-right:none;}
.infowidget span.icon-cont img{vertical-align:baseline;}
.nav>li>a>span.icon-cont>em.fa {font-size: 1.4em;}
.nav>li>a>span.text-cont {font-weight:bold;color:#222;display:inline-block;padding:10px 0px 10px 12px;font-size:12px;}
.nav>li>a>span.text-cont small {color:#bbb;font-size:9pt;font-style:italic;}
.nav>li>ul>li>a>span.text-cont{padding-left:20px;font-weight:normal;}
.nav>li>ul>li>ul>li>a>span.text-cont {padding-left:40px;}
.nav>li>a.not_selectable>span.text-cont {color:#ccc;}
  .infowidget span.text-cont {display:inline-block;padding-left:5px;line-height:1.2em;padding-top:3px;}
.infowidget span.text-cont small{font-weight:bold;font-size:11px;color:#bbb;font-style:italic;
overflow:hidden;
}
.nav>li>a>span.icon-submenu {position:absolute;left:186px;top:12px;}
.sidebar-subnav{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.sidebar-subnav .sidebar-subnav{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.sidebar-subnav .icon-cont{display:none !important;}
.sidebar-subnav > li .nav > li {padding-left: 0px;}
.icon-submenu>em.fa {font-size: 0.8em;}
.sidebar-subnav .icon-submenu>em.fa {font-size: 0.8em;}
.aside-inner .nav>li{border-bottom:1px solid #eee;}
.aside-inner .nav>li>ul>li{border-bottom:none;}
/* colore di sfondo dell'icona */
body.Free .nav>li.active>a>span.icon-cont{background-color:#ff9532;color:black;}
body.Professional .nav>li.active>a>span.icon-cont{background-color:#fe5261;color:black;}
body.Business .nav>li.active>a>span.icon-cont{background-color:#3197d6;color:black;}
/* colore del testo della voce di menu attiva */
body.Free .sidebar .nav > li.active > a {color: #ff9532;}
body.Professional .sidebar .nav > li.active > a {color: #f90020;}
body.Business .sidebar .nav > li.active > a {color: #3197d6;}
/* hover, active, not_selectable */
body.Free .nav>li>a:hover{color:#ff9532;}
body.Free .nav>li>a:hover>span.text-cont{color:#ff9532;}
body.Free .nav>li>a.not_selectable:hover>span.text-cont{color:#ccc;}
body.Free .nav>li.active>a>span.text-cont{color:#ff9532;}
body.Professional .nav>li>a:hover{color:#f90020;}
body.Professional .nav>li>a:hover>span.text-cont{color:#f90020;}
body.Professional .nav>li>a.not_selectable:hover>span.text-cont{color:#ccc;}
body.Professional .nav>li.active>a>span.text-cont{color:#f90020;}
body.Business .nav>li>a:hover{color:#3197d6;}
body.Business .nav>li>a:hover .icon-cont svg{fill:#3197d6;}
body.Business .nav>li>a:hover>span.text-cont{color:#3197d6;}
body.Business .nav>li>a.not_selectable:hover>span.text.cont{color:#ccc;}
body.Business .nav>li.active>a>span.text-cont{color:#3197d6;}

.sidebar .nav{border-bottom:1px solid #eee;}
.sidebar-lastitem {border-top:1px solid #eee;
color:#838e8a;font-size:14px;
}
.sidebar-lastitem .text-cont {padding:10px;display:inline-block;}
.sidebar-lastitem .social-cont {float:right;margin-right:30px;}
.sidebar-lastitem .social-cont a:link{font-size:2em;color:#888;}
.sidebar-lastitem .social-cont a:visited{color:#888;}
.sidebar-lastitem .social-cont a:hover{color:#aaa;}

.content-heading a:link{color:white;}
.content-heading a:visited{color:white;}
.content-heading a:hover{color:white;}

/* POPUPS */
#popup-accounts .modal-dialog {
  margin-left: 9px;
  margin-top: 154px;
}
.for-popup-accounts{background-color:transparent;}
.scale-up-tl {
  -webkit-animation: scale-up-tl 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-tl 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in {
  -webkit-animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/**
 * ----------------------------------------
 * animation scale-up-tl
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-tl {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-tl {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



#popup-options ul{display:block;list-style:none;padding:0;}
#popup-options ul ul {padding:0 20px;}
#popup-options li{list-style:none;padding:4px 0;}
#popup-options li > ul > li > span > b {
  display:inline-block;width:42%;
}
#popup-options li > ul > li > span > span{
  display:inline-block;width:57%;
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  color: #3197d6;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.sh-popup .close {
  clear:none;
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  border: 1px solid #333;
  border-radius: 3px;
  padding: 5px 9px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #3197d6;
}
.ranges li:hover,
.ranges li.active {
    background-color: #3197d6;
}
.icon-cont.icon-custom{}
.icon-cont.icon-custom-previous svg{position:absolute;width:20px;height:20px;top:10px;left:11px;fill:#838e8a;}

.nav-tabs li a{padding:10px 0;}
/**
 * RESPONSIVE MEDIA QUERIES
 */
 
@media screen and (max-width: 1500px) {
  body{font-size:12px;}
  .h1 {font-size:36px;}
  h4 {font-size: 28px;}
  .topnavbar .dropdown > a {font-size: 13px;}
  .navbar-text{font-size:13px;}
  .content-wrapper > .content-heading {font-size: 14px;}
  .chartcontainer{height: 340px;width: calc(100% - 24px);}
  .heading-compare a {font-size:12px;}
  table td {font-size: 12px;}
  .jumbotron .h1, .jumbotron h1 {font-size: 28px;}
  .jumbotron p {font-size: 18px;}
}

@media screen and (max-width: 1200px) {
  .overlapped{position:absolute;width:400px;top:40px;left:calc(48% - 200px);}
  .demoimg{width:100%;}
}

#ui-datepicker-div {
  z-index: 201 !important;
  position: fixed !important;
  top:0 !important; left:0 !important; width:100% !important;
  height:100%;overflow:scroll;
  padding-top: 3em;
}
.ui-datepicker-group{float:none !important;}
.ui-datepicker-header{
  border: none;
  background: transparent;
  color: #333333;
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: normal;
}
.ui-datepicker-buttonpane.ui-widget-content button:nth-child(1){display:none;}
.ui-datepicker-buttonpane.ui-widget-content button:nth-child(2){position:fixed;top:0;right:0.4em;}
.ui-datepicker th {background-color:transparent;border:1px solid #dddde5;}
.ui-datepicker td {padding:8px;}
.ui-datepicker td a{border:none !important;background-color:transparent !important;font-size:16px;text-align:center;}
.ui-datepicker td.ui-datepicker-today a{color:#20c3f3 !important;}
.ui-datepicker td.ui-datepicker-current-day a{background-color:#000 !important;color:#fff !important;}

.calendar-topbar {padding:0 0.4em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.calendar-topbar > div {display:inline-block;width:50%;text-align:center;padding:1em 0;font-size:14px;}
.calendar-topbar > div.active {color:#20c3f3;border-bottom:2px solid #20c3f3;}
.month_selector{display:none;padding:0 0.4em;text-align:center;font-size:14px;}
.month_selector .month{
  width:50%;float:left;padding:1em;
  /*border-bottom:1px solid #ccc;padding:1em 0;
-webkit-box-shadow: inset 0px -5px 10px -10px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px -5px 10px -10px rgba(0,0,0,0.25);
box-shadow: inset 0px -5px 10px -10px rgba(0,0,0,0.25);*/
}
.month_inner{border:1px solid #ccc;padding:1em;border-radius:5px;}

.panel-footer .tags_line{margin:0;}

/*.navbar-collapse.collapse {}*/
@media only screen and (max-width: 767px) {
  .wrapper .aside-container {
      margin-left: 0;
      -webkit-transform: translate3d(-220px,0,0);
      transform: translate3d(-220px,0,0);
      transition: transform .3s ease;
  }
}
@media only screen and (min-width: 768px) {
  .collapse:not(.in) {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .content-wrapper{padding:10px;}
  .chartcontainer {
      height: 200px !important;
      width: calc(100% - 24px);
  }
  .groupsfilter{
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
  }
  .groupsfilter select{
    display:block;
    width:100%;
  }
  .bcrumb.visible-xs{
    text-align: center;
    margin-bottom: 15px;
    font-size:16px;
    font-weight:bold;
  }
  .tags_line{display:none;}
  .fs-16{font-size:14px;}
}

@media screen and (max-width: 1500px) {
  .topnavbar .dropdown > a {
      font-size: 12px;
  }
}

@media (max-width: 768px) {
  .layout-fixed .wrapper > section {
      margin-top: 62px;
  }
}

.block-item-mobile{display:inline;}
@media (max-width: 768px) {
  .block-item-mobile{display:block;}
}

.b2bcontact_table th a:link{color:#fa0;}
.b2bcontact_table th a:visited{color:#fa0;}
.b2bcontact_table th a:hover{color:#fa0;}

.user-logo-preview{max-height:45px;}