#page_content_int {
  /*display: flex;*/
  flex-direction: column;
  padding-bottom: 6px; }

.rr-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1; }

#rr-tabs {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  min-height: 26px; }

.rr-tab {
  display: flex;
  width: 114px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  border-right: 1px solid #eee; }

.rr-tab:nth-child(1) {
  /*border-left: 1px solid #eee;*/
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.rr-tab:nth-last-child(2) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.rr-tab.selected {
  /*background: linear-gradient(to top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 100%), $primary-color;*/
  background-color: #482882;
  color: #eee; }

#help-button {
  position: absolute;
  left: 2px;
  height: 32px;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 4px;
  width: 64px;
  /*background: $primary-color;*/
  /*color: white;*/ }

/*#help-button > .fa-info-circle {
	position: absolute;
    right: 31px;
    font-size: 26px;
    color: #1a6dab;
}
*/
/*
#help-button > .fa-info-circle:hover {
	color: #1987d8;
}
*/
#titles {
  height: 92px; }

#titles .main-cell {
  flex-direction: column;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.main-cell {
  display: flex;
  overflow: hidden; }

.main-cell > .rr-cell {
  /* cellule de titre */
  flex: 1;
  justify-content: center;
  align-items: center; }

.main-cell > .subtitle-cell {
  display: flex;
  flex: 0.5; }

.main-cell > .subtitle-cell > .rr-cell {
  flex: 1;
  font-style: italic; }

.rr-area {
  margin-right: 10px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  height: 99%; }

.scrollZone {
  background-color: #f5f5f5; }

#area-table, #area-boxes {
  padding-left: 8px;
  padding-top: 8px;
  min-height: 24px;
  display: flex;
  flex-direction: column; }

#area-table {
  flex: 1; }

#area-boxes {
  flex: 1; }

.toggle-icon {
  position: absolute;
  z-index: 1; }

.toggle-icon > span {
  left: -8px;
  top: -8px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 1; }

.toggle-icon > span:hover {
  background-color: #edf7f6; }

.headingRow {
  display: flex;
  color: #fff;
  background-color: #482882; }

.headingRow .rr-cell, .contentRow .rr-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3px 8px 3px 8px; }

.contentRow {
  display: flex; }

.row-manufacturer {
  background-color: #f0ecf9;
  height: 38px;
  z-index: 1; }

.row-admin {
  background-color: #fefefe; }

.row-admin .rr-cell {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #777; }

/*
.row-admin .main-cell:nth-child(1) .rr-cell:nth-child(1) {
	border-left: 1px solid #ddd;
}
*/
.row-manufacturer .rr-cell {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

/*
.row-manufacturer .main-cell:nth-child(1) .rr-cell:nth-child(1) {
	border-left: 1px solid #ddd;
}
*/
.content {
  overflow-y: auto;
  overflow-x: hidden;
  /*max-height: 100%;*/
  width: 100%; }

.row-manufacturer .main-cell .key-ID::after {
  font-family: FontAwesome;
  content: '\f107';
  position: relative;
  left: 10px; }

.row-manufacturer .main-cell .key-ID.reverse-arrow::after {
  content: '\f106'; }

.row-manufacturer .key-ID > span {
  font-weight: bold;
  cursor: pointer; }

.row-manufacturer .key-ID > span:hover {
  font-style: italic; }

.mf-data {
  display: none; }

.scrollZone {
  display: flex;
  flex: 1;
  flex-direction: column; }

.row-manufacturer:hover {
  background-color: #e2d8f3; }

.row-admin:hover {
  background-color: #f7f7f7; }

.rr-box {
  /*width: 100%;*/
  margin: 12px 6px 12px 6px;
  flex: 1;
  box-shadow: 0px 4px 22px -10px rgba(0, 0, 0, 0.54); }

#reportingBoxes {
  background-color: #F5F5F5; }

#reportingBoxes .content {
  /*display: flex;*/
  flex-direction: column;
  flex: 1; }

.rr-box-row {
  display: flex;
  flex: 1; }