/* Dark grey */
/*
 * variables
 */
/* Dark grey */
/* Light grey */
/* Blue (highlights) */
/*  Evolution */
@font-face {
  font-family: "Lato";
  src: url("../theme/fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: "LatoL";
  src: url("../theme/fonts/Lato-Light.ttf");
}
@font-face {
  font-family: "LatoB";
  src: url("../theme/fonts/Lato-Bold.ttf");
}
/*
 * Style for google chart table
 */
.google-visualization-table-table {
  width: 99%;
}
.google-visualization-table-table .cell {
  font-family: "Lato";
  padding: 2px;
  padding-right: 5px;
}
.bold-font {
  font-weight: bold;
}
.right-text {
  text-align: right;
}
.large-font {
  font-size: 11px;
  text-transform: uppercase;
}
.cell {
  background-color: #595758;
  color: #ccccc5;
  font-size: 11px;
}
.cell-center {
  text-align: center;
}
.dotted-border {
  border-right: 1px solid #424041;
  border-bottom: 1px dotted #262525;
}
.dark-background {
  border: none;
  border-bottom: 1px solid #80807c;
  background-color: #262525;
  color: #ccccc5;
}
.hover-background {
  background-color: #afdcff;
}
/*
 * Styles for work with boostrap
 */
body {
  /*width: 1200px;*/

  font-family: "Lato";
  font-weight: 400;
  font-size: 11px;
  background-color: #333132;
  color: #999994;
}
H1,
H2,
H3,
H4,
H5,
H6 {
  font-family: "LatoL";
  font-weight: Normal;
}
#amp {
  width: 100%;
  height: 100%;
  background-color: #262525;
}
#amp-container {
  margin: 0 auto;
  max-width: 1600px;
  min-width: 1000px;
  overflow: hidden;
  width: 100%;
}
.tab-content {
  overflow: visible;
}
/*
 * login
 */
div#login {
  background-color: black;
  z-index: 9999;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
}
#login .login-form {
  width: 525px;
  height: 140px;
  margin: auto;
  border: 1px solid #333132;
  position: relative;
  color: white;
  padding: 10px;
  border-radius: 4px;
  background: #262525;
  /* Old browsers */

  background: -moz-linear-gradient(top, #262525 0%, #1a1819 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #262525 0%, #1a1819 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #262525 0%, #1a1819 100%);
  /* IE10+ */

  background: linear-gradient(top, #262525 0%, #1a1819 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262525', endColorstr='#1a1819',GradientType=0 );
  /* IE6-9 */

}
#login #login-error-msg {
  float: left;
  color: red;
  font-size: 14px;
  text-align: center;
  display: none;
}
#login #login-success-msg {
  float: left;
  color: green;
  font-size: 14px;
  text-align: center;
  display: none;
}
#login .login-form .login-field {
  float: left;
  margin: 14px 10px;
}
#login .login-form input[type="text"],
#login .login-form input[type="password"] {
  width: 175px;
}
#login #login-check .top-button-content {
  padding-top: 0;
  height: 27px;
}
#login .login-form input[type="submit"] {
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 transparent;
  /*background: blue;*/

  border: medium none;
  color: white;
  font-family: "Lato";
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}
#login .login-form input[type="submit"]:hover {
  color: black;
}
#login .login-form .top-button-container {
  float: right;
}
#login .login-form .top-button-container .top-button-content {
  width: 75px;
}
#addToReportBtn {
  float: right;
  margin: 1px 20px;
}
#addToReportBtn .top-button-content {
  width: 140px;
}
/*
 * Generals
 */
.common-block {
  padding: 15px 15px 0 15px;
  height: 98%;
}
.black-block {
  margin: 5px auto;
  background: #262525;
  border-radius: 4px;
  border-bottom: 1px solid #595758;
  border-top: 1px solid #1a1819;
}
.custom-input,
input[type="text"].custom-input {
  background-color: #262525;
  border-radius: 4px;
  border-bottom: 1px solid #424041;
  border-top: 1px solid #1a1819;
  border-left: 1px solid #333132;
  border-right: 1px solid #333132;
  color: #e4e4dd;
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
/* Radio */
input[type="radio"] {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(0deg, transparent 20%, rgba(255, 255, 255, 0.7), transparent 80%), -webkit-linear-gradient(90deg, transparent 20%, rgba(255, 255, 255, 0.7), transparent 80%);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 0, 0, 0.4), 0 4px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin-right: 10px;
  position: relative;
  width: 15px;
  -webkit-appearance: none;
}
input[type="radio"]:after {
  background-color: #444;
  border-radius: 25px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.8);
  content: '';
  display: block;
  height: 7px;
  left: 4px;
  position: relative;
  top: 4px;
  width: 7px;
}
input[type="radio"]:checked:after {
  background-color: #0CF;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 2px 2px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 0.8), 0 0 2px 2px rgba(232, 125, 125, 0.4);
}
/* Text and Number style  */
.bigNumber {
  font-family: LatoL;
  font-size: 24px;
  text-shadow: 0 1px 2px rgba(51, 51, 51, 0.7);
}
.medNumber {
  font-size: 18px;
}
.blue {
  color: #afdcff;
}
.catTitle {
  font-family: "LatoL";
  font-size: 18px;
  color: #ccccc5;
  width: 100%;
  height: 30px;
  text-transform: uppercase;
}
.catTitle .info {
  float: right;
  height: 27px;
  position: relative;
  top: -7px;
  text-transform: capitalize;
}
.catTitle .info select {
  width: 120px;
}
.catTitle .info select option {
  background: #333132;
  color: #ccccc5;
}
.treemap-sort-type {
  text-transform: capitalize;
  font: 12px "Lato";
  float: right;
  /*background-color: #262525;
    border: 1px solid #595758;
    border-radius: 4px 4px 4px 4px;
    padding: 3px 10px 3px 0;
    position: relative;
    top: -6px;*/

}
.treemap-sort-type input,
#segment-list-choice input {
  margin: 0 0 0 20px;
}
text {
  font-family: "Lato";
}
.link {
  cursor: pointer;
}
.footer {
  color: #b3b3ad;
  text-align: center;
}
#scroll-container {
  overflow: auto;
}
#main-left {
  padding: 15px;
  background-color: #424041;
  overflow: auto;
  -moz-box-shadow: 6px 0 5px #282828;
  -webkit-box-shadow: 6px 0 5px #282828;
  box-shadow: 6px 0 5px #282828;
}
#main-left.audience {
  background-color: #333132;
}
#main-right {
  padding: 15px;
  overflow: auto;
}
#main-right.audience {
  padding: 15px;
  overflow: auto;
  background-color: #424041;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.capitalize {
  text-transform: capitalize;
}
/* selects */
span.customStyleSelectBox {
  font-size: 11px;
  color: #ccccc5;
  padding: 5px 7px;
  border: 1px solid #595758;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px;
  background: #333132;
  /* Old browsers */

  background: -moz-linear-gradient(top, #333132 0%, #262525 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #333132 0%, #262525 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #333132 0%, #262525 100%);
  /* IE10+ */

  background: linear-gradient(top, #333132 0%, #262525 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333132', endColorstr='#262525',GradientType=0 );
}
span.customStyleSelectBox.changed {
  background-color: #f0dea4;
  overflow: hidden;
}
.customStyleSelectBoxInner {
  background: url("../theme/icons/canvas-list-nav-item-arrow.gif") no-repeat center right;
}
/* notifications */
#notification {
  display: none;
  position: absolute;
  width: 400px;
  min-height: 40px;
  padding: 15px;
  color: light02;
  float: left;
  background-color: #595758;
  background: -moz-linear-gradient(top, #333132 0%, #262525 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #333132 0%, #262525 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #333132 0%, #262525 100%);
  /* IE10+ */

  background: linear-gradient(top, #333132 0%, #262525 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333132', endColorstr='#262525',GradientType=0 );
  border: 1px solid #81b421;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.68);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.68);
  color: #e4e4dd;
  top: 150px;
  left: 450px;
  z-index: 1;
}
#notification .message {
  padding: 5px 10px 5px 60px;
  min-height: 40px;
  background: transparent url("../theme/icons/main_ico_notification_success.png") no-repeat center left;
}
/* buttons */
.btn-inverse {
  background: #333132;
  /* Old browsers */

  background: -moz-linear-gradient(top, #424041 0%, #333132 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #424041 0%, #333132 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #424041 0%, #333132 100%);
  /* IE10+ */

  background: linear-gradient(top, #424041 0%, #333132 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424041', endColorstr='#333132',GradientType=0 );
  border-color: #1a1819 #222222 #424041;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
.top-button-container {
  background: #333132;
  /* Old browsers */

  background: -moz-linear-gradient(top, #262525 0%, #333132 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #262525 0%, #333132 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #262525 0%, #333132 100%);
  /* IE10+ */

  background: linear-gradient(top, #262525 0%, #333132 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262525', endColorstr='#333132',GradientType=0 );
  float: left;
  height: 36px;
  margin: 9px 3px;
  border-radius: 4px;
  border-bottom: 1px solid #424041;
  border-top: 1px solid #1a1819;
  cursor: pointer;
}
#addToReportBtn.top-button-container {
  background: #333132;
  /* Old browsers */

  background: -moz-linear-gradient(top, #262525 0%, #424041 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #262525 0%, #424041 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #262525 0%, #424041 100%);
  /* IE10+ */

  background: linear-gradient(top, #262525 0%, #424041 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262525', endColorstr='#333132',GradientType=0 );
  margin-top: 3px;
  border-bottom: 1px solid #424041;
  border-top: 1px solid #1a1819;
  cursor: pointer;
}
.top-button-content {
  background: #333132;
  /* Old browsers */

  background: -moz-linear-gradient(top, #424041 0%, #333132 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #424041 0%, #333132 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #424041 0%, #333132 100%);
  /* IE10+ */

  background: linear-gradient(top, #424041 0%, #333132 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424041', endColorstr='#333132',GradientType=0 );
  color: white;
  height: 22px;
  margin: 5px;
  text-transform: uppercase;
  width: 95px;
  border-radius: 3px;
  border-bottom: 1px solid #1a1819;
  border-top: 1px solid #595758;
  text-align: center;
  padding-top: 4px;
  font-family: "Lato";
  font-size: 11px;
  /*background: -moz-linear-gradient(to top, red, blue);*/

}
.top-button-container.selected .top-button-content,
.top-button-container .top-button-content:hover {
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  background: #AEDCFE;
  color: black;
  -webkit-box-shadow: 0px 0px 6px #49AFFA;
  box-shadow: 0px 0px 6px #49AFFA;
}
.top-button-container.disabled .top-button-content {
  background: #999994;
  /* Old browsers */

  background: -moz-linear-gradient(top, #999994 0%, #80807c 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #999994 0%, #80807c 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #999994 0%, #80807c 100%);
  /* IE10+ */

  background: linear-gradient(top, #999994 0%, #80807c 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595758', endColorstr='#424041',GradientType=0 );
  box-shadow: 0px 0px 0px black;
  color: white;
  cursor: auto;
}
/*
 * multi bar implementation
 */
.multibar {
  float: left;
  overflow: hidden;
}
/*
 * Progress bar colors
 */
.progress {
  height: 8px;
  /*margin-bottom: 18px;*/

  margin-top: 6px;
  overflow: hidden;
  background-color: #1a1819;
  background-image: -moz-linear-gradient(top, #1a1819, #262525);
  background-image: -ms-linear-gradient(top, #1a1819, #262525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a1819), to(#262525));
  background-image: -webkit-linear-gradient(top, #1a1819, #262525);
  background-image: -o-linear-gradient(top, #1a1819, #262525);
  background-image: linear-gradient(top, #1a1819, #262525);
  background-repeat: repeat-x;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #424041;
}
.progress .bar {
  width: 0;
  height: 8px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #afdcff;
  /*  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;*/

  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -moz-box-shadow: 0px 0px 2px #2fcfff inset;
  -webkit-box-shadow: 0px 0px 2px #2fcfff inset;
  box-shadow: 0px 0px 2px #2fcfff inset;
}
.bar.bar-progress-light-blue {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #c3e7fd, #5fc3ff);
  background-image: -ms-linear-gradient(top, #c3e7fd, #5fc3ff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c3e7fd), to(#5fc3ff));
  background-image: -webkit-linear-gradient(top, #c3e7fd, #5fc3ff);
  background-image: -o-linear-gradient(top, #c3e7fd, #5fc3ff);
  background-image: linear-gradient(top, #c3e7fd, #5fc3ff);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#C3E7FD', endColorstr='#5FC3FF', GradientType=0);
}
.bar.bar-progress-orange {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}
.bar.bar-progress-green {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  -moz-box-shadow: inset 0 0 2px #d9ff2f;
  -webkit-box-shadow: inset 0 0 2px #d9ff2f;
  box-shadow: inset 0 0 2px #d9ff2f;
}
/* customs */
.bar.bar-progress-red {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
/*
 *
 * Top menu
 */
#top-menu-top {
  height: 60px;
  background-image: url("../theme/top_nav_bkg.png");
}
#top-menu-top-logo {
  background-image: url("../theme/top_nav_logo.png");
  background-position: left;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
/* top menu button */
#top-menu-top .top-menu-items {
  margin: auto;
  width: 560px;
}
#top-menu-top .top-menu-icons {
  float: right;
  margin: 13px;
}
#top-menu-top .top-menu-icons .top-menu-icon {
  float: left;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  cursor: pointer;
}
#top-menu-top .top-menu-icons .general-setting {
  background-image: url("../theme/icons/top_ico_settings_n.png");
}
#top-menu-top .top-menu-icons .general-setting:hover {
  background-image: url("../theme/icons/top_ico_settings_h.png");
}
#top-menu-top .top-menu-icons .user-setting {
  background-image: url("../theme/icons/top_ico_user_n.png");
}
#top-menu-top .top-menu-icons .user-setting:hover {
  background-image: url("../theme/icons/top_ico_user_h.png");
}
#top-menu-top .top-menu-icons .help {
  background-image: url("../theme/icons/top_ico_help_n.png");
}
#top-menu-top .top-menu-icons .help:hover {
  background-image: url("../theme/icons/top_ico_help_h.png");
}
#top-menu-bottom,
#top-menu-campaignReports {
  height: 44px;
  background-image: url("../theme/sub_nav_bkg.png");
  border-bottom: 1px solid #424041;
}
#top-menu-bottom .top-menu-bottom-item .observated-profiles {
  margin: auto;
  text-align: center;
  width: 90%;
}
#top-menu-bottom .top-menu-bottom-item .observated-profiles .observated-profiles-count {
  font-size: 24px;
  font-family: "LatoB";
  text-align: center;
  color: #afdcff;
  width: 50%;
  float: left;
  padding-top: 10px;
}
#top-menu-bottom .top-menu-bottom-item .observated-profiles .observated-profiles-text {
  width: 100%;
  text-align: left;
  width: 50%;
  float: left;
  color: #b3b3ad;
  font-family: "LatoB";
  font-size: 10px;
  line-height: 1em;
  margin-top: 10px;
}
/* timeline */
#top-menu-bottom .top-menu-bottom-item .subhead-block,
#top-menu-campaignReports .top-menu-bottom-item .subhead-block {
  margin: 4px 10px 0 10px;
  color: #e4e4dd;
  /*float: left;*/

  background-color: #595758;
  background: -moz-linear-gradient(top, #595758 0%, #424041 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #595758 0%, #424041 100%);
  /* Chrome10+,Safari5.1+ */

  background: -ms-linear-gradient(top, #595758 0%, #424041 100%);
  /* IE10+ */

  background: linear-gradient(top, #595758 0%, #424041 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595758', endColorstr='#424041',GradientType=0 );
  height: 28px;
  border: 1px solid dark10;
  border-radius: 3px;
  padding: 2px 10px;
}
#top-menu-bottom .top-menu-bottom-item .timeline-separator,
#top-menu-campaignReports .top-menu-bottom-item .timeline-separator {
  float: left;
  margin-top: 4px;
}
#top-menu-bottom .top-menu-bottom-item .subhead-block .timeline-value,
#top-menu-campaignReports .top-menu-bottom-item .subhead-block .timeline-value {
  background-color: #333132;
  -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #595758;
  border-radius: 3px 3px 3px 3px;
  color: #ccccc5;
  float: left;
  height: 21px;
  margin: 0 5px;
  padding: 5px 15px 0 10px;
}
#top-menu-bottom .tl-selector,
#top-menu-campaignReports .tl-selector {
  background-image: url("../theme/icons/sub_ico_timesettings_n.png");
  height: 22px;
  width: 22px;
  float: left;
  cursor: pointer;
  margin-top: 3px;
}
#top-menu-bottom .tl-selector:hover,
#top-menu-campaignReports .tl-selector:hover {
  background-image: url("../theme/icons/sub_ico_timesettings_h.png");
}
#top-menu-bottom .tl-selector a,
#top-menu-campaignReports .tl-selector a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
/* wid et site selectors */
#top-menu-bottom .top-menu-bottom-item.select-site {
  margin-left: 55px;
  padding-top: 11px;
  height: 40px;
}
#top-menu-bottom .top-menu-bottom-item.select-site select {
  width: 200px;
}
#top-menu-bottom .top-menu-bottom-item.select-site select option,
#top-menu-campaignReports .top-menu-bottom-item.select-site select option {
  background: #333132;
  color: #ccccc5;
}
/* menus */
.top-right-menu {
  position: absolute;
  top: 40px;
  width: 160px;
  display: none;
  z-index: 9999;
}
/*
 * Left menu
 */
#left-menu {
  background-color: #D0CFCB;
  width: 55px;
  background-image: url("../theme/left_nav_bkg.png");
  padding-top: 10px;
  float: left;
}
#left-menu .item {
  left: -200px;
  position: relative;
  text-align: right;
  width: 200px;
  z-index: 100;
  /*opacity: 0.8;*/

  border-radius: 0 4px 4px 0;
  background-repeat: no-repeat;
  background-position: center right;
  height: 35px;
  padding-right: 48px;
  padding-top: 14px;
  color: #ccccc5;
  font-family: "Lato";
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
#left-menu .item.open {
  left: 0px;
}
/* items */
/* items - Collect */
#left-menu .item.synthesis {
  background-image: url("../theme/icons/left_ico_audience_sources_n.png");
}
#left-menu .item.synthesis.selected {
  background-image: url("../theme/icons/left_ico_audience_sources_h.png");
}
#left-menu .item.deploy {
  background-image: url("../theme/icons/left_ico_collect_deploy_n.png");
}
#left-menu .item.deploy.selected {
  background-image: url("../theme/icons/left_ico_collect_deploy_h.png");
}
#left-menu .item.behavior {
  background-image: url("../theme/icons/left_ico_collect_behavior_n.png");
}
#left-menu .item.behavior.selected {
  background-image: url("../theme/icons/left_ico_collect_behavior_h.png");
}
#left-menu .item.quality {
  background-image: url("../theme/icons/left_ico_collect_quality_n.png");
}
#left-menu .item.quality.selected {
  background-image: url("../theme/icons/left_ico_collect_quality_h.png");
}
#left-menu .item.quality.disabled {
  background-image: url("../theme/icons/left_ico_collect_quality_i.png");
}
/* items - Audiance */
#left-menu .item.geo {
  background-image: url("../theme/icons/left_ico_collect_geo_n.png");
}
#left-menu .item.geo.selected {
  background-image: url("../theme/icons/left_ico_collect_geo_h.png");
}
#left-menu .item.content {
  background-image: url("../theme/icons/left_ico_audience_content_n.png");
}
#left-menu .item.content.selected {
  background-image: url("../theme/icons/left_ico_audience_content_h.png");
}
#left-menu .item.profiles {
  background-image: url("../theme/icons/left_ico_audience_profil_n.png");
}
#left-menu .item.profiles.selected {
  background-image: url("../theme/icons/left_ico_audience_profil_h.png");
}
#left-menu .item.profiles-editor {
  background-image: url("../theme/icons/left_ico_audience_editor_n.png");
}
#left-menu .item.profiles-editor.selected {
  background-image: url("../theme/icons/left_ico_audience_editor_h.png");
}
#left-menu .item.profiles-rank {
  background-image: url("../theme/icons/left_ico_audience_ranking_n.png");
}
#left-menu .item.profiles-rank.selected {
  background-image: url("../theme/icons/left_ico_audience_ranking_h.png");
}
#left-menu .item.ContentProfil {
  background-image: url("../theme/icons/left_ico_audience_ContentProfil_n.png");
}
#left-menu .item.ContentProfil.selected {
  background-image: url("../theme/icons/left_ico_audience_ContentProfil_h.png");
}
/* items - Campaigns */
#left-menu .item.transitions {
  background-image: url("../theme/icons/left_ico_audience_keywords_n.png");
}
#left-menu .item.transitions.selected {
  background-image: url("../theme/icons/left_ico_audience_keywords_h.png");
}
/*
 * Loading
 */
div#loading {
  background-color: black;
  z-index: 9999;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  opacity: 0.5;
}
#loading .loading-img {
  width: 54px;
  height: 55px;
  margin: auto;
  position: relative;
  background-image: url("../img/ajax-loader.gif");
  opacity: 1;
}
/*
 * Main container
 */
#main-container {
  background-color: #333132;
  width: 100%;
  /*height: 100%;*/

}
#main-container .span6 {
  /*  margin-left: 0;*/

}
#main-container .stat-block.span6 {
  width: 48%;
  margin-left: 7px;
}
#main-container .custom-span.span8 {
  width: 68%;
  margin-left: 0;
}
#main-container .custom-span.span4 {
  margin-left: 0;
}
.half-container {
  width: 550px;
  float: left;
}
.horizontal-separator {
  width: 100%;
  float: left;
  height: 2px;
  background-image: url("../theme/separator_horz_bkg.png");
}
.vertical-separator {
  width: 2px;
  float: left;
  background-image: url("../theme/separator_vert_bkg.png");
}
/*
 * Visualisation chart default
 *
 */
.visualisation-block {
  padding: 15px;
}
.header {
  border-bottom: 1px dotted #595758;
  margin-bottom: 15px;
  height: 28px;
}
.header .title {
  color: #ccccc5;
  text-transform: uppercase;
  font-size: 20px;
  float: left;
  /*width: 435px;*/

  font-family: "LatoL";
  text-shadow: 0px 2px 3px #666;
  filter: dropshadow(color=#000000, offx=0, offy=1);
}
.visualisation-block .chart-visualisation {
  float: left;
  width: 96%;
}
.visualisation-block .chart-visualisation div div {
  overflow-x: hidden !important;
}
#collectDetailTable {
  width: 100%;
}
.visualisation-block .body {
  height: 100%;
}
.visualisation-block .body .buttons {
  float: right;
  width: 20px;
}
.visualisation-block .body .buttons .chart-btn {
  width: 22px;
  height: 22px;
  float: left;
  cursor: pointer;
}
.visualisation-block .body .buttons .csvExport {
  background-image: url("../theme/icons/graph_ico_exportCSV_n.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .csvExport:hover {
  background-image: url("../theme/icons/graph_ico_exportCSV_h.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .area-chart.selected {
  background-image: url("../theme/icons/graph_ico_area_h.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .area-chart.notselected {
  background-image: url("../theme/icons/graph_ico_area_n.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .column-chart.selected {
  background-image: url("../theme/icons/graph_ico_diagram_h.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .column-chart.notselected {
  background-image: url("../theme/icons/graph_ico_diagram_n.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .pie-chart.selected {
  background-image: url("../theme/icons/graph_ico_camenbert_h.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .pie-chart.notselected {
  background-image: url("../theme/icons/graph_ico_camenbert_n.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .table-chart.selected {
  background-image: url("../theme/icons/graph_ico_table_h.png");
  background-repeat: no-repeat;
}
.visualisation-block .body .buttons .table-chart.notselected {
  background-image: url("../theme/icons/graph_ico_table_n.png");
  background-repeat: no-repeat;
}
/*
 * Specific chart
 */
.visualisation-block#connectedProfiles .chart-visualisation {
  height: 160px;
}
.visualisation-block#observedProfiles .chart-visualisation {
  height: 160px;
}
.visualisation-block#collectSource .chart-visualisation {
  height: 160px;
}
.visualisation-block#collectEvolution .chart-visualisation {
  height: 160px;
}
.visualisation-block#collectEvolutionDetail .chart-visualisation {
  height: 160px;
}
.visualisation-block#newVersusKnown .chart-visualisation {
  height: 160px;
}
#tab-contents .chart-visualisation {
  height: 400px;
  overflow: hidden;
}
#tab-contents input[type="radio"] {
  margin-left: 12%;
}
/*
 * visualisation stat default
 */
.criteria-column {
  /*width:275px;*/

  float: left;
}
.stat-block {
  /*width: 255px;*/

  float: left;
  margin: 10px;
  color: #ccccc5;
  font-family: "Lato";
  margin: 10px;
  width: 97%;
  font-size: 10px;
}
.stat-block .header {
  color: #ccccc5;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #595758;
}
.stat-block .stats .stat {
  width: 100%;
  float: left;
  height: 18px;
  font-family: "Lato";
  border-bottom: 1px dotted #262525;
}
.stat-block .stats .stat .title {
  float: left;
  /*min-width: 55px;*/

  width: 45%;
  font-family: "Lato";
}
.stat-block .stats .stat .percent,
.stat-block .stats .stat .total {
  text-align: right;
}
/*
.stat-block .stats .stat .description {
	float: left;
	width: 30%;
	
}
*/
.stats .progress,
.stat-qualif .progress {
  /*height: 13px;*/

  /*width: 30%;*/

}
.stat-block .stats .stat .progress-container {
  float: left;
  /*min-width: 100px;*/

  width: 30%;
}
.stat-block .stats .stat .percent {
  float: left;
  margin-left: 5px;
  /*min-width: 45px;*/

  width: 7%;
}
.stat-block .stats .stat .total {
  float: left;
  /*min-width: 50px;*/

  width: 16%;
}
.stats.in-line .percent,
.stats.in-line .item {
  font-size: 11px;
  height: 18px;
  text-align: center;
}
.stats.in-line .item {
  margin-bottom: 15px;
}
.stats.in-line .progress {
  margin-bottom: 0;
}
.stat-qualif {
  margin-top: 15px;
}
/*
 * indicator generals
 */
.indicator-container {
  padding: 10px 0;
  text-align: center;
  /*height: 65px;*/

}
.indicator-title {
  color: #ccccc5;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "LatoL";
  text-shadow: 0px 0px 2px #000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
  padding-left: 15px;
  padding-top: 10px;
}
.indicator.span4 {
  /*width: 30.62%;*/

}
.indicator {
  /*height: 45px;*/

  height: 100px;
  width: 90%;
  margin: 5px auto;
  background: #262525;
  border-radius: 4px;
  border-bottom: 1px solid #595758;
  border-top: 1px solid #1a1819;
  /*-moz-box-shadow: inset 0px -2px 5px 1px @dark02;
	-webkit-box-shadow: inset 0px -2px 5px 1px @dark02;
	-o-box-shadow: inset 0px -2px 5px 1px @dark02;
	box-shadow: inset 0px -2px 5px 1px @dark02;*/

}
.indicator .value {
  margin-top: 5px;
  width: 100%;
  color: #A7D1F0;
  font-size: 1.5em;
  text-shadow: 0px 1px 2px #000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
}
.indicator .description {
  width: 100%;
  color: #b3b3ad;
  font-size: 9px;
}
/*
 * popin
 */
.datepick-month-header {
  /*height: 20px;*/

}
.modal .tab-content > .active,
.pill-content {
  color: black;
}
.modal .tabs-left > .nav-tabs,
.modal .tabs-below > .nav-tabs {
  border: 1px solid #424041;
  background-color: #262525;
}
.modal .nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  background-color: #262525;
  border: 1px solid transparent;
  color: #afdcff;
}
.modal .nav > li > a {
  color: #ccccc5;
}
.modal .nav > li > a:hover {
  text-decoration: none;
  background-color: #262525;
  color: #afdcff;
}
.modal .tabs-left > .nav-tabs,
.modal .tabs-below > .nav-tabs {
  margin-right: 0;
}
.modal .tab-content {
  background-color: #e4e4dd;
  overflow: auto;
}
.modal {
  width: 670px;
  background-color: #262525;
  color: #e4e4dd;
}
.modal-header {
  border-bottom: 1px dotted #424041;
}
.modal-header H3 {
  font-family: LatoL;
  text-transform: uppercase;
}
.modal-footer {
  background-color: #333132;
  border-top: 1px solid #424041;
  box-shadow: none;
  padding: 5px 15px ;
}
.modal-footer .top-button-container {
  float: right;
}
.emboss-container {
  background: #1a1819;
  border: 1px solid #424041;
  border-radius: 4px 4px 4px 4px;
  display: block;
  height: 240px;
  margin: 0;
  padding: 20px;
}
.datepickers {
  padding-top: 20px;
}
.datepickers .datepicker {
  float: left;
  width: 50%;
}
.datepickers .datepicker select {
  width: 73px;
  padding: 0;
}
.datepickers .datepicker div {
  width: 100%;
}
/*
 * profiles
 */
.tableProfiles {
  width: 100%;
  color: #ccccc5;
  border-left: 1px solid transparent;
}
.tableProfiles .col-pic {
  width: 32px;
}
.tableProfiles .col-rank {
  width: 5%;
  text-align: center;
}
.tableProfiles .col-quantity {
  width: 20%;
}
.tableProfiles .col-edit,
.tableProfiles .col-fav {
  width: 22px;
}
.tableProfiles td.cell-edit {
  background-image: url("../theme/icons/main_ico_editProfil_n.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.tableProfiles td.cell-edit:hover {
  background-image: url("../theme/icons/main_ico_editProfil_h.png");
}
.tableProfiles td.cell-fav {
  background-image: url("../theme/icons/main_ico_favorite_n.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.tableProfiles td.cell-fav:hover,
.tableProfiles td.cell-fav.selected {
  background-image: url("../theme/icons/main_ico_favorite_h.png");
}
.tableProfiles tr.profile:hover {
  color: #afdcff;
  cursor: pointer;
}
.tableProfiles tr.selected,
.tableProfiles tr.selected:hover {
  background-color: #afdcff;
  color: #262525;
  cursor: pointer;
}
/*
.tableProfiles tr.profile:hover td.cell-edit, .tableProfiles tr.selected td.cell-edit,
.tableProfiles tr.profile:hover td.cell-fav, .tableProfiles tr.selected td.cell-fav {
	color: @light04;
	background-color : @dark06;
	cursor: pointer;
}*/
.tableProfiles td {
  border-top: 1px solid #424041;
  padding: 1px 4px;
}
.tableProfiles td .title {
  font-family: "Lato";
}
.tableProfiles td .description {
  font-family: "LatoL";
  display: block;
  font-size: 11px;
}
.tableProfiles th a {
  padding-right: 20px;
  white-space: nowrap;
  background: url('../theme/icons/bg.gif') no-repeat right 50%;
  color: #ccccc5;
  font-weight: normal;
}
.tableProfiles .headerSortUp a {
  background: url('../theme/icons/asc.gif') no-repeat right 50%;
}
.tableProfiles .headerSortDown a {
  background: url('../theme/icons/desc.gif') no-repeat right 50%;
}
.tableProfiles thead {
  width: 100%;
  color: #ccccc5;
  background-color: #262525;
}
.tableProfiles tbody {
  width: 100%;
  color: #ccccc5;
  background-color: #333132;
}
#segment-list-choice {
  margin-bottom: 5px;
}
#segment-list-category {
  margin-bottom: 10px;
}
#tableProfilesContainer {
  overflow: auto;
  clear: both;
}
#tableProfilesEditorContainer {
  overflow: auto;
  height: 180px;
  clear: both;
}
#tableProfilesSearchContainer {
  background-color: #262525;
  background-image: url("../theme/icons/main_ico_search_n.png");
  background-position: right center;
  background-repeat: no-repeat;
  float: right;
  height: 22px;
  padding-right: 25px;
  border-radius: 4px;
  border: 1px solid #595758;
  color: #e4e4dd;
  position: relative;
  margin-left: 21px;
}
#segment-list-category .customStyleSelectBox {
  position: relative;
  top: 2px;
}
#tableProfilesSearchContainer input {
  float: right;
  width: 115px;
  background-color: transparent;
  border-color: transparent;
  color: #ccccc5;
  font-size: 10px;
  height: 11px;
}
/* profile-viewer*/
#profile-viewer-stats {
  height: 80px;
  margin-bottom: 15px;
}
#profile-viewer-evolution {
  height: 80px;
  margin-bottom: 15px;
  margin-left: 2.5641%;
}
.profile-viewer {
  border-top: 1px solid #262525;
  border-bottom: 1px solid #424041;
  border-right: 1px solid #262525;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #262525;
}
.profile-viewer .content li {
  /*border-bottom: 1px solid @dark06;*/

  /*margin-bottom: 0;
	margin-left:1px;*/

}
.profile-viewer .content .tab-content {
  margin: 0;
  padding: 0 15px;
  background-color: #333132;
  /*color : @light06;*/

  overflow: auto;
  border-left: 1px solid #333132;
  -webkit-box-shadow: inset 3px 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: inset 3px 0 7px rgba(0, 0, 0, 0.3);
}
.profile-viewer .tabs-left > .nav-tabs > li > a:hover,
.profile-viewer .tabs-left > .nav-tabs > li.active > a,
.profile-viewer .tabs-below > .nav-tabs > li > a:hover,
.profile-viewer .tabs-below > .nav-tabs > li.active > a {
  background: none;
  color: #afdcff;
  border: none;
  text-shadow: 0 0 6px #00d8ff;
}
.profile-viewer .tabs-left > .nav-tabs > li > a,
.profile-viewer .tabs-below > .nav-tabs > li > a {
  color: #e4e4dd;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  border: none;
}
.profile-viewer .tabs-left > .nav-tabs > li.disabled > a,
.profile-viewer .tabs-below > .nav-tabs > li.disabled > a {
  color: #80807c;
}
.profile-viewer .tabs-left > .nav-tabs,
.profile-viewer .tabs-below > .nav-tabs {
  margin: 0;
  border-right: none;
}
.profile-viewer .tabs-below > .nav-tabs {
  border-top: 0;
}
.profile-viewer .tab-content {
  overflow: auto;
}
.profile-viewer .nav {
  margin-bottom: 0;
}
.profile-viewer #tablevis {
  display: none;
}
.profile-editor ul.nav {
  margin-bottom: 0;
}
.profile-editor .top-button-container {
  float: right;
}
.profile-editor .custom-input {
  font-family: LatoL;
  font-size: 12px;
  font-weight: normal;
  width: 96%;
}
#showContentTreemap {
  background-image: url("../theme/icons/graph_ico_treemap_n.png");
  float: left;
  width: 22px;
  height: 22px;
}
#showContentTreemap.selected,
#showContentTreemap:hover {
  background-image: url("../theme/icons/graph_ico_treemap_h.png");
}
#showContentTable {
  background-image: url("../theme/icons/graph_ico_table_n.png");
  float: left;
  width: 22px;
  height: 22px;
}
#showContentTable.selected,
#showContentTable:hover {
  background-image: url("../theme/icons/graph_ico_table_h.png");
}
#top-menu-top .top-menu-icons .general-setting:hover {
  background-image: url("../theme/icons/top_ico_settings_h.png");
}
#top-menu-bottom .top-menu-bottom-item .subhead-block.audience-block {
  margin-top: 6px;
  padding-top: 4px;
  width: 180px;
}
/* Collect Deploy */
#deployLeft {
  border-right: 1px solid #262525;
}
#deployRight {
  border-left: 1px solid #424041;
}
/*
 * Collect Quality
 */
#collectQualityList {
  display: block;
  margin: 15px;
}
table.qualityList {
  margin: auto;
  max-width: 1200px;
  width: 100%;
  font-size: 12px;
}
table.qualityList thead td {
  padding-bottom: 5px;
  text-align: center;
  background-color: #424041;
  border: 1px solid #333132;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 7px 10px;
}
table.qualityList tbody tr:hover td {
  background-color: #333132;
}
table.qualityList tbody td {
  background-color: #595758;
  border: 1px solid #333132;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 3px 10px;
}
table.qualityList td.tdRight {
  text-align: right;
}
table.qualityList tbody td.check {
  text-align: center;
}
table.qualityList td.exploitation.good {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../theme/icons/circle_sm_green.png');
}
table.qualityList td.exploitation.medium {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../theme/icons/circle_sm_orange.png');
}
table.qualityList td.exploitation.bad {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../theme/icons/circle_sm_red.png');
}
/* 
 * report
 */
#reportList {
  background-color: white;
  color: black;
}
#reportList .header {
  font-size: 24px;
  height: 25px;
}
#reportList .report td.title {
  text-align: center;
  font-size: 18px;
  padding-bottom: 60px;
}
.reportItem {
  border-bottom: 1px dotted #595758;
  padding: 25px 0;
}
/*
 * configuration
 */
table.config td.param {
  width: 35%;
}
table.config {
  margin: 10px;
}
/*
 * Synthesis collect
 */
#recentSynthesis {
  height: 100%;
  border-right: 1px solid #262525;
  background-color: #424041;
}
#totalSynthesis {
  height: 100%;
  background-color: #333132;
  /*border-left: 1px solid @dark02;*/

  -moz-box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
  -webkit-box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
  box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
}
.selectPeriod {
  float: right;
  height: 27px;
  position: relative;
  top: -7px;
}
#periodObservedQualified,
#totalObservedQualified {
  color: #afdcff;
}
#totalObservedQualified,
#totalBidCreated,
#periodBidCreated,
#periodObservedQualified {
  font-size: 18px;
  text-shadow: 0px 1px 2px #000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
}
#collect-synthesis-left-bottom table td.evolution,
table td.evolution {
  font-size: 18px;
  padding-right: 20px;
  text-align: right;
}
.evolution.positive {
  color: #a1e146;
  background: url("../theme/icons/arrow_up_green.png") no-repeat center right;
  padding-right: 20px;
}
.evolution.negative {
  color: #ff2727;
  background: url("../theme/icons/arrow_down_red.png") no-repeat center right;
  padding-right: 20px;
}
.evolution.positive-inverse {
  color: #a1e146;
  background: url("../theme/icons/arrow_up_green_inverse.png") no-repeat center right;
  padding-right: 20px;
}
.evolution.negative-inverse {
  color: #ff2727;
  background: url("../theme/icons/arrow_down_red_inverse.png") no-repeat center right;
  padding-right: 20px;
}
.collect-synthesis-bloc {
  height: 24%;
}
.collect-synthesis-bloc table {
  width: 100%;
  height: 100%;
}
.collect-synthesis-bloc table .count {
  font-size: 20px;
  text-align: right;
  color: #e4e4dd;
  font-family: LatoL;
}
table.three-line-table td {
  padding: 0 5px;
}
table.two-line-table td {
  padding: 0 10px;
}
.collect-synthesis-bloc table.four-line-table tr {
  height: 25%;
}
.collect-synthesis-bloc table.three-line-table tr {
  height: 33%;
}
.collect-synthesis-bloc table.two-line-table tr {
  height: 50%;
}
.collect-synthesis-bloc table td.line-title {
  font-size: 11px;
  text-transform: uppercase;
}
#collect-synthesis-left-top {
  /*height: 100px;*/

  margin-bottom: 25px;
}
#collect-synthesis-left-center {
  /*height: 100px;*/

  margin-bottom: 25px;
}
#collect-synthesis-left-bottom {
  /*height: 100px;*/

}
#collect-synthesis-left-bottom table td {
  /*text-align: center;*/

}
#collect-synthesis-right-top {
  /*height: 100px;*/

  margin-bottom: 25px;
}
#collect-synthesis-right-center {
  /*height: 100px;*/

  margin-bottom: 25px;
}
#collect-synthesis-right-bottom {
  /*height: 100px;*/

}
/* TWUIX 

@base-blue:#afdcff;
@blue-glow:#00d8ff;
@darker-blue:#65abe0;

@dark10:#1a1819;
@dark08:#262525;
@dark06:#333132;
@dark04:#424041;
@dark02:#595758;


@light10:#80807c;
@light08:#999994;
@light06:#b3b3ad;
@light04:#ccccc5;
@light02:#e4e4dd;
----------------------------------------------------------------------*/
a {
  color: #afdcff;
}
.margin0 {
  margin-bottom: 0 !important;
}
.margin10 {
  margin-bottom: 10px !important;
}
.margin20 {
  margin-bottom: 20px !important;
}
.margin30 {
  margin-bottom: 30px !important;
}
.margin40 {
  margin-bottom: 40px !important;
}
.margin50 {
  margin-bottom: 50px !important;
}
.margin60 {
  margin-bottom: 60px !important;
}
.margin70 {
  margin-bottom: 70px !important;
}
.margin80 {
  margin-bottom: 80px !important;
}
.margin90 {
  margin-bottom: 90px !important;
}
.margin100 {
  margin-bottom: 100px !important;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #333132;
  color: #ccccc5;
  border: 1px solid #424041;
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.29);
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.29);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.29);
}
.darkest-bkg {
  background-color: #1a1819;
  height: 100%;
}
.darker-bkg {
  background-color: #262525;
  height: 100%;
}
.dark-bkg {
  background-color: #333132;
  height: 100%;
}
.inner-shadow {
  -moz-box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
  -webkit-box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
  box-shadow: inset 3px 0 4px rgba(24, 24, 24, 0.83);
}
.action-footer {
  padding: 8px 25px;
  border-top: 1px solid #262525;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#333132), to(#424041));
  background-image: -moz-linear-gradient(90deg, #333132 0%, #424041 100%);
}
.top-menu-title {
  margin: 0 auto;
  padding-top: 18px;
  text-align: center;
  width: 40%;
  font-size: 18px;
  text-transform: uppercase;
  font-family: LatoL;
}
#top-menu-top .top-menu-icons {
  float: right;
  margin: -18px 20px 0 0;
}
.buyer-audience-bloc .nav-tabs {
  border-bottom: 1px solid #1a1819;
}
.buyer-audience-bloc .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #b3b3ad;
}
.buyer-audience-bloc .nav-tabs > li > a:hover,
.buyer-audience-bloc .nav-tabs > .active > a,
.buyer-audience-bloc .nav-tabs > .active > a:hover {
  color: #afdcff;
  cursor: default;
  background-color: #262525;
  border: 1px solid #262525;
  border-bottom: 1px solid #afdcff;
}
#audience-buyer-tab-block {
  background: transparent url('../img/arrow-l-f-grey.png') no-repeat right top;
}
.buyer-audience-specs-table {
  margin-bottom: 15px;
  font-size: 14px;
  font-family: "LatoL";
}
.buyer-audience-specs-table td {
  border-bottom: 1px solid #333;
  margin: 0;
  padding-top: 3px;
}
.buyer-audience-specs-table input[type="text"] {
  margin-bottom: 2px;
}
.buyer-audience-specs-table .control-group {
  margin-bottom: 5px;
  margin-top: 5px;
  min-height: 25px;
}
.sortable {
  list-style-type: none;
  margin: 0;
  padding: 0 0 2.5em;
  float: left;
  margin-right: 10px;
}
.ui-placeholder-highlight {
  margin: 0 5px 5px 5px;
  padding: 5px 5px 5px 15px;
  font-size: 1.0em;
  min-width: 175px;
  height: 17px;
  border: 1px dashed #595758;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.48);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.48);
}
.ui-state-default {
  margin: 0 5px 5px 5px;
  padding: 5px 5px 5px 15px;
  font-size: 1.0em;
  min-width: 175px;
  border: 1px solid #363636;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e0e0e0;
  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.35);
  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.35);
  box-shadow: 0 2px 3px rgba(1, 1, 1, 0.35);
  background: #f5f5f5 url('../img/bkg_ui-state-default.png') no-repeat left center;
  border-right: 4px solid #afdcff;
  cursor: move ;
  float: left;
}
.ui-state-default:hover {
  background-image: none;
  background: #f5f5f5 url('../img/bkg_ui-state-default_h.png') no-repeat left center;
}
.connectedSortable {
  width: 100%;
  margin: 5px 0px 10px -7px;
  list-style: none outside none;
}
.exclusionBox {
  border: 1px solid #b94b04;
  margin-bottom: 10px;
  padding-top: 5px;
}
.inclusionBox {
  border: 1px solid #509d06;
  margin-bottom: 10px;
  padding-top: 5px;
}
#sortableSelectionCriteria {
  min-height: 100px;
}
#sortableExclusionCriteria {
  min-height: 30px;
}
#sortableSelectionCriteria .ui-state-default {
  border-right: 4px solid #509d06;
  background-image: none;
  background-color: #f5f5f5;
  background-color: #595758;
  color: #b3b3ad;
}
#sortableExclusionCriteria .ui-state-default {
  border-right: 4px solid #b94b04;
  background-image: none;
  background-color: #595758;
  color: #b3b3ad;
}
#audience-buyer {
  display: table;
  margin: auto;
  text-align: center;
}
#audience-buyer-tab-block .tab-pane {
  min-height: 400px	;
}
#audience-buyer .nav-pills > li > a {
  text-decoration: none;
  min-width: 100px;
  margin-top: 4px;
  padding: 7px 5px 7px 5px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 50px;
  color: #ccccc5;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);*/

  background-color: #595758;
  border: solid 4px #262525;
}
#audience-buyer .nav-pills > li > a:hover {
  border: solid 4px #afdcff;
}
#audience-buyer .nav-pills > li > a img {
  float: left;
  padding-top: -1px;
  padding-left: -5px;
}
#audience-buyer .nav-pills > .active > a,
#audience-buyer .nav-pills > .active > a:hover {
  background-color: #afdcff;
  /*border-radius: 20px 20px 20px 20px;*/

  /*border: 4px solid @dark10;*/

  color: #262525;
}
.step-arrow {
  background: url('../img/arrow.png') center center no-repeat transparent;
  display: block;
  height: 12px;
  margin: 14px 6px 0;
  width: 12px;
}
a .btn-snap {
  margin-right: -30px;
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */