/* .device {
    padding-left: 0px;
} */


.map {
  z-index: 10;
}


.infomapcustomer{
  margin-left: 0px;
  margin-top: 10px;
  float:left;
  position:absolute;
  z-index:20;
  opacity: 0.9;
 filter: alpha(opacity=90); /* For IE8 and earlier */
}


.infomapcustomerpedidos {
  float: left;
  position: absolute;
  z-index: 20;
  opacity: 0.95;
  filter: alpha(opacity=95);
  /* For IE8 and earlier */
  background-color: white;
  padding: 15px;
  height: 100vh;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.infomap {
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  position: absolute;
  z-index: 20;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}

.hoverorder {
  background-color: #fff6d3;
  margin: 0 auto;
}

.padding10 {
  padding: 10px;
}


.btnright {
  float: right;
  margin-right: 60px;
}

.closebutton {
  /* background-color: red; */
  width: 100%;
  margin-top: 10px;
  position: absolute;
  z-index: 999;
}

.refreshbutton {
  /* background-color: red; */
  width: 100%;
  margin-top: 50px;
  position: absolute;
  z-index: 999;
}

.btnrightrefresh {
  float: right;
  margin-right: 10px;
}


/* .ng-table-pager {
    display: none;
} */


/* @media only screen and (max-width: 600px) {
    .device {
        padding-left: 0px;
    }

} */

/* .red
{
  background:red;
  border:5px solid rgba(255,255,255,0.5);
  border-radius:50%;
  line-height:30px;
} */


.list-group-horizontal .list-group-item
{
	display: inline-block;
}
.list-group-horizontal .list-group-item
{
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child
{
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child
{
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}

.circle1{
  margin-top: -15px;
  margin-left: -15px;
  width:30px;
  height:30px;
  border-radius:50%;
  position:relative;
}

.circle2{
  border-radius:50%;
  width:initial;
  height:initial;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:3px;
}

.circle2b{
  border-radius:50%;
  width:initial;
  height:initial;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin: 3px;
  text-align:center;
  font-size: 14px;
  line-height:22px;
  color: white;
}

.circle3{
  border-radius:50%;
  width:initial;
  height:initial;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin: 3px;
  text-align:center;
  font-size: 14px;
  line-height:18px;
  color: white;
}


.infoheader {
  position: fixed;
  top: 20;
  left: 0;
  right: 0;
  height: 100px;
  margin: 10px;
  width: 31vw;
  z-index: 1000;
}

.infocontent {
  position: fixed;
  top: 160px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow: auto;
  margin: 10px;
  width: 32vw;
  overflow-y: scroll;
}

.infocontent_emp_selected {
  position: fixed;
  top: 160px;
  bottom: 150px;
  left: 0;
  right: 0;
  overflow: auto;
  margin: 10px;
  width: 32vw;
  overflow-y: scroll;
}

.infofooter {
  background-color: rgb(239, 239, 239);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0px;
  margin: 0px;
  width: 33.333%;
  padding: 0px;
}



.infofooter_emp_selected {
  background-color: rgb(239, 239, 239);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  margin: 0px;
  width: 33.333%;
  padding: 0px;
}