.row{
  margin-left:0px;
  margin-right:0px;
}

#wrapper {
  padding-left: 70px;
  transition: all .4s ease 0s;
  height: 100%;
}

#sidebar-wrapper {
  margin-left: -163px;
  left: 60px;
  width: 150px;
  background: #222;
  position: fixed;
  height: 100%;
  z-index: 10000;
  transition: all .4s ease 0s;
}

.sidebar-nav {
  display: block;
  float: left;
  width: 150px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-content-wrapper {
  padding-left: 0;
  margin-left: 0;
  width: 100%;
  height: auto;
}
#wrapper.active {
  padding-left: 150px;
}
#wrapper.active #sidebar-wrapper {
  left: 150px;
}

#page-content-wrapper {
width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
  /* color: #999; */
  display: block;
  float:initial;
  text-decoration: none;
  width: 150px;
  /* background: #252525; */
  border-top: 1px solid #373737;
  border-bottom: 1px solid #1A1A1A;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  transition: background .5s;
}
.sidebar_name {
  padding-top: 25px;
  color: #fff;
  opacity: .7;
}


.sidebar-nav li {
line-height: 40px;
text-indent: 20px;
}

.sidebar-nav li a {
color: #999999;
display: block;
text-decoration: none;
}

.sidebar-nav li a:hover {
color: #fff;
background: rgba(255,255,255,0.2);
text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
height: 65px;
line-height: 60px;
font-size: 18px;
}



.sidebar-nav > .sidebar-brand a {
color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}

/* #main_icon
{
  float:right;
 padding-right: 65px;
 padding-top:20px;
}
.sub_icon
{
  float:right;
 padding-right: 65px;
 padding-top:10px;
} */
.content-header {
height: 65px;
line-height: 65px;
}

.content-header h1 {
margin: 0;
margin-left: 20px;
line-height: 65px;
display: inline-block;
}

@media (max-width:767px) {
  #wrapper {
  padding-left: 70px;
  transition: all .4s ease 0s;
}
#sidebar-wrapper {
  left: 70px;
}
#wrapper.active {
  padding-left: 150px;
}
#wrapper.active #sidebar-wrapper {
  left: 150px;
  width: 150px;
  transition: all .4s ease 0s;
}
}

a:not([href]):not([tabindex]) {
  color: #999999;
  text-decoration: none;
}


#submenu-1{
  padding-inline-start: 0%;
  background: rgb(87, 87, 94);
  color: rgb(5, 5, 5);
}

/* color sidebar nombre graficas */
#a-chart1,#a-chart2,#a-chart3,#a-chart4{
  color: rgb(5, 5, 5);
}

 /* borde cuando se linkea elemento en la pagina */
div:target {
  border: 2px solid pink;
}

/* separacion de top pagina cuando se linkea un elelemnto */
html {
  scroll-padding-top: 90px; /* height of sticky header */
}

/* tamanio graficas */
.wrapper {
  height: 300px !important;
}

/* cuando supera el ancho aplica el margin bot */
@media screen and (max-width: 767px) {
  .mobile-space {margin-right:8px;}
  }

 /* #recaudadoDoughnut {
    width: 90% !important;
    height: 100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* padding-top: 2%; */
    /* padding-bottom: 2% ; */
 

 /* stilos para el mapa left js */
 .info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.legend {
  line-height: 18px;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}



.recaudado {
  line-height: 18px;
  color: #555;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
}