html, body {
    height: 100%;
    margin: 0;
    font-family:inherit;
}
#map {
    height: 90%;
    width: 100vw;
    position:absolute;
    z-index:0;
}

select {
    display: block;
    font-size: revert-layer;
    font-family: revert-layer;
    font-weight: 400;
    color: #2e2c31;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 400px;
    max-width: 100%; 
    box-sizing: border-box;
    /** margin: 20px auto; */
    border: 1px solid #2e2c31;;
    box-shadow: 2px 3px 6px #090c0f ;
    border-radius: .3em;
    -moz-appearance: unset;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fffFfF;  
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
 }

 select:focus{ outline: none;}

#grupoopera {    
	position:relative;	
}

#coordenadas {
    text-shadow:5px 5px 10px black;
    font-family: monospace;	 		                                      
    font-size: 14px;
    font-weight: bolder;            
    top: 80%;
    left:30%;    
    background: linear-gradient(rgb(65 1 1 / 8%), rgba(247, 247, 246, 0.7));
    color:##000000;
}


.tooltip {
    position: relative;
    display: contents;
    border-bottom: 2px solid #000008;
}

.tooltip .tooltiptext {
    visibility: hidden;
    left:120px;
    top: 350px;
    width: 220px;
    background-color: rgba(0,60,136,0.7);
    color: #ffff11;
    text-shadow: 1px 2px 4px rgba(5,44,72,0.9);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 2;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

#muestra {
	left:2px;
	min-width:90px;
	min-height:30px;
	border-radius: 4px;
	top:212px;
	position:fixed;	
	background: linear-gradient(rgba(5, 44, 72, 0.9), rgba(247, 247, 246, 0.7));
	color:#e9ff00;
}

#oculta {
	left:2px;
	min-width:90px;
	min-height:30px;
	border-radius: 4px;
	top:244px;
	position:fixed;
	background: linear-gradient(rgba(5, 44, 72, 0.9), rgba(247, 247, 246, 0.7));
	color:#e9ff00;
}

#poligono {
	left:2px;
	min-width:90px;
	min-height:30px;
	border-radius: 4px;
	top:276px;
	position:fixed;
	background: linear-gradient(rgba(5, 44, 72, 0.9), rgba(247, 247, 246, 0.7));
	color:#e9ff00;
}


#reasigna {
	left:2px;
	min-width:90px;
	min-height:30px;
	border-radius: 4px;
	top:308px;
	position:fixed;
	background: linear-gradient(rgba(5, 44, 72, 0.9), rgba(247, 247, 246, 0.7));
	color: #e9ff00;
}

#salirsistema {
	left:2px;
	min-width:90px;
	min-height:30px;
	border-radius: 4px;
	top:340px;
	position:fixed;
	background: linear-gradient(rgba(5, 44, 72, 0.9), rgba(247, 247, 246, 0.7));
	color: #e9ff00;
}


#muestra:hover {
	color: #ffff11;
	background: linear-gradient( #f93417, rgba(57, 70, 144, 0.86));
}

#oculta:hover {
	color: #ffff11;
	background: linear-gradient( #f93417, rgba(57, 70, 144, 0.86));
}

#poligono:hover {
	color: #ffff11;
	background: linear-gradient( #f93417, rgba(57, 70, 144, 0.86));
}

#reasigna:hover {
	color: #ffff11;
	background: linear-gradient( #f93417, rgba(57, 70, 144, 0.86));
}

#salirsistema:hover {
	color: #ffff11;
	background: linear-gradient( #f93417, rgba(57, 70, 144, 0.86));
}


button {	
	margin: 4px 28px;
}

#encabezado {
	font-weight:bold;
	color: ivory;
	background:#1d506e;
}

div {
	font-weight:600;
}


h4{
	color:purple;
	font-size:xx-large;
}
p { color: green;
	font-size:x-large;
  }

  .modal-dialog {
	min-width:fit-content;
}  

#notienda, #nosucursalori, #nounidadori, #noalmacenori,#nosucursaldest, #nounidaddest, #noalmacendest {	
	
	font-size: small;
	font-weight: 700;
	color:blue;
}

#nosucursaldest, #nounidaddest, #noalmacendest {		
	font-size: small;
	font-weight: 700;
	color:chocolate;
}

#nocanal, #tipocombustible {
	font-size: small;
	font-weight: 700;
	color:darkviolet;
}

#nosucursal,#nounidad, #noalmacen{
	background-color:azure;
	margin-left:100px;	
}

#informacion,#limpiarinformacion{
	background: azure;
	color: black;	
	margin-left:100px;
	border-radius: 14px;
}

#msgup {
	color: black;
	font-size:x-small;
	margin:-4px;
	text-shadow: 2px 2px 6px #376d53;
}