/* /incl/_variables.scss */
/* /incl/_utils.scss */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,400italic&subset=latin,cyrillic,greek");
/* print body */
body.inprint .navAppMode, body.inprint .librarySideMenu {
  display: none !important; }
body.inprint .content-container.appmode {
  padding-left: 0 !important; }
body.inprint #result {
  max-width: none !important; }

/*
 * Menu and result block width for other devices
 */
body .content-container {
  padding-left: 300px; }
  @media screen and (max-width: 1150px) and (min-width: 801px) {
    body .content-container {
      padding-left: 130px !important; } }
  @media screen and (max-width: 800px) {
    body .content-container {
      padding-left: 0px; } }

/*
 * Navigation block
 */
#stats_menu {
  width: 300px;
  padding: 97px 30px 10px 30px; }
  #stats_menu .menu {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif, Arial; }
    #stats_menu .menu li {
      list-style-type: none;
      font-size: 18px;
      position: relative;
      line-height: 2;
      cursor: pointer;
      margin: 5px 0; }
      #stats_menu .menu li.current {
        color: #0c85cf; }
      #stats_menu .menu li * {
        vertical-align: middle; }
  #stats_menu .reminder {
    display: block;
    background: #FFF;
    position: relative;
    text-align: center;
    padding: 10px;
    margin: 50px 0 0 0;
    border-radius: 3px;
    border: solid #85adc3 2px;
    overflow: hidden; }
    #stats_menu .reminder p {
      margin: 5px 0 0 0; }
    #stats_menu .reminder .red, #stats_menu .reminder strong {
      font-weight: bold; }
    #stats_menu .reminder .primary {
      font-weight: 800; }
  @media screen and (max-width: 1150px) {
    #stats_menu {
      width: 130px;
      padding: 97px 5px 90px 5px;
      font-size: 1em; }
      #stats_menu .menu li {
        font-size: 14px; }
      #stats_menu .reminder {
        font-size: 0.8em;
        line-height: 1.3em;
        margin: 30px 0 0 0; } }
  @media screen and (max-width: 800px) {
    #stats_menu {
      width: 300px;
      padding: 27px 5px 20px 5px; }
      #stats_menu .reminder {
        margin: 20px 0 0 0; } }

/*
 * General styles for all pages
 */
#result {
  position: relative;
  vertical-align: top;
  display: block;
  z-index: 0;
  width: auto;
  max-width: 1200px;
  padding: 0;
  min-height: 500px;
  font-size: 12px;
  line-height: 1.3em;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif, Arial; }

#result {
  padding: 0 20px !important; }

#loader {
  position: fixed;
  display: block;
  opacity: 1;
  z-index: 10;
  top: 80px;
  left: 300px;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7); }
  #loader .innerText {
    display: inline-block;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #888888;
    text-transform: uppercase;
    font-weight: bold; }
  #loader .icon_refresh {
    display: inline-block;
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: loader_move 1s linear infinite alternate;
    -moz-animation: loader_move 1s linear infinite alternate;
    -o-animation: loader_move 1s linear infinite alternate;
    -ms-animation: loader_move 1s linear infinite alternate;
    animation: loader_move 2s linear infinite; }
  @media screen and (max-width: 1150px) and (min-width: 801px) {
    #loader {
      left: 130px; } }
  @media screen and (max-width: 800px) {
    #loader {
      left: 0px; } }

@-moz-keyframes loader_move {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes loader_move {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-o-keyframes loader_move {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@-ms-keyframes loader_move {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@keyframes loader_move {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/*Change font awensome for the conpicora icons */
/** Datepicker */
#result .daterangepicker {
  display: none;
  text-align: center;
  font-size: 14px; }
  #result .daterangepicker .fa {
    display: inline-block;
    font-family: "cincopaicons";
    font-size: 1.3em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    vertical-align: middle; }
    #result .daterangepicker .fa.fa-chevron-left:before {
      content: '\e656'; }
    #result .daterangepicker .fa.fa-chevron-right:before {
      content: '\e62d'; }
  #result .daterangepicker td, #result .daterangepicker th {
    height: 24px; }
  #result .daterangepicker .input-mini {
    padding-left: 0;
    text-align: center; }
  #result .daterangepicker .ranges, #result .daterangepicker .calendar {
    display: block;
    float: left;
    clear: none; }
    @media screen and (max-width: 875px) {
      #result .daterangepicker .ranges, #result .daterangepicker .calendar {
        float: none;
        clear: none; } }
  #result .daterangepicker .ranges ul {
    width: 215px !important;
    margin: 0 auto; }
    #result .daterangepicker .ranges ul li {
      border: solid 1px transparent;
      border-radius: 0;
      color: #1e1e1e;
      line-height: 26px;
      text-align: center;
      font-size: 14px; }
      #result .daterangepicker .ranges ul li:last-child {
        display: none; }
      #result .daterangepicker .ranges ul li:hover, #result .daterangepicker .ranges ul li.active {
        color: #FFF;
        background: #0086cf; }
  #result .daterangepicker .range_inputs {
    text-align: center; }
    #result .daterangepicker .range_inputs button {
      width: 80%;
      border-radius: 0;
      margin: 0; }
      #result .daterangepicker .range_inputs button:last-child {
        display: none; }

.table_container {
  width: 100%;
  position: relative;
  color: #888888;
  font-size: 14px; }
  .table_container .table_container_inner {
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    height: 100%;
    z-index: 3;
    min-height: 500px;
    width: 100%; }
  .table_container table {
    z-index: 2;
    width: 100%;
    background: transparent;
    overflow-y: auto;
    table-layout: fixed;
    word-wrap: break-word; }
  .table_container .thead {
    position: relative;
    background: #d7dbe4; }
    .table_container .thead .tr {
      display: block;
      position: relative;
      padding-right: 17px; }
    .table_container .thead .th {
      display: inline-block;
      border: none;
      line-height: 70px;
      max-height: 70px;
      vertical-align: top;
      text-align: center;
      text-transform: uppercase;
      color: #6e7480;
      overflow: hidden; }
      .table_container .thead .th p {
        margin: 0; }
      .table_container .thead .th:nth-child(even) {
        background: rgba(126, 131, 140, 0.07); }
    .table_container .thead .refresh_div {
      display: block;
      width: 100%;
      height: 50px;
      background: #FFF;
      text-align: left;
      padding: 0 20px; }
      .table_container .thead .refresh_div .refresh_button {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 30%;
        vertical-align: top;
        text-align: left;
        font-size: 1.2em;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        color: #0086cf;
        border: none;
        border-radius: 0;
        cursor: pointer;
        transition: background 0.5s linear;
        background: transparent; }
        .table_container .thead .refresh_div .refresh_button [class^="icon-"] {
          font-size: 1.2em;
          line-height: 50px; }
      .table_container .thead .refresh_div .watched_legend {
        display: inline-block;
        width: 70%;
        text-align: right;
        position: relative;
        overflow: hidden;
        height: 40px;
        vertical-align: top; }
        .table_container .thead .refresh_div .watched_legend span {
          line-height: 40px;
          text-transform: uppercase;
          font-weight: normal;
          font-size: 0.8em; }
          .table_container .thead .refresh_div .watched_legend span.legend_title {
            font-weight: bold; }
          .table_container .thead .refresh_div .watched_legend span.legend_color {
            display: inline-block;
            width: 0.8em;
            height: 0.8em;
            margin: 0 1% 0 3%; }
  .table_container .th.name, .table_container td.name {
    min-width: 20%; }
  .table_container .th.user, .table_container td.user {
    width: 25%; }
  .table_container .th.video, .table_container td.video {
    width: 25%; }
  .table_container .th.date, .table_container td.date {
    width: 11%; }
  .table_container .th.device, .table_container td.device {
    width: 17%; }
  .table_container .th.page, .table_container td.page {
    width: 27%; }
  .table_container .th.ip, .table_container td.ip {
    width: 13%; }
  .table_container .th.heatmaps, .table_container td.heatmaps {
    width: 24%; }
  .table_container td {
    height: 70px;
    font-size: 14px;
    text-align: center;
    color: #6e7480;
    border-bottom: 1px solid #d7dbe4; }
    .table_container td p {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;
      word-wrap: break-word; }
    .table_container td:nth-child(even) {
      background: rgba(0, 47, 152, 0.05); }
    .table_container td.name {
      text-align: left; }
    .table_container td.user {
      text-align: left; }
    .table_container td.with_avatar {
      padding-left: 72px;
      position: relative;
      min-height: 70px; }
      .table_container td.with_avatar .avatar {
        display: inline-block;
        position: absolute;
        z-index: 0;
        left: 10px;
        top: 7px;
        width: 56px;
        height: 56px;
        background-image: url("./images/avatars.jpg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 280px 225px;
        margin: 0;
        /* instead of 224px used 225px because avatar grid images not in same size */ }
        .table_container td.with_avatar .avatar .count_views {
          display: inline-block;
          position: absolute;
          right: 0;
          bottom: 0;
          min-width: 16px;
          height: 16px;
          background: rgba(64, 70, 84, 0.5);
          font-size: 12px;
          line-height: 16px;
          color: #FFFFFF;
          text-align: center;
          overflow: hidden; }
    .table_container td.with_link a {
      display: inline-block;
      position: relative;
      vertical-align: top;
      margin: 0 10px;
      font: normal normal normal 15px FontAwesome;
      color: #333333;
      z-index: 2;
      width: 20px;
      height: 20px;
      background-color: rgba(255, 255, 255, 0.75);
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url("data:image/png;base64,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"); }
    .table_container td.with_image {
      padding-left: 117px;
      position: relative;
      min-height: 70px; }
      .table_container td.with_image a {
        display: inline-block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 56px;
        left: 7px;
        top: 7px;
        text-align: center;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        border: 2px solid transparent;
        overflow: hidden; }
        .table_container td.with_image a img {
          width: 100%; }
          @media screen and (max-width: 730px) {
            .table_container td.with_image a img {
              object-fit: cover;
              height: 100%; } }
    .table_container td.with_flag {
      padding-left: 50px;
      position: relative; }
      .table_container td.with_flag a {
        display: inline-block;
        position: absolute;
        z-index: 1;
        left: 7px;
        top: 19px; }
    .table_container td a {
      color: #6e7480; }
    .table_container td a:visited {
      color: #6e7480; }
  .table_container tr.current td {
    background: #7e838c;
    color: #fff; }
  .table_container .td_refresh {
    background: transparent;
    padding: 0 !important;
    height: auto;
    width: 100%; }
  .table_container .table_heatmap {
    height: 30px; }
    .table_container .table_heatmap .watched_text {
      display: none; }
  @media screen and (max-width: 1150px) {
    .table_container {
      font-size: 12px; } }
  @media screen and (max-width: 730px) {
    .table_container {
      max-height: 100vh; }
      .table_container table, .table_container tbody, .table_container .thead, .table_container tr, .table_container .tr {
        display: block;
        width: auto;
        max-width: 100%; }
      .table_container tbody tr {
        padding-bottom: 20px;
        border-top: 1px solid #aaa; }
      .table_container .thead {
        width: 100%; }
        .table_container .thead .th {
          top: 35px;
          font-size: 0.8em;
          line-height: 1.3em;
          padding: 10px 5px 5px;
          min-height: 35px; }
          .table_container .thead .th.name {
            height: 70px;
            font-size: 0.6em; }
        .table_container .thead .refresh_div {
          top: 70px;
          min-height: 40px; }
          .table_container .thead .refresh_div .refresh_button {
            width: 100%;
            text-align: center; }
          .table_container .thead .refresh_div .watched_legend {
            display: none;
            overflow: hidden; }
      .table_container td, .table_container .th {
        display: inline-block;
        width: 25%;
        height: auto;
        min-height: 40px;
        font-size: 0.8em;
        line-height: 1.3em;
        padding: 5px 2px; }
        .table_container td:first-child, .table_container .th:first-child {
          width: 100%;
          text-align: center;
          height: auto; }
        .table_container td.td_refresh, .table_container .th.td_refresh {
          width: 100%;
          display: block;
          top: 70px; }
        .table_container td.with_avatar, .table_container .th.with_avatar {
          min-height: 70px; }
        .table_container td.with_image, .table_container .th.with_image {
          max-width: none;
          width: 100%;
          position: relative; }
          .table_container td.with_image p, .table_container .th.with_image p {
            display: inline-block;
            line-height: 1.1em; }
        .table_container td.with_flag a, .table_container .th.with_flag a {
          top: 5px; }
      .table_container .table_heatmap {
        height: 30px; }
        .table_container .table_heatmap .watched_text {
          display: inline-block; } }

/**
 *   Dashboard statistic table
 */
#stats_data td.name, #stats_data .th.name {
  width: 40%;
  font-weight: normal; }
#stats_data td.first, #stats_data .th.first {
  width: 15%; }
#stats_data td.plays, #stats_data .th.plays {
  width: 15%; }
#stats_data td.watchtime, #stats_data .th.watchtime {
  width: 15%; }
#stats_data td.engagement, #stats_data .th.engagement {
  width: 15%; }
#stats_data .th {
  cursor: pointer; }
  #stats_data .th:first-child {
    text-align: left;
    text-transform: none;
    line-height: 50px;
    padding: 10px 20px;
    font-size: 1em; }
    #stats_data .th:first-child p {
      margin: 0;
      display: block; }
  #stats_data .th span {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-right: 16px; }
    #stats_data .th span:before, #stats_data .th span:after {
      position: absolute;
      right: 3px;
      top: 50%;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: solid 4px transparent;
      color: #A2A8B3; }
    #stats_data .th span:before {
      margin-top: -10px;
      border-bottom: solid 4px; }
    #stats_data .th span:after {
      margin-top: 1px;
      border-top: solid 4px; }
  #stats_data .th.asc, #stats_data .th.asc span:before {
    color: #0086cf; }
  #stats_data .th.desc, #stats_data .th.desc span:after {
    color: #0086cf; }
  #stats_data .th .refresh_div .refresh_button {
    width: 100%; }
#stats_data td {
  cursor: pointer; }
  #stats_data td.with_image a {
    background-color: #FFF; }
#stats_data .current a, #stats_data .current a:visited {
  color: #FFF; }
@media screen and (max-width: 1150px) {
  #stats_data .th:first-child {
    padding: 10px 5px; }
    #stats_data .th:first-child p {
      font-size: 0.8em; }
  #stats_data .th span {
    padding-right: 12px; } }
@media screen and (max-width: 730px) {
  #stats_data td.name, #stats_data .th.name {
    width: 100%;
    max-width: none; }
  #stats_data td.first, #stats_data .th.first {
    width: 25%; }
  #stats_data td.plays, #stats_data .th.plays {
    width: 25%; }
  #stats_data td.watchtime, #stats_data .th.watchtime {
    width: 25%; }
  #stats_data td.engagement, #stats_data .th.engagement {
    width: 25%; }
  #stats_data .th {
    height: 35px; }
    #stats_data .th:first-child {
      padding: 0;
      text-align: center;
      font-size: 1em; }
      #stats_data .th:first-child p {
        margin: 0;
        font-size: inherit;
        line-height: 35px; } }

/**
 *   Life feed
 */
.table_container.view_live .th.user, .table_container.view_live td.user {
  width: 25%; }
.table_container.view_live .th.video, .table_container.view_live td.video {
  width: 45%; }
.table_container.view_live .th.heatmaps, .table_container.view_live td.heatmaps {
  width: 30%; }
.table_container.view_live td.video {
  text-align: center; }
@media screen and (max-width: 730px) {
  .table_container.view_live .th, .table_container.view_live td {
    height: 35px; }
    .table_container.view_live .th.user, .table_container.view_live td.user {
      width: 35%;
      display: inline-block;
      overflow: hidden; }
      .table_container.view_live .th.user.with_avatar, .table_container.view_live td.user.with_avatar {
        padding-left: 60px; }
      .table_container.view_live .th.user a, .table_container.view_live td.user a {
        left: 0; }
    .table_container.view_live .th.video, .table_container.view_live td.video {
      width: 65%;
      display: inline-block; }
    .table_container.view_live .th.heatmaps, .table_container.view_live td.heatmaps {
      width: 100%; }
  .table_container.view_live .th.heatmaps {
    display: none; }
  .table_container.view_live td.user {
    text-align: center; } }

/**
 *  User page
 */
.table_container.view_user .th.name, .table_container.view_user td.name {
  width: 26%; }
.table_container.view_user .th.page, .table_container.view_user td.page {
  width: 25%; }
.table_container.view_user .th.heatmaps, .table_container.view_user td.heatmaps {
  width: 25%; }
@media (max-width: 1150px) and (min-width: 801px) {
  .table_container.view_user .th.name, .table_container.view_user td.name {
    width: 31%; }
  .table_container.view_user .th.heatmaps, .table_container.view_user td.heatmaps {
    width: 20%; } }
@media (max-width: 800px) and (min-width: 731px) {
  .table_container.view_user .th.name, .table_container.view_user td.name {
    width: 29%; }
  .table_container.view_user .th.date, .table_container.view_user td.date {
    width: 12%; }
  .table_container.view_user .th.heatmaps, .table_container.view_user td.heatmaps {
    width: 20%; } }
@media screen and (max-width: 730px) {
  .table_container.view_user .th.name, .table_container.view_user td.name {
    width: 100%; }
  .table_container.view_user .th.date, .table_container.view_user td.date {
    width: 20%; }
  .table_container.view_user .th.page, .table_container.view_user td.page {
    width: 60%; }
  .table_container.view_user .th.ip, .table_container.view_user td.ip {
    width: 20%; }
  .table_container.view_user .th.heatmaps, .table_container.view_user td.heatmaps {
    width: 100%; }
  .table_container.view_user .th {
    height: 46.66667px; }
    .table_container.view_user .th.name, .table_container.view_user .th.date, .table_container.view_user .th.page, .table_container.view_user .th.ip {
      padding: 0;
      height: 23.33333px;
      min-height: 23.33333px;
      line-height: 23.33333px; }
    .table_container.view_user .th.heatmaps {
      display: none; } }

/**
 *  Video page
 */
.table_container.view_video .th.user, .table_container.view_video td.user {
  width: 24%; }
.table_container.view_video .th.device, .table_container.view_video td.device {
  width: 14%; }
.table_container.view_video .th.ip, .table_container.view_video td.ip {
  width: 10%; }
.table_container.view_video .th.heatmaps, .table_container.view_video td.heatmaps {
  width: 24%; }
@media (max-width: 1150px) and (min-width: 731px) {
  .table_container.view_video .th.user, .table_container.view_video td.user {
    width: 25%; }
  .table_container.view_video .th.device, .table_container.view_video td.device {
    width: 15%; }
  .table_container.view_video .th.heatmaps, .table_container.view_video td.heatmaps {
    width: 20%; } }
@media screen and (max-width: 730px) {
  .table_container.view_video .th.user, .table_container.view_video td.user {
    width: 70%; }
  .table_container.view_video .th.device, .table_container.view_video td.device {
    width: 30%; }
  .table_container.view_video .th.page, .table_container.view_video td.page {
    width: 70%; }
  .table_container.view_video .th.ip, .table_container.view_video td.ip {
    width: 30%; }
  .table_container.view_video .th.heatmaps, .table_container.view_video td.heatmaps {
    width: 100%; }
  .table_container.view_video .th {
    height: 23.33333px; }
    .table_container.view_video .th.user, .table_container.view_video .th.device, .table_container.view_video .th.page, .table_container.view_video .th.ip {
      padding: 0;
      height: 23.33333px;
      min-height: 23.33333px;
      line-height: 23.33333px; }
    .table_container.view_video .th.heatmaps {
      display: none; } }

.top_selects {
  display: block;
  position: relative;
  color: rgba(13, 22, 34, 0.5); }
  .top_selects .top_block {
    display: block;
    padding: 20px 5px; }
    .top_selects .top_block .top_text {
      font-size: 16px;
      line-height: 32px; }
  .top_selects .top_legend {
    display: inline-block;
    float: right;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 20px; }
    .top_selects .top_legend .legend_title {
      vertical-align: top; }
    .top_selects .top_legend .legend_block {
      display: none;
      vertical-align: top;
      transition: width 20s; }
      .top_selects .top_legend .legend_block.active {
        display: inline-block; }
      .top_selects .top_legend .legend_block .legend_color {
        position: relative;
        z-index: 0;
        display: inline-block;
        vertical-align: top;
        border: solid 3px #FFF;
        width: 24px;
        height: 24px;
        line-height: 32px;
        margin: 4px 7px; }
        .top_selects .top_legend .legend_block .legend_color:before {
          display: inline-block;
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          right: 0;
          height: 7px;
          background: white;
          content: ' '; }
        .top_selects .top_legend .legend_block .legend_color:after {
          display: inline-block;
          position: absolute;
          z-index: 2;
          bottom: 0;
          left: 0;
          right: 0;
          height: 7px;
          background: rgba(255, 255, 255, 0.5);
          content: ' '; }
      .top_selects .top_legend .legend_block .legend_text {
        display: inline-block;
        vertical-align: top;
        line-height: 32px; }
  @media screen and (max-width: 730px) {
    .top_selects .top_legend {
      display: block;
      float: none;
      text-align: right; }
    .top_selects .top_block {
      padding: 20px 5px 0; } }

#stats_date {
  margin: 0 6px;
  width: 215px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  border: 1px solid #0694df;
  border-radius: 3px; }

#stats_total {
  display: flex;
  width: 100%;
  vertical-align: top;
  margin: 0;
  padding: 0;
  background: #e7eaee;
  color: #474748;
  text-align: center; }
  #stats_total li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 25%;
    padding: 10px 0;
    text-align: center;
    color: #474747; }
    #stats_total li:after {
      content: ' ';
      position: absolute;
      display: block;
      right: -1px;
      width: 2px;
      top: 20px;
      bottom: 20px;
      background: #bac2c8; }
    #stats_total li:last-child:after {
      display: none; }
    #stats_total li.active {
      background: #7e838c;
      color: #FFFFFF; }
      #stats_total li.active .value {
        color: inherit; }
    #stats_total li p {
      margin: 0;
      font-size: 14px;
      line-height: 1.4; }
    #stats_total li .description span {
      color: #8c8c8c; }
    #stats_total li.active .description span {
      color: #F0F0F0; }
    #stats_total li .value {
      font-size: 35px;
      line-height: 1.4;
      color: #646668; }
      #stats_total li .value sub, #stats_total li .value sup {
        font-size: 0.5em; }
  @media screen and (max-width: 730px) {
    #stats_total li {
      width: 50%; }
      #stats_total li .value {
        font-size: 27px; } }

#stats_name {
  display: none;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #0c85cf;
  line-height: normal; }

#svg_stats {
  display: block;
  margin: 20px auto;
  background: #FFF;
  color: #333333;
  overflow: hidden;
  font-size: inherit;
  height: 370px;
  width: 100%;
  max-width: 1100px; }
  #svg_stats .chart_x_axis,
  #svg_stats .chart_y_axis {
    opacity: 0.75; }
    #svg_stats .chart_x_axis line,
    #svg_stats .chart_y_axis line {
      opacity: 0.25; }
      #svg_stats .chart_x_axis line:first-child,
      #svg_stats .chart_y_axis line:first-child {
        opacity: 0.75; }
  #svg_stats .chart_x_axis .scale_text tspan:last-child {
    font-size: 10px; }

#stats_selectors {
  display: block;
  position: relative;
  z-index: 1;
  margin: 30px 0;
  text-align: center; }
  #stats_selectors input {
    min-width: 200px;
    padding: 10px 20px;
    border-radius: 5px; }

#stats_type {
  display: table;
  position: relative;
  z-index: 0;
  margin: 20px auto;
  padding: 0;
  text-align: center; }
  #stats_type li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    background: #e1e2e6;
    color: #525760;
    text-align: center;
    padding: 10px 15px;
    border-right: solid 1px #FFFFFF;
    cursor: pointer;
    min-width: 100px; }
    #stats_type li:first-child {
      border-radius: 5px 0 0 5px; }
    #stats_type li:last-child {
      border-radius: 0 5px 5px 0;
      border-right: none; }
    #stats_type li:hover {
      background: #F0F0F0; }
    #stats_type li.selected {
      background: #0780c9;
      box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.1);
      color: #FFFFFF; }
  @media screen and (max-width: 730px) {
    #stats_type {
      width: 100%; }
      #stats_type li {
        padding: 15px 5px;
        width: 20%;
        font-size: 13px;
        border-radius: 0;
        min-width: 0; }
        #stats_type li:first-child, #stats_type li:last-child {
          border-radius: 0; } }

/**
 *  Page USER
 */
#main_user_info {
  display: block;
  position: relative;
  z-index: 0;
  padding: 20px;
  min-height: 200px;
  background: rgba(186, 194, 200, 0.25); }
  #main_user_info .main_user_avatar {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    text-align: center; }
    #main_user_info .main_user_avatar .avatar {
      display: inline-block;
      position: relative;
      vertical-align: top;
      z-index: 0;
      width: 150px;
      height: 150px;
      background-image: url("./images/avatars.jpg");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 750px 603px;
      margin: 0;
      /* instead of 600px used 603px because avatar grid images not in same size */ }
  #main_user_info .main_user_text {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 0;
    padding: 0 20px;
    width: 55%; }
    #main_user_info .main_user_text .user_info_text {
      margin: 0 auto; }
      #main_user_info .main_user_text .user_info_text td {
        font-size: 12px;
        height: 24px; }
        #main_user_info .main_user_text .user_info_text td:first-child {
          width: 25%; }
      #main_user_info .main_user_text .user_info_text h3 {
        font-size: 20px;
        font-weight: normal; }
      #main_user_info .main_user_text .user_info_text p {
        margin: 0; }
  #main_user_info .main_user_map {
    display: inline-block;
    width: 25%;
    position: relative;
    z-index: 10;
    vertical-align: top;
    height: 150px;
    background: #FFF;
    text-align: right; }
    #main_user_info .main_user_map .map {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 150px; }
  @media screen and (max-width: 800px) {
    #main_user_info {
      padding: 20px 5px; }
      #main_user_info .main_user_avatar {
        width: 25%; }
      #main_user_info .main_user_text {
        width: 50%; } }
  @media screen and (max-width: 730px) {
    #main_user_info {
      padding: 20px 0;
      position: relative; }
      #main_user_info .main_user_avatar,
      #main_user_info .main_user_map {
        width: 50%;
        position: absolute;
        top: 0;
        left: 0; }
      #main_user_info .main_user_map {
        left: auto;
        right: 0; }
      #main_user_info .main_user_text {
        width: 100%;
        padding: 0 20px;
        margin: 20px 0;
        position: relative;
        margin-top: 170px; } }

/**
 * PAGE:  Video analysis
 */
#main_video_info .table_info {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 0;
  width: 45%;
  padding: 20px 20px 0 20px;
  background: rgba(186, 194, 200, 0.25);
  height: 360px;
  transition: height 1s linear;
  overflow: hidden; }
  #main_video_info .table_info .more {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
    font-size: 18px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e7eaee 100%); }
    #main_video_info .table_info .more .text {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      line-height: 50px;
      text-align: center;
      cursor: pointer; }
  #main_video_info .table_info .less {
    display: block;
    z-index: 5;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    cursor: pointer; }
    #main_video_info .table_info .less .icon-arr_drop {
      transform: rotate(180deg); }
  #main_video_info .table_info .reset_heatmaps {
    display: block;
    padding: 0 20px;
    text-align: center; }
    #main_video_info .table_info .reset_heatmaps .btn.smallest {
      font-size: 1em;
      line-height: 1.5em;
      padding: 4px 10px; }
    #main_video_info .table_info .reset_heatmaps .icon-cancel {
      padding: 0 20px 0 0;
      font-size: 1em; }
  #main_video_info .table_info.opened {
    height: auto !important; }
    #main_video_info .table_info.opened .more {
      display: none; }
  #main_video_info .table_info .refresh {
    text-align: center;
    padding: 25px; }
  #main_video_info .table_info .text_table {
    width: 100%;
    position: relative;
    border-collapse: collapse;
    border: 12px solid transparent; }
    #main_video_info .table_info .text_table tr td {
      transition: background 0.5s linear; }
    #main_video_info .table_info .text_table tr:first-child td {
      font-size: 20px; }
    #main_video_info .table_info .text_table tr:hover td {
      background: rgba(186, 194, 200, 0.25); }
    #main_video_info .table_info .text_table .first_cell,
    #main_video_info .table_info .text_table .second_cell {
      vertical-align: middle;
      text-align: left;
      padding: 10px 10px 10px 0;
      font-size: 14px;
      width: 50%;
      width: 185px;
      border-bottom: 1px solid rgba(186, 194, 200, 0.5); }
      #main_video_info .table_info .text_table .first_cell.row,
      #main_video_info .table_info .text_table .second_cell.row {
        text-align: center;
        font-size: 18px;
        line-height: 24px; }
      #main_video_info .table_info .text_table .first_cell em,
      #main_video_info .table_info .text_table .second_cell em {
        font-weight: normal; }
    #main_video_info .table_info .text_table .second_cell {
      text-align: left;
      font-weight: bold;
      padding: 10px; }
    #main_video_info .table_info .text_table .double_cell {
      text-align: center;
      padding: 10px; }
#main_video_info .right_info {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  width: 55%; }
@media screen and (max-width: 1150px) {
  #main_video_info .table_info,
  #main_video_info .right_info {
    width: 100%;
    display: block; } }

.content-container .simplemodal-container .modalHeader h3 {
  text-align: center;
  color: #ed5564;
  font-size: 1.5em;
  margin: 0; }
.content-container .simplemodal-container .modalContent p {
  font-size: 1em; }

#graph_info {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: top;
  width: 100%;
  height: 100%; }

#graph_video {
  display: block;
  position: relative;
  z-index: 0;
  vertical-align: top;
  width: 100%; }
  #graph_video .mejs-container {
    max-height: 300px; }
    #graph_video .mejs-container .mejs-controls,
    #graph_video .mejs-container .mejs-overlay-button,
    #graph_video .mejs-container .share-button {
      display: none !important; }
  #graph_video .graph_container {
    position: relative;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }

#svg_graph {
  display: block;
  position: relative;
  z-index: 2;
  font-family: "Open Sans",Arial,sans-serif;
  background: transparent;
  width: 100%; }
  #svg_graph .hmview {
    stroke: #7cb343;
    stroke-width: 2px;
    fill: transparent; }
  #svg_graph .hmreview {
    stroke: #639ccd;
    stroke-width: 2px;
    fill: transparent; }
  #svg_graph .graph_time {
    fill: #FFF;
    z-index: 5;
    font-size: 12px; }
  #svg_graph .graph_percent {
    display: none;
    opacity: 1;
    transition: all 0.5s ease; }
    #svg_graph .graph_percent:hover {
      opacity: 0.9; }
    #svg_graph .graph_percent .line {
      stroke: #888;
      stroke-width: 1; }
    #svg_graph .graph_percent .text {
      font-size: 16px;
      text-anchor: end;
      fill: #888; }
  #svg_graph .chart_tooltip {
    cursor: default; }
    #svg_graph .chart_tooltip * {
      cursor: default; }
  #svg_graph .vline {
    stroke: #FFF;
    stroke-width: 1; }
  #svg_graph .second_desc {
    fill: #888;
    font-size: 16px;
    text-anchor: middle;
    background: black; }
  #svg_graph .second_rect {
    fill: rgba(155, 155, 155, 0.5);
    stroke-width: 1px;
    stroke: #000; }
  #svg_graph .hmview_current {
    stroke-width: 0;
    fill: rgba(124, 179, 67, 0.7); }
  #svg_graph .hmreview_current {
    stroke-width: 0;
    fill: rgba(99, 156, 205, 0.7); }

/**
 *   Help page
 */
.help_page {
  font-size: 1.2em;
  line-height: 1.5em; }
  .help_page p {
    font-size: 1.2em;
    line-height: 1.5em; }
  .help_page .image_div {
    text-align: center;
    padding: 10px 0;
    width: 100%; }
    .help_page .image_div img {
      max-width: 100%; }
  .help_page .em {
    font-style: italic; }
  .help_page .definition {
    margin: 0; }
  .help_page .value {
    font-weight: bold; }

.table_container td.with_image a:hover {
  border: 2px solid black; }

.table_container td.with_image a i {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  transition: transform 0.2s linear; }

.table_container td.with_image a i:hover {
  transform: scale(1.2); }

#stats_data.devices_data td.plays,
#stats_data.devices_data .th.plays,
#stats_data.devices_data td.watchtime,
#stats_data.devices_data .th.watchtime,
#stats_data.devices_data td.engagement,
#stats_data.devices_data .th.engagement {
  width: 20%; }

.table_container.devices_data .thead .tr {
  padding-right: 0; }

.table_container td.with_icons {
  padding-left: 60px;
  position: relative; }

.table_container td.with_icons a {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 13px;
  top: 23px; }

/** Search */
.search_cont {
  width: 300px;
  float: right;
  position: relative; }

.search_cont a {
  font-size: 0;
  border: none;
  float: none;
  position: absolute;
  top: 13px;
  right: 0px;
  margin: 0;
  background: none;
  padding: 0;
  line-height: 24px;
  color: #889097; }

.searchBox {
  width: 100%;
  border: 1px solid #d8dadf;
  border-radius: 3px;
  padding: 10px 10px;
  font-size: 15px;
  display: inline-block !important;
  color: #aab2bd;
  margin: 6px 0 6px 5px; }

.searchBox:focus, .refresh_button:focus {
  outline: none !important; }

.search_clear {
  top: 16px;
  right: 35px;
  left: auto;
  position: absolute;
  cursor: pointer; }

.search_cont.search_by_rid_cont {
  width: 100%;
  float: none; }

@media screen and (max-width: 600px) {
  .search_cont {
    width: 270px;
    float: none;
    margin: 0 auto; }

  .table_container:not(.view_live) .thead .refresh_div {
    height: 110px !important; } }
@media screen and (min-width: 600px) {
  #stats_data td.first, #stats_data .th.first, #stats_data td.plays, #stats_data .th.plays, #stats_data td.loads, #stats_data .th.loads, #stats_data td.watchtime, #stats_data .th.watchtime, #stats_data td.engagement, #stats_data .th.engagement {
    width: 12%; }

  #stats_data.devices_data td.plays,
  #stats_data.devices_data .th.plays,
  #stats_data.devices_data td.loads,
  #stats_data.devices_data .th.loads,
  #stats_data.devices_data td.watchtime,
  #stats_data.devices_data .th.watchtime,
  #stats_data.devices_data td.engagement,
  #stats_data.devices_data .th.engagement,
  #stats_data.rid_data td.plays,
  #stats_data.rid_data .th.plays,
  #stats_data.rid_data td.first,
  #stats_data.rid_data .th.first,
  #stats_data.rid_data td.watchtime,
  #stats_data.rid_data .th.watchtime,
  #stats_data.rid_data td.engagement,
  #stats_data.rid_data .th.engagement {
    width: 15%; } }
@media screen and (max-width: 600px) {
  #stats_data td.first, #stats_data .th.first, #stats_data td.plays, #stats_data .th.plays, #stats_data td.loads, #stats_data .th.loads, #stats_data td.watchtime, #stats_data .th.watchtime, #stats_data td.engagement, #stats_data .th.engagement {
    width: 20%; }
  #stats_data .devices_data td.plays,
  #stats_data .devices_data .th.plays,
  #stats_data .devices_data td.loads,
  #stats_data .devices_data .th.loads,
  #stats_data .devices_data td.watchtime,
  #stats_data .devices_data .th.watchtime,
  #stats_data .devices_data td.engagement,
  #stats_data .devices_data .th.engagement,
  #stats_data .rid_data td.plays,
  #stats_data .rid_data .th.plays,
  #stats_data .rid_data td.first,
  #stats_data .rid_data .th.first,
  #stats_data .rid_data td.watchtime,
  #stats_data .rid_data .th.watchtime,
  #stats_data .rid_data td.engagement,
  #stats_data .rid_data .th.engagement {
    width: 25%; }

  .table_container td.with_icons a {
    top: 10px; } }
.icon-video-heatmaps {
  background-size: contain;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block; }

.icon-video-heatmaps {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVRYhe2WMQ7CMAxFfxBDN3auwLlgg7kb6Za52coROBwSW6VIZaFSseS4xJYYyJ+q5jv/KbWVAlX/LkdfHM/tlCu4xfBRc7q0fppwXRtI6zdrCzkNffDOoSutVwNoIUwANBBbydCg2Y0j0mOPdABSGZ4CIEb/nJ/vGd+3zTjL5BOUhpsAaMLVAFK4c+ikxhR7QBM+9MG/veC8ZmPIhQP5ES0G4Dal4ZJfdQJ0Uy586TcFWEJI4ZyKm5BCcGv0djW/DbWqABVAnALpH1Grn59ABaiqegGogFvuPzb0+QAAAABJRU5ErkJggg=="); }

.current .icon-video-heatmaps {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAzUlEQVRYhe2WsQoCMRBERzkEIXD/YWfnv1mYK/J9+ZMrxEYMaHOCCblszAQs3CmPnZ1HsksOUP27NukH4/yzZLidj5HHOG8BXGoDU/+21lhoaAFMrX4agIXoAsBADFLB7nEfZwwB2AfgEFrgKIDZnq41jb4dxre6XEFreBcAJpwGqAifIAymOANM+LIZMM5jrbbbGq6FA+UVbQYoNI3CpXrqBDJNs+FJfaTmGfhsutxxNkASDSAFp69r99eQlQIogLgF0j8iq5+fgAKoVC+iRkzc2TYn+QAAAABJRU5ErkJggg=="); }

.graph_container.video_not_available {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center; }

.table_container td.with_image a.show-heatmap {
  position: relative;
  background: transparent !important;
  color: #0086cf !important;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  height: auto;
  left: 0;
  top: 4px;
  text-align: left;
  width: auto;
  border: none !important; }

#stats_data .current a.show-heatmap {
  color: #fff !important; }
  #stats_data .current a.show-heatmap:visited {
    color: #fff !important; }

/*# sourceMappingURL=tmp_style2020.css.map */