<commit_before>/*
 * Map panel for table view
 */

@import "compass";
@import "../common/vars";
@import "../common/mixins";
@import "../common/sprites";


div.map {
  position:absolute;
  top:1px; // Header opacity black border needs to be present
  left:0;
  bottom:0;
  right:0;
  width:100%;
  padding-top:64px;

  div.map_toolbar {
    position:absolute;
    left:0;
    top:1px;
    width:100%;
    height:64px;
    display:block;
    z-index:6;
    @include box-shadow(rgba(black,0.15) 0 3px 3px 0);
    background: -ms-linear-gradient(top, #FDFDFD 0%, #F2F2F2 100%);
    @include background(linear-gradient(top,#FDFDFD,#F2F2F2));
  }

  .options {
    @include inline-block();
    margin: 17px 0 0 45px;

    & > li.dropdown {

      &.full_screen .thumb {
        @include icons-sprite(full_screen);

        border: none;
        @include border-radius(0px);
      }

      @include inline-block();

      padding: 0 15px 0 0;
      margin: 0 5px 0 0;

      border-right: 1px solid rgba(#D9D9D9, .8);
      &:last-child { border: none; }

      cursor: pointer;

      & > .thumb {
        position:relative;
        @include inline-block();
        @include size(30px);
        margin: 0 5px 0 0;
        @include border-radius(2px);
        // Set nokia basemap as default
        background-image: url("https://maps.nlp.nokia.com/maptiler/v2/maptile/newest/normal.day/6/30/24/256/png8?lg=spa&token=A7tBPacePg9Mj_zghvKt9Q&app_id=KuYppsdXZznpffJsKT24");
        background-size: 34px;
        background-color: rgba(0, 0, 0, 0);
        background-position: 50% 50%;

        &:before {
          content: ' ';
          position:absolute;
          top:0;
          left:0;
          right:0;
          bottom:0;
          border: 1px solid rgba(0,0,0, 0.15);
          @include border-radius(2px);
        }
      }

      .info {
        @include inline-block();
        padding-top:2px;

        h5, .name {
          font-size: 13px;
          color: #7A7A7A;
        }

        h5 {
          position:relative;
          padding:0 12px 0 0;
          display:block;
          font-family: "Helvetica", Arial;
          font-weight:normal;
          line-height:12px;

          &:before {
            position:absolute;
            content:' ';
            top:-3px;
            right:-9px;
            margin:8px 0 0 5px;
            border-left:3px solid transparent;
            border-right:3px solid transparent;
            border-top:3px solid #7C7C7C;
            z-index:1;
          }

          &:after {
            position:absolute;
            content:' ';
            top:-1px;
            right:-9px;
            margin:9px 0 0 5px;
            border-left:3px solid transparent;
            border-right:3px solid transparent;
            border-top:3px solid transparent;
            z-index:0;
          }
        }

      }
    } // .basemap_dropdown
  } // .dropdowns

  div.dropdown.basemap {

    width: 861px;
    border: 1px solid #999999;

    .custom {
      width:200px;
      display:inline;
      vertical-align:top;
    }

    ul {
      width:200px;
      @include inline-block();
      vertical-align:top;
      padding: 0 5px 0 10px;

      &.special {
        background:#F6F6F6;
        border-left: 1px solid #E7E7E7;
        @include border-radius(0 2px 2px 0);
      }
    }

    ul li {

      &.wms .thumb {
        background-size:auto;
        background: image-url("icons/wms.png") no-repeat center center;
      }

      &.selected .name { color: #7B7B7B; }

      &.hidden { display: none; }

      &:hover { background: none; }

      &.add_basemap > a {
        small, &:hover small {
          color: #397DB8;
          @include opacity(.5);
        }
      }

      &.map_background > a .name {
          margin: 5px 0 0 5px;
      }

      & > a {
        display:block;
        padding: 11px 10px 11px 0;

        line-height: normal;
        @include clearfix();

        small { display:block; margin: 0 0 0 29px; font-size: 9px; color: #AAAAAA; }

        &:hover small {
          color: #AAAAAA;
        }

        .name {
          float:left;
          font-size:13px;
          width: 150px;
          margin: 0 0 0 5px;

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

        &.add .thumb { border-color: #397DB8; }
        &:hover .thumb .remove_layer { opacity: 1; }

        .thumb {
          position:relative;
          float:left;
          @include size(24px);
          @include border-radius(2px);
          @include text-indent();
          background-size: 34px 34px;
          background-position: 50% 50%;
          text-decoration:none;

          &:before {
            content: '';
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            border: 1px solid rgba(0,0,0, 0.15);
            @include border-radius(2px);
          }

          .remove_layer {

            @include size(14px, 10px);
            @include position(false, 0, 0, false);
            @include simple-transition(opacity, 100ms);
            padding: 0;

            background:#333;
            text-indent:0;
            @include border-top-left-radius(2px);
            @include border-bottom-right-radius(2px);
            background:rgba(black,0.5);
            z-index:2;

            opacity: 0;

            &:before {
              position:absolute;
              content:' ';
              top:4px;
              left:4px;
              width:0;
              height:0;
              border-left:3px solid transparent;
              border-right:3px solid transparent;
              border-top:3px solid white;
            }
          }

          &:hover {
            cursor:pointer;
            &:before { border: 1px solid rgba(0,0,0, 0.5); }
          }

        }

        &.dark_roadmap .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_dark_roadmap);
        }

        &.gray_roadmap .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_gray_roadmap);
        }

        &.roadmap .thumb{
          background-size:auto;
          @include icons-sprite(gmaps_roadmap);
        }

        &.terrain .thumb{
          background-size:auto;
          @include icons-sprite(gmaps_terrain);
        }

        &.satellite .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_satellite);
        }

        &.hybrid .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_hybrid);
        }

        &.add .thumb {
          background-size:auto;
          @include icons-sprite(plus);
        }

        span.color {
          position:relative;
          display:block;
          width:100%;
          height:14px;
          padding:15px 0;
          text-indent:0;
          font:bold 9px $text-fonts;
          color:rgba(#999,0.8);
          text-shadow:0 0 1px rgba(#FFF,0.5);
          text-transform:uppercase;
          text-align:center;
        }

        span.button {
          position:absolute;
          bottom:2px;
          right:2px;
          width:10px;
          height:10px;
          text-indent:0;
          @include border-radius(10px);
          background:white;
          z-index:2;

          &:before {
            position:absolute;
            content:' ';
            top:4px;
            left:3px;
            width:0;
            height:0;
            border-left:2px solid transparent;
            border-right:2px solid transparent;
            border-top:3px solid #397DBA;
          }
        }
      }
    }
  }


  /* CartoDB map styles */

  div.cartodb-map {
    position:absolute;
    top:64px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:auto;
    z-index:1;

    // Move attributions in different providers
    .leaflet-right .leaflet-control, #cartodb_attribution {
      margin-right: 62px!important;
    }
  }

  div.cartodb-legend-stack {
    @include position(false, 0, 20px, false);
    margin: 0 80px 0 0;

    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);

    div.cartodb-legend {
      display:none;
      @include position(false, 0, 0, false);
      position:relative;
      margin: 0;

      &.custom, &.bubble, &.color, &.intensity, &.density { display: block; }
    }
  }

  div.cartodb-legend {
    @include position(false, 0, 20px, false);
    margin: 0 80px 0 0;

    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);

    .warning {
      text-transform: none;
      font-style:italic;
      font-size: 13px;
      font-weight: normal;
    }

  }

  // Zoom info
  div.cartodb-zoom-info {
    position:relative;
    float:left;
    top:0;
    left:0;
    margin:10px 0 0 20px;
    clear:both;
  }

  // Tiler in core map
  div.cartodb-tiles-loader {
    float:left;
    clear:both;
    div.loader {
      position:relative;
      top:0;
      left:0;
      margin:10px 0 0 20px;
    }
  }

  // Search box in core map
  div.cartodb-searchbox {
    position:relative;
    float:right;
    margin:20px 77px 0 0;
    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);
  }

  // Public map
  .cartodb-map.public {
    top: 55px;
    border-top:1px solid #999999;

    div.cartodb-zoom {position:absolute; top: 0px;}
    div.cartodb-tiles-loader {
      position:absolute;
      top:80px;
    }
    div.cartodb-searchbox{
      margin-right:20px;
    }

    .leaflet-right .leaflet-control, #cartodb_attribution {
      margin-right: 0px!important;
    }
  }


  // [done | discard] dialog shown when a geometry is being edited or created
  div.editing {
    position: relative;
    @include inline-block;
    top: 20px;
    left: 50%;
    margin-left:-120px;
    padding:11px;
    background: #FFF;
    border:1px solid #999999;
    @include box-shadow(rgba(0,0,0,0.1) 0 0 4px 3px);
    background:white;
    @include border-radius(3px);
    z-index: 2;

    a {
      position:relative;
      @include inline-block();
      vertical-align: top;
    }

    span.tooltip {
      position:absolute;
      width:313px;
      top:65px;
      left:-90px;
      background:rgba(0,0,0,0.8);
      @include border-radius(2px);
      text-align:center;

      p {line-height:35px; font-size:13px;}

      &:before {
        position:absolute;
        content:'';
        width:0;
        height:0;
        left:50%;
        top:-6px;
        margin-left:-3px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-bottom:6px solid rgba(0,0,0,0.8);
      }
    }
  }

  div.sqlview {
    position: relative;
    display: block;
    width: 100%;
    height: 37px;
    margin:0;
    z-index:1;

    p {
      position: fixed;
      left: 50%;
      display: inline;
      margin: 0 0 0 -50%;
      padding: 12px 0;
      width: 100%;
      border-bottom: 1px solid #ccc;
      background-color: #E5FAEA;
      color: #333;
      color: #666666;
      text-align: center;
      font-size: 13px;
      font-family: $text-fonts;
      text-indent:0;
      z-index:2;
      @include transform-style("linear");
      @include transition-property("text-indent");
      @include transition-duration(300ms);
      @include box-shadow(rgba(0, 0, 0, 0.055) 0 3px 1px 0);

      &.warn {
       background-color: rgba(#FFFFBF, 0.90);
      }
    }
  } //div.sqlview

  // When a panel view is openned or closed
  &.displaced {
    div.sqlview p {
      text-indent:-600px;
    }

    div.share {
      right:595px;
    }

    div.cartodb-searchbox {
      margin-right:612px;
    }

    div.cartodb-legend {
      margin-right:612px;
    }

    div.cartodb-legend-stack {
      margin-right:612px;

      div.cartodb-legend {
        margin: 0;
      }

    }

    &.narrow {
      div.sqlview p {
        text-indent:-450px;
      }

      div.share {
        right:445px;
      }

      div.cartodb-searchbox {
        margin-right:462px;
      }

      div.cartodb-legend {
        margin-right:462px;
      }

      div.cartodb-legend-stack {
        margin-right:462px;

        div.cartodb-legend {
          margin: 0;
        }
      }

    }
  } //&.displaced

} // div.cartodb-map


section.block.noGeoRef {
  background-color: #FFF0C1;
  padding: 5px;

  .innerBlock {
    background-color: white;

    .content {
      color: #666;
      line-height:120%;
    }
    .foot {
      border-top: 0;
      padding-top: 0px;

      .cancel {
        margin-top: 15px;

        a {
          text-decoration: underline;
        }
      }
    }

    .enabled {
      display: block;
    }
  }
}

/* FOOTER EDIT BUTTONS  for infowindow */

@mixin edit-bottom-states($x,$y,$c1,$c2,$c3,$c4) {
  @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, $c1); // IE
  @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, linear-gradient($c1,$c2));

  &:hover, &:active, &:focus {
    @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, $c3); // IE
    @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, linear-gradient($c1,$c4));
  }
}

div.cartodb-edit-buttons {
  border-top:1px solid #E5E5E5;
  display:block;
  width:188px;
  padding:11px 0 6px;
  margin:10px 0 0;
  letter-spacing: -4px;

  // CartoDB id
  .cartodb_id {
    @include inline-block();
    color: #999;
    font-size: 13px;
    margin-top:8px;
    letter-spacing:0px;
    word-spacing:0px;
  }

  // Edit buttons
  div.right {width:auto; margin-top:4px;}

  a.button {
    float:left;
    vertical-align:top;
    width:29px;
    height:24px;
    border-right:0;
    margin:0;
    padding:0!important;
    margin:0;
    text-indent: -9999px;
    font-size:0;
    line-height:0;
    letter-spacing:0px;
    @include border-radius(0);

    &.edit_data {@include edit-bottom-states(-4, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}
    &.edit_geo {@include edit-bottom-states(-35, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}
    &.remove {@include edit-bottom-states(-66, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}

    &:first-child {@include border-left-radius(3px);}
    &:last-child {@include border-right-radius(3px); border-right:1px solid #B0B0B0;}
  }
}

// Default styles for infowindow
div.cartodb-popup {
  h2 { line-height:normal }

  &.blue.header .cartodb-popup-header a {
    color:white;
  }
}

// Dark buttons
div.cartodb-popup.dark  {
  div.cartodb-edit-buttons {
    border-color:#676767;
    a.button {
      border-color:#676767!important;
      &.edit_data {@include edit-bottom-states(-4, -18, #222, #222, #222, #222);}
      &.edit_geo {@include edit-bottom-states(-35, -18, #222, #222, #222, #222);}
      &.remove {@include edit-bottom-states(-66, -18, #222, #222, #222, #222);}
    }
  }
}



// Custom styles for Leaflet maps

// Same css for editing markers in Leaflet and GMaps
.leaflet-editing-icon {
  width:9px!important;
  height:9px!important;
  margin:-5px 0 0 -5px!important;
  @include border-radius(6px);
  border:1px solid #397DBA;
}
<commit_msg>Centers the WMS layer names in the basemap dropdown<commit_after>/*
 * Map panel for table view
 */

@import "compass";
@import "../common/vars";
@import "../common/mixins";
@import "../common/sprites";


div.map {
  position:absolute;
  top:1px; // Header opacity black border needs to be present
  left:0;
  bottom:0;
  right:0;
  width:100%;
  padding-top:64px;

  div.map_toolbar {
    position:absolute;
    left:0;
    top:1px;
    width:100%;
    height:64px;
    display:block;
    z-index:6;
    @include box-shadow(rgba(black,0.15) 0 3px 3px 0);
    background: -ms-linear-gradient(top, #FDFDFD 0%, #F2F2F2 100%);
    @include background(linear-gradient(top,#FDFDFD,#F2F2F2));
  }

  .options {
    @include inline-block();
    margin: 17px 0 0 45px;

    & > li.dropdown {

      &.full_screen .thumb {
        @include icons-sprite(full_screen);

        border: none;
        @include border-radius(0px);
      }

      @include inline-block();

      padding: 0 15px 0 0;
      margin: 0 5px 0 0;

      border-right: 1px solid rgba(#D9D9D9, .8);
      &:last-child { border: none; }

      cursor: pointer;

      & > .thumb {
        position:relative;
        @include inline-block();
        @include size(30px);
        margin: 0 5px 0 0;
        @include border-radius(2px);
        // Set nokia basemap as default
        background-image: url("https://maps.nlp.nokia.com/maptiler/v2/maptile/newest/normal.day/6/30/24/256/png8?lg=spa&token=A7tBPacePg9Mj_zghvKt9Q&app_id=KuYppsdXZznpffJsKT24");
        background-size: 34px;
        background-color: rgba(0, 0, 0, 0);
        background-position: 50% 50%;

        &:before {
          content: ' ';
          position:absolute;
          top:0;
          left:0;
          right:0;
          bottom:0;
          border: 1px solid rgba(0,0,0, 0.15);
          @include border-radius(2px);
        }
      }

      .info {
        @include inline-block();
        padding-top:2px;

        h5, .name {
          font-size: 13px;
          color: #7A7A7A;
        }

        h5 {
          position:relative;
          padding:0 12px 0 0;
          display:block;
          font-family: "Helvetica", Arial;
          font-weight:normal;
          line-height:12px;

          &:before {
            position:absolute;
            content:' ';
            top:-3px;
            right:-9px;
            margin:8px 0 0 5px;
            border-left:3px solid transparent;
            border-right:3px solid transparent;
            border-top:3px solid #7C7C7C;
            z-index:1;
          }

          &:after {
            position:absolute;
            content:' ';
            top:-1px;
            right:-9px;
            margin:9px 0 0 5px;
            border-left:3px solid transparent;
            border-right:3px solid transparent;
            border-top:3px solid transparent;
            z-index:0;
          }
        }

      }
    } // .basemap_dropdown
  } // .dropdowns

  div.dropdown.basemap {

    width: 861px;
    border: 1px solid #999999;

    .custom {
      width:200px;
      display:inline;
      vertical-align:top;
    }

    ul {
      width:200px;
      @include inline-block();
      vertical-align:top;
      padding: 0 5px 0 10px;

      &.special {
        background:#F6F6F6;
        border-left: 1px solid #E7E7E7;
        @include border-radius(0 2px 2px 0);
      }
    }

    ul li {

      &.wms {
        .thumb {
          background-size:auto;
          background: image-url("icons/wms.png") no-repeat center center;
        }

        a { line-height: 24px; }
      }

      &.selected .name { color: #7B7B7B; }

      &.hidden { display: none; }

      &:hover { background: none; }

      &.add_basemap > a {
        small, &:hover small {
          color: #397DB8;
          @include opacity(.5);
        }
      }

      &.map_background > a .name {
          margin: 5px 0 0 5px;
      }

      & > a {
        display:block;
        padding: 11px 10px 11px 0;

        line-height: normal;
        @include clearfix();

        small { display:block; margin: 0 0 0 29px; font-size: 9px; color: #AAAAAA; }

        &:hover small {
          color: #AAAAAA;
        }

        .name {
          float:left;
          font-size:13px;
          width: 150px;
          margin: 0 0 0 5px;

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

        &.add .thumb { border-color: #397DB8; }
        &:hover .thumb .remove_layer { opacity: 1; }

        .thumb {
          position:relative;
          float:left;
          @include size(24px);
          @include border-radius(2px);
          @include text-indent();
          background-size: 34px 34px;
          background-position: 50% 50%;
          text-decoration:none;

          &:before {
            content: '';
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            border: 1px solid rgba(0,0,0, 0.15);
            @include border-radius(2px);
          }

          .remove_layer {

            @include size(14px, 10px);
            @include position(false, 0, 0, false);
            @include simple-transition(opacity, 100ms);
            padding: 0;

            background:#333;
            text-indent:0;
            @include border-top-left-radius(2px);
            @include border-bottom-right-radius(2px);
            background:rgba(black,0.5);
            z-index:2;

            opacity: 0;

            &:before {
              position:absolute;
              content:' ';
              top:4px;
              left:4px;
              width:0;
              height:0;
              border-left:3px solid transparent;
              border-right:3px solid transparent;
              border-top:3px solid white;
            }
          }

          &:hover {
            cursor:pointer;
            &:before { border: 1px solid rgba(0,0,0, 0.5); }
          }

        }

        &.dark_roadmap .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_dark_roadmap);
        }

        &.gray_roadmap .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_gray_roadmap);
        }

        &.roadmap .thumb{
          background-size:auto;
          @include icons-sprite(gmaps_roadmap);
        }

        &.terrain .thumb{
          background-size:auto;
          @include icons-sprite(gmaps_terrain);
        }

        &.satellite .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_satellite);
        }

        &.hybrid .thumb {
          background-size:auto;
          @include icons-sprite(gmaps_hybrid);
        }

        &.add .thumb {
          background-size:auto;
          @include icons-sprite(plus);
        }

        span.color {
          position:relative;
          display:block;
          width:100%;
          height:14px;
          padding:15px 0;
          text-indent:0;
          font:bold 9px $text-fonts;
          color:rgba(#999,0.8);
          text-shadow:0 0 1px rgba(#FFF,0.5);
          text-transform:uppercase;
          text-align:center;
        }

        span.button {
          position:absolute;
          bottom:2px;
          right:2px;
          width:10px;
          height:10px;
          text-indent:0;
          @include border-radius(10px);
          background:white;
          z-index:2;

          &:before {
            position:absolute;
            content:' ';
            top:4px;
            left:3px;
            width:0;
            height:0;
            border-left:2px solid transparent;
            border-right:2px solid transparent;
            border-top:3px solid #397DBA;
          }
        }
      }
    }
  }


  /* CartoDB map styles */

  div.cartodb-map {
    position:absolute;
    top:64px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:auto;
    z-index:1;

    // Move attributions in different providers
    .leaflet-right .leaflet-control, #cartodb_attribution {
      margin-right: 62px!important;
    }
  }

  div.cartodb-legend-stack {
    @include position(false, 0, 20px, false);
    margin: 0 80px 0 0;

    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);

    div.cartodb-legend {
      display:none;
      @include position(false, 0, 0, false);
      position:relative;
      margin: 0;

      &.custom, &.bubble, &.color, &.intensity, &.density { display: block; }
    }
  }

  div.cartodb-legend {
    @include position(false, 0, 20px, false);
    margin: 0 80px 0 0;

    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);

    .warning {
      text-transform: none;
      font-style:italic;
      font-size: 13px;
      font-weight: normal;
    }

  }

  // Zoom info
  div.cartodb-zoom-info {
    position:relative;
    float:left;
    top:0;
    left:0;
    margin:10px 0 0 20px;
    clear:both;
  }

  // Tiler in core map
  div.cartodb-tiles-loader {
    float:left;
    clear:both;
    div.loader {
      position:relative;
      top:0;
      left:0;
      margin:10px 0 0 20px;
    }
  }

  // Search box in core map
  div.cartodb-searchbox {
    position:relative;
    float:right;
    margin:20px 77px 0 0;
    @include transform-style("linear");
    @include transition-property("margin-right");
    @include transition-duration(300ms);
  }

  // Public map
  .cartodb-map.public {
    top: 55px;
    border-top:1px solid #999999;

    div.cartodb-zoom {position:absolute; top: 0px;}
    div.cartodb-tiles-loader {
      position:absolute;
      top:80px;
    }
    div.cartodb-searchbox{
      margin-right:20px;
    }

    .leaflet-right .leaflet-control, #cartodb_attribution {
      margin-right: 0px!important;
    }
  }


  // [done | discard] dialog shown when a geometry is being edited or created
  div.editing {
    position: relative;
    @include inline-block;
    top: 20px;
    left: 50%;
    margin-left:-120px;
    padding:11px;
    background: #FFF;
    border:1px solid #999999;
    @include box-shadow(rgba(0,0,0,0.1) 0 0 4px 3px);
    background:white;
    @include border-radius(3px);
    z-index: 2;

    a {
      position:relative;
      @include inline-block();
      vertical-align: top;
    }

    span.tooltip {
      position:absolute;
      width:313px;
      top:65px;
      left:-90px;
      background:rgba(0,0,0,0.8);
      @include border-radius(2px);
      text-align:center;

      p {line-height:35px; font-size:13px;}

      &:before {
        position:absolute;
        content:'';
        width:0;
        height:0;
        left:50%;
        top:-6px;
        margin-left:-3px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-bottom:6px solid rgba(0,0,0,0.8);
      }
    }
  }

  div.sqlview {
    position: relative;
    display: block;
    width: 100%;
    height: 37px;
    margin:0;
    z-index:1;

    p {
      position: fixed;
      left: 50%;
      display: inline;
      margin: 0 0 0 -50%;
      padding: 12px 0;
      width: 100%;
      border-bottom: 1px solid #ccc;
      background-color: #E5FAEA;
      color: #333;
      color: #666666;
      text-align: center;
      font-size: 13px;
      font-family: $text-fonts;
      text-indent:0;
      z-index:2;
      @include transform-style("linear");
      @include transition-property("text-indent");
      @include transition-duration(300ms);
      @include box-shadow(rgba(0, 0, 0, 0.055) 0 3px 1px 0);

      &.warn {
       background-color: rgba(#FFFFBF, 0.90);
      }
    }
  } //div.sqlview

  // When a panel view is openned or closed
  &.displaced {
    div.sqlview p {
      text-indent:-600px;
    }

    div.share {
      right:595px;
    }

    div.cartodb-searchbox {
      margin-right:612px;
    }

    div.cartodb-legend {
      margin-right:612px;
    }

    div.cartodb-legend-stack {
      margin-right:612px;

      div.cartodb-legend {
        margin: 0;
      }

    }

    &.narrow {
      div.sqlview p {
        text-indent:-450px;
      }

      div.share {
        right:445px;
      }

      div.cartodb-searchbox {
        margin-right:462px;
      }

      div.cartodb-legend {
        margin-right:462px;
      }

      div.cartodb-legend-stack {
        margin-right:462px;

        div.cartodb-legend {
          margin: 0;
        }
      }

    }
  } //&.displaced

} // div.cartodb-map


section.block.noGeoRef {
  background-color: #FFF0C1;
  padding: 5px;

  .innerBlock {
    background-color: white;

    .content {
      color: #666;
      line-height:120%;
    }
    .foot {
      border-top: 0;
      padding-top: 0px;

      .cancel {
        margin-top: 15px;

        a {
          text-decoration: underline;
        }
      }
    }

    .enabled {
      display: block;
    }
  }
}

/* FOOTER EDIT BUTTONS  for infowindow */

@mixin edit-bottom-states($x,$y,$c1,$c2,$c3,$c4) {
  @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, $c1); // IE
  @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, linear-gradient($c1,$c2));

  &:hover, &:active, &:focus {
    @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, $c3); // IE
    @include background(sprite($icons-sprites, infowindow-edit-tools, $offset-x: $x, $offset-y: $y) no-repeat, linear-gradient($c1,$c4));
  }
}

div.cartodb-edit-buttons {
  border-top:1px solid #E5E5E5;
  display:block;
  width:188px;
  padding:11px 0 6px;
  margin:10px 0 0;
  letter-spacing: -4px;

  // CartoDB id
  .cartodb_id {
    @include inline-block();
    color: #999;
    font-size: 13px;
    margin-top:8px;
    letter-spacing:0px;
    word-spacing:0px;
  }

  // Edit buttons
  div.right {width:auto; margin-top:4px;}

  a.button {
    float:left;
    vertical-align:top;
    width:29px;
    height:24px;
    border-right:0;
    margin:0;
    padding:0!important;
    margin:0;
    text-indent: -9999px;
    font-size:0;
    line-height:0;
    letter-spacing:0px;
    @include border-radius(0);

    &.edit_data {@include edit-bottom-states(-4, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}
    &.edit_geo {@include edit-bottom-states(-35, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}
    &.remove {@include edit-bottom-states(-66, 4, #F9F9F9, #EBEBEB, #DEDEDE, #E1E1E1);}

    &:first-child {@include border-left-radius(3px);}
    &:last-child {@include border-right-radius(3px); border-right:1px solid #B0B0B0;}
  }
}

// Default styles for infowindow
div.cartodb-popup {
  h2 { line-height:normal }

  &.blue.header .cartodb-popup-header a {
    color:white;
  }
}

// Dark buttons
div.cartodb-popup.dark  {
  div.cartodb-edit-buttons {
    border-color:#676767;
    a.button {
      border-color:#676767!important;
      &.edit_data {@include edit-bottom-states(-4, -18, #222, #222, #222, #222);}
      &.edit_geo {@include edit-bottom-states(-35, -18, #222, #222, #222, #222);}
      &.remove {@include edit-bottom-states(-66, -18, #222, #222, #222, #222);}
    }
  }
}



// Custom styles for Leaflet maps

// Same css for editing markers in Leaflet and GMaps
.leaflet-editing-icon {
  width:9px!important;
  height:9px!important;
  margin:-5px 0 0 -5px!important;
  @include border-radius(6px);
  border:1px solid #397DBA;
}

{'fraction_non_alphanumeric': 0.13277914348557382, 'fraction_numerical': 0.044766463966877994, 'mean_word_length': 1.805026311014335, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7135740', 'n_tokens_mistral': 11615, 'n_tokens_neox': 10434, 'n_words': 2059}