/* *************************************** */
/* Style that is shared between FK and TL */
/* *************************************** */


.mapManagerComponent .k-tabstrip-item.k-active {
  background-color: #065f46 !important;
}

.green_button {
  background-color: #065f46 !important;
  color: #fff !important;
  letter-spacing: 0.03em;
  cursor: pointer;
}

  .green_button:hover {
    background-color: #39a385 !important;
    background-color: rgba(0, 159, 223, 1);
  }

.green_button_selected {
  background-color: #39a385 !important;
  background-color: rgba(0, 159, 223, 1);
}


/*.mapManagerWindow .k-list-container,
.mapManagerWindow .k-animation-container {
  border: solid 10px yellow !important;
  z-index: 60000 !important;
}*/

.gatatemplatetable {
  background-color: #182237;
  color: #fff;
  border-collapse: collapse;
  border-width: 2px;
  border-style: solid;
  border-color: #065f46;
  width: 100%;
}

  .gatatemplatetable td {
    padding: 10px;
  }

.k-animation-container {
  /*z-index: 60000 !important;*/
}

/*POPUP CSS STARTS HERE*/
.popupcontentwrapper {
  background: #111827;
}

.esriPopup {
  position: absolute;
  z-index: 40;
  box-shadow: 0 0 0.75em #065f46 !important;
  -moz-box-shadow: 0 0 0.75em #065f46 !important;
  -webkit-box-shadow: 0 0 0.75em #065f46 !important;
  -o-box-shadow: 0 0 0.75em #065f46 !important;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

@media screen and (max-width: 400px) {
  .esriPopup {
    left: 18px !important;
    bottom: -17px !important;
  }
}

.esriPopup .esriPopupWrapper {
  box-shadow: 0 0 0.75em #065f46 !important;
  -moz-box-shadow: 0 0 0.75em #065f46 !important;
  -webkit-box-shadow: 0 0 0.75em #065f46 !important;
  -o-box-shadow: 0 0 0.75em #065f46 !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

.esriPopup .hidden {
  display: none;
}

.esriPopup .sizer {
  width: 450px !important;
}

.sizer .content {
  width: 450px !important;
}

.actionsPane {
  background-color: #111827 !important;
  text-align: center !important;
  padding: 10px 0px 10px 0px !important;
}

.esriPopup a {
  color: #336699;
  text-decoration: underline;
}

.esriPopup .titlePane {
  background-color: #065f46 !important;
  color: #FFFFFF;
  line-height: 40px;
  padding-left: 6px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  cursor: default;
  border: 1px solid #065f46 !important;
  border-bottom: none;
  border: solid 10px yellow;
}

.esriPopup.blueTheme .titlePane {
  background-color: #5491B8;
  border-color: #065f46 !important;
}

.esriPopup .titleButton.close {
  right: 13px;
  background: url(/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/popup/scaClose.png) no-repeat;
  width: 40px;
  height: 40px;
}

.esriPopup .titleButton.next {
  right: 60px;
  background: url(/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/popup/scaNext.png) no-repeat;
  width: 40px;
  height: 40px;
}

.contentPane {
  background-color: #111827 !important;
  color: #ffffff !important;
  padding: 10px 10px 10px 10px !important;
  /*max-height: 600px !important; Ändra inte detta! I så fall finns risk att popupen inte öppnas i korrekt position (ex till viss del utanför kartan).*/
}

.esriPopup .titleButton.prev {
  right: 100px;
  background: url(/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/popup/scaPrevious.png) no-repeat;
  width: 40px;
  height: 40px;
}

.dj_ie7 .esriPopup .titleButton.hidden {
  background: none;
}

.esriViewPopup .hidden {
  display: none;
}

.esriViewPopup .header {
  font-weight: bold;
}

.depositPopupTos {
  width: 150px;
  float: left;
}

.depositTemplate a {
  color: #0090C7 !important;
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
}

/*POPUP CSS ENDS HERE*/


.pointercursor {
  cursor: pointer !important;
}

.esriPopup .pointer {
  background: #065f46 !important;
}

  .esriPopup .pointer.bottom {
    background: #111827 !important;
  }

  .esriPopup .pointer.bottomLeft {
    background: #111827 !important;
  }

  .esriPopup .pointer.bottomRight {
    background: #111827 !important;
  }

.esriPopup .outerPointer {
  background: #111827 !important;
}

.zoomTo span {
  color: #fff !important;
}

.esriPopup a[href] {
  text-decoration: none;
}

.popupInvisible {
  display: none;
}

/*Esri Scalebar*/

.esriScalebar {
  background-color: rgba(219, 220, 219, 0.53);
  width: auto;
  height: auto;
  display: inline-block;
  padding: 8px 28px 5px 8px;
  border-radius: 3px;
  border: solid 1px black;
}

#map-content__scale-text {
  z-index: 99;
  min-width: 126px;
  min-height: 16px;
  position: absolute;
  bottom: 60px;
  left: 25px;
  padding: 8px 8px 5px 8px;
  border: solid 1px black;
  border-radius: 3px;
  background-color: rgba(219, 220, 219, 0.53);
  font-weight: bolder;
  color: black;
}

#scalebarDiv {
  /*needed to assure scalebar stays in place when map is rotated*/
  z-index: 9999 !important;
  position: absolute !important;
  bottom: 45px !important;
  left: 25px !important;
}

.esriControlsBR {
  /*needed to assure "powered by esri" stays in place when map is rotated*/
  bottom: 5px;
  right: 5px;
}

/* Cursors */
#mapEsri_layers {
  cursor: url(/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/openhand_8_8.cur) 8 8, default;
}

  #mapEsri_layers image:hover {
    cursor: pointer;
  }

.dragCursor {
  cursor: url(https://maps.gstatic.com/mapfiles/closedhand_8_8.cur) 8 8, default !important;
  cursor: url(/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/closedhand_8_8.cur) 8 8, default !important;
}


/* Blandat */

.textHalo {
  text-shadow: 2px 2px 2px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white;
}

.visible {
  display: inline-block;
}

.invisible {
  display: none;
}