.layer-switcher.shown.ol-control {
    background-color: transparent !important;
}

.layer-switcher.shown.ol-control:hover {
    background-color: transparent !important;
}



.layer-switcher.shown {
    bottom: 3em !important;
}
.ol-zoom .ol-zoom-in{
	border-radius: 7px 7px 0 0!important;
}
.ol-zoom .ol-zoom-out{
	border-radius: 0 0 7px 7px!important;
}


.layer-switcher.shown .panel {
    display: block !important;
}

.ol-scale-line-inner {
	border: 1px solid #000 !important;
	color: #000 !important;
	font-size: 12px !important;
}
.ol-zoom {
	bottom: auto !important;
	top: 13em!important;
	left: 1.16em !important;
	background-color: rgba(255, 255, 255, 0.60) !important;
}
.ol-attribution button, .ol-attribution ul{
	display: none !important;
}
.ol-control {
	background-color: rgba(255, 255, 255, 0) !important;
	padding: 3px!important;
}
.ol-control button {
	font-size: 1.45em !important;
	/*float: left !important;*/
	margin:0px!important;
	height: 2.5em !important;
	width: 2.7em !important;
 left: 1.0em;
	/*color: #edff00 !important;*/
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-control button:focus, .ol-control button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;

}
/*
.contadores button {
  display: block!important;
  margin: 1px!important;
  padding: 0px!important;
  position: absolute!important;
	font-size: 1.45em!important;
  bottom: 50px!important;
	float: none!important;
	height: 1.475em!important;
	width: 2.50em!important;
  background-color: rgb(59 73 84 / 76%)!important;
}*/

/* botoes */

.ol-new-control-top {

 top: 30em!important;
 
 }


.ol-new-control0 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  border-radius: 7px 7px 0 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control0 button:focus, .ol-new-control0 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}





.ol-new-control1 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control1 button:focus, .ol-new-control1 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

















.ol-new-control1 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control1 button:focus, .ol-new-control1 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control2 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control2 button:focus, .ol-new-control2 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control3 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control3 button:focus, .ol-new-control3 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control4 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control4 button:focus, .ol-new-control4 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control5 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control5 button:focus, .ol-new-control5 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control6 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control6 button:focus, .ol-new-control6 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-new-control7 button {
	font-size: 1.45em !important;
	float: left !important;
	height: 2.30em !important;
	width: 2.40em !important;
	color: #fff !important;
 border-radius: 0 0 7px 7px!important;
  border: 0!important;
  background-color: rgb(59 73 84 / 76%)!important;
}
.ol-new-control7 button:focus, .ol-new-control7 button:hover {
text-decoration: none!important;
background-color: rgb(59 73 84)!important;
}

.ol-scale-line{
	right: 10px !important;
	left: auto !important;
	bottom: 10px !important;
}
.layer-switcher button {
    float: right !important;
    width: 70px !important;
    height: 70px !important;
    background-image: url('http://acesso.holmssat.com.br/layernew.png') !important;
	background-repeat: no-repeat !important;
 background-size: contain;
    /*background-position: 2px !important;*/
    background-color: rgba(255, 255, 255, 0) !important;
    border: none !important;
}
.layer-switcher .panel {
    padding: 1em 0 0 0 !important;
	width: 160px !important;
    margin: 0px 0px 0px -2px !important;
    border: 3px solid rgb(107 67 72 / 20%) !important;
    border-radius: 4px !important;
    background-color: rgb(221 95 95 / 88%) !important;
	color: #ffffff !important;
    display: none !important;
    max-height: 100% !important;
    /*overflow-y: auto;*/
	overflow-y: hidden !important;
}
.layer-switcher {
    position: absolute !important;
    top: 20.6em !important;
    /*right: 108.0em;*/
    text-align: left !important;
	left: 0.5em !important;
}

.layer-switcher.shown button {
    display: none !important;
}

.layer-switcher button:focus, .layer-switcher button:hover {
    background-color: white !important;
}

.layer-switcher ul {
    padding-left: 1em !important;
    list-style: none !important;
}

.layer-switcher li.group {
    padding-top: 5px !important;
}

.layer-switcher li.group > label {
    font-weight: bold !important;
}

.layer-switcher li.layer {
    display: table !important;
}

.layer-switcher li.layer label, .layer-switcher li.layer input {
    display: table-cell !important;
    vertical-align: sub !important;
}

.layer-switcher label.disabled {
    opacity:0.4 !important;
}

.layer-switcher input {
    margin: 4px !important;
}

.layer-switcher.touch ::-webkit-scrollbar {
    width: 4px !important;
}

.layer-switcher.touch ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    border-radius: 10px !important;
}

.layer-switcher.touch ::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}


/*##########*/