html,
  body {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: 'Ubuntu', sans-serif !important;
      background-color: #ebebeb;
  }
  
  a {
      color: #428bca;
  }
  
  a:hover,
  a:focus {
      color: #AAA !important;
  }
  
  a.btn {
      color: #FFF !important;
      text-decoration: none;
  }
  
  .DimensionElement {
      cursor: pointer;
      z-index: 200;
  }
  
  .IndicadorElement {
      cursor: pointer;
      z-index: 200;
  }
  
  table.table-striped td,
  table.table-striped th {
      text-align: center;
  }
  
  footer {
      margin: 30px 0 0px 0;
      text-align: center;
      border-top: 1px dashed #D5D5D5;
      background-color: #f5f5f5;
      padding: 35px 0 25px 0;
      font-family: 'Oswald';
  }
  
  .nav-tabs {
      margin-top: 10px;
  }
  
  .nav-tabs>li>a {
      padding-right: 40px;
      padding-left: 40px;
      font-family: 'Oswald';
      font-size: 16px;
  }
  
  .back1 h5 {
      color: #000;
  }
  
  .back2 {
      background-color: #FFF;
      margin-top: 15px;
      padding: 1px 5px;
  }
  
  .tooltip-inner {
      text-align: left;
  }
  
  #dimensiones ul,
  #indicadores ul {
      padding: 0px;
  }
  
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:hover,
  .nav-tabs>li.active>a:focus {
      color: #fff !important;
      background-color: #52697c;
      border-radius: 5px;
      margin-bottom: 15px;
      border: none;
  }
  
  .nav-tabs>li>a,
  .nav-tabs>li>a:hover,
  .nav-tabs>li>a:focus {
      border-radius: 5px;
      margin-bottom: 15px;
      border: none;
  }
  
  .scroll_horizontal {
      overflow: scroll;
  }
  /* HELPER CLASES*/
  
  .mg-top-75 {
      margin-top: 75px;
  }
  
  .mg-top-50 {
      margin-top: 50px;
  }
  
  .mg-top-25 {
      margin-top: 25px;
  }
  
  .vertical-center {
      min-height: 100%;
      margin-top: 150px;
      align-items: center;
  }
  
  .search-bar {
      margin-bottom: 20px !important;
  }
  
  .search-bar-navbar {
      margin-top: 15px;
  }
  
  .col-centered {
      float: none;
      margin: 0 auto;
  }
  
  .search-query {
      border-radius: 25px;
      margin: 5px;
  }
  
  .logo-index {
      margin: 36px 0 36px 0;
  }
  
  .delete {
      cursor: pointer;
      display: none;
      margin-left: 10px;
  }
  
  .formula {
      cursor: pointer;
      margin-left: 10px;
  }
  
  .navbar-text {
      margin-top: 20px;
      font-size: 20px;
  }
  
  .navbar-default,
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
      background-color: #2F4354;
      border: none;
  }
  
  .navbar-brand {
      float: left;
      height: 50px;
      padding: 6px 25px 0 15px;
      font-size: 18px;
      line-height: 20px;
  }
  
  .mini-dash {
      margin: 0;
      padding-top: 20px;
      padding-bottom: 30px;
      background-color: #f0f0f0;
  }
  
  .mini-dash label {
      color: black;
  }
  
  .mini-dash table {
      margin-top: 18px;
  }
  
  .mini-dash table td {
      padding: 11px 0;
      width: 100%;
  }
  /* tables */
  
  .results-table a {
      color: #3474e3;
      text-decoration: underline;
  }
  
  .results-table thead {
      background: #eee;
  }
  
  .results-table tbody tr td:first-of-type {
      width: 30%;
  }
  
  .sortable {
      cursor: pointer;
  }
  
  .unsorted {
      background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
      background-position: center right;
      background-repeat: no-repeat;
  }
  
  .sortedAsc {
      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
      background-position: center right;
      background-repeat: no-repeat;
  }
  
  .sortedDesc {
      background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
      background-position: center right;
      background-repeat: no-repeat;
  }
  
  .tablesorter-default thead .tablesorter-headerAsc,
  .tablesorter-default thead .tablesorter-headerDesc {
      border-bottom: 2px solid #ddd !important;
  }
  
  .tablesorter-default .tablesorter-header {
      padding: 8px !important;
  }
  
  .tablesorter-default {
      font-size: 14px !important;
  }
  
  .back2 table * {
      font-family: 'Ubuntu', sans-serif !important;
  }
  
  .query {
      border-style: solid;
      border-color: red;
      display: none;
  }
  /*Date picker styles*/
  /*Daterange*/
  
  #periodpicker {
      border: none;
      background-color: transparent;
      cursor: pointer;
      width: 180px;
      outline: none;
      font-size: 14px;
  }
  
  .daterangepicker td,
  .daterangepicker th,
  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th {
      background-color: transparent !important;
  }
  
  .mini-dash #periodpicker {
      width: 87%;
  }
  
  #reportrange {
      background: #fff;
      padding: 5px 10px;
      border: 1px solid #ccc;
      width: 100%;
      border-radius: 4px;
      font-size: 16px;
  }
  
  .range_inputs {
      height: 41px !important;
      padding: 7px 22px !important;
  }
  
  .range_inputs .btn-success {
      background-color: #171b1e !important;
      border: none !important;
  }
  
  .clearbtn,
  .clearbtn:hover,
  .clearbtn:focus {
      background-color: #908F8F;
      border-color: #908F8F;
  }
  
  .search-btn,
  .search-btn:hover,
  .search-btn:focus {
      background-color: #d9534f;
      border-color: #d9534f;
  }
  
  .nresults {
      font-size: 25px;
      border-bottom: solid #DEDDDD 2px;
      margin-bottom: 5px;
  }
  
  .row-search {
      border-bottom: solid #DEDDDD 2px;
      margin-bottom: 10px;
  }
  
  .results-container {
      background-color: #FAFAFA;
  }
  
  .default-navbar {
      background-color: #FFF;
  }
  
  .search-info {
      margin-bottom: 10px;
  }
  
  .date {
      color: #3399ff;
  }
  
  .see_more-result {
      background-color: white;
  }
  
  .flag-icon {
      background-size: contain;
      background-position: 50%;
      background-repeat: no-repeat;
      position: relative;
      display: inline-block;
      width: 1em;
      line-height: 1em;
  }
  
  .flag-sp-icon {
      background-image: url('/img/flags/es.svg');
  }
  
  .flag-gb-icon {
      background-image: url('/img/flags/gb.svg');
  }
  
  .recent-searches {
      margin-bottom: 50px;
  }
  
  .recent-searches p {
      width: 100%;
      text-align: center;
  }
  
  .recent-searches a {
      text-decoration: underline;
  }
  
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:hover,
  .navbar-default .navbar-nav>.active>a:focus {
      color: #FFF;
      text-decoration: underline;
      background-color: transparent;
      font-family: 'Oswald', sans-serif;
  }
  
  .navbar-default .navbar-nav>li>a {
      color: #AAAAAA;
      font-size: 19px;
      font-family: 'Oswald', sans-serif;
  }
  
  .element {
      width: 100%;
      margin-bottom: 5px;
      padding: 5px;
      text-align: center;
      list-style-type: none;
      font-weight: normal;
      color: #454545;
  }
  
  .top {
      float: left;
      color: #CC0033;
  }
  
  #dropzoneFilter li,
  #dropzoneX li,
  #dropzoneY li {
      margin-right: 3px;
      /*display:inline;*/
  }
  
  #indicadores .element,
  #dropzoneFilter .element {
      background-color: #f9e1c2;
      border: 1px solid #e9b674;
  }
  
  #dimensiones .element,
  #dropzoneX .element,
  #dropzoneY .element {
      background-color: #c2e5f3;
      border: 1px solid #93c5da;
  }
  
  .dropdimension {
      position: relative;
      background-color: #e8f4f9;
      padding: 20px;
      min-height: 80px;
      border: 1px solid #8cbcd0;
  }
  
  .dropindicador {
      position: relative;
      padding: 20px;
      background-color: #f9f1e7;
      min-height: 80px;
      border: 1px solid #edbe81;
  }
  
  .FiltersMenu div {
      position: absolute;
      top: 25%;
      padding: 9px;
      z-index: 1005;
      background-color: #f6f6f6;
      width: 280px;
      border: 1px solid #c5c5c5;
  }
  
  h5 {
      font-size: 18px;
      color: #428bca;
      padding: 5px;
      cursor: pointer;
  }
  
  .select2-container {
      width: 100% !important;
  }
  /* bootstrap hack: fix content width inside hidden tabs */
  
  .tab-content>.tab-pane,
  .pill-content>.pill-pane {
      display: block;
      /* undo display:none          */
      height: 0;
      /* height:0 is also invisible */
      overflow-y: hidden;
      /* no-overflow                */
  }
  
  .tab-content>.active,
  .pill-content>.active {
      height: auto;
      /* let the content decide it  */
  }
  /* bootstrap hack end */
  
  .tab-content {
      border-left: 1px solid rgba(204, 204, 204, 0.8);
      border-right: 1px solid rgba(204, 204, 204, 0.8);
      border-bottom: 1px solid rgba(204, 204, 204, 0.8);
      margin-bottom: 15px;
      padding: 20px;
      min-height: 355px;
  }
  
  .spinner {
      display: none;
      width: 100px;
      position: absolute;
      top: 70px;
      left: 25px;
  }
  
  .filters {
      position: absolute;
      overflow-y: auto;
      height: 200px;
  }
  
  .imgFilter {
      float: left;
  }
  
  .imgDelete {
      float: right;
  }
  
  .transferIcon {
      margin-top: 5%;
      text-align: center;
      font-size: 25px;
  }
  
  .resetFilters {
      font-style: italic;
      color: #e10000;
      margin-top: 5px;
  }
  
  .savediv {
      text-align: right;
      margin-top: 10px;
  }
  
  .caja {
      float: left;
      margin-right: 5px;
  }
  
  .caja a {
      display: block;
      background-color: white;
      width: 118px;
      height: 66px;
      margin: 7px 8px 7px 0;
      border: 1px black solid;
  }
  
  .caja a:hover {
      background: #CCC url(/img/dashboard.gif) center no-repeat;
  }
  
  .num_panel {
      background-color: #CC0033;
      color: #FFF;
      border-radius: 58%;
      padding: 4px 8px;
      font-size: 16px;
      font-weight: bold;
  }
  
  .actions_panels {
      display: inline;
      visibility: hidden;
  }
  
  .actions_panels div {
      color: #000;
      font-size: 15px;
      border: 1px solid #c4c4c4;
      border-radius: 3px;
      background-color: #efefef;
      padding: 6px;
      margin-left: 5px;
  }
  
  .mas {
      background-color: #63c669;
      padding: 7px 14px;
      border-radius: 4px;
      color: #FFF;
  }
  
  .mas:hover {
      color: #184416 !important;
      text-decoration: none;
  }
  
  .dropdown-menu>li>a {
      font-family: 'Oswald' !important;
      font-size: 16px;
  }
  
  .nav-tabs .dropdown-menu>li.active>a,
  .nav-tabs .dropdown-menu>li.active>a:hover,
  .nav-tabs .dropdown-menu>li.active>a:focus {
      background-color: #52697c !important;
      color: #FFF !important;
  }
  
  .nav-tabs .dropdown-menu>li>a {
      color: #428bca;
  }
  
  .red_text {
      color: red;
  }
  
  .lipanels button {
      float: right;
  }
  
  .lipanels_cabecera_notshared {
      margin-top: 20px;
      margin-left: 15px;
      color: #CC0033;
  }
  
  .lipanels_cabecera_shared {
      margin-top: 20px;
      margin-left: 15px;
      color: #428bca;
  }
  
  .lipanels {
      margin-left: 25px;
  }
  
  .liformulas {
      margin-bottom: 10px;
      cursor: pointer;
      list-style-type: none;
  }
  
  .datamapchart {
      min-width: 300px;
      max-width: 600px;
      margin: 0 auto;
  }
  
  @media (min-width: 1000px) {
      .d-md-none {
          display: none;
      }
      .d-md-block {
          display: block!important;
      }
      .mini-dash {
          min-height: 700px;
      }
  }
  
  @media (max-width: 1450px) {
      /*Laptop*/
  }
  
  @media (max-width: 1024px) {
      /*iPad*/
      .dropdimension,
      .dropindicador {
          padding: 4px;
      }
      .nav-tabs>li>a {
          padding-right: 14px;
          padding-left: 14px;
      }
      .col-xs-6 {
          padding-left: 4px;
          padding-right: 4px;
      }
  }
  
  @media (max-width: 812px) {
      /*iPhone*/
      .resetFilters {
          font-size: 14px;
          padding: 0;
      }
      .savediv {
          text-align: center;
          min-height: 40px;
      }
      .nav-tabs>li>a {
          padding-right: 10px;
          padding-left: 10px;
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #e3e0e0 !important;
      }
      .navbar-default .navbar-nav>li>a {
          background-color: transparent !important;
          min-width: 161px !important;
      }
  }