/* 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: 'Roboto', sans-serif;font-weight:300;color:#444;}
.topbordered{border-top:3px solid #197fb2 !important;}
.h1 {font-family: 'Roboto', sans-serif;font-size:30px;}
h4 {font-family: 'Roboto', sans-serif;font-size:30px;margin-bottom:2px;font-weight:normal;}
table td {font-family: 'Roboto', sans-serif;font-weight:300;font-size:14px;padding:6px;}
table th {font-family: 'Roboto', sans-serif;background-color:#3197d6}
table.table80{width:80%;}
p.intable{margin:20px 0 0 20px;}
ul.small_list{font-size:11px;font-weight:bold;list-style-type:decimal;padding-left:25px;}
.internal_warning { width: 100%;color: red;background-color: yellow;height: 20px;text-align: center;position: absolute;font-weight: bold; }
.calendar table th {background-color:#eee;}
.text-export { display: none; }
.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;}
.fa.green{color:#0a0;}
.nowrap{white-space:nowrap;}
.wrapper{padding-bottom:170px;}
.mt20{margin-top:20px;}
.pl50{padding-left:50px;}
.mt10{margin-top:20px;}
.pr40{padding-right:40px;}
.demoimg{width:80%;}
.p5{padding:5px;}
.pabs{position:absolute;}
.italiclabel{font-style:italic;}
.btn.p5{padding:5px;}
.scrollcontainer{max-height:300px;overflow-y:auto;}
.centered{text-align:center;}
.w-300{width:300px;}
.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-image-centered{display: flex;align-items:center;margin-left: 10%;}
.btn-big{line-height:34px;}
.dblock{display:block;}
.coverture{position:fixed;width:100%;height:19px;background-color:#eee;z-index:1000;margin-top:1px;}

.accountcont{height:43px;padding-left:50px !important;padding-top:6px !important;font-size:14px !important;}
.reportrange{cursor:pointer;}
.link_to{cursor:pointer;}
.navbar-brand{height:auto;}
.tooltip-inner {max-width:none;}
.btn-actionisp{width:80%;text-align:left;}
.btn-actionisp-small-container{width:48%; display:inline-block;float:left;margin:0px 1%;}
.btn-actionisp-small-container-sep{width:2%; display:inline-block;}
.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}
.btn-label {
  position: relative;
  background: transparent;
  background: rgba(0,0,0,.05);
  display: inline-block;
  width:65px;
  padding: 6px 16px;
  left: -10px;
  border-radius: 3px 0 0 3px;
}
.btn-actionisp-small{width:100%;text-align:left;margin-left:0px;margin-bottom:10px;font-size:12px;padding: 0px 8px !important;}
.btn-labelisp-small {
  position: relative;
  background: transparent;
  background: rgba(0,0,0,.05);
  display: inline-block;
  width:46px;
  padding: 6px 12px;
  left: -10px;
  border-radius: 3px 0 0 3px;
}
#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;}

.expandable-widget .fa-remove{color:#197fb2;position:relative;padding-right:8px;display:none;}
.expandable-widget .fa-bars{color:#197fb2;position:relative;padding-right:8px;}
.expandable-widget.expanded .fa-bars{display:none;}
.expandable-widget.expanded .fa-remove{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-all, #exp-pdf, #exp-csv {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:98;
}

.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-rounded{border-radius:28px;}
.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;
  white-space:nowrap;
}

.brand-logo{width:264px;}
.brand-logo img{margin:4px auto !important;}
.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: 16px;
  height: 55px;
}
.topnavbar .nav>li>a:focus, 
.topnavbar .nav>li>a:hover {
    background-color: transparent;
}
.topnavbar{
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.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;
}

/* smart conditions */
.rules_level{
  position:relative;
  padding:20px;
}
.cond_level_R{padding-left:0px;}
.cond_level_G{padding-left:0px;}
.rules_level.rules_type_R{
  padding-left:0;
  display:flex;
}
.rules_type_R:nth-child(2){padding-top:0;}
.rules_level.rules_type_G{
  border-radius: 10px;
  border:1px solid #ccc;
  margin:10px 0;
}
.rules_level.rules_index_0{
  padding:0;
  border:none;
  margin:0;
}
.rules_group_bar{
  margin-bottom: 10px;
}
.rules_group_close{
  background-color:red;color:white;
  display:inline-block;width:24px;
  text-align:center;cursor:pointer;
  display:flex;
  align-items: center;
  justify-content: center;
}
.rules_group_close.for_rule{
  margin-left:10px;
}
.rules_level.rules_index_0 > .rules_group_bar{display:none;}

.range_inputs_container{display:inline-block;}
.range_inputs_container.td input{border: 1px solid #bbb;}
select.rules_selector{margin-right:20px;}

.bordered_fields_container input[type="text"],
.bordered_fields_container input[type="number"],
.bordered_fields_container input[type="url"],
.bordered_fields_container select {
  max-width: 300px;
  min-width: 200px;

  border: 1px solid #bbb;
  border-radius: 4px;
  font-size: 15px;
  background: #eee;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.bordered_fields_container input[type="text"].inputLink,
.bordered_fields_container input[type="text"].CTA,
.bordered_fields_container input[type="url"] {
  width:100%;
  max-width:none;
}

.bordered_fields_container .col-lg-6 input, .bordered_fields_container .col-lg-6 select,
.bordered_fields_container .col-md-6 input, .bordered_fields_container .col-md-6 select {
  width:100%;
  max-width:none;
  border: 1px solid #bbb;
  border-radius: 4px;
}
.andor_selector{
  background:#3197d6 !important;
  color:#fff !important;
  width:auto!important;
}
select.rules_cond{
  width:auto;
  margin-right:20px;
}

/* 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;border: 1px solid #d0d0d0;}
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;
}

.panel-alert {
    background-color: pink;
}

.element-green {
    color: green;
}

.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;
}

table th a {
  color: white;
  cursor: pointer;
  text-decoration: underline;
}
table th a:hover,
table th a:focus {
  text-decoration:none;color:#f5b853;
}
table th a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.th-grey a {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
} 
.th-grey a:hover,
.th-grey a:focus {
  text-decoration:none;color:#3197d6;
}


/* 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,
.sidebar-msgs .nav-msgs > li > a:hover, .sidebar-msgs .nav-msgs > 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;
   color: #3197d6;
}
.btn-primary:disabled, .btn-primary[disabled], .btn-primary:disabled:hover {
  background-color:lightgray;
  color: white;
  border-color:lightgray;
  border-style:solid;
}

/* 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 {padding:0px !important;width:100% !important;}
.form_preferences .formRow.typecontent{margin-bottom:0;}
.form_preferences .formRow.typehidden{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;}

.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: 'Roboto', sans-serif;}

.daterangepicker .ranges ul li.picker-compare-button{background-color:#fce15b; color: #000;}
.daterangepicker .ranges ul li.picker-compare-button:hover{background-color:#fdec94;border-color:transparent;}
.daterangepicker .ranges ul li a{background-color:#fce15b; color: #000;}
.daterangepicker .ranges ul li:hover a{background-color:#fdec94; color: #000;text-decoration:none;}
.daterangepicker .ranges ul li a:hover{background-color:#fdec94; color: #000;text-decoration:none;}

/* 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;
    resize: none;
}

.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_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;}
.form_searchform { margin-right: 8px; }*/
.form_searchform {
  margin: 0;
  padding: 0px 15px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form_searchform.noalignment {
  margin: unset;
  padding: unset;
  position: unset;
  top: unset;
  -ms-transform: unset;
  transform: unset;
}
.form_searchform.benchalignment {
  margin: unset;
  padding: 15px;
  position: unset;
  top: unset;
  -ms-transform: unset;
  transform: unset;
}
.form_searchform table { width: 100% }
.form_searchform td { padding: 0px 8px 6px 0px }
.form_searchform td.elem1 { width: 100%; }
.form_searchform td.elem2 { width: 50%; }
.form_searchform td.elem3 { width: 33%; }
.form_searchform td.elem4 { width: 25%; }
.form_searchform td.elem5 { width: 20%; }
.form_searchform td.elem6 { width: 16.6%; }
.form_searchform td.elem12 { width: 8.33%; }
.form_searchform input[type="text"], 
.form_searchform select, 
.form_searchform td select, 
.form_searchform .td select {
  background-color:#fff;
  border-radius:4px;
  width:100%;
  font-size:15px;
  height:35px;
  border:1px solid #aaa;
/* min-width: 230px; */
}
@media screen and (min-width: 1300px) {
  .form_searchform input[type="text"],
  .form_searchform select, 
  .form_searchform td select, 
  .form_searchform .td select{
    min-width:168px !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;
}

.copytoclipboard_overlay{
  display: none;
  position:fixed;top:0;width:100%;height:100%;
  background-color: rgba(255,255,255,0.60);
  z-index:10000;
}
.copytoclipboard_overlay_text{text-align:center;}
.copytoclipboard_overlay_inner{
  position:absolute;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  top: 40%;
  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);
  background-color: white;
}
.copytoclipboard_overlay_ico{
  padding-top: 20px;
  font-size: 40px;
}

.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, .funnelChartContainer {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;}

.traspalert > .widget {margin-bottom:0;}
.traspalert .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-msgs {
  padding: 10px 10px 0px 10px;
}
.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);
}
.aside-inner-msgs .boxed{
  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);
}
.nav>li>a, .nav-msgs>li>a {padding:0;}
.nav>li>a>span.icon-cont,
.infowidget span.icon-cont,
.nav>li>div>a>span.icon-cont {display:inline-block;width:44px;text-align:center;padding:10px 0;border-right:1px solid #eee;}
.nav-msgs>li>a>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, .nav-msgs>li>a>span.icon-cont>em.fa {font-size: 1.4em;}
.nav>li>a>span.text-cont, .nav>li>div>a>span.text-cont, .nav-msgs>li>a>span.text-cont {color:#222;display:inline-block;padding:10px 0px 10px 12px;font-size:12px;}
.nav-msgs>li>a>span.text-cont>b {color:#f90020;}
.nav>li>a>span.text-cont small, .nav>li>div>a>span.text-cont small {color:#bbb;font-size:9pt;font-style:italic;}
.nav>li>ul>li>a>span.text-cont{padding-left:15px;font-weight:normal;}
.nav>li>ul>li>ul>li>a>span.text-cont {padding-left:30px;}
.nav>li>ul>li>ul>li>ul>li>a>span.text-cont {padding-left:40px;}
.nav>li>a.not_selectable>span.text-cont {color:#ccc !important;}
  .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, .aside-inner-msgs .nav-msgs>li{border-bottom:1px solid #eee;}
.aside-inner .nav>li>ul>li, .aside-inner-msgs .nav-msgs>li>ul>li{border-bottom:none;}
.nav>li>a.toggle-loading-overlay {
  display: inline-block;
  width: 90%;
}
.nav>li>a.toggle-loading-overlay.navisp {
  width: 100% !important;
}
.nav>li .navpref {
    display: inline-block;
    height: 100%;
    position: absolute;
    padding: 10px;
    font-size: 20px;
    width: 10%;
    text-align: center;
    color: #BBBBBB;
    border-bottom:1px solid #eee;
}
.newreportmenu{background-image: url("../images/newrep2.png"); background-position: left top; background-repeat: no-repeat;}
/* 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;}
body.Isp .nav>li.active>a>span.icon-cont{background-color:#54b03b;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;}
body.Isp .sidebar .nav > li.active > a {color: #54b03b;}
/* 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 !important;}
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 !important;}
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 !important;}
body.Business .nav>li.active>a>span.text-cont{color:#3197d6;}
body.Isp .nav>li>a:hover{color:#54b03b;}
body.Isp .nav>li>a:hover .icon-cont svg{fill:#54b03b;}
body.Isp .nav>li>a:hover>span.text-cont{color:#54b03b;}
body.Isp .nav>li>a.not_selectable:hover>span.text.cont{color:#ccc !important;}
body.Isp .nav>li.active>a>span.text-cont{color:#54b03b;}

body.Business .nav-msgs>li>a,
  body.Free .nav-msgs>li>a,
  body.Professional .nav-msgs>li>a,
  body.Isp .nav-msgs>li>a {color:#f90020;}
body.Business .nav-msgs>li>a:hover,
  body.Free .nav-msgs>li>a:hover,
  body.Professional .nav-msgs>li>a:hover,
  body.Isp .nav-msgs>li>a:hover {color:#f9af3a;}
body.Free .nav-msgs>li>a:hover>span.text-cont {color:#ff9532;}
body.Professional .nav-msgs>li>a:hover>span.text-cont{color:#f90020;}
body.Business .nav-msgs>li>a:hover>span.text-cont{color:#3197d6;}
body.Isp .nav-msgs>li>a:hover>span.text-cont{color:#54b03b;}
body.Free .nav-msgs>li>a:hover>span.text-cont>b,
body.Professional .nav-msgs>li>a:hover>span.text-cont>b,
body.Business .nav-msgs>li>a:hover>span.text-cont>b,
body.Isp .nav-msgs>li>a:hover>span.text-cont>b {color:#f9af3a;}


.sidebar .nav, .sidebar-msgs .nav-msgs{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 */
.modal-dialog-center-small {
  top: 40% !important;
  margin: 0 auto !important;
  width: 400px !important;
}

#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;
}

.modal-dialog-isp-central {
  width: 80%;
  margin: 0px auto 20px;
}
@media (min-width: 768px) {
  .modal-dialog-isp {
    width: 750px ;
  }
}
/**
 * ----------------------------------------
 * 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%;
}

#popup-messages .modal-body {padding:0px;}
#popup-messages .modal-body .panel {margin-bottom:5px;border:0px;box-shadow:unset;-webkit-box-shadow:unset;}
#popup-messages .modal-body .panel td {padding:15px; height:250px;}
#popup-messages .modal-body .panel td > .realmsg::first-line { color: #ff6600; font-weight: bold; }
#popup-messages .modal-body .panel td > .realmsg .fa-exclamation-triangle { color: #ff6600; }
#popup-messages .modal-body .panel td > .realmsg .fa { color: #ff6600; }
/*
#popup-messages ul{display:block;list-style:none;padding:0;}
#popup-messages li{list-style:none;padding:4px 15px;border-bottom:1px solid #eee;}
#popup-messages li > span > b {
  display:inline-block;width:42%;
}
#popup-messages li > span > span{
  display:inline-block;width:57%;
}*/
#popup-notloaded ul{display:block;list-style:none;padding:0;}
#popup-notloaded li{list-style:none;padding:4px 20px;}
#popup-notloaded li:nth-of-type(odd) {
    background-color: #f9f9f9;
}


.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;}

.for_Privato {display:none;}
.for_notUnique {display:none;}

.nav-tabs li a{padding:10px 0;}

.alert-warning2 {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 2px solid #c00;
}

table th a:link{color:white;text-decoration:underline;}
table th a:visited{color:white;}
table th a:hover{color:white;}

/* .isp_link{text-decoration:underline;font-weight:bold;cursor:pointer;} */
.table-striped td.isp_link{cursor:pointer;color: #197fb2 !important;}
.table-striped td.isp_link:hover{color:#54b03b !important;} /*{color:#f48743 !important;}*/
.table-striped td.isp_redir_link{cursor:pointer;color: #197fb2 !important;}
.table-striped td.isp_redir_link:hover{color:#54b03b !important;} /*{color:#f48743 !important;}*/
.table-striped td.isp_report_link{cursor:pointer;color: #197fb2 !important;}
.table-striped td.isp_report_link:hover{color:#54b03b !important;}
.table-striped td.metricdata {font-size: 15px;}
.table-striped th.th-grey.metricdata {font-size: 16px;}
.table-striped th.th-grey.nopadding {font-size: 16px;padding:8px !important;text-align: left;}
.table-striped .chartrow {background-color:#fff;padding:0px !important;}
.table-striped .chartrow .panel {margin:0px !important;}
.table-striped td.isp_report_link img {height: 20px;width: 20px;margin-right:4px;}
.table-striped th.th-grey.expand  {padding:0px !important;}
.table-striped th.th-grey.expand .expandbutton {cursor:pointer;font-size:14px;}
.table-striped th.th-grey.expand .expandbutton:hover{background-color:#eee;}
.table-striped td.chartrow {display:none;}
.table-striped td.chartrow2 {transform: translateY(-100%); transition: transform 0.5s;}
.table-striped td.chartrow2 .show {transform: translateY(0%);}


/* video section */
.clickable_spectrum{cursor:pointer;}
.vsd_btn{font-size:18px;padding:5px 10px;border-top:3px solid #ccc;color:#888;text-align:right;cursor:pointer;margin-bottom:20px;}
.vsd_btn.active{border-top:3px solid #3197d6;color:#444;}
.vsd_btn:hover{background-color:#eee;}
.col-lg-6:nth-child(1) .vsd_btn{margin-left:20px;}
.col-lg-6:nth-child(2) .vsd_btn{margin-right:20px;}
.vsd_btn .fa{float:left;color:#ccc;}
.vsd_btn.active .fa{color:green;}
.vsd_videocontent{text-align:center;background-color:#313131;padding-top:5px;}
.vsd_data{color:#eee;text-align:left;padding:5px 20px;}
.vsd_data span{display:inline-block;}
.vsd_completion{margin-right:20px;width:300px;background-color:#eee;height:10px;position:relative;}
.vsd_completed{background-color:#3197d6;height:10px;position:absolute;}
.vsd_data span:nth-child(1){min-width:250px;}
.heatmapDetailContainer .highcharts-xaxis {
  display: none;
}
.video_spectra_dashboard iframe{margin-left:20px;}
.video-err-msg{padding:40px;color:#fa0;}
.video-err-header{font-weight:bold;font-size:28px;}
.video-err-details{text-align:left;border:1px solid #fa0;margin:20px;padding:20px;}
.yt_container .video-js{margin:0 auto;}

#FORMURL td {padding:0px 6px 12px 6px;}
#FORMURL td i {padding:2px 5px;font-size:18px;cursor:pointer;}
#FORMURL td i:hover {background-color:#eeeeee}

/* button {border:1px solid #767676;border-radius:2px;padding: 1px 10px} */
.configurazione .formRow {width:33% !important;}
.confignewbutton { color:white;background-color:#5cb85c;padding:1px 20px;margin:35px 0px 10px 0px;float:right;width:100% }
.confignewbutton:hover {background-color:#398439; }

/*.settings_filters .formContainer{width:100%;}
.settings_filters .formContainer.form_searchform form {padding:10px 0px}
.settings_filters .formContainer.form_searchform form button {margin-left:0px; padding:1px 40px;width:unset;}
.settings_filters .formContainer .formRow{margin-bottom:0px;width:33%}
.settings_filters .formContainer .formLabel{color:#666;}
.settings_filters .formContainer .formRow input[type="text"],
.settings_filters .formContainer .formRow input[type="email"],
.settings_filters .formContainer .formRow input[type="password"],
.settings_filters .formContainer .formRow select {
  font-size: 12px;
  width: 100%;
  background: #eee;
  border: 0px;
  height: 24px;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}*/
.settings_filters .formTitle{
  font-style:italic;
  font-size:16px;
  font-weight:bold;
  background-color:#edf1f2;
  color:#fff;
  padding:0px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #ddd;
}
.settings_filters .formTitle.active { background-color:#3197d6;border-bottom-color:#3197d6 }
.settings_filters .formTitle:hover { background-color:#ddd; }
.settings_filters .formTitle.active:hover { background-color:#3197d6; }
.settings_filters .formTitle.disactive:hover { background-color:#edf1f2; }
.settings_filters .formTitle a { border: 0px !important; background-color:unset !important;padding:10px !important;}
.settings_filters .formTitle.active a:hover {color:white;}

.roweven { background-color: white !important; }
.rowodd { background-color: #f9f9f9 !important;}

.force80 { width:80% !important; }
.force60 { width:60% !important; }
.force50 { width:50% !important; }
.force35 { width:35% !important; }
.force30 { width:30% !important; }
.force20 { width:20% !important; }
.force15 { width:15% !important; }
.force10 { width:10% !important; }
.force5 { width:5% !important; }
.forcecenter { text-align:center !important;}

.col-ss-1 { width: 100% !important; }
.col-ss-2 { width: 50% !important; }
.col-ss-3 { width: 33.33333333% !important; }
.col-ss-4 { width: 25% !important; }
.col-ss-5 { width: 20% !important; }
.col-ss-6 { width: 16.66666667% !important; }
.col-ss-7 { width: 14.285714% !important; }
.col-ss-8 { width: 12.5% !important; }
.col-ss-9 { width: 11.1111111% !important; }
.col-ss-10 { width: 10% !important; }
.col-ss-11 { width: 9.090909% !important; }
.col-ss-12 { width: 8.33333333% !important; }

/**
 * BUTTONS LIKE B2B
 */
button[type="submit"], button.submit_like, a.submit_like {
  background-color:#4caf50;color:#fff;width:230px;height:35px;font-size:15px;
  border:none;border-radius:4px;font-weight:normal;position:relative;
  text-align:center;
}
button.submit_like.butgray{background-color:#888;}
button.submit_like.butblue{background-color:#3197d6;}
button.login_like{background-color:#3197d6;width:100%;border-radius:0;height:unset;font-size:13px;border:1px solid transparent;}
.submit_like .fa{position:absolute;left:10px;top:9px;}
.bigbutton{margin:20px 0;padding:7px;width:300px !important;font-size:14pt;}
.bigbutton_xl{width:340px !important;}
.bigbutton_xxl{width:380px !important;}
.smallbutton_s{width:200px !important;}
.smallbutton_ss{width:180px !important;}

a.bigbutton:hover, a.bigbutton_xl:hover, a.bigbutton_xxl:hover {text-decoration:none;}
.btn {border-radius: 0;padding:2px 12px;}

.submit_like .fa.fa-like-text {
  position: static;
  top: auto;
  left: auto;
  font-size: 14px;
}
.material-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.table_insidebutton{display:table;width:100%;}
.row_insidebutton{display:table-row;}
.cell_insidebutton{display:table-cell;}
.insidebutton-icon{width:32px;border-right:1px solid rgba(255, 255, 255, 0.7);}
.insidebutton-icon .material-icons{vertical-align:top;font-size:21px;}
.material-icons.red{color:red;}
.material-icons.gray{color:#aaa;}
.material-icons.green{color:#4caf50;}
.material-icons.red.IP_ESCL_DEL,
.material-icons.green.IP_ESCL_ADD {cursor:pointer;}

.nav-msgs {
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
}
.nav-msgs>li {
    position: relative;
    display: block;
}
.nav-msgs>li>a {
      position: relative;
      display: block;
}
.nav-msgs>li>a:hover,
.nav-msgs>li>a:focus {
  text-decoration: none;
  background-color: #eee;
}

.infowidget-inner .user-url { text-decoration:none; color: #444; }
.hdn {visibility: hidden;}
.badge-help {
   position:relative;
}
.badge-help:after {
  content:'?';
  position:absolute;
  top:-5px;
  right:0px;
  font-size:18px;
  font-weight:normal;
  background:#3197d6;
  color:white;
  width:22px;height:22px;
  text-align:center;
  line-height:25px;
  border-radius:50%;
  box-shadow:0 0 1px #333;
  cursor:pointer;
}
p.info{margin:20px 0;padding:15px;background-color:#eee;border:1px solid #ccc;font-weight:bold;color:#3197d6;}
p.info-normal{margin:20px 0;padding:15px;background-color:#eee;border:1px solid #ccc;font-weight:bold;}
a.eraseline{color:red;font-size:24px;}
table td a.eraseline:focus {
  text-decoration:none;color:#f48743;
}
.newrow{margin-bottom:20px;position:relative;}
.newrow button[type="submit"]{position:absolute;top:8px;right:8px;}
.newrow .input_bordered{height:50px;}
.input_bordered{
  border: 1px solid #bbb !important;
  border-radius: 4px;
  font-size: 15px;
  width: 100%;
  background: #eee;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.min-w{min-width:220px;}
.min-w-big{min-width:400px;}
.max-w{max-width:400px;}
.switch.min-w span {margin-right:10px;}
.test_address { height: 35px; }
.valign_center { vertical-align:middle !important;}

/* equalizer (usato in home) */
div.online-widget-equalized .panel {
  height: calc(100% - 20px);
  padding-bottom: 40px;
}
div.online-widget-equalized .panel .text-center {
  display:table-cell;
  vertical-align: middle;
}

/* disabilita l'esportazione csv quando c'è l'export_container (che gestisce l'esportazione csv completa) */
.export_container .exportbutton-pdf{display:none;}

/* selectable widget */
.selectable_widget > .panel > .row > div {cursor:pointer;}
.selectable_widget > .panel > .row > div:hover {background-color:#f5f5f5;}
.selectable_widget > .panel > .row > div.selected {border: 1px solid #3197d6;background-color:#d0dce3;}

/* funnel */
table.clean_headers th{background-color:transparent;padding:15px 0;}
.centeredPattern {
  text-align: center;
}
.title-like {
  font-weight: bold;
  color: #3197d6;
}
.automation-panel {
  background: #fff url(../images/automations.png) no-repeat 5% 20px;
  background-size: auto 70%;
}
.automation-panel .bigpadding {
  padding-left: 25% !important;
  padding-right: 25% !important;
}
.automation-panel p .spacer{display:block;margin-top:5px;}

.centeredPattern p {
  font-size: 22pt;
  margin: 20px 0;
}
.evidencePanelTitle > .panel > .panel-heading {
  background-color: #3197d6;
  color: #fff;
  font-weight:bold;
}

/* vm-related */
.vm-table th{top:118px !important;}
button.vm-filter-reset{
  margin-left:1px;
  color: #222;
  width: 230px;
  height: 35px;
  font-size: 15px;
  border: 1px solid #aaa;
  background-color:#dedede;
  border-radius: 4px;
  font-weight: normal;
  position: relative;
  text-align: center;
}

.vm-data-placeholder-container .vm-filtercontainer {
  margin-bottom: auto;
  background-color: #fff;
  padding: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * 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;}
  big.evidence {
    font-size: 14px;
  }
}
/**
 * .form_regionform button{height:auto;}
 */

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

  button.submit_like, 
  a.submit_like {
    width: 180px !important;
  }  
  .bigbutton_xl,
  a.submit_like.bigbutton_xl,
  button.submit_like.bigbutton_xl {
    width: 340px !important;
  }
  .bigbutton_xxl,
  a.submit_like.bigbutton_xxl,
  button.submit_like.bigbutton_xxl {
    width: 380px !important;
  }
  .insidebutton-icon{display:table-cell;}
}

@media screen and (max-width: 850px) {
  .confignewbutton { width:100% }
}

@media screen and (min-width: 768px) {
  #popup-messages .modal-dialog { width: 70%; }
}

/* aggiungo un breakpoint per -xl a bootstrap */
@media (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}

/* nascondo i pulsanti della guida se necessario */
body.is_guida_false .vm-command.command_expand{display:none;}



/* chatbot */
#chatbot-corner-icon {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 18px;
  padding: 14px 13px 11px 13px;
  border: none;
  background-color: #3197d6;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000; 
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
}
#chatbot-corner-icon:hover {
  background-color: #77b8e0;
}
.chatbot-icon {
 background-image:
          url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='white' width='16' height='16' viewBox='0 0 16 16'><path d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/><path d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.4 0 8-3 8-7s-3.6-7-8-7-8 3.1-8 7c0 1.76.7 3.4 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .7-.1m.8-3.1a1 1 0 0 0-.3-.8C1.6 10.8 1 9.5 1 8c0-3.2 3-6 7-6s7 2.8 7 6-3 6-7 6a8 8 0 0 1-2.1-.28 1 1 0 0 0-.71.07c-.387.196-1.24.57-2.6.8a11 11 0 0 0 .398-2'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 60px;
  height: 60px;
}
.chatbot-area {
  display: none;
  position: fixed;
  bottom: 88px;
  right: 18px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  width: 420px;
  max-width: 80%;
  z-index: 1000;
}
.chatbot-header {
  background-color: #3197d6;
  color: #fff;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
}
#chatbot-reduce-icon {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 26px;
  cursor: pointer;
  right: 46px;
  position: absolute;
}
#chatbot-close-icon {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  right: 20px;
  position: absolute;
}
.chatbot-result {
  max-height: min(520px, calc(100vh - 200px));
  overflow-y: auto;
  padding: 15px 20px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
}
#chatbot-result > div {
  width: 100%;
}
#chatbot-result a,
.chatbot-result-item-path {
  color: yellow;
}
.chatbot-input-container {
  align-items: center;
  padding: 10px 20px;
  border-top: 1px solid #ddd;
}
#chatbot-input {
  font-family: "Roboto", sans-serif;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  width: calc(100% - 82px);
}
#chatbot-send-btn {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  padding: 10px 20px;
  border: none;
  background-color: #3197d6;
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  width: 68px;
}
#chatbot-send-btn:hover {
  background: #77b8e0;
}
.chatbot-user-message {
  background-color: #eee;
  color: #333;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 10px;
  position: relative;
  width: fit-content;
  float: right;
  right: 8px;
}
.chatbot-user-message::before {
  content: "\1F9D1"; /* Man */
  position: absolute;
  bottom: -14px;
  right: -18px;
  margin-bottom: 7px;
  font-size: 21px;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  background: rgba(250, 250, 250, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chatbot-bot-message {
  background-color: #3197d6;
  color: #fff;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 15px;
  align-self: flex-start;
  margin-right: 10px;
  position: relative;
  width: fit-content;
  left: 8px;
}
.chatbot-bot-message::before {
  content: "\1F916"; /* Robot */
  position: absolute;
  bottom: -14px;
  left: -18px;
  margin-bottom: 4px;
  font-size: 21px;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  background: rgba(250, 250, 250, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chatbot-empty-icon {
  margin-top: 0px;
  padding: 8px 14px 12px 14px;
}
.chatbot-empty-icon::before {
  content: "";
  background: none;
  box-shadow: none;
}
.chatbot-result-row {
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 10px;
}
.chatbot-result-match {
  color: #fff;
  padding: 6px 4px 8px 40px;
}
.chatbot-result-icon {
  position: absolute;
}
.chatbot-result-item-enabled:hover * {
  filter: brightness(1.1);
  text-decoration: underline;
}
.chatbot-result-item-enabled:hover {
  opacity: 1.1;
  cursor: pointer;
}
.chatbot-result-icon em {
  color: #9fdaff;
  text-decoration: none !important;
}
.chatbot-result-item-date {
  color: #80e580;
  margin-top: -2px;
  margin-bottom: 4px;
}

/** chatbot upgrade label **/
.chatbot-ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: -1px;
}

.chatbot-ribbon-red {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 4px 0;
  top: 16px;
  width: 120px;
  background-color: #f33;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f33), to(#b22));
  background-image: -webkit-linear-gradient(top, #f33, #b22);
  background-image: -moz-linear-gradient(top, #f33, #b22);
  background-image: -ms-linear-gradient(top, #f33, #b22);
  background-image: -o-linear-gradient(top, #f33, #b22);
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.chatbot-ribbon-red:before,
.chatbot-ribbon-red:after{
  content: "";
  border-top: 3px solid #b90005;   
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.chatbot-ribbon-red:before{
  left: 0;
}
.chatbot-ribbon-red:after{
  right: 0;
}

.chatbot-feedback-item label{
  display: block;
  font-weight: 400;
  margin-bottom: 0px;
}
.chatbot-feedback-input *:hover{
  cursor: pointer;
}
.chatbot-feedback-item input{
  margin-left: 5px;
  margin-right: 16px;
}
.chatbot-feedback-message {
  margin-bottom: 6px;
}