#sidebar {
    background-color: #333;
    position: fixed;
    top: 3.4rem;    
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;    
}

#sidebar .list-group-item {
    border-radius: 0;
    background-color: #333;
    color: #ccc;
    border-left: 0;
    border-right: 0;
    border-color: #2c2c2c;
    white-space: wrap;
    text-decoration: none;
    display:inline-block;
    width:100%;
}
/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
/**    background-color: #222; */
}

/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 5px;
}
/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
  background-color: #222;
}
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 5px;
}
/* level 1*/
#sidebar .list-group .collapse .list-group-item  {
  padding-left: 22px;
}
/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item {
  padding-left: 30px;
}
/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
  padding-left: 50px;
}
@media (max-width:48em) {
    /* overlay sub levels on small screens */
    #sidebar .list-group .collapse.in, #sidebar .list-group .collapsing {
        position: absolute;
        z-index: 1;
        width: 190px;
    }
    #sidebar .list-group > .list-group-item {
        text-align: center;
        padding: .75rem .5rem;
        min-width: 39px;
    }
    /* hide caret icons of top level when collapsed */
    #sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }
}
/* change transition animation to width when entire sidebar is toggled */
#sidebar.collapse {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}
#sidebar.collapsing {
  opacity: 0.8;
  width: 0;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;
}

a.list-group-item.active {
 color:#000 !important;
 background:#fff !important;
}

div.collapse > a.list-group-item {
   color:#000 !important;
   background: rgba(185, 184, 182,1) !important;
}

div.collapse > a.list-group-item.active {
 color:#000 !important;
 background:#fff !important;
}


#sidebar .list-group-item > .list-group-item > .list-group-item > a.list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}
body {
  padding-top: 3.4rem;
  padding-bottom: 5rem;
}
.base-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
/** Used for visibility of anchor links and fixed header */
a[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}
a[id].footnote:before { 
  display: inline-block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}

.adslot_leader { width: 100%; margin: 0 auto;text-align: center; padding:10px;}
@media (min-width:500px) { .adslot_leader { /**width: 468px; height: 60px;*/ width: 100%; height: 300px;padding:10px; } }
@media (min-width:800px) { .adslot_leader { width: 100%; height: 110px; } }

.adslot_box { width: 100%; height: 300px; margin: 0 auto;text-align: center; padding:10px;}
@media (min-width:500px) { .adslot_box { width: 336px; height: 300px;padding:10px; } }
@media (min-width:800px) { .adslot_box { width: 310px; height: 620px;padding:10px; float:left;} }

.adslot_left { width: 320px; height: 100px; margin: 0 auto;text-align: center;padding:10px;}
@media (min-width:500px) { .adslot_left { width: 336px; height: 280px;padding:10px; } }
@media (min-width:800px) { .adslot_left { width: 300px; height: 600px;padding:10px; float: left !important;display:inline-table;} }

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem;border-radius:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout code{border-radius:.25rem}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}

a > i.fa.arrow:after {
    font-family: FontAwesome;
    content: "\f138"; 
}
a[aria-expanded="true"] > i.fa.arrow:after {
    font-family: FontAwesome;
    content: "\f13a"; 
}


.note, .warning, .tip {
border-style:solid;
border-width:1px;
padding:1em;
margin-bottom:20px;
margin-top:20px;
}
.note, .tip {
background:#DFDFDF none repeat scroll 0 0;
border-color:#B4BAEA;
}

.note td, .warning td, .tip td {
padding:0.2em;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .6rem;
    line-height: 1.5;
    border-radius: .2rem;
}