section.main-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 1024px;
  min-height: 500px;
  overflow: hidden; }
  section.main-container section.content {
    margin-left: 60px; }
  section.main-container section.full-height,
  section.main-container div.full-height {
    height: 100%; }
  section.main-container section.full-height-header {
    height: calc(100% - 110px); }
  section.main-container section.full-height-footer {
    height: calc(100% - 75px); }

html, body {
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: black;
  background-color: #f9fafc;
  -webkit-font-smoothing: initial; }

.background-base {
  background-color: #f9fafc; }

.cursor-default,
.cursor-default .fa-stack,
.cursor-default i {
  cursor: default !important; }

.md-datepicker-calendar-pane {
  z-index: 9999; }

section#position-distribution-page div.filters {
  height: 34px; }

section#position-distribution-page div.table {
  height: calc(100% - 34px - 32px);
  width: calc(100% - 30px); }

section#position-distribution-page label {
  display: inline-block;
  margin-bottom: 0; }

section#position-distribution-page div.cex-table {
  height: 100%; }
  section#position-distribution-page div.cex-table div.cex-table-head div.cex-table-cell {
    white-space: normal; }
  section#position-distribution-page div.cex-table div.cex-table-body {
    height: calc(100% - 50px); }
    section#position-distribution-page div.cex-table div.cex-table-body div.cex-table-row {
      height: 50px; }
    section#position-distribution-page div.cex-table div.cex-table-body div.cex-table-cell {
      height: 50px;
      min-height: 50px;
      vertical-align: middle; }
      section#position-distribution-page div.cex-table div.cex-table-body div.cex-table-cell > div {
        display: block;
        height: 50px;
        line-height: 50px; }
    section#position-distribution-page div.cex-table div.cex-table-body div.data-container {
      overflow: auto; }
  section#position-distribution-page div.cex-table div.col-name {
    padding-left: 15px; }
  section#position-distribution-page div.cex-table div.rep div.col-name {
    padding-left: 25px; }
  section#position-distribution-page div.cex-table div.county div.col-name {
    padding-left: 35px; }
  section#position-distribution-page div.cex-table div.col-targeted-customers,
  section#position-distribution-page div.cex-table div.col-patients-potential,
  section#position-distribution-page div.cex-table div.col-current-patients,
  section#position-distribution-page div.cex-table div.col-call-demand,
  section#position-distribution-page div.cex-table div.col-call-capacity,
  section#position-distribution-page div.cex-table div.col-load {
    text-align: center; }
  section#position-distribution-page div.cex-table div.col-call-demand,
  section#position-distribution-page div.cex-table div.col-call-capacity,
  section#position-distribution-page div.cex-table div.col-load {
    width: 125px; }
  section#position-distribution-page div.cex-table div.col-actions {
    width: 44px; }

section.brands-add-page div.modal-body {
  min-height: 100px; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-normal {
  cursor: default; }

button, i, .no-select {
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

*:focus {
  outline: 0; }

div.cex-tile {
  max-height: calc(100% - 30px);
  margin: 14px;
  border: 1px solid #bdccd2;
  background-color: white;
  overflow: hidden; }

div.cex-table {
  display: block;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }
  div.cex-table div.cex-table-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #bdccd2; }
    div.cex-table div.cex-table-row .editable-wrap {
      max-width: 40%; }
      div.cex-table div.cex-table-row .editable-wrap .form-control {
        height: 27px;
        width: 100%; }
  div.cex-table div.cex-table-row.deleted, div.cex-table div.cex-table-row.not-voucher-rep {
    cursor: default; }
    div.cex-table div.cex-table-row.deleted div.cex-table-cell, div.cex-table div.cex-table-row.not-voucher-rep div.cex-table-cell {
      font-style: italic;
      opacity: 0.45; }
  div.cex-table div.cex-table-cell.inactive {
    font-style: italic;
    opacity: 0.45; }
  div.cex-table div.cex-table-row.no-border {
    border-bottom: 0; }
  div.cex-table div.cex-table-cell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    div.cex-table div.cex-table-cell label {
      margin: 0; }
  div.cex-table div.cex-table-head {
    width: 100%;
    font-weight: bold;
    border-collapse: collapse;
    border-bottom: 1px solid #bdccd2;
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff2f4));
    background: linear-gradient(to bottom, #ffffff 0%, #eff2f4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff2f4', GradientType=0);
    /* IE6-9 */ }
    div.cex-table div.cex-table-head div.cex-table-row {
      border-bottom: 0; }
    div.cex-table div.cex-table-head div.cex-table-cell {
      height: 50px; }
      div.cex-table div.cex-table-head div.cex-table-cell > * {
        line-height: 25px; }
  div.cex-table div.cex-table-body {
    width: 100%;
    border-collapse: collapse;
    height: calc(100% - 50px - 55px);
    overflow-y: auto; }
    div.cex-table div.cex-table-body div.cex-table-cell {
      height: 45px; }
    div.cex-table div.cex-table-body div.cex-table-row:nth-child(even) {
      background-color: #fbfcfd; }
    div.cex-table div.cex-table-body div.cex-table-row:not(.no-hover):hover {
      background-color: whitesmoke;
      cursor: pointer; }
    div.cex-table div.cex-table-body div.cex-table-row.no-data {
      height: 100%;
      border-bottom: none; }
      div.cex-table div.cex-table-body div.cex-table-row.no-data div.cex-table-cell {
        text-align: center;
        font-weight: bold; }
    div.cex-table div.cex-table-body div.cex-table-row.no-data:hover {
      background-color: transparent;
      cursor: default; }
  div.cex-table div.cex-table-footer {
    border-top: 1px solid #bdccd2;
    width: 100%;
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff2f4));
    background: linear-gradient(to bottom, #ffffff 0%, #eff2f4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff2f4', GradientType=0);
    /* IE6-9 */ }
    div.cex-table div.cex-table-footer div.cex-table-row {
      border: 0;
      height: 55px; }
      div.cex-table div.cex-table-footer div.cex-table-row div.cex-table-cell button {
        margin: 0 10px; }
  div.cex-table div.no-data-cell {
    white-space: normal; }
  div.cex-table div.cex-table-row:nth-of-type(n+3).col-dropdown-above {
    overflow: visible; }
    div.cex-table div.cex-table-row:nth-of-type(n+3).col-dropdown-above .dropdown-menu {
      top: auto !important;
      bottom: 37px; }

.dropdown-above {
  overflow: visible; }
  .dropdown-above .dropdown-menu {
    top: auto !important;
    bottom: 35px;
    width: 100%; }

div.cex-table.no-actions div.cex-table-body div.cex-table-row:hover {
  background-color: inherit; }

div.table-header-gradient {
  background: #ffffff;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff2f4));
  background: linear-gradient(to bottom, #ffffff 0%, #eff2f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff2f4', GradientType=0);
  /* IE6-9 */ }

label {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis; }
  label .editable-click, label a.editable-click {
    color: #000000;
    border: none; }

label.add-label {
  padding: 0;
  margin-bottom: 5px;
  overflow: visible; }

.success {
  width: 100%;
  color: #ffffff;
  background-color: #4f8a10;
  display: block;
  padding: 3px 0;
  text-align: center;
  margin-bottom: 10px; }

.error {
  width: 100%;
  color: #ffffff;
  background-color: #d8000c;
  display: block;
  padding: 3px 0;
  text-align: center;
  margin-bottom: 10px; }

.text-error {
  color: #ed1c24;
  font-weight: bold; }

.input-error,
.input-error-md-autocomplete input {
  border: 2px solid red !important;
  color: red; }

div.picture-thumbnail {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #bdccd2;
  background-color: #edeff3; }
  div.picture-thumbnail img {
    width: 35px;
    height: 35px; }

div.picture-preview {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #bdccd2;
  background-color: #edeff3; }
  div.picture-preview img {
    width: 80px;
    height: 80px; }

div.vertical-separator-after:after {
  content: "";
  background: #bdccd2;
  position: absolute;
  top: 10%;
  left: calc(100% - 1px);
  height: 80%;
  width: 1px; }

div.vertical-separator-before:before {
  content: "";
  background: #bdccd2;
  position: absolute;
  top: 10%;
  height: 80%;
  width: 1px;
  left: 0; }

ul.dropdown-menu {
  z-index: 99999;
  max-height: 300px;
  overflow: auto; }
  ul.dropdown-menu i {
    margin-left: 5px;
    font-size: 35px; }
  ul.dropdown-menu button {
    border: 0; }

input[type=checkbox] {
  display: inline-block;
  width: 23px;
  height: 23px; }

div[ui-sref] {
  cursor: pointer; }

span.rejected,
div.rejected {
  color: #f41b1c; }

span.approved,
div.approved {
  color: #008800; }

a.cex-editable:after {
  content: "\f14b";
  font-weight: normal;
  font-style: normal;
  font-family: 'FontAwesome', Arial, sans-serif;
  color: #bdccd2; }

button.btn-one {
  line-height: 35px; }

button.btn-cex {
  height: 35px;
  padding: 0 10px;
  color: #f9fafc;
  line-height: 35px;
  background-color: #ed1c24;
  border: 0; }
  button.btn-cex span.one-line {
    line-height: 35px; }

button.btn-cex.disabled,
button.btn-cex[disabled=disabled],
button.btn-cex:disabled {
  opacity: 0.4; }

button.edit-button {
  background-color: #262262;
  height: 23px;
  width: 23px; }

i.edit-button {
  float: left;
  color: #262262;
  font-size: 23px; }

i.cex-tooltip {
  font-size: 16px;
  float: none;
  font-style: italic;
  color: #3e4045;
  padding-right: 5px; }

div.brands-wrapper {
  overflow: hidden;
  position: relative; }
  div.brands-wrapper div.brands-group {
    float: left;
    width: calc(100% - 28px); }
  div.brands-wrapper span.edit-absolute-button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

span.edit-button,
button.edit-button {
  position: relative;
  display: inline-block;
  float: left;
  margin-left: 5px;
  width: 23px;
  height: 23px;
  border: 0;
  border-radius: 5px; }
  span.edit-button i.background,
  button.edit-button i.background {
    color: #262262;
    font-size: 23px;
    height: 23px;
    vertical-align: top; }
  span.edit-button i.foreground,
  button.edit-button i.foreground {
    position: absolute;
    top: 4px;
    left: 4px;
    color: #f9fafc;
    font-size: 15px; }
  span.edit-button i.foreground.fa-eye,
  button.edit-button i.foreground.fa-eye {
    top: 3px; }

i.fa-check-circle.plan-decision:hover {
  color: #008800; }

i.fa-times-circle.plan-decision:hover {
  color: #f41b1c; }

i.plan-decision {
  width: 50%;
  text-align: left;
  font-size: 1.5em;
  color: #bdccd2; }

i.plan-decision.plan-disabled,
i.plan-decision.plan-disabled:hover {
  color: #e7edf0; }

i.plan-decision.plan-approved,
i.plan-decision.plan-approved.plan-disabled {
  color: #008800; }

i.plan-decision.plan-rejected,
i.plan-decision.plan-rejected.plan-disabled {
  color: #f41b1c; }

select.filter-select {
  padding: 0 40px 0 1px;
  width: 300px;
  background: url("resources/elements/filter_select_arrow.png") no-repeat right white;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select.filter-select,
select.filter-select:focus,
select.filter-select:active {
  border: 1px solid #bdccd2; }

span.tag-input {
  position: relative;
  display: inline-block;
  min-width: 150px;
  margin: 2px;
  padding: 0 5px;
  font-size: 14px;
  background: #fbfcfd;
  color: #262262;
  border: 1px solid #262262;
  border-radius: 4px;
  max-width: 175px;
  overflow: hidden;
  text-align: center;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  span.tag-input div.county-label {
    overflow-wrap: break-word;
    word-break: break-all; }
  span.tag-input div.tag-separator {
    height: 1px;
    width: 100%;
    margin: 2px 0;
    background-color: #262262; }
  span.tag-input > span,
  span.tag-input > form {
    display: block; }
  span.tag-input > form > * {
    display: inline-block; }

tags-input {
  font-family: "Open Sans", sans-serif; }
  tags-input div.tags {
    border: 0;
    background-color: #dfe2ec;
    -webkit-box-shadow: none;
            box-shadow: none; }
    tags-input div.tags input {
      background: transparent; }
  tags-input div.tags.focused {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  tags-input ul.tag-list li.tag-item {
    position: relative;
    background: #fbfcfd;
    color: #262262;
    border: 1px solid #262262; }
    tags-input ul.tag-list li.tag-item a.remove-button {
      display: inline-block;
      height: 15px;
      width: 15px;
      font-size: 15px;
      line-height: 15px;
      text-align: center;
      margin: -3px 0 0 5px;
      border-radius: 4px;
      background-color: #262262;
      color: #fbfcfd; }

div.cex-table-row:nth-of-type(n+4) tags-input div.autocomplete {
  top: auto !important;
  bottom: 50px; }

div.modal-header, div.modal-footer {
  background-color: #edeff3;
  border: none;
  width: 100%;
  clear: both; }

div.modal-header {
  height: 60px; }
  div.modal-header > * {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold; }
  div.modal-header i {
    line-height: 30px; }

div.modal-body label {
  height: 35px; }
  div.modal-body label span {
    line-height: 35px; }

div.modal-footer > * {
  display: inline-block;
  vertical-align: bottom; }

div.modal-footer span.modal-cancel {
  text-decoration: underline;
  cursor: pointer; }

div.modal-footer *.modal-filters {
  height: 35px;
  line-height: 35px;
  float: left; }

div.modal-body {
  max-height: calc(90% - 150px);
  overflow: auto; }
  div.modal-body label {
    height: auto; }

i.red-flag {
  color: #ad2c1e; }

i.yellow-flag {
  color: #dec02e; }

a[editable-text] {
  font-style: normal; }

a[editable-text]:hover {
  color: inherit;
  font-style: inherit; }

span.editable-buttons button {
  position: relative;
  background-color: #1D1F2B;
  width: 23px;
  height: 23px;
  border: 0;
  border-radius: 5px; }
  span.editable-buttons button span {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #f9fafc;
    font-size: 14px; }

span.editable-buttons button.btn.btn-primary:hover,
span.editable-buttons button.btn.btn-default:hover {
  background-color: #1D1F2B;
  color: #f9fafc; }

*.error-tile {
  color: red;
  font-weight: bold; }

*.warning-tile {
  color: #ffbf00;
  font-weight: bold; }

*.success-tile {
  color: #50c878;
  font-weight: bold; }

div.bottom-separator {
  height: 1px;
  background-color: #bdccd2;
  margin: 10px 0; }

span.fa-stack.cex-icon {
  width: 24px;
  height: 24px;
  line-height: 24px; }
  span.fa-stack.cex-icon i.background {
    color: #262262;
    font-size: 24px; }
  span.fa-stack.cex-icon i.foreground {
    color: white;
    font-size: 12px; }

div.cex-input input,
div.cex-input input[type=text],
div.cex-input input[type=number],
div.cex-input input[type=checkbox] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  background-color: white;
  border: 2px solid #262262;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -webkit-appearance: none; }

div[highcharts].chart-wrapper {
  height: 100%; }

div[highcharts].chart-wrapper-width-full {
  width: 100%; }

div[highcharts] text[text-anchor='end'] {
  display: none; }

div[highcharts] g.highcharts-axis-labels text {
  display: block; }

.tooltip-hide {
  pointer-events: none; }

span.cex-tooltip i {
  font-size: 16px;
  float: none;
  font-style: italic;
  color: #3e4045; }

i.cex-tooltip {
  font-size: 16px;
  float: none;
  font-style: italic;
  color: #3e4045; }

._720kb-tooltip._720kb-tooltip-medium {
  max-width: 600px;
  z-index: 9999; }

div.modal-xxl {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 15px; }
  div.modal-xxl div.modal-content {
    height: 100%; }

span.small,
div.small {
  font-size: 0.8em; }

svg {
  overflow: visible !important; }

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

i.flag-alert {
  color: #ed1c24;
  cursor: default; }

i.flag-warning {
  color: #ffbf00;
  cursor: default; }

i.flag-success {
  color: #50c878;
  cursor: default; }

i.flag-info {
  color: white;
  cursor: default; }

div.horizontal-separator {
  height: 1px;
  width: 100%;
  margin: 10px auto;
  background-color: #bdccd2; }

/**
 * material design tooltips
 */
md-tooltip {
  max-width: 300px;
  z-index: 999999;
  text-overflow: unset !important;
  overflow: auto !important;
  height: auto !important;
  white-space: normal !important; }

md-tooltip.md-default-theme ._md-content,
md-tooltip ._md-content {
  height: auto;
  background-color: black;
  font-size: 12px;
  text-overflow: initial;
  white-space: normal; }

/**
 * material design autocomplete
 */
md-autocomplete input:not(.md-input) {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 34px;
  text-align: left;
  background-color: white;
  border: 2px solid #262262;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -webkit-appearance: none; }

md-autocomplete .md-whiteframe-1dp, md-autocomplete .md-whiteframe-z1 {
  -webkit-box-shadow: none;
          box-shadow: none; }

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 9999; }

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  font-size: 14px;
  display: block; }

.autocomplete-custom-template .item-metadata {
  font-size: 10px; }

.md-autocomplete-suggestions li {
  height: auto;
  line-height: 1;
  padding: 10px 15px; }

md-autocomplete button {
  display: none; }

*.u-margin-bottom-15 {
  margin-bottom: 15px !important; }

*.u-visibility-hidden {
  visibility: hidden; }

*.u-caret-previous,
*.u-caret-next {
  width: 40px;
  margin: 0 10px;
  cursor: pointer; }
  *.u-caret-previous md-icon,
  *.u-caret-next md-icon {
    width: 100%; }

md-icon {
  text-align: center; }

.md-virtual-repeat-container {
  height: 100%; }

ul.cascade-list {
  margin-left: 15px;
  padding: 0;
  list-style: none; }
  ul.cascade-list li {
    position: relative; }
  ul.cascade-list li.open:before,
  ul.cascade-list li.closed:before {
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    font-family: 'FontAwesome', Arial, sans-serif;
    font-size: 15px; }
  ul.cascade-list li.open:before {
    content: "\f0d7"; }
  ul.cascade-list li.closed:before {
    content: "\f0da"; }

.ellipsis {
  text-overflow: ellipsis; }

.ellipsis-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* styles for '...' */
.ellipsis-multiline {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 2.4em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em; }

/* create the ... */
.ellipsis-multiline:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 2px;
  bottom: 2px; }

/* hide ... if we have text, which is less than or equal to max lines */
.ellipsis-multiline:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white; }

.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {
  font-style: normal;
  color: black; }

.modal-fixed-lg {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 900px;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important; }
  .modal-fixed-lg .modal-content {
    height: 100%; }
    .modal-fixed-lg .modal-content div.modal-body {
      height: 100%;
      max-height: calc(100% - 120px); }

.virtual-container {
  height: 100%; }

.one-line {
  line-height: 35px; }

.page-container {
  width: 100%;
  height: 100%;
  overflow: auto; }

.no-border {
  border: none; }

.mCSB_inside > .mCSB_container {
  margin-right: 0; }

.safari-fuck-up-table {
  display: block !important; }

.error-item {
  color: #ed1c24;
  font-weight: bold; }

.warning-item {
  color: #ffbf00;
  font-weight: bold; }

.no-cursor {
  cursor: default !important; }

.fa-icon-disabled {
  opacity: 0.5; }

section.voucher-assign-page .vouchers-group {
  padding: 0 0 10px 0; }

section.voucher-assign-page .voucher-file-name {
  padding-left: 10px; }

.md-tooltip {
  height: auto !important;
  overflow: auto;
  white-space: normal; }

.cex-icon.inactive {
  opacity: 0.4; }

* [ngf-select] > *:not(:last-child) {
  margin-right: 8px; }

.md-panel-outer-wrapper.md-panel-is-showing {
  z-index: 9999 !important; }
  .md-panel-outer-wrapper.md-panel-is-showing md-tooltip {
    z-index: 9999 !important; }

section.header {
  position: relative;
  height: 40px;
  background-color: #262262; }
  section.header div.breadcrumbs {
    position: absolute;
    top: 0;
    left: 15px;
    height: 40px;
    max-width: calc(100% - 15px - 150px - 15px);
    color: white; }
    section.header div.breadcrumbs div.crumb {
      position: relative;
      display: inline-block;
      height: 40px;
      margin-right: 5px;
      font-size: 1.2em;
      line-height: 40px; }
      section.header div.breadcrumbs div.crumb > span {
        cursor: pointer; }
    section.header div.breadcrumbs div.crumb:not(:first-of-type):before {
      font-family: "FontAwesome";
      content: "\f105"; }
  section.header div.logo {
    position: absolute;
    font-size: 2em;
    left: 50%;
    width: 70px;
    text-align: center;
    font-weight: bold;
    margin-left: -35px;
    color: white; }
    section.header div.logo img {
      width: 100%; }
  section.header div.language {
    position: absolute;
    top: 0;
    right: 15px;
    height: 40px;
    width: 150px;
    text-align: center;
    line-height: 40px;
    color: #999ba2; }
    section.header div.language > label > span {
      margin-right: 5px; }
    section.header div.language > label > select {
      width: 60px;
      padding: 0 0 0 1px;
      background: url("resources/elements/language_select_arrow.png") no-repeat right #262262;
      border: 1px solid #3e4045;
      line-height: 1;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }

.loading {
  display: table;
  width: 100%;
  height: 100%; }

.loading-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.sk-fading-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }


.ag-cex {
  width: 100%;
  height: 100%; }
  .ag-cex .filter > *:not(:last-child) {
    margin-right: 5px; }
  .ag-cex .cex-icon {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important; }
  .ag-cex .ag-root-wrapper-body,
  .ag-cex .ag-layout-normal .ag-body {
    height: 100% !important; }
  .ag-cex .ag-header .ag-header-cell,
  .ag-cex .ag-header .ag-header-group-cell,
  .ag-cex .ag-body .ag-cell,
  .ag-cex .ag-floating-bottom .ag-cell {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    .ag-cex .ag-header .ag-header-cell .text-ellipsis,
    .ag-cex .ag-header .ag-header-group-cell .text-ellipsis,
    .ag-cex .ag-body .ag-cell .text-ellipsis,
    .ag-cex .ag-floating-bottom .ag-cell .text-ellipsis {
      width: 90%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .ag-cex .ag-header .ag-header-cell .text-ellipsis-2,
    .ag-cex .ag-header .ag-header-group-cell .text-ellipsis-2,
    .ag-cex .ag-body .ag-cell .text-ellipsis-2,
    .ag-cex .ag-floating-bottom .ag-cell .text-ellipsis-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      white-space: normal;
      text-overflow: ellipsis; }

.ag-cex.simple-table {
  border: 1px solid #bdccd2; }
  .ag-cex.simple-table .ag-header,
  .ag-cex.simple-table .ag-floating-bottom {
    font-weight: bold;
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff2f4));
    background: linear-gradient(to bottom, #ffffff 0%, #eff2f4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff2f4', GradientType=0);
    /* IE6-9 */ }
  .ag-cex.simple-table .ag-header .ag-header-cell,
  .ag-cex.simple-table .ag-header .ag-header-group-cell {
    white-space: normal; }
  .ag-cex.simple-table .ag-header,
  .ag-cex.simple-table .ag-header .ag-header-group-cell,
  .ag-cex.simple-table .ag-body .ag-row {
    border-bottom: 1px solid #bdccd2; }
  .ag-cex.simple-table .ag-floating-bottom {
    border-top: 1px solid #bdccd2; }
  .ag-cex.simple-table .ag-body {
    background-color: #fbfcfd; }
  .ag-cex.simple-table .ag-overlay-wrapper {
    display: unset; }

.ag-cex *.searchable {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.ag-cex *.searchable:after {
  font-family: FontAwesome, sans-serif;
  content: "\f002";
  position: absolute;
  right: -14px;
  top: -5px;
  cursor: pointer; }

.ag-cex md-autocomplete {
  width: calc(100% - 25px - 10px); }

.ag-cex md-autocomplete,
.ag-cex md-autocomplete md-autocomplete-wrap {
  min-width: auto;
  height: auto; }

.ag-cex .series-ag-filter label {
  width: calc(50% - 20px); }

.ag-cex .series-ag-filter label:not(:last-of-type) {
  margin-right: 5px; }

.ag-cex .range-date-ag-filter button {
  border: 2px solid #262262;
  max-width: calc(100% - 25px - 10px); }

.popover {
  width: auto;
  max-width: none; }

.date-range-popover {
  background-color: #ffffff;
  padding: 8px;
  border: 1px solid #bdccd2; }
  .date-range-popover .datepicker-border0 button {
    border: none; }
  .date-range-popover .vertical-separator {
    margin: 15px 0;
    background-color: #bdccd2;
    width: 1px; }
  .date-range-popover .actions-wrapper button:not(:last-of-type) {
    margin-right: 15px; }

.col-align-left {
  padding-left: 15px;
  text-align: left !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.border-left {
  border-left: 1px solid #bdccd2; }

.border-right {
  border-right: 1px solid #bdccd2; }

.margin-top-sm {
  margin-top: 8px; }

.row-child {
  padding-left: 15px;
  font-style: italic; }

.md-panel-outer-wrapper {
  width: 0 !important;
  height: 0 !important; }

timeline.no-left ul.timeline:before {
  left: 40px; }

timeline.no-left ul.timeline li timeline-panel {
  width: calc(100% - 85px);
  width: -webkit-calc(100% - 85px); }

timeline.no-left ul.timeline li timeline-badge {
  left: 15px;
  margin-left: 0;
  top: 36px; }

timeline.no-left ul.timeline li timeline-panel {
  float: right; }

timeline.no-left ul.timeline li timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
  top: 46px; }

timeline.no-left ul.timeline li timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
  top: 47px; }

timeline timeline-event timeline-badge span.badge-year {
  font-size: 18px;
  font-weight: bold; }

timeline timeline-event timeline-panel {
  min-height: 150px;
  width: 100%; }

ul.timeline li .timeline-panel {
  width: 100%; }

timeline.no-left ul.timeline li timeline-panel {
  width: calc(50% - 63px);
  width: -webkit-calc(50% - 63px);
  margin-right: 20px; }

.pagination {
  margin: 0; }

.pagination > li > a,
.pagination > li > span {
  margin: 0 1px;
  background-color: #ed1c24;
  color: white;
  border: none; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  opacity: 0.4;
  background-color: #ed1c24;
  color: white;
  border: none; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #262262;
  color: white;
  border: none; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #262262;
  color: white;
  border: none; }

.form-control {
  border: 2px solid #262262; }

.md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-datepicker-input-container.md-datepicker-focused {
  border-bottom-color: transparent; }

input,
input[type=text],
input[type=checkbox],
select,
textarea,
.md-datepicker-input {
  width: 100%;
  height: 34px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  color: black;
  background-color: white;
  border: 2px solid #262262;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

input:focus,
input[type=text]:focus,
input[type=checkbox]:focus,
select:focus,
textarea:focus,
.md-datepicker-input:focus {
  overflow: auto;
  outline-color: white;
  background-color: #f5f0b0;
  -webkit-box-shadow: none;
  box-shadow: none; }

input:disabled,
input[type=text]:disabled,
input[type=checkbox]:disabled,
select:disabled,
textarea:disabled,
.md-datepicker-input:disabled {
  background-color: #eeeeee;
  border: 2px solid #eeeeee; }

input[type=checkbox] {
  width: 23px;
  height: 23px; }

div.input-group-addon {
  color: black;
  background-color: #eeeeee;
  border: 2px solid #262262;
  border-radius: 4px;
  border-right: none; }

div.input-group-addon + input {
  border-left: none; }

input:disabled ~ div.input-group-addon {
  border: 2px solid #eeeeee; }

div.cex-ui-select span.ui-select-toggle {
  width: 100%;
  height: 34px;
  padding: 0 20px 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  color: black;
  background-color: white;
  border: 2px solid #262262;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }
  div.cex-ui-select span.ui-select-toggle span.ui-select-match-text {
    height: 100%;
    width: 100%; }
    div.cex-ui-select span.ui-select-toggle span.ui-select-match-text > span {
      display: block;
      height: 100%;
      width: 100%;
      line-height: 30px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

div.cex-ui-select ul.ui-select-choices {
  max-height: 150px; }

*.yellow-flag {
  color: #ffbf00; }

*.red-flag {
  color: #ed1c24; }

*.green-icon {
  color: #50c878; }

*.yellow-icon {
  color: #ffbf00; }

*.red-icon {
  color: #ed1c24; }

.mCSB_container_wrapper {
  margin-right: 0;
  margin-bottom: 0; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 0;
  padding-bottom: 0; }

.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  width: 10px; }

.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail {
  width: 8px; }

.mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
  margin: 3px auto; }

.mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_draggerRail {
  height: 8px; }

*.notifications {
  width: 200px;
  max-height: 512px;
  overflow: auto; }

*.notifications.bottom-right {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 9999;
  vertical-align: bottom; }

.popup .modal-dialog,
.modal-dialog {
  position: absolute;
  left: 0;
  right: 0; }

.popup .modal-body {
  height: 175px;
  overflow: auto; }

*.searchable {
  position: relative; }

*.searchable:after {
  font-family: FontAwesome, sans-serif;
  content: "\f002";
  position: absolute;
  right: -20px;
  top: -5px;
  cursor: pointer; }

*.searchable-input label {
  width: calc(100% - 35px);
  display: inline-block;
  overflow: visible; }
  *.searchable-input label input {
    width: 100%; }
  *.searchable-input label input.series_input, *.searchable-input label input.date-picker {
    width: 50%; }

*.searchable-input span.edit-button {
  float: right;
  margin-top: 4px; }

div.col-actions span.cex-icon {
  margin: 0 10px; }

div.tabs-component {
  position: relative;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  max-height: none; }
  div.tabs-component div.tabs {
    position: relative;
    display: inline-block;
    overflow: auto;
    height: 100%;
    width: 100px;
    float: left;
    border-right: 1px solid #dfe2ec;
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    div.tabs-component div.tabs div.tab {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 200px;
      border-left: 10px solid transparent;
      border-top: 1px solid #bdccd2;
      border-bottom: 1px solid #bdccd2;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
      word-break: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto; }
      div.tabs-component div.tabs div.tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
      div.tabs-component div.tabs div.tab.alternative {
        color: #ed1c24; }
  div.tabs-component div.tab-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: calc(100% - 100px);
    float: right;
    background: #dfe2ec; }
    div.tabs-component div.tab-content > section {
      height: 100%;
      width: 100%; }

section.brands-list-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px); }

section.brands-list-page div.cex-table div.col-picture {
  width: 45px;
  text-align: center; }

section.brands-list-page div.cex-table div.col-name label {
  width: calc(100% - 35px);
  display: inline-block;
  overflow: visible; }

section.brands-list-page div.cex-table div.col-abbreviation {
  width: 15%;
  text-align: center; }

section.brands-list-page div.cex-table div.col-product {
  width: 30%;
  text-align: center; }
  section.brands-list-page div.cex-table div.col-product label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.brands-list-page div.cex-table div.col-market {
  width: 20%;
  text-align: center; }

section.brands-list-page div.cex-table div.col-managers {
  width: 20%;
  text-align: center; }

section.brands-list-page div.cex-table div.col-actions {
  width: 100px;
  text-align: center; }
  section.brands-list-page div.cex-table div.col-actions span.edit-button {
    margin: 0 13px; }

section.brands-details-manager-add-page div.modal-body {
  overflow: visible; }

section.business-units-list-page div.cex-table div.col-name {
  padding-left: 15px; }

section.business-units-list-page div.cex-table div.col-teams {
  width: 10%;
  text-align: center; }

section.business-units-list-page div.cex-table div.col-sms {
  width: 10%;
  text-align: center; }

section.business-units-list-page div.cex-table div.col-reps {
  width: 10%;
  text-align: center; }

section.business-units-list-page div.cex-table div.col-manager {
  width: calc(30% - 50px);
  text-align: center; }

section.business-units-list-page div.cex-table div.col-actions {
  width: 100px;
  text-align: center; }
  section.business-units-list-page div.cex-table div.col-actions span.edit-button {
    margin: 0 13px; }

section.business-units-details-page div.details {
  height: 100px; }
  section.business-units-details-page div.details label {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 15px; }
  section.business-units-details-page div.details span.edit-button {
    line-height: 20px;
    float: none; }

section.business-units-details-page div.teams {
  height: calc(100% - 100px - 45px);
  max-height: none; }

section.business-units-details-page div.cex-table {
  height: 100%; }
  section.business-units-details-page div.cex-table div.col-name {
    padding-left: 15px; }
  section.business-units-details-page div.cex-table div.col-sms {
    width: 15%;
    text-align: center; }
  section.business-units-details-page div.cex-table div.col-reps {
    width: 15%;
    text-align: center; }
  section.business-units-details-page div.cex-table div.col-actions {
    width: 100px;
    text-align: center; }
    section.business-units-details-page div.cex-table div.col-actions span.edit-button {
      margin: 0 13px; }

section.customers-list-page div.cex-table div.col-mdm {
  width: 125px;
  text-align: center; }
  section.customers-list-page div.cex-table div.col-mdm label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.customers-list-page div.cex-table div.col-name {
  padding-right: 15px;
  text-align: left; }
  section.customers-list-page div.cex-table div.col-name label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.customers-list-page div.cex-table div.col-specialties {
  width: 30%;
  text-align: center;
  white-space: normal; }
  section.customers-list-page div.cex-table div.col-specialties label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.customers-list-page div.cex-table div.col-county {
  width: 125px;
  text-align: center;
  white-space: normal; }
  section.customers-list-page div.cex-table div.col-county .tag-input {
    min-width: initial; }
  section.customers-list-page div.cex-table div.col-county label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.customers-list-page div.cex-table div.col-actions {
  width: 100px;
  text-align: center; }
  section.customers-list-page div.cex-table div.col-actions span.edit-button {
    margin: 0 13px; }

section.customers-details-page div.top-data {
  height: 400px; }
  section.customers-details-page div.top-data div.details {
    height: 100%;
    width: calc(50% - 100px - 15px);
    float: left;
    margin-right: 0; }
    section.customers-details-page div.top-data div.details label {
      height: 50px;
      line-height: 50px;
      margin: 0; }
      section.customers-details-page div.top-data div.details label a, section.customers-details-page div.top-data div.details label b {
        height: 25px;
        vertical-align: middle; }
      section.customers-details-page div.top-data div.details label a {
        display: inline-block;
        line-height: normal; }
        section.customers-details-page div.top-data div.details label a span.value {
          max-width: 200px;
          display: inline-block;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          vertical-align: middle; }
    section.customers-details-page div.top-data div.details span.edit-button {
      line-height: 21px;
      float: none; }
  section.customers-details-page div.top-data div.specialties {
    height: 100%;
    width: calc(50% - 100px - 15px);
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-left: 0; }
    section.customers-details-page div.top-data div.specialties div.cex-table div.cex-table-row.no-data div.cex-table-cell {
      white-space: normal; }
    section.customers-details-page div.top-data div.specialties div.cex-table div.col-name {
      padding-left: 15px; }
    section.customers-details-page div.top-data div.specialties div.cex-table div.col-actions {
      width: 50px;
      text-align: center; }
      section.customers-details-page div.top-data div.specialties div.cex-table div.col-actions span.edit-button {
        margin: 0 13px; }
  section.customers-details-page div.top-data div.phones {
    height: 100%;
    width: 200px;
    float: left;
    margin-left: 0;
    border-left: 0; }
    section.customers-details-page div.top-data div.phones div.cex-table div.col-phone {
      padding-left: 15px; }
    section.customers-details-page div.top-data div.phones div.cex-table div.col-actions {
      width: 50px;
      text-align: center; }
      section.customers-details-page div.top-data div.phones div.cex-table div.col-actions span.edit-button {
        margin: 0 13px; }

section.customers-details-page div.bottom-data {
  height: calc(100% - 400px); }
  section.customers-details-page div.bottom-data div.addresses {
    height: 100%;
    width: calc(100% - 30px);
    float: left;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.cex-table-body div.cex-table-row div.cex-table-cell {
      white-space: normal; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-address {
      padding-left: 15px; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-city {
      width: 100px;
      text-align: center; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-postal {
      width: 100px;
      text-align: center; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-territory {
      width: 150px;
      text-align: center; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-phone {
      width: 100px;
      text-align: center; }
    section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-actions {
      width: 50px;
      text-align: center; }
      section.customers-details-page div.bottom-data div.addresses div.cex-table div.col-actions span.edit-button {
        margin: 0 13px; }

section.customers-details-page input[type=checkbox] {
  width: 25px;
  height: 25px; }

section.customers-details-page .editable-buttons {
  height: 30px;
  line-height: 30px; }

section.customers-details-specialty-add-page div.modal-body,
section.customers-details-address-add-page div.modal-body {
  overflow: visible; }

section.dashboard-page table {
  table-layout: fixed;
  width: 100%;
  height: 100%; }
  section.dashboard-page table td {
    text-align: center; }
    section.dashboard-page table td div.box-container {
      display: inline-block;
      margin: 0 auto;
      height: 400px;
      width: 250px; }
      section.dashboard-page table td div.box-container div.box {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        font-size: 2em;
        font-weight: bolder;
        color: #f9fafc;
        background-color: #ed1c24;
        border: 5px solid #ed1c24;
        cursor: pointer; }
        section.dashboard-page table td div.box-container div.box div.box-wrapper {
          display: table-cell;
          vertical-align: middle; }
          section.dashboard-page table td div.box-container div.box div.box-wrapper div.title {
            display: block;
            height: 40px;
            margin-top: 5px;
            margin-bottom: 15px; }
          section.dashboard-page table td div.box-container div.box div.box-wrapper ul.cycles {
            padding: 0;
            height: 315px;
            overflow-y: auto;
            overflow-x: hidden; }
            section.dashboard-page table td div.box-container div.box div.box-wrapper ul.cycles li.cycle {
              list-style: none;
              font-size: 14px;
              border-bottom: 1px solid #f9fafc;
              line-height: 35px;
              font-style: normal;
              font-weight: normal; }
            section.dashboard-page table td div.box-container div.box div.box-wrapper ul.cycles li.cycle:first-of-type {
              border-top: 1px solid #f9fafc; }
      section.dashboard-page table td div.box-container div.box.inactive {
        opacity: 0.4;
        cursor: default; }

section.dashboard-page div.history,
section.dashboard-page div.current,
section.dashboard-page div.new {
  display: table;
  width: 33.333333333%;
  height: 100%;
  float: left;
  text-align: center; }
  section.dashboard-page div.history div.wrapper,
  section.dashboard-page div.current div.wrapper,
  section.dashboard-page div.new div.wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    section.dashboard-page div.history div.wrapper div.box,
    section.dashboard-page div.current div.wrapper div.box,
    section.dashboard-page div.new div.wrapper div.box {
      position: relative;
      display: table;
      height: 400px;
      width: 300px;
      margin: 0 auto;
      text-align: center;
      font-size: 2em;
      font-weight: bolder;
      color: #f9fafc;
      background-color: #ed1c24;
      border: 5px solid #ed1c24;
      cursor: pointer; }
      section.dashboard-page div.history div.wrapper div.box div.box-content,
      section.dashboard-page div.current div.wrapper div.box div.box-content,
      section.dashboard-page div.new div.wrapper div.box div.box-content {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        max-width: 300px;
        width: 100%; }
        section.dashboard-page div.history div.wrapper div.box div.box-content div.items,
        section.dashboard-page div.current div.wrapper div.box div.box-content div.items,
        section.dashboard-page div.new div.wrapper div.box div.box-content div.items {
          width: 80%;
          margin: 0 auto;
          max-height: 340px;
          overflow-y: auto;
          overflow-x: hidden; }
      section.dashboard-page div.history div.wrapper div.box div.box-content.history,
      section.dashboard-page div.current div.wrapper div.box div.box-content.history,
      section.dashboard-page div.new div.wrapper div.box div.box-content.history {
        vertical-align: middle; }
    section.dashboard-page div.history div.wrapper div.box.inactive,
    section.dashboard-page div.current div.wrapper div.box.inactive,
    section.dashboard-page div.new div.wrapper div.box.inactive {
      opacity: 0.4;
      cursor: default; }

section.execution-details-page div.execution-details-screen-view {
  height: calc(100% - 60px);
  overflow: hidden; }

section.execution-details-page div.execution-details-footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center; }
  section.execution-details-page div.execution-details-footer div.indicator-state-item {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    cursor: pointer; }
    section.execution-details-page div.execution-details-footer div.indicator-state-item span {
      line-height: 55px;
      font-weight: bold; }
  section.execution-details-page div.execution-details-footer div.indicator-state-item.active {
    background-color: #ed1c24;
    color: white; }
  section.execution-details-page div.execution-details-footer button.previous {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  section.execution-details-page div.execution-details-footer button.next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  section.execution-details-page div.execution-details-footer button {
    margin: 10px; }

section.execution-details-dashboard-page {
  height: 100%;
  width: 100%;
  padding: 15px; }
  section.execution-details-dashboard-page div.execution-filter {
    position: relative;
    height: 50px;
    text-align: left; }
    section.execution-details-dashboard-page div.execution-filter label {
      position: relative;
      display: inline-block;
      float: left;
      z-index: 2; }
    section.execution-details-dashboard-page div.execution-filter span.filter-message {
      position: relative;
      display: inline-block;
      margin-left: -300px;
      width: 100%;
      height: 35px;
      line-height: 35px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      z-index: 1; }
  section.execution-details-dashboard-page div.dashboard-container {
    width: 100%;
    height: calc(100% - 50px);
    overflow: hidden; }
    section.execution-details-dashboard-page div.dashboard-container div.active {
      background-color: #ed1c24;
      color: white; }
    section.execution-details-dashboard-page div.dashboard-container div.panels {
      width: calc(100% - 100px);
      height: 50px;
      float: right; }
      section.execution-details-dashboard-page div.dashboard-container div.panels div.panel {
        width: 50%;
        height: 50px;
        border-radius: 0;
        border: 1px solid #bdccd2;
        float: left;
        cursor: pointer;
        font-weight: bold;
        text-align: center;
        line-height: 50px; }
      section.execution-details-dashboard-page div.dashboard-container div.panels div.panel:not(:last-of-type) {
        border-right: 0; }
    section.execution-details-dashboard-page div.dashboard-container div.panel-container {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation {
        width: 100px;
        height: 100%;
        float: left; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales {
          height: 100%; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item {
            height: calc(100% / 5);
            white-space: normal;
            text-align: center;
            font-weight: bold;
            border-right: 1px solid #bdccd2;
            -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            border-left: 10px solid transparent;
            cursor: pointer; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item span {
              display: inline-block;
              margin-top: 15px; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item.rep {
            height: calc(100% / 4); }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item.history {
            height: calc(100% / 4); }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item.history.rep {
            height: calc(100% / 3); }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item:not(:last-of-type) {
            border-bottom: 1px solid #bdccd2; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.navigation div.non-sales div.nav-item.active {
            border-right: 1px solid transparent;
            -webkit-box-shadow: none;
                    box-shadow: none;
            border-left: 10px solid #ed1c24;
            background: #dfe2ec;
            color: black; }
      section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content {
        width: calc(100% - 100px);
        height: 100%;
        float: right;
        overflow: auto;
        background: #dfe2ec;
        border-bottom: 1px solid #bdccd2;
        border-right: 1px solid #bdccd2; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview,
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments,
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags,
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team,
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.adjust {
          height: 100%;
          width: 100%;
          background: #dfe2ec; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.adjust section {
          width: 100%;
          height: 100%; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview {
          height: 100%;
          overflow-x: hidden; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.status {
            position: relative;
            height: 50px;
            border-bottom: 1px solid #bdccd2; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.status div.track {
              width: calc(100% - 200px);
              height: 50px;
              float: left;
              line-height: 50px;
              text-align: center;
              font-weight: bold; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.status div.track.full {
              width: 100%; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.status div.rank {
              position: relative;
              width: 200px;
              height: 50px;
              float: right;
              line-height: 50px;
              text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.time-progress-content,
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.impact-remaining-content,
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.velocity-content {
            position: relative;
            height: 150px;
            border-bottom: 1px solid #bdccd2; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.time-progress-content .vertical-separator-after,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.impact-remaining-content .vertical-separator-after,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.velocity-content .vertical-separator-after {
              position: relative; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.title {
            margin-bottom: 10px;
            font-weight: bold;
            text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.featured-item span.fi-value {
            display: block;
            text-align: center;
            font-size: 2.5em;
            font-weight: bold; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.featured-item span.fi-label {
            display: block;
            text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.chart-item div[highcharts] {
            width: 100%;
            height: 100%;
            margin: -25px auto 0; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.chart-item div.count {
            margin-top: -28px;
            font-size: 24px;
            font-weight: bold;
            text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.overview div.go-adjust {
            margin-top: 30px;
            text-align: center; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments {
          height: 100%;
          width: 100%;
          background-color: inherit; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table {
            max-width: 95%;
            height: 100%;
            margin: 0 auto;
            background-color: inherit; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-row,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-head {
              background-color: rgba(0, 0, 0, 0);
              background-image: none;
              border: 0; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-head div.cex-table-cell {
              border-bottom: 1px solid black; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-head div.col-coverage,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-head div.col-tcfa {
              border: 0; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-body {
              height: calc(100% - 55px); }
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-body div.col-segment,
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-body div.col-coverage,
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-body div.col-tcfa {
                vertical-align: top; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-segment {
              max-width: 250px; }
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-segment div.cex-table-row div.cex-table-cell {
                padding-left: 15px; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-coverage-tcfa {
              width: 300px; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-coverage,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-tcfa {
              width: 150px;
              text-align: center; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-effect-freq {
              width: 30%;
              border-bottom: none; }
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-effect-freq div.col-effect,
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.col-effect-freq div.col-frequency {
                width: 33.3333333%;
                text-align: center;
                border-bottom: none; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.segments div.cex-table div.cex-table-head div.col-segment {
              padding-left: 15px; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags div.warnings-container {
          padding-top: 50px;
          height: 100%;
          width: calc(100% - 100px);
          margin: 0 auto;
          overflow-y: auto; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags div.warnings-container div.flag-title {
            font-weight: bold;
            margin-top: 15px; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags div.warnings-container div.warnings-item {
            display: block;
            width: 80%;
            margin: 0 auto 10px; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags div.warnings-container div.warnings-item i {
              width: 20px;
              height: 20px;
              line-height: 20px;
              text-align: center;
              float: left; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.flags div.warnings-container div.warnings-item span {
              width: calc(100% - 20px);
              float: left;
              white-space: normal; }
        section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team {
          height: calc(100% - 30px);
          width: calc(100% - 30px);
          margin: 15px; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table {
            width: 100%;
            height: 100%;
            border: 1px solid #bdccd2; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table div.cex-table-head {
              height: 51px;
              line-height: 35px;
              border-bottom: 1px solid #bdccd2; }
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table div.cex-table-head div.cex-table-cell {
                height: 25px; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table div.cex-table-body {
              height: calc(100% - 52px);
              background-color: #fbfcfd; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table div.text-bold {
              font-weight: bold; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table div.cex-semaphore {
              display: inline-block;
              width: 75px;
              height: 25px;
              margin-top: 5px; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.cex-table-row {
            background-color: #fbfcfd; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-position {
            padding-left: 15px; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-status {
            width: 80px;
            text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-tcfa {
            width: 8%;
            text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-velocity-title span,
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days-title span {
            border-bottom: 1px solid #bdccd2;
            height: 25px;
            width: 95%;
            display: block;
            margin: 0 auto; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-velocity {
            width: 22%;
            text-align: center; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-velocity div.cex-table-row {
              border-bottom: none; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-velocity div.col-planned-cpd,
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-velocity div.col-required-cpd {
              width: 50%;
              text-align: center; }
          section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days {
            width: 30%;
            text-align: center; }
            section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days div.cex-table-row {
              border-bottom: none; }
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days div.cex-table-row div.col-working,
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days div.cex-table-row div.col-reported,
              section.execution-details-dashboard-page div.dashboard-container div.panel-container div.content div.team div.col-days div.cex-table-row div.col-unplanned {
                width: 33.33333333%; }


section#change-password-page,
section#reset-password-page {
  background: url("resources/front_page.png") no-repeat center center fixed;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$loginBackgroundIMG', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$loginBackgroundIMG', sizingMethod='scale')"; }
  section#change-password-page md-card.login-card,
  section#reset-password-page md-card.login-card {
    background-color: #f9fafc;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
    section#change-password-page md-card.login-card h1,
    section#reset-password-page md-card.login-card h1 {
      font-weight: 100;
      text-align: center;
      font-size: 2.3em;
      margin-top: 0;
      margin-bottom: 30px; }
  section#change-password-page div.btn-login,
  section#reset-password-page div.btn-login {
    height: 65px;
    width: 325px; }
    section#change-password-page div.btn-login div.btn-logo,
    section#reset-password-page div.btn-login div.btn-logo {
      height: 65px;
      width: 65px; }
      section#change-password-page div.btn-login div.btn-logo img,
      section#reset-password-page div.btn-login div.btn-logo img {
        height: 63px;
        width: 63px;
        background-color: white; }
    section#change-password-page div.btn-login div.btn-label,
    section#reset-password-page div.btn-login div.btn-label {
      font-weight: 600;
      font-size: 1.2em; }
  section#change-password-page div.btn-login:not(:last-of-type),
  section#reset-password-page div.btn-login:not(:last-of-type) {
    margin-bottom: 30px; }
  section#change-password-page div.btn-login.az-sso,
  section#reset-password-page div.btn-login.az-sso {
    background-color: #990066;
    color: #FFCC00; }
  section#change-password-page div.btn-login.cex-login,
  section#reset-password-page div.btn-login.cex-login {
    background-color: #262262;
    color: #ed1c24; }
  section#change-password-page form,
  section#reset-password-page form {
    width: 340px; }
    section#change-password-page form input[type=submit],
    section#reset-password-page form input[type=submit] {
      width: 100%;
      display: block;
      margin-bottom: 10px;
      position: relative; }
    section#change-password-page form input[type=text],
    section#change-password-page form input[type=password],
    section#reset-password-page form input[type=text],
    section#reset-password-page form input[type=password] {
      height: 44px;
      font-size: 16px;
      width: 100%;
      margin-bottom: 10px;
      -webkit-appearance: none;
      background: #FFFFFF;
      border: 1px solid #D9D9D9;
      border-top: 1px solid #C0C0C0;
      /* border-radius: 2px; */
      padding: 0 8px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -moz-box-sizing: border-box; }
    section#change-password-page form input[type=text]:hover,
    section#change-password-page form input[type=password]:hover,
    section#reset-password-page form input[type=text]:hover,
    section#reset-password-page form input[type=password]:hover {
      border: 1px solid #B9B9B9;
      border-top: 1px solid #A0A0A0;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
    section#change-password-page form button.login-submit,
    section#reset-password-page form button.login-submit {
      /* border: 1px solid #3079ed; */
      width: 100%;
      text-align: center;
      font-size: 14px;
      font-family: 'Arial', sans-serif;
      font-weight: 700;
      height: 36px;
      line-height: 36px;
      padding: 0 8px;
      border: 0;
      color: #FFFFFF;
      text-shadow: 0 1px rgba(0, 0, 0, 0.1);
      background-color: #ed1c24;
      /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
      cursor: pointer; }
  section#change-password-page button.login-submit,
  section#reset-password-page button.login-submit {
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
    border: 0px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #ed1c24;
    cursor: pointer;
    width: 100%;
    border-radius: 5px; }
  section#change-password-page a,
  section#reset-password-page a {
    text-decoration: none;
    color: #666666;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    -webkit-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s; }
  section#change-password-page a:hover,
  section#reset-password-page a:hover {
    opacity: 1; }
  section#change-password-page div.login-help,
  section#reset-password-page div.login-help {
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px; }

section.plan-business-units-list-page div.cex-table {
  height: 100%; }
  section.plan-business-units-list-page div.cex-table div.cex-table-body {
    height: calc(100% - 50px); }
  section.plan-business-units-list-page div.cex-table div.col-name {
    width: 40%;
    padding-left: 15px; }
  section.plan-business-units-list-page div.cex-table div.col-teams {
    width: 10%;
    text-align: center; }
  section.plan-business-units-list-page div.cex-table div.col-sms {
    width: 10%;
    text-align: center; }
  section.plan-business-units-list-page div.cex-table div.col-reps {
    width: 10%;
    text-align: center; }
  section.plan-business-units-list-page div.cex-table div.col-manager {
    width: 30%;
    text-align: center; }

section.plan-teams-list-page {
  overflow-y: auto; }
  section.plan-teams-list-page div.header {
    height: 100px;
    width: 600px;
    margin: 15px auto; }
    section.plan-teams-list-page div.header div.cycle-title span.name {
      font-size: 20px;
      font-weight: bold;
      line-height: 35px; }
  section.plan-teams-list-page div.teams {
    height: 100%;
    overflow-y: auto; }
  section.plan-teams-list-page div.teams.header-prefix {
    height: calc(100% - 100px - 35px); }
  section.plan-teams-list-page div.team-container {
    width: calc(100% - 100px);
    margin: 0 auto; }
    section.plan-teams-list-page div.team-container button.start-plan-button {
      position: relative;
      height: 45px;
      width: 150px;
      margin: 34px 0 34px 15px;
      padding: 0;
      font-weight: bold;
      text-align: center; }
  section.plan-teams-list-page div.no-team-select-data {
    text-align: center;
    margin-top: 20%; }
  section.plan-teams-list-page div.team-item.no-data {
    text-align: center; }
    section.plan-teams-list-page div.team-item.no-data div.title {
      width: 100%;
      margin: 0 auto; }
  section.plan-teams-list-page div.team-item {
    height: 100px;
    width: calc(100% - 150px - 15px);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    cursor: pointer;
    -webkit-box-shadow: 0 7px 7px -7px black;
    box-shadow: 0 7px 7px -7px black; }
    section.plan-teams-list-page div.team-item div.title {
      display: inline-block;
      height: 100px;
      width: calc(100% - 525px);
      margin-left: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.2em;
      line-height: 100px; }
    section.plan-teams-list-page div.team-item div.plan-status {
      position: relative;
      display: table;
      height: 100px;
      text-align: center; }
      section.plan-teams-list-page div.team-item div.plan-status div.plan-status-item {
        position: relative;
        width: 250px;
        display: table-cell;
        vertical-align: middle; }
        section.plan-teams-list-page div.team-item div.plan-status div.plan-status-item button {
          margin-top: 5px; }
        section.plan-teams-list-page div.team-item div.plan-status div.plan-status-item span {
          display: block; }
  section.plan-teams-list-page div.team-item.extended {
    width: 100%; }

section.plan-cycle-details-page div.header {
  height: 125px;
  text-align: center; }
  section.plan-cycle-details-page div.header div.cycle {
    display: table;
    width: 500px;
    float: left;
    overflow: visible; }
    section.plan-cycle-details-page div.header div.cycle div.start, section.plan-cycle-details-page div.header div.cycle div.end {
      display: table-cell;
      width: 50%;
      height: 100%;
      vertical-align: middle; }
      section.plan-cycle-details-page div.header div.cycle div.start label, section.plan-cycle-details-page div.header div.cycle div.end label {
        width: 70%;
        text-align: left;
        margin: 0 auto; }
        section.plan-cycle-details-page div.header div.cycle div.start label span.date-label, section.plan-cycle-details-page div.header div.cycle div.end label span.date-label {
          display: inline-block;
          float: left;
          margin-top: 10px; }
        section.plan-cycle-details-page div.header div.cycle div.start label span, section.plan-cycle-details-page div.header div.cycle div.end label span {
          display: block;
          padding-left: 5px;
          margin-bottom: 2px; }
        section.plan-cycle-details-page div.header div.cycle div.start label input, section.plan-cycle-details-page div.header div.cycle div.end label input {
          width: calc(100% - 35px - 5px);
          float: left; }
        section.plan-cycle-details-page div.header div.cycle div.start label i, section.plan-cycle-details-page div.header div.cycle div.end label i {
          margin-left: 5px;
          font-size: 24px;
          line-height: 34px;
          margin-top: -1px; }
  section.plan-cycle-details-page div.header div.dif {
    display: table;
    float: right;
    margin-left: 0; }
    section.plan-cycle-details-page div.header div.dif > div {
      position: relative;
      width: 200px;
      display: table-cell;
      vertical-align: middle; }
      section.plan-cycle-details-page div.header div.dif > div div.days {
        font-size: 42px;
        font-weight: bold;
        height: 55px; }

section.plan-cycle-details-page div.cycle-days {
  height: calc(100% - 125px);
  max-height: none;
  margin-top: 0;
  margin-bottom: 0; }
  section.plan-cycle-details-page div.cycle-days div.other {
    width: 300px;
    height: 100%;
    float: left;
    border-right: 1px solid #bdccd2; }
    section.plan-cycle-details-page div.cycle-days div.other div.cex-table div.cex-table-head div.cex-table-cell {
      height: 30px; }
    section.plan-cycle-details-page div.cycle-days div.other div.vacation div.cex-table div.cex-table-head {
      text-align: center; }
    section.plan-cycle-details-page div.cycle-days div.other div.vacation div.cex-table div.cex-table-body {
      height: 46px; }
      section.plan-cycle-details-page div.cycle-days div.other div.vacation div.cex-table div.cex-table-body div.cex-table-row div.cex-table-cell {
        text-align: center; }
        section.plan-cycle-details-page div.cycle-days div.other div.vacation div.cex-table div.cex-table-body div.cex-table-row div.cex-table-cell input {
          width: 75px;
          margin: 0 auto;
          text-align: center; }
    section.plan-cycle-details-page div.cycle-days div.other div.holidays {
      height: calc(100% - 77px); }
      section.plan-cycle-details-page div.cycle-days div.other div.holidays ul.dropdown-menu {
        margin-top: -150px; }
      section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-head {
        text-align: center; }
      section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-body {
        overflow: visible; }
        section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-body div.col-date {
          padding-left: 5px;
          text-align: center; }
        section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-body div.col-actions {
          width: 50px;
          overflow: visible; }
          section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-body div.col-actions i.fa-calendar {
            font-size: 18px;
            margin-left: 3px; }
        section.plan-cycle-details-page div.cycle-days div.other div.holidays div.cex-table div.cex-table-body div.add-holiday {
          text-align: center; }
      section.plan-cycle-details-page div.cycle-days div.other div.holidays div.holidays-table {
        height: calc(100% - 35px);
        overflow: auto; }
  section.plan-cycle-details-page div.cycle-days div.ocfa {
    width: calc(100% - 300px);
    height: 60%;
    float: left;
    overflow-y: auto; }
    section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field {
      margin-right: 60px; }
    section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field,
    section.plan-cycle-details-page div.cycle-days div.ocfa div.in-field {
      max-width: calc(50% - 60px);
      height: 100%;
      float: left;
      padding: 10px; }
      section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field span.title,
      section.plan-cycle-details-page div.cycle-days div.ocfa div.in-field span.title {
        margin-bottom: 5px;
        font-weight: bold; }
      section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field label,
      section.plan-cycle-details-page div.cycle-days div.ocfa div.in-field label {
        min-width: 250px;
        padding: 5px; }
        section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field label span,
        section.plan-cycle-details-page div.cycle-days div.ocfa div.in-field label span {
          width: calc(100% - 70px);
          float: left;
          line-height: 34px; }
        section.plan-cycle-details-page div.cycle-days div.ocfa div.out-of-field label input,
        section.plan-cycle-details-page div.cycle-days div.ocfa div.in-field label input {
          width: 70px;
          float: right; }
  section.plan-cycle-details-page div.cycle-days div.deadline {
    height: 20%;
    width: calc(100% - 300px);
    float: left;
    font-weight: bold;
    font-size: 2em;
    text-align: center; }

section.plan-details-targeting-page div.cex-tile {
  max-height: calc(100% - 13px);
  margin-bottom: 0; }

section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row,
section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-head div.cex-table-row {
  background: transparent; }

section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row:nth-child(odd),
section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row:nth-child(even),
section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-row:nth-child(odd),
section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-row:nth-child(even) {
  background: white; }

section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head,
section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-head {
  color: #ed1c24; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head div.cex-table-cell,
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-head div.cex-table-cell {
    vertical-align: bottom; }

section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row,
section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-row {
  min-height: 70px; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row div.cex-table-cell label,
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-row div.cex-table-cell label {
    overflow: visible; }

section.plan-details-targeting-page div.cex-table.specialty-table button.btn-cex.btn-add,
section.plan-details-targeting-page div.cex-table.specialty-details-table button.btn-cex.btn-add {
  margin: 10px 25px; }

section.plan-details-targeting-page div.cex-table.specialty-table {
  width: 50%;
  height: 100%;
  background: white; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-body,
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head {
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row,
    section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row.row-active,
    section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row.row-active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-body {
    height: calc(100% - 50px); }
    section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row {
      height: 65px; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row:hover,
  section.plan-details-targeting-page div.cex-table.specialty-table div.cex-table-row.row-active {
    background: #dfe2ec; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.col-name {
    padding-left: 25px;
    overflow: visible; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.col-actions {
    width: 50px; }
  section.plan-details-targeting-page div.cex-table.specialty-table div.row-active {
    border-left: 10px solid #ed1c24; }
    section.plan-details-targeting-page div.cex-table.specialty-table div.row-active div.col-name {
      padding-left: 15px; }

section.plan-details-targeting-page div.cex-table.specialty-details-table {
  width: 50%; }
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-body {
    height: calc(100% - 70px);
    background: #dfe2ec; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-body > div.cex-table-row {
      height: 100%; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-body div.cex-table-row {
      background: #dfe2ec; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-body div.col-segments {
      vertical-align: top; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-body div.col-brands {
      vertical-align: top; }
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.cex-table-footer {
    text-align: center;
    font-weight: bold;
    font-style: italic; }
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-brands {
    width: 40%;
    overflow: visible; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-brands div.col-brand {
      padding-left: 15px; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-brands div.col-brand-priority {
      width: 125px;
      text-align: center;
      white-space: normal; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-brands div.col-brand-profile-by {
      width: 100px;
      text-align: center;
      white-space: normal; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-brands div.col-brand-remove {
      width: 50px;
      text-align: center; }
  section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-select-brand {
    padding-left: 15px;
    text-align: center;
    overflow: visible; }
    section.plan-details-targeting-page div.cex-table.specialty-details-table div.col-select-brand label {
      overflow: visible; }

section.plan-details-strategy-page div.cex-tile {
  max-height: calc(100% - 13px);
  margin-bottom: 0; }

section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row,
section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-head div.cex-table-row,
section.plan-details-strategy-page div.cex-table.target-table div.cex-table-head div.cex-table-row {
  background: transparent; }

section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-row:nth-child(odd),
section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-row:nth-child(even),
section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-row:nth-child(odd),
section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-row:nth-child(even),
section.plan-details-strategy-page div.cex-table.target-table div.cex-table-row:nth-child(odd),
section.plan-details-strategy-page div.cex-table.target-table div.cex-table-row:nth-child(even) {
  background: white; }

section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head,
section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-head,
section.plan-details-strategy-page div.cex-table.target-table div.cex-table-head {
  color: #ed1c24; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head div.cex-table-cell,
  section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-head div.cex-table-cell,
  section.plan-details-strategy-page div.cex-table.target-table div.cex-table-head div.cex-table-cell {
    vertical-align: bottom;
    padding-bottom: 5px; }

section.plan-details-strategy-page div.cex-table.specialty-table button.btn-cex.btn-add,
section.plan-details-strategy-page div.cex-table.segment-table button.btn-cex.btn-add,
section.plan-details-strategy-page div.cex-table.target-table button.btn-cex.btn-add {
  margin: 10px 40px; }

section.plan-details-strategy-page div.cex-table.specialty-table {
  width: 25%;
  height: 100%;
  background: white; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-body,
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head {
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row,
    section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row.row-active,
    section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-head div.cex-table-row.row-active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-body {
    height: calc(100% - 50px); }
    section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-body div.cex-table-row {
      height: 65px;
      position: relative; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-row:hover,
  section.plan-details-strategy-page div.cex-table.specialty-table div.cex-table-row.row-active {
    background: #dfe2ec; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.col-active {
    width: 10px; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.col-active.active {
    background-color: #ed1c24; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.col-checked {
    width: 40px;
    height: 65px;
    line-height: 65px;
    position: absolute;
    left: 0;
    text-align: right;
    padding-right: 5px; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.col-specialty {
    white-space: normal;
    padding-left: 40px;
    width: 100%; }
  section.plan-details-strategy-page div.cex-table.specialty-table div.col-order {
    width: 55px;
    text-align: center; }

section.plan-details-strategy-page div.cex-table.segment-table {
  width: calc(75% - 134px); }
  section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-head {
    padding: 0 40px; }
  section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body {
    height: calc(100% - 50px);
    background: #dfe2ec; }
    section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row {
      height: 100%;
      text-align: center;
      background: #dfe2ec; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row div.cex-table-cell {
        cursor: default; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row div.cex-table-cell div.segment-select-box {
          background-color: #e7edf0; }
    section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.matrix-row {
      height: 385px;
      border-bottom: none; }
    section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row {
      height: calc(100% - 430px);
      border-bottom: none; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.col-select-segment {
        white-space: normal; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row span {
        display: inline-block;
        height: 20px;
        float: left;
        margin-right: 5px;
        line-height: 20px;
        font-weight: bold; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment {
        display: inline-block;
        height: 20px;
        margin: 0 20px;
        font-size: 14px;
        text-align: center; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-box {
          display: inline-block;
          width: 20px;
          height: 20px;
          margin: 0 auto;
          border-radius: 5px; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-VISITING {
          background-color: #01a0f3; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-KEE {
          background-color: #01a0f3; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-A {
          background-color: #16cf08; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-B {
          background-color: #f0f202; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-C {
          background-color: #f41b14; }
        section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment div.segment-D {
          background-color: #ed5b0f; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment.active-segment div.segment-box {
        border: 2px solid black; }
      section.plan-details-strategy-page div.cex-table.segment-table div.cex-table-body div.cex-table-row.segment-row div.segment.disabled-segment div.segment-box {
        background-color: #c2c3c7; }
  section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix {
    width: 500px;
    margin: 0 auto; }
    section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-cell {
      word-break: normal;
      white-space: normal; }
    section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.header {
      margin-top: 10px; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.header label {
        width: calc(100% - 175px);
        text-align: left;
        float: left;
        font-weight: bold; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.header label select {
          width: calc(100% - 75px);
          margin-left: 5px; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.header button {
        float: right; }
    section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.col-label {
      width: 40px;
      max-width: 40px; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.col-label span {
        display: inline-block;
        white-space: nowrap;
        /* this is for shity "non IE" browsers
               that dosn't support writing-mode */
        -webkit-transform: translate(1.3em, 0) rotate(270deg);
        transform: translate(1.3em, 0) rotate(270deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        /* IE9+ */
        -ms-transform: none;
        -ms-transform-origin: none;
        /* IE8+ */
        -ms-writing-mode: tb-lr;
        /* IE7 and below */
        *-webkit-writing-mode: tb-lr;
                writing-mode: tb-lr; }
    section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body {
      height: 385px;
      border-spacing: 1px;
      border-collapse: separate;
      overflow: hidden; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row {
        height: 45px;
        border: 0; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell {
          width: 120px;
          font-size: 13px; }
          section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell i {
            font-size: 16px;
            float: none;
            font-style: italic;
            color: #3e4045; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row div.col-adoption {
          width: 85px;
          text-align: right;
          padding-right: 10px; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row div.col-brand-label {
          width: 360px;
          text-align: center; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row div.col-not-profiled {
          width: 360px;
          font-weight: bold; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row span.segment-label,
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row span.universe-label {
          display: block;
          font-weight: bold;
          font-size: 16px; }
        section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row span.universe-label {
          font-style: italic; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.kol-row {
        margin-bottom: 5px; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row.row-potential {
        text-align: center; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-high,
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-medium,
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-low,
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-not-profiled {
        background-color: #e7edf0;
        text-align: center; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-not-profiled {
        font-weight: bold;
        font-size: 17px; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-VISITING {
        background-color: #01a0f3; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-KEE {
        background-color: #01a0f3; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-A {
        background-color: #16cf08; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-B {
        background-color: #f0f202; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-C {
        background-color: #f41b14; }
      section.plan-details-strategy-page div.cex-table.segment-table div.col-segment div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-D {
        background-color: #ed5b0f; }

section.plan-details-strategy-page div.cex-table.target-table {
  width: 134px;
  height: 100%;
  border-left: 1px solid #bdccd2; }
  section.plan-details-strategy-page div.cex-table.target-table div.cex-table-head div.cex-table-cell {
    padding-left: 5px; }
  section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body {
    height: calc(100% - 50px);
    background: #dfe2ec; }
    section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.cex-table-row {
      height: 100%;
      text-align: center;
      background: #dfe2ec; }
      section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.cex-table-row div.cex-table-cell {
        cursor: default; }
    section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.col-targeting {
      vertical-align: top;
      white-space: normal;
      padding: 5px;
      text-align: left; }
      section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.col-targeting label.targeting-item {
        line-height: 32px; }
        section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.col-targeting label.targeting-item span {
          margin-left: 5px; }
      section.plan-details-strategy-page div.cex-table.target-table div.cex-table-body div.col-targeting div.targeting-placeholder {
        display: inline-block;
        width: 20px;
        height: 32px; }

section.plan-flags-page {
  padding-top: 15px; }
  section.plan-flags-page div.cex-tile {
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.3em;
    overflow: auto; }
    section.plan-flags-page div.cex-tile p.title {
      width: 80%;
      margin: 30px auto 15px auto;
      font-weight: bold;
      font-size: 1em; }
    section.plan-flags-page div.cex-tile p.subtitle {
      width: 30%;
      margin-bottom: 15px;
      margin-right: 15px;
      text-align: right;
      font-size: 0.8em; }
    section.plan-flags-page div.cex-tile div.flags {
      width: 80%;
      margin: 0 auto 30px auto;
      text-align: left; }
      section.plan-flags-page div.cex-tile div.flags div.flag-title {
        font-weight: bold;
        margin-top: 15px; }
      section.plan-flags-page div.cex-tile div.flags div.flag {
        margin: 15px 0;
        line-height: 1.2em;
        font-size: 0.8em; }
        section.plan-flags-page div.cex-tile div.flags div.flag i {
          width: 20px;
          height: 20px;
          float: left;
          font-size: 1.2em; }
        section.plan-flags-page div.cex-tile div.flags div.flag span {
          width: calc(100% - 20px);
          float: left; }

section.plan-details-page div.plan-details-screen-view {
  height: calc(100% - 60px);
  overflow: hidden; }
  section.plan-details-page div.plan-details-screen-view section.master-plan-teams-details-kpi-page.sm {
    height: 100%;
    margin-top: 15px; }
    section.plan-details-page div.plan-details-screen-view section.master-plan-teams-details-kpi-page.sm div.cex-tile {
      height: 100%;
      max-height: 100%; }

section.plan-details-page div.plan-details-footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center;
  line-height: 55px; }
  section.plan-details-page div.plan-details-footer div.confirmed-customers {
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
    margin: 0 10px; }
  section.plan-details-page div.plan-details-footer button.previous {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  section.plan-details-page div.plan-details-footer button.next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  section.plan-details-page div.plan-details-footer button {
    vertical-align: top;
    margin: 10px;
    line-height: 35px; }
  section.plan-details-page div.plan-details-footer label.last-targeted-by-me {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 13px 0; }
    section.plan-details-page div.plan-details-footer label.last-targeted-by-me span {
      height: 23px;
      line-height: 23px;
      display: inline-block;
      vertical-align: top;
      margin-top: 5px; }

section.plan-reject-page div.modal-body {
  padding: 15px; }
  section.plan-reject-page div.modal-body div.form-group {
    margin: 0; }

section.plan-reject-page label {
  height: auto; }

section.plan-reject-page div.modal-body span {
  text-align: left;
  line-height: normal; }

section.plan-reject-page textarea {
  width: 100%;
  height: 300px;
  resize: none; }

section.plan-reject-page span.tag-input {
  float: none; }

section.plan-reject-page div.modal-body span.sender-label {
  line-height: 26px;
  display: block;
  float: left; }

section.plan-deadline-page label {
  overflow: visible; }

section.plan-deadline-page input {
  width: calc(100% - 40px); }

section.plan-deadline-page i {
  margin: 5px; }

section.plan-deadline-page .deadline-message {
  text-align: center;
  font-style: italic; }

section.plan-select-ffmr-page label {
  text-align: center; }
  section.plan-select-ffmr-page label select {
    display: inline-block; }

section.plan-teams-details-rejected-message-page {
  padding-top: 15px; }
  section.plan-teams-details-rejected-message-page div.cex-tile {
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    overflow: auto; }
    section.plan-teams-details-rejected-message-page div.cex-tile div.message-container {
      display: table;
      height: 100%;
      width: 100%; }
      section.plan-teams-details-rejected-message-page div.cex-tile div.message-container div.message {
        display: table-cell;
        height: 100%;
        overflow: hidden;
        word-break: break-all;
        vertical-align: middle; }

section.plan-teams-details-segment-customers-page div.header {
  height: 125px;
  text-align: center; }
  section.plan-teams-details-segment-customers-page div.header div.plan {
    width: 600px;
    float: left; }
    section.plan-teams-details-segment-customers-page div.header div.plan div.title {
      font-weight: bold;
      font-size: 16px;
      padding: 5px 0; }
    section.plan-teams-details-segment-customers-page div.header div.plan div.count {
      font-size: 28px;
      font-weight: bold; }
  section.plan-teams-details-segment-customers-page div.header div.segment {
    width: 300px;
    float: right;
    margin-left: 0; }
    section.plan-teams-details-segment-customers-page div.header div.segment div.title {
      font-weight: bold;
      font-size: 16px;
      padding: 5px 0; }
    section.plan-teams-details-segment-customers-page div.header div.segment div.count {
      font-size: 28px;
      font-weight: bold; }

section.plan-teams-details-segment-customers-page div.customers {
  height: calc(100% - 125px);
  max-height: none;
  margin-top: 0;
  margin-bottom: 0; }
  section.plan-teams-details-segment-customers-page div.customers div.cex-table-body {
    height: calc(100% - 50px); }
  section.plan-teams-details-segment-customers-page div.customers div.col-name {
    padding-left: 10px; }
  section.plan-teams-details-segment-customers-page div.customers div.col-county {
    width: 10%;
    text-align: center; }
  section.plan-teams-details-segment-customers-page div.customers div.col-city {
    width: 10%;
    text-align: center; }
  section.plan-teams-details-segment-customers-page div.customers div.col-targeted {
    width: 18%;
    white-space: normal;
    text-align: center; }
  section.plan-teams-details-segment-customers-page div.customers div.col-frequency {
    width: 12%;
    text-align: center; }
  section.plan-teams-details-segment-customers-page div.customers div.col-select {
    width: 75px;
    text-align: center; }
  section.plan-teams-details-segment-customers-page div.customers div.col-actions {
    width: 50px;
    text-align: center; }
    section.plan-teams-details-segment-customers-page div.customers div.col-actions i {
      float: none; }

section.plan-teams-details-segment-customers-select-page .col-xs-3 {
  white-space: nowrap;
  text-overflow: ellipsis; }

section.plan-teams-details-segment-customers-select-page div.addresses {
  padding: 0;
  max-height: 300px;
  overflow: auto; }

section.plan-teams-details-segment-customers-select-page div.addresses div.address {
  padding: 10px;
  cursor: pointer; }

section.plan-teams-details-segment-customers-select-page div.addresses div.address > div {
  margin-left: 5px; }

section.plan-teams-details-segment-customers-select-page div.addresses div.address.selected,
section.plan-teams-details-segment-customers-select-page div.addresses div.address:hover {
  background-color: #edeff3; }

section.plan-teams-details-segment-customers-select-page div.detail-item {
  margin: 0 15px 15px; }
  section.plan-teams-details-segment-customers-select-page div.detail-item div.detail-title {
    border-bottom: 1px solid black;
    margin-bottom: 5px; }
  section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-item {
    height: 50px;
    line-height: 50px; }
  section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-name,
  section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data {
    display: inline-block;
    vertical-align: top; }
  section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-name {
    width: calc(100% - 210px); }
  section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data {
    width: 200px;
    text-align: center; }
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data label {
      margin-bottom: 0; }
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-own, section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data label.segment-own,
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-others,
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-total {
      display: inline-block;
      width: 32%;
      max-height: 50px; }
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-own input, section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data label.segment-own input,
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-others input,
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-total input {
        margin-bottom: 0; }
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-own input[type=checkbox], section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data label.segment-own input[type=checkbox],
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-others input[type=checkbox],
      section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-total input[type=checkbox] {
        margin-top: 13px; }
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-others,
    section.plan-teams-details-segment-customers-select-page div.detail-item div.segment-data div.segment-total {
      vertical-align: top; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.container {
  padding: 0; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.details, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses {
  padding: 0;
  margin-bottom: 5px; }
  section.plan-teams-details-segment-customers-edit-page div.modal-body div.details div.title, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics div.title, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses div.title {
    font-size: 22px;
    margin-bottom: 15px; }
  section.plan-teams-details-segment-customers-edit-page div.modal-body div.details label, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics label, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses label {
    vertical-align: top; }
    section.plan-teams-details-segment-customers-edit-page div.modal-body div.details label span.label, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics label span.label, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses label span.label {
      display: inline-block;
      width: 140px;
      padding: 0;
      font-size: inherit;
      color: inherit;
      text-align: left;
      white-space: normal;
      vertical-align: top; }
    section.plan-teams-details-segment-customers-edit-page div.modal-body div.details label span.data, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics label span.data, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses label span.data {
      display: inline-block;
      width: calc(90% - 140px);
      padding: 0; }
  section.plan-teams-details-segment-customers-edit-page div.modal-body div.details div.form-group, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics div.form-group, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses div.form-group {
    margin: 0; }
  section.plan-teams-details-segment-customers-edit-page div.modal-body div.details label.auto, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics label.auto, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses label.auto {
    height: auto; }
    section.plan-teams-details-segment-customers-edit-page div.modal-body div.details label.auto input.cex-input, section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristics label.auto input.cex-input, section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses label.auto input.cex-input {
      text-align: left; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristic .col-xs-6:first-of-type {
  padding-left: 0; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.characteristic.segment {
  background-color: #edeff3;
  margin-bottom: 15px; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.bottom-separator {
  width: 90%;
  height: 1px;
  left: 5%;
  margin: 15px auto;
  background-color: #bdccd2;
  clear: both; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses div.address {
  padding: 10px; }

section.plan-teams-details-segment-customers-edit-page div.modal-body div.addresses div.address > div {
  margin-left: 5px; }

section.plan-teams-details-overview-page div.header {
  height: 125px;
  text-align: center; }
  section.plan-teams-details-overview-page div.header div.calls, section.plan-teams-details-overview-page div.header div.dif, section.plan-teams-details-overview-page div.header div.tcfa {
    width: 300px;
    float: left;
    margin-right: 0; }
    section.plan-teams-details-overview-page div.header div.calls div.title, section.plan-teams-details-overview-page div.header div.dif div.title, section.plan-teams-details-overview-page div.header div.tcfa div.title {
      font-weight: bold;
      font-size: 16px;
      padding: 5px 0; }
    section.plan-teams-details-overview-page div.header div.calls div.count, section.plan-teams-details-overview-page div.header div.dif div.count, section.plan-teams-details-overview-page div.header div.tcfa div.count {
      font-size: 28px;
      font-weight: bold; }
  section.plan-teams-details-overview-page div.header div.tcfa {
    width: 150px; }
    section.plan-teams-details-overview-page div.header div.tcfa div.count {
      margin-top: 20px; }
  section.plan-teams-details-overview-page div.header div.filters {
    width: calc(100% - 600px - 57px);
    float: right;
    text-align: left;
    padding: 15px 0;
    margin-right: 15px; }
    section.plan-teams-details-overview-page div.header div.filters select {
      width: 100%;
      max-width: 300px;
      margin-right: 0;
      float: right; }
    section.plan-teams-details-overview-page div.header div.filters label:first-of-type {
      margin-bottom: 26px; }

section.plan-teams-details-overview-page div.overview {
  height: calc(100% - 125px);
  max-height: none;
  margin-top: 0;
  margin-bottom: 0; }
  section.plan-teams-details-overview-page div.overview div.cex-table div.cex-table-head {
    height: 70px;
    overflow: hidden; }
    section.plan-teams-details-overview-page div.overview div.cex-table div.cex-table-head div.cex-table-row {
      height: 70px; }
      section.plan-teams-details-overview-page div.overview div.cex-table div.cex-table-head div.cex-table-row div.col-segments div.cex-table-cell {
        height: auto;
        line-height: 24px; }
  section.plan-teams-details-overview-page div.overview div.cex-table div.cex-table-body {
    height: calc(100% - 70px - 55px); }
    section.plan-teams-details-overview-page div.overview div.cex-table div.cex-table-body div.col-segments {
      line-height: 45px; }
  section.plan-teams-details-overview-page div.overview div.col-specialty {
    width: 15%;
    padding-left: 10px; }
  section.plan-teams-details-overview-page div.overview div.col-brand {
    text-align: center; }
  section.plan-teams-details-overview-page div.overview div.col-segments {
    width: 80%;
    text-align: center; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.cex-table-cell {
      white-space: normal;
      text-align: center; }
    section.plan-teams-details-overview-page div.overview div.col-segments > div.cex-table-row:last-of-type {
      border-bottom: 0; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-segment {
      width: 11%; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers {
      width: 22%; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers div.col-customers-total {
        width: 50%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers div.col-customers-targeted {
        width: 50%;
        float: left; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers.execution {
      width: 33%; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers.execution div.col-customers-total {
        width: 33%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers.execution div.col-customers-targeted {
        width: 33%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-customers.execution div.col-customers-visited {
        width: 33%;
        float: left; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-coverage {
      width: 22%; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-coverage div.col-coverage-mp {
        width: 50%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-coverage div.col-coverage-plan {
        width: 50%;
        float: left; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-coverage.single-column {
      width: 11%; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-coverage.single-column div.col-coverage-achieved {
        width: 100%;
        float: left; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-tcfa {
      width: 11%; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-calls {
      width: 22%; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-calls div.col-calls-mp {
        width: 50%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-calls div.col-calls-plan {
        width: 50%;
        float: left; }
      section.plan-teams-details-overview-page div.overview div.col-segments div.col-calls div.col-calls-realised {
        width: 50%;
        float: left; }
    section.plan-teams-details-overview-page div.overview div.col-segments div.col-total-calls {
      width: 11%; }
  section.plan-teams-details-overview-page div.overview div.col-brands {
    width: 20%;
    text-align: center; }

section.plan-teams-details-positions-plans-status-page {
  height: 100%;
  padding-top: 15px; }
  section.plan-teams-details-positions-plans-status-page div.cex-tile {
    width: calc(50% - 21px);
    height: 100%;
    max-height: calc(100% - 15px);
    float: left;
    margin-right: 0;
    margin-top: 0; }
    section.plan-teams-details-positions-plans-status-page div.cex-tile div.title {
      font-size: 1.5em;
      text-align: center;
      padding: 5px 0;
      max-height: 40px; }
  section.plan-teams-details-positions-plans-status-page div.planning {
    display: table;
    height: 100%;
    margin-right: 0;
    border-collapse: collapse; }
    section.plan-teams-details-positions-plans-status-page div.planning div.status {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      padding: 10px;
      width: 135px;
      font-size: 1.2em;
      font-weight: bold;
      border-right: 1px solid #bdccd2;
      background-color: #dfe2ec; }
    section.plan-teams-details-positions-plans-status-page div.planning div.details {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-weight: bold; }
    section.plan-teams-details-positions-plans-status-page div.planning div.plan-status,
    section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation,
    section.plan-teams-details-positions-plans-status-page div.planning div.plans,
    section.plan-teams-details-positions-plans-status-page div.planning div.deadline {
      display: table-row;
      width: 100%;
      border-bottom: 1px solid #bdccd2; }
    section.plan-teams-details-positions-plans-status-page div.planning div.plan-status {
      height: 90px; }
      section.plan-teams-details-positions-plans-status-page div.planning div.plan-status div.details {
        font-size: 1.2em; }
    section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation {
      height: 45%; }
      section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container {
        height: 60%; }
        section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div {
          position: relative;
          height: 100%;
          width: 250px;
          margin: 0 auto; }
          section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.allocation-progress-bar {
            position: relative;
            height: 100%;
            width: 50px;
            margin: 0; }
            section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.allocation-progress-bar div.allocation-fill {
              position: absolute;
              width: 100%;
              bottom: 0;
              background-color: #ed1c24; }
          section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.vacancies,
          section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.positions {
            position: absolute;
            left: 55px;
            font-size: 1.3em;
            font-weight: bold; }
            section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.vacancies span,
            section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.positions span {
              font-size: 2em; }
          section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.vacancies {
            top: -5px; }
          section.plan-teams-details-positions-plans-status-page div.planning div.team-allocation div.details div.allocation-container > div div.positions {
            bottom: 5px; }
    section.plan-teams-details-positions-plans-status-page div.planning div.plans {
      height: 45%; }
      section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container {
        height: 70%; }
        section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container div.col-xs-4 {
          position: relative;
          height: 100%;
          margin: 0;
          padding: 0; }
          section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container div.col-xs-4 div.title {
            height: 30px;
            font-size: 1em;
            font-weight: bold; }
          section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container div.col-xs-4 div.plan-bar {
            display: table;
            height: calc(100% - 30px);
            width: 50px;
            text-align: center;
            margin: 0 auto; }
            section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container div.col-xs-4 div.plan-bar > div {
              display: table-cell;
              vertical-align: bottom; }
            section.plan-teams-details-positions-plans-status-page div.planning div.plans div.plans-container div.col-xs-4 div.plan-bar div.bar-fill {
              background-color: #ed1c24; }
    section.plan-teams-details-positions-plans-status-page div.planning div.deadline {
      border-bottom: none; }
      section.plan-teams-details-positions-plans-status-page div.planning div.deadline div.details {
        font-size: 1.2em; }
  section.plan-teams-details-positions-plans-status-page div.plans {
    margin-right: 0; }
    section.plan-teams-details-positions-plans-status-page div.plans div.cex-table {
      height: calc(100% - 40px); }
      section.plan-teams-details-positions-plans-status-page div.plans div.cex-table div.cex-table-body {
        height: calc(100% - 50px); }
      section.plan-teams-details-positions-plans-status-page div.plans div.cex-table div.col-name {
        text-align: left;
        padding-left: 15px; }
      section.plan-teams-details-positions-plans-status-page div.plans div.cex-table div.col-status {
        width: 20%;
        text-align: center; }
      section.plan-teams-details-positions-plans-status-page div.plans div.cex-table div.col-actions {
        width: 115px;
        text-align: center; }

section.plan-teams-details-sm-dashboard-page {
  height: 100%;
  padding-top: 15px; }
  section.plan-teams-details-sm-dashboard-page div.header {
    display: table;
    height: 68px;
    width: calc(100% - 30px);
    margin-top: 0; }
    section.plan-teams-details-sm-dashboard-page div.header div.header-item {
      display: table-cell;
      position: relative;
      height: 68px;
      width: 100%;
      padding: 0 15px;
      text-align: center;
      vertical-align: middle;
      font-weight: bold; }
  section.plan-teams-details-sm-dashboard-page div.panels {
    height: calc(100% - 83px);
    max-height: none;
    margin-bottom: 0;
    overflow: auto; }
    section.plan-teams-details-sm-dashboard-page div.panels > div.cex-table {
      height: 100%;
      width: 100%; }
      section.plan-teams-details-sm-dashboard-page div.panels > div.cex-table div.cex-table-row.full-row {
        height: 100% !important; }
    section.plan-teams-details-sm-dashboard-page div.panels div.navigation {
      display: table-cell;
      height: 100%;
      width: 150px; }
      section.plan-teams-details-sm-dashboard-page div.panels div.navigation div.nav-item {
        width: 100%;
        height: 25%;
        white-space: normal;
        text-align: center;
        font-weight: bold;
        border-right: 1px solid #bdccd2;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        cursor: pointer; }
        section.plan-teams-details-sm-dashboard-page div.panels div.navigation div.nav-item span {
          display: inline-block;
          margin-top: 15px; }
      section.plan-teams-details-sm-dashboard-page div.panels div.navigation div.nav-item:not(:last-of-type) {
        border-bottom: 1px solid #bdccd2; }
      section.plan-teams-details-sm-dashboard-page div.panels div.navigation div.nav-item.active {
        border-right: 1px solid transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-left: 10px solid #ed1c24;
        background: #dfe2ec; }
    section.plan-teams-details-sm-dashboard-page div.panels div.details {
      display: table-cell;
      height: 100%;
      background: #dfe2ec; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel {
        height: 100%;
        width: 100%; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header {
        width: 100%;
        height: 50px; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.positions,
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.vacancies {
          height: 75px;
          width: calc(50% - 23px);
          float: left;
          line-height: 2.5;
          text-align: center; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.positions span.main,
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.vacancies span.main {
            font-size: 2em;
            font-weight: bold; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.positions span.detail,
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.vacancies span.detail {
            font-size: 1.5em;
            font-weight: bold; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.header div.vacancies {
          margin-left: 0; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph {
        width: 80%;
        margin: 15px auto 0; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.cex-table-row {
          border-bottom: none; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.cex-table-row.table-header {
          border-bottom: 1px solid black;
          margin-bottom: 15px; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.cex-table-row.table-header div.col-allocation-percentage,
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.cex-table-row.table-header div.col-vs-mp {
            text-align: center; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-activity,
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-allocation-days,
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-allocation-percentage,
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-vs-mp {
          white-space: initial; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-activity div.cex-table-cell {
          white-space: initial; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.col-allocation-days {
          width: 200px; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.percent,
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.data-label {
          height: 300px; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.percent div.cex-table-row,
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.graph div.data-label div.cex-table-row {
            height: 59px;
            border-bottom: none; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.team div.percent div.cex-table-cell {
        text-align: center; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference {
        display: table;
        width: 100%;
        padding: 15px;
        min-height: 50px;
        border-bottom: 1px solid #bdccd2; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference span.big {
          font-weight: bold;
          font-size: 2em; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference span.small {
          font-size: 1.5em; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference span.smaller {
          font-size: 1em; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference div {
          position: relative;
          display: table-cell;
          vertical-align: middle;
          width: 50%;
          text-align: center;
          padding: 0 30px; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.difference div.results:after {
          font-family: FontAwesome, sans-serif;
          content: "\f0da";
          position: absolute;
          right: -13px;
          font-size: 4em;
          top: -14px;
          color: #acacb9; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls {
        width: 100%;
        float: left; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph {
          width: 80%;
          margin: 15px auto 0; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.cex-table-row {
            border-bottom: none; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.cex-table-row.table-header {
            border-bottom: 1px solid black;
            margin-bottom: 15px; }
            section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.cex-table-row.table-header div.col-contrib-percentage {
              text-align: center; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.col-contrib-days {
            width: 200px; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.percent,
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.data-label {
            height: 300px; }
            section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.percent div.cex-table-row,
            section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.data-label div.cex-table-row {
              height: 98px;
              border-bottom: none; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.percent {
            text-align: center; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.calls div.calls div.graph div.col-graph {
            width: 200px; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.no-data {
        width: 100%;
        margin-top: 300px;
        text-align: center; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.warnings-container {
        padding-top: 50px;
        height: 100%;
        overflow-y: auto; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.warnings-container div.flag-title {
          font-weight: bold;
          margin-top: 15px; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.warnings-container div.warnings-item {
          display: block;
          width: 80%;
          margin: 0 auto 10px; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.warnings-container div.warnings-item i {
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            float: left; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.flags div.warnings-container div.warnings-item span {
            width: calc(100% - 20px);
            float: left;
            white-space: normal; }
      section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.customers div.customers-container {
        padding-top: 50px;
        height: 100%;
        overflow-y: auto; }
        section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.customers div.customers-container div.customers-item {
          display: block;
          width: 80%;
          margin: 0 auto 10px; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.customers div.customers-container div.customers-item i {
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            float: left; }
          section.plan-teams-details-sm-dashboard-page div.panels div.details div.details-panel.customers div.customers-container div.customers-item span {
            width: calc(100% - 20px);
            float: left; }

section.plan-teams-details-level-view-page div.filters {
  width: 100%;
  height: 65px;
  padding: 15px;
  text-align: right; }
  section.plan-teams-details-level-view-page div.filters label {
    display: inline-block;
    margin: 0; }

section.plan-teams-details-level-view-page div.segments {
  height: calc(100% - 65px);
  max-height: none;
  margin-top: 0; }
  section.plan-teams-details-level-view-page div.segments div.cex-table-head div.cex-table-row {
    height: 70px; }
    section.plan-teams-details-level-view-page div.segments div.cex-table-head div.cex-table-row div.col-calls div.cex-table-cell,
    section.plan-teams-details-level-view-page div.segments div.cex-table-head div.cex-table-row div.col-customers div.cex-table-cell,
    section.plan-teams-details-level-view-page div.segments div.cex-table-head div.cex-table-row div.col-coverage div.cex-table-cell {
      height: auto; }
  section.plan-teams-details-level-view-page div.segments div.cex-table-body {
    height: calc(100% - 70px - 55px); }
    section.plan-teams-details-level-view-page div.segments div.cex-table-body div.col-calls,
    section.plan-teams-details-level-view-page div.segments div.cex-table-body div.col-customers,
    section.plan-teams-details-level-view-page div.segments div.cex-table-body div.col-coverage {
      line-height: 45px; }
  section.plan-teams-details-level-view-page div.segments div.col-rep {
    padding-left: 15px; }
  section.plan-teams-details-level-view-page div.segments div.col-calls,
  section.plan-teams-details-level-view-page div.segments div.col-customers,
  section.plan-teams-details-level-view-page div.segments div.col-coverage {
    width: 20%;
    text-align: center; }
  section.plan-teams-details-level-view-page div.segments div.col-tcfa {
    width: 10%;
    text-align: center; }
  section.plan-teams-details-level-view-page div.segments div.col-master,
  section.plan-teams-details-level-view-page div.segments div.col-plan,
  section.plan-teams-details-level-view-page div.segments div.col-realised {
    width: 50%;
    text-align: center;
    float: left; }

section.plan-teams-details-clients-view-page {
  padding-top: 15px; }
  section.plan-teams-details-clients-view-page div.filters {
    width: 100%;
    height: 50px;
    padding: 0 15px 15px;
    text-align: right; }
    section.plan-teams-details-clients-view-page div.filters label {
      width: 250px;
      display: inline-block;
      margin: 0; }
    section.plan-teams-details-clients-view-page div.filters label select {
      width: 100%; }
  section.plan-teams-details-clients-view-page div.segments {
    height: calc(100% - 50px);
    width: calc(100% - 30px);
    max-height: none;
    margin: 0 15px;
    border: 1px solid #bdccd2; }
    section.plan-teams-details-clients-view-page div.segments div.cex-table-head {
      height: 55px; }
    section.plan-teams-details-clients-view-page div.segments div.cex-table-body {
      height: calc(100% - 55px); }
      section.plan-teams-details-clients-view-page div.segments div.cex-table-body md-virtual-repeat-container,
      section.plan-teams-details-clients-view-page div.segments div.cex-table-body .md-virtual-repeat-container {
        width: 100%;
        height: 100%; }
    section.plan-teams-details-clients-view-page div.segments div.col-client {
      padding-left: 15px; }
    section.plan-teams-details-clients-view-page div.segments div.col-rep {
      width: 15%;
      text-align: center; }
    section.plan-teams-details-clients-view-page div.segments div.col-targeted-specialty {
      width: 20%;
      text-align: center; }
    section.plan-teams-details-clients-view-page div.segments div.col-segment,
    section.plan-teams-details-clients-view-page div.segments div.col-brand,
    section.plan-teams-details-clients-view-page div.segments div.col-real-potential,
    section.plan-teams-details-clients-view-page div.segments div.col-delta-frequency,
    section.plan-teams-details-clients-view-page div.segments div.col-frequency,
    section.plan-teams-details-clients-view-page div.segments div.col-territory,
    section.plan-teams-details-clients-view-page div.segments div.col-city {
      width: 10%;
      text-align: center; }
    section.plan-teams-details-clients-view-page div.segments div.col-real-potential,
    section.plan-teams-details-clients-view-page div.segments div.col-delta-frequency {
      overflow: visible;
      white-space: normal; }
    section.plan-teams-details-clients-view-page div.segments div.col-frequency {
      overflow: visible; }
      section.plan-teams-details-clients-view-page div.segments div.col-frequency div.cex-table-row {
        border: 0; }
      section.plan-teams-details-clients-view-page div.segments div.col-frequency label {
        overflow: visible; }
        section.plan-teams-details-clients-view-page div.segments div.col-frequency label div[ng-dropdown-multiselect] {
          width: 100%; }
          section.plan-teams-details-clients-view-page div.segments div.col-frequency label div[ng-dropdown-multiselect] div.multiselect-parent {
            width: 100%; }
            section.plan-teams-details-clients-view-page div.segments div.col-frequency label div[ng-dropdown-multiselect] div.multiselect-parent button {
              width: 100%;
              border: 2px solid #262262; }
            section.plan-teams-details-clients-view-page div.segments div.col-frequency label div[ng-dropdown-multiselect] div.multiselect-parent ul {
              width: 100%;
              overflow: auto !important; }
    section.plan-teams-details-clients-view-page div.segments div.col-frequency.execution {
      width: 15%; }
      section.plan-teams-details-clients-view-page div.segments div.col-frequency.execution div.cex-table-row {
        border: 0; }
      section.plan-teams-details-clients-view-page div.segments div.col-frequency.execution div.col-freq-planned,
      section.plan-teams-details-clients-view-page div.segments div.col-frequency.execution div.col-freq-realised,
      section.plan-teams-details-clients-view-page div.segments div.col-frequency.execution div.col-freq-remaining {
        height: 25px;
        width: 33.33333333%; }
  section.plan-teams-details-clients-view-page div.segments.full {
    height: 100%;
    max-height: 100%; }
  section.plan-teams-details-clients-view-page button.btn-freq {
    width: calc(100% - 30px);
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: black;
    background-color: white;
    border: 2px solid #262262;
    border-radius: 4px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }
  section.plan-teams-details-clients-view-page div.popover {
    max-width: 500px;
    min-width: 420px; }
    section.plan-teams-details-clients-view-page div.popover div.popover-subtitle {
      font-weight: bold; }
    section.plan-teams-details-clients-view-page div.popover div.popover-column {
      max-height: 250px;
      overflow-y: auto;
      overflow-x: hidden; }
      section.plan-teams-details-clients-view-page div.popover div.popover-column label {
        overflow: auto; }
      section.plan-teams-details-clients-view-page div.popover div.popover-column div.freq-element {
        padding: 2px 0; }
      section.plan-teams-details-clients-view-page div.popover div.popover-column div.freq-element.oot input {
        margin: 10px 0;
        vertical-align: top; }
    section.plan-teams-details-clients-view-page div.popover div.buttons-filter-wrapper {
      margin-top: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      section.plan-teams-details-clients-view-page div.popover div.buttons-filter-wrapper button:not(:first-of-type) {
        margin-left: 5px; }
  section.plan-teams-details-clients-view-page div.col-delta-frequency div.popover {
    min-width: 140px; }
    section.plan-teams-details-clients-view-page div.col-delta-frequency div.popover .row {
      margin: 0; }

section.master-plan-teams-details-page div.master-plan-teams-details-view {
  height: calc(100% - 70px); }

section.master-plan-teams-details-page div.master-plan-teams-details-footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center; }
  section.master-plan-teams-details-page div.master-plan-teams-details-footer button.previous {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0; }
  section.master-plan-teams-details-page div.master-plan-teams-details-footer button.next {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0; }
  section.master-plan-teams-details-page div.master-plan-teams-details-footer button {
    margin: 10px 20px; }

section.master-plan-teams-details-kpi-page div.header {
  height: 125px;
  text-align: center; }
  section.master-plan-teams-details-kpi-page div.header div.calls {
    width: 400px;
    float: left;
    margin-left: 0; }
    section.master-plan-teams-details-kpi-page div.header div.calls div.title {
      font-weight: bold;
      font-size: 16px;
      padding: 5px 0; }
    section.master-plan-teams-details-kpi-page div.header div.calls div.count {
      font-size: 28px;
      font-weight: bold; }
  section.master-plan-teams-details-kpi-page div.header div.calls.rep {
    width: 200px;
    display: table;
    float: right; }
    section.master-plan-teams-details-kpi-page div.header div.calls.rep > div {
      display: table-cell;
      vertical-align: middle;
      height: 70px;
      float: none; }
  section.master-plan-teams-details-kpi-page div.header div.details {
    width: calc(100% - 400px - 45px);
    display: table;
    float: left; }
    section.master-plan-teams-details-kpi-page div.header div.details > div {
      display: table-cell;
      vertical-align: middle;
      height: 70px;
      float: none; }
      section.master-plan-teams-details-kpi-page div.header div.details > div div.count {
        font-size: 28px;
        font-weight: bold; }
        section.master-plan-teams-details-kpi-page div.header div.details > div div.count input[type=number] {
          height: 45px;
          width: 90px;
          font-size: 28px;
          font-weight: bold;
          text-align: center;
          display: inline-block;
          padding: 0; }
  section.master-plan-teams-details-kpi-page div.header div.details.rep {
    width: 400px; }

section.master-plan-teams-details-kpi-page div.filters {
  height: 39px;
  margin: 15px 15px 0 15px; }
  section.master-plan-teams-details-kpi-page div.filters label select {
    float: right; }

section.master-plan-teams-details-kpi-page div.kpis {
  height: calc(100% - 39px - 15px); }

section.master-plan-teams-details-kpi-page div.kpis.rep {
  height: 100%; }

section.master-plan-teams-details-kpi-page div.plan {
  height: calc(100% - 140px);
  max-height: calc(100% - 140px);
  margin-top: 0;
  margin-bottom: 0; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-head {
    height: 75px; }
    section.master-plan-teams-details-kpi-page div.plan div.cex-table-head div.cex-table-row {
      height: 75px; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-body {
    height: calc(100% - 75px - 50px); }
  section.master-plan-teams-details-kpi-page div.plan > div.cex-table-row:last-of-type {
    border-bottom: 0; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-cell {
    white-space: normal; }
  section.master-plan-teams-details-kpi-page div.plan div.col-specialty {
    padding-left: 10px; }
  section.master-plan-teams-details-kpi-page div.plan div.col-brand {
    width: 75%;
    text-align: center; }
    section.master-plan-teams-details-kpi-page div.plan div.col-brand > div.cex-table-row:last-of-type {
      border-bottom: 0; }
  section.master-plan-teams-details-kpi-page div.plan div.col-segments {
    vertical-align: top;
    width: 85%; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments > div.cex-table-row:last-of-type {
      border-bottom: 0; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-segment {
      width: 10%;
      text-align: center; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-brands {
      width: 15%;
      text-align: center; }
      section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-brands span.edit-button {
        float: right; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-universe {
      width: 12%;
      text-align: center; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-target-coverage {
      width: 12%;
      text-align: center;
      padding: 0 5px; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-priority {
      width: 12%;
      text-align: center;
      padding: 0 5px; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-call-freq {
      width: 12%;
      text-align: center;
      padding: 0 5px; }
    section.master-plan-teams-details-kpi-page div.plan div.col-segments div.col-target-calls {
      width: 12%;
      text-align: center; }
  section.master-plan-teams-details-kpi-page div.plan div.col-brands {
    width: 15%;
    padding-left: 10px; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-body div.col-brands {
    vertical-align: top; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-body div.col-segments div.col-brands {
    vertical-align: middle; }
  section.master-plan-teams-details-kpi-page div.plan div.cex-table-footer {
    height: 50px; }
    section.master-plan-teams-details-kpi-page div.plan div.cex-table-footer div.cex-table-row {
      height: 50px; }

section.plan-details-cycle-details-territories-page {
  height: 100%;
  padding-top: 15px; }
  section.plan-details-cycle-details-territories-page div.cex-tile.cycle-details,
  section.plan-details-cycle-details-territories-page div.cex-tile.territories {
    width: calc(75% - 21px);
    height: 100%;
    max-height: calc(100% - 15px);
    float: left;
    margin-right: 0;
    margin-top: 0; }
    section.plan-details-cycle-details-territories-page div.cex-tile.cycle-details div.title,
    section.plan-details-cycle-details-territories-page div.cex-tile.territories div.title {
      font-size: 1.5em;
      text-align: center;
      padding: 5px 0;
      max-height: 40px; }
  section.plan-details-cycle-details-territories-page div.cex-tile.territories {
    width: calc(25% - 21px);
    overflow-y: auto; }
  section.plan-details-cycle-details-territories-page div.cycle-details {
    overflow: auto; }
    section.plan-details-cycle-details-territories-page div.cycle-details div.header {
      display: table;
      width: 350px;
      height: 100px;
      margin: 0 auto; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end {
        display: table-cell;
        width: 50%;
        height: 100%;
        vertical-align: middle; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start label, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end label {
          width: 70%;
          text-align: left;
          margin: 0 auto; }
          section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start label span.date-label, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end label span.date-label {
            display: inline-block;
            float: left;
            margin-top: 10px; }
          section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start label span, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end label span {
            display: block;
            padding-left: 5px;
            margin-bottom: 2px; }
          section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start label input.form-control, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end label input.form-control {
            width: calc(100% - 35px - 5px);
            float: left; }
          section.plan-details-cycle-details-territories-page div.cycle-details div.header div.start label i, section.plan-details-cycle-details-territories-page div.cycle-details div.header div.end label i {
            margin-left: 5px;
            font-size: 24px;
            line-height: 34px;
            margin-top: -1px; }
    section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days {
      width: 400px;
      margin: 20px auto 0; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days div.table-title {
        font-weight: bold;
        margin-top: 15px; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days div.cex-table div.cex-table-row {
        border: none;
        height: 35px; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days div.cex-table div.col-value-plan,
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days div.cex-table div.col-value-mp {
        width: 100px;
        text-align: center; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-days div.cex-table.table-padding {
        margin-left: 10px;
        width: calc(100% - 10px); }
    section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved {
      width: 80%;
      height: calc(100% - 100px - 20px);
      margin: 20px auto 0; }
      section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table {
        width: 100%;
        height: 100%; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.cex-table-row,
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.cex-table-head {
          background-color: rgba(0, 0, 0, 0);
          background-image: none;
          border: 0; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.cex-table-head div.cex-table-cell {
          border-bottom: 1px solid black; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.col-activities {
          width: 33%;
          text-align: center; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.col-realized {
          width: 33%;
          text-align: center; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.col-planned {
          width: 33%;
          text-align: center; }
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.col-activities div.cex-table-row,
        section.plan-details-cycle-details-territories-page div.cycle-details div.cycle-achieved div.cex-table div.col-planned div.cex-table-row {
          height: 61px;
          border-bottom: 0; }
  section.plan-details-cycle-details-territories-page div.territories div.title {
    font-size: inherit;
    font-weight: bold; }
  section.plan-details-cycle-details-territories-page div.territories span.tag-input {
    margin: 5px; }

section.plan-teams-details-ffmr-dashboard-page div.customers,
section.plan-teams-details-ffmr-dashboard-page div.warnings {
  width: calc(50% - 22px);
  height: calc(100% - 165px);
  float: left; }
  section.plan-teams-details-ffmr-dashboard-page div.customers div.title,
  section.plan-teams-details-ffmr-dashboard-page div.warnings div.title {
    font-size: 2em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 15px 0 30px; }

section.plan-teams-details-ffmr-dashboard-page div.customers {
  max-height: none; }
  section.plan-teams-details-ffmr-dashboard-page div.customers div.customers-container {
    height: calc(100% - 85px);
    overflow-y: auto; }
    section.plan-teams-details-ffmr-dashboard-page div.customers div.customers-container div.customers-item {
      display: block;
      width: 80%;
      margin: 0 auto 10px; }
      section.plan-teams-details-ffmr-dashboard-page div.customers div.customers-container div.customers-item i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        float: left; }
      section.plan-teams-details-ffmr-dashboard-page div.customers div.customers-container div.customers-item span {
        width: calc(100% - 20px);
        float: left; }

section.plan-teams-details-ffmr-dashboard-page div.warnings {
  max-height: none;
  margin-left: 0;
  overflow: auto; }
  section.plan-teams-details-ffmr-dashboard-page div.warnings div.flag-title {
    font-weight: bold;
    margin-top: 15px; }
  section.plan-teams-details-ffmr-dashboard-page div.warnings div.warnings-container {
    height: calc(100% - 85px);
    overflow-y: auto; }
    section.plan-teams-details-ffmr-dashboard-page div.warnings div.warnings-container div.warnings-item {
      display: block;
      width: 80%;
      margin: 0 auto 10px; }
      section.plan-teams-details-ffmr-dashboard-page div.warnings div.warnings-container div.warnings-item i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        float: left; }
      section.plan-teams-details-ffmr-dashboard-page div.warnings div.warnings-container div.warnings-item span {
        width: calc(100% - 20px);
        float: left;
        white-space: normal; }

section.plan-teams-details-ffmr-dashboard-page div.comments {
  max-height: none;
  width: calc(100% - 30px);
  height: 120px; }
  section.plan-teams-details-ffmr-dashboard-page div.comments div.cex-table {
    height: 100%; }
    section.plan-teams-details-ffmr-dashboard-page div.comments div.cex-table div.cex-table-head div.cex-table-cell {
      height: 25px; }
    section.plan-teams-details-ffmr-dashboard-page div.comments div.cex-table div.cex-table-body {
      height: calc(100% - 25px); }
  section.plan-teams-details-ffmr-dashboard-page div.comments div.col-date {
    width: 100px;
    padding-left: 15px;
    vertical-align: top;
    padding-top: 13px; }
  section.plan-teams-details-ffmr-dashboard-page div.comments div.col-comment {
    white-space: normal;
    padding-left: 15px; }

section.plan-details-profiling-status-page {
  padding-top: 15px; }
  section.plan-details-profiling-status-page div.container-tabs {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: calc(100% - 30px);
    max-height: none;
    margin: 0 15px;
    border: 1px solid #bdccd2;
    padding: 0; }
    section.plan-details-profiling-status-page div.container-tabs div.tabs {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: 100px;
      float: left; }
      section.plan-details-profiling-status-page div.container-tabs div.tabs div.tab {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
      section.plan-details-profiling-status-page div.container-tabs div.tabs div.tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.plan-details-profiling-status-page div.container-tabs div.content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: calc(100% - 100px);
      float: right;
      background: #dfe2ec; }
      section.plan-details-profiling-status-page div.container-tabs div.content > section {
        height: 100%;
        width: 100%; }
        section.plan-details-profiling-status-page div.container-tabs div.content > section section.plan-teams-list-page.full-height-header,
        section.plan-details-profiling-status-page div.container-tabs div.content > section section.sales-target-products-page.full-height-header {
          height: 100%; }
  section.plan-details-profiling-status-page div.cex-tile section {
    height: 100%;
    width: 100%; }

section.plan-details-profiling-definition div.cex-tile {
  height: calc(100% - 13px);
  max-height: none;
  margin-bottom: 0; }

section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head div.cex-table-row,
section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-head div.cex-table-row {
  background: transparent; }

section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row:nth-child(odd),
section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row:nth-child(even),
section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-row:nth-child(odd),
section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-row:nth-child(even) {
  background: white; }

section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head,
section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-head {
  color: #ed1c24; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head div.cex-table-cell,
  section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-head div.cex-table-cell {
    vertical-align: bottom; }

section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row,
section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-row {
  min-height: 70px; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row div.cex-table-cell label,
  section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-row div.cex-table-cell label {
    overflow: visible; }

section.plan-details-profiling-definition div.cex-table.brands-table button.btn-cex.btn-add,
section.plan-details-profiling-definition div.cex-table.definitions-table button.btn-cex.btn-add {
  margin: 10px 25px; }

section.plan-details-profiling-definition div.cex-table.brands-table {
  width: 30%;
  height: 100%;
  background: white; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-body,
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head {
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-body div.cex-table-row,
    section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-body div.cex-table-row.row-active,
    section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-head div.cex-table-row.row-active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-body {
    height: calc(100% - 70px); }
    section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-body div.cex-table-row {
      height: 65px; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row:hover,
  section.plan-details-profiling-definition div.cex-table.brands-table div.cex-table-row.row-active {
    background: #dfe2ec; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.col-brands {
    padding-left: 25px;
    overflow: hidden;
    white-space: normal; }
  section.plan-details-profiling-definition div.cex-table.brands-table div.row-active {
    border-left: 10px solid #ed1c24; }
    section.plan-details-profiling-definition div.cex-table.brands-table div.row-active div.col-brands {
      padding-left: 15px; }

section.plan-details-profiling-definition div.cex-table.definitions-table {
  width: 70%; }
  section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-head div.col-definitions {
    padding-left: 15px; }
  section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body {
    height: calc(100% - 70px);
    background: #dfe2ec; }
    section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body > div.cex-table-row {
      height: 100%; }
    section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.cex-table-row {
      background: #dfe2ec; }
    section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions {
      vertical-align: top;
      overflow: visible;
      text-align: center; }
      section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions label.definition-select {
        width: calc(100% - 30px);
        margin: 15px auto; }
      section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item {
        height: 80px;
        text-align: left;
        padding: 0 5px;
        margin-bottom: 1px; }
        section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item span.definition-item-label {
          display: block;
          height: 100%;
          width: 100px;
          font-weight: bold;
          text-align: center;
          padding-top: 15px;
          float: left;
          word-break: normal;
          word-wrap: break-word;
          white-space: normal; }
        section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item label.definition-item-description {
          display: block;
          height: 100%;
          width: calc(100% - 250px);
          overflow: hidden;
          white-space: normal;
          overflow-y: auto;
          float: left; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item label.definition-item-description textarea {
            height: calc(100% - 5px);
            width: calc(100% - 30px);
            margin: 0 15px;
            padding: 8px;
            resize: none; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item label.definition-item-description span {
            padding: 0 5px; }
        section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range {
          position: relative;
          display: block;
          height: 100%;
          width: 150px;
          float: left; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range label:first-of-type {
            margin-bottom: 5px; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range span, section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range input {
            display: inline-block; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range span {
            width: 50px;
            line-height: 35px; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range span.percentage-value {
            width: auto; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range span.percentage-label {
            padding-left: 5px;
            width: 5px; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range input {
            width: calc(100% - 50px - 20px); }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range div.definition-input-max,
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range div.definition-input-min {
            height: 40px;
            line-height: 40px;
            text-align: center;
            width: 100%; }
          section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.col-definitions div.definition-item div.definition-item-range div.definition-input-min.offset {
            position: absolute;
            bottom: -20px;
            z-index: 999; }
    section.plan-details-profiling-definition div.cex-table.definitions-table div.cex-table-body div.dimension-title {
      color: #ed1c24;
      margin: 10px 0;
      text-align: left;
      padding-left: 30px;
      font-weight: bold; }

section.plan-segment-brands-page div.no-data {
  text-align: center;
  padding: 60px 0; }

section.plan-segment-brands-page div.cex-table-body {
  height: 100%; }
  section.plan-segment-brands-page div.cex-table-body div.col-brand {
    padding-left: 15px; }
  section.plan-segment-brands-page div.cex-table-body div.col-brand-detail {
    width: 200px;
    text-align: center; }
    section.plan-segment-brands-page div.cex-table-body div.col-brand-detail label {
      width: calc(100% - 30px);
      display: inline-block; }
  section.plan-segment-brands-page div.cex-table-body div.col-brand-frequency {
    width: 150px;
    text-align: center; }

section.strategy-dynamics-page {
  height: 100%; }
  section.strategy-dynamics-page div.customers {
    padding: 15px; }
  section.strategy-dynamics-page div.customers-list {
    border: 1px solid #bdccd2;
    height: calc(100% - 30px); }
  section.strategy-dynamics-page div.modal-body {
    height: calc(100% - 125px);
    max-height: none;
    padding: 0; }
    section.strategy-dynamics-page div.modal-body div.overall,
    section.strategy-dynamics-page div.modal-body div.customers {
      height: 100%; }
    section.strategy-dynamics-page div.modal-body div.overall div.matrix,
    section.strategy-dynamics-page div.modal-body div.overall div.data {
      height: 100%;
      float: left; }
    section.strategy-dynamics-page div.modal-body div.overall div.matrix {
      width: 65%; }
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix {
        width: 580px;
        margin: 0 auto;
        table-layout: fixed; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.header {
          margin-top: 10px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.header label {
            width: calc(100% - 150px);
            text-align: left;
            float: left;
            font-weight: bold; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.header label select {
              width: calc(100% - 75px);
              margin-left: 5px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.header button {
            float: right; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.col-label {
          width: 50px;
          max-width: 50px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.col-label span {
            display: inline-block;
            white-space: nowrap;
            /* this is for shity "non IE" browsers
                 that dosn't support writing-mode */
            -webkit-transform: translate(1.3em, 0) rotate(270deg);
            transform: translate(1.3em, 0) rotate(270deg);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            /* IE9+ */
            -ms-transform: none;
            -ms-transform-origin: none;
            /* IE8+ */
            -ms-writing-mode: tb-lr;
            /* IE7 and below */
            *-webkit-writing-mode: tb-lr;
                    writing-mode: tb-lr; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body {
          height: 100%;
          border-spacing: 1px;
          border-collapse: separate; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row {
            height: 65px;
            border: 0; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell {
              font-size: 13px;
              text-align: center; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell i {
                font-size: 16px;
                float: none;
                font-style: italic;
                color: #3e4045; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell i.green-icon {
                color: #50c878; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell i.red-icon {
                color: #ed1c24; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell i.big-icon {
                font-size: 1.5em;
                font-style: normal; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell.segment-select-box {
              background-color: #edeff3; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell.segment-select-box.source-growth {
              background-color: rgba(80, 200, 120, 0.2); }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell.segment-select-box.value-risk {
              background-color: rgba(237, 28, 36, 0.2); }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell.expanded {
              position: absolute;
              z-index: 3;
              -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75);
              box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75); }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.cex-table-cell.expanded span.segment-label {
                height: 65px;
                line-height: 65px; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.expanded-data {
              display: inline-block; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.expanded-data span {
                display: block;
                font-size: 16px;
                height: 14px; }
              section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.expanded-data span.smaller {
                font-size: 13px; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.col-adoption {
              width: 90px;
              text-align: right;
              padding-right: 10px; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.cex-tooltip-text {
              display: inline-block;
              width: 70px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.col-brand-label {
              width: 360px;
              text-align: center; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row div.col-not-profiled {
              width: 360px;
              font-weight: bold; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.segment-label {
              font-weight: bold;
              font-size: 17px; }
            section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row span.universe-label {
              position: absolute;
              bottom: 3px;
              right: 3px;
              font-style: italic;
              font-weight: bold;
              font-size: 17px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.kol-row {
            margin-bottom: 5px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row.row-potential {
            text-align: center; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-high,
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-medium,
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-potential-low,
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-not-profiled {
            background-color: #e7edf0;
            text-align: center; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.col-not-profiled {
            font-weight: bold;
            font-size: 17px; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-VISITING {
            background-color: #01a0f3; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-KEE {
            background-color: #01a0f3; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-A {
            background-color: #16cf08; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-B {
            background-color: #f0f202; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-C {
            background-color: #f41b14; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-body div.cex-table-row:not(.row-potential) div.segment-D {
            background-color: #ed5b0f; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-row {
          overflow: visible; }
          section.strategy-dynamics-page div.modal-body div.overall div.matrix div.segment-matrix div.cex-table-row div.cex-table-cell {
            overflow: visible; }
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.arrow-from:after,
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.arrow-to:after {
        position: absolute;
        left: 50%;
        z-index: 9999; }
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.arrow-from:after {
        font-family: 'FontAwesome', sans-serif;
        content: "\f176";
        font-size: 24px;
        bottom: -18px; }
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.arrow-to:after {
        font-family: 'FontAwesome', sans-serif;
        content: "\f175";
        font-size: 24px;
        bottom: -18px; }
      section.strategy-dynamics-page div.modal-body div.overall div.matrix div.movement {
        text-align: center; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.movement div.growth-container,
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.movement div.risk-container {
          margin: 0 auto;
          text-align: left;
          width: 80%; }
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.movement div.growth-item,
        section.strategy-dynamics-page div.modal-body div.overall div.matrix div.movement div.risk-item {
          display: block; }
    section.strategy-dynamics-page div.modal-body div.overall div.data {
      width: 35%; }
      section.strategy-dynamics-page div.modal-body div.overall div.data div.data-overall span.title,
      section.strategy-dynamics-page div.modal-body div.overall div.data div.data-combination span.title {
        display: block;
        width: calc(100% - 30px);
        margin: 5px auto;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #bdccd2; }
      section.strategy-dynamics-page div.modal-body div.overall div.data div.data-overall {
        height: calc(31% - 30px);
        overflow: auto; }
      section.strategy-dynamics-page div.modal-body div.overall div.data div.data-combination {
        height: calc(69% - 15px);
        overflow: auto; }
        section.strategy-dynamics-page div.modal-body div.overall div.data div.data-combination div.no-data {
          font-weight: bold;
          width: 100%;
          text-align: center;
          margin-top: 15px; }
    section.strategy-dynamics-page div.modal-body ul {
      list-style: none;
      margin: 0 15px;
      padding: 0; }
    section.strategy-dynamics-page div.modal-body div.customers-list {
      height: 100%; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.cex-table-head label {
        width: calc(100% - 35px);
        display: inline-block;
        overflow: visible; }
        section.strategy-dynamics-page div.modal-body div.customers-list div.cex-table-head label input {
          width: 100%; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.cex-table-head span.edit-button {
        float: right;
        margin-top: 4px; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.cex-table-body {
        height: calc(100% - 51px); }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-name {
        padding-left: 15px; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-county {
        width: 15%;
        text-align: center; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-potential {
        width: 20%;
        text-align: center; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-adoption {
        width: 20%;
        text-align: center; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-change {
        width: 10%;
        text-align: center; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-from {
        width: 10%;
        text-align: center; }
      section.strategy-dynamics-page div.modal-body div.customers-list div.col-age {
        width: 10%;
        text-align: center; }
  section.strategy-dynamics-page div.modal-footer {
    height: 65px; }
    section.strategy-dynamics-page div.modal-footer span.customers {
      height: 35px;
      padding: 0 10px;
      border: 0;
      line-height: 35px; }

section.plan-not-started-page {
  padding-top: 200px;
  text-align: center;
  font-weight: bolder;
  font-size: 2em; }

section.profiling-page {
  padding-top: 15px;
  height: calc(100% - 15px); }
  section.profiling-page div.profiling {
    height: 100%;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
    section.profiling-page div.profiling div.customers-list,
    section.profiling-page div.profiling div.profile-details {
      height: 100%;
      background: white;
      float: left; }
      section.profiling-page div.profiling div.customers-list div.cex-table-head div.cex-table-row,
      section.profiling-page div.profiling div.profile-details div.cex-table-head div.cex-table-row {
        background: transparent; }
      section.profiling-page div.profiling div.customers-list div.cex-table-row:nth-child(odd),
      section.profiling-page div.profiling div.customers-list div.cex-table-row:nth-child(even),
      section.profiling-page div.profiling div.profile-details div.cex-table-row:nth-child(odd),
      section.profiling-page div.profiling div.profile-details div.cex-table-row:nth-child(even) {
        background: white; }
      section.profiling-page div.profiling div.customers-list div.cex-table-head,
      section.profiling-page div.profiling div.profile-details div.cex-table-head {
        color: #ed1c24;
        cursor: pointer; }
        section.profiling-page div.profiling div.customers-list div.cex-table-head div.cex-table-cell,
        section.profiling-page div.profiling div.profile-details div.cex-table-head div.cex-table-cell {
          vertical-align: bottom;
          padding-bottom: 5px; }
      section.profiling-page div.profiling div.customers-list div.cex-table-footer,
      section.profiling-page div.profiling div.profile-details div.cex-table-footer {
        height: 55px; }
        section.profiling-page div.profiling div.customers-list div.cex-table-footer div.cex-table-row, section.profiling-page div.profiling div.customers-list div.cex-table-footer div.cex-table-cell,
        section.profiling-page div.profiling div.profile-details div.cex-table-footer div.cex-table-row,
        section.profiling-page div.profiling div.profile-details div.cex-table-footer div.cex-table-cell {
          height: 55px;
          text-align: center; }
      section.profiling-page div.profiling div.customers-list div.cex-table-row,
      section.profiling-page div.profiling div.profile-details div.cex-table-row {
        min-height: 70px; }
        section.profiling-page div.profiling div.customers-list div.cex-table-row form label,
        section.profiling-page div.profiling div.profile-details div.cex-table-row form label {
          height: 28px;
          line-height: 28px; }
          section.profiling-page div.profiling div.customers-list div.cex-table-row form label span.editable-wrap,
          section.profiling-page div.profiling div.profile-details div.cex-table-row form label span.editable-wrap {
            max-width: inherit; }
    section.profiling-page div.profiling div.customers-list {
      width: 60%; }
      section.profiling-page div.profiling div.customers-list div.cex-table-body,
      section.profiling-page div.profiling div.customers-list div.cex-table-head,
      section.profiling-page div.profiling div.customers-list div.cex-table-footer {
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
        section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row,
        section.profiling-page div.profiling div.customers-list div.cex-table-head div.cex-table-row,
        section.profiling-page div.profiling div.customers-list div.cex-table-footer div.cex-table-row {
          -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                  box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
        section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row.row-active,
        section.profiling-page div.profiling div.customers-list div.cex-table-head div.cex-table-row.row-active,
        section.profiling-page div.profiling div.customers-list div.cex-table-footer div.cex-table-row.row-active {
          -webkit-box-shadow: none;
                  box-shadow: none; }
      section.profiling-page div.profiling div.customers-list div.cex-table-head label {
        width: calc(100% - 35px);
        display: inline-block;
        overflow: visible; }
        section.profiling-page div.profiling div.customers-list div.cex-table-head label input {
          width: 100%; }
      section.profiling-page div.profiling div.customers-list div.cex-table-head span.edit-button {
        float: right;
        margin-top: 4px; }
      section.profiling-page div.profiling div.customers-list div.cex-table-body {
        height: calc(100% - 70px - 55px); }
        section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row {
          cursor: pointer; }
          section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row div.cex-table-cell {
            cursor: pointer; }
            section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row div.cex-table-cell form {
              cursor: pointer; }
              section.profiling-page div.profiling div.customers-list div.cex-table-body div.cex-table-row div.cex-table-cell form label {
                cursor: pointer; }
      section.profiling-page div.profiling div.customers-list div.cex-table-row.row-active {
        background: #dfe2ec;
        font-weight: bold; }
      section.profiling-page div.profiling div.customers-list div.cex-table-row {
        border-left: 10px solid transparent; }
      section.profiling-page div.profiling div.customers-list div.row-active {
        border-left: 10px solid #ed1c24; }
      section.profiling-page div.profiling div.customers-list div.col-status {
        width: 100px;
        text-align: center; }
        section.profiling-page div.profiling div.customers-list div.col-status select {
          padding: 0; }
      section.profiling-page div.profiling div.customers-list div.col-mdm {
        width: 100px; }
      section.profiling-page div.profiling div.customers-list div.col-name {
        text-align: center;
        overflow: visible;
        white-space: normal; }
        section.profiling-page div.profiling div.customers-list div.col-name span {
          position: relative;
          cursor: pointer; }
      section.profiling-page div.profiling div.customers-list div.col-specialty {
        width: 20%;
        text-align: center;
        overflow: visible;
        white-space: normal; }
        section.profiling-page div.profiling div.customers-list div.col-specialty span {
          position: relative;
          cursor: pointer; }
      section.profiling-page div.profiling div.customers-list div.col-county {
        width: 18%;
        text-align: center;
        overflow: visible;
        white-space: normal; }
        section.profiling-page div.profiling div.customers-list div.col-county span {
          position: relative;
          cursor: pointer; }
      section.profiling-page div.profiling div.customers-list div.col-status,
      section.profiling-page div.profiling div.customers-list div.col-mdm,
      section.profiling-page div.profiling div.customers-list div.col-name,
      section.profiling-page div.profiling div.customers-list div.col-specialty,
      section.profiling-page div.profiling div.customers-list div.col-county {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    section.profiling-page div.profiling div.profile-details {
      width: 40%; }
      section.profiling-page div.profiling div.profile-details div.cex-table-head div.cex-table-cell {
        height: 100%;
        vertical-align: middle;
        text-align: center;
        cursor: pointer; }
      section.profiling-page div.profiling div.profile-details div.cex-table-head div.cex-table-cell.active {
        background-color: #ed1c24;
        color: white; }
      section.profiling-page div.profiling div.profile-details div.cex-table-body {
        height: calc(100% - 70px);
        background: #dfe2ec; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.cex-table-row,
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.cex-table-cell {
          height: 100%;
          background: #dfe2ec;
          vertical-align: top;
          cursor: default; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data {
          padding: 15px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header {
            width: 100%; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors {
              width: calc(100% - 115px); }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty,
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand {
                margin-bottom: 5px; }
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty span.specialty-title,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty span.brand-title,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand span.specialty-title,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand span.brand-title {
                  white-space: normal;
                  width: 30%;
                  display: inline-block;
                  min-height: 34px;
                  font-weight: bold;
                  overflow: hidden;
                  text-overflow: ellipsis; }
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty div.brands-container,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand div.brands-container {
                  max-height: 100px;
                  overflow-y: auto;
                  overflow-x: hidden; }
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty select, section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty div,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand select,
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand div {
                  display: inline-block;
                  width: calc(70% - 5px);
                  vertical-align: top; }
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty select span.brand-select, section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty div span.brand-select,
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand select span.brand-select,
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand div span.brand-select {
                    cursor: pointer;
                    display: block;
                    background-color: white;
                    color: black;
                    text-align: center;
                    padding: 5px 30px;
                    position: relative;
                    white-space: normal;
                    border: 1px solid #edeff3; }
                    section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty select span.brand-select i, section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty div span.brand-select i,
                    section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand select span.brand-select i,
                    section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand div span.brand-select i {
                      position: absolute;
                      left: 5px;
                      top: 8px;
                      cursor: default; }
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty select span.brand-select.active, section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.specialty div span.brand-select.active,
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand select span.brand-select.active,
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.selectors div.brand div span.brand-select.active {
                    background-color: #ed1c24;
                    color: white; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.confirm {
              width: 115px; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.confirm button.btn-confirm {
                display: block;
                width: 100px;
                margin: 0 auto 5px;
                text-align: center; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.kol label {
              display: inline-block;
              width: auto;
              float: left;
              height: 30px;
              line-height: 30px; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.header div.kol label span {
                height: 23px;
                line-height: 23px;
                display: inline-block;
                vertical-align: top;
                margin-top: 5px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.potential {
            width: 50%;
            float: left; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence label input,
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption label input,
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.potential label input {
              width: 75px; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence label span,
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption label span,
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.potential label span {
              display: block;
              width: calc(100% - 81px);
              margin-right: 3px;
              float: right;
              white-space: normal;
              line-height: 31px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.rating > div {
            margin-bottom: 5px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence div.influence-title {
            font-weight: bold;
            margin-bottom: 50px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence div.influence-box {
            display: inline-block;
            height: 30px;
            width: 75px;
            float: left;
            background-color: #ed1c24;
            border: 1px solid #ed1c24; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence div.influence-box.empty {
            background-color: transparent;
            border: 1px solid #bdccd2; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence div.influence-info {
            display: block;
            float: right;
            width: calc(100% - 75px);
            height: 100%;
            line-height: 30px; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.influence div.influence-info span {
              display: block;
              float: left;
              margin-left: 2px;
              max-width: calc(100% - 25px);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential label {
            margin-bottom: 5px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption {
            float: right; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption div.adoption-title {
              font-weight: bold;
              margin-bottom: 15px; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption div.adoption-box {
              display: inline-block;
              height: 30px;
              width: 75px;
              float: left;
              background-color: #ed1c24;
              border: 1px solid #ed1c24; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption div.adoption-box.empty {
              background-color: transparent;
              border: 1px solid #bdccd2; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption div.adoption-info {
              display: block;
              float: right;
              width: calc(100% - 75px);
              height: 100%;
              line-height: 30px; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.adoption div.adoption-info span {
                display: block;
                float: left;
                margin-left: 2px;
                max-width: calc(100% - 25px);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.potential div.potential-title {
            font-weight: bold;
            margin-bottom: 50px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.potential div.potential-box {
            display: inline-block;
            height: 30px;
            width: 75px;
            float: left;
            background-color: #ed1c24;
            border: 1px solid #ed1c24; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.potential div.potential-box.empty {
            background-color: transparent;
            border: 1px solid #bdccd2; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.potential div.potential-info {
            display: block;
            float: right;
            width: calc(100% - 75px);
            height: 100%;
            line-height: 30px; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.adoption-potential div.potential div.potential-info span {
              display: block;
              float: left;
              margin-left: 2px;
              max-width: calc(100% - 25px);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.profile-data div.last_updated {
            white-space: initial;
            text-align: center; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data > div {
          display: block;
          margin-bottom: 15px;
          padding-left: 15px; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data label.specialty-wrapper {
          white-space: normal;
          min-height: 20px; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.specialty-label {
          display: inline-block;
          width: 140px;
          vertical-align: top; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.specialty-data {
          display: inline-block;
          width: calc(100% - 170px);
          vertical-align: top; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.info {
          margin-top: 15px; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.cex-table,
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.cex-table {
          margin: 0 auto;
          width: 95%; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.cex-table div.cex-table-row,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.cex-table div.cex-table-row {
            min-height: 35px;
            height: auto; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.cex-table div.cex-table-body,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.cex-table div.cex-table-body {
            height: auto; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.cex-table div.cex-table-cell,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.cex-table div.cex-table-cell {
            vertical-align: middle;
            white-space: normal; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.cex-table label,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.cex-table label {
            height: auto; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.form-group,
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.form-group {
          margin: 0; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.form-group label,
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.form-group label {
            height: auto;
            margin-bottom: 5px; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone {
          margin-bottom: 30px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-title {
            height: 26px;
            width: 125px;
            float: left;
            line-height: 26px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-data {
            width: calc(100% - 125px);
            float: left;
            white-space: normal; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-data span.edit-button {
              float: none;
              margin-left: -2px; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-data span.edit-button i.background,
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-data span.edit-button i.foreground {
                margin-top: -2px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-add-form {
            width: calc(100% - 30px); }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.phone-add-form div.form-group {
              margin: 0; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.phone div.col-number {
            vertical-align: bottom;
            text-align: left;
            padding-left: 15px; }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses {
          margin-bottom: 30px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input {
            display: block;
            width: 350px;
            max-width: 350px;
            margin-bottom: 5px;
            text-align: left;
            padding-right: 0;
            float: none; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table {
              width: 100%; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table td {
                vertical-align: top;
                border-right: 1px solid #bdccd2; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table td.index {
                width: 20px; }
              section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table td.primary {
                width: 70px;
                max-width: 70px;
                vertical-align: middle; }
                section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table td.primary label {
                  width: 100%;
                  white-space: normal;
                  text-align: center; }
                  section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.tag-input table td.primary label input {
                    display: block;
                    margin: 0 auto; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.edit-button.add-button {
            float: none;
            margin-left: -2px; }
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.edit-button.add-button i.background,
            section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses span.edit-button.add-button i.foreground {
              margin-top: -2px; }
          section.profiling-page div.profiling div.profile-details div.cex-table-body div.details-data div.addresses div.address-add-form {
            width: calc(100% - 30px); }
        section.profiling-page div.profiling div.profile-details div.cex-table-body div.no-customer-data {
          text-align: center;
          vertical-align: middle;
          font-weight: bold; }
  section.profiling-page div.search {
    height: 100%;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
    section.profiling-page div.search button.new-search {
      margin: 0 15px 15px 15px; }
    section.profiling-page div.search div.cex-tile {
      max-height: none;
      height: calc(100% - 50px);
      width: calc(100% - 28px); }
      section.profiling-page div.search div.cex-tile div.customers-search-list {
        height: 100%; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-body {
          height: calc(100% - 50px - 55px); }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-footer {
          height: 55px; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-footer div.cex-table-row, section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-footer div.cex-table-cell {
            height: 55px;
            text-align: center; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-head label {
          width: calc(100% - 35px);
          display: inline-block;
          overflow: visible; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-head label input {
            width: 100%; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.cex-table-head span.edit-button {
          float: right;
          margin-top: 4px; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.col-mdm {
          width: 20%;
          text-align: center;
          overflow: visible;
          white-space: normal; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.col-mdm span {
            position: relative;
            cursor: pointer; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.col-name {
          padding-left: 15px;
          text-align: left;
          overflow: visible;
          white-space: normal; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.col-name span {
            position: relative;
            cursor: pointer; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.col-specialty {
          width: 25%;
          text-align: center;
          overflow: visible;
          white-space: normal; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.col-specialty span {
            position: relative;
            cursor: pointer; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.col-county {
          width: 20%;
          text-align: center;
          overflow: visible;
          white-space: normal; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.col-county span {
            position: relative;
            cursor: pointer; }
        section.profiling-page div.search div.cex-tile div.customers-search-list div.col-actions {
          width: 80px;
          text-align: center; }
          section.profiling-page div.search div.cex-tile div.customers-search-list div.col-actions span {
            margin: 0 5px; }

section.profiling-customer-search-page div.modal-body {
  padding: 15px;
  overflow: visible; }
  section.profiling-customer-search-page div.modal-body span {
    font-weight: bold; }
  section.profiling-customer-search-page div.modal-body div.form-group {
    margin: 0; }
    section.profiling-customer-search-page div.modal-body div.form-group > label {
      margin-top: 50px;
      overflow: visible; }
      section.profiling-customer-search-page div.modal-body div.form-group > label > span {
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
        line-height: 25px; }
      section.profiling-customer-search-page div.modal-body div.form-group > label > label {
        margin-top: 5px;
        overflow: visible; }
        section.profiling-customer-search-page div.modal-body div.form-group > label > label > span {
          display: inline-block;
          width: 150px; }
        section.profiling-customer-search-page div.modal-body div.form-group > label > label input[type=text],
        section.profiling-customer-search-page div.modal-body div.form-group > label > label div.ui-select-container {
          display: inline-block;
          width: calc(100% - 200px); }
        section.profiling-customer-search-page div.modal-body div.form-group > label > label input.mdm-input {
          width: 100%; }
        section.profiling-customer-search-page div.modal-body div.form-group > label > label div.ui-select-container span.ui-select-toggle,
        section.profiling-customer-search-page div.modal-body div.form-group > label > label div.ui-select-container input[type=text] {
          width: 100%; }
        section.profiling-customer-search-page div.modal-body div.form-group > label > label div.ui-select-container span.ui-select-match-text,
        section.profiling-customer-search-page div.modal-body div.form-group > label > label div.ui-select-container span.ui-select-match-text > span {
          height: 30px;
          line-height: 30px; }
    section.profiling-customer-search-page div.modal-body div.form-group > label:first-of-type {
      margin-top: 15px; }

section.profiling-customer-add-page div.modal-body {
  padding: 15px;
  overflow: visible; }
  section.profiling-customer-add-page div.modal-body div.info {
    margin: 15px 0; }
    section.profiling-customer-add-page div.modal-body div.info > div {
      font-weight: bold; }
  section.profiling-customer-add-page div.modal-body span {
    font-weight: bold; }
  section.profiling-customer-add-page div.modal-body div.specialty,
  section.profiling-customer-add-page div.modal-body div.address {
    margin: 15px 0; }
  section.profiling-customer-add-page div.modal-body div.form-group {
    margin: 0; }
    section.profiling-customer-add-page div.modal-body div.form-group label {
      overflow: visible; }
      section.profiling-customer-add-page div.modal-body div.form-group label input[type=text],
      section.profiling-customer-add-page div.modal-body div.form-group label div.ui-select-container {
        display: inline-block;
        width: 100%; }
      section.profiling-customer-add-page div.modal-body div.form-group label input.mdm-input {
        width: calc(100% - 215px); }
      section.profiling-customer-add-page div.modal-body div.form-group label div.ui-select-container span.ui-select-toggle,
      section.profiling-customer-add-page div.modal-body div.form-group label div.ui-select-container input[type=text] {
        width: 100%; }
      section.profiling-customer-add-page div.modal-body div.form-group label div.ui-select-container span.ui-select-match-text,
      section.profiling-customer-add-page div.modal-body div.form-group label div.ui-select-container span.ui-select-match-text > span {
        height: 30px;
        line-height: 30px; }
    section.profiling-customer-add-page div.modal-body div.form-group div.form-side {
      display: inline-block;
      width: calc(100% - 125px);
      float: right; }
    section.profiling-customer-add-page div.modal-body div.form-group > label > span {
      display: inline-block;
      vertical-align: top;
      margin-top: 3px;
      width: 125px;
      float: left;
      line-height: 25px; }
    section.profiling-customer-add-page div.modal-body div.form-group > label div.form-side > label {
      overflow: visible; }
    section.profiling-customer-add-page div.modal-body div.form-group > label > label {
      margin-top: 5px; }
      section.profiling-customer-add-page div.modal-body div.form-group > label > label span {
        display: inline-block;
        width: 150px; }

section.specialties-list-page div.cex-table div.col-name {
  padding-left: 15px; }
  section.specialties-list-page div.cex-table div.col-name label {
    width: calc(100% - 35px);
    display: inline-block;
    overflow: visible; }

section.specialties-list-page div.cex-table div.col-actions {
  width: 100px;
  text-align: center; }
  section.specialties-list-page div.cex-table div.col-actions span.edit-button {
    margin: 0 13px; }

section.specialties-details-page div.details {
  height: 50px; }
  section.specialties-details-page div.details label {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 15px; }
  section.specialties-details-page div.details span.edit-button {
    line-height: 21px;
    float: none; }

section.specialties-details-page div.cegedim-specialties {
  max-height: none;
  height: calc(100% - 95px); }
  section.specialties-details-page div.cegedim-specialties div.col-code {
    width: 150px;
    text-align: center; }
  section.specialties-details-page div.cegedim-specialties div.col-actions {
    width: 50px; }

section.specialties-add-page div.modal-body,
section.specialties-details-cegedim-add-page div.modal-body {
  overflow: visible; }

section.teams-details-page div.teams-details-nav div.team-nav-details {
  width: 350px;
  height: 75px;
  float: left;
  margin-bottom: 0; }
  section.teams-details-page div.teams-details-nav div.team-nav-details label {
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    margin-bottom: 0; }
    section.teams-details-page div.teams-details-nav div.team-nav-details label span {
      float: none; }
    section.teams-details-page div.teams-details-nav div.team-nav-details label input {
      height: 20px;
      padding: 0; }

section.teams-details-page div.teams-details-nav div.team-nav-items {
  width: 550px;
  height: 75px;
  float: right;
  margin-bottom: 0; }
  section.teams-details-page div.teams-details-nav div.team-nav-items div.team-nav-item {
    position: relative;
    display: inline-block;
    width: 183px;
    float: left;
    line-height: 75px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold; }
  section.teams-details-page div.teams-details-nav div.team-nav-items div.team-nav-item:first-of-type {
    width: 182px; }
  section.teams-details-page div.teams-details-nav div.team-nav-items div.team-nav-item:last-of-type {
    width: 182px; }
  section.teams-details-page div.teams-details-nav div.team-nav-items div.team-nav-item.active {
    background-color: whitesmoke; }

section.teams-details-page div.teams-details-view {
  height: calc(100% - 105px); }

section.under-construction-page {
  display: table;
  height: 100%;
  width: 100%; }
  section.under-construction-page div.under-construction-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bolder;
    font-size: 2em; }

section.users-list-page div.cex-table div.col-picture {
  width: 45px;
  text-align: center; }

section.users-list-page div.cex-table div.col-name {
  width: 25%; }

section.users-list-page div.cex-table div.col-email {
  width: 25%;
  text-align: center; }

section.users-list-page div.cex-table div.col-uuid {
  width: calc(25% - 45px - 50px);
  text-align: center; }

section.users-list-page div.cex-table div.col-username {
  width: 25%;
  text-align: center; }

section.users-list-page div.cex-table div.col-actions {
  width: 100px;
  text-align: center; }
  section.users-list-page div.cex-table div.col-actions span.edit-button {
    margin: 0 13px; }

section.users-details-page div.details {
  height: 200px; }
  section.users-details-page div.details div.picture-preview {
    margin: 10px; }
  section.users-details-page div.details label {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 15px; }
  section.users-details-page div.details span.edit-button {
    line-height: 21px;
    float: none; }

section.brands-add-virtual-page div.brands-formulations {
  height: 50px;
  line-height: 50px; }

section.brands-add-virtual-page md-list {
  padding: 0; }
  section.brands-add-virtual-page md-list input {
    width: 80px; }

section.brands-add-virtual-page md-checkbox {
  margin: 0; }

section.brands-add-virtual-page .no-padding-left {
  padding-left: 0; }

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
  color: #262262; }

md-checkbox.md-default-theme.md-checked ._md-icon, md-checkbox.md-checked ._md-icon {
  background-color: #262262; }

section.brands-details-page div.brand-details {
  height: 200px;
  margin-top: 15px; }
  section.brands-details-page div.brand-details div.details,
  section.brands-details-page div.brand-details div.managers,
  section.brands-details-page div.brand-details div.formulations {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    max-height: none;
    height: 100%; }
  section.brands-details-page div.brand-details div.details {
    width: 400px; }
    section.brands-details-page div.brand-details div.details div.picture-preview {
      margin: 10px; }
    section.brands-details-page div.brand-details div.details label {
      height: 50px;
      line-height: 50px;
      margin: 0;
      padding-left: 15px; }
    section.brands-details-page div.brand-details div.details span.edit-button {
      line-height: 20px;
      float: none; }
  section.brands-details-page div.brand-details div.managers {
    max-height: none; }
    section.brands-details-page div.brand-details div.managers div.col-manager {
      padding-left: 15px; }
    section.brands-details-page div.brand-details div.managers div.col-actions {
      width: 50px; }
    section.brands-details-page div.brand-details div.managers div.cex-table-cell {
      white-space: normal; }
  section.brands-details-page div.brand-details div.formulations {
    margin-right: 15px; }
    section.brands-details-page div.brand-details div.formulations div.cex-table-body {
      height: calc(100% - 50px); }
    section.brands-details-page div.brand-details div.formulations div.col-formulation {
      padding-left: 15px; }

section.brands-details-page div.indications {
  margin-bottom: 0;
  height: calc(100% - 200px - 45px); }
  section.brands-details-page div.indications div.indications-table {
    width: 350px;
    background: white; }
    section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row,
    section.brands-details-page div.indications div.indications-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row.row-active,
    section.brands-details-page div.indications div.indications-table div.cex-table-head div.cex-table-row.row-active {
      -webkit-box-shadow: none;
              box-shadow: none; }
    section.brands-details-page div.indications div.indications-table div.cex-table-row {
      cursor: pointer; }
      section.brands-details-page div.indications div.indications-table div.cex-table-row div.cex-table-cell,
      section.brands-details-page div.indications div.indications-table div.cex-table-row div.cex-table-cell form,
      section.brands-details-page div.indications div.indications-table div.cex-table-row div.cex-table-cell form label {
        cursor: pointer; }
    section.brands-details-page div.indications div.indications-table div.cex-table-row:hover:not(.no-hover),
    section.brands-details-page div.indications div.indications-table div.cex-table-row.row-active {
      background: #dfe2ec; }
    section.brands-details-page div.indications div.indications-table div.cex-table-row.no-hover,
    section.brands-details-page div.indications div.indications-table div.cex-table-row.no-hover div.cex-table-cell {
      cursor: default; }
    section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row:hover:not(.no-hover),
    section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row.row-active {
      border-left: 10px solid #ed1c24; }
      section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row:hover:not(.no-hover) div.col-name,
      section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row.row-active div.col-name {
        padding-left: 5px; }
      section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row:hover:not(.no-hover) div.col-name2,
      section.brands-details-page div.indications div.indications-table div.cex-table-body div.cex-table-row.row-active div.col-name2 {
        padding-left: 20px; }
  section.brands-details-page div.indications div.formulations-table {
    background: #dfe2ec; }
    section.brands-details-page div.indications div.formulations-table div.cex-table-row,
    section.brands-details-page div.indications div.formulations-table div.cex-table-row:hover {
      background: transparent; }
  section.brands-details-page div.indications div.indications-table span.add-button,
  section.brands-details-page div.indications div.formulations-table span.add-button {
    margin: 15px; }
  section.brands-details-page div.indications div.indications-table span.add-button2,
  section.brands-details-page div.indications div.formulations-table span.add-button2 {
    margin-left: 30px; }
  section.brands-details-page div.indications div.indications-table div.cex-table-body,
  section.brands-details-page div.indications div.formulations-table div.cex-table-body {
    height: calc(100% - 50px); }
  section.brands-details-page div.indications div.indications-table div.col-name,
  section.brands-details-page div.indications div.formulations-table div.col-name {
    padding-left: 15px; }
  section.brands-details-page div.indications div.indications-table div.col-date,
  section.brands-details-page div.indications div.formulations-table div.col-date {
    width: 200px;
    text-align: right;
    padding-right: 15px; }
  section.brands-details-page div.indications div.indications-table div.col-name2,
  section.brands-details-page div.indications div.formulations-table div.col-name2 {
    padding-left: 30px; }
  section.brands-details-page div.indications div.indications-table div.col-actions,
  section.brands-details-page div.indications div.formulations-table div.col-actions {
    width: 60px; }
  section.brands-details-page div.indications div.indications-table div.col-percentage,
  section.brands-details-page div.indications div.formulations-table div.col-percentage {
    width: 100px;
    text-align: center; }
  section.brands-details-page div.indications div.indications-table div.formulation-buttons,
  section.brands-details-page div.indications div.formulations-table div.formulation-buttons {
    margin-top: 10px; }
    section.brands-details-page div.indications div.indications-table div.formulation-buttons .btn-cex,
    section.brands-details-page div.indications div.formulations-table div.formulation-buttons .btn-cex {
      margin-right: 15px; }

section.brands-details-page div.footer {
  height: 55px;
  padding: 0 10px; }

section#brands-history-page .modal-body {
  max-height: 250px; }

section#brands-history-page .indication {
  margin: 5px 0; }

section#brands-history-page .formulation {
  width: 100%;
  height: 48px; }

section#brands-history-page .fa-caret-down, section#brands-history-page .fa-caret-right {
  width: 20px; }

section#brands-history-page md-list-item::before, section#brands-history-page md-list-item .md-list-item-inner::before {
  min-height: 0; }

section#brands-history-page .edit-version {
  width: 100px; }

section#brands-history-page .formulations-table {
  padding-bottom: 15px; }

section#brands-history-page .no-hover {
  cursor: default; }

section#brands-history-page div.col-name {
  padding-left: 15px; }

section#brands-history-page div.col-percentage {
  text-align: center; }

section.my-profile-page div.details {
  display: inline-block;
  width: calc(100% - 250px - 50px);
  height: 300px;
  float: left; }
  section.my-profile-page div.details div.picture-preview {
    margin: 10px; }
  section.my-profile-page div.details label {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 15px; }
    section.my-profile-page div.details label span.edit-button {
      line-height: 20px;
      float: none; }

section.my-profile-page div.change-password {
  float: right;
  display: inline-block;
  width: 250px;
  height: 300px;
  margin-left: 0; }
  section.my-profile-page div.change-password h3 {
    width: 100%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 45px; }
  section.my-profile-page div.change-password button, section.my-profile-page div.change-password input {
    display: block;
    margin: 0 auto 10px auto;
    width: 90%; }

section.my-profile-page div.roles {
  margin-top: 0;
  max-height: calc(100% - 250px - 45px); }

section#menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  font-weight: bold; }
  section#menu.narrow {
    width: 60px; }
  section#menu.expanded {
    width: 200px; }
  section#menu div.profile {
    height: 110px;
    background-color: #ed1c24;
    color: white; }
    section#menu div.profile img {
      width: 65px;
      height: 65px;
      border: 3px solid #dd7f7b;
      border-radius: 50%; }
    section#menu div.profile button.btn-menu {
      position: absolute;
      right: 17.5px;
      top: 17.5px;
      height: 25px;
      width: 25px;
      padding: 0;
      background: none;
      border: 0; }
      section#menu div.profile button.btn-menu i {
        width: 25px;
        height: 25px;
        margin: 0 auto;
        font-size: 25px; }
  section#menu div.navigator {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(38, 34, 98, 0.95); }
    section#menu div.navigator button.menu-item {
      position: relative;
      height: 40px;
      width: 100%;
      color: #c2c3c7;
      background: none;
      border-top: 0;
      border-right: 0;
      border-bottom: 1px solid #696c74;
      border-left: 0; }
      section#menu div.navigator button.menu-item i {
        margin: 0 17.5px;
        width: 25px;
        font-size: 1.5em; }
      section#menu div.navigator button.menu-item.active:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -10px;
        width: 0;
        height: 0;
        border-left: solid 10px #262262;
        border-top: solid 10px transparent;
        border-bottom: solid 10px transparent; }
      section#menu div.navigator button.menu-item:disabled {
        color: #3e4045;
        cursor: not-allowed; }
      section#menu div.navigator button.menu-item.level-1 span {
        margin-left: 0px; }
      section#menu div.navigator button.menu-item.level-2 span {
        margin-left: 60px; }

section.roles-page {
  height: 100%;
  width: 100%; }
  section.roles-page div.roles-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    color: black; }
    section.roles-page div.roles-wrapper div.message {
      width: 80%;
      margin: 15px auto;
      color: #ed1c24;
      font-size: 1.3em;
      font-weight: bold; }
    section.roles-page div.roles-wrapper div.role-person {
      position: relative;
      font-size: 1.5em;
      border-bottom: 1px solid #ed1c24;
      width: 80%;
      margin: 0 auto;
      padding: 0 30px;
      font-weight: bold; }
      section.roles-page div.roles-wrapper div.role-person i.close-person {
        position: absolute;
        right: 6px;
        top: 4px;
        color: #ed1c24;
        font-weight: bold; }
    section.roles-page div.roles-wrapper div.roles-list {
      text-align: center; }
      section.roles-page div.roles-wrapper div.roles-list div.roles-container {
        display: inline-block;
        margin: 0 auto;
        max-width: 900px; }
    section.roles-page div.roles-wrapper div.role-item {
      position: relative;
      display: table;
      height: 150px;
      width: 150px;
      margin: 15px;
      float: left;
      text-align: center;
      font-size: 3em;
      font-weight: bolder;
      color: #f9fafc;
      background-color: #ed1c24;
      border: 5px solid #ed1c24;
      cursor: pointer; }
      section.roles-page div.roles-wrapper div.role-item div.role-content {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
    section.roles-page div.roles-wrapper div.role-item.active {
      color: #ed1c24;
      background-color: #f9fafc; }
    section.roles-page div.roles-wrapper div.role-subitems {
      display: block;
      max-height: 400px;
      width: 50%;
      margin: 0 auto;
      overflow-x: hidden;
      overflow-y: auto; }
      section.roles-page div.roles-wrapper div.role-subitems div.item:first-of-type {
        border-top: 2px solid #ed1c24; }
      section.roles-page div.roles-wrapper div.role-subitems div.item {
        border-bottom: 2px solid #ed1c24;
        padding: 10px 0;
        cursor: pointer; }
      section.roles-page div.roles-wrapper div.role-subitems div.item:active {
        background: #ed1c24;
        color: #f9fafc; }

.cex-u-margin-left-md {
  margin-left: 8px; }

section.teams-details-structure-page div.filters {
  margin: 15px 15px 0 15px; }
  section.teams-details-structure-page div.filters label {
    margin: 0; }
    section.teams-details-structure-page div.filters label span {
      margin-right: 5px; }
    section.teams-details-structure-page div.filters label select {
      width: 150px; }

section.teams-details-structure-page div.allocation-table.cex-tile {
  max-height: calc(100% - 13px);
  margin-bottom: 0; }

section.teams-details-structure-page div.allocation-table.sales-table {
  max-height: calc(100% - 13px - 54px); }

section.teams-details-structure-page div.allocation-container {
  height: 100%;
  width: 100%; }

section.teams-details-structure-page div.cex-table.sm-table,
section.teams-details-structure-page div.cex-table.rep-table {
  overflow: hidden; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head div.cex-table-row,
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-head div.cex-table-row {
    background: transparent; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row:nth-child(odd),
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row:nth-child(even),
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-row:nth-child(odd),
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-row:nth-child(even) {
    background: white; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head,
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-head {
    color: #ed1c24; }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head div.cex-table-row,
    section.teams-details-structure-page div.cex-table.rep-table div.cex-table-head div.cex-table-row {
      height: 85px; }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head div.cex-table-cell,
    section.teams-details-structure-page div.cex-table.rep-table div.cex-table-head div.cex-table-cell {
      vertical-align: bottom;
      padding-bottom: 5px; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row,
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-row {
    min-height: 85px; }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row form label,
    section.teams-details-structure-page div.cex-table.rep-table div.cex-table-row form label {
      height: 28px;
      line-height: 28px; }
      section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row form label span.editable-wrap,
      section.teams-details-structure-page div.cex-table.rep-table div.cex-table-row form label span.editable-wrap {
        max-width: inherit; }
  section.teams-details-structure-page div.cex-table.sm-table button.btn-cex.btn-add,
  section.teams-details-structure-page div.cex-table.rep-table button.btn-cex.btn-add {
    margin: 10px 40px; }
  section.teams-details-structure-page div.cex-table.sm-table button.btn-cex.btn-edit,
  section.teams-details-structure-page div.cex-table.rep-table button.btn-cex.btn-edit {
    float: right;
    line-height: 35px;
    margin: 10px;
    vertical-align: top; }

section.teams-details-structure-page div.cex-table.sm-table {
  width: 40%;
  height: 100%;
  background: white; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body,
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head {
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row,
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row.row-active,
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-head div.cex-table-row.row-active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body {
    height: calc(100% - 85px); }
    section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row {
      cursor: pointer; }
      section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row div.cex-table-cell {
        cursor: pointer; }
        section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row div.cex-table-cell form {
          cursor: pointer; }
          section.teams-details-structure-page div.cex-table.sm-table div.cex-table-body div.cex-table-row div.cex-table-cell form label {
            cursor: pointer; }
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row:hover,
  section.teams-details-structure-page div.cex-table.sm-table div.cex-table-row.row-active {
    background: #dfe2ec; }
  section.teams-details-structure-page div.cex-table.sm-table div.col-sms {
    padding-left: 40px;
    overflow: visible; }
  section.teams-details-structure-page div.cex-table.sm-table div.col-actions {
    width: 60px; }
    section.teams-details-structure-page div.cex-table.sm-table div.col-actions span.cex-icon {
      margin: 0; }
  section.teams-details-structure-page div.cex-table.sm-table div.row-active {
    border-left: 10px solid #ed1c24; }
    section.teams-details-structure-page div.cex-table.sm-table div.row-active div.col-sms {
      padding-left: 30px; }

section.teams-details-structure-page div.cex-table.rep-table {
  width: 60%; }
  section.teams-details-structure-page div.cex-table.rep-table div.cex-table-body {
    height: calc(100% - 85px);
    background: #dfe2ec; }
    section.teams-details-structure-page div.cex-table.rep-table div.cex-table-body div.cex-table-row {
      background: #dfe2ec; }
  section.teams-details-structure-page div.cex-table.rep-table div.col-rep {
    padding-left: 40px;
    overflow: visible; }
  section.teams-details-structure-page div.cex-table.rep-table div.col-actions {
    width: 90px; }
    section.teams-details-structure-page div.cex-table.rep-table div.col-actions span.cex-icon {
      margin: 0; }
  section.teams-details-structure-page div.cex-table.rep-table div.territories-title {
    color: #ed1c24;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    padding-left: 40px; }
  section.teams-details-structure-page div.cex-table.rep-table div.territories-container {
    padding-left: 40px;
    height: 100px;
    overflow-y: auto; }
    section.teams-details-structure-page div.cex-table.rep-table div.territories-container span.locked {
      position: absolute;
      left: 5px; }
  section.teams-details-structure-page div.cex-table.rep-table div.col-territories {
    width: 200px;
    vertical-align: top;
    white-space: initial;
    overflow: visible; }
    section.teams-details-structure-page div.cex-table.rep-table div.col-territories div.territories-container {
      height: 172px;
      overflow-y: auto;
      overflow-x: hidden; }
    section.teams-details-structure-page div.cex-table.rep-table div.col-territories span.tag-input {
      display: block; }
    section.teams-details-structure-page div.cex-table.rep-table div.col-territories span.edit-button {
      float: none;
      margin: 0; }
  section.teams-details-structure-page div.cex-table.rep-table div.table-row.no-border {
    border-bottom: 0; }
  section.teams-details-structure-page div.cex-table.rep-table div.add-row {
    border-bottom: 0; }
    section.teams-details-structure-page div.cex-table.rep-table div.add-row div.col-rep {
      vertical-align: top;
      padding-top: 10px; }
    section.teams-details-structure-page div.cex-table.rep-table div.add-row div.col-territories {
      vertical-align: top;
      padding-top: 10px; }

section.teams-details-structure-page .virtual-container {
  height: 100%; }

section.teams-details-structure-page .is-vacant {
  color: #ed1c24; }

section.teams-details-structure-confirm-reset-page {
  height: 100%; }

section.teams-details-structure-edit-counties-page {
  height: 100%; }
  section.teams-details-structure-edit-counties-page input.search {
    margin-bottom: 15px; }
  section.teams-details-structure-edit-counties-page div.editable-error {
    display: none; }
  section.teams-details-structure-edit-counties-page div.county-row:not(:last-of-type) {
    margin-bottom: 10px; }
  section.teams-details-structure-edit-counties-page div.county-row div.county-col {
    width: 33%;
    float: left; }
    section.teams-details-structure-edit-counties-page div.county-row div.county-col input[type=checkbox] {
      margin-top: 0;
      margin-right: 10px; }
    section.teams-details-structure-edit-counties-page div.county-row div.county-col span.tag-input {
      width: calc(100% - 50px);
      max-width: none;
      line-height: normal;
      vertical-align: top; }
      section.teams-details-structure-edit-counties-page div.county-row div.county-col span.tag-input div.county-label {
        width: 100%;
        height: 2.4em;
        padding: 0 1em;
        margin: 2px 0; }
      section.teams-details-structure-edit-counties-page div.county-row div.county-col span.tag-input div.county-form {
        height: 34px; }
        section.teams-details-structure-edit-counties-page div.county-row div.county-col span.tag-input div.county-form .editable-wrap {
          width: calc(100% - 75px); }
        section.teams-details-structure-edit-counties-page div.county-row div.county-col span.tag-input div.county-form span.locked {
          position: absolute;
          left: 5px; }
  section.teams-details-structure-edit-counties-page .virtual-container {
    height: calc(100% - 50px); }
  section.teams-details-structure-edit-counties-page div.modal-filters label {
    margin: 0 0 0 8px;
    float: left; }
    section.teams-details-structure-edit-counties-page div.modal-filters label input {
      margin: 0; }
    section.teams-details-structure-edit-counties-page div.modal-filters label div {
      margin-left: 10px; }

section.execution-dashboard-adjust-page {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  section.execution-dashboard-adjust-page div.no-rep {
    width: 100%;
    margin-top: 100px;
    text-align: center; }
  section.execution-dashboard-adjust-page div.header {
    height: 100px;
    border-bottom: 1px solid #bdccd2; }
    section.execution-dashboard-adjust-page div.header div.remaining,
    section.execution-dashboard-adjust-page div.header div.velocity {
      float: left;
      height: 100%; }
    section.execution-dashboard-adjust-page div.header div.remaining {
      width: 50%;
      border-right: 1px solid #bdccd2; }
      section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item {
        float: left;
        width: 50%;
        height: 100%;
        text-align: center;
        padding-top: 25px; }
        section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item span.count,
        section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item span.label {
          display: inline-block;
          max-width: 50%;
          color: black; }
        section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item span.count {
          font-size: 2.5em;
          font-weight: bold;
          text-align: right;
          vertical-align: top; }
          section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item span.count small {
            font-size: 16px; }
        section.execution-dashboard-adjust-page div.header div.remaining div.remaining-item span.label {
          font-size: 14px;
          white-space: normal;
          font-weight: normal;
          text-align: left;
          vertical-align: top;
          width: 65px; }
    section.execution-dashboard-adjust-page div.header div.velocity {
      width: calc(100% - 50% - 1px); }
      section.execution-dashboard-adjust-page div.header div.velocity div.title {
        font-weight: bold;
        text-align: center; }
      section.execution-dashboard-adjust-page div.header div.velocity div.charts {
        height: calc(100% - 25px); }
        section.execution-dashboard-adjust-page div.header div.velocity div.charts div.chart-item {
          float: left;
          width: 50%; }
          section.execution-dashboard-adjust-page div.header div.velocity div.charts div.chart-item div.title {
            height: 20px; }
            section.execution-dashboard-adjust-page div.header div.velocity div.charts div.chart-item div.title input {
              height: 20px;
              width: 60px; }
  section.execution-dashboard-adjust-page div.activities {
    height: calc(100% - 100px - 50px - 2px);
    border-bottom: 1px solid #bdccd2; }
    section.execution-dashboard-adjust-page div.activities div.cex-table {
      height: 100%; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.cex-table-head {
        background: none; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.cex-table-body {
        height: calc(100% - 50px); }
        section.execution-dashboard-adjust-page div.activities div.cex-table div.cex-table-body div.cex-table-row {
          background: none;
          border: none; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.cex-table-cell {
        height: 30px; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-activity {
        width: 150px;
        padding-left: 15px; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-planned,
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-reported,
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-remaining {
        width: 100px;
        text-align: center; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-remaining span.value {
        display: inline-block;
        min-width: 30px; }
      section.execution-dashboard-adjust-page div.activities div.cex-table div.col-bar {
        position: relative; }
        section.execution-dashboard-adjust-page div.activities div.cex-table div.col-bar div.bar {
          position: absolute;
          left: 10px;
          top: 5px;
          height: 25px;
          min-width: 2px;
          max-width: calc(90% - 10px);
          text-align: center;
          line-height: 25px;
          font-weight: bold;
          background-color: steelblue; }
  section.execution-dashboard-adjust-page div.save {
    height: 50px;
    text-align: center;
    padding-top: 5px; }

section.sales-product-details-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.sales-product-details-page div.sales-product-details-container {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    max-height: none; }
    section.sales-product-details-page div.sales-product-details-container div.sales-product-details-tabs {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: 100px;
      float: left; }
      section.sales-product-details-page div.sales-product-details-container div.sales-product-details-tabs div.sales-product-details-tab {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
      section.sales-product-details-page div.sales-product-details-container div.sales-product-details-tabs div.sales-product-details-tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.sales-product-details-page div.sales-product-details-container div.sales-product-details-content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: calc(100% - 100px);
      float: right;
      background: #dfe2ec; }
      section.sales-product-details-page div.sales-product-details-container div.sales-product-details-content > section {
        height: 100%;
        width: 100%; }

section.sales-overview-overview-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-overview-page div.cex-semaphore {
    position: relative;
    display: block;
    overflow: hidden;
    width: 90px;
    height: 30px;
    margin: 0 auto; }
  section.sales-overview-overview-page div.overview-header {
    position: relative;
    overflow: hidden;
    height: 40px;
    width: calc(100% - 30px);
    margin: 0 15px 15px 15px;
    border-bottom: 1px solid #bdccd2; }
    section.sales-overview-overview-page div.overview-header div.select-data {
      height: 100%;
      border-right: 1px solid #bdccd2; }
      section.sales-overview-overview-page div.overview-header div.select-data label {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center; }
        section.sales-overview-overview-page div.overview-header div.select-data label span {
          position: relative;
          overflow: hidden; }
        section.sales-overview-overview-page div.overview-header div.select-data label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: 150px; }
    section.sales-overview-overview-page div.overview-header div.rank {
      height: 100%;
      border-left: 1px solid #bdccd2; }
  section.sales-overview-overview-page div.overview-data {
    position: relative;
    display: block;
    overflow: hidden;
    height: calc(100% - 40px - 30px);
    width: calc(100% - 30px);
    margin: 15px; }
    section.sales-overview-overview-page div.overview-data div.overview-wrapper {
      position: relative;
      overflow: hidden;
      height: 100%;
      width: 100%; }
    section.sales-overview-overview-page div.overview-data div.sales-cycle-data,
    section.sales-overview-overview-page div.overview-data div.sales-comparison-data {
      position: relative;
      display: block;
      overflow: hidden;
      height: 100%;
      float: left; }
    section.sales-overview-overview-page div.overview-data div.sales-cycle-data {
      position: relative;
      overflow: hidden;
      border-right: 1px solid #bdccd2; }
      section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container,
      section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container {
        overflow: auto;
        height: calc(100% - 250px - 50px);
        width: 100%;
        padding-right: 15px;
        vertical-align: middle; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.title,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.legend,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.title,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.legend {
          height: 35px;
          width: 100%;
          font-weight: bold; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt {
          width: 100%;
          height: calc(100% - 35px);
          overflow-y: auto; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-header,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-column,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-header,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-column {
            width: 100%;
            max-height: 75px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-row,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-row {
            width: 100%; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-header,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-header {
            height: 35px;
            border-bottom: 1px solid black;
            font-weight: bold; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-column,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-column {
            height: 75px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-label,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-label {
            width: 115px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-data,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-data {
            height: 50px;
            overflow: visible; }
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.brand-item-data div[highcharts],
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.brand-item-data div[highcharts] {
              width: 100%;
              height: 100%; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.col-brand,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.col-brand {
            width: 150px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.col-realized,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.col-realized {
            width: 75px;
            font-weight: bold; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.col-status,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.col-status {
            width: 125px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-svt,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-realized,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-status,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-svt,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-realized,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-status {
            height: 50px; }
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-svt div.brand-item-data,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-realized div.brand-item-data,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-status div.brand-item-data,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-svt div.brand-item-data,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-realized div.brand-item-data,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-status div.brand-item-data {
              height: 75px; }
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-svt div.cex-semaphore,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-realized div.cex-semaphore,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.svt div.row-status div.cex-semaphore,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-svt div.cex-semaphore,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-realized div.cex-semaphore,
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.svt div.row-status div.cex-semaphore {
              margin: 0; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.legend-item,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.legend-item {
          margin: 0 10px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.legend-item div.color-box,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.legend-item div.color-box {
            position: relative;
            display: inline-block;
            overflow: hidden;
            width: 12px;
            height: 12px;
            margin: 4px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.legend-item div.color-label,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-brand-container div.legend-item div.color-label {
            position: relative;
            display: inline-block;
            overflow: hidden; }
      section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container {
        width: 100%;
        height: 250px; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.title {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          text-align: center;
          font-weight: bold; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.salesVsTargetGauge,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div#salesVsTargetGauge,
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div#salesVsTargetProgressFixedBar {
          position: relative;
          display: block;
          overflow: hidden;
          height: 80px;
          width: 250px;
          margin: 0 auto; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.salesVsTargetGauge span.label,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div#salesVsTargetGauge span.label,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div#salesVsTargetProgressFixedBar span.label {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            font-size: 2em;
            color: black; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div#salesVsTargetProgressFixedBar {
          margin-top: -30px; }
        section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          margin: 0 auto; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics div.color-box {
            position: relative;
            display: inline-block;
            overflow: hidden;
            float: left;
            width: 12px;
            height: 12px;
            margin: 4px; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics span.statistics-item-label,
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics span.statistics-item-data {
            position: relative;
            display: inline-block;
            overflow: hidden;
            float: left;
            height: 100%; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics span.statistics-item-label {
            width: 50%;
            padding-left: 5px; }
            section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics span.statistics-item-label div.label-wrapper {
              width: 130px;
              float: right;
              text-align: left; }
          section.sales-overview-overview-page div.overview-data div.sales-cycle-data div.sales-cycle-data-overview-container div.statistics span.statistics-item-data {
            width: calc(100% - 50%); }
    section.sales-overview-overview-page div.overview-data div.sales-comparison-data {
      position: relative;
      overflow: hidden; }
      section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container {
        position: relative;
        overflow: auto;
        height: 100%;
        width: 100%;
        vertical-align: middle; }
        section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.title {
          position: relative;
          display: block;
          overflow: hidden;
          height: 20px;
          width: 100%;
          text-align: center;
          font-weight: bold; }
        section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-evolution-chart,
        section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          overflow-y: auto; }
        section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-evolution-chart {
          height: calc(100% - 20px - 50px); }
          section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-evolution-chart div#salesCycleEvolutionStackedColumns {
            position: relative;
            display: block;
            overflow: hidden;
            width: 80%;
            height: calc(100% - 50px - 10px);
            min-height: 150px;
            margin: 50px auto 10px auto; }
        section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts {
          height: 200px;
          overflow: hidden; }
          section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table {
            position: relative;
            overflow: hidden;
            height: calc(100% - 20px);
            width: 100%;
            table-layout: fixed;
            text-align: center; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table tr.table-header {
              height: 50px;
              font-weight: bold; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table tr.table-chart-row {
              height: 75px; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table td.table-legend {
              width: 71px; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table td {
              position: relative; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table div#salesProductCompare,
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table div#salesCountyCompare {
              position: relative;
              display: inline-block;
              overflow: hidden;
              width: 80%;
              height: 140px; }
            section.sales-overview-overview-page div.overview-data div.sales-comparison-data div.sales-comparison-data-container div.sales-comparison-charts table.sales-comparison-table div.gap {
              position: absolute;
              width: 110px;
              height: 25px;
              top: 50%;
              right: 0;
              margin-top: -12px;
              margin-right: 25px;
              font-weight: bold;
              border: 2px solid black;
              border-radius: 2px; }
    section.sales-overview-overview-page div.overview-data div.sales-cycle-data-message,
    section.sales-overview-overview-page div.overview-data div.sales-evolution-data-message {
      width: 100%;
      height: 50px;
      border-top: 1px solid #bdccd2;
      background-color: #edeff3;
      font-weight: bold;
      text-align: center; }
    section.sales-overview-overview-page div.overview-data div.salesCycleProgressFixedBar {
      overflow: hidden;
      height: 75px;
      margin-top: -30px; }
    section.sales-overview-overview-page div.overview-data div.salesCycleProgressFixedBar .highcharts-tooltip {
      z-index: 9999; }
    section.sales-overview-overview-page div.overview-data div.salesCycleProgressFixedBar.noMargin {
      margin-top: 0; }

section.sales-overview-evolution-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-evolution-page div.evolution-header {
    position: relative;
    display: table;
    overflow: hidden;
    height: 84px;
    width: calc(100% - 30px);
    margin: 15px;
    border-bottom: 1px solid #bdccd2; }
    section.sales-overview-evolution-page div.evolution-header div.filters,
    section.sales-overview-evolution-page div.evolution-header div.modifiers,
    section.sales-overview-evolution-page div.evolution-header div.switch {
      position: relative;
      display: inline-block;
      overflow: hidden;
      float: left;
      height: 100%; }
    section.sales-overview-evolution-page div.evolution-header div.filters label {
      margin: 5px 0; }
      section.sales-overview-evolution-page div.evolution-header div.filters label span {
        display: inline-block;
        width: 97px; }
      section.sales-overview-evolution-page div.evolution-header div.filters label select {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 145px; }
    section.sales-overview-evolution-page div.evolution-header div.modifiers {
      width: calc(100% - 250px); }
      section.sales-overview-evolution-page div.evolution-header div.modifiers label {
        margin: 5px auto;
        width: 90%;
        min-width: 190px;
        max-width: 300px; }
        section.sales-overview-evolution-page div.evolution-header div.modifiers label span {
          position: relative;
          display: inline-block;
          overflow: hidden;
          float: left;
          height: 34px;
          width: 65px;
          line-height: 34px; }
        section.sales-overview-evolution-page div.evolution-header div.modifiers label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: calc(100% - 65px); }
    section.sales-overview-evolution-page div.evolution-header div.switch {
      width: 205px; }
      section.sales-overview-evolution-page div.evolution-header div.switch button {
        display: block;
        width: 90%;
        margin: 3px auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  section.sales-overview-evolution-page div.sales-overview-evolution-content {
    position: relative;
    display: block;
    overflow: hidden;
    height: calc(100% - 85px - 45px);
    width: calc(100% - 30px);
    margin: 15px; }

section.sales-overview-territory-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-territory-page div.territory-header {
    position: relative;
    display: table;
    overflow: hidden;
    height: 84px;
    width: calc(100% - 30px);
    margin: 15px;
    border-bottom: 1px solid #bdccd2; }
    section.sales-overview-territory-page div.territory-header div.measurement-elapsed,
    section.sales-overview-territory-page div.territory-header div.modifiers,
    section.sales-overview-territory-page div.territory-header div.filters,
    section.sales-overview-territory-page div.territory-header div.switch {
      position: relative;
      display: inline-block;
      overflow: hidden;
      float: left;
      height: 100%; }
    section.sales-overview-territory-page div.territory-header div.switch.no-performers {
      float: right; }
    section.sales-overview-territory-page div.territory-header div.measurement-elapsed {
      width: 200px; }
      section.sales-overview-territory-page div.territory-header div.measurement-elapsed label {
        margin: 5px 0; }
        section.sales-overview-territory-page div.territory-header div.measurement-elapsed label span {
          display: inline-block;
          width: 97px; }
        section.sales-overview-territory-page div.territory-header div.measurement-elapsed label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: 95px; }
    section.sales-overview-territory-page div.territory-header div.modifiers {
      width: calc((100% - 200px - 100px) / 2); }
      section.sales-overview-territory-page div.territory-header div.modifiers label {
        margin: 5px auto;
        width: 90%;
        min-width: 190px;
        max-width: 300px; }
        section.sales-overview-territory-page div.territory-header div.modifiers label span {
          position: relative;
          display: inline-block;
          overflow: hidden;
          float: left;
          height: 34px;
          width: 65px;
          line-height: 34px; }
        section.sales-overview-territory-page div.territory-header div.modifiers label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: calc(100% - 65px); }
    section.sales-overview-territory-page div.territory-header div.filters {
      width: calc((100% - 200px - 100px) / 2); }
      section.sales-overview-territory-page div.territory-header div.filters label {
        max-width: 90%;
        margin: 5px auto;
        text-align: center; }
        section.sales-overview-territory-page div.territory-header div.filters label select {
          display: inline-block;
          width: 100%;
          max-width: 300px; }
    section.sales-overview-territory-page div.territory-header div.switch {
      width: 100px; }
      section.sales-overview-territory-page div.territory-header div.switch button {
        display: block;
        width: 90%;
        margin: 3px auto; }
  section.sales-overview-territory-page div.sales-overview-territory-content {
    position: relative;
    display: block;
    overflow: hidden;
    height: calc(100% - 85px - 45px);
    width: calc(100% - 30px);
    margin: 15px; }
  section.sales-overview-territory-page table {
    text-align: center;
    font-weight: bold; }

section.sales-overview-product-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-product-page div.product-header {
    position: relative;
    display: table;
    overflow: hidden;
    height: 84px;
    width: calc(100% - 30px);
    margin: 15px;
    border-bottom: 1px solid #bdccd2; }
    section.sales-overview-product-page div.product-header div.measurement-elapsed,
    section.sales-overview-product-page div.product-header div.modifiers,
    section.sales-overview-product-page div.product-header div.filters,
    section.sales-overview-product-page div.product-header div.switch {
      position: relative;
      display: inline-block;
      overflow: hidden;
      float: left;
      height: 100%; }
    section.sales-overview-product-page div.product-header div.switch.no-performers {
      float: right; }
    section.sales-overview-product-page div.product-header div.measurement-elapsed {
      width: 200px; }
      section.sales-overview-product-page div.product-header div.measurement-elapsed label {
        margin: 5px 0; }
        section.sales-overview-product-page div.product-header div.measurement-elapsed label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: 95px; }
      section.sales-overview-product-page div.product-header div.measurement-elapsed div {
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: 34px;
        line-height: 34px; }
    section.sales-overview-product-page div.product-header div.modifiers {
      width: calc((100% - 200px - 100px) / 2); }
      section.sales-overview-product-page div.product-header div.modifiers label {
        margin: 5px auto;
        width: 90%;
        min-width: 190px;
        max-width: 300px; }
        section.sales-overview-product-page div.product-header div.modifiers label span {
          position: relative;
          display: inline-block;
          overflow: hidden;
          float: left;
          height: 34px;
          width: 65px;
          line-height: 34px; }
        section.sales-overview-product-page div.product-header div.modifiers label select {
          position: relative;
          display: inline-block;
          overflow: hidden;
          width: calc(100% - 65px); }
    section.sales-overview-product-page div.product-header div.filters {
      width: calc((100% - 200px - 100px) / 2); }
      section.sales-overview-product-page div.product-header div.filters label {
        width: calc(100% - 10px);
        margin: 5px auto;
        text-align: center; }
        section.sales-overview-product-page div.product-header div.filters label select {
          display: inline-block;
          width: 100%;
          max-width: 300px; }
    section.sales-overview-product-page div.product-header div.switch {
      width: 100px; }
      section.sales-overview-product-page div.product-header div.switch button {
        display: block;
        width: 90%;
        margin: 3px auto; }
  section.sales-overview-product-page div.sales-overview-product-content {
    position: relative;
    display: block;
    overflow: hidden;
    height: calc(100% - 85px - 45px);
    width: calc(100% - 30px);
    margin: 15px; }

section.sales-overview-evolution-product-chart-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-evolution-product-chart-page div.chart-container {
    height: 100%;
    width: 100%; }
    section.sales-overview-evolution-product-chart-page div.chart-container span.title {
      height: 20px;
      display: block;
      text-align: center;
      font-weight: bold; }
    section.sales-overview-evolution-product-chart-page div.chart-container div.evolution-chart {
      height: calc(100% - 20px - 40px - 50px); }
      section.sales-overview-evolution-product-chart-page div.chart-container div.evolution-chart div#productsWaterfall {
        height: 100%;
        width: 80%;
        margin: 0 auto; }
    section.sales-overview-evolution-product-chart-page div.chart-container div.legend {
      height: 40px; }
      section.sales-overview-evolution-product-chart-page div.chart-container div.legend div.box {
        height: 12px;
        width: 12px; }
    section.sales-overview-evolution-product-chart-page div.chart-container div.message {
      height: 50px;
      width: 100%;
      border-top: 1px solid #bdccd2;
      background-color: #edeff3;
      font-weight: bold;
      text-align: center; }

section.sales-overview-evolution-product-territories-chart-page {
  position: relative;
  display: block;
  overflow: auto;
  height: 100%;
  width: 100%; }
  section.sales-overview-evolution-product-territories-chart-page table {
    position: relative;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold; }
  section.sales-overview-evolution-product-territories-chart-page div.chart-container {
    height: 100%;
    width: 100%; }
  section.sales-overview-evolution-product-territories-chart-page span.title {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold; }
  section.sales-overview-evolution-product-territories-chart-page div#productsTerritoryHeatMap {
    height: calc(100% - 40px);
    width: 100%;
    margin: 0 auto; }

section.sales-overview-territory-chart-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 15px);
  width: 100%; }
  section.sales-overview-territory-chart-page table {
    position: relative;
    table-layout: fixed;
    width: 100%;
    height: 100%; }
  section.sales-overview-territory-chart-page div.charts {
    height: 100%; }
    section.sales-overview-territory-chart-page div.charts div.chart-title {
      height: 20px;
      width: 100%;
      text-align: center;
      font-weight: bold; }
    section.sales-overview-territory-chart-page div.charts div.territory,
    section.sales-overview-territory-chart-page div.charts div.variance {
      float: left;
      height: 100%; }
      section.sales-overview-territory-chart-page div.charts div.territory div[highcharts],
      section.sales-overview-territory-chart-page div.charts div.variance div[highcharts] {
        height: calc(100% - 20px);
        width: 100%; }
    section.sales-overview-territory-chart-page div.charts div.variance {
      width: 250px; }
      section.sales-overview-territory-chart-page div.charts div.variance div[highcharts] {
        height: calc(100% - 80px); }
    section.sales-overview-territory-chart-page div.charts div.territory {
      width: calc(100% - 250px); }
    section.sales-overview-territory-chart-page div.charts div.territory.full-width {
      width: 100%; }

section.sales-overview-territory-table-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-territory-table-page div.cex-table {
    position: relative;
    border: 1px solid #bdccd2;
    height: calc(100% - 15px); }
    section.sales-overview-territory-table-page div.cex-table div.cex-table-head {
      height: 50px; }
      section.sales-overview-territory-table-page div.cex-table div.cex-table-head div.cex-table-row {
        height: 50px; }
        section.sales-overview-territory-table-page div.cex-table div.cex-table-head div.cex-table-row div.cex-table-cell {
          height: 50px; }
          section.sales-overview-territory-table-page div.cex-table div.cex-table-head div.cex-table-row div.cex-table-cell span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 50px;
            width: 100%;
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis; }
    section.sales-overview-territory-table-page div.cex-table div.cex-table-body {
      height: calc(100% - 51px);
      background-color: #fbfcfd; }
      section.sales-overview-territory-table-page div.cex-table div.cex-table-body div.cex-table-cell span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 50px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }
    section.sales-overview-territory-table-page div.cex-table div.col-position {
      padding-left: 15px; }
    section.sales-overview-territory-table-page div.cex-table div.col-target,
    section.sales-overview-territory-table-page div.cex-table div.col-realized,
    section.sales-overview-territory-table-page div.cex-table div.col-evolution,
    section.sales-overview-territory-table-page div.cex-table div.col-mk-share,
    section.sales-overview-territory-table-page div.cex-table div.col-national,
    section.sales-overview-territory-table-page div.cex-table div.col-status,
    section.sales-overview-territory-table-page div.cex-table div.col-rank {
      width: 10%;
      text-align: center; }
    section.sales-overview-territory-table-page div.cex-table div.col-status div.cex-semaphore {
      display: inline-block;
      width: 75px;
      height: 25px;
      margin-top: 5px; }

section.sales-overview-product-table-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-product-table-page div.cex-table {
    position: relative;
    border: 1px solid #bdccd2; }
    section.sales-overview-product-table-page div.cex-table div.cex-table-head {
      height: 50px; }
      section.sales-overview-product-table-page div.cex-table div.cex-table-head div.cex-table-row {
        height: 50px; }
        section.sales-overview-product-table-page div.cex-table div.cex-table-head div.cex-table-row div.cex-table-cell {
          height: 50px; }
          section.sales-overview-product-table-page div.cex-table div.cex-table-head div.cex-table-row div.cex-table-cell span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 50px;
            width: 100%;
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis; }
    section.sales-overview-product-table-page div.cex-table div.cex-table-body {
      height: calc(100% - 51px);
      background-color: #fbfcfd; }
      section.sales-overview-product-table-page div.cex-table div.cex-table-body div.cex-table-cell span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 50px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }
    section.sales-overview-product-table-page div.cex-table div.col-product {
      padding-left: 15px; }
    section.sales-overview-product-table-page div.cex-table div.col-product-details {
      width: 70%;
      text-align: center; }
      section.sales-overview-product-table-page div.cex-table div.col-product-details div.cex-table-row {
        border: none; }
        section.sales-overview-product-table-page div.cex-table div.col-product-details div.cex-table-row div.col-status div.cex-semaphore {
          display: inline-block;
          width: 75px;
          height: 25px;
          margin-top: 5px; }

section.sales-overview-product-chart-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-overview-product-chart-page table {
    position: relative;
    table-layout: fixed;
    width: 100%;
    height: 100%; }
    section.sales-overview-product-chart-page table tr:nth-of-type(1) {
      height: calc(100% - 50px); }
    section.sales-overview-product-chart-page table tr:nth-of-type(2) {
      height: 50px; }
    section.sales-overview-product-chart-page table td:nth-of-type(1) {
      width: 100px;
      font-weight: bold;
      text-align: center; }
    section.sales-overview-product-chart-page table td:nth-of-type(2) {
      width: calc(100% - 100px);
      font-weight: bold;
      text-align: center; }

section.history-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.history-page div.history-timeline {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 15px; }
    section.history-page div.history-timeline div.timeline-header {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 40px; }
      section.history-page div.history-timeline div.timeline-header label.year-filter,
      section.history-page div.history-timeline div.timeline-header span.person-header,
      section.history-page div.history-timeline div.timeline-header span.position-header {
        position: relative;
        display: block;
        overflow: visible;
        float: left;
        line-height: 40px; }
        section.history-page div.history-timeline div.timeline-header label.year-filter select,
        section.history-page div.history-timeline div.timeline-header span.person-header select,
        section.history-page div.history-timeline div.timeline-header span.position-header select {
          width: 100%; }
      section.history-page div.history-timeline div.timeline-header label.year-filter {
        width: 87px; }
      section.history-page div.history-timeline div.timeline-header span.person-header,
      section.history-page div.history-timeline div.timeline-header span.position-header {
        width: calc(50% - 43.5px);
        height: 100%;
        padding-right: 20px;
        text-align: center;
        font-size: 18px;
        font-weight: bold; }
    section.history-page div.history-timeline timeline {
      position: relative;
      display: block;
      overflow: auto;
      width: 100%;
      height: calc(100% - 40px); }
  section.history-page div.title {
    width: 100%;
    margin-top: 100px;
    font-weight: bold;
    text-align: center; }

div.cex-history-item {
  position: relative;
  display: table;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  min-height: 120px; }
  div.cex-history-item div.no-data {
    margin-top: 15px;
    text-align: center; }
  div.cex-history-item div.item-roles,
  div.cex-history-item div.item-cycles {
    position: relative;
    display: table-cell;
    overflow: hidden;
    height: 100%; }
  div.cex-history-item div.item-roles {
    border-right: 1px solid #bdccd2; }
  div.cex-history-item div.item-cycles {
    width: calc(100% - 25%); }
    div.cex-history-item div.item-cycles ul.business-units-list,
    div.cex-history-item div.item-cycles ul.teams-list,
    div.cex-history-item div.item-cycles ul.cycles-list {
      padding-left: 17px; }
      div.cex-history-item div.item-cycles ul.business-units-list li,
      div.cex-history-item div.item-cycles ul.teams-list li,
      div.cex-history-item div.item-cycles ul.cycles-list li {
        margin-bottom: 0;
        list-style: none;
        cursor: pointer; }
        div.cex-history-item div.item-cycles ul.business-units-list li > span,
        div.cex-history-item div.item-cycles ul.teams-list li > span,
        div.cex-history-item div.item-cycles ul.cycles-list li > span {
          position: relative;
          display: block;
          overflow: hidden;
          height: 40px;
          line-height: 40px; }
  div.cex-history-item div.cex-bubble {
    width: 20px;
    height: 20px;
    margin: 10px 5px 10px 0;
    float: left; }
    div.cex-history-item div.cex-bubble div.content {
      font-size: 10px; }

section.performance-overview-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.performance-overview-page section.performance-overview-header {
    position: relative;
    display: block;
    overflow: hidden;
    height: 90px;
    margin: 15px;
    font-size: 14px; }
  section.performance-overview-page section.performance-indicators {
    overflow: hidden;
    height: calc(100% - 30px);
    margin: 15px; }
    section.performance-overview-page section.performance-indicators div.indicator-container {
      position: relative;
      overflow: hidden;
      height: 100%; }
      section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-title {
        overflow: hidden;
        height: 60px;
        width: 100%; }
      section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-data {
        overflow: auto;
        height: calc(100% - 60px - 35px - 100px);
        width: 300px;
        margin: 50px auto; }
        section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-data div.indicator-group {
          margin-bottom: 5px;
          border-bottom: 1px solid black; }
        section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-data div.indicator-item {
          margin-bottom: 5px; }
        section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-data span.indicator-data-item .cex-semaphore {
          margin: 0; }
      section.performance-overview-page section.performance-indicators div.indicator-container div.indicator-redirect {
        height: 35px;
        width: 100%;
        text-align: center; }
  section.performance-overview-page div.cex-semaphore {
    width: 90px;
    height: 30px;
    margin: 0 auto; }

section.sales-overview-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.sales-overview-page div.sales-overview-container {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    max-height: none; }
    section.sales-overview-page div.sales-overview-container div.sales-overview-tabs {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: 100px;
      float: left; }
      section.sales-overview-page div.sales-overview-container div.sales-overview-tabs div.sales-overview-tab {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
      section.sales-overview-page div.sales-overview-container div.sales-overview-tabs div.sales-overview-tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.sales-overview-page div.sales-overview-container div.sales-overview-content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: calc(100% - 100px);
      float: right;
      background: #dfe2ec; }
      section.sales-overview-page div.sales-overview-container div.sales-overview-content > section {
        height: 100%;
        width: 100%; }

html, body {
  font-family: "Open Sans", "Arial", sans-serif !important;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  color: black;
  background-color: #f9fafc; }

section.activities-master div.activities-component {
  overflow: hidden;
  height: calc(100% - 60px); }
  section.activities-master div.activities-component section.master-plan-teams-details-kpi-page.sm {
    height: 100%;
    margin-top: 15px; }
    section.activities-master div.activities-component section.master-plan-teams-details-kpi-page.sm div.cex-tile {
      height: 100%;
      max-height: 100%; }

section.activities-master div.activities-footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center; }
  section.activities-master div.activities-footer div.left-region {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: left; }
    section.activities-master div.activities-footer div.left-region label {
      margin: 0; }
    section.activities-master div.activities-footer div.left-region input[type=checkbox] {
      margin: 0 5px; }
  section.activities-master div.activities-footer div.center-region div.indicator-state-item {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    cursor: pointer; }
    section.activities-master div.activities-footer div.center-region div.indicator-state-item span {
      line-height: 55px;
      font-weight: bold; }
  section.activities-master div.activities-footer div.center-region div.indicator-state-item.active {
    background-color: #ed1c24;
    color: white; }
  section.activities-master div.activities-footer div.right-region {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  section.activities-master div.activities-footer div.confirmed-customers {
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
    margin: 0 10px; }
  section.activities-master div.activities-footer button {
    margin: 10px; }
  section.activities-master div.activities-footer label.last-targeted-by-me {
    display: inline-block;
    height: 30px;
    margin: 13px 0; }
    section.activities-master div.activities-footer label.last-targeted-by-me span {
      height: 23px;
      line-height: 23px;
      display: inline-block;
      vertical-align: top;
      margin-top: 5px; }

html, body {
  font-family: "Open Sans", "Arial", sans-serif !important;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  color: black;
  background-color: #f9fafc; }

section.plan-cycle-overview-page div.header {
  height: 100px;
  width: 600px;
  margin: 15px auto; }
  section.plan-cycle-overview-page div.header div.cycle-title span.name {
    font-size: 20px;
    font-weight: bold;
    line-height: 35px; }

section.plan-cycle-overview-page div.container.teams {
  overflow: auto; }

section.plan-cycle-overview-page div.container {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 100px - 45px);
  width: calc(100% - 30px);
  max-height: none;
  margin: 0 15px;
  padding: 0; }
  section.plan-cycle-overview-page div.container div.tabs {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 100px;
    float: left; }
    section.plan-cycle-overview-page div.container div.tabs div.tab {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
      border-left: 10px solid transparent;
      border-top: 1px solid #bdccd2;
      border-bottom: 1px solid #bdccd2;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer; }
    section.plan-cycle-overview-page div.container div.tabs div.tab.active {
      background: #dfe2ec;
      border-left: 10px solid #ed1c24;
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.plan-cycle-overview-page div.container div.content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: calc(100% - 100px);
    float: right;
    background: #dfe2ec; }
    section.plan-cycle-overview-page div.container div.content > section {
      height: 100%;
      width: 100%; }
      section.plan-cycle-overview-page div.container div.content > section section.plan-teams-list-page.full-height-header,
      section.plan-cycle-overview-page div.container div.content > section section.sales-target-products-page.full-height-header {
        height: 100%; }

section.plan-cycle-overview-page div.container.border {
  border: 1px solid #bdccd2; }

section.plan-profiled-customers-page {
  height: calc(100% - 15px);
  padding-top: 15px; }
  section.plan-profiled-customers-page div.container-tabs {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: calc(100% - 30px);
    max-height: none;
    margin: 0 15px;
    border: 1px solid #bdccd2;
    padding: 0; }
    section.plan-profiled-customers-page div.container-tabs div.tabs {
      position: relative;
      overflow: hidden;
      height: 50px;
      width: 100%; }
      section.plan-profiled-customers-page div.container-tabs div.tabs div.tab {
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        height: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-top: 10px solid transparent;
        border-left: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        line-height: 37px;
        cursor: pointer; }
      section.plan-profiled-customers-page div.container-tabs div.tabs div.tab.active {
        background: #dfe2ec;
        border-top: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.plan-profiled-customers-page div.container-tabs div.content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      width: 100%;
      height: calc(100% - 50px);
      background: #dfe2ec; }
      section.plan-profiled-customers-page div.container-tabs div.content > section {
        height: 100%;
        width: 100%; }
        section.plan-profiled-customers-page div.container-tabs div.content > section section.plan-teams-list-page.full-height-header,
        section.plan-profiled-customers-page div.container-tabs div.content > section section.sales-target-products-page.full-height-header {
          height: 100%; }

section.plan-profiled-customers-deprioritized-page {
  padding: 15px; }
  section.plan-profiled-customers-deprioritized-page div.cex-table {
    height: 100%;
    width: 100%;
    border: 1px solid #bdccd2; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-head label {
      width: calc(100% - 35px);
      display: inline-block;
      overflow: visible; }
      section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-head label input, section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-head label select {
        width: 100%; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-head span.edit-button {
      float: right;
      margin-top: 4px; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-body {
      background-color: #fbfcfd; }
      section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-body .md-virtual-repeat-container {
        width: 100%;
        height: 100%; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-footer {
      font-weight: bold;
      text-align: right; }
      section.plan-profiled-customers-deprioritized-page div.cex-table div.cex-table-footer div.cex-table-cell {
        padding: 0 15px; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-territory {
      width: 15%;
      text-align: center; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-name {
      padding-left: 15px; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-mdm {
      width: 10%;
      text-align: center; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-brand {
      width: 15%;
      text-align: center; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-specialty {
      width: 18%;
      text-align: center; }
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-potential,
    section.plan-profiled-customers-deprioritized-page div.cex-table div.col-adoption {
      width: 12%;
      text-align: center; }

section.plan-profiled-customers-profiled-page {
  padding: 15px; }
  section.plan-profiled-customers-profiled-page div.header {
    height: 34px; }
    section.plan-profiled-customers-profiled-page div.header label {
      float: right; }
      section.plan-profiled-customers-profiled-page div.header label select {
        display: inline-block; }
  section.plan-profiled-customers-profiled-page div.cex-table {
    height: calc(100% - 34px);
    width: 100%;
    border: 1px solid #bdccd2; }
    section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-head label {
      width: calc(100% - 35px);
      display: inline-block;
      overflow: visible; }
      section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-head label input, section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-head label select {
        width: 100%; }
    section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-head span.edit-button {
      float: right;
      margin-top: 4px; }
    section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-body {
      background-color: #fbfcfd; }
      section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-body .md-virtual-repeat-container {
        width: 100%;
        height: 100%; }
    section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-footer {
      font-weight: bold;
      text-align: right; }
      section.plan-profiled-customers-profiled-page div.cex-table div.cex-table-footer div.cex-table-cell {
        padding: 0 15px; }
    section.plan-profiled-customers-profiled-page div.cex-table div.col-name {
      padding-left: 15px; }
    section.plan-profiled-customers-profiled-page div.cex-table div.col-mdm {
      text-align: center; }
    section.plan-profiled-customers-profiled-page div.cex-table div.col-brand,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-specialty,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-county {
      width: 12%;
      text-align: center; }
    section.plan-profiled-customers-profiled-page div.cex-table div.col-potential,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-potential-number,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-adoption,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-change,
    section.plan-profiled-customers-profiled-page div.cex-table div.col-from {
      width: 11%;
      text-align: center; }
  section.plan-profiled-customers-profiled-page div.cex-table.no-header {
    height: 100%; }

section.plan-details-profiling-status-reps-page {
  padding: 15px; }
  section.plan-details-profiling-status-reps-page div.cex-table {
    width: 100%;
    height: 100%;
    border: 1px solid #bdccd2; }
    section.plan-details-profiling-status-reps-page div.cex-table div.cex-table-body {
      height: calc(100% - 50px);
      background-color: #fbfcfd; }
    section.plan-details-profiling-status-reps-page div.cex-table div.col-rep {
      padding-left: 15px; }
    section.plan-details-profiling-status-reps-page div.cex-table div.col-status,
    section.plan-details-profiling-status-reps-page div.cex-table div.col-count {
      width: 25%;
      text-align: center; }

section.plan-details-profiling-status-specialties-page {
  margin-top: 0;
  max-height: 100%;
  text-align: center;
  overflow: auto; }
  section.plan-details-profiling-status-specialties-page div.specialties-container {
    width: 80%;
    display: table;
    border-collapse: collapse;
    margin: 50px auto;
    text-align: left;
    overflow-y: auto; }
    section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty {
      display: table-row;
      margin-bottom: 5px;
      min-height: 50px; }
      section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-name {
        display: table-cell;
        width: 200px;
        vertical-align: middle;
        padding: 5px 0;
        font-weight: bold;
        font-size: 1.2em; }
      section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress {
        display: table-cell;
        position: relative;
        vertical-align: middle;
        padding: 5px 0; }
        section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress div.status-bar {
          height: 30px;
          position: relative; }
          section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress div.status-bar div.progress,
          section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress div.status-bar div.fill {
            position: absolute;
            left: 0;
            height: 100%; }
          section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress div.status-bar div.progress {
            background-color: #ed1c24;
            z-index: 1; }
          section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-progress div.status-bar div.fill {
            background-color: #eeeeee;
            width: 100%; }
      section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty span.specialty-value {
        display: table-cell;
        width: 175px;
        padding: 5px 0 5px 25px;
        font-weight: bold;
        font-size: 1.2em;
        vertical-align: middle; }
    section.plan-details-profiling-status-specialties-page div.specialties-container div.specialty.border-top {
      border-top: 1px solid #262262; }

section.plan-start-new-cycle-page div.modal-body {
  overflow: visible; }
  section.plan-start-new-cycle-page div.modal-body ul.dropdown-menu {
    width: 332px !important;
    height: 372px !important;
    max-height: 372px !important; }
  section.plan-start-new-cycle-page div.modal-body label input.date-picker {
    width: calc(100% - 33px); }
  section.plan-start-new-cycle-page div.modal-body label i {
    margin: 4px; }

section.plan-synthesis-page div.cex-tile {
  width: calc(50% - 21px);
  height: calc(100% - 30px);
  float: left; }

section.plan-synthesis-page div.synthesis,
section.plan-synthesis-page div.assumptions {
  position: relative; }
  section.plan-synthesis-page div.synthesis div.title,
  section.plan-synthesis-page div.assumptions div.title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
  section.plan-synthesis-page div.synthesis div.input-wrapper,
  section.plan-synthesis-page div.assumptions div.input-wrapper {
    width: 100%;
    height: calc(100% - 60px); }
    section.plan-synthesis-page div.synthesis div.input-wrapper div.input,
    section.plan-synthesis-page div.assumptions div.input-wrapper div.input {
      width: 100%;
      height: 100%;
      padding-top: 20px;
      vertical-align: middle;
      text-align: center; }
      section.plan-synthesis-page div.synthesis div.input-wrapper div.input textarea,
      section.plan-synthesis-page div.assumptions div.input-wrapper div.input textarea {
        width: 80%;
        height: 90%;
        min-height: 400px;
        padding: 15px;
        resize: none; }
      section.plan-synthesis-page div.synthesis div.input-wrapper div.input span,
      section.plan-synthesis-page div.assumptions div.input-wrapper div.input span {
        width: 80%;
        height: 90%;
        display: inline-block;
        margin: 0 auto;
        overflow-y: auto;
        text-align: left;
        overflow-x: hidden;
        word-break: break-word; }

section.plan-synthesis-page div.assumptions {
  margin-left: 0; }

section.profiling-confirm-address-page div.modal-body {
  max-height: 500px; }

section.profiling-confirm-address-page span.tag-input {
  display: block;
  width: 350px;
  max-width: 350px;
  margin-bottom: 5px;
  text-align: left;
  padding-right: 0;
  float: none; }
  section.profiling-confirm-address-page span.tag-input table {
    width: 100%; }
    section.profiling-confirm-address-page span.tag-input table td {
      vertical-align: top;
      border-right: 1px solid #bdccd2; }
    section.profiling-confirm-address-page span.tag-input table td.index {
      width: 20px; }
    section.profiling-confirm-address-page span.tag-input table td.primary {
      width: 70px;
      max-width: 70px;
      vertical-align: middle; }
      section.profiling-confirm-address-page span.tag-input table td.primary label {
        width: 100%;
        white-space: normal;
        text-align: center; }
        section.profiling-confirm-address-page span.tag-input table td.primary label input {
          display: block;
          margin: 0 auto; }

section.profiling-confirm-address-page span.edit-button.add-button {
  float: none;
  margin-left: -2px; }
  section.profiling-confirm-address-page span.edit-button.add-button i.background,
  section.profiling-confirm-address-page span.edit-button.add-button i.foreground {
    margin-top: -2px; }

section.profiling-confirm-address-page div.address-add-form div.form-group {
  margin: 0; }

section.sales-product-details-flags-page div.flags-title {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px; }

section.sales-product-details-flags-page div.flags-container {
  width: calc(100% - 30px);
  height: calc(100% - 70px - 40px - 30px);
  margin: 15px;
  overflow-y: auto; }
  section.sales-product-details-flags-page div.flags-container div.flag-category div.flag-category-title {
    font-weight: bold; }
  section.sales-product-details-flags-page div.flags-container div.flag-category ul {
    padding-left: 14px; }
    section.sales-product-details-flags-page div.flags-container div.flag-category ul li {
      list-style: none; }
  section.sales-product-details-flags-page div.flags-container div.flag-item {
    display: block;
    width: 100%;
    margin: 5px 0; }

section.sales-product-details-flags-page div.no-data {
  display: block;
  padding: 15px;
  text-align: center;
  font-weight: bold; }

section.sales-product-details-market-page div.header {
  position: relative;
  display: table;
  overflow: hidden;
  height: 82px;
  width: 100%;
  border-bottom: 1px solid #bdccd2; }
  section.sales-product-details-market-page div.header div.measurement,
  section.sales-product-details-market-page div.header div.modifiers,
  section.sales-product-details-market-page div.header div.filters,
  section.sales-product-details-market-page div.header div.charts,
  section.sales-product-details-market-page div.header div.switch {
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
    height: 83px; }
  section.sales-product-details-market-page div.header div.switch {
    float: right; }
  section.sales-product-details-market-page div.header div.measurement {
    width: calc(250px - 1px);
    height: 100%;
    border-right: 1px solid #bdccd2; }
    section.sales-product-details-market-page div.header div.measurement label {
      position: relative; }
      section.sales-product-details-market-page div.header div.measurement label select {
        width: 150px; }
  section.sales-product-details-market-page div.header div.modifiers {
    width: calc((100% - 250px - 100px - 150px) / 2); }
    section.sales-product-details-market-page div.header div.modifiers label {
      margin: 5px auto;
      width: 90%;
      min-width: 190px;
      max-width: 300px; }
      section.sales-product-details-market-page div.header div.modifiers label span {
        position: relative;
        display: inline-block;
        overflow: hidden;
        float: left;
        height: 34px;
        width: 65px;
        line-height: 34px; }
      section.sales-product-details-market-page div.header div.modifiers label select {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: calc(100% - 65px); }
  section.sales-product-details-market-page div.header div.filters {
    width: calc((100% - 250px - 100px - 150px) / 2); }
    section.sales-product-details-market-page div.header div.filters label {
      max-width: 90%;
      margin: 5px auto;
      text-align: center; }
      section.sales-product-details-market-page div.header div.filters label select {
        display: inline-block;
        width: 100%;
        max-width: 300px; }
  section.sales-product-details-market-page div.header div.charts {
    width: 150px; }
    section.sales-product-details-market-page div.header div.charts label {
      height: 30px;
      margin: 6px 0;
      padding-left: 15px; }
      section.sales-product-details-market-page div.header div.charts label input[type="checkbox"] {
        float: left; }
      section.sales-product-details-market-page div.header div.charts label span {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding-left: 5px; }
  section.sales-product-details-market-page div.header div.switch {
    width: 100px; }
    section.sales-product-details-market-page div.header div.switch button {
      display: block;
      width: 90%;
      margin: 3px auto; }

section.sales-product-details-market-page div.sales-container {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 83px);
  width: 100%; }

section.sales-product-details-market-chart-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-product-details-market-chart-page div.evolution,
  section.sales-product-details-market-chart-page div.matrix {
    width: 100%;
    height: 100%; }
  section.sales-product-details-market-chart-page div.evolution div.chart {
    width: calc(100% - 250px - 1px);
    height: 100%;
    float: left; }
    section.sales-product-details-market-chart-page div.evolution div.chart div#salesLine {
      width: calc(100% - 30px);
      height: calc(100% - 30px);
      margin: 15px; }
  section.sales-product-details-market-chart-page div.evolution div.options {
    width: 250px;
    height: 100%;
    float: right;
    border-left: 1px solid #bdccd2; }
    section.sales-product-details-market-chart-page div.evolution div.options div.options-configs {
      width: 100%;
      height: 100px;
      border-bottom: 1px solid #bdccd2; }
    section.sales-product-details-market-chart-page div.evolution div.options div.options-series {
      width: 100%;
      height: calc(100% - 100px - 50px - 2px);
      border-bottom: 1px solid #bdccd2;
      overflow-x: auto; }
      section.sales-product-details-market-chart-page div.evolution div.options div.options-series div.option-concentrations {
        width: calc(100% - 15px);
        margin-left: 15px; }
    section.sales-product-details-market-chart-page div.evolution div.options div.options-add {
      width: 100%;
      height: 50px;
      text-align: center; }
      section.sales-product-details-market-chart-page div.evolution div.options div.options-add button.btn-cex {
        margin: 9px; }
      section.sales-product-details-market-chart-page div.evolution div.options div.options-add label {
        margin: 9px; }
        section.sales-product-details-market-chart-page div.evolution div.options div.options-add label select {
          width: calc(100% - 60px); }
    section.sales-product-details-market-chart-page div.evolution div.options div.option-item {
      height: 40px;
      width: 100%;
      display: block;
      cursor: pointer;
      line-height: 40px;
      font-size: 16px;
      font-weight: bold; }
      section.sales-product-details-market-chart-page div.evolution div.options div.option-item label {
        margin: 0;
        height: 100%;
        width: 100%; }
      section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-checkbox {
        width: 40px;
        height: 40px;
        text-align: center; }
        section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-checkbox input[type=checkbox] {
          width: 20px;
          height: 20px;
          margin: 10px; }
      section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-label {
        height: 100%;
        font-size: 14px; }
        section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-label div.option-box {
          width: 20px;
          height: 20px;
          margin: 10px 10px 10px 0;
          display: inline-block; }
        section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-label i {
          line-height: 40px; }
        section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-label span {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding-left: 5px; }
      section.sales-product-details-market-chart-page div.evolution div.options div.option-item div.option-action {
        width: 40px;
        height: 40px;
        display: inline-block;
        text-align: center; }
  section.sales-product-details-market-chart-page div.matrix div.chart {
    height: 100%;
    width: 100%; }

section.sales-product-details-market-table-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-product-details-market-table-page div.cex-table {
    position: relative;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid #bdccd2; }
    section.sales-product-details-market-table-page div.cex-table div.cex-table-head span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: 50px;
      width: 100%;
      overflow: hidden;
      white-space: normal;
      text-overflow: ellipsis; }
    section.sales-product-details-market-table-page div.cex-table div.cex-table-head div.col-evolution {
      width: 20%;
      text-align: center; }
      section.sales-product-details-market-table-page div.cex-table div.cex-table-head div.col-evolution span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 25px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }
      section.sales-product-details-market-table-page div.cex-table div.cex-table-head div.col-evolution div.col-sales-evolution,
      section.sales-product-details-market-table-page div.cex-table div.cex-table-head div.col-evolution div.col-mk-evolution {
        width: 50%;
        height: 25px !important; }
    section.sales-product-details-market-table-page div.cex-table div.cex-table-body {
      background-color: #fbfcfd; }
    section.sales-product-details-market-table-page div.cex-table div.cex-table-row {
      width: 100%; }
    section.sales-product-details-market-table-page div.cex-table div.row-molecule {
      font-weight: bold; }
    section.sales-product-details-market-table-page div.cex-table div.row-brand {
      font-weight: bold;
      font-style: italic; }
    section.sales-product-details-market-table-page div.cex-table div.col-product {
      padding-left: 15px; }
    section.sales-product-details-market-table-page div.cex-table div.col-sales,
    section.sales-product-details-market-table-page div.cex-table div.col-sales-evolution,
    section.sales-product-details-market-table-page div.cex-table div.col-mk-share,
    section.sales-product-details-market-table-page div.cex-table div.col-national,
    section.sales-product-details-market-table-page div.cex-table div.col-mk-evolution,
    section.sales-product-details-market-table-page div.cex-table div.col-actual,
    section.sales-product-details-market-table-page div.cex-table div.col-geographic,
    section.sales-product-details-market-table-page div.cex-table div.col-rank {
      width: 10%;
      text-align: center; }
      section.sales-product-details-market-table-page div.cex-table div.col-sales span,
      section.sales-product-details-market-table-page div.cex-table div.col-sales-evolution span,
      section.sales-product-details-market-table-page div.cex-table div.col-mk-share span,
      section.sales-product-details-market-table-page div.cex-table div.col-national span,
      section.sales-product-details-market-table-page div.cex-table div.col-mk-evolution span,
      section.sales-product-details-market-table-page div.cex-table div.col-actual span,
      section.sales-product-details-market-table-page div.cex-table div.col-geographic span,
      section.sales-product-details-market-table-page div.cex-table div.col-rank span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 50px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }

section.sales-product-details-overview-page div.header {
  border-bottom: 1px solid #bdccd2;
  position: relative;
  display: table;
  overflow: hidden;
  height: 65px;
  width: 100%;
  border-bottom: 1px solid #bdccd2; }
  section.sales-product-details-overview-page div.header div.measurement,
  section.sales-product-details-overview-page div.header div.status,
  section.sales-product-details-overview-page div.header div.weight {
    position: relative;
    display: table-cell;
    overflow: hidden;
    text-align: center;
    vertical-align: middle; }
  section.sales-product-details-overview-page div.header div.measurement {
    width: calc(250px - 1px);
    height: 100%;
    border-right: 1px solid #bdccd2; }
    section.sales-product-details-overview-page div.header div.measurement label {
      position: relative; }
      section.sales-product-details-overview-page div.header div.measurement label select {
        width: 150px; }
  section.sales-product-details-overview-page div.header div.status {
    width: calc(100% - 500px);
    height: 100%; }
    section.sales-product-details-overview-page div.header div.status div.cex-semaphore {
      position: relative;
      display: block;
      overflow: hidden;
      width: 90px;
      height: 30px;
      margin: 0 auto; }
  section.sales-product-details-overview-page div.header div.weight {
    width: calc(250px - 1px);
    height: 100%;
    border-left: 1px solid #bdccd2; }

section.sales-product-details-overview-page div.sales-container {
  width: 100%;
  height: calc(100% - 65px); }
  section.sales-product-details-overview-page div.sales-container div.data-left {
    height: 100%;
    width: 35%;
    float: left;
    border-right: 1px solid #bdccd2; }
    section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target {
      width: 100%;
      height: 50%;
      overflow-y: auto;
      border-bottom: 1px solid #bdccd2; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.title {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center;
        font-weight: bold; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.salesVsTargetGauge,
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div#salesVsTargetGauge,
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div#salesVsTargetProgressFixedBar {
        position: relative;
        display: block;
        overflow: hidden;
        height: 80px;
        width: 250px;
        margin: 0 auto; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.salesVsTargetGauge span.label,
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div#salesVsTargetGauge span.label,
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div#salesVsTargetProgressFixedBar span.label {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          font-size: 2em;
          color: black; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div#salesVsTargetProgressFixedBar {
        margin-top: -30px; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        margin: 0 auto; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics div.color-box {
          position: relative;
          display: inline-block;
          overflow: hidden;
          float: left;
          width: 12px;
          height: 12px;
          margin: 4px; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics span.statistics-item-label,
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics span.statistics-item-data {
          position: relative;
          display: inline-block;
          overflow: hidden;
          float: left;
          height: 100%; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics span.statistics-item-label {
          width: 50%;
          padding-left: 5px; }
          section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics span.statistics-item-label div.label-wrapper {
            width: 130px;
            float: right;
            text-align: left; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target div.statistics span.statistics-item-data {
          width: calc(100% - 50%); }
    section.sales-product-details-overview-page div.sales-container div.data-left div.sales-target.no-concentrations {
      height: 100%; }
    section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration {
      width: 100%;
      height: calc(100% - 50%); }
      section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div.title {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center;
        font-weight: bold; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div.split-concentration-wrapper {
        height: calc(100% - 50px);
        width: 100%;
        overflow-y: auto; }
        section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div.split-concentration-wrapper > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div.split-concentration-wrapper > div div.split-concentration-graph {
            height: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
          section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div.split-concentration-wrapper > div div.split-concentration-percentage {
            height: 100%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around; }
      section.sales-product-details-overview-page div.sales-container div.data-left div.split-concentration div#splitByConcentrationBar {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100%;
        width: 100%;
        margin: 0 auto; }
  section.sales-product-details-overview-page div.sales-container div.data-right {
    height: 100%;
    width: calc(100% - 35%);
    float: right; }
    section.sales-product-details-overview-page div.sales-container div.data-right div.sales {
      height: 100px;
      width: 100%;
      border-bottom: 1px solid #bdccd2; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.sales div.title {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        margin: 3px 0;
        text-align: center;
        font-weight: bold; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.sales div.sales-item {
        display: inline-block;
        float: left;
        height: calc(100% - 50px);
        width: calc(100% / 4); }
        section.sales-product-details-overview-page div.sales-container div.data-right div.sales div.sales-item span.sales-number,
        section.sales-product-details-overview-page div.sales-container div.data-right div.sales div.sales-item span.sales-label {
          display: block;
          text-align: center;
          font-size: 12px; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.sales div.sales-item span.sales-number {
          font-weight: bold;
          font-size: 2em; }
    section.sales-product-details-overview-page div.sales-container div.data-right div.share {
      height: 150px;
      width: 100%;
      border-bottom: 1px solid #bdccd2; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market {
        height: 100%;
        width: 60%;
        float: left;
        border-right: 1px solid #bdccd2; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic {
        height: 100%;
        width: calc(100% - 60%);
        float: right; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market,
      section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic {
        text-align: center; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.title,
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.title {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          margin: 5px 0;
          text-align: center;
          font-weight: bold; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.center-value,
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.center-value {
          position: relative;
          display: inline-block;
          overflow: hidden;
          height: calc(100% - 50px - 45px); }
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.center-value span.center-number,
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.center-value span.center-label,
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.center-value span.center-number,
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.center-value span.center-label {
            display: block;
            text-align: left;
            font-size: 12px; }
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.center-value span.center-number,
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.center-value span.center-number {
            font-weight: bold;
            font-size: 2em;
            height: 40px; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values,
        section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values {
          width: 100%; }
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value,
          section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value {
            position: relative;
            display: inline-block;
            overflow: hidden;
            width: 50%;
            float: left; }
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value span.bottom-number,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value span.bottom-label,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value span.bottom-number,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value span.bottom-label {
              display: inline-block;
              text-align: left;
              font-size: 12px;
              float: right; }
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value span.bottom-number,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value span.bottom-number {
              width: 60%; }
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value span.bottom-label,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value span.bottom-label {
              width: 40%; }
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.market div.bottom-values div.bottom-value span.bottom-number,
            section.sales-product-details-overview-page div.sales-container div.data-right div.share div.geographic div.bottom-values div.bottom-value span.bottom-number {
              font-weight: bold;
              font-size: 1.5em;
              float: left;
              text-align: right; }
    section.sales-product-details-overview-page div.sales-container div.data-right div.evolution {
      height: calc(100% - 100px - 150px);
      width: 100%; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.title {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
        font-weight: bold; }
      section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper {
        width: 95%;
        height: calc(100% - 25px);
        margin: 0 auto;
        font-size: 12px; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.evolution-col-narrow {
          display: block;
          float: left;
          width: 95px;
          height: 100%; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.evolution-col-graph {
          display: block;
          float: left;
          width: calc(50% - 47.5px);
          height: 100%; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.col-header {
          width: 100%;
          height: 20px;
          text-align: center; }
        section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.col-data {
          width: 100%;
          height: calc(100% - 20px);
          text-align: center; }
          section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.col-data div.col-label {
            height: 33.33333333333333%; }
            section.sales-product-details-overview-page div.sales-container div.data-right div.evolution div.evolution-wrapper div.col-data div.col-label span {
              display: block;
              position: relative;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
  section.sales-product-details-overview-page div.sales-container div.salesCycleProgressFixedBar {
    margin-top: -30px; }
  section.sales-product-details-overview-page div.sales-container div.salesCycleProgressFixedBar.noMargin {
    margin-top: 0; }

section.sales-product-details-variance-page div.header {
  position: relative;
  display: table;
  overflow: hidden;
  height: 82px;
  width: calc(100% - 30px);
  margin: 0 15px;
  border-bottom: 1px solid #bdccd2; }
  section.sales-product-details-variance-page div.header div.measurement,
  section.sales-product-details-variance-page div.header div.modifiers,
  section.sales-product-details-variance-page div.header div.filters,
  section.sales-product-details-variance-page div.header div.switch {
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
    height: 83px; }
  section.sales-product-details-variance-page div.header div.measurement {
    width: 225px; }
    section.sales-product-details-variance-page div.header div.measurement label {
      margin: 5px 0;
      text-align: center; }
      section.sales-product-details-variance-page div.header div.measurement label span {
        display: inline-block;
        width: 100px;
        height: 22px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 34px;
        text-align: left; }
      section.sales-product-details-variance-page div.header div.measurement label select {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 120px; }
  section.sales-product-details-variance-page div.header div.modifiers,
  section.sales-product-details-variance-page div.header div.filters {
    width: calc((100% - 225px - 100px) / 2); }
    section.sales-product-details-variance-page div.header div.modifiers label,
    section.sales-product-details-variance-page div.header div.filters label {
      margin: 5px auto;
      width: 90%;
      min-width: 190px;
      max-width: 300px; }
      section.sales-product-details-variance-page div.header div.modifiers label span,
      section.sales-product-details-variance-page div.header div.filters label span {
        position: relative;
        display: inline-block;
        overflow: hidden;
        float: left;
        height: 34px;
        width: 65px;
        line-height: 34px; }
      section.sales-product-details-variance-page div.header div.modifiers label select,
      section.sales-product-details-variance-page div.header div.filters label select {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: calc(100% - 65px); }
  section.sales-product-details-variance-page div.header div.switch {
    width: 100px; }
    section.sales-product-details-variance-page div.header div.switch button {
      display: block;
      width: 90%;
      margin: 3px auto; }

section.sales-product-details-variance-page div.sales-container {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 83px);
  width: 100%; }

section.sales-product-details-variance-chart-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 15px);
  width: 100%; }
  section.sales-product-details-variance-chart-page table {
    position: relative;
    table-layout: fixed;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%; }
  section.sales-product-details-variance-chart-page div.charts {
    height: 100%; }
    section.sales-product-details-variance-chart-page div.charts div.chart-title {
      height: 20px;
      width: 100%;
      text-align: center;
      font-weight: bold; }
    section.sales-product-details-variance-chart-page div.charts div.territory,
    section.sales-product-details-variance-chart-page div.charts div.variance {
      float: left;
      height: 100%; }
      section.sales-product-details-variance-chart-page div.charts div.territory div[highcharts],
      section.sales-product-details-variance-chart-page div.charts div.variance div[highcharts] {
        height: calc(100% - 20px);
        width: 100%; }
    section.sales-product-details-variance-chart-page div.charts div.variance {
      width: 250px; }
      section.sales-product-details-variance-chart-page div.charts div.variance div[highcharts] {
        height: calc(100% - 80px); }
    section.sales-product-details-variance-chart-page div.charts div.territory {
      width: calc(100% - 250px); }
    section.sales-product-details-variance-chart-page div.charts div.territory.full-width {
      width: 100%; }

section.sales-product-details-variance-table-page {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  section.sales-product-details-variance-table-page div.cex-table {
    position: relative;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid #bdccd2; }
    section.sales-product-details-variance-table-page div.cex-table div.cex-table-head span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: 50px;
      width: 100%;
      overflow: hidden;
      white-space: normal;
      text-overflow: ellipsis; }
    section.sales-product-details-variance-table-page div.cex-table div.cex-table-head div.col-evolution {
      width: 20%;
      text-align: center; }
      section.sales-product-details-variance-table-page div.cex-table div.cex-table-head div.col-evolution span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 25px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }
      section.sales-product-details-variance-table-page div.cex-table div.cex-table-head div.col-evolution div.col-sales-evolution,
      section.sales-product-details-variance-table-page div.cex-table div.cex-table-head div.col-evolution div.col-mk-evolution {
        width: 50%;
        height: 25px !important; }
    section.sales-product-details-variance-table-page div.cex-table div.cex-table-body {
      background-color: #fbfcfd;
      height: calc(100% - 50px - 110px); }
      section.sales-product-details-variance-table-page div.cex-table div.cex-table-body span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 50px;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis; }
      section.sales-product-details-variance-table-page div.cex-table div.cex-table-body div.col-realized span {
        -webkit-line-clamp: 2; }
    section.sales-product-details-variance-table-page div.cex-table div.cex-table-row {
      width: 100%; }
    section.sales-product-details-variance-table-page div.cex-table div.col-territory {
      padding-left: 15px; }
    section.sales-product-details-variance-table-page div.cex-table div.col-target,
    section.sales-product-details-variance-table-page div.cex-table div.col-realized,
    section.sales-product-details-variance-table-page div.cex-table div.col-sales-evolution,
    section.sales-product-details-variance-table-page div.cex-table div.col-mk-share,
    section.sales-product-details-variance-table-page div.cex-table div.col-national,
    section.sales-product-details-variance-table-page div.cex-table div.col-mk-evolution,
    section.sales-product-details-variance-table-page div.cex-table div.col-actual,
    section.sales-product-details-variance-table-page div.cex-table div.col-geographic,
    section.sales-product-details-variance-table-page div.cex-table div.col-rank,
    section.sales-product-details-variance-table-page div.cex-table div.col-evolution-index {
      width: 10%;
      text-align: center; }
      section.sales-product-details-variance-table-page div.cex-table div.col-target span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-realized span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-sales-evolution span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-mk-share span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-national span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-mk-evolution span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-actual span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-geographic span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-rank span.inline,
      section.sales-product-details-variance-table-page div.cex-table div.col-evolution-index span.inline {
        display: inline;
        margin: 0;
        padding: 0; }
    section.sales-product-details-variance-table-page div.cex-table div.col-rank span {
      display: inline-block; }

section.status-bar {
  position: relative;
  display: block;
  height: 70px;
  width: calc(100% - 30px);
  background-color: #edeff3; }
  section.status-bar div.organisation {
    position: relative;
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    padding: 13px 0 13px 15px; }
    section.status-bar div.organisation div.organisation-item {
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  section.status-bar div.plan-status,
  section.status-bar div.last-updated,
  section.status-bar div.last-reported {
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    width: 150px;
    height: 100%;
    padding: 6px 0;
    text-align: center; }
    section.status-bar div.plan-status div.status-label,
    section.status-bar div.plan-status div.status-value,
    section.status-bar div.last-updated div.status-label,
    section.status-bar div.last-updated div.status-value,
    section.status-bar div.last-reported div.status-label,
    section.status-bar div.last-reported div.status-value {
      text-align: center; }
    section.status-bar div.plan-status div.status-label,
    section.status-bar div.last-updated div.status-label,
    section.status-bar div.last-reported div.status-label {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    section.status-bar div.plan-status div.status-value,
    section.status-bar div.last-updated div.status-value,
    section.status-bar div.last-reported div.status-value {
      font-weight: bold; }
  section.status-bar div.page-title,
  section.status-bar div.breadcrumb-wrapper {
    display: inline-block;
    height: 100%;
    width: calc(100% - 150px - 150px);
    overflow: hidden;
    float: left;
    line-height: 70px;
    text-align: center; }
  section.status-bar div.page-title span {
    font-size: 1.5em; }
  section.status-bar div.breadcrumbs {
    height: 100%;
    overflow: hidden; }
    section.status-bar div.breadcrumbs div.full-breadcrumb,
    section.status-bar div.breadcrumbs div.paginated-breadcrumb {
      display: inline-block;
      height: 52px;
      margin: 10px 0;
      overflow: hidden; }
      section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item,
      section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item {
        display: block;
        float: left; }
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-compacted,
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-expanded,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-compacted,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-expanded {
          display: block;
          float: left;
          height: 50px;
          min-width: 50px;
          font-weight: bold;
          font-size: 1.5em;
          text-align: center;
          line-height: 50px;
          border: 1px solid #bdccd2;
          background: #f9fafc;
          color: #bdccd2; }
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-compacted,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-compacted {
          cursor: pointer; }
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-expanded,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-expanded {
          max-width: 300px;
          padding: 0 30px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #ed1c24; }
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-expanded.two-lines,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-expanded.two-lines {
          line-height: 25px; }
          section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-expanded.two-lines span,
          section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-expanded.two-lines span {
            display: block; }
        section.status-bar div.breadcrumbs div.full-breadcrumb div.breadcrumb-item div.breadcrumb-separator,
        section.status-bar div.breadcrumbs div.paginated-breadcrumb div.breadcrumb-item div.breadcrumb-separator {
          display: inline-block;
          float: left;
          height: 25px;
          width: 25px;
          border-bottom: 1px solid #bdccd2; }

section#maintenance {
  height: 100%;
  background: url("resources/front_page.png") no-repeat center center fixed;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$loginBackgroundIMG', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$loginBackgroundIMG', sizingMethod='scale')"; }
  section#maintenance md-card.basic-card {
    padding: 15px; }
    section#maintenance md-card.basic-card md-card-title-text {
      padding: 15px;
      text-align: center;
      font-size: 25px;
      font-weight: bold; }
    section#maintenance md-card.basic-card md-content {
      padding: 15px;
      text-align: center; }

section#potential-analysis {
  height: calc(100% - 14px);
  width: calc(100% - 28px);
  margin: 14px 14px 0 14px;
  border: 1px solid #bdccd2;
  overflow: hidden; }
  section#potential-analysis div.cex-table {
    height: 100%; }
    section#potential-analysis div.cex-table div.cex-table-head {
      color: #ed1c24; }
      section#potential-analysis div.cex-table div.cex-table-head div.cex-table-row,
      section#potential-analysis div.cex-table div.cex-table-head div.cex-table-row:hover {
        background: transparent; }
      section#potential-analysis div.cex-table div.cex-table-head div.cex-table-cell {
        vertical-align: bottom; }
    section#potential-analysis div.cex-table div.cex-table-body {
      height: calc(100% - 70px); }
    section#potential-analysis div.cex-table div.cex-table-row {
      min-height: 70px; }
      section#potential-analysis div.cex-table div.cex-table-row div.cex-table-cell label {
        overflow: visible; }
    section#potential-analysis div.cex-table div.cex-table-row:nth-child(odd),
    section#potential-analysis div.cex-table div.cex-table-row:nth-child(even) {
      background: white; }
  section#potential-analysis div.cex-table.brands-table {
    float: left;
    width: 300px;
    background: white; }
    section#potential-analysis div.cex-table.brands-table div.cex-table-body,
    section#potential-analysis div.cex-table.brands-table div.cex-table-head {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
      section#potential-analysis div.cex-table.brands-table div.cex-table-body div.cex-table-row,
      section#potential-analysis div.cex-table.brands-table div.cex-table-head div.cex-table-row {
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
      section#potential-analysis div.cex-table.brands-table div.cex-table-body div.cex-table-row.row-active,
      section#potential-analysis div.cex-table.brands-table div.cex-table-head div.cex-table-row.row-active {
        -webkit-box-shadow: none;
                box-shadow: none; }
    section#potential-analysis div.cex-table.brands-table div.cex-table-row:hover,
    section#potential-analysis div.cex-table.brands-table div.cex-table-row.row-active {
      background: #dfe2ec; }
    section#potential-analysis div.cex-table.brands-table div.col-name {
      padding-left: 25px; }
    section#potential-analysis div.cex-table.brands-table div.col-actions {
      width: 50px; }
    section#potential-analysis div.cex-table.brands-table div.row-active {
      border-left: 10px solid #ed1c24; }
      section#potential-analysis div.cex-table.brands-table div.row-active div.col-name {
        padding-left: 15px; }
  section#potential-analysis section {
    background: #dfe2ec;
    height: 100%; }

section#potential-concentration-curve div.data-container {
  height: 100%;
  width: 100%; }

section#potential-concentration-curve md-radio-group#header {
  width: auto;
  height: 135px; }
  section#potential-concentration-curve md-radio-group#header div.header-item {
    width: 125px;
    height: 45px;
    text-align: center;
    line-height: 45px; }
  section#potential-concentration-curve md-radio-group#header div.header-item.u-two-liner-45 {
    line-height: 25px; }

section#potential-concentration-curve div#charts {
  height: calc(100% - 135px); }

section#reports-page {
  height: calc(100% - 40px - 70px); }
  section#reports-page div.filters {
    margin: 15px; }
    section#reports-page div.filters label {
      margin: 0; }
    section#reports-page div.filters label:not(:last-of-type) {
      margin-right: 15px; }
  section#reports-page div.reports {
    margin-top: 0; }
    section#reports-page div.reports div.tabs {
      width: 100px;
      overflow-y: auto; }
      section#reports-page div.reports div.tabs div.tab {
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
        overflow: hidden; }
      section#reports-page div.reports div.tabs div.tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section#reports-page div.reports div.window {
      background: #dfe2ec; }

section#reset-profiling-list-page div.no-data {
  height: 200px;
  width: 100%; }

section#reset-profiling-list-page label {
  margin-left: 30px; }

section#reset-profiling-list-page input[type=checkbox] {
  margin-right: 5px; }

section#effort-allocation-page div.cex-table div.cex-table-head {
  color: #ed1c24; }
  section#effort-allocation-page div.cex-table div.cex-table-head div.cex-table-cell {
    vertical-align: bottom;
    padding-bottom: 5px; }

section#effort-allocation-page div.cex-table div.col-brand,
section#effort-allocation-page div.cex-table div.col-effort {
  padding-left: 30px; }

section#effort-allocation-page div.brand-table {
  width: 25%; }
  section#effort-allocation-page div.brand-table div.cex-table-body,
  section#effort-allocation-page div.brand-table div.cex-table-head {
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row,
    section#effort-allocation-page div.brand-table div.cex-table-head div.cex-table-row {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row.active,
    section#effort-allocation-page div.brand-table div.cex-table-head div.cex-table-row.active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  section#effort-allocation-page div.brand-table div.cex-table-body {
    height: calc(100% - 50px); }
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row {
      height: 65px;
      position: relative; }
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row:hover,
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row.active {
      background: #dfe2ec; }
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row:hover div.col-active,
    section#effort-allocation-page div.brand-table div.cex-table-body div.cex-table-row.active div.col-active {
      background-color: #ed1c24; }
  section#effort-allocation-page div.brand-table div.col-active {
    width: 10px; }

section#effort-allocation-page div.effort-table div.cex-table-body {
  height: calc(100% - 50px);
  background: #dfe2ec; }
  section#effort-allocation-page div.effort-table div.cex-table-body div.cex-table-row {
    height: 100%;
    text-align: center;
    background: #dfe2ec; }
    section#effort-allocation-page div.effort-table div.cex-table-body div.cex-table-row div.cex-table-cell {
      padding: 0;
      vertical-align: top;
      cursor: default; }

section#effort-allocation-page .filter {
  padding: 8px;
  width: 100%; }

section#effort-allocation-page #segmentsChart {
  height: 100%; }

div.loader-container,
div.data-container {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.app-fading-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }

.app-fading-circle .app-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.app-fading-circle .app-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: app-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: app-circleFadeDelay 1.2s infinite ease-in-out both; }

.app-fading-circle .app-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.app-fading-circle .app-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg); }

.app-fading-circle .app-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.app-fading-circle .app-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }

.app-fading-circle .app-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg); }

.app-fading-circle .app-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.app-fading-circle .app-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg); }

.app-fading-circle .app-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg); }

.app-fading-circle .app-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.app-fading-circle .app-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg); }

.app-fading-circle .app-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg); }

.app-fading-circle .app-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.app-fading-circle .app-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.app-fading-circle .app-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.app-fading-circle .app-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.app-fading-circle .app-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.app-fading-circle .app-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.app-fading-circle .app-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.app-fading-circle .app-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.app-fading-circle .app-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.app-fading-circle .app-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.app-fading-circle .app-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes app-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes app-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

div.cex-bubble {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid black;
  border-radius: 100%;
  background-color: #edeff3;
  color: black; }
  div.cex-bubble div.content {
    position: absolute;
    display: block;
    overflow: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    font-size: 18px; }

div.cex-bubble.active {
  border: #ed1c24;
  background-color: #ed1c24;
  color: white; }

div.cex-semaphore {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-color: #C0C0C0; }
  div.cex-semaphore div.light {
    position: relative;
    overflow: hidden; }
    div.cex-semaphore div.light > div {
      height: 70%;
      width: 70%;
      margin: 15%;
      border-radius: 100%;
      background-color: #797979; }
    div.cex-semaphore div.light div.red-light {
      background-color: #FA6259; }
    div.cex-semaphore div.light div.yellow-light {
      background-color: #FDBE2F; }
    div.cex-semaphore div.light div.green-light {
      background-color: #37CB41; }

div.cex-semaphore.landscape div.light {
  display: inline-block;
  float: left;
  width: 33.33333%;
  height: 100%; }

div.cex-semaphore.portrait div.light {
  display: block;
  width: 100%;
  height: 33.33333%; }

html, body {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: normal; }

section.image-background {
  background: url("assets/images/background_cex.png") no-repeat center center fixed;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$BACKGROUND_IMG', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$BACKGROUND_IMG', sizingMethod='scale'); }

div.logo-app,
div.logo-client {
  position: absolute;
  margin: 32px;
  text-align: center; }
  div.logo-app img,
  div.logo-client img {
    max-width: 300px; }

div.logo-app {
  top: 0;
  right: 0; }

div.logo-client {
  right: 0;
  bottom: 0;
  left: 0; }

md-card.cex-card-sm {
  width: 400px; }

.md-button.login-submit {
  width: 100%; }

.input-percentage {
  display: inline-block;
  position: relative;
  width: auto !important; }
  .input-percentage input {
    padding-right: 20px;
    text-align: right;
    height: 35px;
    width: 75px; }

.input-percentage:after {
  position: absolute;
  content: "%";
  top: 0;
  bottom: 0;
  right: 7px;
  line-height: 35px; }

.md-button {
  height: 44px;
  border: 2px solid #ed1c24;
  margin: 0;
  font-weight: bold;
  border-radius: 4.8px;
  line-height: 40px; }

.md-button.md-default-theme.md-primary,
.md-button.md-primary {
  color: white; }

.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised,
.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
.md-button.md-primary.md-raised:not([disabled]):hover,
.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
.md-button.md-primary.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused,
.md-button.md-primary.md-fab:not([disabled]).md-focused {
  background-color: #ed1c24; }
  .md-button.md-default-theme.md-primary.md-raised md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-raised md-progress-circular path,
  .md-button.md-primary.md-raised md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-raised md-progress-circular path,
  .md-button.md-default-theme.md-primary.md-fab md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-fab md-progress-circular path,
  .md-button.md-primary.md-fab md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-fab md-progress-circular path,
  .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover md-progress-circular path,
  .md-button.md-primary.md-raised:not([disabled]):hover md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-raised:not([disabled]):hover md-progress-circular path,
  .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover md-progress-circular path,
  .md-button.md-primary.md-fab:not([disabled]):hover md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-fab:not([disabled]):hover md-progress-circular path,
  .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused md-progress-circular path,
  .md-button.md-primary.md-raised:not([disabled]).md-focused md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-raised:not([disabled]).md-focused md-progress-circular path,
  .md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused md-progress-circular.md-default-theme path,
  .md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused md-progress-circular path,
  .md-button.md-primary.md-fab:not([disabled]).md-focused md-progress-circular.md-default-theme path,
  .md-button.md-primary.md-fab:not([disabled]).md-focused md-progress-circular path {
    stroke: white; }

md-card {
  padding: 32px;
  margin: 16px; }
  md-card md-card-title {
    padding: 0;
    margin: 0 0 16px 0;
    text-align: center; }
  md-card md-card-content {
    padding: 0; }
  md-card md-card-actions {
    margin: 4px 4px 0; }
    md-card md-card-actions a, md-card md-card-actions a:link, md-card md-card-actions a:visited, md-card md-card-actions a:hover, md-card md-card-actions a:active {
      text-decoration: none;
      color: #666666;
      font-weight: 400;
      text-align: center;
      display: inline-block;
      opacity: 0.6;
      -webkit-transition: opacity ease 0.5s;
      transition: opacity ease 0.5s;
      cursor: pointer; }
    md-card md-card-actions a:hover {
      opacity: 1; }

md-input-container[md-no-float] {
  margin: 0 0 16px 0;
  padding: 0; }
  md-input-container[md-no-float] input, md-input-container[md-no-float] input:hover,
  md-input-container[md-no-float] .md-input, md-input-container[md-no-float] .md-input:hover {
    height: 44px;
    border: 2px solid #262262;
    margin: 0;
    padding: 0 8px;
    border-radius: 4.8px; }
  md-input-container[md-no-float] .md-errors-spacer {
    display: none; }

md-input-container[md-no-float].md-input-invalid input, md-input-container[md-no-float].md-input-invalid input:hover,
md-input-container[md-no-float].md-input-invalid .md-input, md-input-container[md-no-float].md-input-invalid .md-input:hover {
  border: 2px solid #ed1c24; }

md-progress-circular.md-default-theme path,
md-progress-circular path {
  stroke: #262262; }

.md-display-1 {
  margin: 0;
  font-weight: 100; }

md-checkbox.md-default-theme.md-checked .md-ink-ripple,
md-checkbox.md-checked .md-ink-ripple {
  color: #262262; }

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
  background-color: #262262; }

section#view-file-popup-page {
  height: 100%; }
  section#view-file-popup-page .modal-body {
    height: calc(100% - 60px - 65px);
    max-height: none; }
    section#view-file-popup-page .modal-body .contract .contract-wrapper {
      overflow: auto; }
      section#view-file-popup-page .modal-body .contract .contract-wrapper img {
        width: 100%; }

section#account-add-page div.modal-body {
  overflow: visible; }

section#account-add-page .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  margin-bottom: 10px;
  padding-left: 10px; }

section#account-add-page textarea {
  resize: none;
  height: 140px; }

section#account-add-page div.modal-body {
  overflow: visible; }

section#account-add-page .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  margin-bottom: 10px;
  padding-left: 10px; }

section#account-add-page textarea {
  resize: none;
  height: 140px; }

section#account-details-page div.details {
  padding: 15px; }
  section#account-details-page div.details textarea {
    resize: vertical;
    max-height: 100px;
    min-height: 40px; }

section#account-details-page div.account-details div.cex-table-body {
  height: calc(100% - 50px);
  max-height: 91px;
  min-height: 91px; }

section#account-details-page div.account-details div.cex-table div.cex-table-body div.cex-table-row:last-child {
  border-bottom: none; }

section#account-details-page div.account-details div.cex-table div.cex-table-body div.cex-table-row:first-child {
  border-bottom: 1px solid #bdccd2; }

section#account-details-page div.account-details .disabled {
  opacity: 0.45;
  pointer-events: none; }

section#account-details-page div.account-details div.col-brand-name {
  width: 90%;
  padding-left: 15px; }

section#account-details-page div.details label span.edit-button {
  float: none; }

section#account-details-page .editable-buttons {
  vertical-align: middle; }

section#account-details-page span.edit-button i.foreground.fa-eye, section#account-details-page button.edit-button i.foreground.fa-eye {
  left: 3px;
  font-size: 14px;
  top: 4px; }

section#account-details-page span.editable-buttons button {
  width: 21px;
  height: 21px;
  background-color: #262262;
  padding: 0; }

section#account-details-page span.editable-buttons button span {
  top: 4px;
  left: 4px; }

section#account-details-page a:hover {
  color: #000000; }

section#account-details-page .cex-tile.account-details {
  height: calc(100% - 198px); }

section#account-details-page .cex-tile.hcp-hca-list {
  margin-top: 0;
  height: calc(100% - 238px); }
  section#account-details-page .cex-tile.hcp-hca-list .tabs {
    height: 50px; }
  section#account-details-page .cex-tile.hcp-hca-list .tab {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    height: 100%;
    border-bottom: 1px solid #bdccd2;
    -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
            box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
  section#account-details-page .cex-tile.hcp-hca-list .tab-content {
    height: calc(100% - 50px);
    overflow: hidden;
    background-color: #dfe2ec; }
  section#account-details-page .cex-tile.hcp-hca-list .active {
    background: #dfe2ec;
    border-top: 10px solid #ed1c24;
    -webkit-box-shadow: none;
    box-shadow: none; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-mdm {
    padding-left: 15px; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-name,
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-address,
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-specialties,
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-actions {
    text-align: center; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-specialties {
    white-space: normal;
    width: 30%; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-address {
    width: 30%; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table .address-input {
    max-width: 300px;
    white-space: normal; }
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-mdm,
  section#account-details-page .cex-tile.hcp-hca-list div.cex-table div.col-actions {
    width: 100px; }

section#account-details-page .hcp-hca-wrapper {
  overflow: auto; }
  section#account-details-page .hcp-hca-wrapper div.cex-table-body {
    height: calc(100% - 52px - 55px); }

section#account-group-add-page div.modal-body {
  overflow: visible; }

section#account-group-add-page .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  margin-bottom: 10px;
  padding-left: 10px; }

section#account-group-add-page textarea {
  resize: none;
  height: 140px; }

section#account-group-details div.details {
  padding: 15px; }
  section#account-group-details div.details textarea {
    resize: vertical;
    max-height: 100px;
    min-height: 40px; }

section#account-group-details div.account-details div.cex-table-body {
  max-height: 91px;
  min-height: 91px; }

section#account-group-details div.account-details div.cex-table div.cex-table-body div.cex-table-row:last-child {
  border-bottom: none; }

section#account-group-details div.account-details .disabled {
  opacity: 0.45;
  pointer-events: none; }

section#account-group-details div.account-details div.col-brand-name {
  width: 90%;
  padding-left: 15px; }

section#account-group-details div.details label span.edit-button {
  float: none; }

section#account-group-details .editable-buttons {
  vertical-align: middle; }

section#account-group-details span.edit-button i.foreground.fa-eye, section#account-group-details button.edit-button i.foreground.fa-eye {
  left: 3px;
  font-size: 14px;
  top: 4px; }

section#account-group-details span.editable-buttons button {
  width: 21px;
  height: 21px;
  background-color: #262262;
  padding: 0; }

section#account-group-details span.editable-buttons button span {
  top: 4px;
  left: 4px; }

section#account-group-details a:hover {
  color: #000000; }

section#account-group-details div.col-name {
  padding-left: 15px;
  width: 20%; }

section#account-group-details div.col-description,
section#account-group-details div.col-counties,
section#account-group-details div.col-hcp-number,
section#account-group-details div.col-actions {
  text-align: center; }

section#account-group-details div.col-counties {
  width: 30%;
  white-space: normal; }

section#account-group-details div.col-actions, section#account-group-details div.col-hcp-number {
  width: 100px; }

section#account-group-details .cex-tile.accounts-list {
  height: calc(100% - 256px); }

section#account-group-list div.col-name {
  padding-left: 15px;
  width: 20%; }

section#account-group-list div.col-description,
section#account-group-list div.col-brands,
section#account-group-list div.col-accounts-number,
section#account-group-list div.col-actions {
  text-align: center; }

section#account-group-list div.col-brands {
  width: 30%;
  white-space: normal; }

section#account-group-list div.col-actions, section#account-group-list div.col-accounts-number {
  width: 100px; }

section#account-group-list .multiline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: normal; }

section#brands-relevant-market-details-page div.modal-body {
  height: calc(100% - 60px - 65px);
  max-height: none; }
  section#brands-relevant-market-details-page div.modal-body .date-picker {
    width: 100px; }
  section#brands-relevant-market-details-page div.modal-body div.market {
    height: 100%; }
    section#brands-relevant-market-details-page div.modal-body div.market div.row-name {
      height: 55px;
      margin-bottom: 15px; }
    section#brands-relevant-market-details-page div.modal-body div.market div.markets {
      height: calc(100% - 70px);
      border: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets > div:not(:last-child) {
        border-right: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.col-title {
        height: 45px; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.col-title > * {
        border-bottom: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.col-title > *:not(:last-child) {
        border-right: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.col-market:not(:last-child) {
        border-right: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets md-list {
        padding: 0;
        overflow-y: auto; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.header {
        padding: 0 16px;
        min-height: 45px;
        height: 45px;
        border-bottom: 1px solid #bdccd2; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.header .sales {
          width: 98px; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.header span.searchable-input {
          padding: 0 15px; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list {
        height: calc(100% - 45px);
        overflow: auto; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list div.data-container {
          overflow: auto; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list {
          width: 100%; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item.md-no-proxy md-checkbox {
            margin-right: 29px; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item span {
            width: 50px; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item:hover,
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item.selected {
            background: #dfe2ec; }

section#brands-relevant-market-edit-page md-checkbox {
  margin: 8px 0; }

section#brands-relevant-market-details-page div.modal-body {
  height: calc(100% - 60px - 65px);
  max-height: none; }
  section#brands-relevant-market-details-page div.modal-body div.market {
    height: 100%; }
    section#brands-relevant-market-details-page div.modal-body div.market div.row-name {
      height: 55px;
      margin-bottom: 15px; }
    section#brands-relevant-market-details-page div.modal-body div.market div.markets {
      height: calc(100% - 70px);
      border: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.col-market:not(:last-child) {
        border-right: 1px solid #bdccd2; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.header {
        height: 45px;
        border-bottom: 1px solid #bdccd2; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.header span.searchable-input {
          padding: 0 15px; }
      section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list {
        height: calc(100% - 45px);
        overflow: auto; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list div.data-container {
          overflow: auto; }
        section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list {
          width: 100%; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item.md-no-proxy md-checkbox {
            margin-right: 29px; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item span {
            width: 50px; }
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item:hover,
          section#brands-relevant-market-details-page div.modal-body div.market div.markets div.items-list md-list md-list-item.selected {
            background: #dfe2ec; }

section#brands-relevant-markets-page div.brand {
  margin-bottom: 0; }
  section#brands-relevant-markets-page div.brand button.btn-cex:not(:last-of-type) {
    margin: 15px 15px 15px 0; }
  section#brands-relevant-markets-page div.brand div.virtuals {
    width: 350px;
    background: white; }
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body,
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-head {
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7); }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row.row-active,
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-head div.cex-table-row.row-active {
        -webkit-box-shadow: none;
                box-shadow: none; }
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row {
      cursor: pointer; }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row div.cex-table-cell,
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row div.cex-table-cell form,
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row div.cex-table-cell form label {
        cursor: pointer; }
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row:hover:not(.no-hover),
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row.row-active {
      background: #dfe2ec; }
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row.no-hover,
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-row.no-hover div.cex-table-cell {
      cursor: default; }
    section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body {
      height: 100%; }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.col-name.col-level1 {
        padding-left: 15px; }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.col-name.col-level2 {
        padding-left: 30px; }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.col-name.col-level3 {
        padding-left: 45px; }
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row:hover:not(.no-hover),
      section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row.row-active {
        border-left: 10px solid #ed1c24; }
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row:hover:not(.no-hover) div.col-name.col-level1,
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row.row-active div.col-name.col-level1 {
          padding-left: 5px; }
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row:hover:not(.no-hover) div.col-name.col-level2,
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row.row-active div.col-name.col-level2 {
          padding-left: 20px; }
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row:hover:not(.no-hover) div.col-name.col-level3,
        section#brands-relevant-markets-page div.brand div.virtuals div.cex-table-body div.cex-table-row.row-active div.col-name.col-level3 {
          padding-left: 35px; }
  section#brands-relevant-markets-page div.brand div.markets {
    background: #dfe2ec; }
    section#brands-relevant-markets-page div.brand div.markets md-list {
      overflow-y: auto;
      height: calc(100% - 35px - 30px); }
      section#brands-relevant-markets-page div.brand div.markets md-list i {
        width: 24px;
        text-align: center; }
      section#brands-relevant-markets-page div.brand div.markets md-list .md-secondary {
        margin: 0 15px 0 0; }
    section#brands-relevant-markets-page div.brand div.markets button.btn-add {
      margin: 15px 0 15px 15px; }
    section#brands-relevant-markets-page div.brand div.markets md-list-item.child {
      padding-left: 64px; }

section#brands-relevant-markets-page div.footer {
  height: 55px;
  padding: 0 10px; }

section#address-select-page div.addresses span.tag-input {
  display: block;
  width: 350px;
  max-width: 350px;
  margin-bottom: 5px;
  text-align: left;
  padding-right: 0;
  float: none; }
  section#address-select-page div.addresses span.tag-input table {
    width: 100%; }
    section#address-select-page div.addresses span.tag-input table td {
      vertical-align: top;
      border-right: 10px; }
    section#address-select-page div.addresses span.tag-input table td.details {
      padding-left: 10px; }
    section#address-select-page div.addresses span.tag-input table td.index {
      width: 20px; }
    section#address-select-page div.addresses span.tag-input table td.primary {
      width: 70px;
      max-width: 70px;
      vertical-align: middle;
      border-right: 1px solid #BDCCD2; }
      section#address-select-page div.addresses span.tag-input table td.primary label {
        width: 100%;
        white-space: normal;
        text-align: center; }
        section#address-select-page div.addresses span.tag-input table td.primary label input {
          display: block;
          margin: 0 auto; }

section#address-select-page div.addresses span.edit-button.add-button {
  float: none;
  margin-left: -2px; }
  section#address-select-page div.addresses span.edit-button.add-button i.background,
  section#address-select-page div.addresses span.edit-button.add-button i.foreground {
    margin-top: -2px; }

section#address-select-page div.addresses div.address-add-form {
  width: calc(100% - 30px); }

brands-browser md-list .loader-container {
  min-height: 52px; }

brands-browser md-list .data-container {
  overflow-y: auto; }

brands-browser md-list md-list-item > md-checkbox, brands-browser md-list md-list-item .md-list-item-inner > md-checkbox,
brands-browser md-list i {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 20px !important;
  text-align: center; }

brands-browser md-list md-list-item._md-button-wrap > div.md-button:first-child {
  padding: 0; }

brands-browser md-list .child-level {
  padding-left: 30px; }

section#hcp-hca-search-page div.modal-body {
  padding-left: 15px; }
  section#hcp-hca-search-page div.modal-body .mdm-input {
    width: 200px; }

section#hcp-hca-search-page div.modal-body div.form-group {
  margin: 0; }

section#hcp-hca-search-page div.modal-body div.form-group > label:first-of-type {
  margin-top: 5px; }

section#hcp-hca-search-page div.modal-body div.form-group > label {
  margin-top: 25px; }

section#hcp-hca-search-page div.modal-body div.form-group > label > span {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 25px; }

section#hcp-hca-search-page md-autocomplete[disabled], section#hcp-hca-search-page md-autocomplete {
  height: 34px; }

section#hcp-hca-search-page md-autocomplete input[disabled] {
  background-color: #EEEEEE;
  opacity: 1;
  border: 2px solid #EEEEEE;
  cursor: not-allowed; }

section#hcp-hca-list .search-params {
  margin-top: 15px; }
  section#hcp-hca-list .search-params .search-mdm, section#hcp-hca-list .search-params .search-name, section#hcp-hca-list .search-params .search-county, section#hcp-hca-list .search-params .search-specialty {
    padding-left: 15px; }
    section#hcp-hca-list .search-params .search-mdm span, section#hcp-hca-list .search-params .search-name span, section#hcp-hca-list .search-params .search-county span, section#hcp-hca-list .search-params .search-specialty span {
      margin-right: 10px; }
  section#hcp-hca-list .search-params .search-button {
    margin-left: 30px; }
  section#hcp-hca-list .search-params .search-hcp-button-fields {
    margin: 5px 0 0 30px; }
  section#hcp-hca-list .search-params .search-hca-button-fields {
    margin: 0 0 5px 30px; }
  section#hcp-hca-list .search-params .search-county md-autocomplete, section#hcp-hca-list .search-params .search-specialty md-autocomplete {
    margin-top: 6px; }

section#hcp-hca-list .cex-tile.full-height {
  height: calc(100% - 90px); }

section#hcp-hca-list .cex-table div.col-mdm {
  padding-left: 15px; }

section#hcp-hca-list .cex-table div.col-name,
section#hcp-hca-list .cex-table div.col-specialties,
section#hcp-hca-list .cex-table div.col-address,
section#hcp-hca-list .cex-table div.col-actions {
  text-align: center; }

section#hcp-hca-list .cex-table div.col-mdm,
section#hcp-hca-list .cex-table div.col-actions {
  width: 100px; }

section#hcp-hca-list .cex-table .added {
  opacity: 0.45;
  pointer-events: none; }

section#hcp-hca-list .cex-table div.col-address, section#hcp-hca-list .cex-table div.col-specialties {
  white-space: normal; }

section#hcp-hca-list .cex-table .new-search {
  text-align: right; }


section.sales-target-product-targets-page {
  padding: 0 15px; }
  section.sales-target-product-targets-page div.featured {
    height: 120px;
    text-align: center; }
    section.sales-target-product-targets-page div.featured div.initial-vs-adjusted {
      width: 675px;
      height: 90px;
      max-height: 90px;
      float: left;
      margin-right: 0;
      line-height: normal;
      font-weight: bold; }
      section.sales-target-product-targets-page div.featured div.initial-vs-adjusted div.title {
        font-weight: bold;
        font-size: 16px; }
      section.sales-target-product-targets-page div.featured div.initial-vs-adjusted div.count {
        font-size: 28px;
        font-weight: bold; }
    section.sales-target-product-targets-page div.featured button.pre-populate {
      height: 70px;
      width: 130px;
      line-height: 25px;
      margin: 15px; }
  section.sales-target-product-targets-page div.territories {
    height: calc(100% - 120px);
    width: 100%; }
  section.sales-target-product-targets-page div.row-highlight {
    background-color: #dfe2ec !important; }

section.sales-target-product-adjust-conflicts-page div.cex-table {
  width: 100%;
  height: 300px;
  border: 1px solid #bdccd2; }
  section.sales-target-product-adjust-conflicts-page div.cex-table div.cex-table-body {
    height: calc(100% - 50px); }
  section.sales-target-product-adjust-conflicts-page div.cex-table div.cex-table-row.data-row > div.cex-table-cell:first-child {
    text-align: left;
    padding-left: 15px; }
  section.sales-target-product-adjust-conflicts-page div.cex-table div.cex-table-row.data-row div.cex-table-row:last-child {
    border-bottom: none; }
  section.sales-target-product-adjust-conflicts-page div.cex-table div.col-county {
    width: 25%; }
  section.sales-target-product-adjust-conflicts-page div.cex-table div.col-team,
  section.sales-target-product-adjust-conflicts-page div.cex-table div.col-manager,
  section.sales-target-product-adjust-conflicts-page div.cex-table div.col-target,
  section.sales-target-product-adjust-conflicts-page div.cex-table div.col-difference {
    text-align: center; }

section.sales-target-product-adjust-pre-populate-options-page ul li {
  list-style: none; }

section.sales-target-product-details-page div.header {
  height: 54px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #bdccd2; }
  section.sales-target-product-details-page div.header label {
    margin: 10px 0 10px 15px; }
    section.sales-target-product-details-page div.header label select {
      display: inline-block; }

section.sales-target-product-details-page div.data {
  height: calc(100% - 54px - 1px);
  width: 100%; }
  section.sales-target-product-details-page div.data div.products-data,
  section.sales-target-product-details-page div.data div.details-data {
    height: calc(50% - 15px - 2px);
    width: calc(100% - 30px - 2px);
    margin: 15px; }
  section.sales-target-product-details-page div.data div.products-data {
    border: 1px solid #bdccd2; }
    section.sales-target-product-details-page div.data div.products-data div.container {
      height: 100%;
      width: 100%;
      padding: 0;
      overflow-y: auto; }
      section.sales-target-product-details-page div.data div.products-data div.container div.cex-table {
        width: auto;
        height: 100%;
        overflow-y: hidden;
        overflow-x: hidden; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-head div.col-sales div.cex-table-row:not(:last-of-type),
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-head div.col-target div.cex-table-row:not(:last-of-type) {
          border-bottom: 1px solid #bdccd2; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-head div.col-sales div.cex-table-cell,
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-head div.col-target div.cex-table-cell {
          height: 25px; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-body {
          height: calc(100% - 52px);
          overflow-x: hidden;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          background-color: #fbfcfd; }
          section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-body div.col-sales div.cex-table-row,
          section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.cex-table-body div.col-target div.cex-table-row {
            border: none; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.col-product {
          width: 300px;
          padding-left: 15px; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.col-sales {
          width: 250px;
          text-align: center; }
        section.sales-target-product-details-page div.data div.products-data div.container div.cex-table div.col-target {
          width: 150px;
          text-align: center; }
    section.sales-target-product-details-page div.data div.products-data div.footer {
      height: 55px;
      text-align: right;
      border-top: 1px solid #bdccd2; }
  section.sales-target-product-details-page div.data div.products-data {
    height: calc(50% - 30px - 2px); }
  section.sales-target-product-details-page div.data div.details-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.sales-target-product-details-page div.data div.details-data div.options {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 100%;
      height: 100%;
      border: 1px solid #bdccd2; }
      section.sales-target-product-details-page div.data div.details-data div.options div.header {
        height: 55px;
        line-height: 55px;
        font-weight: bold;
        text-align: center; }
      section.sales-target-product-details-page div.data div.details-data div.options div.container {
        width: 100%;
        height: calc(100% - 55px);
        background-color: #fbfcfd;
        overflow-y: auto; }
      section.sales-target-product-details-page div.data div.details-data div.options div.footer {
        height: 55px;
        text-align: center;
        border-top: 1px solid #bdccd2; }

section.sales-target-product-geographic-allocation-page .market-filter {
  margin-right: 15px; }
  section.sales-target-product-geographic-allocation-page .market-filter select {
    width: 200px; }

section.sales-target-product-geographic-allocation-page div.geo-header {
  height: 65px;
  padding: 0 15px; }
  section.sales-target-product-geographic-allocation-page div.geo-header span.separator {
    margin: 5px;
    height: 65px;
    line-height: 45px; }
  section.sales-target-product-geographic-allocation-page div.geo-header label {
    display: inline-block;
    margin: 0; }
    section.sales-target-product-geographic-allocation-page div.geo-header label span {
      display: block;
      margin: 0;
      text-align: center; }

section.sales-target-product-geographic-allocation-page div.product-container {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 15px;
  border: 1px solid #bdccd2;
  height: calc(100% - 15px - 65px);
  width: calc(100% - 30px);
  max-height: none; }
  section.sales-target-product-geographic-allocation-page div.product-container div.tabs {
    position: relative;
    display: inline-block;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100px;
    float: left; }
    section.sales-target-product-geographic-allocation-page div.product-container div.tabs div.tab {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      min-height: 100px;
      padding: 5px;
      -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
              box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
      border-left: 10px solid transparent;
      border-top: 1px solid #bdccd2;
      border-bottom: 1px solid #bdccd2;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
      word-break: break-all;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto; }
    section.sales-target-product-geographic-allocation-page div.product-container div.tabs div.tab.active {
      background: #dfe2ec;
      border-left: 10px solid #ed1c24;
      -webkit-box-shadow: none;
              box-shadow: none; }
  section.sales-target-product-geographic-allocation-page div.product-container div.product-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 15px;
    height: 100%;
    width: calc(100% - 100px);
    float: right;
    background: #dfe2ec; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content > section {
      height: 100%;
      width: 100%; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content div.filters {
      height: 60px; }
      section.sales-target-product-geographic-allocation-page div.product-container div.product-content div.filters span {
        margin-right: 5px; }
      section.sales-target-product-geographic-allocation-page div.product-container div.product-content div.filters input[cex-input-number] {
        width: 75px; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content div.allocation-table {
      height: calc(100% - 60px); }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-pinned-left-header,
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-cell-last-left-pinned,
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-pinned-left-floating-bottom {
      border-right: 1px solid #bdccd2; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-header-group-cell:not(:last-child),
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-header-cell[colid*=_country_growth]:not(:last-child),
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-cell[colid*=_country_growth]:not(:last-child) {
      border-right: 1px solid #bdccd2; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-pinned-right-header,
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content .ag-cell-first-right-pinned {
      border-left: 1px solid #bdccd2; }
    section.sales-target-product-geographic-allocation-page div.product-container div.product-content div.col-county {
      padding-left: 15px;
      text-align: left;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }

section.sales-target-product-master-page div.view {
  height: calc(100% - 55px - 15px); }

section.sales-target-product-master-page div.footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center; }
  section.sales-target-product-master-page div.footer button.previous {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  section.sales-target-product-master-page div.footer button.next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  section.sales-target-product-master-page div.footer button {
    margin: 10px; }

section.sales-target-product-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.sales-target-product-page div.sales-target-product-container {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px 15px 0 15px;
    border: 1px solid #bdccd2;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    max-height: none; }
    section.sales-target-product-page div.sales-target-product-container div.tabs {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: 100px;
      float: left; }
      section.sales-target-product-page div.sales-target-product-container div.tabs div.tab {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
      section.sales-target-product-page div.sales-target-product-container div.tabs div.tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.sales-target-product-page div.sales-target-product-container div.sales-target-product-content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: calc(100% - 100px);
      float: right;
      background: #dfe2ec; }
      section.sales-target-product-page div.sales-target-product-container div.sales-target-product-content > section {
        height: 100%;
        width: 100%; }

section.sales-target-product-targets-page {
  padding: 0 15px; }
  section.sales-target-product-targets-page div.cex-table div.cex-table-cell label.marketMargin {
    margin: 5px; }
  section.sales-target-product-targets-page div.cex-table div.cex-table-cell input[type=text] {
    text-align: center;
    padding: 0 6px 0 6px; }
  section.sales-target-product-targets-page div.header {
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-weight: bold; }
  section.sales-target-product-targets-page div.targets {
    height: calc(100% - 40px);
    width: 100%; }
    section.sales-target-product-targets-page div.targets div.header {
      border-bottom: 1px solid #bdccd2; }
    section.sales-target-product-targets-page div.targets div.header,
    section.sales-target-product-targets-page div.targets div.content {
      display: block;
      overflow: hidden;
      width: 100%; }
    section.sales-target-product-targets-page div.targets div.header {
      height: 100px; }
      section.sales-target-product-targets-page div.targets div.header div.cex-table {
        height: 100px;
        width: 100%;
        overflow: initial; }
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.cex-table-body {
          width: auto;
          overflow: initial; }
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-evolution div.cex-table-cell,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-last-month div.cex-table-cell,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-month div.cex-table-cell {
          height: 29px;
          line-height: 29px;
          font-weight: normal; }
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-evolution div.cex-table-row,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-last-month div.cex-table-row,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-month div.cex-table-row {
          border-bottom: 1px solid #bdccd2; }
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-evolution div.cex-table-row:last-of-type div.cex-table-cell,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-last-month div.cex-table-row:last-of-type div.cex-table-cell,
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-month div.cex-table-row:last-of-type div.cex-table-cell {
          height: 69px; }
        section.sales-target-product-targets-page div.targets div.header div.cex-table div.col-evolution div.cex-table-cell {
          white-space: normal; }
      section.sales-target-product-targets-page div.targets div.header div.data {
        height: 100px; }
      section.sales-target-product-targets-page div.targets div.header div.total {
        height: calc(100% - 1px);
        line-height: 20px; }
        section.sales-target-product-targets-page div.targets div.header div.total div.title {
          height: 30px; }
        section.sales-target-product-targets-page div.targets div.header div.total label select {
          height: 30px;
          width: 90%; }
    section.sales-target-product-targets-page div.targets div.content {
      height: calc(100% - 100px);
      overflow-y: auto; }
    section.sales-target-product-targets-page div.targets div.legend,
    section.sales-target-product-targets-page div.targets div.data,
    section.sales-target-product-targets-page div.targets div.total {
      display: inline-block;
      float: left;
      min-height: 100px;
      text-align: center; }
    section.sales-target-product-targets-page div.targets div.legend {
      width: 180px;
      text-align: left;
      font-weight: bold; }
      section.sales-target-product-targets-page div.targets div.legend div.cex-table-cell {
        padding-left: 15px; }
      section.sales-target-product-targets-page div.targets div.legend div.col-product-details {
        padding-left: 30px; }
    section.sales-target-product-targets-page div.targets div.data {
      width: calc(100% - 180px - 125px);
      overflow: hidden; }
    section.sales-target-product-targets-page div.targets div.data.scrollbar-adjust {
      width: calc(100% - 180px - 125px - 17px); }
    section.sales-target-product-targets-page div.targets div.total {
      width: 125px;
      border-left: 1px solid #bdccd2; }
      section.sales-target-product-targets-page div.targets div.total div.row-level {
        height: 90px; }
    section.sales-target-product-targets-page div.targets div.cex-table {
      width: 100%; }
      section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body {
        width: 100%;
        height: 100%;
        overflow-y: visible;
        overflow-x: visible; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.cex-table-row {
          border: none; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.cex-table-row.row-highlight {
          background-color: #edeff3; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.cex-table-row.row-market-highlight {
          background-color: #d1d3d6; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.cex-table-cell.col-month-highlight {
          background-color: #c2c4c7; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.row-name div.cex-table-cell {
          overflow: visible; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-evolution,
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-last-month,
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month {
          padding: 0 5px; }
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-evolution input[type=number],
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-last-month input[type=number],
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month input[type=number] {
            width: 80%;
            padding: 0 0 0 5px; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-evolution {
          width: 150px;
          text-align: center; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-last-month {
          width: 125px;
          text-align: center; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month {
          width: 350px;
          text-align: center; }
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-difference {
            width: 33%; }
            section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-difference div.cex-table-row {
              border-bottom: none; }
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-yoy,
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-difference {
            width: 100px; }
          section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-price label {
            width: 100%; }
            section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-month div.col-price label input {
              width: 50%; }
        section.sales-target-product-targets-page div.targets div.cex-table div.cex-table-body div.col-actions {
          width: 120px; }
    section.sales-target-product-targets-page div.targets div.cex-table.data {
      height: 100%; }
    section.sales-target-product-targets-page div.targets div.data .mCustomScrollBox.mCSB_horizontal.mCSB_inside {
      height: 100px;
      overflow: hidden; }
  section.sales-target-product-targets-page div.col-transparent div.cex-table-cell {
    background-color: transparent !important; }
  section.sales-target-product-targets-page div.col-total {
    white-space: initial; }

.mCustomScrollBox.mCS-dark-thick.mCSB_horizontal.mCSB_inside {
  overflow-y: auto; }

section.sales-target-product-teams-conflicts-page div.cex-table {
  border: 1px solid #bdccd2; }
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-county {
    padding-left: 15px; }
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-manager,
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-initial,
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-adjusted,
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-difference {
    text-align: center; }
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-initial,
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-adjusted,
  section.sales-target-product-teams-conflicts-page div.cex-table div.col-difference {
    width: 150px; }
  section.sales-target-product-teams-conflicts-page div.cex-table div.cex-table-body {
    height: calc(100% - 55px); }

section.sales-target-product-teams-page div.header {
  height: 50px;
  font-weight: bold; }

section.sales-target-product-teams-page div.cex-table {
  margin: 0 14px;
  width: calc(100% - 28px);
  height: calc(100% - 50px);
  border: 1px solid #bdccd2;
  border-bottom: none; }
  section.sales-target-product-teams-page div.cex-table div.col-name {
    padding-left: 15px; }
  section.sales-target-product-teams-page div.cex-table div.col-initial,
  section.sales-target-product-teams-page div.cex-table div.col-adjusted,
  section.sales-target-product-teams-page div.cex-table div.col-difference,
  section.sales-target-product-teams-page div.cex-table div.col-conflicts,
  section.sales-target-product-teams-page div.cex-table div.col-actions {
    width: 150px;
    text-align: center; }
  section.sales-target-product-teams-page div.cex-table div.col-conflicts {
    width: 100px; }
  section.sales-target-product-teams-page div.cex-table div.col-actions {
    width: 75px; }
  section.sales-target-product-teams-page div.cex-table div.cex-table-body {
    height: calc(100% - 55px); }
    section.sales-target-product-teams-page div.cex-table div.cex-table-body div.level-2 {
      padding-left: 30px; }
    section.sales-target-product-teams-page div.cex-table div.cex-table-body div.level-3 {
      padding-left: 45px; }
    section.sales-target-product-teams-page div.cex-table div.cex-table-body .brand-row {
      font-weight: bold; }
    section.sales-target-product-teams-page div.cex-table div.cex-table-body .team-row {
      font-style: italic; }

section.sales-target-product-teams-reject-page textarea {
  width: 100%;
  height: 200px;
  resize: none;
  padding: 12px; }

section#sales-target-products-page {
  height: 100%;
  width: 100%; }
  section#sales-target-products-page div.cex-table {
    position: relative;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid #bdccd2; }
    section#sales-target-products-page div.cex-table div.cex-table-body,
    section#sales-target-products-page div.cex-table div.cex-table-row {
      background-color: #fbfcfd; }
    section#sales-target-products-page div.cex-table div.cex-table-footer {
      height: 50px; }
    section#sales-target-products-page div.cex-table div.col-product {
      padding-left: 15px; }
    section#sales-target-products-page div.cex-table div.col-latest-data,
    section#sales-target-products-page div.cex-table div.col-latest-target {
      width: 125px;
      white-space: normal;
      text-align: center; }
    section#sales-target-products-page div.cex-table div.col-status,
    section#sales-target-products-page div.cex-table div.col-promoted,
    section#sales-target-products-page div.cex-table div.col-actions {
      width: 100px;
      text-align: center; }
    section#sales-target-products-page div.cex-table button.btn-add,
    section#sales-target-products-page div.cex-table label.add-product {
      margin: 9px 15px; }
    section#sales-target-products-page div.cex-table label.add-product {
      width: 450px; }
      section#sales-target-products-page div.cex-table label.add-product select {
        width: calc(100% - 70px); }

section.sales-target-team-individual-targets-page {
  padding: 14px 14px 0 14px; }
  section.sales-target-team-individual-targets-page div.header {
    height: 75px;
    width: 100%;
    margin-bottom: 15px; }
    section.sales-target-team-individual-targets-page div.header div.measurements {
      float: left;
      line-height: 35px;
      font-weight: bold; }
      section.sales-target-team-individual-targets-page div.header div.measurements label span {
        width: 100px; }
    section.sales-target-team-individual-targets-page div.header div.filters {
      float: right; }
  section.sales-target-team-individual-targets-page div.persons {
    display: block;
    height: calc(100% - 75px - 30px - 2px);
    width: 100%;
    overflow: hidden; }

html, body {
  font-family: "Open Sans", "Arial", sans-serif !important;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  color: black;
  background-color: #f9fafc; }

section.sales-target-team-master div.sales-component {
  height: calc(100% - 60px); }

section.sales-target-team-master div.sales-footer {
  position: relative;
  height: 55px;
  margin-top: 0;
  text-align: center; }
  section.sales-target-team-master div.sales-footer div.left-region {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  section.sales-target-team-master div.sales-footer div.center-region div.indicator-state-item {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    cursor: pointer; }
    section.sales-target-team-master div.sales-footer div.center-region div.indicator-state-item span {
      line-height: 55px;
      font-weight: bold; }
  section.sales-target-team-master div.sales-footer div.center-region div.indicator-state-item.active {
    background-color: #ed1c24;
    color: white; }
  section.sales-target-team-master div.sales-footer div.right-region {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  section.sales-target-team-master div.sales-footer button {
    margin: 10px; }

section.sales-target-team-product-page {
  position: relative;
  display: block;
  overflow: hidden; }
  section.sales-target-team-product-page div.product-container {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px 15px 0 15px;
    border: 1px solid #bdccd2;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    max-height: none; }
    section.sales-target-team-product-page div.product-container div.tabs {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: 100px;
      float: left; }
      section.sales-target-team-product-page div.product-container div.tabs div.tab {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        -webkit-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
                box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.7);
        border-left: 10px solid transparent;
        border-top: 1px solid #bdccd2;
        border-bottom: 1px solid #bdccd2;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
      section.sales-target-team-product-page div.product-container div.tabs div.tab.active {
        background: #dfe2ec;
        border-left: 10px solid #ed1c24;
        -webkit-box-shadow: none;
                box-shadow: none; }
    section.sales-target-team-product-page div.product-container div.product-content {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 100%;
      width: calc(100% - 100px);
      float: right;
      background: #dfe2ec; }
      section.sales-target-team-product-page div.product-container div.product-content > section {
        height: 100%;
        width: 100%; }

section.sales-target-team-position-plans-page {
  height: 100%;
  padding-top: 15px; }
  section.sales-target-team-position-plans-page div.cex-tile {
    margin-top: 0;
    margin-bottom: 0;
    height: calc(100% - 15px);
    max-height: calc(100% - 15px); }
  section.sales-target-team-position-plans-page div.title {
    font-size: 1.5em;
    text-align: center;
    padding: 5px 0;
    max-height: 40px; }
  section.sales-target-team-position-plans-page div.planning {
    width: 50%;
    display: table;
    height: 100%;
    margin-right: 0;
    border-collapse: collapse; }
    section.sales-target-team-position-plans-page div.planning div.status {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      padding: 10px;
      width: 135px;
      font-size: 1.2em;
      font-weight: bold;
      border-right: 1px solid #bdccd2;
      background-color: #dfe2ec; }
    section.sales-target-team-position-plans-page div.planning div.details {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-weight: bold; }
    section.sales-target-team-position-plans-page div.planning div.plan-status,
    section.sales-target-team-position-plans-page div.planning div.team-allocation,
    section.sales-target-team-position-plans-page div.planning div.products,
    section.sales-target-team-position-plans-page div.planning div.deadline {
      display: table-row;
      width: 100%;
      border-bottom: 1px solid #bdccd2; }
    section.sales-target-team-position-plans-page div.planning div.plan-status {
      height: 90px; }
      section.sales-target-team-position-plans-page div.planning div.plan-status div.details {
        font-size: 1.2em; }
    section.sales-target-team-position-plans-page div.planning div.team-allocation {
      height: 100px; }
      section.sales-target-team-position-plans-page div.planning div.team-allocation div.details {
        padding: 0 15px;
        text-align: left; }
    section.sales-target-team-position-plans-page div.planning div.products {
      height: calc(100% - 90px - 125px - 90px); }
      section.sales-target-team-position-plans-page div.planning div.products div.details {
        vertical-align: top;
        padding: 15px;
        text-align: left; }
    section.sales-target-team-position-plans-page div.planning div.deadline {
      border-bottom: none; }
      section.sales-target-team-position-plans-page div.planning div.deadline div.details {
        font-size: 1.2em; }
  section.sales-target-team-position-plans-page div.plans {
    width: 50%;
    margin-right: 0;
    border-left: 1px solid #bdccd2; }
    section.sales-target-team-position-plans-page div.plans div.cex-table {
      height: calc(100% - 40px); }
      section.sales-target-team-position-plans-page div.plans div.cex-table div.cex-table-body {
        height: calc(100% - 50px); }
      section.sales-target-team-position-plans-page div.plans div.cex-table div.col-name {
        text-align: left;
        padding-left: 15px; }
      section.sales-target-team-position-plans-page div.plans div.cex-table div.col-status {
        width: 20%;
        text-align: center; }
      section.sales-target-team-position-plans-page div.plans div.cex-table div.col-actions {
        width: 115px;
        text-align: center; }

section.sales-target-team-product-reps-page {
  padding: 14px 14px 0 14px; }
  section.sales-target-team-product-reps-page div.header {
    height: 90px;
    width: 100%;
    margin-bottom: 15px; }
    section.sales-target-team-product-reps-page div.header div.total {
      float: left;
      font-weight: bold; }
      section.sales-target-team-product-reps-page div.header div.total div.initial-vs-adjusted-vs-final {
        width: 675px;
        height: 90px;
        max-height: 90px;
        float: left;
        margin: 0;
        line-height: normal;
        font-weight: bold;
        text-align: center; }
        section.sales-target-team-product-reps-page div.header div.total div.initial-vs-adjusted-vs-final div.title {
          font-weight: bold;
          font-size: 16px; }
        section.sales-target-team-product-reps-page div.header div.total div.initial-vs-adjusted-vs-final div.count {
          font-size: 28px;
          font-weight: bold; }
    section.sales-target-team-product-reps-page div.header div.message {
      float: right;
      width: calc(100% - 680px);
      max-width: 320px;
      height: 100%;
      overflow: auto; }
  section.sales-target-team-product-reps-page div.persons {
    display: block;
    height: calc(100% - 90px - 30px - 2px);
    width: 100%;
    overflow: hidden;
    border: 1px solid #bdccd2; }
    section.sales-target-team-product-reps-page div.persons div.head,
    section.sales-target-team-product-reps-page div.persons div.content,
    section.sales-target-team-product-reps-page div.persons div.footer {
      display: block;
      width: 100%;
      height: 50px;
      overflow: hidden; }
      section.sales-target-team-product-reps-page div.persons div.head div.cex-table-row,
      section.sales-target-team-product-reps-page div.persons div.content div.cex-table-row,
      section.sales-target-team-product-reps-page div.persons div.footer div.cex-table-row {
        background-color: transparent; }
      section.sales-target-team-product-reps-page div.persons div.head div.legend,
      section.sales-target-team-product-reps-page div.persons div.head div.data,
      section.sales-target-team-product-reps-page div.persons div.head div.total,
      section.sales-target-team-product-reps-page div.persons div.content div.legend,
      section.sales-target-team-product-reps-page div.persons div.content div.data,
      section.sales-target-team-product-reps-page div.persons div.content div.total,
      section.sales-target-team-product-reps-page div.persons div.footer div.legend,
      section.sales-target-team-product-reps-page div.persons div.footer div.data,
      section.sales-target-team-product-reps-page div.persons div.footer div.total {
        display: inline-block;
        float: left;
        height: 100%;
        border-bottom: none;
        text-align: center; }
      section.sales-target-team-product-reps-page div.persons div.head div.legend,
      section.sales-target-team-product-reps-page div.persons div.content div.legend,
      section.sales-target-team-product-reps-page div.persons div.footer div.legend {
        width: 150px;
        text-align: left;
        padding-left: 15px;
        font-weight: normal;
        border-right: 1px solid #bdccd2;
        line-height: 50px; }
      section.sales-target-team-product-reps-page div.persons div.head div.data,
      section.sales-target-team-product-reps-page div.persons div.content div.data,
      section.sales-target-team-product-reps-page div.persons div.footer div.data {
        width: calc(100% - 150px - 375px);
        overflow: hidden; }
      section.sales-target-team-product-reps-page div.persons div.head div.total,
      section.sales-target-team-product-reps-page div.persons div.content div.total,
      section.sales-target-team-product-reps-page div.persons div.footer div.total {
        width: 375px;
        border-right: 1px solid #bdccd2; }
      section.sales-target-team-product-reps-page div.persons div.head div.cex-table,
      section.sales-target-team-product-reps-page div.persons div.content div.cex-table,
      section.sales-target-team-product-reps-page div.persons div.footer div.cex-table {
        height: 50px;
        width: 100%;
        overflow: initial; }
        section.sales-target-team-product-reps-page div.persons div.head div.cex-table div.cex-table-body,
        section.sales-target-team-product-reps-page div.persons div.content div.cex-table div.cex-table-body,
        section.sales-target-team-product-reps-page div.persons div.footer div.cex-table div.cex-table-body {
          width: auto;
          overflow: initial; }
          section.sales-target-team-product-reps-page div.persons div.head div.cex-table div.cex-table-body div.cex-table-cell,
          section.sales-target-team-product-reps-page div.persons div.content div.cex-table div.cex-table-body div.cex-table-cell,
          section.sales-target-team-product-reps-page div.persons div.footer div.cex-table div.cex-table-body div.cex-table-cell {
            height: 44px;
            line-height: 44px;
            font-weight: normal; }
        section.sales-target-team-product-reps-page div.persons div.head div.cex-table div.col-month,
        section.sales-target-team-product-reps-page div.persons div.content div.cex-table div.col-month,
        section.sales-target-team-product-reps-page div.persons div.footer div.cex-table div.col-month {
          width: 300px;
          text-align: center; }
          section.sales-target-team-product-reps-page div.persons div.head div.cex-table div.col-month div.cex-table-row div.cex-table-cell,
          section.sales-target-team-product-reps-page div.persons div.content div.cex-table div.col-month div.cex-table-row div.cex-table-cell,
          section.sales-target-team-product-reps-page div.persons div.footer div.cex-table div.col-month div.cex-table-row div.cex-table-cell {
            height: 24px;
            line-height: 24px; }
      section.sales-target-team-product-reps-page div.persons div.head div.cex-table.data,
      section.sales-target-team-product-reps-page div.persons div.content div.cex-table.data,
      section.sales-target-team-product-reps-page div.persons div.footer div.cex-table.data {
        height: 100%; }
    section.sales-target-team-product-reps-page div.persons div.head div.legend {
      padding-left: 15px;
      border-bottom: 1px solid #bdccd2; }
    section.sales-target-team-product-reps-page div.persons div.head div.cex-table {
      height: 100%; }
      section.sales-target-team-product-reps-page div.persons div.head div.cex-table div.cex-table-body > div.cex-table-row {
        border: none; }
    section.sales-target-team-product-reps-page div.persons div.content {
      height: calc(100% - 100px);
      background-color: #fbfcfd; }
      section.sales-target-team-product-reps-page div.persons div.content div.cex-table div.cex-table-body div.cex-table-row {
        border-bottom: none; }
    section.sales-target-team-product-reps-page div.persons div.footer {
      border-top: 1px solid #bdccd2; }
      section.sales-target-team-product-reps-page div.persons div.footer div.legend {
        padding-left: 15px; }
      section.sales-target-team-product-reps-page div.persons div.footer div.cex-table {
        height: 100%; }
        section.sales-target-team-product-reps-page div.persons div.footer div.cex-table div.cex-table-body div.cex-table-row {
          border: none; }
  section.sales-target-team-product-reps-page div.col-person {
    padding-left: 15px; }
  section.sales-target-team-product-reps-page div.col-county {
    padding-left: 20px;
    font-style: italic; }

section.sales-target-team-product-territory-page {
  padding: 14px 14px 0 14px; }
  section.sales-target-team-product-territory-page div.header {
    height: 90px;
    width: 100%;
    margin-bottom: 15px; }
    section.sales-target-team-product-territory-page div.header div.total {
      float: left;
      font-weight: bold; }
      section.sales-target-team-product-territory-page div.header div.total div.initial-vs-adjusted-vs-final {
        width: 600px;
        height: 90px;
        max-height: 90px;
        float: left;
        margin: 0;
        line-height: normal;
        font-weight: bold;
        text-align: center; }
        section.sales-target-team-product-territory-page div.header div.total div.initial-vs-adjusted-vs-final div.title {
          font-weight: bold;
          font-size: 16px; }
        section.sales-target-team-product-territory-page div.header div.total div.initial-vs-adjusted-vs-final div.count {
          font-size: 28px;
          font-weight: bold;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
    section.sales-target-team-product-territory-page div.header div.message {
      float: right;
      width: calc(100% - 605px);
      max-width: 320px;
      height: 100%;
      overflow: auto;
      text-align: center; }
      section.sales-target-team-product-territory-page div.header div.message .cex-tile {
        margin: 0;
        max-height: 100%;
        height: 100%;
        width: 100%; }
      section.sales-target-team-product-territory-page div.header div.message div.title {
        font-weight: bold;
        font-size: 16px; }
      section.sales-target-team-product-territory-page div.header div.message div.count {
        font-size: 28px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  section.sales-target-team-product-territory-page div.territories {
    display: block;
    height: calc(100% - 90px - 30px - 2px);
    width: 100%;
    overflow: hidden; }

section.sales-target-team-products-targets-page {
  padding: 14px 14px 0 14px; }
  section.sales-target-team-products-targets-page div.products {
    height: calc(100% - 125px);
    width: 100%;
    margin-bottom: 15px; }
    section.sales-target-team-products-targets-page div.products div.cex-table {
      height: 100%;
      width: 100%;
      border: 1px solid #bdccd2; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.cex-table-head div.col-national div.cex-table-row,
      section.sales-target-team-products-targets-page div.products div.cex-table div.cex-table-head div.col-national div.cex-table-row div.cex-table-cell {
        height: 25px; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.cex-table-head div.col-national div.cex-table-row:not(:last-of-type) {
        border-bottom: 1px solid #bdccd2; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-product {
        padding-left: 15px; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-formulation {
        padding-left: 30px; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-sales {
        width: 250px;
        text-align: center; }
        section.sales-target-team-products-targets-page div.products div.cex-table div.col-sales input {
          width: 85px; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-national {
        width: 350px;
        text-align: center; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-targets {
        width: 75px;
        text-align: center; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-volume,
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-value {
        width: 50%;
        text-align: center; }
      section.sales-target-team-products-targets-page div.products div.cex-table div.col-actions {
        width: 50px; }
  section.sales-target-team-products-targets-page div.products-full {
    height: 100%; }
  section.sales-target-team-products-targets-page div.no-targets {
    height: 125px;
    width: 100%;
    padding: 15px;
    border: 1px solid #bdccd2; }

section#sales-target-team-rejected-page {
  padding: 14px 14px 0 14px; }
  section#sales-target-team-rejected-page div.cex-table {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #bdccd2;
    border-bottom: none; }
    section#sales-target-team-rejected-page div.cex-table div.cex-table-body {
      height: calc(100% - 50px); }
    section#sales-target-team-rejected-page div.cex-table div.col-brand {
      padding-left: 15px;
      width: 300px; }
    section#sales-target-team-rejected-page div.cex-table div.col-rejected,
    section#sales-target-team-rejected-page div.cex-table div.col-resolved {
      text-align: center;
      width: 150px; }

section.sales-target-team-targets-page {
  padding: 14px 14px 0 14px; }
  section.sales-target-team-targets-page div.header {
    height: 75px;
    width: 100%;
    margin-bottom: 15px; }
    section.sales-target-team-targets-page div.header label span {
      margin-right: 5px; }
  section.sales-target-team-targets-page div.products {
    display: block;
    height: calc(100% - 75px - 30px - 2px);
    width: 100%;
    overflow: hidden; }

section.sales-target-team-targets-conflicts div.header {
  height: 35px;
  border-bottom: 1px solid black; }

section.sales-target-team-targets-conflicts div.ffm {
  height: 35px; }
  section.sales-target-team-targets-conflicts div.ffm div.ffm-target {
    width: 125px; }

section#vouchers-actions-page section:not(:last-child) {
  margin-bottom: 32px; }

section#vouchers-actions-page section .title {
  border-bottom: 2px solid #bdccd2;
  margin-bottom: 8px;
  font-weight: bold; }

section#vouchers-actions-page section .cex-table {
  border: 1px solid #bdccd2; }
  section#vouchers-actions-page section .cex-table .cex-table-head .cex-table-row .cex-table-cell:first-child,
  section#vouchers-actions-page section .cex-table .cex-table-body .cex-table-row .cex-table-cell:first-child {
    padding-left: 16px; }

section#vouchers-actions-page section .col-actions {
  width: 24px; }
  section#vouchers-actions-page section .col-actions span.cex-icon {
    margin: 0; }
  section#vouchers-actions-page section .col-actions.inactive {
    opacity: 0.4; }
    section#vouchers-actions-page section .col-actions.inactive * {
      cursor: default; }

section#vouchers-actions-page section .data-row {
  margin-bottom: 4px; }
  section#vouchers-actions-page section .data-row > *:not(:last-child) {
    margin-right: 4px; }

section#vouchers-actions-page section .col-contract {
  margin-top: 16px; }
  section#vouchers-actions-page section .col-contract span {
    font-style: italic;
    margin-bottom: 8px; }

section#vouchers-actions-page section .handout-report {
  margin-top: 16px; }

section#vouchers-customer-contract-page {
  height: 100%; }
  section#vouchers-customer-contract-page .modal-body {
    height: calc(100% - 60px - 65px);
    max-height: none; }
  section#vouchers-customer-contract-page .contract {
    height: calc(100% - 35px - 15px); }
    section#vouchers-customer-contract-page .contract.with-error {
      height: calc(100% - 35px - 32px - 15px); }
    section#vouchers-customer-contract-page .contract .contract-wrapper {
      overflow: auto; }
      section#vouchers-customer-contract-page .contract .contract-wrapper img {
        width: 100%; }
  section#vouchers-customer-contract-page .actions {
    height: 35px;
    margin-top: 15px; }

section#vouchers-customer-mapping-page md-list-item {
  border-bottom: 1px solid #bdccd2; }
  section#vouchers-customer-mapping-page md-list-item:first-of-type {
    border-top: 1px solid #bdccd2; }
  section#vouchers-customer-mapping-page md-list-item p {
    margin: 0; }

section#vouchers-customers-page #inTarget {
  color: black; }

section#vouchers-customers-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px); }

section#vouchers-customers-page div.cex-table div.add-customer {
  height: calc(100% - 105px); }

section#vouchers-customers-page div.cex-table div.cex-table-row {
  cursor: default; }

section#vouchers-customers-page div.cex-table div.cex-table-cell:first-child {
  padding-left: 15px; }

section#vouchers-customers-page div.cex-table div.cex-table-cell:not(:first-child) {
  text-align: center; }

section#vouchers-customers-page div.cex-table div.col-mdm,
section#vouchers-customers-page div.cex-table div.col-contract {
  width: 150px; }

section#vouchers-customers-page div.cex-table div.col-target {
  width: 100px; }

section#vouchers-customers-page div.cex-table div.col-actions {
  width: 50px; }

section#vouchers-customers-page div.cex-table span.tag-input {
  max-width: 100%; }

section#vouchers-customers-page div.cex-table .inactive {
  opacity: 0.4;
  cursor: default; }

section#vouchers-add-customer-page div.modal-error {
  background-color: red;
  color: white;
  text-align: center;
  height: 25px; }

section#vouchers-add-customer-page div.cex-table div.cex-table-row {
  cursor: default;
  text-align: center; }

section#vouchers-add-customer-page div.cex-table div.cex-table-body {
  height: 500px;
  overflow-y: hidden; }

section#vouchers-add-customer-page div.cex-table div.showScroll {
  overflow-y: auto; }

section#vouchers-add-customer-page div.cex-table div.cex-table-cell:first-child {
  padding-left: 15px;
  text-align: center; }

section#vouchers-add-customer-page div.cex-table div.cex-table-cell:not(:first-child) {
  text-align: center; }

section#vouchers-dashboard-page #header {
  width: 100%;
  height: 90px;
  font-weight: bold;
  margin: 50px auto 50px auto; }
  section#vouchers-dashboard-page #header div.item-row {
    height: 45px; }

section#vouchers-dashboard-page .actions,
section#vouchers-dashboard-page .flags {
  height: calc(100% - 100px); }
  section#vouchers-dashboard-page .actions .title,
  section#vouchers-dashboard-page .flags .title {
    padding: 0 32px;
    font-size: 1.5em;
    border-bottom: 2px solid #bdccd2; }

section#vouchers-dashboard-page .actions .action {
  margin: 10px 0;
  width: 140px; }

section#vouchers-dashboard-page .flags .flag {
  margin: 10px 0 10px 4px; }

section#voucher-flags-page div.tabs-component div.tabs {
  width: 150px; }

section#voucher-flags-page div.tabs-component div.tab-content {
  width: calc(100% - 150px); }

section#voucher-flags-page div.cex-tile {
  height: 100%; }
  section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-body {
    height: calc(100% - 50px); }
    section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-body md-virtual-repeat-container {
      height: 100%; }
  section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell {
    text-align: center; }
    section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-series {
      width: 150px;
      text-align: left;
      padding-left: 15px; }
    section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-patient_eGFR, section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-patient_hba1c, section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-assigned, section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-distributed {
      width: 150px; }
    section#voucher-flags-page div.cex-tile div.cex-table div.cex-table-cell.col-actions {
      width: 50px; }

section#flag-solve-page .title {
  border-bottom: 2px solid #bdccd2;
  margin-bottom: 8px;
  font-weight: bold; }

section#flag-solve-page .info {
  font-style: italic; }

section#flag-solve-page .item-row {
  min-height: 45px; }

section#flag-solve-page .section:not(:last-child) {
  margin-bottom: 16px; }

section#flag-solve-page md-checkbox {
  padding: 0;
  margin: 0; }

section#flag-solve-page md-autocomplete {
  height: 35px; }

section#flag-solve-page md-radio-button.md-checked ._md-off {
  border-color: #262262; }

section#flag-solve-page md-radio-button ._md-on {
  background-color: #262262; }

section#flag-solve-page .duplicate-voucher-label {
  margin: 4px 10px 0 10px; }

section#flag-solve-page .duplicated-vouchers {
  margin: 10px 0 0 0; }

section#flag-solve-page input.voucher-new-series {
  height: 29px; }

section#flag-solve-page input[type=checkbox] {
  margin: 0;
  width: 17px;
  height: 27px; }

section#flag-solve-page .new-series {
  padding: 4px 0 0 10px; }

section#flag-solve-page textarea {
  height: 100px;
  resize: none; }

section#flag-solve-page .map-with-checkbox {
  height: 30px;
  padding-left: 10px; }
  section#flag-solve-page .map-with-checkbox span {
    padding-left: 10px;
    width: 120px; }

section#flag-solve-page .cex-ui-select {
  padding: 10px 0 0 10px; }
  section#flag-solve-page .cex-ui-select .searchable-input {
    min-width: 204px;
    padding: 0; }
  section#flag-solve-page .cex-ui-select span {
    width: 100%; }

section#flag-solve-page .map-label {
  padding: 0; }

section#voucher-list-page .vouchers-header {
  width: 60%;
  height: 45px;
  font-weight: bold;
  margin: 0 auto; }

section#voucher-list-page .ag-cex {
  width: calc(100% - 30px);
  height: calc(100% - 45px - 15px);
  margin: 0 15px 15px 15px; }

section.observations-page div.observation {
  margin-bottom: 5px; }
  section.observations-page div.observation div.title {
    border-bottom: 1px solid #bdccd2;
    margin-bottom: 5px; }
  section.observations-page div.observation div.description {
    word-break: break-all; }

section#concentration-curve-page div.vouchers-statistics-table {
  height: 100%; }
  section#concentration-curve-page div.vouchers-statistics-table div.cex-table {
    display: block !important; }
  section#concentration-curve-page div.vouchers-statistics-table div.col-rep {
    padding-left: 15px; }
  section#concentration-curve-page div.vouchers-statistics-table div.col-vouchers-distributed,
  section#concentration-curve-page div.vouchers-statistics-table div.col-vouchers-distributed-perc,
  section#concentration-curve-page div.vouchers-statistics-table div.col-vouchers-returned,
  section#concentration-curve-page div.vouchers-statistics-table div.col-vouchers-returned-perc {
    width: 15%;
    text-align: center; }

section#medics-statistics-page div.header {
  height: 65px;
  width: calc(100% - 28px);
  margin: 0 auto; }

section#medics-statistics-page div.vouchers-statistics-table {
  margin-top: 0;
  height: calc(100% - 65px - 15px); }

section#medics-statistics-page div.measurement label {
  margin-bottom: 0; }
  section#medics-statistics-page div.measurement label select {
    width: 200px; }

section#medics-statistics-page div.cex-table {
  height: 100%; }

section#medics-statistics-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px - 55px) !important; }

section#medics-statistics-page div.cex-table div.cex-table-row {
  border-bottom: 1px solid #bdccd2; }

section#medics-statistics-page div.row-segment {
  font-style: italic; }

section#medics-statistics-page div.col-rep, section#medics-statistics-page div.col-segment {
  padding-left: 15px; }

section#medics-statistics-page div.col-enrolled-count,
section#medics-statistics-page div.col-enrolled-perc,
section#medics-statistics-page div.col-returned-count,
section#medics-statistics-page div.col-returned-perc,
section#medics-statistics-page div.col-total-customers {
  width: 15%;
  text-align: center; }
  section#medics-statistics-page div.col-enrolled-count span,
  section#medics-statistics-page div.col-enrolled-perc span,
  section#medics-statistics-page div.col-returned-count span,
  section#medics-statistics-page div.col-returned-perc span,
  section#medics-statistics-page div.col-total-customers span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    width: 100%;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis; }

section#reps-statistics-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px - 55px); }

section#reps-statistics-page div.cex-table div.cex-table-row div.cex-table-cell {
  text-align: center; }
  section#reps-statistics-page div.cex-table div.cex-table-row div.cex-table-cell span {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

section#voucher-statistics-page div.cex-tile.full-margin {
  width: calc(100% - 30px);
  height: calc(100% - 30px); }

section#voucher-statistics-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px); }

section#voucher-statistics-page div.tabs-component div.tabs {
  width: 120px; }

section#voucher-statistics-page div.tabs-component div.tab-content {
  width: calc(100% - 120px); }

section#vouchers-statistics-page div.header {
  height: 120px;
  width: calc(100% - 30px);
  margin: 0 auto; }
  section#vouchers-statistics-page div.header select {
    min-width: 150px; }
  section#vouchers-statistics-page div.header div.date-filter:not(:last-child) {
    margin-bottom: 8px; }
  section#vouchers-statistics-page div.header div.date-filter .date-picker-align-right {
    margin-right: 8px;
    position: relative; }
    section#vouchers-statistics-page div.header div.date-filter .date-picker-align-right ul[datepicker-popup-wrap] {
      left: auto !important;
      right: 0 !important;
      top: 35px !important; }

section#vouchers-statistics-page .vouchers-statistics-table {
  height: calc(100% - 15px - 120px);
  margin: 0 15px 15px 15px; }

section#voucher-users-page div.cex-table div.col-status {
  text-align: center; }

section#voucher-users-page div.cex-table div.cex-table-body {
  height: calc(100% - 50px); }
  section#voucher-users-page div.cex-table div.cex-table-body div.cex-table-row {
    cursor: default; }

section#kam-dashboard {
  padding: 15px; }
  section#kam-dashboard .margin-right-15 {
    margin-right: 15px; }
  section#kam-dashboard .header {
    height: 34px;
    margin-bottom: 15px; }
  section#kam-dashboard .dashboard-table {
    height: calc(100% - 15px - 34px); }
  section#kam-dashboard .total-patients {
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  section#kam-dashboard div[col-id="total_patients"] {
    text-align: center !important; }


section#evolution-page div.col-evolution, section#evolution-page div.col-actions {
  text-align: center; }

section#evolution-page div.col-actions {
  width: 100px; }

section#evolution-page div.col-date {
  padding-left: 20px; }

section#evolution-page div.col-date, section#evolution-page div.col-evolution {
  width: 40%; }

section#evolution-page .modal-body {
  max-height: 300px; }

section#patient-add-page textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 35px; }

section#patient-add-page md-autocomplete {
  height: 34px; }

section#patient-add-page .input-error {
  border-radius: 4px; }

section#patient-add-page .input-error md-autocomplete input:not(.md-input) {
  border: none; }

section#patient-add-page .county-select, section#patient-add-page .account-select {
  width: 90%;
  display: inline-block;
  margin-right: 5px; }

section#kam-patients-details div.details {
  overflow: auto; }

section#kam-patients-details form label span.editable-wrap {
  max-width: inherit; }

section#kam-patients-details > div:not(:last-child) {
  margin-right: 0; }

section#kam-patients-details .patient-details {
  width: 100%; }
  section#kam-patients-details .patient-details a {
    word-wrap: break-word; }
  section#kam-patients-details .patient-details .patient-notes {
    word-wrap: break-word;
    margin-right: 10px; }
  section#kam-patients-details .patient-details textarea {
    resize: vertical;
    min-height: 200px;
    max-height: 400px; }

section#kam-patients-details label {
  margin: 20px 0 0 0;
  padding-left: 20px; }

section#kam-patients-details .editable-buttons {
  vertical-align: middle; }

section#kam-patients-details a:hover {
  color: #000000; }

section#kam-patients-details div.col-visit-date {
  padding-left: 15px; }

section#kam-patients-details div.col-treatment,
section#kam-patients-details div.col-medication-date,
section#kam-patients-details div.col-evolution,
section#kam-patients-details div.col-side-effects,
section#kam-patients-details div.col-actions {
  text-align: center; }

section#kam-patients-details .btn-success, section#kam-patients-details .btn-group {
  display: none; }

section#kam-patients-details .patient-details span.edit-button, section#kam-patients-details .patient-details button.edit-button {
  float: none; }

section#kam-patients-details .patient-details span.edit-button i.foreground.fa-eye,
section#kam-patients-details .patient-details button.edit-button i.foreground.fa-eye {
  left: 2px; }

section#kam-patients-details div.col-actions {
  margin: 20px 0 0 5px;
  width: 140px; }

section#kam-patients-details label *[datepicker-popup-wrap] {
  margin-top: -300px; }

section#kam-patients-details form[name="evolutionEditForm"] {
  width: 100%; }

section#kam-patients-details form label span.editable-wrap {
  min-width: 200px; }

section#kam-patients-list div.cex-table div.col-info {
  padding-left: 15px;
  width: 60%;
  padding-right: 30px; }

section#kam-patients-list div.cex-table div.col-account,
section#kam-patients-list div.cex-table div.col-county,
section#kam-patients-list div.cex-table div.col-actions {
  text-align: center; }

section#kam-patients-list div.cex-table div.col-actions {
  width: 100px; }

section#visit-add-page textarea {
  resize: vertical;
  min-height: 55px; }

section#visit-add-page .info-text {
  font-style: italic;
  text-align: center;
  margin-top: 32px;
  word-break: break-all; }

section#kam-statistics div.cex-tile.full-margin {
  width: calc(100% - 30px);
  height: calc(100% - 30px); }

section#kam-statistics div.cex-table div.cex-table-body {
  height: calc(100% - 50px); }

section#kam-statistics div.tabs-component div.tabs {
  overflow-y: scroll;
  width: 120px; }

section#kam-statistics div.tabs-component div.tab-content {
  width: calc(100% - 120px); }

section#kam-statistics .md-datepicker-input-container {
  width: 100%; }

.md-datepicker-input-mask {
  display: none; }

.md-datepicker-calendar-pane {
  margin-top: -15px;
  margin-left: 20px; }


section#dose-consumption-chart div.header {
  height: 120px;
  width: calc(100% - 20px);
  margin: 0 auto; }

section#dose-consumption-chart div.measurement label {
  margin-bottom: 0; }

section#dose-consumption-chart .searchable-input {
  margin-right: 10px;
  width: 150px; }

section#dose-consumption-chart .date-filter {
  margin-top: 10px; }
  section#dose-consumption-chart .date-filter label {
    width: 150px;
    margin-right: 10px; }
    section#dose-consumption-chart .date-filter label span {
      width: 100px; }

section#dose-consumption-chart .btn-cex:hover {
  background-color: #ed1c24; }

section#dose-consumption-chart .md-button:not([disabled]).md-focused {
  background-color: #ed1c24; }

section#dose-consumption-chart .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; }

section#dose-consumption-chart .inside-icon {
  position: absolute;
  left: 125px;
  top: 70px; }

section#dose-consumption-chart .charts {
  margin-top: 20px;
  height: calc(100% - 190px); }
  section#dose-consumption-chart .charts .chart-wrapper {
    width: 100%; }

section#lynparza-consumption-chart div.cex-table div.cex-table-body {
  height: calc(100% - 50px - 55px); }

section#lynparza-consumption-chart div.cex-table {
  text-align: center;
  margin: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px - 15px - 80px);
  border: 1px solid #bdccd2; }

section#lynparza-consumption-chart div.header {
  width: calc(100% - 28px);
  margin: 15px auto 0; }
  section#lynparza-consumption-chart div.header div.measurement {
    height: 80px; }
    section#lynparza-consumption-chart div.header div.measurement label {
      margin-bottom: 0; }
    section#lynparza-consumption-chart div.header div.measurement select {
      width: 150px; }

section#lynparza-consumption-chart .date-filter {
  margin-top: 10px; }
  section#lynparza-consumption-chart .date-filter label {
    width: 150px;
    margin-right: 10px; }

section#lynparza-consumption-chart span.searchable-input {
  margin-right: 10px; }

section#lynparza-consumption-chart .btn-cex:hover {
  background-color: #ED1C24; }

section#lynparza-consumption-chart .md-button:not([disabled]).md-focused {
  background-color: #ED1C24; }

section#lynparza-consumption-chart .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; }

section#lynparza-consumption-chart .inside-icon {
  position: absolute;
  left: 130px;
  top: 65px; }

section#lynparza-consumption-chart .inside-second-icon {
  position: absolute;
  left: 290px;
  top: 65px; }

section#lynparza-consumption-chart .charts {
  margin-top: 20px;
  height: calc(100% - 220px); }
  section#lynparza-consumption-chart .charts .chart-wrapper {
    width: 100%; }

section#mutation-types-chart {
  height: 100%; }
  section#mutation-types-chart div.header {
    height: 120px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#mutation-types-chart div.measurement label {
    margin-bottom: 0; }
    section#mutation-types-chart div.measurement label select {
      width: 150px; }
  section#mutation-types-chart .date-filter {
    margin-top: 10px; }
    section#mutation-types-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
  section#mutation-types-chart span.searchable-input {
    margin-right: 10px;
    width: 150px; }
  section#mutation-types-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#mutation-types-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#mutation-types-chart label {
    position: relative; }
    section#mutation-types-chart label .inside-icon {
      position: absolute;
      right: 5px;
      top: 5px; }
    section#mutation-types-chart label .inside-kr-icon {
      position: absolute;
      right: 5px;
      top: 5px; }
  section#mutation-types-chart .charts {
    margin-top: 20px;
    height: calc(100% - 150px); }
    section#mutation-types-chart .charts .chart-wrapper {
      height: 100%;
      width: 100%; }

section#patients-statistics-chart {
  height: 100%; }
  section#patients-statistics-chart div.header {
    height: 120px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#patients-statistics-chart div.measurement label {
    margin-bottom: 0; }
  section#patients-statistics-chart div.measurement select {
    width: 150px; }
  section#patients-statistics-chart .date-filter {
    margin-top: 10px; }
    section#patients-statistics-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
  section#patients-statistics-chart span.searchable-input {
    margin-right: 10px; }
  section#patients-statistics-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#patients-statistics-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#patients-statistics-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#patients-statistics-chart .inside-icon {
    position: absolute;
    left: 130px;
    top: 70px; }
  section#patients-statistics-chart .inside-second-icon {
    position: absolute;
    left: 290px;
    top: 70px; }
  section#patients-statistics-chart .charts {
    margin-top: 20px;
    height: calc(100% - 250px); }
    section#patients-statistics-chart .charts .chart-wrapper {
      width: 100%; }

section#status-statistics-chart {
  height: 100%; }
  section#status-statistics-chart div.header {
    height: 120px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#status-statistics-chart div.measurement label {
    margin-bottom: 0; }
  section#status-statistics-chart div.measurement select {
    width: 150px; }
  section#status-statistics-chart .date-filter {
    margin-top: 10px; }
    section#status-statistics-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
  section#status-statistics-chart span.searchable-input {
    margin-right: 10px; }
  section#status-statistics-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#status-statistics-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#status-statistics-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#status-statistics-chart .inside-icon {
    position: absolute;
    left: 130px;
    top: 70px; }
  section#status-statistics-chart .inside-second-icon {
    position: absolute;
    left: 290px;
    top: 70px; }
  section#status-statistics-chart .charts {
    margin-top: 20px;
    height: calc(100% - 190px); }
    section#status-statistics-chart .charts .chart-wrapper {
      width: 100%; }

section#stage-statistics-chart {
  height: 100%; }
  section#stage-statistics-chart div.header {
    height: 120px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#stage-statistics-chart div.measurement label {
    margin-bottom: 0; }
  section#stage-statistics-chart div.measurement select {
    width: 150px; }
  section#stage-statistics-chart .date-filter {
    margin-top: 10px; }
    section#stage-statistics-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
  section#stage-statistics-chart span.searchable-input {
    margin-right: 10px; }
  section#stage-statistics-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#stage-statistics-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#stage-statistics-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#stage-statistics-chart .inside-icon {
    position: absolute;
    left: 130px;
    top: 70px; }
  section#stage-statistics-chart .charts {
    margin-top: 20px;
    height: calc(100% - 190px); }
    section#stage-statistics-chart .charts .chart-wrapper {
      width: 100%; }

section#longest-treatment-chart {
  height: 100%; }
  section#longest-treatment-chart #loader {
    margin-left: 10px; }
  section#longest-treatment-chart div.header {
    height: 180px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#longest-treatment-chart div.measurement label {
    margin-bottom: 0; }
  section#longest-treatment-chart div.measurement select {
    width: 150px; }
  section#longest-treatment-chart .date-filter {
    margin-top: 10px; }
    section#longest-treatment-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
      section#longest-treatment-chart .date-filter label span {
        width: 100px; }
  section#longest-treatment-chart span.searchable-input {
    margin-right: 10px; }
  section#longest-treatment-chart #export {
    margin-left: 10px; }
  section#longest-treatment-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#longest-treatment-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#longest-treatment-chart .patient-info {
    font-weight: bold;
    padding-top: 10px; }
  section#longest-treatment-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#longest-treatment-chart .inside-icon {
    position: absolute;
    left: 130px;
    top: 70px; }
  section#longest-treatment-chart .inside-second-icon {
    position: absolute;
    left: 290px;
    top: 70px; }
  section#longest-treatment-chart .charts {
    margin-top: 20px;
    height: calc(100% - 280px); }
    section#longest-treatment-chart .charts .chart-wrapper {
      width: 100%; }

.fa-info-circle {
  font-size: 20px; }

section#therapy-statistics-chart {
  height: 100%; }
  section#therapy-statistics-chart div.header {
    height: 120px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#therapy-statistics-chart div.measurement label {
    margin-bottom: 0; }
  section#therapy-statistics-chart div.measurement select {
    width: 150px; }
  section#therapy-statistics-chart .date-filter {
    margin-top: 10px; }
    section#therapy-statistics-chart .date-filter label {
      width: 150px;
      margin-right: 10px; }
  section#therapy-statistics-chart span.searchable-input {
    margin-right: 10px; }
  section#therapy-statistics-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#therapy-statistics-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#therapy-statistics-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#therapy-statistics-chart .inside-icon {
    position: absolute;
    left: 130px;
    top: 70px; }
  section#therapy-statistics-chart .inside-second-icon {
    position: absolute;
    left: 290px;
    top: 70px; }
  section#therapy-statistics-chart .charts {
    margin-top: 20px;
    height: calc(100% - 250px); }
    section#therapy-statistics-chart .charts .chart-wrapper {
      width: 100%; }

section#treatment-duration-chart {
  height: 100%; }
  section#treatment-duration-chart div.header {
    height: 84px;
    width: calc(100% - 28px);
    margin: 0 auto; }
  section#treatment-duration-chart span.searchable-input {
    margin-right: 10px; }
  section#treatment-duration-chart .btn-cex:hover {
    background-color: #ED1C24; }
  section#treatment-duration-chart .md-button:not([disabled]).md-focused {
    background-color: #ED1C24; }
  section#treatment-duration-chart div.measurement label {
    margin-bottom: 0; }
  section#treatment-duration-chart div.measurement select {
    width: 150px; }
  section#treatment-duration-chart .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold; }
  section#treatment-duration-chart .charts {
    margin-top: 20px;
    height: calc(100% - 180px); }
    section#treatment-duration-chart .charts .chart-wrapper {
      width: 100%; }