html, body, #viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.action-button {
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #d3d3d3;
  color: #6e6e6e;
  height: 32px;
  width: 32px;
  text-align: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.esri-widget__table tr th{
  text-align:right !important;
}
.action-button:hover, .action-button:focus {
  background: #0079c1;
  color: #e4e4e4;
}
.esri-popup--is-docked-top-right .esri-popup__main-container {
      max-height: 100% !important;
    }
.esri-popup__main-container {
      max-height: 500px !important;
    }
.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport{
  max-height:500px !important;
}
h2.esri-popup__header-title{
  font-weight: normal !important;
}
.active {
  background-color: #efefee;
  color: #666666;
}
.esri-view .esri-view-surface--inset-outline:focus::after {
  outline: none !important;
}
#topbar {
  color: #6e6e6e;
  position: fixed;
  top:15px;
  left:265px;
}
#topbar button{
  background-color: white;
}
#topbar button:hover{
  background-color: #efefee;
  color: #666666;
}

#distanceTool{
  color:#323232;
  background: white;
  border:none;
  width:32px;
  height:32px;
}
#distanceTool:hover{
  background: #efefee;
}
#back, #trasBack, #segmentBack{
  display:none;
  position: relative;
  top:12px;
  left:10px;
  float:left;
  color:#323232;
  background: white;
  border:none;
  width:32px;
  height:32px;
}
#back, #trasBack, #segmentBack:hover{
  background: #efefee;
}
#toolMenu{
  position:fixed;
  left:53px;
  top:113px;
  background: #f5f5f5;
  display:none;
  width:300px;
  height:120px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#toolMenu button{
  background-color: white;
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size:15px;
  padding-left: 10%;
  width:286px;
  height:40px;
  margin-bottom:10px;
  border:none;
  position: relative;
  left:7px;
  top:12px;
}

#toolMenu button:hover{
  background-color: #efefee;
}

#header{
  display: none;
  position:fixed;
  top:57px;
  left:53px;
  width:300px;
  height: 56px;
  font-weight: bold;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 8px;
  overflow: hidden;
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;*/
  color: #323232;
  text-align: center;
}
#header h1{
  margin:19px 0 19px 0;
}
/*------------Cautarea pozitiei--------------*/
#pozTool{
  position:fixed;
  left:53px;
  top:113px;
  width:300px;
  height:320px;
  display:none;
  background: #f5f5f5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#segmentTool{
  position:fixed;
  left:53px;
  top:113px;
  width:300px;
  height:420px;
  display:none;
  background: #f5f5f5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.inputs{
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  left:7px;
  top:8px;
}

.input{
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size:20px;
  padding-left: 10%;
  width:287px;
  height:40px;
  margin-bottom:10px;
  border:none;
}
.button {
  float:right;
  background-color: white;
  border: none;
  padding: 10px 32px 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-right: 15px;
  cursor: pointer;
  height: 40px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.button:hover{
  background-color: #efefee;
}
#control{
  left:7px;
  top:8px
  width:287px;
  height:40px;
  border:none;
}
#coords{
  text-align: left;
  width:287px;
  height: 50px;
  margin-top:-11px;
}
#error{
  margin:none;
  color: red;
  font-family: default
  font-size:9px;
  display:inline-block; 
}
#segmentError{
  margin:none;
  color: red;
  font-family: default
  font-size:9px;
  display:inline-block; 
}
/*-----------------------------------------*/
#trasTool{
  display:none;
  position:fixed;
  left:53px;
  top:113px;
  background-color: #f5f5f5;
  width:300px;
  height:150px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
}

.trasButtons button{
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  color:#323232;
  background: white;
  border:none;
  width:40px;
  height:40px;
  position: relative;
  top:20px;
  left:20px;
  margin-right: 10px;
}

.trasButtons button:hover{
  background: #efefee;
}


.INPpanglica {
    position: absolute;
    z-index: 1;
    background: rgb(82, 57, 50);
    width: 99.5%;
    height: 23px;
    margin-top: 17px;
    /* border-top: 1px solid rgba(255,255,255,0.08); */
    border: 1px solid black;
    /* box-shadow: 1px 1px 8px rgb(88, 58, 50); */
}
.TraseuNumero {
    font-weight: bold;
    font-size: 1.5em;
    color: black;
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.whiteText {
    color: white;
}
.blackText{
        color: black;
      }
.nrTraseuSimbol {
    /* border: 1px solid gray; */
    position: relative;
    text-align: center;
    z-index: 99;
    }
table {
    display: table;
    margin-top:5px;
    border-collapse: separate;
    border-spacing: 2px;
    box-sizing: border-box;
    border-color: grey;
}
.inpBar{
        border-right:1px solid gray;
      }
/*table #dataFrame*/