html, body, #viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*font-family: "Neo Sans","Trebuchet MS","Droid Sans",DroidSans,Arial,sans-serif;*/
    font-family: Arial,sans-serif;
  }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
     /*font-family: "Neo Sans","Trebuchet MS","Droid Sans",DroidSans,Arial,sans-serif;*/
     font-family: Arial,sans-serif;
}
h3 {
  line-height: 35px;
  text-align: center;
  color: #525252;
}
h4 {
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    padding-bottom: 4px;
}
h5 {
    line-height: 16px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 4px;
}
/*vegna firefox þar þessa skilgreiningu*/
hr {
  clear: both;
  }
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  padding: 8px 15px 7px 15px;
  text-decoration: none;
  border: none;
  margin: 7px 3px;
  float: right;
  cursor: pointer;
}
.btnSmall {
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #DDDDDD, #BFBFBF);
  background-image: -moz-linear-gradient(top, #DDDDDD, #BFBFBF);
  background-image: -ms-linear-gradient(top, #DDDDDD, #BFBFBF);
  background-image: -o-linear-gradient(top, #DDDDDD, #BFBFBF);
  background-image: linear-gradient(to bottom, #DDDDDD, #BFBFBF);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
  border: none;
  margin: 2px 1px 0px 1px;
  float: left;
  cursor: pointer;
}

.btnSmall:active, .activated {

    background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  text-decoration: none;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


/*--------------------------------- Logo --------------------------------------------*/
.skipulagsstofnunLogo{
    box-shadow: none;
}
@media only screen and (max-width: 430px){
  .skipulagsstofnunLogo {
    display: none;
  }

}


.samsynLogo {
  position: absolute;
  bottom: 53px;
  left: 12px;
   z-index: 1;
  }
  .lukrLogo {
      position: absolute;
      bottom: 22px;
      right: 8px;
      z-index: 1;
  }



  
  /*--------------------------------- tólatakkar á korti --------------------------------------------*/
  .esri-widget--button {
    background-color: #fbfbfb;
    margin-bottom: 4px;
  }
  .uiNoShadow{
    box-shadow: none !important;
  }
  
/*--------------- Leit search ------------------------*/
.esri-search__suggestions-menu{
  max-height: 500px;
}

.esri-search {
    width: 279px;
}

/*---------------legend skýringar ------------------------*/
.esri-legend__service-label{
  display: none;
}
.esri-legend__layer-body .esri-legend__layer-caption{
  display: none;
}
/*---------------popup ------------------------*/
.esri-popup--is-docked {
  margin: 0px 52px 0px 0px;
}

.esri-popup--is-docked-top-left .esri-popup__main-container, .esri-popup--is-docked-top-right .esri-popup__main-container, .esri-popup--is-docked-bottom-left .esri-popup__main-container, .esri-popup--is-docked-bottom-right .esri-popup__main-container {
  max-height: 100%;
}
/*fel title í popup vegna þess að þar á ekki að birtast nafn fitjunar*/
.esri-popup__header-title{
  display: none;
}

.skipulagPopUpTitle{
  font-size: 16px !important;
  font-weight: bolder !important;
  background: white !important;
}

.skipulagPopUpHeading{
  font-size: 15px !important;
  font-weight: bolder !important;
  background: white !important;
  text-decoration: underline !important;
  color: #557031;
}


/*---------------tólastikan ------------------------*/
#actionMenu{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
/*--------------- velja skipulag------------------------*/
.veljaskipulagDiv {
  position: absolute;
  top: 85px;
  right: 54px;
}

 /*--------------- Bookmarks------------------------*/
 .bookmarksDiv {
  position: absolute;
  top: 5px;
  right: 54px;
  /*z-index: 100;*/
 }
 
 #ddBookmarks {
  color: #323232;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 6px;
  width: 279px;
 }


 
 .settingInput {
  border-radius: 1px;
  padding: 4px 0px 4px 0px;
  border-color: #9f9d9d;
  color: #5a5858;
}

.calcitePanel{
  position: absolute;
    top: 39px;
    right: 55px;
    z-index: 10;
    width: 280px;
    max-height: 80%;
    height: fit-content;
}
.container {
  height: fit-content;
}
/*--------------- Mæla------------------------*/
.esri-widget--button.active,
.esri-widget--button.active:hover,
.esri-widget--button.active:focus {
  cursor: default;
  background-color: #55703129;
}
.esri-widget--button.active path,
.esri-widget--button.active:hover path,
.esri-widget--button.active:focus path {
  fill: #E4E4E4;
}

/*Fel að hægt sé að velja einingar*/
.esri-area-measurement-2d__settings{
  display: none !important;
}
.esri-distance-measurement-2d__settings{
  display: none !important;
}
/*--------------- timeSlider ------------------------*/
/*
#timeSliderDiv {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 20px;
}

#timeSliderDiv .custom-ticks {
  width: 1px;
  height: 9px;
  top: -5px;
}
#timeSliderDiv .custom-labels {
  font-size: 10px;
  transform: rotate(70deg) translate(-2px, 11px)  !important;
}
.esri-time-slider__animation{
  display: none;
}
*/
/*---------------Teikna ------------------------*/

.spinner {
  width: 23px;
}
.spinnerDecimal {
   width: 30px;
}
.ui-spinner-input {
   margin-right: 26px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.colorButton {
   width: 25px;
   height: 25px;
   background: url(../../images/arrowDown.png) no-repeat 11px 15px blue;
}
.btnFontStyle {
   margin-left: 4px;
}
.btnFontStyle.current {
   background-color: darkgray;
}

#colorpaletteDiv {
   position: absolute;
   top: 118px;
   right: 200px;
   z-index: 200;
}

.ui-spinner, .spinner, .ui-widget input{
   font-family: inherit;
   font-size: inherit;
}

.sp-replacer {
  border-radius: 0px !important;
  width: 38px !important;
}
.ui-spinner {
  border-radius: 0px;
}
.settingLine {
  margin-bottom: 6px;
  font-size: 16px;
}
.dSettingsLabel {
  margin-left: 5px;
}

/*---------------prenta ------------------------*/
.esri-print__layout-section, .esri-print__map-only-section {
  border-top: none !important; 
}
/*---------------mouse Over ------------------------*/
#info {
  position: absolute;
  color: #040404;
  font-size: 11pt;
  padding: 8px;
  visibility: hidden;
  top: 68px;
  left: 94px;
  /* text-shadow: 0 0 3px #f1eeee; */
  background: #ffffffda;
  padding: 1px;
}

/*---------------Fyrirvari ------------------------*/

.fyrirVariP{
  margin-top: 10px;
}
.fyrirVariLinkur{
  margin-top: 10px;
  text-decoration: underline;
  color: #557031;
  cursor: pointer;
}

/*---------------Info ------------------------*/

.infoH2 {
  font-size: 15px;
  font-weight: bolder;
  color: #557031;
}
.infoP{
  margin-top: 10px;
}

/*---------------Leitin ------------------------*/

.esri-ui-top-right{
  padding: 28px 39px 0 0;
}

/*--------------- Tengil tólið  ------------------------*/
#linkString {
  width: 100%;
  text-align: center;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#copyButton {
  margin-top: 10px;
  width: 100%;
}

#copyMessage {
  color: green;
  font-size: 14px;
  display: none;
  text-align: center;
  margin-top: 8px;
}
/*---------------Aðrar Vefsjár tólið  ------------------------*/
.webAppLogo{
  width: 43px;
  padding-left: 8px;
}