.react-slidedown {
  height: 0;
  transition-property: none;
  transition-duration: .5s;
  transition-timing-function: ease-in-out; }

.react-slidedown.transitioning {
  overflow-y: hidden; }

.react-slidedown.closed {
  display: none; }

/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
body {
  counter-reset: section-counter; }

.expandable-section {
  display: grid;
  grid-template-columns: auto 100px 80% auto;
  align-content: stretch;
  justify-content: stretch;
  min-height: 80px;
  margin-bottom: 25px; }
  .expandable-section .btn {
    z-index: 1;
    font-size: 11px; }
  .expandable-section__misconfigured {
    color: #998400; }
  .expandable-section--slidedown {
    transition-property: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out; }
  .expandable-section__icon, .expandable-section__main {
    border-bottom: 1px solid #ddd; }
  .expandable-section__icon {
    border-left: 2px solid transparent;
    grid-column: unset;
    background-color: #ffffff;
    box-shadow: 20px 8px 6px -6px #ddd;
    height: 100%; }
    .expandable-section__icon .icon {
      display: none; }
    @media (min-width: 768px) {
      .expandable-section__icon {
        grid-column: 2 / span 1; }
        .expandable-section__icon .icon {
          margin: 0;
          position: absolute;
          top: 30px;
          left: 28px;
          text-align: center;
          background-color: #fbfbfb;
          border-radius: 1.2rem;
          padding: 1.2rem;
          height: 2.4em;
          line-height: 2.4em;
          width: 2.4em;
          border: 1px solid #e6e9ea;
          display: flex;
          justify-items: center;
          align-items: center;
          justify-content: center;
          align-content: center;
          background-size: 20px;
          background-repeat: no-repeat;
          background-position: center; }
          .expandable-section__icon .icon::before {
            font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif !important;
            font-size: 0.8rem; }
          .expandable-section__icon .icon--content::before {
            content: '\27A4';
            font-size: 0.8rem;
            color: #cccccc; }
          .expandable-section__icon .icon--svg {
            background-image: url(/0433617df79aa8f8abbd845109dc5d6d.svg); }
          .expandable-section__icon .icon--numbers {
            counter-increment: section-counter;
            color: #b3b3b3; }
            .expandable-section__icon .icon--numbers::before {
              content: counter(section-counter); }
            .expandable-section__icon .icon--numbers-confirmed {
              color: #3ec55e;
              background-color: #ffffff;
              border: 1px solid #e6e9ea; }
              .expandable-section__icon .icon--numbers-confirmed::before {
                content: '\2713'; }
          .expandable-section__icon .icon.icon-da {
            background-color: #f6f6f7;
            border: 0.5px solid #cecece; } }
  .expandable-section__main {
    grid-column: 2 / span 2;
    padding: 25px 5px 90px 20px;
    background-color: #ffffff;
    box-shadow: 8px 8px 6px -6px #ddd; }
    @media (min-width: 768px) {
      .expandable-section__main {
        grid-column: 3 / span 1;
        padding: 25px 5px 30px 20px; } }
    .expandable-section__main .actions {
      position: absolute;
      top: unset;
      margin: 0;
      right: unset;
      bottom: 26px; }
      .expandable-section__main .actions button {
        margin-left: 0;
        margin-right: 15px; }
      @media (min-width: 768px) {
        .expandable-section__main .actions {
          right: 26px;
          top: 26px;
          bottom: unset; }
          .expandable-section__main .actions button {
            margin-left: 15px;
            margin-right: 0; } }
    .expandable-section__main .title {
      font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.9rem;
      text-transform: capitalize;
      display: inline;
      letter-spacing: 0.2px;
      color: #0076c0; }
      .expandable-section__main .title--approved::after {
        border-radius: 0.5rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        width: 1rem;
        content: '\2713';
        position: absolute;
        right: -1.8rem;
        top: 2px;
        color: #ffffff;
        background-color: #3ec55e;
        font-size: 0.75rem;
        font-weight: normal;
        display: block; }
        @media (min-width: 768px) {
          .expandable-section__main .title--approved::after {
            display: none; } }
    .expandable-section__main .preview p,
    .expandable-section__main .preview li,
    .expandable-section__main .preview div {
      color: rgba(22, 26, 29, 0.8);
      font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif; }
    .expandable-section__main .preview__not-configured {
      font-style: italic; }
    .expandable-section__main .preview__section {
      margin-top: 30px; }
    .expandable-section__main .preview__bold {
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-size: 1em;
      color: rgba(0, 27, 45, 0.9); }
    .expandable-section__main .preview__header {
      padding: 10px 0;
      border-bottom: 1px solid #ddd;
      width: 90%; }
    .expandable-section__main .preview__label {
      color: rgba(0, 27, 45, 0.6);
      font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1.3px;
      display: inline-block;
      padding-right: 8px;
      font-size: 0.7em; }
      .expandable-section__main .preview__label--modified {
        color: #3ec55e; }
    .expandable-section__main .preview__grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 10px;
      justify-items: start;
      align-items: stretch;
      justify-content: space-evenly;
      align-content: space-evenly; }
      @media (min-width: 768px) {
        .expandable-section__main .preview__grid {
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 1200px) {
        .expandable-section__main .preview__grid {
          grid-template-columns: repeat(3, 1fr); } }
      @media (min-width: 1690px) {
        .expandable-section__main .preview__grid {
          grid-template-columns: repeat(4, 1fr); } }
  .expandable-section:hover .expandable-section__icon, .expandable-section--edition .expandable-section__icon {
    border-left-color: #008ce4; }
    .expandable-section:hover .expandable-section__icon .icon, .expandable-section--edition .expandable-section__icon .icon {
      border-color: #0076c0; }
      .expandable-section:hover .expandable-section__icon .icon--content::before, .expandable-section--edition .expandable-section__icon .icon--content::before {
        color: #b3b3b3; }
      .expandable-section:hover .expandable-section__icon .icon--numbers, .expandable-section--edition .expandable-section__icon .icon--numbers {
        background-color: #0076c0;
        color: #ffffff; }
  .expandable-section:hover .expandable-section__main .title, .expandable-section--edition .expandable-section__main .title {
    color: #008ce4; }
  .expandable-section:hover .expandable-section__icon, .expandable-section:hover .expandable-section__main, .expandable-section--edition .expandable-section__icon, .expandable-section--edition .expandable-section__main {
    background-color: #ffffff; }
  .expandable-section:hover.expandable-section--preview .expandable-section__main .actions .btn--transparent {
    background-color: #0076c0;
    border: none;
    color: #ffffff; }
  .expandable-section--edition .expandable-section__main .edit {
    margin-top: 15px;
    margin-right: 20px;
    text-align: justify; }
    .expandable-section--edition .expandable-section__main .edit .input-header {
      display: inline-block;
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.65em;
      font-weight: bold;
      letter-spacing: 1.2px;
      margin-right: 12px;
      text-transform: uppercase; }
    .expandable-section--edition .expandable-section__main .edit .input-group {
      width: auto;
      display: table;
      margin: 8px 0 20px; }
      .expandable-section--edition .expandable-section__main .edit .input-group input {
        margin: 0;
        border-radius: 2px 0 0 2px; }
      .expandable-section--edition .expandable-section__main .edit .input-group .input-group-addon {
        background: #e6e9ea; }
    .expandable-section--edition .expandable-section__main .edit .radio-section .radio-label {
      display: inline-block;
      position: static;
      margin: 0 20px 0 10px;
      font-size: 1em;
      font-weight: 300;
      text-transform: none; }
    .expandable-section--edition .expandable-section__main .edit .radio-section .children {
      padding: 15px; }
    .expandable-section--edition .expandable-section__main .edit .radio-section .radio {
      display: inline-block; }
      .expandable-section--edition .expandable-section__main .edit .radio-section .radio .form-tooltip {
        top: -3px;
        left: 7px; }
    .expandable-section--edition .expandable-section__main .edit .radio-section--multi-line .radio {
      margin-bottom: 10px;
      display: block; }
    .expandable-section--edition .expandable-section__main .edit .radio-section > .input-header {
      display: inline-block;
      margin-bottom: 15px; }
      .expandable-section--edition .expandable-section__main .edit .radio-section > .input-header .form-tooltip {
        top: -4px;
        left: 1px; }
        .expandable-section--edition .expandable-section__main .edit .radio-section > .input-header .form-tooltip .tooltip {
          text-transform: initial;
          letter-spacing: 0;
          font-weight: 100;
          font-size: 1.4em; }
    .expandable-section--edition .expandable-section__main .edit .radio-section > .form-tooltip {
      display: inline;
      bottom: 2px; }
  .expandable-section--edition.multi-select-dropdown-section {
    min-height: 300px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.circle-loader {
  height: 100%;
  width: 100%;
  padding: 5px;
  background: #ffffff; }
  .circle-loader svg {
    stroke: currentColor; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.custom-dropdown {
  position: relative;
  padding: 0; }
  .custom-dropdown__loader-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    height: 36px;
    transform: translateY(-50%); }
  .custom-dropdown .dropdown {
    display: none; }
    .custom-dropdown .dropdown-options {
      max-height: 0;
      transition: none; }
    .custom-dropdown .dropdown-option--disabled {
      cursor: initial; }
    .custom-dropdown .dropdown-option--highlighted {
      background: rgba(0, 118, 192, 0.01);
      color: #0076c0;
      box-shadow: inset #0076c0 2px 0 0; }
    .custom-dropdown .dropdown-value {
      line-height: 38px;
      height: 40px;
      padding: 0 10px;
      width: 100%; }
    .custom-dropdown .dropdown li:last-of-type a {
      border-bottom: rgba(0, 27, 45, 0.1) 1px solid; }
      .custom-dropdown .dropdown li:last-of-type a:last-of-type {
        border: none; }
    .custom-dropdown .dropdown li:hover .dropdown-option--disabled {
      color: rgba(0, 27, 45, 0.8);
      background: none;
      box-shadow: none; }
  .custom-dropdown + .error-text {
    margin-top: 20px; }
  .custom-dropdown.active .dropdown {
    display: inline-block; }
  .custom-dropdown.active .dropdown-options {
    max-height: 330px;
    overflow: auto; }
  .custom-dropdown--searchable {
    padding: 0;
    transition: none; }
    .custom-dropdown--searchable .dropdown-search {
      background: none;
      border: none;
      height: 100%; }
      .custom-dropdown--searchable .dropdown-search:focus, .custom-dropdown--searchable .dropdown-search:hover {
        border: none; }
  .custom-dropdown--no-caret {
    background: none; }

.dropdown--disabled .custom-dropdown {
  background: rgba(230, 233, 234, 0.5);
  cursor: default; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.dropdown-search-selector {
  display: flex;
  flex-direction: row; }
  .dropdown-search-selector__dropdown {
    width: 50%;
    max-width: 500px; }
    .dropdown-search-selector__dropdown.small-dropdown {
      max-width: 350px; }
  .dropdown-search-selector__summary {
    width: 50%;
    padding: 20px 50px; }
    .dropdown-search-selector__summary-list {
      padding: 3px 0 10px 0; }
      .dropdown-search-selector__summary-list li.selected-item .icon.icon-close::before {
        bottom: 1px;
        cursor: pointer;
        font-size: 60%;
        opacity: 0;
        padding: 10px; }
      .dropdown-search-selector__summary-list li.selected-item:hover .icon.icon-close::before {
        opacity: 1; }
  .dropdown-search-selector__section-header {
    background-color: #e6e9ea;
    border-bottom: 2px solid #cccccc;
    cursor: default;
    font-weight: bold;
    padding: 17px; }
    .dropdown-search-selector__section-header.no-results {
      border: none; }
  .dropdown-search-selector .custom-dropdown .dropdown .dropdown-search-item {
    display: flex;
    flex-direction: column; }
    .dropdown-search-selector .custom-dropdown .dropdown .dropdown-search-item__name {
      font-weight: bold; }
    .dropdown-search-selector .custom-dropdown .dropdown .dropdown-search-item td {
      padding-left: 15px; }
    .dropdown-search-selector .custom-dropdown .dropdown .dropdown-search-item td:first-child {
      padding: 0;
      width: 24%;
      text-align: right; }

.input-header__observation {
  margin-left: 5px;
  color: rgba(0, 27, 45, 0.6);
  font-family: "Roboto", "Roboto-Regular", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.form-tooltip {
  display: inline-block;
  height: 1em;
  width: 30px; }
  .form-tooltip .form-tooltip__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px; }
  .form-tooltip .tooltip-icon {
    border: 1px solid #cecece;
    border-radius: 8px;
    display: inline-block;
    height: 16px;
    font-size: 12px;
    line-height: 14px;
    margin-right: 8px;
    text-align: center;
    width: 16px; }
    .form-tooltip .tooltip-icon:hover {
      background-color: #333333;
      color: #fff; }
  .form-tooltip .tooltip {
    left: 22px; }
    .form-tooltip .tooltip > ul {
      margin: 0;
      list-style-type: none; }
      .form-tooltip .tooltip > ul > li {
        text-indent: -5px; }
        .form-tooltip .tooltip > ul > li:before {
          content: '-  ';
          text-indent: -5px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.loading-indicator--loading {
  min-height: 250px; }

.loading-indicator-icon {
  font-size: 30px;
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  transform: translateX(-50%); }
  .loading-indicator-icon:after {
    content: '';
    border: 2px solid #e6e9ea;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -5px;
    animation: border 2s linear infinite; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.upload {
  display: flex;
  height: 300px; }
  .upload--container {
    margin: 8px 0;
    max-width: 600px;
    width: 100%; }
  .upload__progress {
    max-width: 100%;
    width: 500px;
    padding: 15px 10px 0; }
    .upload__progress--wrapper {
      padding: 15px 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .upload__progress .upload__progress__info {
      font-size: 14px;
      display: flex;
      align-items: center; }
      .upload__progress .upload__progress__info span,
      .upload__progress .upload__progress__info svg {
        margin-right: 10px; }
      .upload__progress .upload__progress__info .file-icon {
        fill: #84929b; }
    .upload__progress .progress__bar,
    .upload__progress .progress__bar--wrapper {
      border-radius: 25px; }
    .upload__progress .progress__bar {
      padding: 6px;
      transition: all 0.2s linear;
      background: #0076c0;
      margin: 15px 0; }
      .upload__progress .progress__bar--wrapper {
        background-color: rgba(0, 118, 192, 0.2); }
  .upload .preview {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .upload .preview .error-icon {
      fill: #f85f5f; }
    .upload .preview img,
    .upload .preview video {
      max-width: 100%;
      max-height: 250px;
      display: block;
      margin: auto; }
    .upload .preview video {
      background: #000;
      width: 100%; }
      .upload .preview video:focus {
        outline: none; }
    .upload .preview button {
      margin: 16px 0; }
    .upload .preview .loading-indicator {
      display: flex;
      flex: 1; }
      .upload .preview .loading-indicator .icon {
        transform: translateX(-50%); }
    .upload .preview .generic-message {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      width: 100%; }
      .upload .preview .generic-message .success-icon {
        fill: #3ec55e; }
      .upload .preview .generic-message p {
        margin-top: 15px;
        font-size: 26px;
        line-height: 1; }
      .upload .preview .generic-message span {
        margin-top: 15px; }
      .upload .preview .generic-message a {
        color: #0076c0; }
  .upload .drop--zone {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px; }
    .upload .drop--zone .upload--circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 2px dashed #cecece;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 10px;
      transition: all 0.3s ease;
      margin-bottom: 10px; }
      .upload .drop--zone .upload--circle i {
        font-size: 40px;
        color: #cecece; }
    .upload .drop--zone h2 {
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      margin-bottom: 0; }
    .upload .drop--zone p {
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-weight: 100;
      font-size: 14px;
      margin-top: 5px; }
      .upload .drop--zone p a {
        color: #0076c0; }
.selected-item {
  margin-top: 5px;
  text-transform: uppercase; }
  .selected-item .icon.icon-close::before {
    bottom: 1px;
    padding: 10px;
    font-size: 60%;
    cursor: pointer;
    opacity: 0.5; }
  .selected-item:hover .icon.icon-close::before {
    opacity: 1; }
.flag {
  background-repeat: no-repeat;
  display: inline-block; }

.flag.flag-24 {
  background-image: url(/7ed12ca430db89e02f473502648eadc5.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: 24px 24px; }

.flag.flag-24.flag-abkhazia {
  background-position: -0px -0px; }

.flag.flag-24.flag-basque-country {
  background-position: -24px -0px; }

.flag.flag-24.flag-british-antarctic-territory {
  background-position: -48px -0px; }

.flag.flag-24.flag-commonwealth {
  background-position: -72px -0px; }

.flag.flag-24.flag-england {
  background-position: -96px -0px; }

.flag.flag-24.flag-gosquared {
  background-position: -120px -0px; }

.flag.flag-24.flag-kosovo {
  background-position: -144px -0px; }

.flag.flag-24.flag-mars {
  background-position: -168px -0px; }

.flag.flag-24.flag-nagorno-karabakh {
  background-position: -192px -0px; }

.flag.flag-24.flag-nato {
  background-position: -216px -0px; }

.flag.flag-24.flag-northern-cyprus {
  background-position: -240px -0px; }

.flag.flag-24.flag-olympics {
  background-position: -264px -0px; }

.flag.flag-24.flag-red-cross {
  background-position: -288px -0px; }

.flag.flag-24.flag-scotland {
  background-position: -312px -0px; }

.flag.flag-24.flag-somaliland {
  background-position: -336px -0px; }

.flag.flag-24.flag-south-ossetia {
  background-position: -360px -0px; }

.flag.flag-24.flag-united-nations {
  background-position: -384px -0px; }

.flag.flag-24.flag-unknown {
  background-position: -0px -24px; }

.flag.flag-24.flag-wales {
  background-position: -24px -24px; }

.flag.flag-24.flag-ad {
  background-position: -48px -24px; }

.flag.flag-24.flag-ae {
  background-position: -72px -24px; }

.flag.flag-24.flag-af {
  background-position: -96px -24px; }

.flag.flag-24.flag-ag {
  background-position: -120px -24px; }

.flag.flag-24.flag-ai {
  background-position: -144px -24px; }

.flag.flag-24.flag-al {
  background-position: -168px -24px; }

.flag.flag-24.flag-am {
  background-position: -192px -24px; }

.flag.flag-24.flag-an {
  background-position: -216px -24px; }

.flag.flag-24.flag-ao {
  background-position: -240px -24px; }

.flag.flag-24.flag-aq {
  background-position: -264px -24px; }

.flag.flag-24.flag-ar {
  background-position: -288px -24px; }

.flag.flag-24.flag-as {
  background-position: -312px -24px; }

.flag.flag-24.flag-at {
  background-position: -336px -24px; }

.flag.flag-24.flag-au {
  background-position: -360px -24px; }

.flag.flag-24.flag-aw {
  background-position: -384px -24px; }

.flag.flag-24.flag-ax {
  background-position: -0px -48px; }

.flag.flag-24.flag-az {
  background-position: -24px -48px; }

.flag.flag-24.flag-ba {
  background-position: -48px -48px; }

.flag.flag-24.flag-bb {
  background-position: -72px -48px; }

.flag.flag-24.flag-bd {
  background-position: -96px -48px; }

.flag.flag-24.flag-be {
  background-position: -120px -48px; }

.flag.flag-24.flag-bf {
  background-position: -144px -48px; }

.flag.flag-24.flag-bg {
  background-position: -168px -48px; }

.flag.flag-24.flag-bh {
  background-position: -192px -48px; }

.flag.flag-24.flag-bi {
  background-position: -216px -48px; }

.flag.flag-24.flag-bj {
  background-position: -240px -48px; }

.flag.flag-24.flag-bl {
  background-position: -264px -48px; }

.flag.flag-24.flag-bm {
  background-position: -288px -48px; }

.flag.flag-24.flag-bn {
  background-position: -312px -48px; }

.flag.flag-24.flag-bo {
  background-position: -336px -48px; }

.flag.flag-24.flag-br {
  background-position: -360px -48px; }

.flag.flag-24.flag-bs {
  background-position: -384px -48px; }

.flag.flag-24.flag-bt {
  background-position: -0px -72px; }

.flag.flag-24.flag-bw {
  background-position: -24px -72px; }

.flag.flag-24.flag-by {
  background-position: -48px -72px; }

.flag.flag-24.flag-bz {
  background-position: -72px -72px; }

.flag.flag-24.flag-ca {
  background-position: -96px -72px; }

.flag.flag-24.flag-cc {
  background-position: -120px -72px; }

.flag.flag-24.flag-cd {
  background-position: -144px -72px; }

.flag.flag-24.flag-cf {
  background-position: -168px -72px; }

.flag.flag-24.flag-cg {
  background-position: -192px -72px; }

.flag.flag-24.flag-ch {
  background-position: -216px -72px; }

.flag.flag-24.flag-ci {
  background-position: -240px -72px; }

.flag.flag-24.flag-ck {
  background-position: -264px -72px; }

.flag.flag-24.flag-cl {
  background-position: -288px -72px; }

.flag.flag-24.flag-cm {
  background-position: -312px -72px; }

.flag.flag-24.flag-cn {
  background-position: -336px -72px; }

.flag.flag-24.flag-co {
  background-position: -360px -72px; }

.flag.flag-24.flag-cr {
  background-position: -384px -72px; }

.flag.flag-24.flag-cu {
  background-position: -0px -96px; }

.flag.flag-24.flag-cv {
  background-position: -24px -96px; }

.flag.flag-24.flag-cw {
  background-position: -48px -96px; }

.flag.flag-24.flag-cx {
  background-position: -72px -96px; }

.flag.flag-24.flag-cy {
  background-position: -96px -96px; }

.flag.flag-24.flag-cz {
  background-position: -120px -96px; }

.flag.flag-24.flag-de {
  background-position: -144px -96px; }

.flag.flag-24.flag-dj {
  background-position: -168px -96px; }

.flag.flag-24.flag-dk {
  background-position: -192px -96px; }

.flag.flag-24.flag-dm {
  background-position: -216px -96px; }

.flag.flag-24.flag-do {
  background-position: -240px -96px; }

.flag.flag-24.flag-dz {
  background-position: -264px -96px; }

.flag.flag-24.flag-ec {
  background-position: -288px -96px; }

.flag.flag-24.flag-ee {
  background-position: -312px -96px; }

.flag.flag-24.flag-eg {
  background-position: -336px -96px; }

.flag.flag-24.flag-eh {
  background-position: -360px -96px; }

.flag.flag-24.flag-er {
  background-position: -384px -96px; }

.flag.flag-24.flag-es {
  background-position: -0px -120px; }

.flag.flag-24.flag-et {
  background-position: -24px -120px; }

.flag.flag-24.flag-eu {
  background-position: -48px -120px; }

.flag.flag-24.flag-fi {
  background-position: -72px -120px; }

.flag.flag-24.flag-fj {
  background-position: -96px -120px; }

.flag.flag-24.flag-fk {
  background-position: -120px -120px; }

.flag.flag-24.flag-fm {
  background-position: -144px -120px; }

.flag.flag-24.flag-fo {
  background-position: -168px -120px; }

.flag.flag-24.flag-fr {
  background-position: -192px -120px; }

.flag.flag-24.flag-ga {
  background-position: -216px -120px; }

.flag.flag-24.flag-gb {
  background-position: -240px -120px; }

.flag.flag-24.flag-gd {
  background-position: -264px -120px; }

.flag.flag-24.flag-ge {
  background-position: -288px -120px; }

.flag.flag-24.flag-gg {
  background-position: -312px -120px; }

.flag.flag-24.flag-gh {
  background-position: -336px -120px; }

.flag.flag-24.flag-gi {
  background-position: -360px -120px; }

.flag.flag-24.flag-gl {
  background-position: -384px -120px; }

.flag.flag-24.flag-gm {
  background-position: -0px -144px; }

.flag.flag-24.flag-gn {
  background-position: -24px -144px; }

.flag.flag-24.flag-gq {
  background-position: -48px -144px; }

.flag.flag-24.flag-gr {
  background-position: -72px -144px; }

.flag.flag-24.flag-gs {
  background-position: -96px -144px; }

.flag.flag-24.flag-gt {
  background-position: -120px -144px; }

.flag.flag-24.flag-gu {
  background-position: -144px -144px; }

.flag.flag-24.flag-gw {
  background-position: -168px -144px; }

.flag.flag-24.flag-gy {
  background-position: -192px -144px; }

.flag.flag-24.flag-hk {
  background-position: -216px -144px; }

.flag.flag-24.flag-hn {
  background-position: -240px -144px; }

.flag.flag-24.flag-hr {
  background-position: -264px -144px; }

.flag.flag-24.flag-ht {
  background-position: -288px -144px; }

.flag.flag-24.flag-hu {
  background-position: -312px -144px; }

.flag.flag-24.flag-ic {
  background-position: -336px -144px; }

.flag.flag-24.flag-id {
  background-position: -360px -144px; }

.flag.flag-24.flag-ie {
  background-position: -384px -144px; }

.flag.flag-24.flag-il {
  background-position: -0px -168px; }

.flag.flag-24.flag-im {
  background-position: -24px -168px; }

.flag.flag-24.flag-in {
  background-position: -48px -168px; }

.flag.flag-24.flag-iq {
  background-position: -72px -168px; }

.flag.flag-24.flag-ir {
  background-position: -96px -168px; }

.flag.flag-24.flag-is {
  background-position: -120px -168px; }

.flag.flag-24.flag-it {
  background-position: -144px -168px; }

.flag.flag-24.flag-je {
  background-position: -168px -168px; }

.flag.flag-24.flag-jm {
  background-position: -192px -168px; }

.flag.flag-24.flag-jo {
  background-position: -216px -168px; }

.flag.flag-24.flag-jp {
  background-position: -240px -168px; }

.flag.flag-24.flag-ke {
  background-position: -264px -168px; }

.flag.flag-24.flag-kg {
  background-position: -288px -168px; }

.flag.flag-24.flag-kh {
  background-position: -312px -168px; }

.flag.flag-24.flag-ki {
  background-position: -336px -168px; }

.flag.flag-24.flag-km {
  background-position: -360px -168px; }

.flag.flag-24.flag-kn {
  background-position: -384px -168px; }

.flag.flag-24.flag-kp {
  background-position: -0px -192px; }

.flag.flag-24.flag-kr {
  background-position: -24px -192px; }

.flag.flag-24.flag-kw {
  background-position: -48px -192px; }

.flag.flag-24.flag-ky {
  background-position: -72px -192px; }

.flag.flag-24.flag-kz {
  background-position: -96px -192px; }

.flag.flag-24.flag-la {
  background-position: -120px -192px; }

.flag.flag-24.flag-lb {
  background-position: -144px -192px; }

.flag.flag-24.flag-lc {
  background-position: -168px -192px; }

.flag.flag-24.flag-li {
  background-position: -192px -192px; }

.flag.flag-24.flag-lk {
  background-position: -216px -192px; }

.flag.flag-24.flag-lr {
  background-position: -240px -192px; }

.flag.flag-24.flag-ls {
  background-position: -264px -192px; }

.flag.flag-24.flag-lt {
  background-position: -288px -192px; }

.flag.flag-24.flag-lu {
  background-position: -312px -192px; }

.flag.flag-24.flag-lv {
  background-position: -336px -192px; }

.flag.flag-24.flag-ly {
  background-position: -360px -192px; }

.flag.flag-24.flag-ma {
  background-position: -384px -192px; }

.flag.flag-24.flag-mc {
  background-position: -0px -216px; }

.flag.flag-24.flag-md {
  background-position: -24px -216px; }

.flag.flag-24.flag-me {
  background-position: -48px -216px; }

.flag.flag-24.flag-mf {
  background-position: -72px -216px; }

.flag.flag-24.flag-mg {
  background-position: -96px -216px; }

.flag.flag-24.flag-mh {
  background-position: -120px -216px; }

.flag.flag-24.flag-mk {
  background-position: -144px -216px; }

.flag.flag-24.flag-ml {
  background-position: -168px -216px; }

.flag.flag-24.flag-mm {
  background-position: -192px -216px; }

.flag.flag-24.flag-mn {
  background-position: -216px -216px; }

.flag.flag-24.flag-mo {
  background-position: -240px -216px; }

.flag.flag-24.flag-mp {
  background-position: -264px -216px; }

.flag.flag-24.flag-mq {
  background-position: -288px -216px; }

.flag.flag-24.flag-mr {
  background-position: -312px -216px; }

.flag.flag-24.flag-ms {
  background-position: -336px -216px; }

.flag.flag-24.flag-mt {
  background-position: -360px -216px; }

.flag.flag-24.flag-mu {
  background-position: -384px -216px; }

.flag.flag-24.flag-mv {
  background-position: -0px -240px; }

.flag.flag-24.flag-mw {
  background-position: -24px -240px; }

.flag.flag-24.flag-mx {
  background-position: -48px -240px; }

.flag.flag-24.flag-my {
  background-position: -72px -240px; }

.flag.flag-24.flag-mz {
  background-position: -96px -240px; }

.flag.flag-24.flag-na {
  background-position: -120px -240px; }

.flag.flag-24.flag-nc {
  background-position: -144px -240px; }

.flag.flag-24.flag-ne {
  background-position: -168px -240px; }

.flag.flag-24.flag-nf {
  background-position: -192px -240px; }

.flag.flag-24.flag-ng {
  background-position: -216px -240px; }

.flag.flag-24.flag-ni {
  background-position: -240px -240px; }

.flag.flag-24.flag-nl {
  background-position: -264px -240px; }

.flag.flag-24.flag-no {
  background-position: -288px -240px; }

.flag.flag-24.flag-np {
  background-position: -312px -240px; }

.flag.flag-24.flag-nr {
  background-position: -336px -240px; }

.flag.flag-24.flag-nu {
  background-position: -360px -240px; }

.flag.flag-24.flag-nz {
  background-position: -384px -240px; }

.flag.flag-24.flag-om {
  background-position: -0px -264px; }

.flag.flag-24.flag-pa {
  background-position: -24px -264px; }

.flag.flag-24.flag-pe {
  background-position: -48px -264px; }

.flag.flag-24.flag-pf {
  background-position: -72px -264px; }

.flag.flag-24.flag-pg {
  background-position: -96px -264px; }

.flag.flag-24.flag-ph {
  background-position: -120px -264px; }

.flag.flag-24.flag-pirate-black {
  background-position: -144px -264px; }

.flag.flag-24.flag-pirate-white {
  background-position: -168px -264px; }

.flag.flag-24.flag-pk {
  background-position: -192px -264px; }

.flag.flag-24.flag-pl {
  background-position: -216px -264px; }

.flag.flag-24.flag-pn {
  background-position: -240px -264px; }

.flag.flag-24.flag-pr {
  background-position: -264px -264px; }

.flag.flag-24.flag-ps {
  background-position: -288px -264px; }

.flag.flag-24.flag-pt {
  background-position: -312px -264px; }

.flag.flag-24.flag-pw {
  background-position: -336px -264px; }

.flag.flag-24.flag-py {
  background-position: -360px -264px; }

.flag.flag-24.flag-qa {
  background-position: -384px -264px; }

.flag.flag-24.flag-ro {
  background-position: -0px -288px; }

.flag.flag-24.flag-rs {
  background-position: -24px -288px; }

.flag.flag-24.flag-ru {
  background-position: -48px -288px; }

.flag.flag-24.flag-rw {
  background-position: -72px -288px; }

.flag.flag-24.flag-sa {
  background-position: -96px -288px; }

.flag.flag-24.flag-sb {
  background-position: -120px -288px; }

.flag.flag-24.flag-sc {
  background-position: -144px -288px; }

.flag.flag-24.flag-sd {
  background-position: -168px -288px; }

.flag.flag-24.flag-se {
  background-position: -192px -288px; }

.flag.flag-24.flag-sg {
  background-position: -216px -288px; }

.flag.flag-24.flag-sh {
  background-position: -240px -288px; }

.flag.flag-24.flag-si {
  background-position: -264px -288px; }

.flag.flag-24.flag-sk {
  background-position: -288px -288px; }

.flag.flag-24.flag-sl {
  background-position: -312px -288px; }

.flag.flag-24.flag-sm {
  background-position: -336px -288px; }

.flag.flag-24.flag-sn {
  background-position: -360px -288px; }

.flag.flag-24.flag-so {
  background-position: -384px -288px; }

.flag.flag-24.flag-sr {
  background-position: -0px -312px; }

.flag.flag-24.flag-ss {
  background-position: -24px -312px; }

.flag.flag-24.flag-st {
  background-position: -48px -312px; }

.flag.flag-24.flag-sv {
  background-position: -72px -312px; }

.flag.flag-24.flag-sy {
  background-position: -96px -312px; }

.flag.flag-24.flag-sz {
  background-position: -120px -312px; }

.flag.flag-24.flag-tc {
  background-position: -144px -312px; }

.flag.flag-24.flag-td {
  background-position: -168px -312px; }

.flag.flag-24.flag-tf {
  background-position: -192px -312px; }

.flag.flag-24.flag-tg {
  background-position: -216px -312px; }

.flag.flag-24.flag-th {
  background-position: -240px -312px; }

.flag.flag-24.flag-tj {
  background-position: -264px -312px; }

.flag.flag-24.flag-tk {
  background-position: -288px -312px; }

.flag.flag-24.flag-tl {
  background-position: -312px -312px; }

.flag.flag-24.flag-tm {
  background-position: -336px -312px; }

.flag.flag-24.flag-tn {
  background-position: -360px -312px; }

.flag.flag-24.flag-to {
  background-position: -384px -312px; }

.flag.flag-24.flag-tr {
  background-position: -0px -336px; }

.flag.flag-24.flag-tt {
  background-position: -24px -336px; }

.flag.flag-24.flag-tv {
  background-position: -48px -336px; }

.flag.flag-24.flag-tw {
  background-position: -72px -336px; }

.flag.flag-24.flag-tz {
  background-position: -96px -336px; }

.flag.flag-24.flag-ua {
  background-position: -120px -336px; }

.flag.flag-24.flag-ug {
  background-position: -144px -336px; }

.flag.flag-24.flag-us {
  background-position: -168px -336px; }

.flag.flag-24.flag-uy {
  background-position: -192px -336px; }

.flag.flag-24.flag-uz {
  background-position: -216px -336px; }

.flag.flag-24.flag-va {
  background-position: -240px -336px; }

.flag.flag-24.flag-vc {
  background-position: -264px -336px; }

.flag.flag-24.flag-ve {
  background-position: -288px -336px; }

.flag.flag-24.flag-vg {
  background-position: -312px -336px; }

.flag.flag-24.flag-vi {
  background-position: -336px -336px; }

.flag.flag-24.flag-vn {
  background-position: -360px -336px; }

.flag.flag-24.flag-vu {
  background-position: -384px -336px; }

.flag.flag-24.flag-za {
  background-position: -96px -360px; }
.language-picker__language .flag {
  float: left;
  margin-right: 12px; }
  .dropdown-value .language-picker__language .flag {
    margin-top: 7px; }

.language-picker .icon-close {
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  right: 8px;
  top: 8px; }
  .language-picker .icon-close:hover {
    opacity: 0.7; }
btn-more,
.expandable-link-list {
  display: inline-block;
  vertical-align: middle; }
  btn-more .btn-more,
  .expandable-link-list .btn-more {
    transform: rotate(90deg); }
    btn-more .btn-more + .btn-more-options,
    .expandable-link-list .btn-more + .btn-more-options {
      right: -24px; }
      btn-more .btn-more + .btn-more-options ul li,
      .expandable-link-list .btn-more + .btn-more-options ul li {
        white-space: nowrap; }
        btn-more .btn-more + .btn-more-options ul li label,
        .expandable-link-list .btn-more + .btn-more-options ul li label {
          margin-top: 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.language-tabs {
  border-bottom: 1px solid #ddd;
  padding: 0 6px; }
  .language-tabs__tab {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding: 8px 10px 4px 10px;
    margin: 0; }
    .language-tabs__tab:before {
      border-radius: 4px;
      content: '';
      height: 7px;
      position: absolute;
      right: -2px;
      top: 50%;
      transform: translateY(-50%);
      width: 7px; }
    .language-tabs__tab--active {
      border-bottom: 1px solid #0076c0; }
    .language-tabs__tab--invalid:before {
      background-color: #ff4136; }
    .language-tabs__tab--changed:before {
      background-color: #0076c0; }
    .language-tabs__tab .icon {
      cursor: pointer;
      display: none;
      font-size: 8px;
      position: absolute;
      right: 2px;
      top: 2px; }
      .language-tabs__tab .icon:hover {
        opacity: 0.7; }
    .language-tabs__tab:hover .icon {
      display: block; }
    .language-tabs__tab .tooltip-top {
      left: -5px;
      right: auto;
      white-space: nowrap; }
      .language-tabs__tab .tooltip-top:after {
        right: auto;
        left: 10px; }
  .language-tabs__add {
    margin-right: 16px; }
  .language-tabs .btn-more-options li {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    margin: 0 -4px;
    padding: 4px 0;
    text-align: center; }
    .language-tabs .btn-more-options li:last-child {
      border-bottom: 0; }
    .language-tabs .btn-more-options li:hover {
      opacity: 0.8; }
.languages .language-picker {
  margin: 8px 16px; }

.inline-label {
  display: inline-block; }
  .inline-label + .languages {
    float: right;
    margin-top: 7px; }
    .inline-label + .languages .language-tabs {
      border: none;
      padding: 0; }
      .inline-label + .languages .language-tabs__tab {
        border: none;
        cursor: default;
        padding: 0 0 2px 0; }
        .inline-label + .languages .language-tabs__tab .form-tooltip {
          height: 0.5em;
          cursor: default; }
          .inline-label + .languages .language-tabs__tab .form-tooltip .flag {
            opacity: 0.3; }
          .inline-label + .languages .language-tabs__tab .form-tooltip .tooltip-top {
            left: -130px; }
            .inline-label + .languages .language-tabs__tab .form-tooltip .tooltip-top:after {
              right: auto;
              left: 133px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
modal {
  transition: 0.2s ease all;
  position: absolute; }

.popin--container .popin {
  border-radius: 5px; }
  .popin--container .popin.popin--medium {
    max-height: 80vh; }

.popin--container a.close {
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 1;
  opacity: 0.6; }
  .popin--container a.close:after {
    font-size: 0.65rem;
    content: 'ESC';
    position: absolute;
    top: 15px;
    bottom: 0;
    left: -2px;
    right: 0;
    text-align: center; }

.popin--container .error-text {
  color: #e74a51;
  font-size: 0.9em;
  margin-top: -15px; }

.popin--medium .dropdown-section,
.popin--medium .text-section {
  padding: 0 30px; }

.popin--xlarge {
  width: 70%; }
  .popin--xlarge .container-fluid.modal-body {
    padding: 20px; }
    @media (min-width: 992px) {
      .popin--xlarge .container-fluid.modal-body {
        padding: 20px 40px; } }

.modal-header {
  border-bottom: 2px solid #e6e9ea; }
  .modal-header h4 {
    padding: 20px 40px; }
    .modal-header h4.modal-title {
      display: flex; }

.modal-footer {
  padding: 20px;
  border: none;
  border-top: 2px solid #e6e9ea;
  min-height: 84px; }
  .modal-footer .btn {
    margin-right: 5px; }

.modal-body {
  max-height: calc(80vh - 160px);
  overflow-y: scroll; }
  .modal-body input,
  .modal-body select,
  .modal-body textarea {
    width: 100%; }
  .modal-body .row {
    margin-bottom: 40px; }
    .modal-body .row > h4 {
      margin-left: 15px; }
  .modal-body .modal-content__tabs {
    font-size: 0.9em; }
    .modal-body .modal-content__tabs .tab-list {
      display: flex;
      border-bottom: 2px solid #e6e9ea; }
      .modal-body .modal-content__tabs .tab-list .modal-content__tab {
        padding: 0 8px 15px 8px;
        margin-bottom: -2px;
        cursor: pointer; }
        .modal-body .modal-content__tabs .tab-list .modal-content__tab.tab--active {
          border-bottom: 2px solid #0076c0;
          font-weight: bold; }
    .modal-body .modal-content__tabs .tab-content {
      padding-top: 25px;
      display: flex;
      flex-direction: column; }
      .modal-body .modal-content__tabs .tab-content__section {
        margin-bottom: 25px; }
      .modal-body .modal-content__tabs .tab-content__header {
        font-weight: bold;
        margin-bottom: 3px; }
      .modal-body .modal-content__tabs .tab-content__body {
        display: flex;
        align-items: flex-start;
        margin: 3px 0 7px 2px;
        color: #999999; }
        .modal-body .modal-content__tabs .tab-content__body .flag {
          margin-right: 8px; }
        .modal-body .modal-content__tabs .tab-content__body .localised-text {
          max-width: 600px; }

.popin--small .modal-body {
  height: auto; }

.input-group {
  margin-top: 8px;
  width: 100%;
  position: relative;
  display: inline-table;
  vertical-align: middle;
  border-collapse: separate; }

.input-group .form-control,
.input-group-addon {
  display: table-cell;
  margin: 0; }

.input-group-addon {
  width: auto;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(22, 26, 29, 0.1);
  border-radius: 4px; }

.input-group-addon:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group .hex {
  display: table-cell;
  position: relative;
  width: 0px;
  margin-left: -1px;
  overflow: visible; }

input + .error {
  color: #e74a51;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.styled-tooltip__message {
  opacity: 0;
  background-color: #111;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  z-index: -100;
  bottom: 120%;
  left: 60%;
  width: auto;
  transform: translateX(-50%);
  font-size: 0.8em;
  white-space: nowrap; }
  .styled-tooltip__message::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(270deg);
    right: 50%;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #111; }
  .styled-tooltip__message.light-mode {
    background-color: #ffffff;
    color: #111;
    box-shadow: rgba(0, 27, 45, 0.2) 0 8px 16px; }
    .styled-tooltip__message.light-mode::after {
      border-right: 8px solid #ffffff; }

.styled-tooltip__trigger {
  height: auto;
  width: auto; }
  .styled-tooltip__trigger:hover + .styled-tooltip__message {
    opacity: 1;
    z-index: 100; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.schedule-short {
  display: flex;
  align-items: center; }
  .schedule-short__date span:not(:first-child) {
    margin-left: 5px; }
  .schedule-short__divider {
    height: 1.5px;
    width: 4px;
    margin: 0 3px;
    background: #ddd; }
  .schedule-short--vertical {
    flex-direction: column;
    font-size: 0.8em; }
    .schedule-short--vertical .schedule-short__divider {
      height: 10px;
      width: 1px;
      margin: 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.segmentation__filters {
  display: flex;
  gap: 10px;
  margin-top: 8px; }
  .segmentation__filters .styled-tooltip__trigger {
    position: relative;
    z-index: 200; }
  .segmentation__filters .styled-tooltip__message {
    left: 50%; }
    .segmentation__filters .styled-tooltip__message:after {
      right: unset;
      left: 50%;
      transform: rotate(270deg) translateY(calc(-50% + 2px)); }
  .segmentation__filters .segmentation__filter {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: border 0.2s linear;
    -webkit-box-shadow: 3px 3px 7px 0 #dddddd;
    box-shadow: 3px 3px 7px 0 #dddddd; }
    .segmentation__filters .segmentation__filter i.icon {
      width: 20px;
      height: 20px;
      background-size: 20px;
      opacity: 0.7;
      transition: opacity 0.2s linear; }
    .segmentation__filters .segmentation__filter:hover {
      border: 1px solid rgba(221, 221, 221, 0.6); }
      .segmentation__filters .segmentation__filter:hover i.icon {
        opacity: 0.8; }
    .segmentation__filters .segmentation__filter--active {
      -webkit-box-shadow: inset 3px 3px 7px 0 #dddddd;
      box-shadow: inset 3px 3px 7px 0 #dddddd; }
      .segmentation__filters .segmentation__filter--active i.icon {
        opacity: 0.2; }
      .segmentation__filters .segmentation__filter--active:hover i.icon {
        opacity: 0.3; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.tabbed-fields__label {
  border: solid 1px #e6e9ea;
  cursor: pointer;
  font-size: 0.8em;
  padding: 8px 12px;
  text-transform: uppercase;
  transition: border 0.3s ease; }
  .tabbed-fields__label:hover {
    border-bottom: solid 2px rgba(0, 118, 192, 0.8); }
  .tabbed-fields__label + .tabbed-fields__label {
    border-left: none; }
  .tabbed-fields__labels {
    display: flex;
    margin-top: 15px; }
  .tabbed-fields__label--active {
    border-bottom: solid 2px rgba(0, 118, 192, 0.8);
    cursor: default; }

.tabbed-fields__tab {
  display: none;
  padding-top: 15px; }
  .tabbed-fields__tabs {
    position: relative; }
  .tabbed-fields__tab .input-header {
    display: none; }
  .tabbed-fields__tab--active {
    display: block; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.switch-container {
  display: flex;
  align-items: center; }
  .switch-container__label {
    margin-right: 10px;
    top: 9px; }
  .switch-container__toggle input[type='checkbox'] {
    height: 0;
    width: 0;
    visibility: hidden; }
  .switch-container__toggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 36px;
    height: 20px;
    background: #e6e9ea;
    display: block;
    border-radius: 2px;
    position: relative;
    border: #e6e9ea 1px solid; }
  .switch-container__toggle label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 2px;
    transition: 0.15s; }
  .switch-container__toggle input:checked + label {
    background: #0076c0;
    border-color: #0076c0; }
  .switch-container__toggle input:checked + label:after {
    background: #fff;
    left: calc(100% - 1px);
    transform: translateX(-100%); }
  .switch-container__toggle input:disabled + label {
    background: #e6e9ea;
    border-color: #e6e9ea; }
  .switch-container__toggle input:disabled + label:after {
    background: #ffffff; }
  .switch-container__toggle label:active:after {
    width: 32px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.toast-tray {
  position: fixed;
  top: 15px;
  right: 15px;
  width: 300px;
  height: 0px;
  overflow: visible;
  z-index: 10002; }

toast .notification,
.notification-list .notification {
  animation: dcenotificationin 1s;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  overflow: hidden;
  margin-bottom: 15px; }

toast .notification--picture .icon,
.notification-list .notification--picture .icon {
  font-size: 2.5em; }
  toast .notification--picture .icon.icon-success,
  .notification-list .notification--picture .icon.icon-success {
    color: #2ecc40; }
    toast .notification--picture .icon.icon-success:before,
    .notification-list .notification--picture .icon.icon-success:before {
      content: 'n'; }
  toast .notification--picture .icon.icon-info,
  .notification-list .notification--picture .icon.icon-info {
    color: #0076c0; }
  toast .notification--picture .icon.icon-warning,
  .notification-list .notification--picture .icon.icon-warning {
    color: #ffdc00; }
  toast .notification--picture .icon.icon-error,
  .notification-list .notification--picture .icon.icon-error {
    color: #e74a51; }

@keyframes dcenotificationin {
  0% {
    opacity: 0;
    margin-top: 150px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.vcid__modal .popin.popin--large {
  max-width: 40vw; }
  .vcid__modal .popin.popin--large .modal-content .modal-body {
    min-height: 350px;
    max-height: none;
    overflow-y: auto;
    padding-bottom: 40px; }

.vcid__header {
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .vcid__header span {
    color: #999999;
    padding: 2px 0; }

.vcid__content {
  margin-top: 12px; }
  .vcid__content .content-search {
    top: 95px; }
  .vcid__content .input-header {
    color: rgba(22, 26, 29, 0.7);
    display: inline-block;
    font-family: "Roboto", "Roboto-Regular", sans-serif;
    font-size: 0.65em;
    font-weight: bold;
    letter-spacing: 1.2px;
    margin-right: 12px;
    margin-top: 12px;
    text-transform: uppercase; }
  .vcid__content .optional-label {
    color: #999999;
    font-size: 0.8em;
    position: absolute;
    right: 0px;
    top: 10px; }
  .vcid__content-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: -5px; }
    .vcid__content-row > div {
      width: 46%; }
  .vcid__content-input {
    margin-top: 20px; }

.vcid__warning {
  background-color: #fee7e7;
  border: 2px solid #ff4136;
  border-radius: 3px;
  color: #ff4136;
  display: flex;
  flex-direction: row;
  padding: 20px;
  align-items: center; }
  .vcid__warning-message {
    margin-left: 25px; }
  .vcid__warning-icon {
    margin-left: 5px;
    height: 25px;
    width: 36px;
    background: url(/f65fd7d961c28a6a2a098b42503941e7.svg) center/cover no-repeat; }

.vcid__buttons {
  float: right;
  margin-top: 20px; }
  .vcid__buttons button {
    margin-left: 10px; }
    .vcid__buttons button.btn--red {
      background-color: #ff4136; }

input.vcid__display-time {
  cursor: pointer;
  border: none;
  padding-left: 0;
  padding-right: 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.nav.topbar > ul .submenu {
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: opacity 0.2s ease;
  opacity: 0; }

.nav.topbar > ul > li {
  position: relative; }
  .nav.topbar > ul > li .active {
    box-shadow: inset #fff 0 2px 0;
    color: #fff;
    font-weight: 500; }
  .nav.topbar > ul > li > ul li {
    float: none; }
  .nav.topbar > ul > li > ul li {
    position: relative; }
  .nav.topbar > ul > li > ul ul {
    width: 200px;
    position: absolute;
    left: 100%;
    top: 0; }

.nav.topbar > ul li.touched > ul {
  height: auto;
  overflow: visible;
  opacity: 1;
  left: calc(10% - 8px); }
  .nav.topbar > ul li.touched > ul::after {
    left: 16px;
    right: auto; }

.nav.topbar > ul.pull-right .touched .submenu {
  left: auto; }
  .nav.topbar > ul.pull-right .touched .submenu::after {
    left: auto;
    right: 16px; }

.nav.topbar a.topbar--avatar + ul.submenu {
  right: 20px; }

.hero {
  transition: transform 0.3s ease;
  background: rgba(22, 26, 29, 0.9);
  z-index: 2; }
  .content-preview-mode .hero {
    transform: translateY(-200%) !important; }
  .hero.empty {
    background-image: none !important; }
  .hero .header-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(2px);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity ease 0.3s 0.2s;
    width: 100%; }
    .hero .header-cover--loaded {
      opacity: 0.8; }
    .hero .header-cover:after {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
      content: ' ';
      height: 60%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }

@media (max-width: 767px) {
  .hero .nav--logo {
    display: none; }
  .hero .topbar ul.pull-left {
    transition: transform ease 0.4s;
    background: #fff;
    height: 100%;
    padding-top: 40px;
    position: absolute;
    transform: translateX(-100%);
    width: 150px;
    z-index: 99; }
    .hero .topbar ul.pull-left li {
      float: none;
      padding-left: 16px; }
      .hero .topbar ul.pull-left li.active, .hero .topbar ul.pull-left li:hover {
        border-left: solid 3px rgba(22, 26, 29, 0.8); }
      .hero .topbar ul.pull-left li.hamburger {
        border-left: none;
        display: block;
        left: 150px;
        padding-left: 20px;
        position: absolute;
        transform: translateX(0);
        transition: color 0.2s ease, transform 0.4s ease;
        top: 0; }
        .hero .topbar ul.pull-left li.hamburger a {
          color: #fff; }
        .hero .topbar ul.pull-left li.hamburger .icon {
          font-size: 1.5em; }
      .hero .topbar ul.pull-left li a {
        color: rgba(22, 26, 29, 0.8);
        padding: 10px 0; }
      .hero .topbar ul.pull-left li .submenu a {
        padding-left: 10px; }
  .hero .topbar.expanded-mobile ul.pull-left {
    position: fixed;
    transform: translateX(0); }
    .hero .topbar.expanded-mobile ul.pull-left .hamburger {
      transform: translateX(-150px); }
      .hero .topbar.expanded-mobile ul.pull-left .hamburger .icon {
        color: #161a1d; }
  .hero .topbar ul.pull-right li a {
    margin-right: 20px; } }

.topbar ul li .submenu .open {
  opacity: 1; }

.topbar ul li .submenu {
  right: 20px;
  opacity: 0;
  transition: all 0.3s ease; }

.topbar--title .btn-group a + a {
  margin-left: 16px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.menu-devices {
  width: 90%;
  margin: auto;
  padding: 20px 0;
  display: flex;
  flex-direction: column; }
  .menu-devices__item {
    height: 120px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 0 11px 2px #dddddd40;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px; }
    .menu-devices__item--info {
      display: flex; }
    .menu-devices__item--icon {
      background: #0076c0;
      height: 50px;
      width: 50px;
      margin-right: 20px;
      border-radius: 50%; }
      .menu-devices__item--icon svg {
        fill: #ffffff; }
    .menu-devices__item--title h4 {
      color: #0076c0;
      margin-bottom: 5px; }
    .menu-devices__item--title p {
      font-style: italic;
      opacity: 0.5; }
  .menu-devices__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.expandable-text__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px 0;
  width: 100%; }
  .expandable-text__header h3 {
    line-height: unset;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .expandable-text__header svg {
    fill: #cccccc;
    margin-right: 12px;
    transform: rotate(-90deg);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out; }
  .expandable-text__header--expanded svg {
    transform: rotate(0deg); }

.expandable-text__content {
  display: none;
  padding: 5px 15px;
  transition-property: none;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }
  .expandable-text__content--expanded {
    display: block; }
.pinner__modal .list .list--item .list--item--col.media-list-order-control {
  padding-left: 0; }

.pinner__modal .btn-tertiary {
  display: block;
  margin: 20px auto 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.editor-header__step--menu.editor-header__step--complete {
  cursor: pointer; }

.preview-placeholder {
  background-color: #111;
  width: calc(100% - 515px);
  display: flex;
  justify-content: center; }
  .preview-placeholder h3 {
    color: #ffffff;
    text-align: center;
    margin: 0 20px;
    margin-top: 70px; }

.editor__panel--menu-items .editor__title .title-icon {
  position: absolute;
  height: 10px;
  width: 20px;
  background: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg) center center no-repeat;
  transform: rotate(180deg);
  top: 15px;
  left: 10px;
  cursor: pointer;
  padding: 0;
  min-width: unset;
  background-size: auto;
  min-height: unset; }

.editor__panel--menu-items > div,
.editor__panel--menu-items .editor__panel--container {
  height: 100%; }

.editor__panel--menu-items .card-selector__preview--top-left-web-navigation {
  background-image: url(/99931dc7f0bde1b59c92543ef4c9e89c.svg); }

.editor__panel--menu-items .card-selector__preview--top-web-navigation {
  background-image: url(/a5f15e160540190309fdfb515c7a8f81.svg); }

.editor__panel--menu-items .card-selector__preview--vertical-web-navigation {
  background-image: url(/bdf0325c8f9718b8f5371376da419eba.svg); }

.editor__panel--menu-items .card-selector__preview--hamburger-web-navigation {
  background-image: url(/b0d08694cc5b1af5b20443c0bf8d4f24.svg); }

.editor__panel--menu-items .card-selector__preview--top-left-mobile-navigation {
  background-image: url(/3568f8174c4b288b3ab9f36aa72e8c0f.svg); }

.editor__panel--menu-items .card-selector__preview--top-right-mobile-navigation {
  background-image: url(/99f780679137f17fd2a4996f50efd1c3.svg); }

.editor__panel--menu-items .card-selector__preview--vertical-tv-navigation {
  background-image: url(/f1f1d919a9c51e89205f351a85871115.svg); }

.editor__panel--menu-items .card-selector__preview--top-tv-navigation {
  background-image: url(/9d442fc044b3d86ff38e77c51130ea1c.svg); }

.editor__panel--menu-items .menu-items__editor {
  padding: 20px; }
  .editor__panel--menu-items .menu-items__editor > div {
    margin-top: 50px; }
    .editor__panel--menu-items .menu-items__editor > div.text-section, .editor__panel--menu-items .menu-items__editor > div.sections-search, .editor__panel--menu-items .menu-items__editor > div.languages {
      margin-top: 0; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list {
    height: calc(100% - 150px);
    overflow-y: auto; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .menu-items__editor--add-button {
      position: fixed;
      bottom: 0;
      left: 0;
      padding: 30px;
      background-color: #ffffff;
      width: 500px;
      box-shadow: 0 -10px 15px -6px #ddd; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item {
      background-color: #fff;
      border: 1px solid #e6e9ea;
      border-radius: 1px;
      margin: 20px;
      min-height: 80px;
      padding: 15px; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item.draggable:hover {
        box-shadow: 0 0 4px 1px #ddd; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item .editor__panel--menu-item {
        margin: 20px 0; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata {
        display: flex; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .menu-item__icon--container {
          background-color: #ddd;
          height: 50px;
          width: 50px;
          margin-right: 20px;
          flex-shrink: 0;
          padding: 10px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .menu-item__icon--container .menu-item__icon {
            background-size: cover;
            background-position: center center;
            height: 100%;
            width: 100%;
            fill: #ffffff; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .menu-item__icon--empty {
          margin-right: 20px; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .menu-item__metadata h4 {
          font-size: 1.1rem;
          line-height: 1.5rem; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .menu-item__metadata p {
          color: #999999;
          font-size: 1rem;
          margin-top: 5px; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata .expandable-link-list {
          position: absolute;
          right: 0;
          top: 7px;
          margin: auto;
          opacity: 0; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata.faded .menu-item__metadata,
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__metadata.faded .menu-item__icon {
          opacity: 0.6; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__folder {
        margin-top: 20px;
        margin-left: 60px; }
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__folder .editor__panel--menu-item .menu-item__icon--empty,
        .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item__folder .editor__panel--menu-item .menu-item__icon--container {
          display: none; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--item-list .editor__panel--menu-item:hover > .editor__panel--menu-item__metadata .expandable-link-list {
        opacity: 1; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .menu-items__editor--buttons .btn:first-child {
    margin-right: 10px; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .slash-symbol {
    position: absolute;
    margin-top: 20px;
    z-index: 765;
    margin-left: 7px;
    font-size: 1.5rem;
    opacity: 0.9; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__thumbnail img {
    width: 40px;
    height: 40px; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search {
    top: 45px; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search > div:not(:first-child) .content-search__result {
      border: none; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__result {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__result .content-search__thumbnail {
      fill: #999999;
      height: 45px; }
      .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__result .content-search__thumbnail svg {
        top: -3px; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__content {
    margin: 0;
    height: 40px;
    display: flex;
    align-items: center;
    width: 100%; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__content .content-search__title {
      padding-top: 0;
      padding-right: 10px;
      font-size: 1rem; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__content .content-search__description {
      color: #999999;
      top: 1px; }
    .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .sections-search .content-search__content .icon-close {
      top: 12px; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .radio-section > div {
    display: flex;
    flex-wrap: wrap; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--add-item .radio-section.radio-section--disabled .radio {
    pointer-events: none; }
  .editor__panel--menu-items .menu-items__editor.menu-items__editor--translations h4 {
    margin-top: 30px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.dropdown-button-container button {
  display: flex;
  align-items: center;
  padding: 14px 20px; }
  .dropdown-button-container button svg {
    margin-left: 10px;
    transform: rotate(90deg);
    fill: #fff; }

.dropdown-button-container__options {
  background-color: #ffffff;
  box-shadow: rgba(0, 27, 45, 0.05) 0 8px 16px;
  border-radius: 2px;
  margin-top: 3px; }
  .dropdown-button-container__options::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 20px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #ffffff transparent; }
  .dropdown-button-container__options > div {
    cursor: pointer;
    font-size: 13px;
    display: block;
    margin: 0;
    padding: 8px 16px;
    border-bottom: rgba(0, 27, 45, 0.05) 1px solid;
    border-left: 2px solid #ffffff;
    border-radius: 2px; }
    .dropdown-button-container__options > div:hover {
      color: #0076c0;
      border-left: 2px solid #0076c0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.dialog-container__inner {
  box-shadow: rgba(221, 221, 221, 0.5) 0 -5px 14px 0;
  position: fixed;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  background: #fff;
  z-index: 1; }
  .dialog-container__inner--backdrop {
    z-index: 1; }
    .dialog-container__inner--backdrop:before {
      content: '';
      position: fixed;
      top: 0;
      width: 100vw;
      height: 100vh; }
  .dialog-container__inner .dialog-container__content {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr; }
    @media (min-width: 768px) {
      .dialog-container__inner .dialog-container__content {
        padding: 20px 73px; } }
    .dialog-container__inner .dialog-container__content-main {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: baseline;
      align-content: flex-end; }
      .dialog-container__inner .dialog-container__content-main button {
        margin-left: 16px;
        margin-top: 5px; }
      .dialog-container__inner .dialog-container__content-main > div {
        flex-shrink: 0; }
      .dialog-container__inner .dialog-container__content-main > header {
        flex-shrink: 1;
        font-size: 1rem; }
    .dialog-container__inner .dialog-container__content-body {
      overflow: auto;
      max-height: 50vh; }
      .dialog-container__inner .dialog-container__content-body:not(:empty) {
        margin-bottom: 10px; }

.dialog-slider-enter {
  transform: translateY(100%);
  transition: 0.6s ease; }
  .dialog-slider-enter-active {
    transform: translateY(0); }

.dialog-slider-exit {
  transform: translateY(0);
  transition: 0.6s ease; }
  .dialog-slider-exit-active {
    transform: translateY(100%); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
@font-face {
  font-family: 'dice';
  src: url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.ttf) format("truetype"), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.eot), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.woff) format("woff"), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.svg) format("svg");
  font-weight: 400;
  font-style: normal; }

.dice-icon {
  text-align: center;
  font-size: 24px; }
  .dice-icon[data-icon]:before {
    font-family: 'dice' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -15%; }
  .dice-icon[class^='icon-']:before, .dice-icon[class*=' icon-']:before {
    font-family: 'dice' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -15%; }
  .dice-icon.icon-arrowleft:before {
    content: 'r'; }
  .dice-icon.icon-arrowright:before {
    content: 's'; }
  .dice-icon.icon-close:before {
    content: 't'; }
  .dice-icon.icon-fullscreenoff:before {
    content: 'u'; }
  .dice-icon.icon-fullscreenon:before {
    content: 'v'; }
  .dice-icon.icon-play:before {
    content: 'a'; }
  .dice-icon.icon-arrowdown:before {
    content: 'b'; }
  .dice-icon.icon-backward:before {
    content: 'c'; }
  .dice-icon.icon-browse:before {
    content: 'd'; }
  .dice-icon.icon-calendar:before {
    content: 'e'; }
  .dice-icon.icon-favourite:before {
    content: 'f'; }
  .dice-icon.icon-forward:before {
    content: 'g'; }
  .dice-icon.icon-home:before {
    content: 'k'; }
  .dice-icon.icon-loop-back:before {
    content: 'l'; }
  .dice-icon.icon-search:before {
    content: 'm'; }
  .dice-icon.icon-settings:before {
    content: 'n'; }
  .dice-icon.icon-time:before {
    content: 'p'; }
  .dice-icon.icon-pause:before {
    content: 'i'; }
  .dice-icon.icon-info:before {
    content: 'w'; }
  .dice-icon.icon-volume-muted:before {
    content: 'x'; }
  .dice-icon.icon-volume-on:before {
    content: 'y'; }
  .dice-icon.icon-volume-full:before {
    content: 'z'; }
  .dice-icon.icon-highlights:before {
    content: 'A'; }
  .dice-icon.icon-social:before {
    content: 'B'; }
  .dice-icon.icon-replay:before {
    content: 'j'; }
  .dice-icon.icon-stop:before {
    content: 'q'; }
  .dice-icon.icon-hamburger:before {
    content: 'h'; }
  .dice-icon.icon-player:before {
    content: 'C'; }
  .dice-icon.icon-infinite:before {
    content: 'D'; }
  .dice-icon.icon-play-2:before {
    content: 'E'; }
  .dice-icon.icon-logout:before {
    content: 'F'; }
  .dice-icon.icon-star:before {
    content: 'G'; }
  .dice-icon.icon-star-filed:before {
    content: 'H'; }
  .dice-icon.icon-tick:before {
    content: 'o'; }
  .dice-icon.icon-switch:before {
    content: 'I'; }

.content-tag {
  border-radius: 18px;
  background-color: #0076c0;
  color: #fff;
  display: inline-block;
  font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
  font-size: 11px;
  margin: 8px 8px 8px 0;
  padding: 1px 12px;
  white-space: nowrap; }

.tag-list {
  overflow: hidden;
  display: flex;
  align-items: center; }
  .tag-list > ul {
    padding-left: 5px; }
  .tag-list__button {
    background-color: #fff;
    border: 1px solid #ddd;
    color: rgba(0, 27, 45, 0.4);
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 2px;
    position: absolute;
    z-index: 1; }
    .tag-list__button:before {
      background-color: #fff;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      transform: scale(1.2); }
    .tag-list__button--next {
      right: 0; }
    .tag-list__button--back {
      left: 0; }
  .tag-list__inner {
    display: flex;
    transition: 1s ease margin-left; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.dropdown-filter__title {
  cursor: pointer;
  display: inline-block;
  color: rgba(0, 27, 45, 0.5);
  font-family: "Roboto", "Roboto-Regular", sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 1.2px;
  margin: 0 10px;
  padding-right: 12px;
  text-transform: uppercase; }
  .dropdown-filter__title::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(270deg);
    right: 0;
    bottom: 40%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid rgba(0, 27, 45, 0.5); }

.dropdown-filter__container {
  background-color: #fff;
  box-shadow: 0px 0px 3px 1px #ddd;
  border-radius: 3px;
  min-width: 250px;
  font-family: "Roboto", "Roboto-Regular", sans-serif;
  position: absolute;
  z-index: 1;
  right: 0; }
  .dropdown-filter__container::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(90deg);
    right: 8px;
    top: -12px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff; }
  .dropdown-filter__container-search {
    display: flex;
    align-items: center;
    justify-content: center; }
    .dropdown-filter__container-search input[type='text'] {
      border: none;
      background-color: #f6f6f7;
      border-radius: 20px;
      padding-left: 40px;
      margin: 10px;
      height: 40px;
      width: 90%;
      font-size: 0.85em; }
    .dropdown-filter__container-search-icon {
      position: absolute;
      background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
      display: inline-block;
      height: 15px;
      width: 15px;
      top: 22px;
      left: 10%;
      opacity: 0.3;
      z-index: 1; }
    .dropdown-filter__container-search-clear {
      position: absolute;
      cursor: pointer;
      font-size: 0.7em;
      top: 15%;
      right: 9%;
      opacity: 0.3; }
      .dropdown-filter__container-search-clear:hover {
        opacity: 0.8; }
  .dropdown-filter__container-list {
    max-height: 200px;
    padding-bottom: 10px;
    overflow-y: scroll;
    font-size: 0.8em;
    text-transform: none;
    letter-spacing: 0px; }
    .dropdown-filter__container-list + .dropdown-filter__container-list {
      border-top: 1px solid #ddd;
      padding-top: 10px; }
    .dropdown-filter__container-list.selected-list {
      max-height: none; }
    .dropdown-filter__container-list__item {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      line-height: 35px;
      white-space: nowrap;
      padding: 0 20px; }
      .dropdown-filter__container-list__item:hover {
        color: #0076c0; }
      .dropdown-filter__container-list__item-container {
        display: flex;
        align-items: center; }
      .dropdown-filter__container-list__item-status {
        height: 20px;
        width: 20px;
        border-radius: 10px;
        margin-right: 15px;
        border: 1px solid #ddd; }
        .dropdown-filter__container-list__item-status.item-selected {
          background-color: #0076c0; }
      .dropdown-filter__container-list__item-icon {
        display: flex;
        flex-direction: row;
        margin-right: 10px; }
        .dropdown-filter__container-list__item-icon img {
          height: 20px; }
        .dropdown-filter__container-list__item-icon.device--icon {
          height: 20px;
          width: 20px;
          margin-right: 10px; }
    .dropdown-filter__container-list__empty {
      text-align: center;
      padding: 10px; }
@charset "UTF-8";
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
body.content-preview-mode {
  overflow-y: hidden;
  background-color: #f6f6f7; }

.content-row {
  align-items: center;
  display: flex; }
  .loaded .content-row {
    justify-content: flex-end;
    width: 70vw;
    transition: width 0.2s linear; }
    .no-section-menu .loaded .content-row {
      width: 90vw; }
  .content-row.skeleton .skeleton__label {
    margin-top: 0; }
  .content-row__arrows {
    flex-basis: 5%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px; }
    .content-row__arrows span {
      cursor: pointer;
      color: rgba(0, 27, 45, 0.4); }
    .content-row__arrows input {
      margin: 8px auto;
      padding: 5px;
      max-width: 30px;
      min-width: 40px;
      text-align: center;
      border-style: hidden;
      color: rgba(0, 27, 45, 0.4);
      font-size: 1.2rem; }
      .content-row__arrows input:focus, .content-row__arrows input:hover {
        color: #333333;
        border-color: #e6e9ea; }
  .content-row__header {
    flex: 0 0 100%;
    margin-bottom: 16px;
    max-width: 70vw; }
    .no-section-menu .content-row__header {
      max-width: 90vw; }
    .content-row__header .wizard-content__tabs {
      border-bottom: 1px solid #ddd;
      margin-bottom: -1px;
      max-width: 70vw;
      display: flex;
      justify-content: space-between; }
      .content-row__header .wizard-content__tabs .styled-tooltip__trigger > .wizard-content__tab {
        min-width: 75px;
        max-width: 75px; }
      .no-section-menu .content-row__header .wizard-content__tabs {
        max-width: 90vw; }
      .content-row__header .wizard-content__tabs .wizard-content__tab {
        flex: 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        min-width: auto;
        max-width: 100px;
        min-height: 51px;
        transition: max-width 0.3s ease;
        border-right: 1px solid #ddd; }
        .content-row__header .wizard-content__tabs .wizard-content__tab:hover {
          max-width: 100%; }
        .content-row__header .wizard-content__tabs .wizard-content__tab:last-child {
          border-right: 1px solid #ddd; }
        .content-row__header .wizard-content__tabs .wizard-content__tab-id {
          font-size: 0.85em;
          overflow: hidden;
          text-overflow: ellipsis; }
        .content-row__header .wizard-content__tabs .wizard-content__tab__tooltip {
          display: flex;
          flex-direction: column;
          color: rgba(0, 27, 45, 0.5); }
          .content-row__header .wizard-content__tabs .wizard-content__tab__tooltip-header {
            border-bottom: 1px solid #ddd;
            text-align: left;
            padding-left: 5px;
            margin-bottom: 1px;
            font-size: 0.85em;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase; }
          .content-row__header .wizard-content__tabs .wizard-content__tab__tooltip-definition {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 1px 0; }
            .content-row__header .wizard-content__tabs .wizard-content__tab__tooltip-definition span:last-of-type {
              max-width: 200px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
        .content-row__header .wizard-content__tabs .wizard-content__tab-icon {
          background-repeat: no-repeat;
          background-position: center center;
          padding: 12px;
          opacity: 0.5;
          margin-right: 5px; }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon:not(:first-of-type) {
            margin-right: -20px;
            transition: margin 0.2s ease; }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--schedule {
            background-size: 19.2px;
            background-image: url(/40d63f0ac8f457845603651f8289a16f.png); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--device {
            background-size: 12.8px;
            background-image: url(/9946fa98a4094c66abc7b5d06dcfdea1.svg); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--geo {
            background-size: 19.2px 14.4px;
            background-image: url(/927bb09e20d77b3f6bfc991a40fefeb8.svg); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--licence {
            background-size: 19.2px 14.4px;
            background-image: url(/2b73d071629c7d95721e378f01dbfac7.svg); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--licence-family {
            background-size: 19.2px 14.4px;
            background-image: url(/8a4d571998d3087e20d72229b0527268.svg); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--partition {
            background-size: 19.2px 14.4px;
            background-image: url(/9a6928aac1e0ca0e9cd43d3122cd1a53.svg); }
          .content-row__header .wizard-content__tabs .wizard-content__tab-icon--user-state {
            background-size: 14.4px;
            background-image: url(/da813ca812c6ec80c1f5dc66ea40abb7.svg); }
  .content-row__subheader {
    width: 90vw;
    height: 32px;
    margin: 0 -16px 16px -16px;
    border-bottom: 1px solid #ddd; }
    .content-row__subheader--status {
      color: rgba(0, 27, 45, 0.5);
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.7em;
      font-weight: bold;
      letter-spacing: 1.2px;
      margin-right: 12px;
      text-transform: uppercase;
      position: absolute;
      right: 60px; }
      .content-row__subheader--status::before {
        content: '';
        height: 8px;
        width: 8px;
        display: inline-block;
        border-radius: 4px;
        margin-right: 12px; }
      .content-row__subheader--status.status--live::before {
        background-color: #2ecc40; }
      .content-row__subheader--status.status--scheduled::before {
        background-color: #0076c0; }
      .content-row__subheader--status.status--expired::before {
        background-color: #e74a51; }
    .content-row__subheader .content-row__main__actions {
      right: 4px; }
  .content-row__main {
    margin: 16px auto;
    padding: 0 16px 16px 16px;
    position: relative;
    max-width: 70vw;
    background-color: #fff;
    border: 1px solid #e6e9ea;
    border-radius: 1px;
    display: flex;
    align-items: flex-start;
    flex: 1 1 95%;
    flex-wrap: wrap; }
    .no-section-menu .content-row__main {
      max-width: 90vw; }
    .content-row__main:hover {
      box-shadow: 0 0 4px 1px #ddd; }
    .content-row__main__thumbnail {
      padding: 5px 20px 5px 0; }
      .content-row__main__thumbnail img {
        object-fit: fill;
        max-width: 240px; }
    .content-row__main__playlist-thumb {
      background-size: cover !important;
      padding: 4px;
      width: 240px; }
      .content-row__main__playlist-thumb img {
        box-shadow: 0 0 2px 2px rgba(51, 51, 51, 0.6);
        height: 127px; }
    .content-row__main__container {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
    .content-row__main__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      grid-gap: 1em;
      flex: 1 1 250px; }
    .content-row__main__content {
      padding-top: 5px; }
      .content-row__main__content .tag-list {
        width: 480px; }
    .content-row__main__header {
      display: flex; }
    .content-row__main__actions {
      position: absolute;
      top: -8px;
      right: -12px; }
    .content-row__main__shortcut-icon {
      background: #ddd;
      height: 25px;
      width: 25px;
      margin-right: 10px;
      padding: 5px;
      border-radius: 4px; }
    .content-row__main__title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: rgba(0, 27, 45, 0.9);
      display: inline-block;
      font-size: 1.2em;
      margin-right: 12px;
      max-width: 70%;
      line-height: 22px;
      letter-spacing: 0.1px; }
    .content-row__main__tag {
      flex: 0 0 0;
      font-size: 13px;
      font-family: "Roboto-Medium", "Roboto-Regular", sans-serif; }
    .content-row__main__meta {
      color: #333333; }
    .content-row__main__items {
      color: rgba(0, 27, 45, 0.5);
      font-size: 0.8em;
      line-height: 20px;
      padding: 3px 0;
      margin-top: 5px;
      max-width: 40vw; }
      .content-row__main__items li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .content-row__main__video-added {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 10px;
      bottom: 10px;
      font-size: 0.8em;
      color: rgba(51, 51, 51, 0.6); }
      .content-row__main__video-added:after {
        color: #2fba0a;
        content: '\2713';
        border: 1px solid #ddd;
        border-radius: 1em;
        display: inline-block;
        margin-left: 5px;
        text-align: center;
        width: 25px; }
    @media (max-width: 992px) {
      .content-row__main {
        flex-direction: column;
        align-items: stretch; } }
  .content-row__segment {
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
    display: flex;
    flex: 0 0 100%;
    justify-content: space-around;
    margin: -16px -16px 16px -16px;
    padding: 16px; }
    .content-row__segment h4 {
      font-size: 0.95em;
      letter-spacing: 0.4px;
      text-transform: uppercase; }
    .content-row__segment p {
      font-weight: 500;
      line-height: 1.6em;
      letter-spacing: 0.4px; }
    .content-row__segment div {
      padding: 0 16px; }
    .content-row__segment-item:after {
      content: ', '; }
    .content-row__segment-item:last-child:after {
      content: ''; }
    .content-row__segment .long-list {
      cursor: pointer;
      color: #999999;
      display: block; }
      .content-row__segment .long-list:hover {
        color: gray; }
    .content-row__segment__schedule {
      display: flex;
      justify-content: space-between;
      align-self: center;
      justify-self: center;
      max-width: 500px;
      width: -webkit-fill-available; }
      .content-row__segment__schedule .schedule-details {
        display: flex;
        flex-direction: column; }
        .content-row__segment__schedule .schedule-details__divider {
          width: 40%;
          top: 32px;
          margin: 0 20px;
          border-top: solid 1px #ddd; }
        .content-row__segment__schedule .schedule-details div {
          white-space: nowrap; }
        .content-row__segment__schedule .schedule-details span {
          font-weight: bold;
          font-size: 0.8em; }
          .content-row__segment__schedule .schedule-details span.schedule-details__header {
            color: rgba(0, 27, 45, 0.5);
            font-family: "Roboto", "Roboto-Regular", sans-serif;
            font-size: 0.7em;
            font-weight: bold;
            letter-spacing: 1.2px;
            margin-right: 12px;
            text-transform: uppercase; }
          .content-row__segment__schedule .schedule-details span.schedule-details__weekday {
            font-weight: normal;
            margin-left: 5px; }
  .content-row__segments {
    border-top: 1px solid #ddd;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    justify-content: space-around;
    margin: 16px -16px 0 -16px;
    padding: 16px 16px 0 16px; }
    .content-row__segments .segment-icon {
      width: 25px;
      height: 25px;
      opacity: 0.2;
      display: inline-block;
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center center;
      top: 3px; }
      .content-row__segments .segment-icon.has-segment {
        opacity: 1; }
      .content-row__segments .segment-icon__partition {
        background-image: url(/9a6928aac1e0ca0e9cd43d3122cd1a53.svg); }
      .content-row__segments .segment-icon__location {
        background-image: url(/927bb09e20d77b3f6bfc991a40fefeb8.svg); }
      .content-row__segments .segment-icon__device {
        background-image: url(/9946fa98a4094c66abc7b5d06dcfdea1.svg); }
      .content-row__segments .segment-icon__access {
        background-image: url(/2b73d071629c7d95721e378f01dbfac7.svg); }
      .content-row__segments .segment-icon__licence-family {
        background-image: url(/8a4d571998d3087e20d72229b0527268.svg); }
      .content-row__segments .segment-icon__schedule {
        background-image: url(/40d63f0ac8f457845603651f8289a16f.png); }
        .content-row__segments .segment-icon__schedule--bigger {
          background-size: 20px; }
      .content-row__segments .segment-icon__user-state {
        background-image: url(/da813ca812c6ec80c1f5dc66ea40abb7.svg); }
    .content-row__segments__label span {
      color: rgba(0, 27, 45, 0.5);
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.7em;
      font-weight: bold;
      letter-spacing: 1.2px;
      margin-right: 12px;
      text-transform: uppercase;
      display: inline-block; }
      .content-row__segments__label span.sub-label {
        font-weight: normal; }
    .content-row__segments__label .segment-icon {
      margin-right: 5px;
      opacity: 0.5;
      top: 8px; }
    .content-row__segments__header {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .content-row__segments__header-icons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly; }
        .content-row__segments__header-icons > div,
        .content-row__segments__header-icons > button {
          margin: 0 3px; }
        .content-row__segments__header-icons button {
          background-color: #f6f6f7;
          min-width: 25px;
          width: 25px;
          height: 25px;
          padding: 0; }
          .content-row__segments__header-icons button div {
            background-image: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg);
            background-repeat: no-repeat;
            background-position: center;
            height: 25px;
            width: 12px;
            left: 7px;
            opacity: 0.75;
            transform: rotate(90deg);
            transition: 0.3s ease; }
            .content-row__segments__header-icons button div.segment-details-open {
              transform: rotate(270deg); }
    .content-row__segments__details {
      opacity: 0;
      max-height: 0;
      transition: max-height 0.15s ease-in-out, padding 0.1s ease-in-out;
      display: flex;
      justify-content: space-around; }
      .content-row__segments__details__policy {
        width: 100%; }
        .content-row__segments__details__policy--list {
          padding: 12px 0; }
          .content-row__segments__details__policy--list__info {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between; }
          .content-row__segments__details__policy--list:not(:first-child) {
            border-top: 1px solid #f6f6f7; }
      .content-row__segments__details p {
        left: 30px;
        max-width: 110px;
        font-size: 0.8em; }
      .content-row__segments__details.segment-details-open {
        opacity: 1;
        max-height: 1000vh;
        padding-top: 10px; }
      .content-row__segments__details .schedule-short {
        margin-left: 20px; }

.bucket-tag {
  background-color: rgba(0, 118, 192, 0.1);
  border-radius: 4px;
  color: #0075be;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px 10px;
  text-transform: capitalize;
  white-space: nowrap; }

.section-hero {
  background-size: cover;
  background-position: center;
  margin: 16px auto;
  min-height: 450px;
  padding: 50px;
  max-width: 1200px; }
  .section-hero__title {
    color: #fff;
    font-size: 64px;
    line-height: 1em;
    margin-bottom: 26px;
    max-width: 50%; }
  .section-hero__description {
    color: #ddd;
    font-size: 21px;
    line-height: 30px;
    max-width: 50%; }
  .section-hero__button {
    margin: 16px 0; }

.editor {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: 50vh; }
  .editor--fullscreen {
    height: 100vh; }
  .editor__header {
    flex: 0 0 100%;
    height: 140px;
    border-bottom: 1px solid #cecece; }
  .editor__panel {
    flex: 0 0 500px;
    height: calc(100vh - 140px);
    overflow-x: hidden;
    width: 500px; }
    .editor__panel .custom-dropdown--searchable .dropdown-search {
      line-height: 40px;
      margin: 0;
      padding: 0 30px 0 10px;
      width: 100%; }
    .editor__panel > header {
      padding: 8px 16px;
      background-color: #efefef; }
      .editor__panel > header a {
        color: #999999; }
    .editor__panel > footer {
      text-align: right; }
      .editor__panel > footer .btn {
        margin: 16px; }
    .editor__panel--large {
      flex: 1 1 500px;
      background-color: #f6f6f7; }
    .editor__panel--segments {
      margin-top: 50px; }
      .editor__panel--segments .daterangepicker__trigger--default {
        height: 40px;
        width: 190px; }
      .editor__panel--segments .custom-dropdown.user-authentication {
        width: 50%; }
      .editor__panel--segments--header {
        display: grid;
        grid-template-columns: 25% 25% 1fr;
        gap: 50px;
        padding: 40px calc(10% - 50px);
        background-color: #ffffff;
        box-shadow: 0 8px 6px -6px #ddd; }
        .editor__panel--segments--header .text-section .input-header,
        .editor__panel--segments--header .dropdown-section .input-header {
          margin-top: unset; }
        .editor__panel--segments--header .text-section .licence-creator__text {
          width: 100%;
          margin-bottom: unset; }
        .editor__panel--segments--header .dropdown-section .custom-dropdown {
          height: 46px;
          margin-bottom: unset; }
          .editor__panel--segments--header .dropdown-section .custom-dropdown .dropdown-value {
            height: 44px; }
            .editor__panel--segments--header .dropdown-section .custom-dropdown .dropdown-value .segmentation__segment-option-title {
              line-height: 44px; }
            .editor__panel--segments--header .dropdown-section .custom-dropdown .dropdown-value .segmentation__segment-option-description {
              display: none; }
          .editor__panel--segments--header .dropdown-section .custom-dropdown .dropdown-options .segmentation__segment-option-description {
            margin-top: 5px;
            color: rgba(0, 27, 45, 0.5); }
    .editor__panel .custom-dropdown .epg-category-option {
      display: flex;
      align-items: center; }
      .editor__panel .custom-dropdown .epg-category-option img {
        height: 25px;
        background: #ddd;
        padding: 5px;
        margin-right: 8px;
        border-radius: 4px; }
  .editor__title {
    background-color: #e6e9ea;
    font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
    font-size: 13px;
    padding: 8px;
    text-align: center; }
  .editor__preview {
    flex: 1 1 auto;
    color: #ddd;
    text-align: center;
    font-size: 2.2em;
    min-height: 500px; }
    .editor__preview iframe {
      display: block;
      height: calc(100vh - 140px); }
    .editor__preview .editor-toolbar + iframe {
      height: calc(100vh - 140px - 68px); }
  .editor__back {
    left: 12px;
    width: 40px;
    position: absolute; }
    .editor__back:before {
      content: '<'; }
  .editor .loading-indicator--loading {
    position: absolute;
    top: 50%;
    right: 50%;
    padding-left: 48px; }

.editor-toolbar {
  background-color: #000;
  display: flex;
  justify-content: space-evenly;
  padding: 8px 0; }
  .editor-toolbar--hidden {
    display: none; }
  .editor-toolbar label {
    color: #fff;
    margin-top: 0; }
  .editor-toolbar span {
    display: inline-block;
    margin: 0 10px; }
  .editor-toolbar .icon {
    border-radius: 3px;
    color: #0076c0;
    font-size: 15px;
    line-height: 1em;
    margin: 0 2px;
    padding: 8px 8px 4px 8px;
    text-align: center; }
  .editor-toolbar .toolbar-item {
    background-size: cover;
    cursor: pointer;
    height: 30px;
    width: 30px; }
    .editor-toolbar .toolbar-item:hover {
      background-color: #444;
      opacity: 0.9; }
    .editor-toolbar .toolbar-item--left {
      background-image: url(/2eff1b36cff5df3ac0cce787e1e569d5.svg); }
      .editor-toolbar .toolbar-item--left.toolbar-item--selected {
        background-image: url(/9c561601a3c95f81834f4b81d3bff3a6.svg); }
    .editor-toolbar .toolbar-item--center {
      background-image: url(/3127bcbad30269b94438090e67e8ecf2.svg); }
      .editor-toolbar .toolbar-item--center.toolbar-item--selected {
        background-image: url(/ef48f35cbf54563582ae8f1bbac51052.svg); }
    .editor-toolbar .toolbar-item--right {
      background-image: url(/cd22622e96796c93c40cdf40e1dfaac1.svg); }
      .editor-toolbar .toolbar-item--right.toolbar-item--selected {
        background-image: url(/885826062fac5d3b5450a48f23193006.svg); }
    .editor-toolbar .toolbar-item--top {
      background-image: url(/84ca2c3a9a2415ff2d2ee0ac2f7f13ba.svg); }
      .editor-toolbar .toolbar-item--top.toolbar-item--selected {
        background-image: url(/0888079e37c4cfa59fddc1b28539094f.svg); }
    .editor-toolbar .toolbar-item--middle {
      background-image: url(/118a13568d8bfbc85287f5a1347af9cd.svg); }
      .editor-toolbar .toolbar-item--middle.toolbar-item--selected {
        background-image: url(/3938b06ff1161742e91ac4e4a60117c3.svg); }
    .editor-toolbar .toolbar-item--bottom {
      background-image: url(/8822f83c260d53c4a62713c0632376c8.svg); }
      .editor-toolbar .toolbar-item--bottom.toolbar-item--selected {
        background-image: url(/cdae98fa2f1b56e9eb2f73769b9a2100.svg); }
    .editor-toolbar .toolbar-item--gradient-left {
      background-image: url(/5cb388389c7b65504af8f16383776a14.svg); }
      .editor-toolbar .toolbar-item--gradient-left.toolbar-item--selected {
        background-image: url(/cb83d10bc7bc916375a64b9ddaca1b7d.svg); }
    .editor-toolbar .toolbar-item--gradient-right {
      background-image: url(/7e7b5e353eab51b4dcf6f5586e5c127e.svg); }
      .editor-toolbar .toolbar-item--gradient-right.toolbar-item--selected {
        background-image: url(/3edbc81cd88d81164b98356be35f2e61.svg); }
    .editor-toolbar .toolbar-item--gradient-top {
      background-image: url(/35f0e00795340e82e0f1a41084e3697c.svg); }
      .editor-toolbar .toolbar-item--gradient-top.toolbar-item--selected {
        background-image: url(/d67ac2f4d6168b79a0e499bd90bc610d.svg); }
    .editor-toolbar .toolbar-item--gradient-bottom {
      background-image: url(/0b6cd4e2928d751b8400aefafb88553b.svg); }
      .editor-toolbar .toolbar-item--gradient-bottom.toolbar-item--selected {
        background-image: url(/ef21aacfe18f5a576096151e04ec9aaf.svg); }

.toolbar-group__dropdown {
  background-color: #222;
  border: 1px solid #2f2f2f;
  border-radius: 1px;
  color: #6f6f6f;
  height: 30px;
  letter-spacing: 1px;
  margin: 0;
  padding: 4px 24px 4px 24px; }
  .toolbar-group__dropdown .dropdown {
    background-color: #222; }
    .toolbar-group__dropdown .dropdown:after {
      border-color: #222 transparent; }
    .toolbar-group__dropdown .dropdown-value {
      height: auto;
      line-height: 20px; }

.card-selector {
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  margin: 16px;
  overflow: hidden;
  transition: 0.3s; }
  .card-selector:hover, .card-selector--selected {
    border-color: #0076c0; }
  .card-selector--disabled {
    cursor: default;
    opacity: 0.7;
    user-select: none; }
    .card-selector--disabled:hover {
      border-color: #ddd; }
  .card-selector__preview {
    background-size: contain;
    background-position: center center;
    background-color: #0076c0;
    flex: 0 0 120px;
    min-height: 75px;
    width: 120px; }
    .card-selector__preview--playlist-basic-square {
      background-image: url(/1de23d3f7f45c97d9e7a88e9521d549b.svg); }
    .card-selector__preview--playlist-basic-poster {
      background-image: url(/09724ae724e89cb0f0435b4a423aa10f.svg); }
    .card-selector__preview--playlist-basic-landscape {
      background-image: url(/4b61f678153609213e2c924d437b9e66.svg); }
    .card-selector__preview--playlist-featured-square {
      background-image: url(/05409a12e771fe2f561587d8d3c06450.svg); }
    .card-selector__preview--playlist-featured-poster {
      background-image: url(/bced9374a4e227f8998ed869d539d544.svg); }
    .card-selector__preview--playlist-featured-landscape {
      background-image: url(/e6c9ece626028784ee48b0bf948972f7.svg); }
    .card-selector__preview--playlist-inline-square {
      background-image: url(/d6ab4b8f5a2ee8e1658a606ab6fc00d6.svg); }
    .card-selector__preview--playlist-inline-poster {
      background-image: url(/fd837927827c6bb4f71e035832e00c9c.svg); }
    .card-selector__preview--playlist-inline-landscape {
      background-image: url(/8f01be5b56f6b78264eb237939ff2173.svg); }
    .card-selector__preview--inline {
      background-image: url(/c555d420fad6f7f522c243f309cb51b3.svg); }
    .card-selector__preview--row {
      background-image: url(/ec67b8d0a81e95cb404051d5d1a9ae9a.svg); }
    .card-selector__preview--row-with-header {
      background-image: url(/05edc981b1331b98651526acac8740df.svg); }
    .card-selector__preview--double {
      background-image: url(/f2730128b7f1091539e08124fe643323.svg); }
    .card-selector__preview--double-with-header {
      background-image: url(/e9ca7339a51e2b29bde83391688fc20b.svg); }
    .card-selector__preview--navigation {
      background-image: url(/1b12900451299c97d6f9195fa1fd6ddc.svg); }
    .card-selector__preview--navigation-with-header {
      background-image: url(/2a3c2300f08c51bec4da27bf4502199e.svg); }
    .card-selector__preview--poster {
      background-image: url(/44f717a9fc0b83f1176ab85fc79b29af.svg); }
    .card-selector__preview--poster-with-header {
      background-image: url(/780b6b3656bd178eed2377b926565b38.svg); }
    .card-selector__preview--grid {
      background-image: url(/840bba232d7b56c3eadda658f3e18b9c.svg); }
    .card-selector__preview--grid-with-header {
      background-image: url(/8b5c900283cd30be927b46c20939ede0.svg); }
    .card-selector__preview--now-next {
      background-image: url(/d8734813035807996c3993729344f639.svg); }
    .card-selector__preview--now-next-with-header {
      background-image: url(/080603de51ceefb7879e1e606ba7b16f.svg); }
  .card-selector__content {
    overflow: hidden;
    padding: 16px;
    text-overflow: ellipsis; }
  .card-selector__icon {
    flex: 0 0 30px; }
  .card-selector__title {
    display: block;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
    font-weight: bold;
    text-transform: capitalize; }
  .card-selector__description {
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .card-selector__preview {
    display: block; }

.wizard-content {
  margin: 0 16px;
  padding-bottom: 150px; }
  .wizard-content__tabs {
    margin: 0 -16px;
    height: 50px;
    position: relative; }
    .wizard-content__tabs__placeholder {
      height: 50px;
      position: absolute;
      bottom: 0;
      width: 100%;
      overflow-x: scroll;
      overflow-y: hidden; }
      .wizard-content__tabs__placeholder.expanded-placeholder {
        height: 300px; }
      .wizard-content__tabs__placeholder::-webkit-scrollbar {
        display: none; }
      .wizard-content__tabs__placeholder ul {
        position: absolute;
        height: 50px;
        bottom: 0;
        display: flex;
        flex-wrap: nowrap;
        max-width: 70vw; }
        .no-section-menu .wizard-content__tabs__placeholder ul {
          max-width: 90vw; }
    .content-row__header .wizard-content__tabs .wizard-content__tabs__add-segment {
      position: absolute;
      right: 0;
      border-left: 2px solid #0076c0; }
      .content-row__header .wizard-content__tabs .wizard-content__tabs__add-segment li.wizard-content__tab {
        font-size: 180%;
        background-color: #fff;
        min-height: 50px; }
    .wizard-content__tabs--with-create {
      position: relative;
      width: calc(100% + 32px); }
      .wizard-content__tabs--with-create ul {
        overflow-x: auto;
        position: relative;
        width: calc(100% - 70px);
        display: flex; }
        .wizard-content__tabs--with-create ul::-webkit-scrollbar {
          height: 4px; }
        .wizard-content__tabs--with-create ul::-webkit-scrollbar-thumb {
          background-color: rgba(0, 27, 45, 0.15); }
      .wizard-content__tabs--with-create--full ul {
        width: 100%; }
  .wizard-content__tab {
    background-color: rgba(221, 221, 221, 0.05);
    border-bottom: 1px solid #ddd;
    border-top: 2px solid rgba(221, 221, 221, 0.05);
    cursor: pointer;
    flex: 1 1 0;
    min-width: 90px;
    padding: 8px 12px;
    text-align: center;
    transition: 0.5s ease;
    white-space: nowrap; }
    .wizard-content__tab + .wizard-content__tab {
      border-left: 1px solid #ddd; }
    .wizard-content__tab--create {
      border-left: 2px solid #ddd;
      min-width: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 70px; }
    .wizard-content__tab:hover {
      background-color: #fff; }
      .wizard-content__tab:hover .delete {
        opacity: 1; }
    .wizard-content__tab--selected {
      background-color: #fff;
      border-bottom: 1px solid #fff;
      border-top: 2px solid #0076c0;
      color: #0076c0; }
    .wizard-content__tab .delete {
      opacity: 0;
      position: absolute;
      right: 8px;
      top: 0px;
      transition: 0.3s ease opacity; }
      .wizard-content__tab .delete:before {
        content: 'x';
        cursor: pointer; }
      .wizard-content__tab .delete:hover {
        color: #e74a51; }
    .wizard-content__tab__error {
      color: #e74a51; }
  .wizard-content__cta {
    padding: 12px 0 0 0; }
  .wizard-content--hero .languages {
    margin: 0 -16px; }
  .wizard-content .error-text {
    color: #e74a51;
    font-size: 0.9em;
    position: relative;
    top: -10px; }
  .wizard-content .image-section .error-text {
    top: 0; }
  .wizard-content .navigation-editor .dropdown-value, .wizard-content .navigation-editor .dropdown-option {
    text-transform: uppercase; }
  .wizard-content .navigation-editor > button:last-of-type {
    margin-top: 10px; }
  .wizard-content .navigation-editor.epg-category-editor {
    margin-bottom: 15px; }
    .wizard-content .navigation-editor.epg-category-editor .btn-tertiary {
      margin-left: 16px; }
  .wizard-content .hero-field .switch-container {
    position: absolute;
    right: 40px;
    font-size: 0.8em; }
  .wizard-content .hero-field .text-section + .switch-container,
  .wizard-content .hero-field .multiline-section + .switch-container {
    top: -1px; }
  .wizard-content .hero-field .cta-section + .switch-container {
    top: 45px; }

.editor-header__title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center; }
  .editor-header__title h1 {
    color: #333333;
    font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin: 0; }
  .editor-header__title span {
    color: #999999;
    font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
    font-size: 11px;
    text-transform: uppercase; }

.editor-header__steps {
  display: block;
  counter-reset: steps; }
  .editor-header__steps ol {
    display: inline-block;
    padding-top: 8px; }

.editor-header__step {
  counter-increment: steps;
  color: #ddd;
  display: inline-block;
  font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
  font-size: 13px;
  margin: 0 0 0 16px; }
  .editor-header__step:before {
    border: 1px solid #ddd;
    border-radius: 1em;
    color: #ddd;
    content: counter(steps);
    display: inline-block;
    font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
    font-size: 14px;
    height: 2em;
    line-height: 26px;
    margin: 0 16px 0 0;
    text-align: center;
    width: 2em; }
  .editor-header__step:not(:last-child):after {
    border-top: 1px solid #ddd;
    content: '';
    display: inline-block;
    height: 1em;
    margin: 0 0 0 16px;
    transform: translateY(50%);
    width: 30px; }
  .editor-header__step--selected {
    color: #333333; }
    .editor-header__step--selected:before {
      background-color: #0076c0;
      color: #fff; }
  .editor-header__step--complete {
    color: rgba(0, 27, 45, 0.6); }
    .editor-header__step--complete:before {
      color: #2fba0a;
      content: '\2713'; }

.editor-header .btn {
  float: right;
  margin: 0 16px; }

.editor-header__close {
  font-size: 14px;
  line-height: 1em;
  position: absolute;
  right: 12px;
  top: 8px; }

.insertionTarget {
  height: 100px;
  margin: 30px; }

.pageslider-enter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.6;
  transform: translateX(100%);
  transition: 0.6s ease transform, opacity; }
  .pageslider-enter-active {
    transform: translateX(0);
    opacity: 1; }

.pageslider-exit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: translateX(0);
  transition: 0.6s ease transform, opacity; }
  .pageslider-exit-active {
    transform: translateX(-100%);
    opacity: 0.6; }

.direction--back .pageslider-enter {
  transform: translateX(-100%); }
  .direction--back .pageslider-enter-active {
    transform: translateX(0); }

.direction--back .pageslider-exit {
  transform: translateX(0); }
  .direction--back .pageslider-exit-active {
    transform: translateX(100%); }

.badge.tag-item {
  margin-right: 8px; }
  .badge.tag-item .remove-button {
    font-size: 6px;
    line-height: 11px;
    margin-left: 6px; }

.tournament-selector .multi-list {
  flex-wrap: wrap; }

.tournament-selector .badge.tag-item {
  background: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 27, 45, 0.4);
  color: rgba(0, 27, 45, 0.4);
  margin-bottom: 0;
  max-height: auto;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap; }
  .tournament-selector .badge.tag-item:hover {
    background: rgba(0, 27, 45, 0.4);
    color: #fff; }
  .tournament-selector .badge.tag-item .remove-button {
    font-size: 8px; }

.sections a {
  text-transform: capitalize; }

.content-spinner .loader .circle:after {
  border-color: transparent #0076c0 #0076c0 #0076c0; }

.content-search {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 7px 2px #ddd;
  left: 0;
  max-height: 260px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 75px;
  z-index: 1; }
  .content-search__result {
    border: 1px solid #ddd;
    margin: 8px 0 0 0;
    max-height: 90px;
    overflow: hidden;
    padding: 8px; }
    .content-search__result .icon-close {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 4px; }
    .content-search__result:hover {
      background-color: rgba(221, 221, 221, 0.15);
      cursor: pointer; }
    .content-search__result--small {
      height: auto; }
    .content-search__result.no-results {
      height: 39px; }
    .content-search__result.disabled {
      pointer-events: none;
      opacity: 0.8; }
  .content-search__result + .content-search__result {
    border-top: 1px solid #ddd; }
  .content-search .content-search__result {
    margin: 0; }
  .content-search__thumbnail {
    float: left; }
    .content-search__thumbnail img {
      width: 130px; }
    .content-search__thumbnail + .content-search__content {
      margin-left: 140px; }
  .content-search__title {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Roboto", "Roboto-Regular", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.2rem;
    padding-right: 18px;
    padding-top: 6px;
    max-height: 44px;
    white-space: nowrap; }
  .content-search__description {
    font-size: 0.8em;
    line-height: 1.33em;
    font-weight: 200;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.result-slider-enter {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  opacity: 0.6;
  transform: scaleY(0.5);
  transform-origin: top;
  transition: 0.2s ease transform, opacity; }
  .result-slider-enter-active {
    transform: scaleY(1);
    opacity: 1; }

.result-slider-exit {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
  transition: 0.2s ease; }
  .result-slider-exit-active {
    opacity: 0;
    transform: scaleY(0.5); }

#content-ui {
  min-height: 100vh; }

.content-container {
  padding-left: 20vw;
  transition: padding 0.3s linear; }
  .no-section-menu .content-container {
    padding-left: 15px; }

.content-preview-mode .content-list {
  display: flex;
  justify-content: center;
  align-items: center; }

.content-list .content-preview-window {
  height: calc(100vh - 64px);
  position: fixed;
  top: 64px;
  transition: opacity 0.3s ease, height 0.2s ease, width 0.2s ease; }
  .content-list .content-preview-window.hidden {
    opacity: 0; }
  .content-list .content-preview-window.mobile-view {
    width: 375px;
    height: 667px; }
    .content-list .content-preview-window.mobile-view.landscape {
      width: 667px;
      height: 375px; }
  .content-list .content-preview-window.tablet-view {
    width: 768px;
    height: 1024px; }
    .content-list .content-preview-window.tablet-view.landscape {
      width: 1024px;
      height: 768px; }

.content-list__heading {
  align-items: center;
  background-color: #fbfcfd;
  border: 1px dashed rgba(0, 27, 45, 0.04);
  color: rgba(0, 27, 45, 0.8);
  height: 64px;
  display: flex;
  flex-direction: row;
  font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
  font-size: 1.1em;
  justify-content: center;
  letter-spacing: 2.1px;
  margin-bottom: 12px;
  padding: 10px 8px 8px 8px;
  text-align: center;
  text-transform: uppercase; }
  .content-list__heading-placeholder {
    display: none;
    width: 100%;
    height: 76px; }
  .content-list__heading .expandable-link-list {
    position: absolute;
    left: 21%; }
    .content-list__heading .expandable-link-list .btn-more + .btn-more-options {
      right: -32px;
      padding: 8px 16px; }
      .content-list__heading .expandable-link-list .btn-more + .btn-more-options .section-options {
        text-align: left;
        font-family: "Roboto", "Roboto-Regular", sans-serif;
        letter-spacing: 0;
        text-transform: none; }
        .content-list__heading .expandable-link-list .btn-more + .btn-more-options .section-options a {
          padding: 10px 0; }
        .content-list__heading .expandable-link-list .btn-more + .btn-more-options .section-options__delete {
          border-top: 1px solid #ddd;
          color: #e74a51; }
    .no-section-menu .content-list__heading .expandable-link-list {
      left: 7%; }
    .content-preview-mode .content-list__heading .expandable-link-list {
      display: none; }
  .content-list__heading-search {
    cursor: pointer;
    background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 5%;
    top: 24px;
    opacity: 0.7; }
    .content-preview-mode .content-list__heading-search {
      display: none; }
  .content-list__heading-title {
    position: absolute;
    left: 24%;
    top: 11px; }
    .no-section-menu .content-list__heading-title {
      left: 10%; }
    .content-preview-mode .content-list__heading-title {
      visibility: hidden; }
  .content-list__heading-filters {
    display: flex;
    align-items: center;
    position: absolute;
    right: 5%; }
    .content-list__heading-filters__button {
      height: 25px;
      padding: 0;
      margin-left: 10px;
      font-size: 0.6em;
      width: 50px;
      min-width: 50px; }
      .content-list__heading-filters__button.filter--close {
        background-color: #ff4136; }
      .content-list__heading-filters__button.filter--preview {
        width: 70px;
        min-width: 70px; }
      .content-list__heading-filters__button:disabled {
        background-color: #f6f6f7; }
    .content-list__heading-filters .dropdown-filter__title {
      font-size: 0.6em; }
    .content-list__heading-filters .schedule-timeframe-display {
      color: rgba(0, 27, 45, 0.5);
      font-family: "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.7em;
      font-weight: bold;
      letter-spacing: 1.2px;
      margin-right: 12px;
      text-transform: uppercase;
      font-size: 0.6em;
      cursor: pointer;
      opacity: 0.7;
      transition: opacity 0.2s ease; }
      .content-list__heading-filters .schedule-timeframe-display:hover {
        opacity: 1; }
    .content-list__heading-filters .epg-warning-tooltip.styled-tooltip .styled-tooltip__trigger {
      width: 35px; }
      .content-list__heading-filters .epg-warning-tooltip.styled-tooltip .styled-tooltip__trigger > span {
        height: 16px;
        width: 16px;
        right: 10px;
        bottom: -7px;
        position: absolute;
        background: url(/f65fd7d961c28a6a2a098b42503941e7.svg) center/cover no-repeat; }
    .content-list__heading-filters .epg-warning-tooltip.styled-tooltip .styled-tooltip__message {
      white-space: normal;
      width: 180px;
      bottom: 20px;
      line-height: 1.8em;
      text-transform: none;
      letter-spacing: 0.1px; }
    .content-list__heading-filters .epg-warning-tooltip.styled-tooltip.preview-mode > .styled-tooltip__message {
      bottom: 15px;
      transform: translate(-50%, 125%); }
      .content-list__heading-filters .epg-warning-tooltip.styled-tooltip.preview-mode > .styled-tooltip__message::after {
        top: -12px;
        transform: rotate(90deg); }
  .content-list__heading .segment-icon {
    width: 25px;
    height: 25px;
    opacity: 0.6;
    display: inline-block;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 7px; }
    .content-list__heading .segment-icon__schedule {
      background-image: url(/40d63f0ac8f457845603651f8289a16f.png);
      background-size: 20px;
      cursor: pointer;
      margin-right: 10px;
      top: 6px; }
    .content-list__heading .segment-icon__partition {
      background-image: url(/9a6928aac1e0ca0e9cd43d3122cd1a53.svg); }
    .content-list__heading .segment-icon__location {
      background-image: url(/927bb09e20d77b3f6bfc991a40fefeb8.svg); }
    .content-list__heading .segment-icon__device {
      background-image: url(/9946fa98a4094c66abc7b5d06dcfdea1.svg); }
    .content-list__heading .segment-icon__licence-family {
      background-image: url(/8a4d571998d3087e20d72229b0527268.svg);
      opacity: 0.6; }
    .content-list__heading .segment-icon__access {
      background-image: url(/2b73d071629c7d95721e378f01dbfac7.svg);
      opacity: 0.5; }
    .content-list__heading .segment-icon__user-state {
      background-image: url(/da813ca812c6ec80c1f5dc66ea40abb7.svg);
      opacity: 0.5; }
  .content-list__heading-viewports {
    position: absolute;
    left: 5%;
    display: flex;
    flex-direction: row; }
    .content-list__heading-viewports__container {
      height: 42px;
      margin: 0 10px;
      border-radius: 2px;
      cursor: pointer; }
      .content-list__heading-viewports__container:hover {
        border-bottom: 2px solid #0076c0; }
      .content-list__heading-viewports__container .segment-icon {
        transition: transform 0.2s ease; }
      .content-list__heading-viewports__container.viewport-selected {
        border-bottom: 2px solid #0076c0; }
        .content-list__heading-viewports__container.viewport-selected .segment-icon {
          opacity: 1; }
          .content-list__heading-viewports__container.viewport-selected .segment-icon.landscape {
            transform: rotate(90deg); }
    .content-list__heading-viewports__desktop {
      background-image: url(/9946fa98a4094c66abc7b5d06dcfdea1.svg); }
    .content-list__heading-viewports__mobile {
      background-image: url(/80569bf8db6ac4d6ba2e5f8764a5a373.svg); }
    .content-list__heading-viewports__tablet {
      background-image: url(/8dc86a0b35534269a12f6f97659ab139.svg); }

.no-header .content-list__heading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1; }
  .no-header .content-list__heading-placeholder {
    display: block; }

.content-preview-mode .content-list__heading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1; }
  .content-preview-mode .content-list__heading-placeholder {
    display: none; }

.section-menu {
  background-color: #fff;
  border-right: 1px solid #e6e9ea;
  box-shadow: -4px 0px 10px 6px rgba(0, 0, 0, 0.02);
  height: calc(100vh - 196px);
  width: 20vw;
  position: absolute;
  padding: 0;
  left: 0;
  top: 0;
  z-index: 1;
  transition: transform 0.3s ease-in-out; }
  .no-section-menu .section-menu {
    transform: translateX(-100%); }
  .is-admin .section-menu {
    height: calc(100vh - 196px - 45px); }
  .no-header .section-menu {
    position: fixed;
    height: 100vh; }
  .section-menu__search {
    height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 11px 20px 0 20px;
    border-bottom: 1px solid #ddd; }
    .section-menu__search input[type='text'] {
      height: 40px;
      width: 85%;
      border-radius: 20px;
      background-color: #f6f6f7;
      padding-left: 40px;
      border: none;
      font-size: 0.85em; }
    .section-menu__search-icon {
      position: absolute;
      background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
      display: inline-block;
      height: 15px;
      width: 15px;
      top: 24px;
      left: 35px;
      opacity: 0.3;
      z-index: 1; }
    .section-menu__search .close-btn {
      cursor: pointer;
      bottom: 6px;
      right: 3px;
      opacity: 0.85;
      font-size: 0.8em; }
  .section-menu__actions {
    display: flex;
    padding: 10px;
    justify-content: center; }
    .section-menu__actions .btn {
      font-size: 10px;
      line-height: normal;
      padding: 0 20px;
      height: 30px;
      width: 50%; }
      .section-menu__actions .btn.btn-primary {
        margin-left: 8px; }
  .section-menu__list {
    height: calc(100vh - 196px - 64px);
    padding: 5px 20px 20px 20px;
    overflow-y: scroll; }
    .section-menu__list::-webkit-scrollbar {
      width: 0 !important; }
    .is-admin .section-menu__list {
      height: calc(100vh - 196px - 45px - 64px); }
    .no-header .section-menu__list {
      height: calc(100vh - 90px); }
    .section-menu__list__link {
      margin: 5px 0;
      padding: 5px; }
      .section-menu__list__link.dragging-section {
        cursor: move;
        border-radius: 4px;
        border: 1px #cccccc dotted; }
      .section-menu__list__link a {
        font-size: 0.8em;
        letter-spacing: 1px;
        text-transform: uppercase; }
        .section-menu__list__link a.active {
          font-weight: bold;
          color: #0076c0; }
    .section-menu__list__group {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0; }
      .section-menu__list__group .expandable-link-list {
        display: none;
        position: absolute;
        right: -15px;
        top: 10px; }
        .section-menu__list__group .expandable-link-list .btn-more + .btn-more-options {
          right: 0; }
      .section-menu__list__group .expandable-text {
        width: 100%; }
      .section-menu__list__group--size {
        font-size: 0.6rem;
        color: #999999;
        position: absolute;
        right: 0;
        top: 15px; }
      .section-menu__list__group .btn-more + .btn-more-options {
        padding: 8px 16px; }
      .section-menu__list__group--options a {
        padding: 10px 0; }
        .section-menu__list__group--options a.options--delete {
          border-top: 1px solid #ddd;
          color: #e74a51; }
      .section-menu__list__group:hover:not(.no-group) .expandable-link-list {
        display: inline-block; }
      .section-menu__list__group:hover:not(.no-group) .section-menu__list__group--size {
        display: none; }
      .section-menu__list__group.dragging-section .expandable-text__content {
        background-color: #f6f6f7;
        border-radius: 4px; }

.section-settings-modal.popin--container .switch-container__label {
  font-size: 13px; }

.nav-row .wizard-footer {
  padding: 16px 0 0 0; }
  .nav-row .wizard-footer button {
    margin-right: 16px; }

.nav-row__empty {
  font-style: italic;
  padding: 16px 0; }

.nav-row [data-react-beautiful-dnd-draggable]:focus {
  outline: none; }

.nav-row .btn-more:hover span {
  border: none; }

.media-list-item:hover {
  box-shadow: none;
  border-left: none;
  border-right: none;
  border-top: none; }

.media-list-item .thumbnail {
  background-color: rgba(22, 26, 29, 0.4); }

.media-list-item .more-handler .btn-more {
  padding-top: 30px; }

.media-list-item .more-handler,
.media-list-item .video--order-handler {
  color: rgba(22, 26, 29, 0.4);
  cursor: move;
  display: none;
  font-size: 1.2em;
  position: absolute;
  right: 30px;
  top: calc(50% - 32px); }
  .media-list-item .more-handler .icon,
  .media-list-item .video--order-handler .icon {
    display: block;
    padding: 35px 10px 20px 20px; }

@media (min-width: 60em) {
  .media-list-item:hover .media-list-order {
    display: none; }
  .media-list-item:hover .media-list-order-edit {
    display: block; } }

.media-list-order {
  font-size: 2em;
  line-height: 3em;
  display: none; }
  @media (min-width: 60em) {
    .media-list-order {
      display: block; } }
  .media-list-order-control {
    color: rgba(0, 27, 45, 0.4);
    max-width: 60px;
    text-align: center; }

.media-list-media {
  box-sizing: border-box;
  padding-right: 16px !important; }

@media (min-width: 20em) {
  .media-list-media {
    display: flex; }
  .media-list-thumbnail {
    display: block;
    flex: 0 0 auto;
    height: 90px;
    margin-right: 16px;
    width: 160px; }
    .media-list-thumbnail--description {
      background-color: rgba(0, 118, 192, 0.8);
      bottom: 0;
      color: #fff;
      font-weight: bold;
      left: 0;
      padding: 6px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      right: 0; } }

.media-list-thumbnail {
  max-width: 100%; }

.links-translation__title {
  font-size: 1em;
  font-style: italic; }

.links-translation__row {
  padding: 10px 20px; }

.links-translation > div:nth-of-type(even) {
  background: rgba(225, 225, 225, 0.3); }

.epg-category-container .expandable-link-list {
  position: absolute;
  right: 10px; }
  .epg-category-container .expandable-link-list .btn-more {
    z-index: 2; }
    .epg-category-container .expandable-link-list .btn-more-options {
      z-index: 3; }

.epg-category-container .content-row__main__thumbnail {
  background: #ddd;
  padding: 8px;
  margin-right: 16px;
  border-radius: 4px; }

.anchor-menu-icon .upload-container .preview img,
.epg-category-editor .upload-container .preview img,
.epg-channel-editor .upload-container .preview img {
  background: #ddd;
  padding: 8px;
  border-radius: 4px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.domains__lists {
  margin: 0 auto;
  max-width: 1300px;
  padding: 30px 15px; }

.domains__list .btn-primary {
  position: absolute;
  right: 0;
  top: 0; }

.domains__list .list {
  width: 100%; }
  .domains__list .list--item .btn {
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
    opacity: 0;
    padding: 0 12px;
    transition: opacity 0.3s ease; }
    .domains__list .list--item .btn .icon {
      font-size: 0.8em;
      margin-right: 5px;
      position: relative;
      top: 1px; }
  .domains__list .list--item:hover .btn {
    opacity: 1; }
  .domains__list .list .domain__order {
    color: rgba(0, 27, 45, 0.4);
    font-size: 0.8em; }
  .domains__list .list .domain__actions {
    text-align: right; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.search {
  display: flex;
  padding: 0 20px; }
  .search__filter {
    flex: 0 0 160px;
    margin-right: 20px; }
    .search__filter .custom-dropdown {
      margin: 0; }
  .search .custom-dropdown li a.active {
    box-shadow: inset #0076c0 2px 0 0; }
  .search .tooltip {
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid rgba(0, 27, 45, 0.12);
    bottom: -47px;
    box-shadow: rgba(0, 27, 45, 0.2) 0 8px 16px;
    left: 0;
    padding: 8px 12px;
    position: absolute;
    z-index: 10000; }
    .search .tooltip:after {
      border-color: #ffffff transparent;
      border-style: solid;
      border-width: 0 8px 8px 8px;
      bottom: 100%;
      content: '';
      height: 0;
      left: 16px;
      position: absolute;
      top: auto;
      width: 0; }
  .search__input {
    flex: 1 1 auto;
    position: relative; }
    .search__input input {
      margin: 0;
      padding: 11px 22px;
      width: 100%; }
    .search__input--multi {
      display: flex; }
      .search__input--multi input,
      .search__input--multi .custom-dropdown {
        margin: 0 20px 0 0;
        flex: 1 1 25%; }
      .search__input--multi button {
        background-color: transparent;
        border: 1px solid #ffffff;
        flex: 1 1 160px;
        height: 40px;
        margin: 0; }
        .search__input--multi button.disabled {
          opacity: 0.3; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.blocked-ip-page #blocked-ip-list {
  min-height: 80vh;
  max-width: 90%;
  margin: auto;
  padding-bottom: 20px; }
  .blocked-ip-page #blocked-ip-list .table th {
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: rgba(0, 27, 45, 0.05) 1px solid;
    cursor: default; }
  .blocked-ip-page #blocked-ip-list .table-hover tr:hover td {
    background-color: #fff; }
    .blocked-ip-page #blocked-ip-list .table-hover tr:hover td .expandable-link-list {
      display: inline-block; }
    .blocked-ip-page #blocked-ip-list .table-hover tr:hover td:first-child {
      box-shadow: inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px #ffffff, inset 2px 0 0 #0076c0; }
  .blocked-ip-page #blocked-ip-list .table-hover tr th:first-child {
    padding-left: 20px; }
  .blocked-ip-page #blocked-ip-list .table-hover tr td:first-child {
    box-shadow: none; }
  .blocked-ip-page #blocked-ip-list .table-hover tr .realm-icon {
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
    top: 7px;
    width: 20px; }
    .blocked-ip-page #blocked-ip-list .table-hover tr .realm-icon--default {
      height: 20px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
body .dashboard {
  background: #082032;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-gap: 40px;
  height: 100%;
  padding: 20px 40px 40px 40px;
  grid-template-areas: 'totalConc totalConc liveEvents liveEvents vodEvents vodEvents' 'totalConc totalConc liveEvents liveEvents vodEvents vodEvents' 'liveConc liveConc topCountries topCountries geoChart geoChart' 'vodConc vodConc topDevices topDevices geoChart geoChart'; }
  body .dashboard--has-admin-access {
    grid-template-areas: 'totalConc totalConc liveEvents liveEvents vodEvents vodEvents' 'totalConc totalConc liveEvents liveEvents vodEvents vodEvents' 'topDevices topDevices revenue revenue geoChart geoChart' 'topCountries topCountries signups churn geoChart geoChart'; }
  body .dashboard__fullscreen-notifier {
    opacity: 0;
    background: rgba(51, 51, 51, 0.8);
    padding: 5px 40px;
    position: fixed;
    z-index: 1;
    transform: translateX(-50%);
    left: 50%;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
    pointer-events: none;
    animation: fadeIn 0.5s;
    transition: opacity 0.5s; }
    body .dashboard__fullscreen-notifier--is-active {
      opacity: 1; }
    body .dashboard__fullscreen-notifier span {
      border: 1px solid #fff;
      width: 30px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 2px; }
  body .dashboard .dashboard-card {
    display: flex;
    flex-direction: column; }
    body .dashboard .dashboard-card__title {
      padding: 15px 0; }
    body .dashboard .dashboard-card--slider .value {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1;
      padding-bottom: 30px; }
    body .dashboard .dashboard-card--slider .video-list {
      display: grid;
      grid-template-columns: 100% 100%;
      grid-template-rows: repeat(4, 1fr);
      grid-auto-flow: column; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-set,
    body .dashboard .dashboard-card--slider.slide--1 .video-list {
      transform: translateX(0);
      transition: transform 0.3s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(1) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.7s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(2) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.8s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(3) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.9s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(4) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(5) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(6) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(7) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .video-row:nth-child(8) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(1) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.7s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(2) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.8s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(3) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 0.9s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(4) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(5) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.1s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(6) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(7) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(8) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(9) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--1 .icon-data:nth-child(10) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-set,
    body .dashboard .dashboard-card--slider.slide--2 .video-list {
      transform: translateX(-100%);
      transition: transform 0.3s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(6) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.2s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(7) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.3s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(8) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(9) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.5s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(10) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.6s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(1) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(2) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(3) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(4) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .icon-data:nth-child(5) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(5) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.1s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(6) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.2s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(7) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.3s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(8) {
      opacity: 1;
      transition: opacity 0.4s, transform 0.4s;
      transform: scale(1) translateX(0);
      transition-delay: 1.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(1) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(2) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(3) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card--slider.slide--2 .video-row:nth-child(4) {
      opacity: 0;
      transform: scale(0.8) translateX(30px);
      transition: opacity 0.4s, transform 0s ease 0.4s; }
    body .dashboard .dashboard-card .value {
      z-index: 1; }
      body .dashboard .dashboard-card .value .value__change span {
        font-size: 0.9em; }
      body .dashboard .dashboard-card .value .video-list {
        height: 100%;
        font-size: 1em; }
        body .dashboard .dashboard-card .value .video-list .video-row {
          display: flex;
          font-size: 1.6rem;
          line-height: 1.24em;
          margin: 0 15px;
          text-align: left; }
          body .dashboard .dashboard-card .value .video-list .video-row > div,
          body .dashboard .dashboard-card .value .video-list .video-row > img {
            align-self: center; }
          body .dashboard .dashboard-card .value .video-list .video-row .video-row__viewcount {
            color: #fff;
            font-size: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
            margin-right: 6px; }
          body .dashboard .dashboard-card .value .video-list .video-row .video-row__viewers {
            color: rgba(255, 255, 255, 0.6);
            font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
            font-size: 0.8rem;
            text-transform: uppercase; }
          body .dashboard .dashboard-card .value .video-list .video-row__meta {
            padding-top: 8px; }
          body .dashboard .dashboard-card .value .video-list .video-row__title {
            display: block;
            /* Fallback for non-webkit */
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            color: rgba(255, 255, 255, 0.8);
            font-family: "Roboto", "Roboto-Regular", sans-serif;
            font-size: 0.7em;
            line-height: 1.2em; }
          body .dashboard .dashboard-card .value .video-list .video-row img {
            flex: 0 0 130px;
            margin-right: 16px;
            box-shadow: #ddcece14 0px 0px 12px 2px;
            border: #ffffff17;
            border-style: solid;
            border-width: 1px; }
      body .dashboard .dashboard-card .value .icon-set {
        justify-content: unset;
        display: flex;
        align-items: center; }
        body .dashboard .dashboard-card .value .icon-set .icon-data {
          margin: 0;
          min-width: calc(100% / 5); }
          body .dashboard .dashboard-card .value .icon-set .icon-data__label {
            font-size: 0.8rem;
            font-family: "Roboto", "Roboto-Regular", sans-serif;
            padding: 10px 0;
            text-align: center;
            letter-spacing: 0.2em; }
            body .dashboard .dashboard-card .value .icon-set .icon-data__label + .icon-data__icon {
              margin-top: 0; }
          body .dashboard .dashboard-card .value .icon-set .icon-data__value {
            color: #fff; }
  body .dashboard .dashboard__card--total-conc {
    grid-area: totalConc; }
    body .dashboard .dashboard__card--total-conc .value {
      padding: 30px 0 10px 0; }
    body .dashboard .dashboard__card--total-conc .sparkline-chart {
      padding-top: 10px; }
    body .dashboard .dashboard__card--total-conc .inner-group {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 140px 1fr;
      grid-row-gap: 10px; }
      body .dashboard .dashboard__card--total-conc .inner-group .sparkline-chart {
        grid-column: span 2; }
      body .dashboard .dashboard__card--total-conc .inner-group .value {
        flex: 1; }
        body .dashboard .dashboard__card--total-conc .inner-group .value__data {
          font-size: 3em; }
          body .dashboard .dashboard__card--total-conc .inner-group .value__data--formatted {
            margin-right: 5px; }
        body .dashboard .dashboard__card--total-conc .inner-group .value__label {
          font-size: 1.3em;
          letter-spacing: normal;
          padding: 15px 0 25px; }
        body .dashboard .dashboard__card--total-conc .inner-group .value__change {
          margin-left: 5px; }
          body .dashboard .dashboard__card--total-conc .inner-group .value__change-icon--up {
            transform: scale(0.6); }
          body .dashboard .dashboard__card--total-conc .inner-group .value__change-icon--down {
            transform: scale(0.6);
            top: 4px; }
  body .dashboard .dashboard__card--vod-conc {
    grid-area: vodConc; }
  body .dashboard .dashboard__card--live-conc {
    grid-area: liveConc; }
  body .dashboard .dashboard__card--live-events {
    grid-area: liveEvents; }
  body .dashboard .dashboard__card--vod-events {
    grid-area: vodEvents; }
  body .dashboard .dashboard__card--geo-chart {
    grid-area: geoChart; }
    body .dashboard .dashboard__card--geo-chart .geo-chart-container {
      padding: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1; }
  body .dashboard .dashboard__card--top-devices {
    grid-area: topDevices; }
  body .dashboard .dashboard__card--top-countries {
    grid-area: topCountries; }
  body .dashboard .dashboard__card--revenue {
    grid-area: revenue; }
  body .dashboard .dashboard__card--churn {
    grid-area: churn; }
  body .dashboard .dashboard__card--signups {
    grid-area: signups; }
  body .dashboard .dashboard__card--vod-conc .value__data, body .dashboard .dashboard__card--live-conc .value__data {
    font-size: 4em; }
  body .dashboard .dashboard__card--vod-conc .inner-flex-content, body .dashboard .dashboard__card--live-conc .inner-flex-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }
  body .dashboard .dashboard__card--vod-conc .sparkline-chart, body .dashboard .dashboard__card--live-conc .sparkline-chart {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 10px; }
  @media (max-width: 1440px) {
    body .dashboard {
      font-size: 12px; }
      body .dashboard .dashboard__card--live-conc .value__data, body .dashboard .dashboard__card--vod-conc .value__data {
        padding: 10px 0; }
      body .dashboard .dashboard-card .value .video-list .video-row {
        font-size: 1.55em; }
        body .dashboard .dashboard-card .value .video-list .video-row img {
          width: 4em;
          height: auto;
          flex: 0 0 5em; }
      body .dashboard .dashboard-card .dashboard-flag {
        transform: scale(1);
        margin-bottom: 0; }
      body .dashboard .dashboard-card .icon-set .icon-data .icon-data__value {
        font-size: 1.4em; }
      body .dashboard .dashboard-card .icon-set .icon-data .dashboard-icon {
        width: 40px;
        height: 40px; } }

.icon-set .icon-data .dashboard-icon {
  width: 50px;
  height: 50px;
  background-size: cover; }
  .icon-set .icon-data .dashboard-icon--android-icon {
    background-image: url(/aa693eefc427edfcaa1dc25992b39005.png); }
  .icon-set .icon-data .dashboard-icon--chromecast-icon {
    background-image: url(/d254cb0a64ab31ba044879452bb60296.png); }
  .icon-set .icon-data .dashboard-icon--fire-icon {
    background-image: url(/e28b506702e6c1b27464e102f5da94ae.png); }
  .icon-set .icon-data .dashboard-icon--ios-icon {
    background-image: url(/0dc2855111d321bae3b80fae4e7c085b.png); }
  .icon-set .icon-data .dashboard-icon--lg-icon {
    background-image: url(/9565f241fde92f9e9b65145f0b179970.png); }
  .icon-set .icon-data .dashboard-icon--panasonic-icon {
    background-image: url(/c2660889f715003c9887fdc2e9767baf.png); }
  .icon-set .icon-data .dashboard-icon--playstation-icon {
    background-image: url(/39b40427d9dc5b3e30cb34f47fa62740.png); }
  .icon-set .icon-data .dashboard-icon--roku-icon {
    background-image: url(/30f4403a62d386aa562da6d4fd72d581.png); }
  .icon-set .icon-data .dashboard-icon--samsung-icon {
    background-image: url(/3ce2f6e68c18b6123651b109e0d49e6c.png); }
  .icon-set .icon-data .dashboard-icon--browser-icon {
    background-image: url(/f94cbf19e3bf183f3ce21d2db9cccd23.png); }
  .icon-set .icon-data .dashboard-icon--server-icon {
    background-image: url(/b672c5ab116562ea4e636fd604c12ba2.png); }
  .icon-set .icon-data .dashboard-icon--xbox-icon {
    background-image: url(/b08287bd24800ef142c340f5aa4a4340.png); }
  .icon-set .icon-data .dashboard-icon--androidtv-icon {
    background-image: url(/7fe51958cc8711d388c470287a62dcc8.png); }
  .icon-set .icon-data .dashboard-icon--appletv-icon {
    background-image: url(/643f173fed24fee199a1f0f074104068.png); }

.dashboard-flag {
  background-size: cover;
  height: 40px;
  margin: auto;
  width: 40px;
  transform: scale(1.2);
  margin-bottom: 10px; }
  .dashboard-flag.AD {
    background-image: url(/6a5ba16a1fdf2c6fc4dbc41811e9a78f.png); }
  .dashboard-flag.AE {
    background-image: url(/0faee4138a2bb1d14cd770f89c8574c3.png); }
  .dashboard-flag.AF {
    background-image: url(/23fa7a777dd66688fc0cb5824a14884c.png); }
  .dashboard-flag.AG {
    background-image: url(/4e5ced90e43cfd9d782a6d3a3000588c.png); }
  .dashboard-flag.AI {
    background-image: url(/8b22d01e6cdf2d5712bd2877e32a4b15.png); }
  .dashboard-flag.AL {
    background-image: url(/fb773dfb81aeafc1bfd8b3cc4631f27d.png); }
  .dashboard-flag.AM {
    background-image: url(/06d0a3390b60780fe1eb3698440c27c6.png); }
  .dashboard-flag.AO {
    background-image: url(/8a874e00cfb1b1b03830c7ba837ccc91.png); }
  .dashboard-flag.AR {
    background-image: url(/a9b75bdd7aa26df1a6b37b98e385ded8.png); }
  .dashboard-flag.AS {
    background-image: url(/b91f387aa8ad3433ca84a2e7117086a7.png); }
  .dashboard-flag.AT {
    background-image: url(/faa3c28e2f2052eecf89c501277d33d6.png); }
  .dashboard-flag.AU {
    background-image: url(/7f36fe5660f76ad79bdf0e60b7bd0cf0.png); }
  .dashboard-flag.AW {
    background-image: url(/f9922d8a43e0333acf6221598b13598e.png); }
  .dashboard-flag.AX {
    background-image: url(/8523804a281a9383a1a9b5bc4a57c70a.png); }
  .dashboard-flag.AZ {
    background-image: url(/79fe04e56a57ed0a22dca0fc3969101d.png); }
  .dashboard-flag.BA {
    background-image: url(/6c480b8c37f81c8f7dace018901db915.png); }
  .dashboard-flag.BB {
    background-image: url(/c4401d73290fc979aa3beeff61c1760e.png); }
  .dashboard-flag.BD {
    background-image: url(/021e14ce03670d95235b54688efdcfb8.png); }
  .dashboard-flag.BE {
    background-image: url(/37936b5df1febd460e7745f8fb91f47d.png); }
  .dashboard-flag.BF {
    background-image: url(/c71e547b2dc55f246dc34aacc8eb12bd.png); }
  .dashboard-flag.BG {
    background-image: url(/ce9acf0054e6091e4f6136652bdb39af.png); }
  .dashboard-flag.BH {
    background-image: url(/47a36783273d2a5450caa6e89853d46a.png); }
  .dashboard-flag.BI {
    background-image: url(/dcda5c385ae0344ee201c58371eed998.png); }
  .dashboard-flag.BJ {
    background-image: url(/2f52e570a8900de8606503352bc1580b.png); }
  .dashboard-flag.BL {
    background-image: url(/9fad8882d4ed2ec27c545463d68efb46.png); }
  .dashboard-flag.BM {
    background-image: url(/4f6eec903c06e7dd67f0c94f3124906b.png); }
  .dashboard-flag.BN {
    background-image: url(/7ba03a7db04f81a4f071a97bd3feecca.png); }
  .dashboard-flag.BO {
    background-image: url(/cb6bc2a3290f9f44b9fafd82013b4dd1.png); }
  .dashboard-flag.BQ {
    background-image: url(/a4127f30e96c1cde6e69569dd7da77ec.png); }
  .dashboard-flag.BR {
    background-image: url(/2f65347a2f692cb6da31cbf48d9c5639.png); }
  .dashboard-flag.BS {
    background-image: url(/8fa035a2eb3bfb49e3a010f40a5737b2.png); }
  .dashboard-flag.BT {
    background-image: url(/020b1b9e4528ee0faf2536a21c72fb11.png); }
  .dashboard-flag.BV {
    background-image: url(/215b9c827edc9afcae0696844a65dd98.png); }
  .dashboard-flag.BW {
    background-image: url(/54a34ab65517c172aa4624d9f2c233ab.png); }
  .dashboard-flag.BY {
    background-image: url(/1890d0dbfae5b8833eff46fa8d0cfeec.png); }
  .dashboard-flag.BZ {
    background-image: url(/0183f6f883ea02b6c71da6abdfa4a6e4.png); }
  .dashboard-flag.CA {
    background-image: url(/0d149e80ed0884dc95198990b50ac112.png); }
  .dashboard-flag.CC {
    background-image: url(/9148f39f04750337d9183497205f6af0.png); }
  .dashboard-flag.CD {
    background-image: url(/454a0222d31a8280659b58b0274096ad.png); }
  .dashboard-flag.CF {
    background-image: url(/ef8a6302c3360059dc4eeedf01ef1d89.png); }
  .dashboard-flag.CG {
    background-image: url(/f152beb66ce2efe34a857ed7e8f5ebcf.png); }
  .dashboard-flag.CH {
    background-image: url(/c5ebf65b6aff6229517fcff3c2c972e9.png); }
  .dashboard-flag.CI {
    background-image: url(/b33a3cf993f56ad6727a928da786d9bc.png); }
  .dashboard-flag.CK {
    background-image: url(/5497e825ff2b5d89be83fdb51648282a.png); }
  .dashboard-flag.CL {
    background-image: url(/20b48860cf6099a7bd3b0c7cb94a8906.png); }
  .dashboard-flag.CM {
    background-image: url(/63ed324f41f2e377b57602ccbe6cb2f4.png); }
  .dashboard-flag.CN {
    background-image: url(/610ccbf9d77232ff4ea4e79d74e414c3.png); }
  .dashboard-flag.CO {
    background-image: url(/c42703f741cec62c56dcfb402492f9ed.png); }
  .dashboard-flag.CR {
    background-image: url(/f6611c3bbfc042bbbe96ed455ba68e6f.png); }
  .dashboard-flag.CU {
    background-image: url(/b4ccca27910584cda29bd6f3a01d5399.png); }
  .dashboard-flag.CV {
    background-image: url(/5ffc4270ee66174c62f28a4d84bf5980.png); }
  .dashboard-flag.CW {
    background-image: url(/eb2ef43e5484951a06ccdbe15904bc02.png); }
  .dashboard-flag.CX {
    background-image: url(/6a2490e2e3974678cc0fea31a9f111aa.png); }
  .dashboard-flag.CY {
    background-image: url(/6c34ae0ad83fd689a83af88f044284f1.png); }
  .dashboard-flag.CZ {
    background-image: url(/36fcb48fd80526ba01b8fb0b6dd690c3.png); }
  .dashboard-flag.DE {
    background-image: url(/80cccb9dd4f7dbfe71119b4e2efb87e1.png); }
  .dashboard-flag.DJ {
    background-image: url(/619de9ae3d52a8eedb9aad747763befc.png); }
  .dashboard-flag.DK {
    background-image: url(/837df7f8b289397ac54d561baaa3352c.png); }
  .dashboard-flag.DM {
    background-image: url(/f6e8ea0551d3e283da0640807c760384.png); }
  .dashboard-flag.DO {
    background-image: url(/a69edeeb1d9777100e031ce180940e81.png); }
  .dashboard-flag.DZ {
    background-image: url(/55ce0563da2c449f88143b1bde3a9132.png); }
  .dashboard-flag.EC {
    background-image: url(/13e278ed6396f1b0bc712959d11ec105.png); }
  .dashboard-flag.EE {
    background-image: url(/0d136ef2548c69b80a9431fbc01937f0.png); }
  .dashboard-flag.EG {
    background-image: url(/e3e10c414b33403eafd93b4a9a87329c.png); }
  .dashboard-flag.ER {
    background-image: url(/de31e706dd039d68661af5c92f2637ea.png); }
  .dashboard-flag.ES {
    background-image: url(/2c1771785425fa6948ea16848ccf9148.png); }
  .dashboard-flag.ET {
    background-image: url(/efde27761ae75fd05d90433f34044e1f.png); }
  .dashboard-flag.FI {
    background-image: url(/16fa47cf699f577abb39516aeae4860c.png); }
  .dashboard-flag.FJ {
    background-image: url(/696ead62d4154ca1732de62353c5446e.png); }
  .dashboard-flag.FK {
    background-image: url(/0413ff331f26e071efff61a6f18f796a.png); }
  .dashboard-flag.FM {
    background-image: url(/48cfe10c906f0d036c0eb8b6ed784cd1.png); }
  .dashboard-flag.FO {
    background-image: url(/6dd4dc8d822ef0ddd6d22bb5d91c36f3.png); }
  .dashboard-flag.FR {
    background-image: url(/9fad8882d4ed2ec27c545463d68efb46.png); }
  .dashboard-flag.GA {
    background-image: url(/8eade7c001f731504cbdcb9427c1cdd5.png); }
  .dashboard-flag.GB {
    background-image: url(/b2d3974843961adb87bf4fbb3127ce04.png); }
  .dashboard-flag.GD {
    background-image: url(/4deb36e37dbfd4ac036b289902f9f351.png); }
  .dashboard-flag.GE {
    background-image: url(/02aa8fbbca318fd3ce3bbec5da14ac08.png); }
  .dashboard-flag.GF {
    background-image: url(/6391e4a2807259d4da924550f84bdf76.png); }
  .dashboard-flag.GG {
    background-image: url(/47c746619da072e59baa9b21990fcb4b.png); }
  .dashboard-flag.GH {
    background-image: url(/cd77a21096a0ded32bfb006b96dcd9bd.png); }
  .dashboard-flag.GI {
    background-image: url(/8f0e0f628b84752cc4e2659938d37dfb.png); }
  .dashboard-flag.GL {
    background-image: url(/a9082e1362f1f5d7a5187faebb978dd9.png); }
  .dashboard-flag.GM {
    background-image: url(/dbf9b470421de3896c2ecfad0be017e2.png); }
  .dashboard-flag.GN {
    background-image: url(/77b8ec72496ed910b2e043ad240d4a74.png); }
  .dashboard-flag.GP {
    background-image: url(/9fad8882d4ed2ec27c545463d68efb46.png); }
  .dashboard-flag.GQ {
    background-image: url(/b36b2293de6a9ae029dfea1d2837ed88.png); }
  .dashboard-flag.GR {
    background-image: url(/0c002f9bcc1def4a30473542a9c310b9.png); }
  .dashboard-flag.GS {
    background-image: url(/ad9c238107c0281e623ee8ecbf89d6f4.png); }
  .dashboard-flag.GT {
    background-image: url(/4c9ae883171be0188c0c934567e02af5.png); }
  .dashboard-flag.GU {
    background-image: url(/5cf0f1d286c87167a5f3ea485a782ed6.png); }
  .dashboard-flag.GW {
    background-image: url(/767d2fd3475c9395f37ebb10be41555c.png); }
  .dashboard-flag.GY {
    background-image: url(/712c38359d2823abe7e6794386551ced.png); }
  .dashboard-flag.HK {
    background-image: url(/993f75cd46b5934d0f94ff5ba5075f4a.png); }
  .dashboard-flag.HN {
    background-image: url(/3ba010b78fa88cbd9a3cf45f6fc91da5.png); }
  .dashboard-flag.HR {
    background-image: url(/f4dede4af1da5c9d365d0c7208ed4633.png); }
  .dashboard-flag.HT {
    background-image: url(/a73067ce5579807354001dfcc1d07757.png); }
  .dashboard-flag.HU {
    background-image: url(/b3e65d87afb21d5e2a1458c4cceba17f.png); }
  .dashboard-flag.ID {
    background-image: url(/2ef64a00fd9404cf87bd31a606c83a94.png); }
  .dashboard-flag.IE {
    background-image: url(/8076da981f1d906808c5d8781910fd5a.png); }
  .dashboard-flag.IL {
    background-image: url(/064ae51d203558af5eeb4e51dfb69686.png); }
  .dashboard-flag.IM {
    background-image: url(/9f10556ded6e30add6c6caf8e8ba53fa.png); }
  .dashboard-flag.IN {
    background-image: url(/8ba0660d3000fef50ff0d496548d92a4.png); }
  .dashboard-flag.IO {
    background-image: url(/45e5bfb6f9fe88aba5fc3e9075945b65.png); }
  .dashboard-flag.IQ {
    background-image: url(/3a91dc0ae4a1c55e7075a4c8f10b06a5.png); }
  .dashboard-flag.IR {
    background-image: url(/79027efa726ca1ea37126b03f29ad325.png); }
  .dashboard-flag.IS {
    background-image: url(/7c55a6f453839590c2a59433c4e21dff.png); }
  .dashboard-flag.IT {
    background-image: url(/4ebadedfa09f872550b5d15afbcce72d.png); }
  .dashboard-flag.JE {
    background-image: url(/afca75d42018cc573ff55b2ea836b5a0.png); }
  .dashboard-flag.JM {
    background-image: url(/4ba4ed495b614e33a6df14ac6e7b60c7.png); }
  .dashboard-flag.JO {
    background-image: url(/ed3e986db22cb6ad80a753ac1c1aaac3.png); }
  .dashboard-flag.JP {
    background-image: url(/b83f3bd9d0aa33b65c3ed7c5a68ee6a7.png); }
  .dashboard-flag.KE {
    background-image: url(/79edcd1801987aa4fbe0330a132cfb85.png); }
  .dashboard-flag.KG {
    background-image: url(/26ee8c555988a5958d18a993d88d7837.png); }
  .dashboard-flag.KH {
    background-image: url(/941b49bdd11379da98436ccf01a8b98f.png); }
  .dashboard-flag.KI {
    background-image: url(/ac37a600f5665bb17cc857328b8b4198.png); }
  .dashboard-flag.KM {
    background-image: url(/1e2082cf6a9e84461f58564f30908c4c.png); }
  .dashboard-flag.KN {
    background-image: url(/3a61cddc283f746ebcc7524077be2a62.png); }
  .dashboard-flag.KP {
    background-image: url(/a6e35cf7c433eb13ec6024afa45f4191.png); }
  .dashboard-flag.KR {
    background-image: url(/47038d492f939136af674321f7f65d03.png); }
  .dashboard-flag.KW {
    background-image: url(/ef3777f075609901700c0a360bdd989d.png); }
  .dashboard-flag.KY {
    background-image: url(/4c737844a2cdb88f0b5778152eda8907.png); }
  .dashboard-flag.KZ {
    background-image: url(/ba5449f42faed2746ccbfc0d4a3f972c.png); }
  .dashboard-flag.LA {
    background-image: url(/1504610cdfe2b74c6f88e42c5742c2ef.png); }
  .dashboard-flag.LB {
    background-image: url(/fb4d74bb5ab27ac65ae97ae82c5dca65.png); }
  .dashboard-flag.LC {
    background-image: url(/7961052b15be9d22caf141ede2484256.png); }
  .dashboard-flag.LI {
    background-image: url(/f4457b7e088635ce2faa069c3f97ca14.png); }
  .dashboard-flag.LK {
    background-image: url(/ab4b6df894fec434ed7864313ef8464c.png); }
  .dashboard-flag.LR {
    background-image: url(/4495ccbcac4c7033f1eb522f3d6152f8.png); }
  .dashboard-flag.LS {
    background-image: url(/8bbd2fc47cc9e2d52f9e1bbd1afe5202.png); }
  .dashboard-flag.LT {
    background-image: url(/173d0956b3911186e874a7bd138ac6e7.png); }
  .dashboard-flag.LU {
    background-image: url(/93c12f8fab51e667a1d2a88e17f7f774.png); }
  .dashboard-flag.LV {
    background-image: url(/7437b083dfb595711044bbee277eb645.png); }
  .dashboard-flag.LY {
    background-image: url(/1c795b135c408a7e8f47448baf5545f8.png); }
  .dashboard-flag.MA {
    background-image: url(/6584d029f9b9199c251f445958e4e0c0.png); }
  .dashboard-flag.MC {
    background-image: url(/c13d785caf0874c4ca55241908b62419.png); }
  .dashboard-flag.MD {
    background-image: url(/d51ff6e02ff4ad92448ff182084b7c96.png); }
  .dashboard-flag.ME {
    background-image: url(/e5d2e65ea3ed447d9b7783e53b9a8518.png); }
  .dashboard-flag.MG {
    background-image: url(/605e05f7a611908238a5157cf6d4a050.png); }
  .dashboard-flag.MH {
    background-image: url(/e8248c3914175f1ad025de7a2982284b.png); }
  .dashboard-flag.MK {
    background-image: url(/7836fc9bddf9b1fed658e98a48e8efae.png); }
  .dashboard-flag.ML {
    background-image: url(/4e0de29ca13fad165772bd642737fd96.png); }
  .dashboard-flag.MM {
    background-image: url(/61f5fc404a3ec3c0fd0b5bd0a2565429.png); }
  .dashboard-flag.MN {
    background-image: url(/8b35dd46fa306bf1f71aed4007c58a7a.png); }
  .dashboard-flag.MO {
    background-image: url(/f8d9fc06dae7ba54744cae35dc99da41.png); }
  .dashboard-flag.MP {
    background-image: url(/1c05fbf1ac6a54cd9886e1aa73aa9bd1.png); }
  .dashboard-flag.MQ {
    background-image: url(/28b6ac2193613a9533ff15bd50035c04.png); }
  .dashboard-flag.MR {
    background-image: url(/89abc3254c0dd5aaa4be8cf4bbc8413f.png); }
  .dashboard-flag.MS {
    background-image: url(/2b20aa3a80b7f7162a112f3444b565b0.png); }
  .dashboard-flag.MT {
    background-image: url(/7da4313b64f0248a4d17b924aa1acfb7.png); }
  .dashboard-flag.MU {
    background-image: url(/8e670ea74adf855912bc4c4226457bae.png); }
  .dashboard-flag.MV {
    background-image: url(/bf0a05a9860dc925f7671f86e12123e6.png); }
  .dashboard-flag.MW {
    background-image: url(/9c7753032dfbdd4b8c6c9d6f2b1f1c0e.png); }
  .dashboard-flag.MX {
    background-image: url(/8fa3ae516491c3f27a5cdc15aa43a9da.png); }
  .dashboard-flag.MY {
    background-image: url(/8da02bcf04f375d2a16e32b3d2877dfa.png); }
  .dashboard-flag.MZ {
    background-image: url(/658645de449401654a772398757f0ca9.png); }
  .dashboard-flag.NA {
    background-image: url(/d02e9b3cd97442d9b7e134e08ef2581b.png); }
  .dashboard-flag.NC {
    background-image: url(/2f2eb76739507210392e83a4777b18ae.png); }
  .dashboard-flag.NE {
    background-image: url(/d87160d9176c257a98372a658c1bbe4a.png); }
  .dashboard-flag.NF {
    background-image: url(/0f3c075a5188f07bbd6701e50151ff3a.png); }
  .dashboard-flag.NG {
    background-image: url(/053ee25ff5d88e15f8ee77b59688673f.png); }
  .dashboard-flag.NI {
    background-image: url(/927c09af42ef9dc8f06ec0e76fbf09bd.png); }
  .dashboard-flag.NL {
    background-image: url(/2b8aee1f9e6133ca4c59f967b407ac01.png); }
  .dashboard-flag.NO {
    background-image: url(/223873d65069de19abde52d9e9c810c8.png); }
  .dashboard-flag.NP {
    background-image: url(/748768741539fa06a681fb89977c9096.png); }
  .dashboard-flag.NR {
    background-image: url(/8db4dc8f4259b1a55736a3845a10f398.png); }
  .dashboard-flag.NU {
    background-image: url(/c959c812d48204fe7df212890142dd9c.png); }
  .dashboard-flag.NZ {
    background-image: url(/5c876587c832e9b2181c87337d24528f.png); }
  .dashboard-flag.OM {
    background-image: url(/b2a0cff055de06a1fddb0379ac14519b.png); }
  .dashboard-flag.PA {
    background-image: url(/1adc883fba41ed53419fee8a08379ed8.png); }
  .dashboard-flag.PE {
    background-image: url(/0a9e692763da876d35195eeda70274f8.png); }
  .dashboard-flag.PF {
    background-image: url(/6f567a9b5759b81c080f24e85fc5cf3c.png); }
  .dashboard-flag.PG {
    background-image: url(/9a6db45221396cd434187b8740e2efeb.png); }
  .dashboard-flag.PH {
    background-image: url(/ff75c54213c5764444719a1fefc7057b.png); }
  .dashboard-flag.PK {
    background-image: url(/2867f39205990b18ec4afe31264628ab.png); }
  .dashboard-flag.PL {
    background-image: url(/a61e42baab7c8c9df7d70449ab938ff3.png); }
  .dashboard-flag.PM {
    background-image: url(/2b0360b815db4ce1d723e5d387830e32.png); }
  .dashboard-flag.PN {
    background-image: url(/2a262abff0eeec69ea222e294464ab8f.png); }
  .dashboard-flag.PR {
    background-image: url(/c034a955c2a5967dcc973879f65d5d5f.png); }
  .dashboard-flag.PS {
    background-image: url(/3bf8a49e17edcbd8b72de41e0e4b9855.png); }
  .dashboard-flag.PT {
    background-image: url(/a30eb5682f8b4b073c5b485f3cfec5fa.png); }
  .dashboard-flag.PW {
    background-image: url(/49660440540566ad9d458478effa844a.png); }
  .dashboard-flag.PY {
    background-image: url(/c221ce314832921b87d7d16f1652ad52.png); }
  .dashboard-flag.QA {
    background-image: url(/8a248d5b03911c06381ef4fefd48c8c6.png); }
  .dashboard-flag.RE {
    background-image: url(/9fad8882d4ed2ec27c545463d68efb46.png); }
  .dashboard-flag.RO {
    background-image: url(/51a1f62d28d2e296d13344c83c11e947.png); }
  .dashboard-flag.RS {
    background-image: url(/3a6a9c67dadafa8dfa955b4bd0b3fbc0.png); }
  .dashboard-flag.RU {
    background-image: url(/78e9b075e12f51886381edc7fdb1be92.png); }
  .dashboard-flag.RW {
    background-image: url(/212bd544ee0baf6f85cdfb230c17c4f9.png); }
  .dashboard-flag.SA {
    background-image: url(/dfe0e7497734b99881fc22519d00256d.png); }
  .dashboard-flag.SB {
    background-image: url(/d13175d1dddb97434fca5ba963490fe9.png); }
  .dashboard-flag.SC {
    background-image: url(/3a60e293a547dbd5d3102c5bee6a83d1.png); }
  .dashboard-flag.SD {
    background-image: url(/da8492c80d921b5c28f279598b248d96.png); }
  .dashboard-flag.SE {
    background-image: url(/5755248ddcfcf3a48c6f7b5d39e74af4.png); }
  .dashboard-flag.SG {
    background-image: url(/5cd507f910dc58c83bb7fe72f9aabc36.png); }
  .dashboard-flag.SH {
    background-image: url(/b2d3974843961adb87bf4fbb3127ce04.png); }
  .dashboard-flag.SI {
    background-image: url(/18e84effe02ac229ab2ae40996a8c8e8.png); }
  .dashboard-flag.SK {
    background-image: url(/ebe7b6cb6893be295e62222e1d76390a.png); }
  .dashboard-flag.SL {
    background-image: url(/50aa6d92177fc7d06e5947187f0746bc.png); }
  .dashboard-flag.SM {
    background-image: url(/ca7486780f54e3928a5e0d1c3aa358ee.png); }
  .dashboard-flag.SN {
    background-image: url(/1236123f91acb96fbca39f8cb746ffdd.png); }
  .dashboard-flag.SO {
    background-image: url(/2086fd0deb0f5390e65cc8b6e896b738.png); }
  .dashboard-flag.SR {
    background-image: url(/9f0e30be52f38c44c9777a7509b4bc58.png); }
  .dashboard-flag.SS {
    background-image: url(/88898cacee29f551abe6bd97c2785b35.png); }
  .dashboard-flag.ST {
    background-image: url(/fa72b7012121eab85cc6d532c1acdcaf.png); }
  .dashboard-flag.SV {
    background-image: url(/6c3f47a4a0dbcec97f35219b527eae57.png); }
  .dashboard-flag.SX {
    background-image: url(/8917322b5ed407cf3750bc80c41fd995.png); }
  .dashboard-flag.SY {
    background-image: url(/cfeab2aa5e7806c1ca19ed1a96261f07.png); }
  .dashboard-flag.SZ {
    background-image: url(/ce531aa9b38f225e6286d35a233bf45c.png); }
  .dashboard-flag.TC {
    background-image: url(/4a28490b8a43d3c303053a2f0b915c0b.png); }
  .dashboard-flag.TD {
    background-image: url(/9a82365ca6254f2cd2b5da82f7158d6e.png); }
  .dashboard-flag.TF {
    background-image: url(/bb9851e8976cc7fb42be437bae182c18.png); }
  .dashboard-flag.TG {
    background-image: url(/47b3b8747c2632ba4dacb64641785ed0.png); }
  .dashboard-flag.TH {
    background-image: url(/bbc9c56ca4cb0ee5b58eaba41d78027f.png); }
  .dashboard-flag.TJ {
    background-image: url(/181482a7cf92fc79a8654d7fb7d6cbe3.png); }
  .dashboard-flag.TK {
    background-image: url(/33a6d62456068dfe6c4ded7e09b51591.png); }
  .dashboard-flag.TL {
    background-image: url(/804871a6927f6248213c5615bbbe7838.png); }
  .dashboard-flag.TM {
    background-image: url(/78f4a3a1e9720ca161d113d16ca78789.png); }
  .dashboard-flag.TN {
    background-image: url(/a66dc53e9ac894e512f044ea089ade97.png); }
  .dashboard-flag.TO {
    background-image: url(/28d78cd2af289ae8f593d3e69680aca5.png); }
  .dashboard-flag.TR {
    background-image: url(/14eba81aa01c3108825339f84fbeb7dd.png); }
  .dashboard-flag.TT {
    background-image: url(/3007aff5b86d49e3af3e9ed8421e4f6b.png); }
  .dashboard-flag.TV {
    background-image: url(/45b04d93a4af2fed2b262c9afd3d84d1.png); }
  .dashboard-flag.TW {
    background-image: url(/130a933732f4c4a00c13dfff78069b31.png); }
  .dashboard-flag.TZ {
    background-image: url(/52ab65d8d6f9d4957d36d48a2c2d28e4.png); }
  .dashboard-flag.UA {
    background-image: url(/97e09f7156fe597fbabae5fb00a9194b.png); }
  .dashboard-flag.UG {
    background-image: url(/09d96c6f9b977e279342053bc620018a.png); }
  .dashboard-flag.UM {
    background-image: url(/2e8b1ed07e1b77c2b9a2c12f499f01ec.png); }
  .dashboard-flag.US {
    background-image: url(/2e8b1ed07e1b77c2b9a2c12f499f01ec.png); }
  .dashboard-flag.UY {
    background-image: url(/b41c443077934382b5a67b18f6ca14ba.png); }
  .dashboard-flag.UZ {
    background-image: url(/7ad0f9f62a4c2a663f8ecdf60bdb3ee6.png); }
  .dashboard-flag.VA {
    background-image: url(/8e9811ddb9dda1a74b0a90e1d0cc0a88.png); }
  .dashboard-flag.VC {
    background-image: url(/41e378e339e35291bada06a1f58ea16b.png); }
  .dashboard-flag.VE {
    background-image: url(/2d71b48c1dd1a8888fb2201f2a99ee32.png); }
  .dashboard-flag.VG {
    background-image: url(/3a0d5dcdc7efe1935414fae547a060b2.png); }
  .dashboard-flag.VI {
    background-image: url(/65fec910d65e2c421257c3879e4fa08f.png); }
  .dashboard-flag.VN {
    background-image: url(/ce700aa8b30f8e8ba4754526418a4611.png); }
  .dashboard-flag.VU {
    background-image: url(/afc823cbcf026f56dd3bd37a11e5bf69.png); }
  .dashboard-flag.WF {
    background-image: url(/3e042a7902de5ab18d14469465227df4.png); }
  .dashboard-flag.WS {
    background-image: url(/34b3a7af8911091da6f630f94744ed74.png); }
  .dashboard-flag.YE {
    background-image: url(/d0f3469721ed0325c5cd2bb2828b6609.png); }
  .dashboard-flag.YT {
    background-image: url(/9fad8882d4ed2ec27c545463d68efb46.png); }
  .dashboard-flag.ZA {
    background-image: url(/0a1455642ffa390920ed4025846ab339.png); }
  .dashboard-flag.ZM {
    background-image: url(/ee2bb395860e9a02a8f06a717005b543.png); }
  .dashboard-flag.ZW {
    background-image: url(/bb49b4b66ae8873a459f8913690134dd.png); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.page--login {
  height: 100vh; }
  .page--login .logo--container .cover--logo {
    background-image: url(/e7afca05a6fbd0bdd6dfcb44c79f6ccd.png); }

.login-progress {
  height: 150px;
  background-size: 100%; }
  .login-progress,
  .login-progress + h1 {
    display: block;
    width: 150px;
    position: relative;
    color: #fff;
    font-size: 1rem;
    text-align: center; }
  .login-progress:after {
    content: 'B';
    font-family: 'img-icon';
    color: #fff;
    font-size: 4rem;
    line-height: 4rem;
    text-align: center;
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2rem 0 0 -2rem; }

.login--forgotPassword + div.form-group {
  clear: both; }

.login-not-allowed > p {
  margin-bottom: 20px; }
.resident-visibility-filter .tabs li a {
  padding: 24px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.admin-navbar {
  transition: transform 0.3s ease;
  display: flex;
  z-index: 3; }
  .content-preview-mode .admin-navbar {
    transform: translateY(-200%) !important; }
  .admin-navbar img {
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
    width: 20px; }
    .admin-navbar img.realm-icon--default {
      height: 20px; }
  .admin-navbar__links {
    flex: 1 1 0; }
    .admin-navbar__links li {
      border-right: 1px solid rgba(0, 27, 45, 0.2);
      display: inline-block;
      font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 10px 24px; }
      .admin-navbar__links li > .submenu {
        background: #fff;
        box-shadow: #001b2d 0 8px 16px;
        border-radius: 2px;
        display: none;
        height: auto;
        overflow: visible;
        position: absolute;
        right: 32px;
        top: 48px;
        transition: opacity 0.2s ease;
        width: auto; }
        .admin-navbar__links li > .submenu::after {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          bottom: 100%;
          left: 16px;
          border-width: 0 8px 8px 8px;
          border-style: solid;
          border-color: #fff transparent; }
        .admin-navbar__links li > .submenu li {
          border-bottom: 1px solid rgba(0, 27, 45, 0.2);
          border-right: none;
          width: 100%; }
      .admin-navbar__links li.touched > .submenu {
        display: block; }
  @media (max-width: 767px) {
    .admin-navbar__links {
      display: flex; }
      .admin-navbar__links a {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .admin-navbar__residents {
      width: auto; } }

.realm-switcher.popin--container .popin--medium {
  min-width: 40vw;
  max-width: 90vw; }

.realm-switcher img {
  border-radius: 3px;
  display: block;
  float: left;
  height: 36px;
  margin-right: 10px;
  margin-top: 8px;
  width: 36px; }

.realm-switcher .custom-dropdown {
  border-color: #e6e9ea;
  font-size: 1.3em;
  height: 55px; }
  .realm-switcher .custom-dropdown .dropdown-value {
    color: rgba(0, 27, 45, 0.4);
    font-size: 14px;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    outline: none;
    padding-left: 15px; }
  .realm-switcher .custom-dropdown .dropdown-search {
    margin-top: 0; }
  .realm-switcher .custom-dropdown .dropdown-options {
    max-height: 180px; }
  .realm-switcher .custom-dropdown .dropdown li {
    line-height: 1.9em;
    overflow: hidden; }
    .realm-switcher .custom-dropdown .dropdown li img {
      margin-top: 0; }

.realm-switcher .dropdown-section label {
  display: none; }

.realm-switcher .modal-title {
  font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase; }

.realm-switcher .modal-body {
  height: 350px;
  overflow: hidden; }

.realm-switcher__content {
  background: #fbfcfd;
  background: rgba(0, 118, 192, 0.03);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 350px;
  padding: 30px 50px 0; }

.realm-switcher__quick {
  margin-top: 40px;
  opacity: 1;
  transition: opacity 0.2s ease; }
  .realm-switcher__quick--hidden {
    opacity: 0; }
  .realm-switcher__quick-options {
    display: flex;
    margin-top: 15px; }
  .realm-switcher__quick-option {
    background: #fff;
    border: solid 1px #e6e9ea;
    border-radius: 7px;
    cursor: pointer;
    padding: 10px;
    transition: border-color ease 0.2s; }
    .realm-switcher__quick-option:hover, .realm-switcher__quick-option:focus {
      border-color: rgba(0, 27, 45, 0.4);
      outline: none; }
    .realm-switcher__quick-option img {
      float: none;
      height: 42px;
      margin: 0;
      width: 42px; }
    .realm-switcher__quick-option__wrapper {
      position: relative; }
      .realm-switcher__quick-option__wrapper + .realm-switcher__quick-option__wrapper {
        margin-left: 15px; }
      .realm-switcher__quick-option__wrapper .tooltip {
        bottom: -46px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        white-space: nowrap; }
        .realm-switcher__quick-option__wrapper .tooltip:after {
          right: 50%;
          transform: translateX(50%); }
        .realm-switcher__quick-option__wrapper .tooltip--trigger:focus + .tooltip {
          animation: fade 0.5s;
          display: block;
          opacity: 1;
          visibility: visible; }

.realm-switcher__info {
  color: rgba(0, 27, 45, 0.4); }

.realm-switcher__loader {
  font-size: 3em;
  padding-top: 15px;
  text-align: center; }
  .realm-switcher__loader img {
    display: inline-block;
    float: none;
    height: 46px;
    margin: 0;
    top: 5px;
    width: 46px; }
  .realm-switcher__loader-realm {
    line-height: 46px;
    padding-top: 10px; }

.realm-switcher .resident-visibility-filter .tabs {
  text-align: left;
  line-height: initial;
  margin-bottom: 40px; }
  .realm-switcher .resident-visibility-filter .tabs li a {
    padding: 5px;
    margin-right: 10px; }

.realm-switcher .loading-indicator-icon {
  top: 50%;
  transform: translate(-50%, -50%); }

.realm-icon {
  opacity: 0;
  transition: opacity 0.3s ease; }
  .realm-icon--loaded {
    opacity: 1; }
  .realm-icon--default {
    background: rgba(230, 233, 234, 0.5); }

.resident-picker {
  border-left: 1px solid rgba(0, 27, 45, 0.2);
  cursor: pointer;
  width: 260px; }
  .resident-picker__selected {
    color: #0076c0;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap; }

.nav.topbar > ul li.touched > ul.submenu a.navlink-red {
  color: #ff4136; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.audit {
  background: rgba(0, 118, 192, 0.03); }
  .audit #audit-list {
    min-height: 80vh;
    max-width: 90%;
    margin: auto;
    padding-bottom: 20px; }
    .audit #audit-list .hidden {
      opacity: 0; }
    .audit #audit-list .users-list__empty {
      font-size: 2em;
      margin: 200px auto;
      max-width: 300px;
      text-align: center; }
      .audit #audit-list .users-list__empty p {
        font-size: 0.5em;
        margin-top: 10px; }
    .audit #audit-list .table th {
      font-size: 0.9em;
      font-weight: bold;
      border-bottom: rgba(0, 27, 45, 0.05) 1px solid;
      cursor: default; }
    .audit #audit-list .table-hover tr {
      cursor: pointer; }
      .audit #audit-list .table-hover tr:hover td {
        background-color: #fff; }
        .audit #audit-list .table-hover tr:hover td .expandable-link-list {
          display: inline-block; }
        .audit #audit-list .table-hover tr:hover td:first-child {
          box-shadow: inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px #ffffff, inset 2px 0 0 #0076c0; }
      .audit #audit-list .table-hover tr th:first-child {
        padding-left: 20px; }
      .audit #audit-list .table-hover tr td:first-child {
        box-shadow: none;
        min-width: 200px; }
  .audit .toggle-view-list-page__header {
    justify-content: flex-end; }
  .audit .audit-filters {
    line-height: 30px;
    padding: 15px 0;
    display: flex;
    flex-direction: row; }
    .audit .audit-filters .custom-dropdown {
      margin: 0 0 0 10px;
      width: 150px; }
      .audit .audit-filters .custom-dropdown.category-dropdown {
        text-transform: uppercase;
        width: 210px; }
    .audit .audit-filters .multi-select-dropdown {
      width: 225px; }
      .audit .audit-filters .multi-select-dropdown label {
        text-transform: uppercase; }
    .audit .audit-filters .btn.btn-primary {
      height: 100%;
      margin-left: 10px;
      padding-right: 15px;
      padding-left: 15px; }
    .audit .audit-filters input {
      cursor: pointer;
      margin: 0;
      height: 40px;
      width: 200px;
      text-align: center; }
  .audit .audit-activity__details {
    min-width: 60px; }
    .audit .audit-activity__details .expandable-link-list {
      display: none; }
      .audit .audit-activity__details .expandable-link-list a {
        width: 65px; }
  td .audit-activity__timestamp {
    min-width: 200px; }
  .audit-activity__action-target {
    font-weight: bold;
    text-transform: capitalize; }
  .audit-activity__action-description, .audit-activity__action-search-term {
    color: #999999;
    font-size: 13px;
    margin-top: -10px; }
  .audit-activity__action-search-term {
    margin-top: -15px; }
    .audit-activity__action-search-term .search-term {
      font-style: italic; }
  .audit-activity__title-text {
    font-weight: bold;
    margin-right: 10px;
    text-transform: capitalize; }
  .audit-activity__user {
    margin-bottom: 5px; }
    .audit-activity__user-info__details {
      color: #999999;
      display: flex;
      padding-top: 5px; }
    .audit-activity__user-exid {
      color: #999999;
      font-size: 13px;
      margin-top: -10px; }
  .audit-activity__type span.type-pill {
    border: 0px solid #000;
    background-color: red;
    border-radius: 30px;
    color: #fff;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    padding: 5px 12px;
    text-transform: uppercase;
    white-space: nowrap; }
    .audit-activity__type span.type-pill__read {
      background-color: #e4e7e8;
      color: #aeb7bd; }
    .audit-activity__type span.type-pill__create, .audit-activity__type span.type-pill__update {
      background-color: #d0e6f3;
      color: #318fe4; }
    .audit-activity__type span.type-pill__delete, .audit-activity__type span.type-pill__cancel, .audit-activity__type span.type-pill__refund {
      background-color: #f5dfdf;
      color: #f67677; }
  .audit-modal__details {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    text-transform: capitalize; }
    .audit-modal__details span + span {
      padding-top: 3px; }
    .audit-modal__details-action {
      font-size: 1rem;
      padding-bottom: 3px; }
    .audit-modal__details-metadata {
      color: #999999;
      padding-top: 3px; }
      .audit-modal__details-metadata__search-term {
        font-style: italic;
        text-transform: none; }
      .audit-modal__details-metadata--no-transform {
        text-transform: none; }
  .audit-modal__header {
    align-items: center;
    border-bottom: 2px solid #e6e9ea;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    margin-bottom: 10px; }
    .audit-modal__header h4 {
      text-transform: uppercase;
      font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
      font-size: 0.95em;
      letter-spacing: 0.05em; }
  .audit__no-results {
    display: flex;
    justify-content: center;
    margin-top: 30px; }
    .audit__no-results span {
      font-size: 1.75em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.filters--dropdown {
  background: #fff;
  border-radius: 2px;
  box-shadow: rgba(0, 27, 45, 0.4) 0 8px 16px;
  right: 313px;
  opacity: 0;
  position: absolute;
  transition: transform 0.5s, opacity 0.5s;
  width: 310px;
  z-index: 99;
  transform: translateX(-50px); }
  .filters--dropdown.is-active {
    border: rgba(0, 27, 45, 0.1) 1px solid;
    opacity: 1;
    min-height: 200px;
    transform: translateX(0); }
    .filters--dropdown.is-active:before {
      border-width: 8px 0 8px 8px;
      border-style: solid;
      border-color: transparent #fff;
      top: 15px;
      content: '';
      height: 0;
      position: absolute;
      left: 100%;
      width: 0; }
    .filters--dropdown.is-active .custom-dropdown {
      height: auto; }
  .filters--dropdown .custom-dropdown {
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    color: #001b2d;
    font-size: 14px;
    font-weight: normal;
    transition: all 0.4s ease;
    background: none;
    border: none;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0; }
    .filters--dropdown .custom-dropdown .options-list {
      max-height: 400px;
      overflow-y: auto; }
      .filters--dropdown .custom-dropdown .options-list li {
        display: flex;
        padding: 10px 20px;
        margin: 0;
        font-size: 13px;
        line-height: 22px;
        color: rgba(0, 27, 45, 0.8);
        transition: all 0.4s ease;
        cursor: pointer; }
        .filters--dropdown .custom-dropdown .options-list li.active, .filters--dropdown .custom-dropdown .options-list li:hover {
          color: #0076c0;
          box-shadow: inset #0076c0 2px 0 0; }
        .filters--dropdown .custom-dropdown .options-list li.options-header {
          padding: 12px 20px;
          border-bottom: 1px solid rgba(22, 26, 29, 0.1);
          margin-bottom: 10px;
          pointer-events: none;
          cursor: default; }
        .filters--dropdown .custom-dropdown .options-list li .dropdown--label {
          text-transform: capitalize; }
        .filters--dropdown .custom-dropdown .options-list li .dropdown--icon {
          margin-right: 10px; }
      .filters--dropdown .custom-dropdown .options-list--with-sublist {
        max-height: 310px; }
        .filters--dropdown .custom-dropdown .options-list--with-sublist .dropdown--title {
          pointer-events: none;
          font-weight: bolder;
          cursor: default; }
        .filters--dropdown .custom-dropdown .options-list--with-sublist .dropdown--label {
          margin-left: 10px; }
        .filters--dropdown .custom-dropdown .options-list--with-sublist .dropdown--title span,
        .filters--dropdown .custom-dropdown .options-list--with-sublist .dropdown--default span {
          margin-left: 0; }
  .filters--dropdown .loading-indicator-icon {
    top: 50%;
    transform: translate(-50%, -50%); }
  .filters--dropdown .realm-icon {
    width: 20px;
    margin-right: 10px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.filter-section {
  width: 100%; }
  .filter-section__row-wrapper {
    width: 100%; }
  .filter-section__row {
    border-bottom: 1px solid rgba(22, 26, 29, 0.1);
    padding: 20px 35px;
    width: 100%;
    height: 80px;
    border-left: 2px solid transparent;
    transition: border-color 0.5s; }
    .filter-section__row:hover {
      border-left-color: #0076c0; }
    .filter-section__row .row-label {
      color: #aaa;
      font-size: 0.8em; }
    .filter-section__row .row-selected-value input {
      background: rgba(245, 245, 245, 0.5);
      padding: 5px;
      border-radius: 2px;
      border: 0px none;
      width: 100%;
      height: 35px; }
    .filter-section__row .selected-text {
      text-transform: capitalize;
      display: flex;
      cursor: pointer;
      padding-right: 15px;
      font-size: 0.85em; }
      .filter-section__row .selected-text .close-btn {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: #999999;
        position: absolute;
        right: 0;
        cursor: pointer; }
        .filter-section__row .selected-text .close-btn .icon-close {
          color: #f5f5f5;
          transform: scale(0.5);
          display: block;
          margin-right: -5px;
          margin-top: 1px; }
  .filter-section .filters--date-dropdown.is-active {
    width: 500px; }
    .filter-section .filters--date-dropdown.is-active .daterangepicker {
      box-shadow: none; }
    .filter-section .filters--date-dropdown.is-active .ranges {
      width: 100%;
      margin: 0; }
      .filter-section .filters--date-dropdown.is-active .ranges .range_inputs {
        width: 100%; }
        .filter-section .filters--date-dropdown.is-active .ranges .range_inputs .cancelBtn {
          display: none; }
        .filter-section .filters--date-dropdown.is-active .ranges .range_inputs .applyBtn {
          width: calc(100% - 10px);
          margin: 5px; }
  .filter-section .daterangepicker {
    position: static !important; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
@keyframes shakePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 118, 192, 0.9); }
  5% {
    transform: translateX(-10px); }
  10% {
    transform: translateX(0); }
  15% {
    transform: translateX(10px); }
  20% {
    transform: translateX(0); }
  70% {
    box-shadow: 0 0 0 15px rgba(0, 118, 192, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 118, 192, 0); } }

.filter-panels {
  grid-column: 2/2;
  margin-top: -120px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 10px 20px rgba(140, 156, 176, 0.1);
  z-index: 4;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 305px;
  align-self: start;
  position: sticky;
  top: -80px;
  transition: height 0.5s; }
  .filter-panels--split-panels {
    position: static;
    margin-top: -39px; }
    .filter-panels--split-panels .filter-section__row-wrapper:last-child .filter-section__row {
      border-bottom: 0px none; }
  .filter-panels__comparison-link {
    color: #0076c0;
    margin: 15px 0; }
  .filter-panels__versus {
    font-weight: bold;
    color: #0076c0;
    font-size: 14px; }
  .filter-panels__title {
    font-size: 1.2em;
    align-self: flex-start;
    padding: 35px;
    width: 100%;
    border-bottom: 1px solid rgba(22, 26, 29, 0.1); }
  .filter-panels .button-spinner {
    width: calc(100% - (70px));
    border-top: 1px solid #dcdee0;
    margin-top: 15px; }
    .filter-panels .button-spinner--empty span {
      padding: 0; }
    .filter-panels .button-spinner.pulse {
      animation: shakePulse 2s infinite; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.date-filter {
  text-transform: capitalize; }
  .date-filter .dropdown-value .date-label {
    display: none; }
  .date-filter .dropdown-value .icon-calendar {
    height: 24px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    width: 24px; }
  .date-filter .dropdown {
    width: 350px;
    height: 268px; }
    .date-filter .dropdown .dropdown-view-wrapper {
      overflow: hidden;
      height: 100%; }
    .date-filter .dropdown:before {
      left: 13px; }
    .date-filter .dropdown:after {
      left: 15px; }
    .date-filter .dropdown.calendar-view {
      width: 515px !important;
      height: 445px !important; }
      .date-filter .dropdown.calendar-view .datepicker-container {
        transform: translateX(0);
        opacity: 1;
        transition: opacity 0.8s ease 0.2s, transform 0.5s;
        height: 100%; }
      .date-filter .dropdown.calendar-view .dropdown-options {
        transform: translateX(-290px);
        opacity: 0;
        transition: all 0.5s; }
    .date-filter .dropdown .datepicker-container {
      width: 515px;
      padding: 10px;
      transform: translateX(350px);
      opacity: 0; }
      .date-filter .dropdown .datepicker-container .back-btn {
        position: absolute;
        padding-left: 35px;
        margin-top: 10px; }
        .date-filter .dropdown .datepicker-container .back-btn__arrow {
          border-top: 5px solid;
          border-left: 5px solid;
          width: 25px;
          height: 25px;
          position: absolute;
          left: 0;
          top: -1px;
          transform: scale(0.3) rotate(315deg); }
          .date-filter .dropdown .datepicker-container .back-btn__arrow:before {
            content: ' ';
            display: block;
            width: 50px;
            transform-origin: top left;
            transform: rotate(45deg) translate(0, -2.5px);
            border-top-width: 5px;
            border-top: 5px solid;
            border-left: 5px solid; }
      .date-filter .dropdown .datepicker-container .daterangepicker {
        box-shadow: none;
        border-radius: 0px;
        top: 40px !important;
        left: 0 !important; }
        .date-filter .dropdown .datepicker-container .daterangepicker:after, .date-filter .dropdown .datepicker-container .daterangepicker:before {
          content: none; }
        .date-filter .dropdown .datepicker-container .daterangepicker .cancelBtn {
          display: none !important; }
        .date-filter .dropdown .datepicker-container .daterangepicker .ranges {
          width: 100%;
          margin: 0;
          padding: 0; }
    .date-filter .dropdown .dropdown-options {
      width: 350px;
      float: left;
      transform: translateX(0);
      opacity: 1;
      transition: opacity 0.8s ease 0.2s, transform 0.5s; }
      .date-filter .dropdown .dropdown-options .dropdown-option {
        border: 0px none;
        padding: 8px 16px; }
        .date-filter .dropdown .dropdown-options .dropdown-option.selected {
          font-weight: bold; }
        .date-filter .dropdown .dropdown-options .dropdown-option .date-label {
          color: rgba(0, 0, 0, 0.4);
          float: right; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.currency-filter {
  display: flex;
  cursor: pointer; }
  .currency-filter--item {
    height: 35px;
    width: 80px;
    margin: 10px;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0076c0;
    border-radius: 2px; }
  .currency-filter .filters--dropdown {
    right: 115px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.top-filters {
  display: flex;
  align-items: center;
  grid-column: 1/2;
  justify-content: space-between;
  align-items: flex-start; }
  .top-filters--remaining {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .top-filters--currency-comparison, .top-filters--date-comparison {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    box-shadow: 0px 10px 20px rgba(140, 156, 176, 0.1);
    padding: 0 10px; }
    .top-filters--currency-comparison .versus, .top-filters--date-comparison .versus {
      border-left: 1px solid rgba(22, 26, 29, 0.1);
      border-right: 1px solid rgba(22, 26, 29, 0.1);
      padding: 0 15px;
      margin: 0 15px; }
    .top-filters--currency-comparison .date-filter--primary, .top-filters--date-comparison .date-filter--primary {
      width: 175px; }
    .top-filters--currency-comparison .date-filter--secondary, .top-filters--date-comparison .date-filter--secondary {
      width: 175px; }
      .top-filters--currency-comparison .date-filter--secondary .dropdown, .top-filters--date-comparison .date-filter--secondary .dropdown {
        height: 230px; }
    .top-filters--currency-comparison .date-filter .dropdown, .top-filters--date-comparison .date-filter .dropdown {
      top: 134%; }
  .top-filters--currency-comparison {
    background: #fff url(https://imggaming.s3.amazonaws.com/assets/test/img/icon_down_small.svg) right center no-repeat; }
  .top-filters .custom-dropdown {
    border: 0px none; }
  .top-filters .spinner {
    position: absolute;
    margin: auto;
    bottom: 0;
    left: calc(50% - 12px); }
    .top-filters .spinner .circle:after {
      border-color: transparent #aaa #aaa #aaa; }
  .top-filters .granularity-selected {
    color: #0076c0;
    font-weight: bold;
    margin-left: 10px; }
  .top-filters .toggle-switch {
    margin-left: 10px;
    z-index: 0;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 160px;
    background-color: rgba(170, 170, 170, 0.2);
    border-radius: 4px;
    max-height: 44px; }
    .top-filters .toggle-switch-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
    .top-filters .toggle-switch--button {
      display: inline-block;
      width: 80px;
      height: 42px;
      padding: 10px 0;
      cursor: pointer;
      border-radius: 4px; }
      .top-filters .toggle-switch--button.active {
        cursor: default; }
        .top-filters .toggle-switch--button.active:before {
          color: #0076c0;
          font-weight: bold; }
        .top-filters .toggle-switch--button.active:after {
          background-color: #fff;
          width: 80px;
          height: 100%;
          transition-delay: 300ms; }
        .top-filters .toggle-switch--button.active:first-child:after {
          transform: translateX(0px);
          transition: transform 300ms ease-out; }
        .top-filters .toggle-switch--button.active:last-child:after {
          transform: translateX(0);
          transition: transform 300ms ease-out; }
      .top-filters .toggle-switch--button:after {
        content: '';
        border-radius: 4px;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 0px;
        z-index: 0; }
      .top-filters .toggle-switch--button:before {
        content: attr(title);
        color: #aaa;
        height: 100%;
        width: 80px;
        top: 0;
        left: 0;
        line-height: 42px;
        text-align: center;
        border-radius: 4px;
        display: inline-block;
        position: absolute;
        z-index: 1; }
      .top-filters .toggle-switch--button:first-child:before {
        transform: translateX(0); }
      .top-filters .toggle-switch--button:first-child:after {
        transform: translateX(80px);
        transition: transform 300ms ease-out; }
      .top-filters .toggle-switch--button:last-child:after {
        transform: translateX(-80px);
        transition: transform 300ms ease-out; }
  .top-filters .form-tooltip {
    display: inline-block;
    height: 23px;
    width: 30px;
    margin-left: 10px; }
    .top-filters .form-tooltip .tooltip-icon {
      background: #cecece;
      color: #fff;
      padding-left: 1px; }
    .top-filters .form-tooltip .tooltip {
      width: 405px;
      transform: translateX(-97%); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.business-reporting-page .top-content__highlights {
  display: grid;
  height: 120px;
  background: #fcfcfd;
  grid-template-columns: repeat(4, minmax(auto, 200px));
  align-items: center;
  margin: 0 -30px;
  padding-left: 30px; }

.business-reporting-page .top-content__highlight-chart {
  height: 225px; }

.business-reporting-page .top-content table {
  margin-top: 40px; }
  .business-reporting-page .top-content table tbody tr {
    cursor: pointer;
    transition: box-shadow 0.3s, border-color 0.3s;
    border-left: transparent 4px solid; }
    .business-reporting-page .top-content table tbody tr:hover:not(.top-content__chart-row) {
      font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
      transform: scale(1);
      box-shadow: 0px 0px 8px 2px #ececec9e;
      border-left-color: #0076c0; }
    .business-reporting-page .top-content table tbody tr.odd-row {
      background: #fcfcfd; }
  .business-reporting-page .top-content table td:first-child {
    padding-right: 10px;
    color: #8c9cb0; }

.business-reporting-page .top-content__collapsible-row-button {
  display: inline-block;
  color: #8c9cb0; }
  .business-reporting-page .top-content__collapsible-row-button:after {
    content: '';
    border-top: 5px solid;
    border-left: 5px solid;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: scale(0.2) rotate(225deg);
    top: -15px; }
  .business-reporting-page .top-content__collapsible-row-button--is-open:after {
    transform: scale(0.2) rotate(45deg); }

.business-reporting-page .top-content__chart-row {
  height: 250px; }
  .business-reporting-page .top-content__chart-row.enter {
    opacity: 0;
    height: 0; }
  .business-reporting-page .top-content__chart-row.enter-active {
    opacity: 1;
    transition: opacity 0.3s, height 0.3s;
    height: 250px; }
  .business-reporting-page .top-content__chart-row.exit {
    height: 250px;
    opacity: 1; }
  .business-reporting-page .top-content__chart-row.exit-active {
    height: 0;
    opacity: 0;
    transition: opacity 0.3s, height 0.3s; }

.business-reporting-page .video-details {
  display: flex;
  align-items: center; }
  .business-reporting-page .video-details__thumbnail {
    width: 100px;
    height: 56px;
    margin-right: 20px;
    display: flex;
    opacity: 0;
    transition: opacity 0.5s; }
    .business-reporting-page .video-details__thumbnail--loaded {
      opacity: 1; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.business-reporting-page {
  background: rgba(0, 118, 192, 0.03);
  min-height: calc(100vh - 270px);
  padding: 20px; }

.business-reporting-wrapper {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: minmax(0, 1fr) 305px;
  max-width: 1640px;
  margin: 0 auto; }
  .business-reporting-wrapper .grid-section {
    grid-column: 1/2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px; }
  .business-reporting-wrapper .grid-row {
    display: grid;
    grid-column-gap: 15px;
    margin-top: 20px; }
    .business-reporting-wrapper .grid-row:first-of-type {
      margin: 0; }
    .business-reporting-wrapper .grid-row.col-2 {
      grid-column-gap: 30px;
      grid-row-gap: 40px;
      grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
      grid-gap: 10px; }
    .business-reporting-wrapper .grid-row.col-4 {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      grid-gap: 10px; }
    .business-reporting-wrapper .grid-row.col-5 {
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      grid-gap: 10px; }
  .business-reporting-wrapper .no-data {
    text-align: center;
    padding: 10px 0; }
  .business-reporting-wrapper .table-error {
    padding-top: 20px; }
  .business-reporting-wrapper .export-csv-button {
    position: absolute;
    right: 15px;
    top: 0; }
    .business-reporting-wrapper .export-csv-button:hover svg {
      fill: #111; }
    .business-reporting-wrapper .export-csv-button svg {
      fill: #cccccc;
      transition: fill 0.3s; }
  .business-reporting-wrapper .tabs {
    box-shadow: inset 0px -0.5px 0px rgba(140, 156, 176, 0.3);
    margin: 0 -30px 0 -30px;
    width: calc(100% + 60px);
    line-height: 35px; }
    .business-reporting-wrapper .tabs li:first-child {
      margin-left: 30px; }
    .business-reporting-wrapper .tabs li a {
      padding: 10px 0; }

.business-reporting--split-panels .grid-section__charts > div {
  margin-top: 60px; }

.business-reporting--split-panels .grid-section__column-head {
  font-size: 0.8em;
  background: #0076c0;
  color: #fff;
  padding: 2px 4px;
  border-radius: 2px;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 16px;
  width: fit-content; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.translations:last-child {
  padding-bottom: 150px; }

.translations .list {
  height: 100%; }
  .translations .list .list--head--title,
  .translations .list td {
    text-align: left;
    padding: 8px 24px 8px 0;
    vertical-align: middle; }

.translations .translations__language-selector {
  margin-bottom: 32px; }
  .translations .translations__language-selector li:first-child {
    cursor: default;
    margin: auto 64px; }
  .translations .translations__language-selector li + li a {
    text-transform: uppercase;
    font-weight: bold; }
  .translations .translations__language-selector .active {
    color: #0076c0; }

.translations .translations__header {
  padding: 0 64px;
  margin-bottom: 32px; }
  .translations .translations__header input {
    margin: 0; }

.translations .translations__selected-lang {
  color: #0076c0;
  font-weight: bold; }

.translations .translations__group-header {
  color: #000;
  font-size: 1.1em;
  margin-left: 64px;
  text-transform: uppercase; }
  .translations .translations__group-header h2 {
    font-size: 16px;
    line-height: 38px;
    letter-spacing: 1px;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif; }
  .translations .translations__group-header .icon {
    margin-right: 16px; }
  .translations .translations__group-header.active .icon-chevron-down {
    display: none; }
  .translations .translations__group-header:not(.active) .icon-chevron-up {
    display: none; }
  .translations .translations__group-header > td {
    padding: 16px; }

.translations .translations__list {
  table-layout: fixed;
  width: 100%;
  /* overwrite overly specific style from css framework */ }
  .translations .translations__list th:first-child,
  .translations .translations__list td:first-child {
    padding-left: 64px !important; }
  .translations .translations__list th {
    font-weight: bold;
    border-top: 1px solid #e6e9ea;
    text-transform: uppercase; }
  .translations .translations__list tr:nth-child(odd) td {
    background-color: rgba(0, 118, 192, 0.03); }
  .translations .translations__list tr.translations__group-header td {
    background-color: #fff;
    font-size: 1.3em;
    letter-spacing: 1px;
    border-bottom: 1px solid #e6e9ea; }
  .translations .translations__list tr:before,
  .translations .translations__list tr:after {
    display: none !important; }
  .translations .translations__list select {
    opacity: 0;
    transition: 0.5s ease opacity; }
    .translations .translations__list select:focus {
      opacity: 1; }
  .translations .translations__list button {
    opacity: 0; }
    .translations .translations__list button:focus {
      opacity: 1; }
  .translations .translations__list tr:hover button,
  .translations .translations__list tr:hover select {
    opacity: 1; }

.translation-list {
  display: flex; }
  .translation-list__sidebar {
    flex: 0 0 300px;
    padding: 0 12px; }
    .translation-list__sidebar li {
      cursor: pointer;
      padding: 4px 8px; }
  .translation-list__refiner .selected {
    font-weight: bold; }
  .translation-list__content {
    padding-left: 30px; }
    .translation-list__content h1 {
      margin-top: 20px; }

.translation dl {
  margin: 8px 16px; }

.translation dt {
  float: left;
  font-weight: bold;
  padding: 0 8px;
  text-align: right;
  width: 60px; }

.translation__key .icon-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer; }

.translation__label-value {
  display: inline-block;
  line-height: 1.5em; }

.translation__label-input {
  width: 100%;
  height: 1em;
  margin: 0;
  min-height: 100%;
  max-width: 400px;
  padding: 14px 16px;
  font-size: 1em;
  line-height: 1.3em;
  border: 1px solid #e6e9ea;
  resize: none; }

@-moz-document url-prefix() {
  .translation__label-input {
    height: 100%; } }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .translation__label-input {
        height: 100%; } } }

.translation__key-input-wrapper {
  padding-right: 20px; }
  .translation__key-input-wrapper input {
    width: 100%;
    margin: 8px 0;
    padding-right: 16px;
    border: 1px solid rgba(231, 74, 81, 0.6); }
  .translation__key-input-wrapper .tooltip {
    right: -16px;
    top: -30px;
    line-height: 1.8em;
    white-space: nowrap; }
    .translation__key-input-wrapper .tooltip:after {
      right: 15px; }
    .translation__key-input-wrapper .tooltip--trigger {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(231, 74, 81, 0.7); }

.translation--with-changes input,
.translation--with-changes textarea {
  border: 1px solid #3ec55e; }

.translation--with-error input {
  border: 1px solid rgba(231, 74, 81, 0.6); }

.translation:hover .translation__key .icon-close {
  opacity: 1; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-family-page {
  background-color: #f6f6f7;
  min-height: 60vh; }

.licence-family-list {
  max-width: 90%;
  margin: auto;
  padding: 10px 0; }
  .licence-family-list .table {
    padding: 0 20px; }
    .licence-family-list .table tbody tr:hover {
      background-color: #ffffff;
      box-shadow: 0 0 5px 2px #ddd; }
      .licence-family-list .table tbody tr:hover td:first-child {
        box-shadow: inset 2px 0 0 #0076c0; }
    .licence-family-list .table tr th {
      font-size: 1em;
      font-weight: bold;
      color: rgba(0, 27, 45, 0.6); }
      .licence-family-list .table tr th:first-child {
        padding-left: 20px; }
      .licence-family-list .table tr th:last-child {
        padding: 0;
        text-align: center; }
    .licence-family-list .table tr td {
      cursor: pointer; }
      .licence-family-list .table tr td:first-child {
        box-shadow: none; }
      .licence-family-list .table tr td:last-child {
        padding: 0;
        text-align: center; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-family-editor {
  padding-top: 50px;
  min-height: 60vh;
  background-color: #f6f6f7; }
  .licence-family-editor .error-text {
    color: #e74a51; }
    .licence-family-editor .error-text::first-letter {
      text-transform: uppercase; }
  .licence-family-editor__title {
    text-transform: capitalize; }
  .licence-family-editor__button {
    display: grid;
    grid-template-columns: auto 100px 80% auto;
    align-content: stretch;
    justify-content: stretch;
    min-height: 80px;
    margin-bottom: 25px;
    margin-bottom: 0; }
    .licence-family-editor__button > :first-child {
      grid-column: 2 / 4;
      justify-self: left;
      display: grid;
      align-items: center;
      grid-gap: 20px;
      grid-template-columns: 1fr; }
      @media (min-width: 480px) {
        .licence-family-editor__button > :first-child {
          grid-template-columns: 1fr 3fr; } }
    .licence-family-editor__button .button-spinner > span {
      padding: 0; }
  .licence-family-editor__members {
    width: 85%;
    margin: 20px auto; }
    .licence-family-editor__members .members {
      display: grid;
      grid-template-columns: repeat(3, minmax(60px, auto));
      grid-auto-rows: auto;
      width: 50%; }
      .licence-family-editor__members .members > span {
        padding-left: 10px;
        height: 30px; }
      .licence-family-editor__members .members .header-row {
        display: inline-block;
        font-size: 0.65em;
        font-weight: bold;
        letter-spacing: 1.2px;
        margin-right: 12px;
        text-transform: uppercase; }
      .licence-family-editor__members .members .even-row {
        background-color: #fff; }
  .licence-family-editor > :last-child {
    padding-bottom: 50px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.country-selector {
  border: 1px solid #dcdee0;
  display: flex;
  flex-wrap: wrap; }
  .country-selector__header {
    border-bottom: 1px solid #dcdee0;
    display: flex;
    justify-content: flex-end;
    flex: 0 0 100%; }
    .country-selector__header input {
      margin: 8px;
      width: 300px; }
  .country-selector__sidebar {
    border-right: 1px solid #dcdee0;
    flex: 1 1 30%; }
  .country-selector__continents {
    border-bottom: 1px solid #dcdee0;
    padding: 16px 32px;
    cursor: pointer;
    user-select: none; }
    .country-selector__continents li {
      padding: 6px 0; }
      .country-selector__continents li.active {
        font-weight: bold; }
  .country-selector__selected {
    background-color: #f8fafc;
    cursor: pointer;
    padding: 16px 0 16px 32px; }
    .country-selector__selected ul {
      height: 81px;
      overflow-y: scroll; }
    .country-selector__selected li {
      padding: 2px 0; }
      .country-selector__selected li.active {
        font-weight: bold; }
  .country-selector__description {
    font-weight: bold;
    font-size: 0.9em;
    margin: 8px 0;
    text-transform: uppercase; }
  .country-selector__bulk {
    position: absolute;
    background-color: #ffffff;
    padding: 0 15px 5px 15px;
    right: 10px;
    top: 10px;
    z-index: 1; }
    .country-selector__bulk a {
      color: #008ce4; }
  .country-selector__options-container {
    flex: 1 1 70%; }
    .country-selector__options-container .checkbox {
      float: left;
      margin: 0 16px; }
      .country-selector__options-container .checkbox label {
        display: block;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px; }
  .country-selector__options {
    overflow-y: scroll;
    height: 454px; }
  .country-selector .radio {
    display: flex;
    width: 50%;
    justify-content: flex-end; }
    .country-selector .radio label {
      margin: 16px;
      align-self: flex-end; }
      .country-selector .radio label:empty {
        padding-left: 0; }

.popin--container.country-selector-modal .popin .modal-body {
  padding: 0; }

.device--icon {
  background-size: cover;
  height: 25px;
  width: 25px;
  margin-right: 20px; }
  .device--icon--inline {
    display: inline-block; }
  .device--icon.default-icon, .device--icon.browser-icon, .device--icon.server-icon, .device--icon.ios-icon, .device--icon.tv-icon {
    width: 3em;
    height: 3em;
    margin-right: 0; }
  .device--icon.default-icon {
    background-image: url(/ace891ba2a77e809006d534ab92492a8.png); }
  .device--icon.android-icon {
    background-image: url(/aa693eefc427edfcaa1dc25992b39005.png); }
  .device--icon.androidtv-icon {
    background-image: url(/7fe51958cc8711d388c470287a62dcc8.png); }
  .device--icon.browser-icon {
    background-image: url(/ace891ba2a77e809006d534ab92492a8.png); }
  .device--icon.server-icon {
    background-image: url(/0c4c0246c4d1d07bbe28f02e5765d5ae.png); }
  .device--icon.ios-icon {
    background-image: url(/b3aacc4b9fdae734246ba00d72b88c88.png); }
  .device--icon.tv-icon {
    background-image: url(/914bb10999578896080607442934b21f.png); }
  .device--icon.appletv-icon {
    background-image: url(/643f173fed24fee199a1f0f074104068.png); }
  .device--icon.chromecast-icon {
    background-image: url(/d254cb0a64ab31ba044879452bb60296.png); }
  .device--icon.fire-icon {
    background-image: url(/e28b506702e6c1b27464e102f5da94ae.png); }
  .device--icon.roku-icon {
    background-image: url(/30f4403a62d386aa562da6d4fd72d581.png); }
  .device--icon.playstation-icon {
    background-image: url(/39b40427d9dc5b3e30cb34f47fa62740.png); }
  .device--icon.xbox-icon {
    background-image: url(/b08287bd24800ef142c340f5aa4a4340.png); }
  .device--icon.panasonic-icon {
    background-image: url(/c2660889f715003c9887fdc2e9767baf.png); }
  .device--icon.samsung-icon {
    background-image: url(/3ce2f6e68c18b6123651b109e0d49e6c.png); }
  .device--icon.lg-icon {
    background-image: url(/9565f241fde92f9e9b65145f0b179970.png); }

.form-section .button--wrapper {
  display: flex;
  margin-bottom: 4px; }
  .form-section .button--wrapper button {
    margin-left: 20px;
    height: 90%; }

.form-section .flex {
  display: flex; }

.form-section .bottom {
  margin-bottom: 20px; }

.form-section .left {
  margin-left: 10px; }

.form-section span p {
  color: #c12126;
  font-size: 0.6rem; }

.form-section span i {
  color: #008ce4;
  font-size: 0.6rem; }
  .form-section span i:hover {
    cursor: pointer; }

.form-section .number--input {
  min-width: 0px;
  height: 10px;
  width: 80px;
  margin-right: 30px; }
  .form-section .number--input.limit {
    margin-top: 17px;
    margin-right: 20px; }

.form-section .currency {
  width: 80px;
  height: 31px;
  margin-top: 17px; }

.form-section .center {
  margin-top: 10px; }

.form-section .column {
  display: flex;
  flex-direction: column; }
  .form-section .column .check-container {
    min-width: 120px; }

.form-section .minutes {
  font-size: 13px;
  line-height: 60px;
  margin-left: 10px;
  margin-top: 3px; }

.form-section .border-wrap {
  border-bottom: 2px solid #e6e9ea; }
  .form-section .border-wrap .check-wrapper {
    display: flex;
    height: 45px; }
  .form-section .border-wrap .span--small {
    margin: 0 20px;
    font-size: 0.8rem; }
  .form-section .border-wrap .playback {
    display: flex;
    margin-top: 10px; }
    .form-section .border-wrap .playback .checkbox {
      padding-left: 40px; }

.form-section .margin {
  margin-bottom: 15px; }

.form-section .selected {
  color: #008ce4; }

.form-section .host .tag-item {
  height: 20px;
  line-height: 16px;
  background: #0076c0;
  color: #ffffff;
  border-radius: 20px;
  font-weight: bold;
  margin-top: 5px; }
  .form-section .host .tag-item a {
    color: #ffffff; }

.form-section .host .tags {
  outline: none;
  box-shadow: none; }

.toolbar {
  display: flex;
  justify-content: space-between; }
  .toolbar label {
    margin-left: 30px; }
  .toolbar .custom-dropdown {
    width: 150px;
    margin: 12px 0; }
  .toolbar .flex {
    display: flex; }

.card__title {
  font-size: 1.2em;
  text-align: center;
  color: #0b0d0f; }

.accordion {
  margin: 16px 0 0 0; }
  .accordion__title {
    text-transform: uppercase; }
  .accordion__preview {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #637583; }
  .accordion__contents {
    display: none;
    padding: 12px; }

#licence-list {
  background-color: rgba(0, 118, 192, 0.03); }

.licences-page {
  background: rgba(0, 118, 192, 0.03);
  min-height: calc(100vh - 270px); }

.licences-header__content {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .licences-header__content .custom-dropdown {
    height: 32px;
    margin: 0;
    width: 140px; }
    .licences-header__content .custom-dropdown .dropdown-value {
      height: 32px;
      line-height: 30px; }
    .licences-header__content .custom-dropdown li {
      padding: 8px;
      transition: background 0.3s ease; }
      .licences-header__content .custom-dropdown li:hover {
        background: rgba(0, 118, 192, 0.1); }
      .licences-header__content .custom-dropdown li .checkbox label {
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 32px;
        width: 100%; }
        .licences-header__content .custom-dropdown li .checkbox label:before {
          bottom: 5px;
          left: auto;
          right: 12px; }

.licences-header .tabs li a {
  padding: 24px; }

.licences-count, .licences-filters {
  line-height: 30px;
  padding: 15px 0; }

.licences-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px; }
  .licences-search input[type='text'] {
    height: 40px;
    border-radius: 20px;
    background-color: #f6f6f7;
    padding: 0 35px 0 46px;
    margin: 0;
    border: none;
    font-size: 0.85em; }
  .licences-search__icon {
    position: absolute;
    background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    left: 20px;
    opacity: 0.3;
    z-index: 1; }
  .licences-search__clear {
    cursor: pointer;
    font-size: 0.7em;
    right: 12%;
    opacity: 0.3;
    transition: opacity 0.2s ease; }
    .licences-search__clear:hover {
      opacity: 0.8; }

.licences-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  grid-gap: 1.5rem;
  justify-content: center; }
  .licences-group .notifications--empty {
    padding: 20px 0; }

.licences-count {
  font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
  font-size: 1.2em;
  width: 200px; }

.licence-list {
  margin: auto;
  max-width: 90%; }
  .licence-list__title {
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 25px;
    text-transform: uppercase;
    width: 100%; }
  .licence-list__count {
    color: #2ecc40; }
  .licence-list .loading-indicator {
    width: 100%; }

.licence-card {
  color: #999999;
  padding: 24px 16px 0 16px;
  background-color: #fff;
  margin: 15px;
  border-radius: 2px;
  box-shadow: 0px 0px 5px 2px #ddd;
  display: flex;
  float: left;
  flex-wrap: wrap;
  flex: 0 0 280px;
  justify-content: center;
  border-bottom: 2px solid #fff;
  transition: 0.5s ease;
  height: 320px;
  max-width: 300px; }
  .licence-card--active, .licence-card:hover {
    color: #161a1d; }
    .licence-card--active .licence-card__title, .licence-card--active .licence-card__data, .licence-card:hover .licence-card__title, .licence-card:hover .licence-card__data {
      color: #161a1d; }
    .licence-card--active .licence-card__icon, .licence-card:hover .licence-card__icon {
      opacity: 1; }
  .licence-card--active .licence-card__status {
    color: #2ecc40; }
  .licence-card:hover {
    box-shadow: 0px 0px 2px 2px #e5e5e5;
    transform: scale(1.05);
    z-index: 1; }
  .licence-card--focus {
    border-bottom: 2px solid #0076c0; }
  .licence-card__title {
    color: #999999;
    font-size: 1.2em;
    display: block;
    flex: 1 0 80%;
    text-align: center;
    line-height: 1em;
    margin: 20px 20px 0;
    padding-top: 10px; }
  .licence-card__label {
    color: rgba(0, 27, 45, 0.4);
    text-align: center;
    margin: 8px 0;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 800;
    letter-spacing: 1.2px; }
  .licence-card__footer {
    width: 100%; }
  .licence-card__data {
    color: #999999;
    flex: 0 0 32%;
    text-align: center;
    margin: 8px 0; }
    .licence-card__data--recurrence {
      font-size: 0.8em; }
    .licence-card__data--price, .licence-card__data--iap {
      font-weight: bold; }
    .licence-card__data--container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%; }
      .licence-card__data--container > div {
        display: flex;
        justify-content: space-evenly;
        width: 90%; }
  .licence-card .expandable-link-list, .licence-card__meta {
    position: absolute;
    top: 10px;
    right: 10px; }
  .licence-card .expandable-link-list {
    display: none; }
  .licence-card:hover .expandable-link-list {
    display: block; }
  .licence-card:hover .licence-card__meta {
    display: none; }
  .licence-card__date {
    color: #999999;
    font-size: 0.9em;
    flex: 1 0 100%;
    text-align: center; }
  .licence-card__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    opacity: 0.3;
    width: 18px; }
    .licence-card__icon-subscription {
      background-image: url(/83d7700d59c9d788e2adba0d237f9d72.svg); }
    .licence-card__icon-ppv {
      background-image: url(/fde88e887419723ca1fd627eebc4a180.svg);
      height: 26px;
      width: 26px; }
    .licence-card__icon-rental {
      background-image: url(/9e3d1671bb8ef982f6f63f7318a94858.png);
      height: 24px;
      width: 24px; }
    .licence-card__icon-cross {
      background-image: url(/c152dac2940743abfec9bfb194f2cc95.svg); }
    .licence-card__icon-tick {
      background-image: url(/fcc75f47619d66921264f3a2a2d0fcdc.svg); }
    .licence-card__icon-purchase-on, .licence-card__icon-purchase-off {
      height: 26px;
      position: relative;
      top: -1px;
      width: 26px; }
    .licence-card__icon-purchase-on {
      background-image: url(/68e30a3d70789c7ce4459ef81c8687d2.png); }
    .licence-card__icon-purchase-off {
      background-image: url(/8ee26c6a8eafb63d7df6d1cc0ebd0d95.png); }
  .licence-card__status {
    font-weight: bold;
    text-transform: uppercase; }
  .licence-card__meta {
    color: #0076c0;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 1px; }
  .licence-card .tooltip {
    right: 50%;
    transform: translateX(50%);
    white-space: nowrap; }
    .licence-card .tooltip:after {
      right: 50%;
      transform: translateX(50%); }
  .licence-card--fade-enter {
    opacity: 0;
    transition: opacity 1s ease; }
    .licence-card--fade-enter:nth-child(1) {
      transition-delay: 200ms; }
    .licence-card--fade-enter:nth-child(2) {
      transition-delay: 300ms; }
    .licence-card--fade-enter:nth-child(3) {
      transition-delay: 400ms; }
    .licence-card--fade-enter:nth-child(4) {
      transition-delay: 500ms; }
    .licence-card--fade-enter:nth-child(5) {
      transition-delay: 600ms; }
    .licence-card--fade-enter:nth-child(6) {
      transition-delay: 700ms; }
    .licence-card--fade-enter:nth-child(7) {
      transition-delay: 800ms; }
    .licence-card--fade-enter:nth-child(8) {
      transition-delay: 900ms; }
    .licence-card--fade-enter:nth-child(9) {
      transition-delay: 1000ms; }
    .licence-card--fade-enter:nth-child(10) {
      transition-delay: 1100ms; }
    .licence-card--fade-enter:nth-child(11) {
      transition-delay: 1200ms; }
    .licence-card--fade-enter:nth-child(12) {
      transition-delay: 1300ms; }
    .licence-card--fade-enter:nth-child(13) {
      transition-delay: 1400ms; }
    .licence-card--fade-enter:nth-child(14) {
      transition-delay: 1500ms; }
    .licence-card--fade-enter:nth-child(15) {
      transition-delay: 1600ms; }
    .licence-card--fade-enter:nth-child(16) {
      transition-delay: 1700ms; }
    .licence-card--fade-enter:nth-child(17) {
      transition-delay: 1800ms; }
    .licence-card--fade-enter:nth-child(18) {
      transition-delay: 1900ms; }
    .licence-card--fade-enter:nth-child(19) {
      transition-delay: 2000ms; }
    .licence-card--fade-enter:nth-child(20) {
      transition-delay: 2100ms; }
    .licence-card--fade-enter-active {
      opacity: 1; }
  .licence-card--fade-exit {
    opacity: 0;
    transition: none; }

.licence-creator {
  margin: 0 auto;
  padding-top: 50px;
  padding-left: 60px; }
  .licence-creator__text {
    width: 30%;
    margin-right: 3%; }
    .licence-creator__text--small {
      width: unset; }
    .licence-creator__text--large {
      width: 100%; }
    .licence-creator__text.licence-creator__number--with-unit {
      display: inline-block;
      margin-right: 12px;
      min-width: 75px;
      width: 75px; }
  .licence-creator__content-title {
    display: inline-block;
    margin-right: 15px; }
  .licence-creator__add {
    background-color: #fff;
    color: #cecece;
    border: 1px solid #cecece;
    width: 24px;
    padding: 0;
    margin: 0;
    height: 24px;
    border-radius: 30px;
    min-width: 0;
    display: inline-block; }
  .licence-creator__description {
    font-size: 0.8em;
    color: #999999; }
  .licence-creator__form {
    width: 720px; }
    .licence-creator__form h2 {
      margin: 16px 0; }
  .licence-creator__button {
    margin: 32px 0;
    min-width: 180px; }
  .licence-creator__section-title {
    font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 1.5em;
    margin-bottom: 15px; }
  .licence-creator__section {
    padding: 20px 0 20px 32px;
    border-left: 1px solid rgba(22, 26, 29, 0.15); }
  .licence-creator__iap-selector .checkbox {
    margin-top: 10px;
    min-height: 55px; }
  .licence-creator__iap-selector input[type='text'] {
    margin-bottom: 0; }
  .licence-creator__iap-selector .iap-label {
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px; }
  .licence-creator__device-selector {
    width: 50%; }
    .licence-creator__device-selector .options {
      display: flex;
      flex-wrap: wrap; }
      .licence-creator__device-selector .options h2 {
        flex-basis: 100%; }
      .licence-creator__device-selector .options .checkbox {
        flex: 1 1 33%; }
        .licence-creator__device-selector .options .checkbox label {
          font-weight: normal;
          font-size: 1em;
          text-transform: none; }
  .licence-creator__unit-label {
    display: inline; }
  .licence-creator .price-selector {
    width: 60%; }
    .licence-creator .price-selector__row-btn {
      background: #fff;
      border: 1px solid rgba(22, 26, 29, 0.2);
      border-radius: 50%;
      color: rgba(22, 26, 29, 0.45);
      font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
      font-size: 1.5em;
      height: 40px;
      margin-top: 20px;
      min-width: auto;
      padding: 0;
      width: 40px; }
      .licence-creator .price-selector__row-btn--smaller {
        font-size: 1em;
        height: 25px;
        width: 25px; }
  .licence-creator .input-header {
    color: rgba(22, 26, 29, 0.7);
    display: inline-block;
    font-family: "Roboto", "Roboto-Regular", sans-serif;
    font-size: 0.65em;
    font-weight: bold;
    letter-spacing: 1.2px;
    margin-right: 12px;
    text-transform: uppercase; }
  .licence-creator .radio-section .radio-label {
    display: inline-block;
    position: static;
    margin: 0 20px 0 10px;
    font-size: 1em;
    font-weight: 300;
    text-transform: none; }
  .licence-creator .radio-section .children {
    padding: 15px; }
  .licence-creator .radio-section .radio {
    display: inline-block; }
  .licence-creator .radio-section > .input-header {
    display: block;
    margin-bottom: 15px; }
  .licence-creator select {
    padding: 0 32px 0 16px; }
  .licence-creator .step-2__daterange {
    display: flex; }
    .licence-creator .step-2__daterange .daterange-section {
      flex: 0 0 30%;
      margin-right: 3%; }
      .licence-creator .step-2__daterange .daterange-section input {
        width: 100%; }
  .licence-creator .tag-list {
    display: flex;
    width: 33%;
    flex-wrap: wrap; }
    .licence-creator .tag-list .badge {
      margin: 2px 5px 5px 5px; }
      .licence-creator .tag-list .badge .remove-button {
        padding-left: 10px;
        font-weight: bold;
        font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif; }
  .licence-creator .disabled-section {
    opacity: 0.5;
    pointer-events: none;
    user-select: none; }

.step-section:not(:last-child) {
  margin-bottom: 45px; }

.step-section h2 {
  font-size: 1.2em; }

.step-section__step-number {
  color: #0076c0;
  font-weight: bold; }

.step-section .error-text {
  color: #e74a51; }

.grouped-dropdown li > span {
  display: block;
  padding: 6px;
  font-weight: bold; }

.grouped-dropdown li > a > .icon {
  margin-right: 8px; }

.grouped-dropdown.custom-dropdown .dropdown li:hover a {
  background: none;
  color: inherit;
  box-shadow: none; }

.grouped-dropdown.custom-dropdown .dropdown li:hover > a {
  color: #0076c0; }

.licence-section--modified .input-header {
  color: #2dc000; }
  .licence-section--modified .input-header:after {
    content: ' (EDITED) '; }

.image-section__upload {
  background-color: #e6e9ea;
  padding: 16px 8px; }
  .image-section__upload p {
    font-weight: bold; }
  .image-section__upload span {
    font-style: italic; }
  .image-section__upload button {
    float: right; }

.cta-section {
  padding-top: 16px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-availability-section__preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px; }
  .licence-availability-section__preview p {
    line-height: 2; }
  .licence-availability-section__preview .availability-range {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 15px; }
    .licence-availability-section__preview .availability-range__date {
      padding-bottom: 30px; }
    @media (min-width: 480px) {
      .licence-availability-section__preview .availability-range {
        grid-template-columns: repeat(2, 1fr); }
        .licence-availability-section__preview .availability-range__date {
          padding-bottom: inherit; } }
  @media (min-width: 992px) {
    .licence-availability-section__preview {
      grid-template-columns: repeat(2, 1fr); } }
  .licence-availability-section__preview > :nth-child(3) {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 40px;
    grid-auto-rows: auto; }
    .licence-availability-section__preview > :nth-child(3) > :last-child {
      display: grid;
      grid-template-columns: repeat(1, 1fr); }
      @media (min-width: 480px) {
        .licence-availability-section__preview > :nth-child(3) > :last-child {
          grid-template-columns: repeat(3, 1fr); } }
      @media (min-width: 1200px) {
        .licence-availability-section__preview > :nth-child(3) > :last-child {
          grid-template-columns: repeat(4, 1fr); } }
  .licence-availability-section__preview > :nth-child(4) {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 40px;
    grid-auto-rows: auto; }
    .licence-availability-section__preview > :nth-child(4) > :last-child {
      display: grid;
      grid-template-columns: repeat(3, 1fr); }
      @media (min-width: 480px) {
        .licence-availability-section__preview > :nth-child(4) > :last-child {
          grid-template-columns: repeat(12, 1fr); } }

.licence-availability-section__edit {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  @media (min-width: 768px) {
    .licence-availability-section__edit {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 992px) {
    .licence-availability-section__edit {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1200px) {
    .licence-availability-section__edit {
      grid-template-columns: repeat(4, 1fr); } }
  .licence-availability-section__edit .daterange-section input {
    min-width: 280px;
    text-align: center; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-content-section-preview .restricted {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px; }
  .licence-content-section-preview .restricted .list {
    padding: 10px 0; }
  @media (min-width: 480px) {
    .licence-content-section-preview .restricted {
      grid-template-columns: repeat(3, 1fr);
      align-items: inherit;
      padding-left: unset; } }
  @media (min-width: 768px) {
    .licence-content-section-preview .restricted {
      grid-template-columns: repeat(5, 1fr); } }

.licence-content-section-preview .unrestricted {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px;
  padding-bottom: 15px; }
  @media (min-width: 480px) {
    .licence-content-section-preview .unrestricted {
      grid-template-columns: repeat(2, 1fr);
      align-items: inherit;
      padding-left: unset; } }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-family-section .members {
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(105px, auto));
  grid-auto-rows: auto;
  width: 100%; }
  @media (min-width: 1200px) {
    .licence-family-section .members {
      width: 50%; } }
  .licence-family-section .members > .even-row {
    background-color: #f7f8f8; }
  .licence-family-section .members .header-row,
  .licence-family-section .members .content-row {
    min-width: 80px;
    height: auto;
    padding: 8px 4px; }
    .licence-family-section .members .header-row--current,
    .licence-family-section .members .content-row--current {
      font-weight: 900; }
  .licence-family-section .members .header-row {
    padding: 20px 10px; }
  .licence-family-section .members .content-row {
    padding-left: 20px; }

.licence-family-section .custom-dropdown {
  max-width: 400px; }

.licence-family-section input.dropdown-search {
  padding-bottom: 60px;
  width: 100%; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-deck {
  width: 350px; }
  .licence-deck__title {
    color: #0076c0;
    font-size: 1em;
    letter-spacing: 1.5px;
    margin: 16px 0;
    text-align: center;
    text-transform: uppercase; }

.licence-deck-preview {
  border: 1px solid #cecece;
  box-sizing: border-box;
  height: 420px;
  width: 100%; }
  .licence-deck-preview > h1 {
    margin: 16px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1.6em; }
  .licence-deck-preview__price {
    background-color: #0076c0;
    color: #fff;
    padding: 12px;
    text-align: center; }
  .licence-deck-preview__contents {
    padding: 16px; }
    .licence-deck-preview__contents p {
      margin: 0 0 16px 0; }
    .licence-deck-preview__contents ul {
      list-style-type: circle;
      margin-left: 32px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-metadata-section__preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px; }
  .licence-metadata-section__preview p {
    line-height: 1.6; }
  @media (min-width: 992px) {
    .licence-metadata-section__preview {
      grid-template-columns: 1fr 2fr; } }

.licence-metadata-section__edit {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  overflow-x: scroll;
  margin-top: 30px; }
  @media (min-width: 480px) {
    .licence-metadata-section__edit {
      overflow-x: unset; } }
  @media (min-width: 992px) {
    .licence-metadata-section__edit {
      grid-template-columns: 2fr 1fr; } }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-pricing-section__preview {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow-x: auto; }
  @media (min-width: 1200px) {
    .licence-pricing-section__preview {
      grid-template-columns: repeat(3, 1fr); } }
  .licence-pricing-section__preview > :first-child {
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(105px, auto)) minmax(125px, auto);
    grid-auto-rows: auto;
    grid-column: 1 / 4; }
    .licence-pricing-section__preview > :first-child > .even-row {
      background-color: #f7f8f8; }
    .licence-pricing-section__preview > :first-child .header-row,
    .licence-pricing-section__preview > :first-child .content-row {
      min-width: 80px;
      height: auto;
      padding: 8px 4px; }
    .licence-pricing-section__preview > :first-child .header-row {
      padding: 20px 10px; }
    .licence-pricing-section__preview > :first-child .content-row {
      padding-left: 20px; }

.licence-pricing-section__edit {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow-x: auto;
  margin-right: 50px;
  padding-bottom: 20px; }
  .licence-pricing-section__edit select {
    min-width: 160px; }
  .licence-pricing-section__edit input {
    width: 80px; }
  @media (min-width: 1200px) {
    .licence-pricing-section__edit {
      grid-template-columns: repeat(3, 1fr); }
      .licence-pricing-section__edit :first-child {
        grid-column: 1/3; } }
  .licence-pricing-section__edit .price-selector__row-btn {
    background: #fff;
    border: 1px solid rgba(22, 26, 29, 0.2);
    border-radius: 50%;
    color: rgba(22, 26, 29, 0.45);
    font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 1.5em;
    padding: 0;
    height: 40px;
    margin-top: 20px;
    min-width: auto;
    width: 40px; }
    .licence-pricing-section__edit .price-selector__row-btn--smaller {
      font-size: 1em;
      height: 25px;
      width: 25px; }
  .licence-pricing-section__edit a {
    color: #008ce4; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-restrictions-section__preview {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: start;
  grid-gap: 20px; }
  .licence-restrictions-section__preview > :first-child {
    grid-column: unset;
    width: 200px; }
    @media (min-width: 480px) {
      .licence-restrictions-section__preview > :first-child {
        width: inherit; } }
  .licence-restrictions-section__preview > :nth-child(2) {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 40px;
    grid-auto-rows: auto; }
    .licence-restrictions-section__preview > :nth-child(2) > :last-child {
      display: grid;
      grid-template-columns: repeat(1, 1fr); }
      @media (min-width: 480px) {
        .licence-restrictions-section__preview > :nth-child(2) > :last-child {
          grid-template-columns: repeat(3, 1fr); } }
      @media (min-width: 1200px) {
        .licence-restrictions-section__preview > :nth-child(2) > :last-child {
          grid-template-columns: repeat(4, 1fr); } }
  .licence-restrictions-section__preview > :nth-child(3) {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 40px;
    grid-auto-rows: auto; }
    .licence-restrictions-section__preview > :nth-child(3) > :last-child {
      display: grid;
      grid-template-columns: repeat(3, 1fr); }
      @media (min-width: 480px) {
        .licence-restrictions-section__preview > :nth-child(3) > :last-child {
          grid-template-columns: repeat(12, 1fr); } }
  @media (min-width: 992px) {
    .licence-restrictions-section__preview {
      grid-template-columns: repeat(2, 1fr); }
      .licence-restrictions-section__preview > :first-child {
        grid-column: span 2; } }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-type-section__preview {
  display: grid;
  grid-template-columns: 1fr; }
  .licence-type-section__preview p {
    line-height: 2; }
  @media (min-width: 992px) {
    .licence-type-section__preview {
      grid-template-columns: 1fr 3fr; } }

.licence-type-section__iap-code {
  display: flex;
  align-items: center; }
  .licence-type-section__iap-code__remove.row-btn.row-btn--smaller {
    top: 3px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.changeset {
  display: grid;
  grid-column: 2;
  grid-template-columns: 1fr; }
  .changeset__property {
    color: rgba(0, 27, 45, 0.6);
    font-family: "Roboto-Medium", "Roboto-Regular", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    display: inline-block;
    padding-right: 8px;
    font-size: 0.7em; }
  .changeset__entry {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'label label' 'old   new';
    border-radius: 5px;
    padding: 5px 20px; }
    @media (min-width: 992px) {
      .changeset__entry {
        grid-template-columns: 2fr 1fr 2fr;
        grid-template-areas: 'old label new'; } }
  .changeset__even {
    background-color: #f7f8f8; }
  .changeset__old {
    text-align: right;
    color: #ff4136;
    grid-area: old;
    padding: 0 10px;
    overflow: auto; }
  .changeset__label {
    font-weight: 900;
    justify-self: center;
    align-self: center;
    text-align: center;
    height: auto;
    color: #333333;
    letter-spacing: 1.4px;
    font-size: 0.85rem;
    grid-area: label;
    padding: 0 10px; }
    @media (min-width: 992px) {
      .changeset__label {
        justify-items: end; } }
  .changeset__new {
    color: #3ec55e;
    grid-area: new;
    padding: 0 10px;
    overflow: auto; }
  .changeset__header {
    text-align: center; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.licence-editor-modal {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'changeset' 'deck';
  justify-content: center;
  justify-items: center;
  overflow: auto; }
  @media (min-width: 1690px) {
    .licence-editor-modal {
      grid-template-columns: 2fr 1fr;
      grid-template-areas: 'changeset deck'; } }
  .licence-editor-modal__change-set {
    grid-area: changeset; }
  .licence-editor-modal__deck {
    grid-area: deck;
    padding: 20px 0; }
  .licence-editor-modal--new {
    grid-template-areas: 'deck'; }
    @media (min-width: 1690px) {
      .licence-editor-modal--new {
        grid-template-columns: 1fr;
        grid-template-areas: 'deck'; } }
    .licence-editor-modal--new .licence-editor-modal__change-set {
      grid-area: unset; }

.licence-editor {
  padding-top: 50px;
  background-color: #f6f6f7; }
  .licence-editor .error-text {
    color: #e74a51; }
    .licence-editor .error-text::first-letter {
      text-transform: uppercase; }
  .licence-editor__title {
    text-transform: capitalize; }
  .licence-editor__button {
    display: grid;
    grid-template-columns: auto 100px 80% auto;
    align-content: stretch;
    justify-content: stretch;
    min-height: 80px;
    margin-bottom: 25px;
    margin-bottom: 0; }
    .licence-editor__button > :first-child {
      grid-column: 2 / 4;
      justify-self: left;
      display: grid;
      align-items: center;
      grid-gap: 20px;
      grid-template-columns: 1fr; }
      @media (min-width: 480px) {
        .licence-editor__button > :first-child {
          grid-template-columns: 1fr 3fr; } }
  .licence-editor > :last-child {
    padding-bottom: 100px; }
  .licence-editor__changeset {
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    padding: 20px 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.notifications--center {
  position: relative;
  height: 100vh; }
  .notifications--center .list {
    margin: 0px;
    padding: 0px; }
  .notifications--center > .list {
    position: absolute;
    left: 0px;
    width: 300px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    background-color: rgba(0, 118, 192, 0.03); }
    .notifications--center > .list .list--item {
      height: 66px;
      padding: 16px 0 16px 70px;
      line-height: 32px;
      cursor: pointer; }
      .notifications--center > .list .list--item.selected {
        font-weight: bold; }
  .notifications--center > section {
    position: absolute;
    left: 300px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    background-color: #fff; }
    .notifications--center > section .toolbar {
      padding-left: 40px; }
      .notifications--center > section .toolbar .selected a {
        color: #0076c0;
        box-shadow: inset #0076c0 0 -2px 0;
        font-weight: bold; }
    .notifications--center > section .list--head {
      height: 54px;
      padding-top: 10px;
      padding-bottom: 16px;
      line-height: 32px;
      font-weight: bold; }

.notification--panel .form-section {
  border-bottom: 1px solid #cecece;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0px 40px 20px;
  overflow: hidden; }
  .notification--panel .form-section:last-child {
    border-bottom: none; }

.notifications--empty {
  padding: 20vh 0; }
  .notifications--empty h1,
  .notifications--empty p {
    padding: 8px;
    color: gray; }

.promo-editor .custom-dropdown {
  width: 60%; }

.promo-editor input,
.promo-editor textarea {
  width: 80%; }

.promo-editor__upload {
  max-width: 600px;
  padding: 0 16px; }

.promo-editor__publish {
  margin: 16px 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.toggle-view-list-page {
  background-color: #f6f6f7; }
  .toggle-view-list-page__header {
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    height: 65px; }
    .toggle-view-list-page__header-placeholder {
      display: none;
      width: 100%;
      height: 65px; }
    body.no-header .toggle-view-list-page__header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; }
      body.no-header .toggle-view-list-page__header-placeholder {
        display: block; }
    .toggle-view-list-page__header-search {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px; }
      .toggle-view-list-page__header-search input[type='text'] {
        height: 40px;
        border-radius: 20px;
        background-color: #f6f6f7;
        padding: 0 35px 0 46px;
        margin: 0;
        border: none;
        font-size: 0.85em; }
      .toggle-view-list-page__header-search-icon {
        position: absolute;
        background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
        display: inline-block;
        height: 15px;
        width: 15px;
        left: 20px;
        opacity: 0.3;
        z-index: 1; }
      .toggle-view-list-page__header-search-clear {
        cursor: pointer;
        font-size: 0.7em;
        right: 12%;
        opacity: 0.3;
        transition: opacity 0.2s ease; }
        .toggle-view-list-page__header-search-clear:hover {
          opacity: 0.8; }
    .toggle-view-list-page__header-buttons {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-evenly;
      min-width: 120px; }
      .toggle-view-list-page__header-buttons .view-toggle {
        cursor: pointer;
        height: 30px;
        width: 30px;
        border-radius: 2px;
        transition: background-color 0.4s ease; }
        .toggle-view-list-page__header-buttons .view-toggle:hover, .toggle-view-list-page__header-buttons .view-toggle.active {
          background-color: #f6f6f7; }
        .toggle-view-list-page__header-buttons .view-toggle button {
          background-color: inherit;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 20px;
          min-width: 30px;
          height: 30px;
          width: 30px;
          padding: 0;
          transition: none; }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__grid {
            background-image: url(/10dcfa33e7f75cd152e234bf1d6e6358.svg); }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__list {
            background-image: url(/21e0e331b88e31fd45db5d917ffd8f0f.svg); }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__sort {
            background-image: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg);
            opacity: 0.7;
            transform: rotate(270deg);
            transition: transform 0.2s ease; }
            .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__sort.descending {
              transform: rotate(90deg); }
        .toggle-view-list-page__header-buttons .view-toggle.sort-toggle {
          margin-right: 15px; }
    .toggle-view-list-page__header .dropdown-filter__container-search-clear i {
      top: 12px; }
  .toggle-view-list-page .expandable-link-list .btn-more-options {
    min-width: 140px; }
  .toggle-view-list-page .expandable-link-list .option-red {
    color: #ff4136;
    opacity: 0.8; }
    .toggle-view-list-page .expandable-link-list .option-red:hover {
      color: #ff4136;
      opacity: 1; }

.partition-card {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 5px 2px #ddd;
  height: 320px;
  max-width: 280px;
  padding: 25px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s ease; }
  .partition-card .expandable-link-list {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px; }
  .partition-card:hover {
    box-shadow: 0px 0px 2px 2px #e5e5e5;
    transform: scale(1.05);
    z-index: 4; }
    .partition-card:hover .expandable-link-list {
      display: block; }
  .partition-card__header h2 {
    color: #161a1d;
    font-size: 1.2em; }
  .partition-card__icon img {
    max-width: 100px; }
  .partition-card__divider {
    background-color: #ddd;
    height: 1px;
    width: 75%;
    border-radius: 1px;
    position: absolute;
    bottom: 90px; }
  .partition-card__modified {
    display: flex;
    flex-direction: row; }
  .partition-card__timestamp {
    display: flex;
    flex-direction: column;
    margin: 0 20px; }
  .partition-card__label {
    color: rgba(0, 27, 45, 0.4);
    text-align: center;
    margin: 8px 0;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 800;
    letter-spacing: 1.2px; }
  .partition-card__fade-enter {
    opacity: 0;
    transition: opacity 1s ease; }
    .partition-card__fade-enter:nth-child(1) {
      transition-delay: 200ms; }
    .partition-card__fade-enter:nth-child(2) {
      transition-delay: 300ms; }
    .partition-card__fade-enter:nth-child(3) {
      transition-delay: 400ms; }
    .partition-card__fade-enter:nth-child(4) {
      transition-delay: 500ms; }
    .partition-card__fade-enter:nth-child(5) {
      transition-delay: 600ms; }
    .partition-card__fade-enter:nth-child(6) {
      transition-delay: 700ms; }
    .partition-card__fade-enter:nth-child(7) {
      transition-delay: 800ms; }
    .partition-card__fade-enter:nth-child(8) {
      transition-delay: 900ms; }
    .partition-card__fade-enter:nth-child(9) {
      transition-delay: 1000ms; }
    .partition-card__fade-enter:nth-child(10) {
      transition-delay: 1100ms; }
    .partition-card__fade-enter:nth-child(11) {
      transition-delay: 1200ms; }
    .partition-card__fade-enter:nth-child(12) {
      transition-delay: 1300ms; }
    .partition-card__fade-enter:nth-child(13) {
      transition-delay: 1400ms; }
    .partition-card__fade-enter:nth-child(14) {
      transition-delay: 1500ms; }
    .partition-card__fade-enter:nth-child(15) {
      transition-delay: 1600ms; }
    .partition-card__fade-enter:nth-child(16) {
      transition-delay: 1700ms; }
    .partition-card__fade-enter:nth-child(17) {
      transition-delay: 1800ms; }
    .partition-card__fade-enter:nth-child(18) {
      transition-delay: 1900ms; }
    .partition-card__fade-enter:nth-child(19) {
      transition-delay: 2000ms; }
    .partition-card__fade-enter:nth-child(20) {
      transition-delay: 2100ms; }
    .partition-card__fade-enter-active {
      opacity: 1; }
  .partition-card__fade-exit {
    opacity: 0;
    transition: none; }

.partitions-page__list {
  max-width: 90%;
  margin: auto; }
  .partitions-page__list .table th {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 27, 45, 0.05); }
    .partitions-page__list .table th:first-child {
      padding-left: 25px; }
  .partitions-page__list .table tbody tr td {
    padding-top: 0;
    padding-bottom: 15px; }
  .partitions-page__list .table tbody tr td:first-child {
    box-shadow: none; }
  .partitions-page__list .table tbody tr .expandable-link-list {
    margin-left: 50%;
    display: none; }
  .partitions-page__list .table tbody tr:hover {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #ddd; }
    .partitions-page__list .table tbody tr:hover td:first-child {
      box-shadow: inset 2px 0 0 #0076c0; }
    .partitions-page__list .table tbody tr:hover .expandable-link-list {
      display: inline-block; }
  .partitions-page__list .table__display-name {
    width: 50%; }
    .partitions-page__list .table__display-name img {
      height: 40px;
      width: 40px;
      top: 15px;
      opacity: 0; }
      .partitions-page__list .table__display-name img[src] {
        opacity: 1; }
    .partitions-page__list .table__display-name__name {
      display: inline-block;
      margin-left: 25px; }
  .partitions-page__list .table__date {
    width: 20%; }
  .partitions-page__list .table__menu {
    width: 10%; }
  .partitions-page__list .table__warning .styled-tooltip__message {
    bottom: 80%; }
  .partitions-page__list .table__warning .styled-tooltip .partition-warning-tooltip {
    display: inline-block;
    top: 20px; }
  .partitions-page__list.grid-view {
    padding: 35px 0; }
    .partitions-page__list.grid-view .partition-group {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      grid-gap: 1.5rem;
      justify-content: center; }
    .partitions-page__list.grid-view .styled-tooltip__message {
      transform: translateX(-35%); }
    .partitions-page__list.grid-view .styled-tooltip .partition-warning-tooltip {
      position: absolute;
      top: 16px;
      left: 16px; }
  .partitions-page__list .styled-tooltip {
    position: absolute;
    top: 0;
    left: 0; }
    .partitions-page__list .styled-tooltip__message {
      white-space: normal;
      width: 180px;
      line-height: 1.8em; }
    .partitions-page__list .styled-tooltip .partition-warning-tooltip {
      height: 16px;
      width: 16px;
      background: url(/f65fd7d961c28a6a2a098b42503941e7.svg) center/cover no-repeat; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.partition-overview-section__edit .text-input-list {
  margin-bottom: 8px; }
  .partition-overview-section__edit .text-input-list .text-section {
    width: 30%; }
    .partition-overview-section__edit .text-input-list .text-section input[type='text'] {
      width: 100%;
      margin-bottom: 3px; }
  .partition-overview-section__edit .text-input-list__button {
    font-size: 1.5em;
    font-weight: normal;
    height: 46px;
    width: 46px;
    min-width: 46px;
    padding: 0;
    margin: 0 0 3px 10px; }
  .partition-overview-section__edit .text-input-list__row {
    display: flex;
    flex-direction: row;
    align-items: flex-end; }
    .partition-overview-section__edit .text-input-list__row + .participant-id__row .input-header {
      display: none; }

.partition-overview-section__edit .dve-tags input[type='text'] {
  margin-bottom: 5px; }

.partition-overview-section__edit .dve-tags .tag-list {
  margin-bottom: 5px; }

.partition-overview-section__preview {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 2fr 1fr 1fr 1fr; }
.empty-colour {
  width: 24px;
  height: 24px;
  border: 1px solid #ccd1d5;
  border-radius: 3px;
  background: white;
  pointer-events: none; }
  .empty-colour__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    height: 60%;
    border: 1px solid #777777;
    overflow: hidden;
    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(135deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(135deg, transparent 75%, #808080 75%);
    background-size: 8px 8px;
    background-position: 0 0, 4px 0, 4px -4px, 0px 4px; }
  .empty-colour--fullbox .empty-colour__box {
    width: 100%;
    height: 100%; }
.colour-input {
  display: flex;
  align-items: center;
  margin-top: 5px; }
  .colour-input input[type='color'] {
    height: 30px;
    width: 30px;
    min-width: 30px;
    padding: 1px 2px;
    margin: 0;
    cursor: pointer; }
  .colour-input input[type='text'],
  .colour-input input[type='color'] {
    margin: 0; }
  .colour-input__picker-wrapper {
    position: relative;
    margin-left: 5px; }
  .colour-input .empty-colour {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.partition-style-section__edit .partition-colours {
  display: flex;
  flex-direction: row; }
  .partition-style-section__edit .partition-colours__selector {
    display: flex;
    flex-direction: row;
    margin-right: 10%; }
    .partition-style-section__edit .partition-colours__selector label {
      margin: 15px 0 0 10px; }
    .partition-style-section__edit .partition-colours__selector .colour-input {
      margin: 10px 0 0 0; }
    .partition-style-section__edit .partition-colours__selector .form-tooltip {
      top: 14px;
      left: 10px; }
      .partition-style-section__edit .partition-colours__selector .form-tooltip .tooltip {
        max-width: 400px; }
  .partition-style-section__edit .partition-colours__container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px; }

.partition-style-section__edit .partition-images {
  display: grid;
  grid-gap: 3rem;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  padding-top: 25px; }
  .partition-style-section__edit .partition-images .image-section .tooltip {
    max-width: 250px; }
  .partition-style-section__edit .partition-images .image-section .upload-container .uploader {
    height: 325px; }
  .partition-style-section__edit .partition-images .image-section .upload-container .preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
    .partition-style-section__edit .partition-images .image-section .upload-container .preview button {
      margin: 0; }

.partition-style-section__preview .preview__colour {
  height: 20px;
  width: 20px;
  top: 5px;
  display: inline-flex;
  border-radius: 2px;
  box-shadow: 2px 2px 4px -2px; }

.partition-style-section__preview .preview__image {
  display: grid;
  grid-gap: 15px;
  margin-top: 25px;
  grid-template-columns: 1fr 1fr 1fr; }
  .partition-style-section__preview .preview__image p {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px; }
  .partition-style-section__preview .preview__image img {
    margin-top: 5px;
    width: 80%;
    max-height: 100%; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.partition-editor {
  padding-top: 50px;
  background-color: #f6f6f7; }
  .partition-editor .error-text {
    color: #e74a51; }
    .partition-editor .error-text::first-letter {
      text-transform: uppercase; }
  .partition-editor__title {
    text-transform: capitalize; }
  .partition-editor__button {
    display: grid;
    grid-template-columns: auto 100px 80% auto;
    align-content: stretch;
    justify-content: stretch;
    min-height: 80px;
    margin-bottom: 25px;
    margin-bottom: 0; }
    .partition-editor__button > :first-child {
      grid-column: 2 / 4;
      justify-self: left;
      display: grid;
      align-items: center;
      grid-gap: 20px;
      grid-template-columns: 1fr; }
      @media (min-width: 480px) {
        .partition-editor__button > :first-child {
          grid-template-columns: 1fr 3fr; } }
    .partition-editor__button .button-spinner > span {
      padding: 0; }
  .partition-editor > :last-child {
    padding-bottom: 100px; }
.slide-arrow {
  background-image: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg);
  display: inline-flex;
  height: 12px;
  width: 12px;
  margin: 10px;
  opacity: 0.5;
  transition: opacity 0.2s ease; }
  .slide-arrow__previous {
    transform: rotate(180deg); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.status-badge {
  border-radius: 15px;
  padding: 5px 20px;
  letter-spacing: 1px;
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  transition: opacity 0.2s ease; }
  .status-badge.status-badge--active, .status-badge.status-badge--trial_active {
    color: #2ecc40;
    background: rgba(46, 204, 64, 0.2); }
  .status-badge.status-badge--expired {
    color: #aaa;
    background: rgba(170, 170, 170, 0.2); }
  .status-badge.status-badge--inactive {
    color: #e74a51;
    background: rgba(231, 74, 81, 0.2); }
  .status-badge.status-badge--upcoming {
    color: #ff851b;
    background: rgba(255, 133, 27, 0.2); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.toggle-view-list-page {
  background-color: #f6f6f7; }
  .toggle-view-list-page__header {
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    height: 65px; }
    .toggle-view-list-page__header-placeholder {
      display: none;
      width: 100%;
      height: 65px; }
    body.no-header .toggle-view-list-page__header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; }
      body.no-header .toggle-view-list-page__header-placeholder {
        display: block; }
    .toggle-view-list-page__header-search {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px; }
      .toggle-view-list-page__header-search input[type='text'] {
        height: 40px;
        border-radius: 20px;
        background-color: #f6f6f7;
        padding: 0 35px 0 46px;
        margin: 0;
        border: none;
        font-size: 0.85em; }
      .toggle-view-list-page__header-search-icon {
        position: absolute;
        background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
        display: inline-block;
        height: 15px;
        width: 15px;
        left: 20px;
        opacity: 0.3;
        z-index: 1; }
      .toggle-view-list-page__header-search-clear {
        cursor: pointer;
        font-size: 0.7em;
        right: 12%;
        opacity: 0.3;
        transition: opacity 0.2s ease; }
        .toggle-view-list-page__header-search-clear:hover {
          opacity: 0.8; }
    .toggle-view-list-page__header-buttons {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-evenly;
      min-width: 120px; }
      .toggle-view-list-page__header-buttons .view-toggle {
        cursor: pointer;
        height: 30px;
        width: 30px;
        border-radius: 2px;
        transition: background-color 0.4s ease; }
        .toggle-view-list-page__header-buttons .view-toggle:hover, .toggle-view-list-page__header-buttons .view-toggle.active {
          background-color: #f6f6f7; }
        .toggle-view-list-page__header-buttons .view-toggle button {
          background-color: inherit;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 20px;
          min-width: 30px;
          height: 30px;
          width: 30px;
          padding: 0;
          transition: none; }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__grid {
            background-image: url(/10dcfa33e7f75cd152e234bf1d6e6358.svg); }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__list {
            background-image: url(/21e0e331b88e31fd45db5d917ffd8f0f.svg); }
          .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__sort {
            background-image: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg);
            opacity: 0.7;
            transform: rotate(270deg);
            transition: transform 0.2s ease; }
            .toggle-view-list-page__header-buttons .view-toggle button.view-toggle__sort.descending {
              transform: rotate(90deg); }
        .toggle-view-list-page__header-buttons .view-toggle.sort-toggle {
          margin-right: 15px; }
    .toggle-view-list-page__header .dropdown-filter__container-search-clear i {
      top: 12px; }
  .toggle-view-list-page .expandable-link-list .btn-more-options {
    min-width: 140px; }
  .toggle-view-list-page .expandable-link-list .option-red {
    color: #ff4136;
    opacity: 0.8; }
    .toggle-view-list-page .expandable-link-list .option-red:hover {
      color: #ff4136;
      opacity: 1; }

.promotions-page__list {
  min-height: 80vh;
  max-width: 90%;
  margin: auto; }
  .promotions-page__list .table th {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 27, 45, 0.05);
    text-align: center; }
    .promotions-page__list .table th:first-child {
      padding-left: 25px; }
  .promotions-page__list .table tbody tr td {
    width: 11.5%;
    text-align: center;
    line-height: 1.6em;
    height: 70px; }
    .promotions-page__list .table tbody tr td:first-child {
      box-shadow: none; }
    .promotions-page__list .table tbody tr td:last-child {
      width: 5%; }
  .promotions-page__list .table tbody tr .expandable-link-list {
    display: none; }
  .promotions-page__list .table tbody tr:hover {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #ddd; }
    .promotions-page__list .table tbody tr:hover td:first-child {
      box-shadow: inset 2px 0 0 #0076c0; }
    .promotions-page__list .table tbody tr:hover .expandable-link-list {
      display: inline-block; }
  .promotions-page__list.grid-view {
    padding: 35px 0; }
    .promotions-page__list.grid-view .promotion-group {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      grid-gap: 1.5rem;
      justify-content: center; }
  .promotions-page__list .status-badge {
    padding: 0 20px;
    top: 12px; }
    td .promotions-page__list .status-badge {
      top: 0;
      padding: 5px 20px; }
    .modal-title .promotions-page__list .status-badge {
      left: 25px;
      top: 0;
      font-size: 0.5em; }

.promotion-card {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 5px 2px #ddd;
  height: 320px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s ease; }
  .promotion-card .expandable-link-list {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px; }
  .promotion-card .slide-arrow {
    z-index: -10; }
  .promotion-card:hover {
    box-shadow: 0px 0px 2px 2px #e5e5e5;
    transform: scale(1.05);
    z-index: 4; }
    .promotion-card:hover .expandable-link-list {
      display: block;
      z-index: 5; }
    .promotion-card:hover .promotion-card__body--button {
      opacity: 1; }
    .promotion-card:hover .status-badge {
      opacity: 0; }
    .promotion-card:hover .promotion-card__divider {
      opacity: 0; }
    .promotion-card:hover .slide-arrow {
      z-index: auto; }
  .promotion-card__header {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30%;
    min-height: 30%;
    width: 100%;
    background-color: #3f4a58;
    padding: 20px;
    z-index: 2; }
    .promotion-card__header:hover {
      height: max-content; }
      .promotion-card__header:hover h4 {
        display: flex; }
    .promotion-card__header h4 {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #fff;
      font-size: 1.3em;
      text-align: center; }
  .promotion-card__body {
    margin-top: 30%;
    height: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%; }
    .promotion-card__body .slick-slider {
      width: 80%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .promotion-card__body .slick-slider .slick-list {
        width: 100%; }
        .promotion-card__body .slick-slider .slick-list .body--details {
          display: flex !important;
          flex-direction: column;
          align-items: center; }
          .promotion-card__body .slick-slider .slick-list .body--details__title {
            font-size: 1.1em; }
          .promotion-card__body .slick-slider .slick-list .body--details__subtitle {
            font-size: 0.8em; }
    .promotion-card__body--button {
      padding: 6px 18px;
      height: 36px;
      opacity: 0;
      transition: opacity 0.2s ease; }
  .promotion-card__footer {
    height: 25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .promotion-card__footer--availability .styled-tooltip__trigger {
      opacity: 0.5;
      transition: opacity 0.2s ease; }
      .promotion-card__footer--availability .styled-tooltip__trigger::before {
        content: '';
        height: 20px;
        width: 20px;
        top: 4px;
        margin-right: 5px;
        display: inline-flex;
        background-image: url(/40d63f0ac8f457845603651f8289a16f.png);
        background-position: center;
        background-size: cover; }
      .promotion-card__footer--availability .styled-tooltip__trigger:hover {
        opacity: 1; }
    .promotion-card__footer--availability .styled-tooltip__message {
      display: flex;
      line-height: 2em; }
      .promotion-card__footer--availability .styled-tooltip__message::after {
        bottom: -10px; }
      .promotion-card__footer--availability .styled-tooltip__message .promotion-availability__dates {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 0 10px; }
        .promotion-card__footer--availability .styled-tooltip__message .promotion-availability__dates--date {
          margin-right: 5px;
          font-weight: bold; }
        .promotion-card__footer--availability .styled-tooltip__message .promotion-availability__dates--time {
          color: rgba(0, 27, 45, 0.4); }
    .promotion-card__footer--discount .styled-tooltip__trigger {
      opacity: 0.5;
      transition: opacity 0.2s ease; }
      .promotion-card__footer--discount .styled-tooltip__trigger::before {
        content: '';
        height: 16px;
        width: 20px;
        top: 3px;
        margin-right: 5px;
        display: inline-flex;
        background-image: url(/339794d2470b409c319a1f73efffbca5.svg);
        background-position: center;
        background-size: cover; }
      .promotion-card__footer--discount .styled-tooltip__trigger:hover {
        opacity: 1; }
    .promotion-card__footer--discount .styled-tooltip__message {
      font-size: 0.8em;
      line-height: 2em;
      height: fit-content;
      height: -moz-fit-content;
      width: fit-content;
      width: -moz-fit-content;
      right: 45px;
      display: flex;
      justify-content: space-around; }
      .promotion-card__footer--discount .styled-tooltip__message::after {
        bottom: -10px; }
    .promotion-card__footer--discount.discount--amount .styled-tooltip__message {
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .promotion-card__footer--discount.discount--amount .styled-tooltip__message .discount-amount-divider {
        width: 90%;
        border-top: 1px solid #aaa;
        margin-top: 2px;
        padding-top: 2px; }
    .promotion-card__footer--discount.discount--percentage .styled-tooltip__message .percent--arrow {
      opacity: 0.5;
      margin: 0 5px; }
  .promotion-card__divider {
    background-color: #ddd;
    height: 1px;
    width: 75%;
    border-radius: 1px;
    position: absolute;
    bottom: 25%; }
  .promotion-card__fade-enter {
    opacity: 0;
    transition: opacity 1s ease; }
    .promotion-card__fade-enter:nth-child(1) {
      transition-delay: 200ms; }
    .promotion-card__fade-enter:nth-child(2) {
      transition-delay: 300ms; }
    .promotion-card__fade-enter:nth-child(3) {
      transition-delay: 400ms; }
    .promotion-card__fade-enter:nth-child(4) {
      transition-delay: 500ms; }
    .promotion-card__fade-enter:nth-child(5) {
      transition-delay: 600ms; }
    .promotion-card__fade-enter:nth-child(6) {
      transition-delay: 700ms; }
    .promotion-card__fade-enter:nth-child(7) {
      transition-delay: 800ms; }
    .promotion-card__fade-enter:nth-child(8) {
      transition-delay: 900ms; }
    .promotion-card__fade-enter:nth-child(9) {
      transition-delay: 1000ms; }
    .promotion-card__fade-enter:nth-child(10) {
      transition-delay: 1100ms; }
    .promotion-card__fade-enter:nth-child(11) {
      transition-delay: 1200ms; }
    .promotion-card__fade-enter:nth-child(12) {
      transition-delay: 1300ms; }
    .promotion-card__fade-enter:nth-child(13) {
      transition-delay: 1400ms; }
    .promotion-card__fade-enter:nth-child(14) {
      transition-delay: 1500ms; }
    .promotion-card__fade-enter:nth-child(15) {
      transition-delay: 1600ms; }
    .promotion-card__fade-enter:nth-child(16) {
      transition-delay: 1700ms; }
    .promotion-card__fade-enter:nth-child(17) {
      transition-delay: 1800ms; }
    .promotion-card__fade-enter:nth-child(18) {
      transition-delay: 1900ms; }
    .promotion-card__fade-enter:nth-child(19) {
      transition-delay: 2000ms; }
    .promotion-card__fade-enter:nth-child(20) {
      transition-delay: 2100ms; }
    .promotion-card__fade-enter-active {
      opacity: 1; }
  .promotion-card__fade-exit {
    opacity: 0;
    transition: none; }

.promotions-page .toggle-view-list-page__header {
  justify-content: flex-end; }
  body.no-header .promotions-page .toggle-view-list-page__header {
    z-index: 3; }

.promotions-page .dropdown-filter__container {
  z-index: 3; }

.promotions-page__status-filter {
  display: inline-flex;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  margin-right: 10px; }
  .promotions-page__status-filter.status--active {
    background-color: #2ecc40; }
  .promotions-page__status-filter.status--expired {
    background-color: #aaa; }
  .promotions-page__status-filter.status--inactive {
    background-color: #e74a51; }
  .promotions-page__status-filter.status--upcoming {
    background-color: #ff851b; }
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide,
.slick-loading .slick-track {
  opacity: 0; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer; }

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  z-index: 0;
  transition: z-index 0.4s ease-out; }
  .slick-slide:hover {
    z-index: 2; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow {
  cursor: pointer; }
  .slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0; }
  .slick-arrow.slick-hidden {
    display: none; }
.promotion-availability-section__preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px; }
  .promotion-availability-section__preview p {
    line-height: 2; }
  .promotion-availability-section__preview .availability-range {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 15px; }
    .promotion-availability-section__preview .availability-range__date {
      padding-bottom: 30px; }
    @media (min-width: 480px) {
      .promotion-availability-section__preview .availability-range {
        grid-template-columns: repeat(2, 1fr); }
        .promotion-availability-section__preview .availability-range__date {
          padding-bottom: inherit; } }
  @media (min-width: 992px) {
    .promotion-availability-section__preview {
      grid-template-columns: repeat(2, 1fr); } }

.promotion-availability-section__edit {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px; }
  @media (min-width: 768px) {
    .promotion-availability-section__edit {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 992px) {
    .promotion-availability-section__edit {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1200px) {
    .promotion-availability-section__edit {
      grid-template-columns: repeat(4, 1fr); } }
  .promotion-availability-section__edit .daterange-section input {
    min-width: 280px;
    text-align: center; }
.promotion-eligibility-section__preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px; }

.promotion-eligibility-section__edit {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px; }
  .promotion-eligibility-section__edit .tag-list span {
    padding-right: 5px;
    display: flex;
    align-items: center; }
  .promotion-eligibility-section__edit .error-text,
  .promotion-eligibility-section__edit .tag-list {
    margin-top: -15px; }
  .promotion-eligibility-section__edit .info-text {
    font-size: 0.8em;
    font-style: italic; }
.promotion-metadata-section__preview {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 15px; }

.promotion-metadata-section__edit {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 15px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.promotion-type-section__preview .preview-row {
  line-height: 2; }

.promotion-type-section__preview .discounts-grid {
  display: grid;
  overflow-x: auto;
  grid-template-columns: 150px 150px;
  grid-auto-rows: auto;
  grid-column: 1 / 2;
  height: auto; }
  .promotion-type-section__preview .discounts-grid > .even-row {
    background-color: #f7f8f8; }
  .promotion-type-section__preview .discounts-grid .header-row,
  .promotion-type-section__preview .discounts-grid .content-row {
    min-width: 80px;
    height: auto;
    padding: 8px 4px; }
  .promotion-type-section__preview .discounts-grid .header-row {
    padding: 20px 10px; }
  .promotion-type-section__preview .discounts-grid .content-row {
    padding-left: 20px; }

.promotion-type-section__period {
  display: flex;
  flex-direction: column; }
  .promotion-type-section__period__header .form-tooltip {
    position: absolute;
    margin-left: 15px; }
  .promotion-type-section__period__header .checkbox {
    display: inline-block;
    margin-left: 50px; }
    .promotion-type-section__period__header .checkbox label {
      margin: unset; }
  .promotion-type-section__period__header .promotion-type-section__btn-group {
    position: absolute;
    left: -50px; }
    .promotion-type-section__period__header .promotion-type-section__btn-group .row-btn {
      top: -10px; }
  .promotion-type-section__period__add .form-tooltip {
    position: absolute;
    top: -20px;
    margin-left: 15px; }
  .promotion-type-section__period .btn--transparent {
    color: rgba(0, 27, 45, 0.8);
    border: 1px solid rgba(0, 27, 45, 0.5);
    width: max-content; }

.promotion-type-section__discount {
  margin-bottom: 20px;
  display: flex; }
  .promotion-type-section__discount .dropdown-section {
    width: 25%;
    margin-right: 20px; }
    .promotion-type-section__discount .dropdown-section .custom-dropdown {
      height: 46px; }
      .promotion-type-section__discount .dropdown-section .custom-dropdown .dropdown-value {
        line-height: 46px;
        height: inherit; }
  .promotion-type-section__discount .checkbox {
    top: 40px;
    left: 40px; }

.promotion-type-section__btn-group .form-tooltip {
  position: absolute;
  right: -30px;
  top: 35px; }
  .promotion-type-section__btn-group .form-tooltip .tooltip-right {
    width: 100%; }

.promotion-type-section__btn-group .row-btn {
  background: #fff;
  border: 1px solid rgba(22, 26, 29, 0.2);
  border-radius: 50%;
  color: rgba(22, 26, 29, 0.45);
  font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
  font-size: 1.5em;
  padding: 0;
  height: 40px;
  margin-left: 10px;
  min-width: auto;
  width: 40px;
  top: 53px; }
  .promotion-type-section__btn-group .row-btn:hover {
    color: #fff;
    background: #0076c0; }
  .promotion-type-section__btn-group .row-btn--smaller {
    transform: scale(0.6);
    margin-left: 0; }
.number-picker {
  display: flex;
  align-items: center;
  margin: 8px 0; }
  .number-picker button {
    height: 40px;
    width: 40px;
    min-width: 40px;
    background-color: transparent;
    color: black;
    padding: 0;
    border: rgba(0, 27, 45, 0.2) 1px solid; }
    .number-picker button:first-child {
      border-radius: 2px 0 0 2px; }
    .number-picker button:last-child {
      border-radius: 0 2px 2px 0; }
  .number-picker input[type='number'] {
    display: inline-flex;
    margin: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
    height: 40px;
    width: 70px;
    min-width: 40px;
    text-align: center; }
    .number-picker input[type='number']::-webkit-inner-spin-button, .number-picker input[type='number']::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.policy-form__template-config {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .policy-form__template-config--add {
    height: 40px;
    top: 21px; }
  .policy-form__template-config > div {
    margin-right: 25px; }
  .policy-form__template-config .custom-dropdown {
    width: 60px; }
    .policy-form__template-config .custom-dropdown--searchable {
      width: 300px; }
    .policy-form__template-config .custom-dropdown input.dropdown-search {
      bottom: 7px; }
  .policy-form__template-config .dropdown-search-selector label {
    width: 300px; }
  .policy-form__template-config .dropdown-search-selector__summary-list {
    top: 25px; }

.policy-form .publication-rules-page__list {
  max-width: 100%;
  min-height: 0; }

.publication-rules-page__form.popin--container .popin.popin--large {
  max-width: 85vw;
  min-width: 85vw; }

.publication-rules-page__list {
  min-height: 80vh;
  max-width: 90%;
  margin: auto;
  padding-bottom: 20px; }
  .publication-rules-page__list .table th {
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 27, 45, 0.05); }
  .publication-rules-page__list .table tbody tr {
    background-color: #ffffff; }
    .publication-rules-page__list .table tbody tr td:first-child {
      width: 33%; }
    .publication-rules-page__list .table tbody tr td:last-child {
      width: 5%; }
    .publication-rules-page__list .table tbody tr td .offset-display-text {
      opacity: 0.7; }
    .publication-rules-page__list .table tbody tr td .policy-template-icon {
      cursor: pointer;
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      height: 15px;
      width: 15px;
      opacity: 0.3; }
      .publication-rules-page__list .table tbody tr td .policy-template-icon:hover {
        opacity: 0.7; }
      .publication-rules-page__list .table tbody tr td .policy-template-icon.icon-remove {
        background-image: url(/10ae0079efffba486944d7bba433cd9f.svg); }
      .publication-rules-page__list .table tbody tr td .policy-template-icon.icon-toggle-open {
        background-image: url(/a03ed6573e54bf08fe9bd004b89d3a1a.svg);
        transform: rotate(90deg);
        transition: transform 0.2s ease; }
        .publication-rules-page__list .table tbody tr td .policy-template-icon.icon-toggle-open.open-active {
          transform: rotate(270deg); }
    .publication-rules-page__list .table tbody tr.table-spacer-row {
      background-color: #f6f6f7; }
      .publication-rules-page__list .table tbody tr.table-spacer-row td {
        border: none;
        box-shadow: none;
        padding: 0;
        height: 10px; }
  .expandable-section__main .publication-rules-page__list {
    max-width: 100%;
    min-height: 0; }

.publication-rules-page .toggle-view-list-page__header {
  justify-content: center; }

.template-remainder-text {
  opacity: 0.7;
  font-size: 0.8em;
  margin-left: 10px; }

.template-country-display-list__icon {
  top: 7px; }

.template-country-display-list span:not(:first-child) {
  margin-left: 10px; }

.template-country-list-flyout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  padding: 0 25px; }
  .template-country-list-flyout__code {
    opacity: 0.7;
    font-size: 0.7em;
    padding: 0 5px; }
  .template-country-list-flyout__label {
    font-size: 0.8em; }
  .expandable-section__main .template-country-list-flyout {
    padding: 5px 0 0 0; }
input[type='text'].decoy-input,
input[type='password'].decoy-input {
  -webkit-appearance: none;
  width: 0;
  min-width: 0;
  max-width: 0;
  min-height: 0;
  height: 0;
  max-height: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  opacity: 0;
  border: none;
  outline: none; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.duration-picker {
  display: flex;
  flex-direction: row; }
  .duration-picker > *:not(:last-child) {
    margin-right: 2em !important; }
  .duration-picker .custom-dropdown {
    min-width: 60px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.multi-select-dropdown {
  margin: 0;
  width: 140px;
  display: inline-block; }
  .multi-select-dropdown li {
    padding: 8px;
    transition: background 0.3s ease; }
    .multi-select-dropdown li:hover {
      background: rgba(0, 118, 192, 0.1); }
    .multi-select-dropdown li .checkbox label {
      margin-right: 0;
      margin-top: 0;
      padding-left: 0;
      padding-right: 32px;
      width: 100%;
      text-transform: capitalize; }
      .multi-select-dropdown li .checkbox label:before {
        bottom: 5px;
        left: auto;
        right: 12px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.navbar-positions-picker {
  display: grid;
  grid-template-columns: repeat(auto-fit, 170px);
  row-gap: 20px;
  column-gap: 30px; }

.navbar-position {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 40px;
  cursor: pointer;
  box-shadow: 0px 4px 4px 1px #ddd;
  border: 2px solid transparent;
  background: #fafafa;
  transition: border 0.2s; }
  .navbar-position--active {
    border-color: #0072bc; }
  .navbar-position__label {
    margin-top: 30px;
    text-transform: uppercase; }
  .navbar-position__demo {
    display: grid;
    width: 90px;
    height: 105px;
    padding: 15px;
    gap: 10px;
    background: #ffffff;
    box-shadow: 0 0 4px 1px #ddd;
    overflow: hidden; }
  .navbar-position__navbar {
    grid-area: navbar;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0072bc;
    border-radius: 20px; }
  .navbar-position__content {
    grid-area: content; }
  .navbar-position__content-bar {
    width: 100%;
    height: 4px;
    background: rgba(0, 114, 188, 0.15);
    border-radius: 20px; }
    .navbar-position__content-bar:not(:first-child) {
      margin-top: 12px; }
    .navbar-position__content-bar:nth-child(1n) {
      width: 100%; }
    .navbar-position__content-bar:nth-child(2n) {
      width: 80%; }
    .navbar-position__content-bar:nth-child(3n) {
      width: 100%; }
    .navbar-position__content-bar:nth-child(4n) {
      width: 50%; }
    .navbar-position__content-bar:nth-child(5n) {
      width: 70%; }
  .navbar-position__hamburger {
    position: relative; }
    .navbar-position__hamburger:before, .navbar-position__hamburger:after {
      position: absolute;
      content: ''; }
    .navbar-position__hamburger:before {
      top: -4px; }
    .navbar-position__hamburger:after {
      bottom: -4px; }
    .navbar-position__hamburger, .navbar-position__hamburger:before, .navbar-position__hamburger:after {
      width: 8px;
      height: 2px;
      background: white; }
  .navbar-position__demo--top {
    grid-template-columns: auto;
    grid-template-rows: 1.5fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 'navbar' 'content' 'content' 'content' 'content'; }
  .navbar-position__demo--left {
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    grid-template-areas: 'navbar content' 'navbar content' 'navbar content' 'navbar content' 'navbar content'; }
  .navbar-position__demo--top-left {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.5fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 'navbar .' 'content content' 'content content' 'content content' 'content content'; }
  .navbar-position__demo--hamburger {
    grid-template-columns: 20px 1fr;
    grid-template-rows: 20px 1fr 1fr 1fr 1fr;
    grid-template-areas: 'navbar .' 'content content' 'content content' 'content content' 'content content'; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.realm-settings__editor {
  padding-top: 50px;
  background-color: #f6f6f7; }
  .realm-settings__editor__section {
    padding: 20px 0; }
    .realm-settings__editor__section--header {
      padding-bottom: 10px;
      border-bottom: 1px solid #ddd;
      width: 90%; }
  .realm-settings__editor__save-button {
    display: grid;
    grid-template-columns: auto 100px 80% auto;
    align-content: stretch;
    justify-content: stretch;
    min-height: 80px;
    margin-bottom: 25px; }
    .realm-settings__editor__save-button > :first-child {
      grid-column: 2 / 4;
      justify-self: left;
      display: grid;
      align-items: center;
      grid-gap: 20px;
      grid-template-columns: 1fr; }
      @media (min-width: 480px) {
        .realm-settings__editor__save-button > :first-child {
          grid-template-columns: 1fr 3fr; } }
  .realm-settings__editor:last-child {
    padding-bottom: 50px; }
  .realm-settings__editor .preview:last-of-type {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px; }
  .realm-settings__editor .error-text {
    color: #e74a51;
    font-size: 0.8em;
    margin-top: -15px; }
  .realm-settings__editor .switch-container label {
    margin-top: 5px; }
  .realm-settings__editor .radio {
    margin-bottom: 10px; }
  .realm-settings__editor .country-selector {
    width: 90%; }
  .realm-settings__editor .language-picker {
    width: 30%; }
  .realm-settings__editor .flag-list {
    display: flex;
    flex-flow: wrap;
    gap: 12px; }
    .realm-settings__editor .flag-list__item {
      display: flex;
      align-items: center;
      margin-left: -3px; }
    .realm-settings__editor .flag-list .styled-tooltip__trigger {
      display: flex; }
    .realm-settings__editor .flag-list .styled-tooltip {
      margin-left: 6px; }
    .realm-settings__editor .flag-list__remove-btn {
      background: #fff;
      border: 1px solid rgba(22, 26, 29, 0.2);
      border-radius: 50%;
      color: rgba(22, 26, 29, 0.45);
      font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
      min-width: auto;
      padding: 0;
      font-size: 1em;
      height: 20px;
      width: 20px; }
      .realm-settings__editor .flag-list__remove-btn:hover {
        color: #fff;
        background: #0076c0; }
    .realm-settings__editor .flag-list .flag {
      transform: scale(1.2); }
  .realm-settings__editor .dynamic-field-list {
    display: flex;
    flex-direction: column; }
    .realm-settings__editor .dynamic-field-list__item {
      display: flex;
      align-items: center;
      width: 100%;
      margin-top: 8px; }
      .realm-settings__editor .dynamic-field-list__item + .dynamic-field-list__item {
        margin-top: 10px; }
      .realm-settings__editor .dynamic-field-list__item .styled-tooltip {
        margin-left: 6px; }
      .realm-settings__editor .dynamic-field-list__item .text-section {
        width: 30%; }
        .realm-settings__editor .dynamic-field-list__item .text-section input {
          width: 100%;
          margin: 0; }
    .realm-settings__editor .dynamic-field-list__row-btn {
      height: 46px;
      width: 46px;
      background: #fff;
      border: 1px solid rgba(22, 26, 29, 0.2);
      border-radius: 50%;
      color: rgba(22, 26, 29, 0.45);
      font-family: "Roboto-Light", "Roboto", "Roboto-Regular", sans-serif;
      min-width: auto;
      padding: 0;
      font-size: 1em; }
      .realm-settings__editor .dynamic-field-list__row-btn--remove {
        height: 20px;
        width: 20px; }
      .realm-settings__editor .dynamic-field-list__row-btn:hover {
        color: #fff;
        background: #0076c0; }
  .realm-settings__editor .preview__colour {
    display: inline-flex;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    box-shadow: 2px 2px 4px -2px; }
  .realm-settings__editor .preview__images {
    display: grid;
    grid-gap: 15px;
    margin-top: 25px;
    grid-template-columns: 1fr 1fr 1fr; }
    .realm-settings__editor .preview__images p {
      display: flex;
      flex-direction: column;
      margin-bottom: 20px; }
    .realm-settings__editor .preview__images img {
      margin-top: 5px;
      width: 80%;
      max-height: 100%;
      background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%);
      background-size: 20px 20px;
      background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
      border: 2px solid;
      border-color: #ddd;
      border-radius: 3px; }

.realm-settings__properties-group {
  display: grid;
  grid-template-columns: repeat(2, 400px);
  gap: 20px;
  margin-top: 20px; }
  .realm-settings__properties-group .tooltip {
    max-width: 350px; }

.realm-settings__properties-group .realm-settings__input-wrapper {
  margin-top: 0; }

.realm-settings__image-input .upload {
  min-height: 300px;
  height: unset; }
  .realm-settings__image-input .upload img {
    background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    border: 2px solid;
    border-color: #ddd;
    border-radius: 3px; }

.realm-settings__font-input .licence-creator__text {
  width: 600px; }

.realm-settings__input-wrapper {
  margin-top: 20px; }
  .realm-settings__input-wrapper--horizontal {
    display: flex;
    align-items: center; }
    .realm-settings__input-wrapper--horizontal > * {
      margin: 0; }
      .realm-settings__input-wrapper--horizontal > *:not(:first-child) {
        margin-left: 10px; }
    .realm-settings__input-wrapper--horizontal .form-tooltip {
      height: 100%; }
      .realm-settings__input-wrapper--horizontal .form-tooltip__wrapper {
        z-index: 1;
        top: 50%;
        width: 180px;
        transform: translateY(-50%); }
  .realm-settings__input-wrapper--vertical .input-header {
    margin: 0; }
  .realm-settings__input-wrapper--vertical .error-text {
    margin-top: 5px; }
  .realm-settings__input-wrapper--marginless {
    margin: 0; }
  .realm-settings__input-wrapper--with-text-preview {
    display: flex;
    align-items: center; }
    .realm-settings__input-wrapper--with-text-preview .text-section {
      width: 30%; }
      .realm-settings__input-wrapper--with-text-preview .text-section input {
        width: 100%; }

.realm-settings__preview-wrapper {
  display: flex;
  align-items: center; }

.realm-settings__preview-text {
  margin-left: 10px;
  margin-top: 25px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.reports-page {
  background-color: #f6f6f7;
  min-height: 60vh; }
  .reports-page__list {
    width: 90%;
    margin: auto;
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
    grid-gap: 2em; }
  .reports-page .report-card {
    background-color: #fff;
    box-shadow: 0 0 11px 2px #dddddd40;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 30px; }
    .reports-page .report-card__panel {
      display: flex;
      flex-direction: column;
      min-width: 33%; }
      .reports-page .report-card__panel:last-child {
        text-align: right; }
    .reports-page .report-card__header {
      color: rgba(0, 27, 45, 0.5);
      text-transform: uppercase;
      font-size: 0.6em;
      font-weight: 800;
      letter-spacing: 0.1em; }
    .reports-page .report-card__description {
      color: rgba(0, 27, 45, 0.4);
      font-size: 0.8em;
      line-height: 1.4em;
      padding: 0.1em 0 1.5em 0; }
    .reports-page .report-card__title {
      font-size: 1.1em;
      line-height: 2em;
      color: #001b2d;
      letter-spacing: 0;
      font-weight: 400; }
    .reports-page .report-card__date {
      color: rgba(0, 27, 45, 0.8);
      font-size: 0.85em;
      font-weight: 400;
      line-height: 1.8em;
      padding: 6px 0 12px 0; }
      .reports-page .report-card__date a {
        color: inherit;
        display: inline-flex;
        align-items: center; }
        .reports-page .report-card__date a:hover {
          text-decoration: underline; }
          .reports-page .report-card__date a:hover svg {
            opacity: 1; }
        .reports-page .report-card__date a svg {
          fill: #0076c0;
          margin-left: 8px;
          border: 1px solid #e6e9ea;
          border-radius: 12px;
          padding: 5px;
          opacity: 0.7;
          transition: opacity 0.2s ease; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.residents--wrapper {
  background-color: rgba(0, 118, 192, 0.03); }

.residents--container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1260px;
  margin: 0 auto; }
  .residents--container .resident-card {
    float: left;
    margin-top: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 25%; }
    .residents--container .resident-card__wrapper {
      display: flex;
      flex-wrap: wrap; }
    .residents--container .resident-card .card {
      flex: 1 1 0; }
      .residents--container .resident-card .card h5 {
        margin: 8px 0 2px;
        min-height: 35px;
        max-height: 70px;
        font-size: 18px;
        letter-spacing: 0.5px;
        padding-top: 8px; }
      .residents--container .resident-card .card .btn-more {
        z-index: 3000;
        right: -120px; }
        .residents--container .resident-card .card .btn-more + .btn-more-options {
          right: -120px; }
    .residents--container .resident-card__logo {
      display: inline-block;
      width: 60px;
      height: 60px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 8px; }
    .residents--container .resident-card__url {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      height: 19px;
      margin: 0 auto;
      text-overflow: ellipsis; }
    .residents--container .resident-card a {
      color: #0076c0; }
    .residents--container .resident-card img {
      max-width: 100px;
      max-height: 100px; }
    .residents--container .resident-card .card--header {
      border-bottom: none;
      padding-top: 0;
      height: auto;
      min-height: 200px; }
  .residents--container .tabs {
    margin: -20px -40px 20px -40px;
    background-color: rgba(0, 118, 192, 0.03); }

.toolbar ul.tabs.resident-filter-tabs li.disabled,
.toolbar ul.tabs.resident-filter-tabs li.disabled a {
  cursor: default; }

.toolbar ul.tabs.resident-filter-tabs li.disabled a {
  pointer-events: none;
  opacity: 0.5; }

.realm-config--preview {
  display: flex; }
  .realm-config--preview label {
    margin-bottom: 8px; }
  .realm-config--preview > div {
    flex: 1 1 50px;
    overflow: hidden;
    padding: 8px; }

.realm-config__title {
  color: #0076c0;
  font-size: 3em;
  margin: 32px auto;
  max-width: calc(100px + 80%); }

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

.color-palette {
  display: flex;
  padding: 12px; }
  .color-palette > div {
    width: 60px;
    height: 60px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.tv-preview {
  padding: 30px 0; }
  .tv-preview__video {
    overflow: hidden;
    position: relative; }
    .tv-preview__video + .tv-preview__video {
      margin-top: 15px; }
    .tv-preview__video .icon {
      cursor: pointer;
      position: absolute;
      right: 0;
      z-index: 1; }
    .tv-preview__video img {
      float: left;
      margin-right: 10px;
      max-width: 222px;
      max-height: 125px; }
    .tv-preview__video h4 {
      font-size: 1.3em;
      padding-right: 25px; }
    .content-search .tv-preview__video {
      padding: 10px; }
      .content-search .tv-preview__video:hover {
        background: #eaeff5;
        cursor: pointer; }
      .content-search .tv-preview__video .icon {
        display: none; }
  .tv-preview .input-header {
    font-size: 1.4em; }
  .tv-preview .btn-primary {
    margin-top: 20px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.uploader {
  display: flex;
  justify-content: space-evenly; }
  .uploader-drop-down {
    margin-right: 15px; }
    .uploader-drop-down--secondary button {
      background-color: #3f4a58; }
  .uploader--group {
    padding-bottom: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .uploader--group h2 {
      padding: 20px; }
    .uploader--group .upload {
      height: 400px; }
      .uploader--group .upload--container {
        max-width: 90%; }

.popin--container.upload-modal .upload--container {
  margin: 0;
  max-width: unset;
  border-bottom: 2px solid #e6e9ea; }

.popin--container.upload-modal .upload .drop--zone,
.popin--container.upload-modal .upload .generic-message {
  border-radius: unset;
  border: unset; }

.popin--container.upload-modal .upload__progress {
  width: 100%; }
  .popin--container.upload-modal .upload__progress--wrapper {
    width: 100%;
    padding: 15px 10% 45px; }

.popin--container.upload-modal .popin.popin--large {
  height: unset; }
  .popin--container.upload-modal .popin.popin--large .modal-body {
    min-height: unset;
    padding: unset; }

.popin--container.upload-helper-modal .popin.popin--large .modal-body {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  max-height: 80vh;
  min-height: 400px; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body .description {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    .popin--container.upload-helper-modal .popin.popin--large .modal-body .description p {
      margin-right: 20px; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body label {
    margin-top: 0;
    display: inline-block; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body .form-tooltip {
    margin-left: 8px;
    position: absolute; }
    .popin--container.upload-helper-modal .popin.popin--large .modal-body .form-tooltip .tooltip {
      width: 100%; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body .radio {
    display: flex;
    flex-direction: column;
    padding: 10px 0; }
    .popin--container.upload-helper-modal .popin.popin--large .modal-body .radio label {
      margin: 10px 0; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body .dropdown-filter__container {
    position: absolute;
    left: 0;
    right: initial; }
    .popin--container.upload-helper-modal .popin.popin--large .modal-body .dropdown-filter__container::before {
      left: 32px;
      right: initial; }
  .popin--container.upload-helper-modal .popin.popin--large .modal-body .dropdown-filter__container-search-clear {
    top: 50%;
    transform: translateY(-50%); }
.admin-reset {
  padding: 32px;
  min-width: 520px; }
  .admin-reset__row {
    display: flex; }
    .admin-reset__row input {
      flex: 1 1 0;
      margin: 0 12px 12px 0;
      height: 40px; }
      .admin-reset__row input[type='button'] {
        flex: 0 0 60px; }
      .admin-reset__row input[type='text'] {
        background-color: #eee; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-summary__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap; }
  .user-summary__actions > *:not(:last-child) {
    margin-right: 1em !important; }
  .toggle-view-list-page .user-summary__actions .expandable-link-list .btn-more-options {
    width: 12em;
    right: 0;
    bottom: 2.5em;
    left: 0; }
    .toggle-view-list-page .user-summary__actions .expandable-link-list .btn-more-options a {
      padding: 0.25em 0; }
      .toggle-view-list-page .user-summary__actions .expandable-link-list .btn-more-options a.gdpr-delete {
        margin-top: 0.75em;
        padding-top: 1em;
        color: #ff4136;
        border-top: 1px solid #ddd; }

.reset-pwd {
  padding: 1em; }
  .reset-pwd li {
    cursor: pointer;
    padding: 0.75em 1em; }
    .reset-pwd li.selected {
      border: 1px solid #0076c0;
      border-radius: 0.25em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
@media (min-width: 1200px) {
  .user-summary__activitiy {
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 0;
    margin-left: 2em; } }

@media (max-width: 1200px) {
  .user-summary__activitiy {
    margin-top: 2em; } }

.user-summary__activitiy__header, .user-summary__activitiy__item {
  box-shadow: 0px 1px 10px 1px #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  padding: 1em; }

.user-summary__activitiy__header {
  display: flex;
  justify-content: space-between;
  z-index: 2; }

.user-summary__activitiy__items {
  padding: 0 1em 1em 5px;
  flex-basis: 0;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: clip; }
  .user-summary__activitiy__items .user-summary__bubble-icon--container .user-summary__bubble-icon {
    background-color: #fff; }
    .user-summary__activitiy__items .user-summary__bubble-icon--container .user-summary__bubble-icon--red {
      fill: #f85f5f; }
    .user-summary__activitiy__items .user-summary__bubble-icon--container .user-summary__bubble-icon--blue {
      fill: #0076c0; }
  .user-summary__activitiy__items--shadow-start {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: -1em;
    height: 1px;
    box-shadow: 0px 10px 4px 1px #8c9cb0; }
  .user-summary__activitiy__items--shadow-end {
    position: absolute;
    left: -1em;
    bottom: -10px;
    height: 10px;
    width: calc(100% + 4em);
    background: #f6f6f7; }

.user-summary__activitiy__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 2em; }
  .user-summary__activitiy__item::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 1em;
    left: -0.625em;
    border-width: 0.625em 0.625em 0.625em 0px;
    border-style: solid;
    border-color: transparent #fff; }
  .user-summary__activitiy__item__bullet {
    z-index: 1;
    margin-right: 1.25em;
    background-color: #fff;
    border: solid 2px #8c9cb0;
    height: 1.25em;
    width: 1.25em;
    border-radius: 100px; }
    .user-summary__activitiy__item__bullet__wrapper {
      display: flex;
      align-items: center;
      top: 2.2em;
      height: max-content; }
      .user-summary__activitiy__item__bullet__wrapper .user-summary__bubble-icon--container {
        margin-right: 0.5em; }
        .user-summary__activitiy__item__bullet__wrapper .user-summary__bubble-icon--container .user-summary__bubble-icon {
          height: 3em;
          width: 3em;
          box-shadow: 0px 1px 10px 1px #ddd; }
  .user-summary__activitiy__item__wrapper {
    display: flex; }
  .user-summary__activitiy__item__content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em; }
    .user-summary__activitiy__item__content .user-summary__bubble-icon--container {
      align-items: flex-end;
      margin-left: auto; }
    .user-summary__activitiy__item__content p:first-child {
      margin-right: 1em; }
  .user-summary__activitiy__item__header {
    font-weight: bold; }
    .user-summary__activitiy__item__header--red {
      color: #f85f5f; }
    .user-summary__activitiy__item__header--blue {
      color: #0076c0; }

.user-summary__activitiy__line {
  z-index: 1;
  position: absolute;
  left: 4.4em;
  height: 100%;
  width: 2px;
  background-color: #8c9cb0; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-summary__details {
  display: flex;
  flex-direction: column; }
  .user-summary__details > *:not(:last-child) {
    margin-bottom: 1em !important; }
  .user-summary__details > div {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .user-summary__details > div > *:not(:last-child) {
      margin-right: 0.75em !important; }
    .user-summary__details > div svg {
      fill: #666666; }
  .user-summary__details--exid:hover {
    color: #0076c0; }
    .user-summary__details--exid:hover svg {
      fill: #0076c0; }
  .user-summary__details--exid span {
    cursor: pointer; }
  .user-summary__details-modal--address-toggle {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    color: #0076c0;
    fill: #0076c0;
    padding: 0.5em 0; }
    .user-summary__details-modal--address-toggle > *:not(:last-child) {
      margin-right: 0.5em !important; }
  .user-summary__details-modal--country-select .custom-dropdown.active input.dropdown-search {
    bottom: 0.5em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-summary__cards {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  gap: 2em; }
  .user-summary__cards__info {
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 27, 45, 0.03);
    padding: 1.5em; }
    .user-summary__cards__info--header {
      display: flex;
      justify-content: space-between;
      font-size: 0.85em; }
      .user-summary__cards__info--header__title {
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #999999; }
    .user-summary__cards__info__body {
      padding: 1em 0;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .user-summary__cards__info__body__description {
        display: flex;
        flex-direction: row; }
        .user-summary__cards__info__body__description > *:not(:last-child) {
          margin-right: 0.5em !important; }
        .user-summary__cards__info__body__description--column {
          display: flex;
          flex-direction: column; }
          .user-summary__cards__info__body__description--column > *:not(:last-child) {
            margin-bottom: 0.5em !important; }
.user-summary__licences .list .list--item:before,
.user-summary__licences .list .list--item:after {
  all: unset !important; }

.user-summary__licences .user-summary__link {
  text-transform: initial; }

.user-summary__licences td:last-child,
.user-summary__licences th:last-child {
  text-align: center; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-summary__badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }
  .user-summary__badges > *:not(:last-child) {
    margin-right: 0.75em !important; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-summary {
  display: flex;
  flex-direction: column;
  padding: 3em;
  background-color: #fff;
  box-shadow: 0px 8px 8px 1px #ddd;
  flex: 2; }
  .user-summary > *:not(:last-child) {
    margin-bottom: 2em !important; }
  .user-summary__link {
    cursor: pointer;
    color: #0076c0; }
  .user-summary__container.user-page-content {
    background-color: #f6f6f7;
    padding: 3em 4em;
    display: flex; }
    @media (max-width: 1200px) {
      .user-summary__container.user-page-content {
        flex-direction: column; } }
  .user-summary__title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em; }
    .user-summary__title > *:not(:last-child) {
      margin-right: 0.75rem !important; }
    .user-summary__title--preferred-name {
      color: #999999;
      font-size: 1.25em; }
    .user-summary__title--email {
      display: flex;
      flex-direction: row;
      align-items: baseline;
      color: #0076c0; }
      .user-summary__title--email > *:not(:last-child) {
        margin-right: 0.5em !important; }
      .user-summary__title--email svg {
        top: 0.25em;
        fill: #0076c0; }
  .user-summary .trailing-text {
    color: #999999;
    font-size: 0.85em; }
  .user-summary__bubble-icon--container {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
    .user-summary__bubble-icon--container .styled-tooltip,
    .user-summary__bubble-icon--container .styled-tooltip__trigger {
      margin-right: 0; }
      .user-summary__bubble-icon--container .styled-tooltip:not(:first-child),
      .user-summary__bubble-icon--container .styled-tooltip__trigger:not(:first-child) {
        margin-right: -0.5em; }
    .user-summary__bubble-icon--container .user-summary__bubble-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 2.6em;
      width: 2.6em;
      border-radius: 2em;
      background-color: #fff;
      color: #999999;
      border: 1px solid rgba(0, 27, 45, 0.1);
      font-weight: bold; }
      .user-summary__bubble-icon--container .user-summary__bubble-icon__payment-provider-icon {
        height: 27px;
        width: 26px; }
        .user-summary__bubble-icon--container .user-summary__bubble-icon__payment-provider-icon.icon-visa {
          width: 52px;
          height: 36px;
          transform: scale(0.45);
          position: absolute; }
    .user-summary__bubble-icon--container .device--icon {
      width: 3em;
      height: 3em;
      margin-right: 0;
      background-position: center; }
  .user-summary__bubble-icon--container-no-reverse {
    flex-direction: row; }
    .user-summary__bubble-icon--container-no-reverse .styled-tooltip,
    .user-summary__bubble-icon--container-no-reverse .styled-tooltip__trigger {
      margin-left: 0; }
      .user-summary__bubble-icon--container-no-reverse .styled-tooltip:not(:first-child),
      .user-summary__bubble-icon--container-no-reverse .styled-tooltip__trigger:not(:first-child) {
        margin-right: 0em;
        margin-left: -0.5em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.access-check__filters {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-bottom: 1px solid #ddd;
  transition: height 0.2s ease; }
  .access-check__filters.has-content {
    height: 120px; }
  .access-check__filters__search {
    width: 200px;
    position: absolute;
    left: 5%; }
    .access-check__filters__search-icon {
      position: absolute;
      background: url(/01b7c6a0fff3e0931125bbdcc399992c.svg) center/cover no-repeat;
      display: inline-block;
      height: 15px;
      width: 15px;
      top: 12px;
      left: 20px;
      opacity: 0.3;
      z-index: 1; }
    .access-check__filters__search-clear {
      cursor: pointer;
      font-size: 0.7em;
      opacity: 0.3;
      position: absolute;
      top: 10px;
      right: 8px;
      transition: opacity 0.2s ease; }
      .access-check__filters__search-clear:hover {
        opacity: 0.8; }
    .access-check__filters__search input[type='text'] {
      height: 40px;
      border-radius: 20px;
      background-color: #f6f6f7;
      padding: 0 35px 0 46px;
      margin: 0;
      border: none;
      font-size: 0.85em; }
  .access-check__filters__dropdown {
    display: flex;
    width: 45%;
    justify-content: space-evenly; }
    .has-content .access-check__filters__dropdown {
      align-items: flex-end;
      justify-content: space-evenly;
      flex-direction: column;
      height: 100%;
      width: auto; }
  .access-check__filters__content {
    margin-left: 25px; }
    .access-check__filters__content label {
      font-size: 12px;
      margin: 0 0 5px 0; }
    .access-check__filters__content input[type='text'] {
      margin: 0;
      height: 40px;
      width: 475px; }
  .access-check__filters .dropdown-filter__container-search-clear {
    top: 20px; }

.access-check__container {
  background-color: #f6f6f7;
  padding: 2% 5%;
  min-height: 64vh;
  justify-content: center; }
  .access-check__container__landing {
    text-align: center;
    top: 25px; }
    .access-check__container__landing .icon-access {
      display: inline-block;
      background-size: 25px;
      background-position: center;
      background-repeat: no-repeat;
      padding: 20px 20px;
      bottom: 3px;
      opacity: 0.75; }
  .access-check__container__table {
    width: 100%; }
    .access-check__container__table .has-border-left {
      border-left: 1px solid #ddd;
      width: 9%; }
    .access-check__container__table .has-border-right {
      border-right: 1px solid #ddd;
      width: 11%; }
    .access-check__container__table thead tr {
      height: 40px; }
      .access-check__container__table thead tr th {
        font-family: "Roboto", "Roboto-Regular", sans-serif;
        text-transform: uppercase;
        font-size: 0.7em;
        letter-spacing: 1.2px;
        font-weight: 600;
        opacity: 0.6;
        width: 10%; }
        .access-check__container__table thead tr th.bold-header {
          opacity: 1; }
        .access-check__container__table thead tr th .styled-tooltip__message {
          left: auto;
          white-space: normal;
          width: 250px;
          line-height: 2em; }
        .access-check__container__table thead tr th span.icon {
          background-size: 15px;
          background-repeat: no-repeat;
          background-position: center;
          padding: 10px 18px 10px 0;
          margin-right: 10px;
          display: inline-block; }
        .access-check__container__table thead tr th .access-icon-legend {
          font-size: 0.7em;
          top: 18px; }
          .access-check__container__table thead tr th .access-icon-legend > div {
            white-space: nowrap; }
            .access-check__container__table thead tr th .access-icon-legend > div svg {
              fill: #3ec55e;
              stroke: #3ec55e;
              top: 3px;
              margin-right: 3px; }
    .access-check__container__table tbody td {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding: 15px 0;
      width: 10%;
      opacity: 0.8;
      text-align: center; }
      .access-check__container__table tbody td:first-child {
        width: 5%;
        text-align: left; }
      .access-check__container__table tbody td.licence-name {
        width: 15%;
        text-align: left; }
      .access-check__container__table tbody td .acccess-check__status-icon {
        display: inline-block;
        height: 25px;
        width: 25px;
        border-radius: 15px; }
        .access-check__container__table tbody td .acccess-check__status-icon span {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
          height: 14px;
          width: 18px;
          top: 4px; }
        .access-check__container__table tbody td .acccess-check__status-icon svg {
          fill: #fff; }
        .access-check__container__table tbody td .acccess-check__status-icon.status-true {
          background-color: #3ec55e; }
          .access-check__container__table tbody td .acccess-check__status-icon.status-true svg {
            top: 4px; }
        .access-check__container__table tbody td .acccess-check__status-icon.status-false {
          background-color: #e74a51; }
          .access-check__container__table tbody td .acccess-check__status-icon.status-false svg {
            top: 3px; }
      .access-check__container__table tbody td .free-icon {
        position: absolute;
        fill: #3ec55e;
        top: 20px;
        right: 35px; }
      .access-check__container__table tbody td .user-icon {
        position: absolute;
        fill: #3ec55e;
        stroke: #3ec55e;
        stroke-width: 25;
        top: 20px;
        right: 35px; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.watch-progress {
  height: 45px;
  position: absolute;
  margin-left: 10px;
  margin-top: -4px; }
  .watch-progress .circle-bg {
    fill: none;
    stroke: #e1e1e1;
    stroke-width: 3.8; }
  .watch-progress .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards; }

@keyframes progress {
  0% {
    stroke-dasharray: 0 100; } }
  .watch-progress .circle {
    stroke: #0074d9; }
  .watch-progress .percentage {
    fill: #666666;
    font-size: 0.75em;
    text-anchor: middle; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-activity__header {
  background-color: #fff; }
  .user-activity__header-filters {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    margin: auto; }
    .user-activity__header-filters input[type='text'] {
      cursor: pointer;
      height: 40px;
      width: 200px;
      text-align: center;
      top: 6px;
      margin-right: 10px; }
    .user-activity__header-filters .custom-dropdown {
      margin: 0 10px 0 0;
      min-width: 150px; }
      .user-activity__header-filters .custom-dropdown.action-type-dropdown {
        width: 175px; }
      .user-activity__header-filters .custom-dropdown.impersonation-dropdown {
        width: 270px; }
    .user-activity__header-filters .multi-select-dropdown {
      width: 225px; }
      .user-activity__header-filters .multi-select-dropdown label {
        text-transform: uppercase; }
    .user-activity__header-filters__clear {
      height: 40px; }

.user-activity__list.hidden {
  opacity: 0; }

.user-activity__list table.table.table-hover thead tr td:first-child {
  box-shadow: none; }

.user-activity__list table.table.table-hover tr {
  padding: 0 10px; }
  .user-activity__list table.table.table-hover tr .expandable-link-list {
    opacity: 0; }
  .user-activity__list table.table.table-hover tr:hover .expandable-link-list {
    opacity: 1; }
  .user-activity__list table.table.table-hover tr .activity-list__timestamp {
    width: 18%; }
  .user-activity__list table.table.table-hover tr .activity-list__device {
    width: 12%; }
    .user-activity__list table.table.table-hover tr .activity-list__device .device--icon {
      vertical-align: bottom;
      margin-bottom: -4px; }
  .user-activity__list table.table.table-hover tr .activity-list__impersonation span {
    padding: 5px 12px;
    color: #999999;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #cecece;
    background-color: #ffffff;
    border-radius: 30px; }
  .user-activity__list table.table.table-hover tr .activity-list__location {
    width: 15%; }
    .user-activity__list table.table.table-hover tr .activity-list__location .flag--inline {
      display: flex;
      align-items: center;
      top: 7px; }
      .user-activity__list table.table.table-hover tr .activity-list__location .flag--inline .user-summary__flag {
        font-size: 1.5em;
        margin-left: 0; }
      .user-activity__list table.table.table-hover tr .activity-list__location .flag--inline .user-ip {
        color: rgba(0, 27, 45, 0.6);
        font-size: 0.8em;
        margin-left: 8px; }
  .user-activity__list table.table.table-hover tr .activity-list__action {
    width: 50%;
    max-width: 500px; }
    .user-activity__list table.table.table-hover tr .activity-list__action-container {
      transition: none; }
      .user-activity__list table.table.table-hover tr .activity-list__action-container.active {
        padding-bottom: 10px; }
    .user-activity__list table.table.table-hover tr .activity-list__action-content-title {
      color: rgba(0, 27, 45, 0.6);
      font-size: 0.8em;
      margin-left: 8px;
      text-overflow: ellipsis; }
    .user-activity__list table.table.table-hover tr .activity-list__action-watch-details {
      opacity: 1;
      transition: opacity 1s ease; }
      .user-activity__list table.table.table-hover tr .activity-list__action-watch-details.hidden {
        opacity: 0;
        transition: opacity 1s ease; }
      .user-activity__list table.table.table-hover tr .activity-list__action-watch-details .watch-details__table {
        width: 90%; }
        .user-activity__list table.table.table-hover tr .activity-list__action-watch-details .watch-details__table thead tr {
          border-top: rgba(0, 27, 45, 0.05) 1px solid;
          margin-top: 10px;
          padding-top: 10px; }
          .user-activity__list table.table.table-hover tr .activity-list__action-watch-details .watch-details__table thead tr td {
            padding-top: 10px; }
        .user-activity__list table.table.table-hover tr .activity-list__action-watch-details .watch-details__table tr td {
          border-bottom: none;
          box-shadow: none;
          min-width: 50px;
          padding: 0; }
  .user-activity__list table.table.table-hover tr .activity-list__options {
    width: 10%;
    white-space: nowrap;
    justify-content: center; }
    .user-activity__list table.table.table-hover tr .activity-list__options a.toggle-watch-details {
      min-width: 150px; }

.user-activity__no-results {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  height: 1000px; }
  .user-activity__no-results span {
    font-size: 1.75em; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-licence-table__body.list .list--item::before {
  display: none; }

.user-licence-table__body td:not(:first-child),
.user-licence-table__body td:first-child .licence-id {
  color: #999999; }

.user-licence-table__body .payment-provider {
  display: inline-block;
  position: relative;
  top: 10px; }
  .user-licence-table__body .payment-provider-icon {
    width: 30px;
    height: 30px; }
    .user-licence-table__body .payment-provider-icon.icon-paypal {
      margin: 0;
      width: 25px; }
  .user-licence-table__body .payment-provider .tooltip {
    left: 50%;
    bottom: auto;
    right: auto;
    top: -61px;
    transform: translateX(-50%);
    white-space: nowrap; }
    .user-licence-table__body .payment-provider .tooltip:after {
      right: 51%;
      transform: translateX(50%); }
    .user-licence-table__body .payment-provider .tooltip .credit-card-icon {
      margin-bottom: -13px;
      margin-right: -2px;
      transform: scale(0.7); }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.icon-visa, .icon-mastercard, .icon-discover, .icon-american-express, .icon-diners-club {
  width: 52px;
  height: 36px;
  background-image: url(/2f4c7f4f18088d107a19e5acf42fec18.png); }

.icon-visa {
  background-position: -23px -82px; }

.icon-mastercard {
  background-position: -95px -82px; }

.icon-discover {
  background-position: -166px -82px; }

.icon-american-express {
  background-position: -237px -82px; }

.icon-diners-club {
  background-position: -308px -82px; }

.icon-paypal {
  background-image: url(https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png);
  background-repeat: no-repeat;
  height: 50px;
  margin: -7px auto;
  width: 80px; }
  .icon-paypal span {
    display: none; }
  .icon-paypal.payment-method-card__logo {
    background-image: url(/61d2bc9423644c029ddbfd0c4e3d7a7e.png);
    background-size: cover;
    background-position: center center; }

.user-payment-methods {
  background-color: rgba(0, 118, 192, 0.03);
  padding-top: 20px; }
  .user-payment-methods__section {
    margin-bottom: 7px;
    padding-left: 15px; }
    .user-payment-methods__section.greyscale .icon {
      filter: grayscale(100%); }
  .user-payment-methods__section-title {
    font-size: 0.8em;
    letter-spacing: 0.7px;
    font-weight: bold;
    color: rgba(0, 27, 45, 0.7);
    text-transform: uppercase; }
  .user-payment-methods--empty {
    padding: 30px; }
    .user-payment-methods--empty h1,
    .user-payment-methods--empty p {
      padding: 16px;
      color: gray; }

.payment-method-card {
  float: left;
  width: 260px;
  height: 300px;
  margin-top: 15px;
  margin-right: 25px;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex: 0 0 25%; }
  .payment-method-card__wrapper {
    display: flex;
    flex-wrap: wrap; }
  .payment-method-card__default-label, .payment-method-card__status {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 0.9em;
    letter-spacing: 1.6px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(0, 118, 192, 0.8); }
  .payment-method-card__default-label {
    top: 8px; }
  .payment-method-card__status {
    bottom: 15px; }
  .payment-method-card__logo {
    width: 51px;
    height: 36px;
    margin: 0 auto; }
  .payment-method-card__data {
    flex: 1 0 50%;
    margin: 5px 0; }
    .payment-method-card__data--big {
      flex: 1 0 100%;
      margin-top: 15px; }
  .payment-method-card__data-label {
    font-size: 0.9em;
    color: rgba(0, 27, 45, 0.4); }
  .payment-method-card__data-content {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 16px;
    padding: 8px;
    color: rgba(0, 27, 45, 0.8); }
  .payment-method-card .card {
    padding-top: 45px;
    padding-bottom: 35px;
    flex: 1 1 0;
    display: flex;
    flex-wrap: wrap; }
    .payment-method-card .card h5 {
      margin: 8px 0 2px;
      min-height: 35px;
      max-height: 70px;
      font-size: 18px;
      letter-spacing: 0.5px;
      padding-top: 8px; }
    .payment-method-card .card .expandable-link-list {
      position: absolute; }
    .payment-method-card .card .btn-more {
      z-index: 1;
      right: -230px;
      top: -36px;
      transform: scale(0.8); }
      .payment-method-card .card .btn-more + .btn-more-options {
        top: -11px;
        right: -270px;
        padding: 0; }
        .payment-method-card .card .btn-more + .btn-more-options li {
          padding: 6px 13px; }
          .payment-method-card .card .btn-more + .btn-more-options li:not(:last-child) {
            border-bottom: 1px solid rgba(0, 27, 45, 0.1); }
          .payment-method-card .card .btn-more + .btn-more-options li:hover {
            text-decoration: underline; }
        .payment-method-card .card .btn-more + .btn-more-options a {
          text-align: left;
          color: #0076c0;
          user-select: none; }
          .payment-method-card .card .btn-more + .btn-more-options a.payment-method-card__option-red {
            color: #ff4136; }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.user-transactions table .list--item {
  cursor: pointer; }

.user-transactions table tr {
  text-transform: capitalize; }

.user-transactions__user-navigation {
  margin: 15px 0; }

.user-transactions .licence-overview-table__active-licence-heading td,
.user-transactions .licence-overview-table__inactive-licence-heading td {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 1.2px;
  border-bottom: none;
  font-weight: bold; }

.user-transactions .licence-overview-table__name {
  display: flex; }
  .user-transactions .licence-overview-table__name .styled-tooltip__trigger {
    margin-left: 10px; }
  .user-transactions .licence-overview-table__name .styled-tooltip__message {
    white-space: pre;
    width: fit-content;
    line-height: 1.5rem;
    text-align: left;
    transform: translateX(-10px);
    max-width: 60vw;
    overflow: hidden;
    text-overflow: ellipsis; }
    .user-transactions .licence-overview-table__name .styled-tooltip__message::after {
      right: unset; }

.user-transactions .licence-overview-table__id {
  color: #aaa;
  font-size: 0.8em; }

.user-transactions .licence-overview-table__inactive-licence-heading {
  color: #aaa; }
  .user-transactions .licence-overview-table__inactive-licence-heading td {
    padding-top: 40px; }
  .user-transactions .licence-overview-table__inactive-licence-heading ~ tr {
    color: #aaa; }

.user-transactions .licence-overview-table th:first-child,
.user-transactions .licence-overview-table .list--item td:first-child {
  padding-left: 20px; }

.user-transactions .licence-overview-table__name-header {
  width: 25%; }

.user-transactions .licence-overview-table__status-header {
  width: 10%; }

.user-transactions .licence-overview-table__type-header {
  width: 15%; }

.user-transactions .licence-overview-table__payment-type-header {
  width: 10%; }

.user-transactions .licence-overview-table__payment-purchase-time-header {
  width: 20%; }

.user-transactions .licence-overview-table__payment-expiry-time-header {
  width: 20%; }

.user-transactions .licence-overview-table__status {
  text-transform: capitalize; }
  .user-transactions .licence-overview-table__status::after {
    display: none; }

.user-transactions .licence-details-table th:first-child {
  padding-left: 20px; }

.user-transactions .licence-details-table__event-type {
  width: 25%; }
  .user-transactions .licence-details-table__event-type .event-type-text-container {
    display: inline-block;
    border-radius: 2px;
    line-height: 1.9em;
    padding: 0 10px; }
  .user-transactions .licence-details-table__event-type .event-type-success {
    background-color: rgba(47, 186, 10, 0.06);
    border: 1px solid rgba(45, 192, 0, 0.65); }
  .user-transactions .licence-details-table__event-type .event-type-revoked {
    background-color: rgba(192, 0, 0, 0.06);
    border: 1px solid rgba(186, 10, 10, 0.65); }

.user-transactions .licence-details-table__date {
  width: 20%; }

.user-transactions .licence-details-table__price {
  width: 15%; }
  .user-transactions .licence-details-table__price--with-voucher .user-transactions__price {
    padding-right: 0; }
  .user-transactions .licence-details-table__price .discount__container,
  .user-transactions .licence-details-table__price .refund__container {
    display: inline-block;
    position: relative;
    text-align: left; }
  .user-transactions .licence-details-table__price .discount__details,
  .user-transactions .licence-details-table__price .refund__details {
    left: -10px;
    right: auto;
    top: -5px;
    transform: translateY(-100%);
    white-space: nowrap; }
    .user-transactions .licence-details-table__price .discount__details:after,
    .user-transactions .licence-details-table__price .refund__details:after {
      left: 20px;
      right: auto; }
  .user-transactions .licence-details-table__price .discount__label,
  .user-transactions .licence-details-table__price .refund__label {
    letter-spacing: 1px;
    line-height: 1.6em;
    text-transform: uppercase; }
    .user-transactions .licence-details-table__price .discount__label strong,
    .user-transactions .licence-details-table__price .refund__label strong {
      font-weight: bold; }
  .user-transactions .licence-details-table__price .discount__icon,
  .user-transactions .licence-details-table__price .refund__icon {
    display: inline-block;
    height: 22px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    width: 22px; }
  .user-transactions .licence-details-table__price .discount__icon {
    background: url(/339794d2470b409c319a1f73efffbca5.svg) center no-repeat; }
  .user-transactions .licence-details-table__price .refund__icon {
    background: url(/bb828ecc3b3fc33d30e391bbd54f7949.svg) center no-repeat; }

.user-transactions .licence-details-table__payment-type {
  width: 20%;
  text-transform: capitalize; }
  .user-transactions .licence-details-table__payment-type .payment-provider {
    display: inline-block;
    position: relative;
    top: 10px; }
    .user-transactions .licence-details-table__payment-type .payment-provider-icon {
      width: 30px;
      height: 30px; }
      .user-transactions .licence-details-table__payment-type .payment-provider-icon.icon-paypal {
        margin: 0;
        width: 25px; }
    .user-transactions .licence-details-table__payment-type .payment-provider .tooltip {
      left: 50%;
      bottom: auto;
      right: auto;
      top: -61px;
      transform: translateX(-50%);
      white-space: nowrap; }
      .user-transactions .licence-details-table__payment-type .payment-provider .tooltip:after {
        right: 51%;
        transform: translateX(50%); }
      .user-transactions .licence-details-table__payment-type .payment-provider .tooltip .credit-card-icon {
        margin-bottom: -13px;
        margin-right: -2px;
        transform: scale(0.7); }
        .user-transactions .licence-details-table__payment-type .payment-provider .tooltip .credit-card-icon.icon-paypal {
          width: 25px;
          margin-right: 5px;
          margin-bottom: -17px; }

.user-transactions .licence-details-table__notes {
  width: 20%; }

.user-transactions .licence-details-table .icon-chevron-right {
  font-size: 0.65em;
  margin-left: 15px; }

.user-transactions .transaction-details-table th:first-child,
.user-transactions .transaction-details-table td:first-child {
  padding-left: 20px; }

.user-transactions .transaction-details-table__event-type {
  width: 35%; }

.user-transactions .transaction-details-table__date {
  width: 30%; }

.user-transactions .transaction-details-table__payment-type {
  width: 35%; }
  .user-transactions .transaction-details-table__payment-type .payment-method-card__logo {
    display: inline-block;
    margin: 0;
    transform: scale(0.5); }

.user-transactions .list .list--item::before {
  display: none; }

.user-transactions th {
  border-bottom: 1px solid rgba(0, 27, 45, 0.05); }
  .user-transactions th.user-transaction__header--price {
    padding-left: 20px; }

.manage-subscription,
.manage-transaction {
  background-color: rgba(0, 118, 192, 0.03);
  border-left: 1px solid rgba(0, 118, 192, 0.7); }
  .manage-subscription__title,
  .manage-transaction__title {
    border-bottom: 1px solid rgba(170, 170, 170, 0.2);
    padding: 10px 25px; }
    .manage-subscription__title h2,
    .manage-transaction__title h2 {
      text-transform: uppercase;
      font-size: 0.8em;
      letter-spacing: 1.2px;
      font-weight: bold; }
  .manage-subscription__section,
  .manage-transaction__section {
    padding: 15px 25px; }
    .manage-subscription__section h3,
    .manage-transaction__section h3 {
      font-size: 1em; }
  .manage-subscription__confirm-modal.popin--container header,
  .manage-transaction__confirm-modal.popin--container header {
    background-color: rgba(0, 27, 45, 0.04); }
    .manage-subscription__confirm-modal.popin--container header h4.modal-title,
    .manage-transaction__confirm-modal.popin--container header h4.modal-title {
      color: rgba(0, 27, 45, 0.65);
      font-family: 'Roboto-Bold', sans-serif;
      font-weight: bold;
      font-size: 0.95em;
      padding-top: 25px;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
  .manage-subscription__confirm-modal.popin--container .popin.popin--large .close,
  .manage-transaction__confirm-modal.popin--container .popin.popin--large .close {
    top: 20px; }
  .manage-subscription__confirm-modal.popin--container .popin.popin--large .modal-body,
  .manage-transaction__confirm-modal.popin--container .popin.popin--large .modal-body {
    min-height: 0;
    overflow: hidden;
    padding-bottom: 115px; }
    .manage-subscription__confirm-modal.popin--container .popin.popin--large .modal-body h2,
    .manage-transaction__confirm-modal.popin--container .popin.popin--large .modal-body h2 {
      font-family: 'Roboto-Light', sans-serif;
      font-weight: 200;
      text-align: center;
      margin-top: 30px; }
  .manage-subscription__confirm-modal.popin--container .popin.popin--large footer,
  .manage-transaction__confirm-modal.popin--container .popin.popin--large footer {
    border-top: none;
    max-height: none;
    padding-bottom: 40px; }
    .manage-subscription__confirm-modal.popin--container .popin.popin--large footer button,
    .manage-transaction__confirm-modal.popin--container .popin.popin--large footer button {
      position: relative;
      margin: 10px auto;
      width: 220px;
      height: 42px; }

.cancel-licence-section h3,
.refund-transaction-section h3 {
  margin-bottom: 15px; }

.cancel-licence-section .radio-wrapper,
.refund-transaction-section .radio-wrapper {
  margin: 10px 0; }

.cancel-licence-section input[type='radio'],
.refund-transaction-section input[type='radio'] {
  display: inline-block; }

.cancel-licence-section input[type='text'],
.refund-transaction-section input[type='text'] {
  margin-left: 26px;
  margin-bottom: 0;
  height: 20px;
  width: 130px; }

.cancel-licence-section label,
.refund-transaction-section label {
  display: inline-block;
  margin-top: 0;
  margin-left: 15px; }
  .cancel-licence-section label::before,
  .refund-transaction-section label::before {
    display: none; }

.cancel-licence-section__confirm-question,
.refund-transaction-section__confirm-question {
  font-size: 24px;
  margin-bottom: 20px; }

.cancel-licence-section__cancel-button,
.refund-transaction-section__cancel-button {
  color: #ff4136;
  background-color: #fff;
  border: 1px solid rgba(0, 27, 45, 0.2);
  position: absolute;
  display: block;
  bottom: 0;
  right: 0; }
  .cancel-licence-section__cancel-button .loader,
  .refund-transaction-section__cancel-button .loader {
    position: relative;
    margin: 0 auto;
    top: -3px; }
    .cancel-licence-section__cancel-button .loader .circle::after,
    .refund-transaction-section__cancel-button .loader .circle::after {
      border-color: transparent #ff4136 #ff4136 #ff4136; }
  .cancel-licence-section__cancel-button:hover,
  .refund-transaction-section__cancel-button:hover {
    background-color: #ff4136;
    color: #fff; }
    .cancel-licence-section__cancel-button:hover .loader .circle::after,
    .refund-transaction-section__cancel-button:hover .loader .circle::after {
      border-color: transparent #fff #fff #fff; }

.refund-transaction-section__currency-input[type='text'] {
  padding-left: 25px;
  padding-right: 50px; }

.refund-transaction-section__currency-input-symbol {
  position: absolute;
  top: 4px;
  left: 35px;
  z-index: 1; }

.refund-transaction-section__currency-input-name {
  position: absolute;
  top: 4px;
  left: 115px;
  z-index: 1; }

.refund-transaction-section__input-tooltip {
  /* Override CSS framework values to display tooltip without hover */ }
  .refund-transaction-section__input-tooltip .tooltip--trigger + .tooltip {
    animation: fade 0.5s;
    display: block;
    opacity: 1;
    visibility: visible;
    left: 25px;
    bottom: -77px;
    width: 185px; }
    .refund-transaction-section__input-tooltip .tooltip--trigger + .tooltip::after {
      left: 35px; }

.invoice-section h4 {
  font-size: 13px; }

.invoice-section__actions {
  margin-top: 20px;
  display: flex; }
  .invoice-section__actions .action {
    margin-right: 50px; }
    .invoice-section__actions .action button {
      background-color: #fff;
      color: #0076c0;
      border: 1px solid rgba(0, 27, 45, 0.2); }
      .invoice-section__actions .action button:hover {
        background-color: #0076c0;
        color: #fff; }

.user-navigation {
  padding: 20px 0;
  width: 100%; }
  .user-navigation__navigation-title {
    display: inline;
    color: rgba(0, 27, 45, 0.6);
    font-size: 0.8em;
    letter-spacing: 0.5px;
    font-weight: 300;
    padding-left: 15px;
    text-transform: uppercase;
    cursor: pointer; }
    .user-navigation__navigation-title:last-child {
      color: rgba(0, 27, 45, 0.9);
      cursor: auto;
      font-weight: 500; }
    .user-navigation__navigation-title span {
      margin-right: 15px;
      text-decoration: none;
      color: #aaa; }
  .user-navigation__licence-type {
    font-size: 0.7em;
    margin-top: -10px; }
  .user-navigation__manage-licence-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-left: 25px;
    color: rgba(0, 27, 45, 0.8);
    background-color: #fff;
    border: 1px solid rgba(0, 27, 45, 0.2); }
    .user-navigation__manage-licence-btn.active {
      color: #fff;
      background-color: #0076c0; }
      .user-navigation__manage-licence-btn.active:hover {
        background-color: #0076c0; }
    .user-navigation__manage-licence-btn:hover {
      background-color: #fff;
      transition: none; }
    .user-navigation__manage-licence-btn .icon {
      margin-right: 8px;
      display: inline-block; }
  .user-navigation__wrapper {
    padding: 40px; }

.credit-card-icon {
  display: inline-block;
  width: 52px;
  height: 36px;
  margin: 5px 10px; }

.payment-provider-icon {
  height: 30px;
  width: 30px; }

.icon-stripe,
.icon-apple-iap,
.icon-google-iap,
.icon-roku-iap,
.icon-microsoft-iap,
.icon-amazon-iap,
.icon-zero-balance {
  background-image: url(/504c81ca609ddf83e99750d64c2b2b3e.png);
  background-position-y: -22px; }

.icon-stripe {
  background-position-x: -20px; }

.icon-apple-iap {
  background-position-x: -88px; }

.icon-google-iap {
  background-position-x: -156px; }

.icon-roku-iap {
  background-position-x: -349px; }

.icon-microsoft-iap {
  background-position-x: -286px; }

.icon-amazon-iap {
  background-position-x: -403px; }

.icon-zero-balance {
  background-position-x: -228px;
  width: 33px; }
@charset "UTF-8";
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.table {
  width: 100%;
  border-collapse: separate; }
  .table,
  .table * {
    transition: all 0.4s ease; }
  .table thead th,
  .table thead td {
    text-align: left;
    color: rgba(0, 27, 45, 0.6);
    font-family: "Roboto", "Roboto-Regular", sans-serif;
    font-size: 0.7em;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .table td {
    min-width: 40px;
    border: none;
    border-bottom: rgba(0, 27, 45, 0.05) 1px solid; }
    .table td img.avatar {
      margin-right: 25px; }
    .table td.no-results {
      text-align: center;
      font-size: 1em;
      padding: 20px;
      border-top: rgba(0, 27, 45, 0.05) 1px solid; }
  .table th,
  .table td {
    line-height: 36px;
    padding: 10px 6px; }
  .table .custom-dropdown {
    margin: auto; }

.table-hover tr:hover td:first-child {
  box-shadow: inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px #ffffff, inset 2px 0 0 #0076c0; }

.table-hover tr td:first-child {
  padding-left: 20px;
  box-shadow: inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px #ffffff, inset 2px 0 0 #ffffff; }

.table-hover tr td:last-child {
  padding-right: 10px; }

.table-sortable thead tr th {
  cursor: pointer; }

.table-sortable thead tr .table-sortable-header-active {
  font-weight: bold; }
  .table-sortable thead tr .table-sortable-header-active:after {
    font-family: 'img-icon';
    font-size: 0.6em;
    padding-left: 5px;
    font-weight: normal; }

.table-sortable thead tr.table-sortable-asc .table-sortable-header-active:after {
  content: 'l'; }

.table-sortable thead tr.table-sortable-desc .table-sortable-header-active:after {
  content: 's'; }

.users-section--container.toggle-view-list-page {
  overflow-y: scroll;
  background-color: #fff; }
  .users-section--container.toggle-view-list-page .toggle-view-list-page__header {
    padding: 0 15px; }
    .users-section--container.toggle-view-list-page .toggle-view-list-page__header .tabs {
      margin: 0 115px; }
      @media screen and (max-width: 1300px) {
        .users-section--container.toggle-view-list-page .toggle-view-list-page__header .tabs {
          margin: 0; } }
      .users-section--container.toggle-view-list-page .toggle-view-list-page__header .tabs li a {
        padding: 26px 0; }
      .users-section--container.toggle-view-list-page .toggle-view-list-page__header .tabs li:not(:first-child) a {
        margin-left: 8px; }

#users-list {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px; }
  #users-list .users-list__empty {
    font-size: 2em;
    margin: 200px auto;
    max-width: 300px;
    text-align: center; }
    #users-list .users-list__empty .icon {
      color: #0076c0;
      margin-right: 5px; }
    #users-list .users-list__empty p {
      font-size: 0.5em;
      margin-top: 10px; }

.user-page-content {
  padding: 10px 150px; }
  @media screen and (max-width: 1300px) {
    .user-page-content {
      padding: 0; } }
  .user-page-content--username-edit {
    padding-top: 16px; }

.user-badge {
  display: flex;
  flex-direction: row;
  color: #fff;
  background-color: #0076c0;
  padding: 0.15em 1em;
  border-radius: 2em;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .user-badge > *:not(:last-child) {
    margin-right: 0.75em !important; }
  .user-badge.warning-badge {
    background-color: #ff4136; }
  .user-badge svg {
    fill: #fff; }
  .list--item--col .user-badge {
    height: 2.5em;
    width: fit-content;
    display: inline-flex;
    margin-left: 1.5em; }

.topbar--title.has-search .title,
.topbar--title.has-search .btn {
  display: none; }
  @media (min-width: 992px) {
    .topbar--title.has-search .title,
    .topbar--title.has-search .btn {
      display: block; } }

.topbar--title .create-user {
  margin: 12px 0; }
  @media (min-width: 1200px) {
    .topbar--title .create-user {
      margin: auto;
      padding: 14px 16px; } }

.topbar--title .btn {
  display: inline-block; }

.user-transactions .user-transactions__type {
  width: 5%; }
  .user-transactions .user-transactions__type .skeleton__label {
    display: none; }

.user-transactions__licence {
  width: 20%; }

.user-transactions__price {
  display: flex;
  justify-content: flex-start;
  padding-left: 14px; }

.user-transactions__payment-provider {
  width: 10%; }

.user-transactions__card-number {
  width: 10%; }

.user-transactions__event-type {
  width: 15%; }

.user-transactions__timestamp {
  width: 15%; }

.user-transactions__actions {
  width: 15%; }

.user-transactions__status {
  vertical-align: middle; }
  .user-transactions__status:after {
    border: 1px solid #e6e9ea;
    border-radius: 16px;
    content: '';
    display: block;
    font-weight: bold;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px; }
  .user-transactions__status--cancelled:after {
    color: #ff4136;
    content: '\2717'; }
  .user-transactions__status--confirmed:after {
    color: #2ecc40;
    content: '\2713'; }
  .user-transactions__status--renewal:after {
    color: #2ecc40;
    content: '\21BB'; }

.user-transactions__action-menu {
  line-height: 22px;
  width: 160px; }

.user-transactions__extension {
  margin: 0 53px;
  table-layout: fixed;
  width: calc(100% - 106px); }
  .user-transactions__extension td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.user-transactions--empty {
  padding: 50px; }
  .user-transactions--empty h1,
  .user-transactions--empty p {
    padding: 16px;
    color: gray; }

.user-transactions__licence-events {
  background-color: rgba(0, 118, 192, 0.05); }
  .user-transactions__licence-events tr td:first-child,
  .user-transactions__licence-events th:first-child {
    border-right: rgba(0, 27, 45, 0.05) 1px solid;
    border-bottom: none; }
  .user-transactions__licence-events .user-transactions__extension tr td:first-child,
  .user-transactions__licence-events .user-transactions__extension th:first-child {
    border-right: none;
    border-bottom: rgba(0, 27, 45, 0.05) 1px solid; }
  .user-transactions__licence-events .user-transactions__extension tr:last-child td {
    border-bottom: none; }

.user__topbar.topbar--title .title {
  display: inline-block;
  float: none;
  line-height: 1.1em;
  max-width: 33.33%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.user__back {
  font-size: 2.5em;
  color: rgba(255, 255, 255, 0.8);
  margin: 6px 12px 0 0; }
  .user__back:hover {
    color: rgba(255, 255, 255, 0.9); }

.user__header {
  margin-left: 60px; }
  .user__header .dropdown-button-container {
    float: right; }
    .user__header .dropdown-button-container__gdpr-button {
      color: #ff4136; }
      .user__header .dropdown-button-container__gdpr-button:hover {
        color: #ff4136;
        border-left: 2px solid #ff4136; }
    .user__header .dropdown-button-container button {
      width: 170px; }

.user__edit-id {
  font-size: 14px;
  white-space: nowrap; }

.activity-history__action {
  width: 20%; }

.watch-history .watch-history__col--id {
  width: 10%; }

.watch-history .watch-history__col--type {
  width: 10%; }

.watch-history .watch-history__col--title {
  width: 50%; }

.watch-history .watch-history__col--time {
  width: 20%; }

.watch-history .watch-history__col--progress {
  width: 10%; }

.user-form__create {
  margin: 20px 0; }

.user-form .dropdown-filter {
  top: 20px;
  width: 50%;
  margin-bottom: 20px; }
  .user-form .dropdown-filter__title {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    color: rgba(0, 27, 45, 0.8);
    letter-spacing: inherit;
    margin: 0; }
    .user-form .dropdown-filter__title::after {
      top: 7px; }
  .user-form .dropdown-filter__container {
    position: relative;
    margin-top: 5px; }
    .user-form .dropdown-filter__container::before {
      left: 32px; }
    .user-form .dropdown-filter__container-search input {
      width: 95%; }
    .user-form .dropdown-filter__container-search-icon {
      left: 30px; }
    .user-form .dropdown-filter__container-search-clear {
      top: 20px;
      right: 30px; }

.gdpr-delete h1 {
  font-size: 1.5em; }

.gdpr-delete h2 {
  margin: 32px 0 16px 0; }

.gdpr-delete p {
  margin: 0 0 16px 0;
  font-style: italic; }

.gdpr-delete .radio {
  margin: 0 0 32px 0; }

.click-more {
  text-align: center; }
  .click-more .btn {
    margin: 32px auto; }
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
ui-view,
[ui-view] {
  display: block; }

body:after {
  display: none; }

body.noscroll {
  overflow: hidden; }

.banner {
  transition: transform 0.3s ease;
  padding: 4px 16px;
  font-size: 0.9em; }
  .content-preview-mode .banner {
    transform: translateY(-200%) !important; }
  .banner--green {
    background-color: #3ec55e;
    color: #fff; }
  .banner--blue {
    background-color: #008ce4;
    color: #fff; }

.page--small {
  max-width: 920px;
  margin: auto; }

.page--medium {
  max-width: 1200px;
  margin: auto; }

.not-found {
  margin: 24px auto;
  width: 600px;
  text-align: center; }
  .not-found__title {
    font-size: 3em;
    margin: 0 0 32px;
    color: gray; }
  .not-found__links li {
    font-size: 1.5em;
    margin: 24px; }
  .not-found__links a {
    color: #0076c0; }
  .not-found__home {
    display: inline-block;
    margin: 16px 0; }

.topbar--title {
  position: absolute;
  top: 76px;
  left: 15px;
  right: 15px;
  min-height: 80px;
  margin: auto; }
  .topbar--title p {
    color: #fff;
    clear: both;
    padding-top: 5px; }
  @media (min-width: 992px) {
    .topbar--title {
      left: 70px;
      right: 75px; } }
  .topbar--title .breadcrumb {
    color: #fff;
    opacity: 1; }
    .topbar--title .breadcrumb a {
      color: #fff; }
  .topbar--title .title {
    color: #fff;
    display: block;
    float: left;
    clear: left;
    line-height: 1;
    padding: 0;
    font-size: 34px; }
  @media (max-width: 767px) {
    .topbar--title .btn {
      display: none; } }

@media (max-width: 767px) {
  .popin--container .popin--container--large,
  .popin--container .popin--container--xlarge {
    max-width: 100vw; } }

.popin--container .popin.popin--large .modal-body,
.popin--container .popin.popin--xlarge .modal-body {
  overflow-y: auto; }

@media (max-width: 767px) {
  .popin--container .popin.popin--large,
  .popin--container .popin.popin--xlarge {
    height: 100vh;
    max-width: 100vw;
    overflow: auto;
    width: 100vw; }
    .popin--container .popin.popin--large .modal-body,
    .popin--container .popin.popin--xlarge .modal-body {
      height: auto;
      max-height: none;
      min-height: 50vh;
      overflow: auto;
      overflow-x: hidden; } }

.hero {
  overflow: visible; }

.form-title--small {
  font-size: 16px; }

.form-title--medium {
  font-size: 21px; }

.form-section {
  border: 1px solid rgba(0, 27, 45, 0.1);
  margin: 16px 0;
  padding: 16px; }

.field-group {
  margin: 0 -15px; }
  .field-group label {
    margin-top: 10px; }
  .field-group--inline {
    display: flex; }
  .field-group .field-group__field {
    flex: 1 1 0;
    margin: 0 15px; }

.tabs li .tabs__delete {
  font-size: 14px;
  line-height: 1em;
  opacity: 0;
  position: absolute;
  right: 14px;
  top: 14px;
  transition: 0.5s ease opacity; }

.tabs li:hover .tabs__delete {
  opacity: 0.5; }

/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.btn.btn-danger {
  background-color: #e74a51; }

.btn--transparent {
  background-color: transparent;
  border: 1px solid #ddd;
  color: rgba(0, 27, 45, 0.4); }
  .btn--transparent:hover {
    background-color: #0076c0;
    border: none;
    color: #ffffff; }

.btn:focus {
  opacity: 0.8; }

.list .list--item .btn-more {
  right: auto; }
  .list .list--item .btn-more + .btn-more-options {
    top: auto; }

.loader-btn {
  padding-right: 40px;
  position: relative; }
  .loader-btn .spinner {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    width: 20px; }

.loader {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  .loader .spin {
    transform-origin: center center;
    animation: rotate 1s linear infinite;
    width: 20px;
    height: 20px;
    position: absolute; }
  .loader .circle {
    width: 20px;
    height: 20px;
    position: absolute;
    transform-origin: center center;
    box-sizing: border-box;
    overflow: hidden; }
    .loader .circle:before, .loader .circle:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      position: absolute;
      box-sizing: border-box; }
    .loader .circle:before {
      border-width: 2px;
      border-style: solid;
      border-color: transparent;
      transform: rotate(90deg);
      transition: transform 0.4s linear; }
    .loader .circle:after {
      border-width: 2px;
      border-style: solid;
      border-color: transparent #fff #fff #fff; }
  .loader .tick {
    width: 12px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 4px;
    transform-origin: center center;
    transform: rotate(-45deg);
    overflow: hidden; }
    .loader .tick:before, .loader .tick:after {
      content: ' ';
      display: block;
      background: #0076c0; }
    .loader .tick:before {
      width: 2px;
      height: 100%;
      transform: translateY(-101%);
      transition: transform 0.2s;
      position: absolute;
      top: 0;
      left: 0; }
    .loader .tick:after {
      width: 100%;
      height: 2px;
      transform: translateX(-101%);
      transition: transform 0.3s;
      transition-delay: 0.2s;
      position: absolute;
      bottom: 0;
      left: 0; }
  .loader.complete .spin {
    animation-play-state: paused; }
  .loader.complete .circle {
    transition: transform 0.5s linear;
    transform: rotate(180deg); }
    .loader.complete .circle:before {
      border-color: #fff transparent transparent transparent;
      transform: rotate(0deg);
      transition: transform 0.4s linear; }
  .loader.complete .tick:before {
    transform: translateY(0); }
  .loader.complete .tick:after {
    transform: translateX(0); }

.btn:disabled .loader .circle:after {
  border-color: transparent #0076c0 #0076c0 #0076c0; }

.btn:disabled .loader .tick:before, .btn:disabled .loader .tick:after {
  background: #0076c0; }

.btn:disabled .loader.complete .circle:before {
  border-color: #0076c0 transparent transparent transparent; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.button-spinner span {
  padding-right: 16px;
  display: inline-block; }

.button-spinner .spinner {
  position: absolute;
  top: -3px;
  right: -16px; }

.button-spinner .complete .tick:before, .button-spinner .complete .tick:after {
  background-color: #fff; }

.button-spinner--disabled {
  background-color: #e6e9ea;
  color: #333333; }
  .button-spinner--disabled:hover {
    background-color: rgba(0, 27, 45, 0.4);
    color: #fff; }

.list.list-small .list--head,
.list.list-small .list--item {
  line-height: 50px; }

.list .sortable-asc .active::after {
  content: 'l'; }

.list .sortable-desc .active::after {
  content: 's'; }

.list .list--head .list--head--title,
.list .list--head .list--item--col,
.list .list--item .list--head--title,
.list .list--item .list--item--col {
  padding: 5px 6px 5px 0; }
  .list .list--head .list--head--title:first-child,
  .list .list--head .list--item--col:first-child,
  .list .list--item .list--head--title:first-child,
  .list .list--item .list--item--col:first-child {
    padding-left: 14px; }
  .list .list--head .list--head--title .active,
  .list .list--head .list--item--col .active,
  .list .list--item .list--head--title .active,
  .list .list--item .list--item--col .active {
    font-weight: bold; }
    .list .list--head .list--head--title .active::after,
    .list .list--head .list--item--col .active::after,
    .list .list--item .list--head--title .active::after,
    .list .list--item .list--item--col .active::after {
      font-family: 'img-icon';
      font-size: 0.6em;
      padding-left: 5px;
      font-weight: normal; }
    .list .list--head .list--head--title .active a,
    .list .list--head .list--item--col .active a,
    .list .list--item .list--head--title .active a,
    .list .list--item .list--item--col .active a {
      color: #000; }
  .list .list--head .list--head--title a,
  .list .list--head .list--item--col a,
  .list .list--item .list--head--title a,
  .list .list--item .list--item--col a {
    font-size: 14px;
    color: rgba(0, 27, 45, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Roboto-Bold", "Roboto", "Roboto-Regular", sans-serif; }
    .list .list--head .list--head--title a:after,
    .list .list--head .list--item--col a:after,
    .list .list--item .list--head--title a:after,
    .list .list--item .list--item--col a:after {
      text-transform: none; }
  .list .list--head .list--head--title img.item--icon,
  .list .list--head .list--item--col img.item--icon,
  .list .list--item .list--head--title img.item--icon,
  .list .list--item .list--item--col img.item--icon {
    display: inline-block;
    height: 24px;
    top: 7px;
    margin-right: 10px; }

.list .list--item:hover {
  box-shadow: rgba(230, 233, 234, 0.51) 0 0 10px 2px;
  border-left: 2px solid #0076c0; }
  .list .list--item:hover:not(.list--item--disable-click) {
    cursor: pointer; }

@font-face {
  font-family: 'dice';
  src: url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.ttf) format("truetype"), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.eot), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.woff) format("woff"), url(https://imggaming.s3.amazonaws.com/dice-web/assets/fonts/dice.svg) format("svg");
  font-weight: 400;
  font-style: normal; }

.dice-icon {
  text-align: center;
  font-size: 24px; }
  .dice-icon[data-icon]:before {
    font-family: 'dice' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -15%; }
  .dice-icon[class^='icon-']:before, .dice-icon[class*=' icon-']:before {
    font-family: 'dice' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -15%; }
  .dice-icon.icon-arrowleft:before {
    content: 'r'; }
  .dice-icon.icon-arrowright:before {
    content: 's'; }
  .dice-icon.icon-close:before {
    content: 't'; }
  .dice-icon.icon-fullscreenoff:before {
    content: 'u'; }
  .dice-icon.icon-fullscreenon:before {
    content: 'v'; }
  .dice-icon.icon-play:before {
    content: 'a'; }
  .dice-icon.icon-arrowdown:before {
    content: 'b'; }
  .dice-icon.icon-backward:before {
    content: 'c'; }
  .dice-icon.icon-browse:before {
    content: 'd'; }
  .dice-icon.icon-calendar:before {
    content: 'e'; }
  .dice-icon.icon-favourite:before {
    content: 'f'; }
  .dice-icon.icon-forward:before {
    content: 'g'; }
  .dice-icon.icon-home:before {
    content: 'k'; }
  .dice-icon.icon-loop-back:before {
    content: 'l'; }
  .dice-icon.icon-search:before {
    content: 'm'; }
  .dice-icon.icon-settings:before {
    content: 'n'; }
  .dice-icon.icon-time:before {
    content: 'p'; }
  .dice-icon.icon-pause:before {
    content: 'i'; }
  .dice-icon.icon-info:before {
    content: 'w'; }
  .dice-icon.icon-volume-muted:before {
    content: 'x'; }
  .dice-icon.icon-volume-on:before {
    content: 'y'; }
  .dice-icon.icon-volume-full:before {
    content: 'z'; }
  .dice-icon.icon-highlights:before {
    content: 'A'; }
  .dice-icon.icon-social:before {
    content: 'B'; }
  .dice-icon.icon-replay:before {
    content: 'j'; }
  .dice-icon.icon-stop:before {
    content: 'q'; }
  .dice-icon.icon-hamburger:before {
    content: 'h'; }
  .dice-icon.icon-player:before {
    content: 'C'; }
  .dice-icon.icon-infinite:before {
    content: 'D'; }
  .dice-icon.icon-play-2:before {
    content: 'E'; }
  .dice-icon.icon-logout:before {
    content: 'F'; }
  .dice-icon.icon-star:before {
    content: 'G'; }
  .dice-icon.icon-star-filed:before {
    content: 'H'; }
  .dice-icon.icon-tick:before {
    content: 'o'; }
  .dice-icon.icon-switch:before {
    content: 'I'; }

/*
	Colours used throughout the platform
*/
/*
	Soft colours
	Source: http://clrs.cc/
*/
/* from 12th May 2015 */
/*
	Service status colours
*/
/*
	Notification colours
*/
/*
	Licence colours
*/
.gold {
  background-color: #cca548 !important; }

.bronze {
  background-color: #8c754c !important; }

.silver {
  background-color: #a6a6a6 !important; }

/*
	IMG Primary colors
*/
/*
    IMG Secondary colors
 */
/*
	Licences page
*/
/*
	Analytics
*/
/*
    Hero
*/
/* Analytics */
/* User Licences */
/* Audits */
/* Components */
/* Icons */
.message.message--error {
  padding: 20vh 0; }
  .message.message--error h1,
  .message.message--error p {
    padding: 16px;
    color: gray; }

.loading {
  opacity: 0; }

.loaded {
  opacity: 1;
  transition: 1.5s ease;
  display: flex;
  flex-direction: column;
  align-items: center; }

.skeleton__value, .skeleton__label {
  opacity: 1;
  transition: 0.5s ease opacity; }

.skeleton--loading .skeleton__value,
.skeleton--loading .skeleton__label,
.skeleton--loading .skeleton__image {
  display: block;
  margin: 14px 0;
  color: transparent;
  background: #ddd;
  position: relative;
  height: 1em;
  overflow: hidden;
  width: 200px;
  opacity: 0.5; }
  .skeleton--loading .skeleton__value--small,
  .skeleton--loading .skeleton__label--small,
  .skeleton--loading .skeleton__image--small {
    width: 100px; }
  .skeleton--loading .skeleton__value--large,
  .skeleton--loading .skeleton__label--large,
  .skeleton--loading .skeleton__image--large {
    width: 400px; }
  .skeleton--loading .skeleton__value:after,
  .skeleton--loading .skeleton__label:after,
  .skeleton--loading .skeleton__image:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, transparent, #fefefe, transparent);
    animation: skeleton-color 1s infinite linear; }

.skeleton--loading .skeleton__image {
  height: 135px;
  margin: 0;
  width: 240px; }

.skeleton--loading .wizard-content__tabs > ul {
  display: flex; }
  .skeleton--loading .wizard-content__tabs > ul .wizard-content__tab {
    border-bottom: none; }
    .skeleton--loading .wizard-content__tabs > ul .wizard-content__tab--selected {
      border-right: none; }

@keyframes skeleton-color {
  0% {
    transform: translateX(-50%);
    opacity: 0; }
  50% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(50%);
    opacity: 0; } }

.fade-exit {
  opacity: 1; }

.fade-exit-active {
  opacity: 0;
  transition: all 0.3s ease-out; }

.fade-enter {
  opacity: 0; }

.fade-enter-active {
  opacity: 1;
  transition: all 0.3s ease-out; }

.pagination {
  margin: auto;
  padding: 20px 0; }
  .pagination .page--item--link {
    cursor: pointer; }

.text--error {
  color: #e74a51;
  margin: 8px 0; }

.text--warning {
  background-color: rgba(221, 221, 221, 0.4);
  border: 1px solid #ddd;
  font-size: 16px;
  padding: 8px; }
  .text--warning:before {
    content: 'd';
    color: #000;
    font-family: 'img-icon' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    margin: 0 4px;
    -webkit-font-smoothing: antialiased;
    vertical-align: text-top; }

.dropdown select {
  padding-right: 32px; }

.dropdown-header {
  background-color: rgba(221, 221, 221, 0.4);
  text-transform: uppercase;
  font-family: "Roboto-Medium", "Roboto-Regular", sans-serif; }

.custom-dropdown .dropdown li:hover a.dropdown-header,
.custom-dropdown .dropdown li:hover .dropdown-group a {
  background: inherit;
  color: inherit;
  box-shadow: none; }

.custom-dropdown .dropdown li:hover a.dropdown-header {
  background-color: rgba(221, 221, 221, 0.4); }

.custom-dropdown .dropdown li:hover .dropdown-group a:hover {
  background: rgba(0, 118, 192, 0.01);
  color: #0076c0;
  box-shadow: inset #0076c0 2px 0 0; }

.icon-calendar {
  background: url(/40d63f0ac8f457845603651f8289a16f.png) center/cover no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px; }

.icon.icon-da.icon-schedule {
  background-image: url(/40d63f0ac8f457845603651f8289a16f.png); }

.icon.icon-da.icon-device {
  background-image: url(/9946fa98a4094c66abc7b5d06dcfdea1.svg); }

.icon.icon-da.icon-location {
  background-image: url(/927bb09e20d77b3f6bfc991a40fefeb8.svg); }

.icon.icon-da.icon-access {
  background-image: url(/2b73d071629c7d95721e378f01dbfac7.svg); }

.icon.icon-da.icon-partition {
  background-image: url(/9a6928aac1e0ca0e9cd43d3122cd1a53.svg); }

.icon.icon-da.icon-user {
  background-image: url(/da813ca812c6ec80c1f5dc66ea40abb7.svg); }
  .icon.icon-da.icon-user::before {
    content: none; }

div.daterangepicker {
  position: absolute !important; }