.giveMeEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* number of lines to show */
}

.blueBackground{
  background-color: #F1F8FB !important; 
}

.backgroundLoader{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    margin:0rem 0rem ;
    z-index:2000 ;
}

.addSubHeaderMargin{
    margin-top: 0.5rem !important;
}

.fitButton{
    background-color : transparent;
    border-color : transparent;
}

.contentContainer{
    margin-top:80px;
}

@media only screen and (max-width: 678px) {
    .contentContainer {
      margin-top:170px;
    }
  }

  .blueColor {
    color: #2185D0 !important;
  }

  .overlayMap{
    position:absolute;
    left:0 ;
    top:0;
    margin-top :1rem;
    margin-left :1rem;
    margin-bottom :1rem;
    width:97%;
    height:80vh;
    background-color:black;
    opacity: 0.5;
  }

  .middleText{
    color:white;
    opacity: 1;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .fixedKoordinatMap{
    height :200px;	
  }
  
  #mapEditTitikKoordinat .centerMarker{
    position:absolute;
    /*url of the marker*/
    background:url(http://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
    /*center the marker*/
    top:50%;left:50%;
    z-index:1;
    /*fix offset when needed*/
    margin-left:-10px;
    margin-top:-34px;
    /*size of the image*/
    height:34px;
    width:20px;
    cursor:pointer;
    }