/*Sub-SubCapitulos*/
.Sub_SubCapitulotab {
  display: none;
  overflow: hidden;
  border: 1px solid #ccc;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
}

.Sub_SubCapitulotabbutton {
  background-color: #e3f7bf;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  float: left;
  border: 2px solid Black;
  outline: none;
  cursor: pointer;
  padding: 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  text-align:right;
}
.Sub_SubCapitulotabbutton:hover {
  background-color: rgb(248, 4, 4);
}

/* Create an active/current tablink class */
.Sub_SubCapitulotabbutton.active {
  background-color: rgb(197, 175, 175);
}

/* Style the tab content */
.Sub_SubCapitulotabcontent {
  display: none;
  float:left;
  width:100%;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

/* 4th-level sub-tabs used in Revisao Gestao nested sections */
.BATRG_SubTabBar {
  display: block;
  overflow: hidden;
  border: 1px solid #ccc;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
}

.BATRG_SubTabButton {
  background-color: #fff7bf;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  float: left;
  border: 2px solid Black;
  outline: none;
  cursor: pointer;
  padding: 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  text-align: right;
}

.BATRG_SubTabButton:hover {
  background-color: rgb(248, 4, 4);
}

.BATRG_SubTabButton.active {
  background-color: rgb(197, 175, 175);
}

.BATRG_SubTabContent {
  display: none;
  float: left;
  width: 100%;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border: 1px solid #ccc;
  border-top: none;
}


/********************/
/* SubCapítulos*/
.SubCapitulotab {
  overflow: hidden;
  border: 1px solid #ccc;
}

/* Style the buttons inside the tab */
.SubCapitulotabbutton {
  background-color: #bfd5f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  float: left;
  border: 2px solid Black;
  outline: none;
  cursor: pointer;
  padding: 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  text-align:right;
}
/* Change background color of buttons on hover */
.SubCapitulotabbutton:hover {
  background-color: rgb(248, 4, 4);
}

/* Create an active/current tablink class */
.SubCapitulotabbutton.active {
  background-color: rgb(197, 175, 175);
}

/* Style the tab content */
.SubCapitulotabcontent {
  display: none;
  float:left;
  width:100%;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
  
/********************/ 
  /*  Capítulos*/
  .tabcontent {
    display: none;
    width:100%;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: 2px solid Black;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    transition: 0.3s;
    font-size: 14px;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: rgb(75, 69, 69);
    color: yellow;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: rgb(207, 70, 70);
    color: white;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0px;
  width: 99%;
  border: none;
  text-align: left;
  outline: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.CollapsibleContent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}