.setup-table {
   margin-top: 30px;
}

.setup-action {
   padding: 20px;
}

.table-responsive {
   font-size: 1.05rem;
   text-align: left;
   color: #666;
   padding: 0px;
   border-radius: 10px;
}

.table-responsive,
.table-responsive-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   flex-grow: 1;
}

.table-responsive-row {
   width: 100%;
}

.navigation ~ .table-responsive {
   border-radius: 0 0 10px 10px;
}

.table-responsive-cell,
.table-responsive-heading {
   padding: 0px 5px;
   border-bottom: 1px solid #ddd;
   background: rgba(255, 255, 255, 0.97);
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   word-break: break-word;
   box-sizing: border-box;
}

.table-responsive-cell.heading {
   padding: 2px 5px;
}

.table-responsive-heading {
   border-width: 0;
   font-size: 1rem;
   color: var(--s-purple);
   font-family: "Poppins";
   font-weight: "bold";
   position: relative;
   padding-bottom: 15px;
}

.table-responsive-heading:after {
   content: " ";
   border-bottom: 3px solid var(--s-purple);
   display: block;
   position: absolute;
   width: 95%;
   bottom: 4px;
}

.table-responsive-heading .tooltip__item {
   text-transform: none;
   font-size: 1rem;
   font-weight: 400;
}

.table-responsive-2-cols .table-responsive-cell,
.table-responsive-2-cols .table-responsive-heading {
   width: 50%;
}

.table-responsive-3-cols .table-responsive-cell,
.table-responsive-3-cols .table-responsive-heading {
   width: 33%;
}

.table-responsive-4-cols .table-responsive-cell,
.table-responsive-4-cols .table-responsive-heading {
   width: 25%;
}

.table-responsive-4-cols .table-responsive-cell.reduced,
.table-responsive-4-cols .table-responsive-heading.reduced {
   width: 20%;
}

.table-responsive-4-cols .table-responsive-cell.extended,
.table-responsive-4-cols .table-responsive-heading.extended {
   width: 30%;
}

.table-responsive-5-cols .table-responsive-cell,
.table-responsive-5-cols .table-responsive-heading {
   width: 20%;
}

.table-responsive-5-cols .table-responsive-cell.reduced-3,
.table-responsive-5-cols .table-responsive-heading.reduced-3 {
   width: calc(20% * 0.666);
}

.table-responsive-6-cols .table-responsive-cell,
.table-responsive-6-cols .table-responsive-heading {
   width: calc(100% / 6);
}

.table-responsive-7-cols .table-responsive-cell,
.table-responsive-7-cols .table-responsive-heading {
   width: calc(100% / 7);
}

.table-responsive-heading:first-child {
   border-width: 0px;
}

@media screen and (max-width: 480px) {
   .table-responsive {
      padding: 0px;
   }
   .navigation .cell:first-child {
      border-radius: 8px 8px 0 0;
   }
   .navigation .cell:last-child {
      border-radius: 0px;
   }
   .table-responsive div {
      border-radius: 0px !important;
      margin: 0;
   }
   .setup-menu .navigation a {
      padding: 5px;
   }
   .setup-menu .navigation a:before {
      display: none;
   }
   .table-responsive-3-cols .table-responsive-cell,
   .table-responsive-4-cols .table-responsive-cell,
   .table-responsive-4-cols .table-responsive-cell.reduced,
   .table-responsive-4-cols .table-responsive-cell.expanded,
   .table-responsive-5-cols .table-responsive-cell,
   .table-responsive-5-cols .table-responsive-cell.reduced-3,
   .table-responsive-6-cols .table-responsive-cell,
   .table-responsive-7-cols .table-responsive-cell {
      width: 100%;
   }
   .table-responsive-heading {
      display: none;
   }

   div.table-responsive-row {
      margin: 6px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
   }
}

.table-responsive.flat-corners {
   border-radius: 0;
   padding: 8px;
}

.table-sub-section {
   max-height: 500px;
   overflow-y: auto;
   transition: all 0.3s;
   background: #f2f2f2;
}

.allow-overflow.table-sub-section,
.allow-overflow.table-sub-section .table-responsive {
   max-height: none;
   overflow-y: visible;
   overflow: visible;
}

.table-sub-section .section-header {
   cursor: pointer;
}

.table-sub-section .section-header:after {
   content: "\e812";
   font-family: "icons";
   background: #ccc;
   color: #fff;
   border-radius: 20px;
   float: right;
   margin-right: 15px;
   font-size: 1.2rem;
   margin-top: 10px;
   display: inline-block;
   width: 22px;
   height: 22px;
   line-height: 25px;
   text-align: center;
   opacity: 0;
   transition: opacity 0.2s;
}

.table-sub-section.collapsed .section-header:after {
   content: "\e811";
   background: var(--s-purple);
   color: #fff;
}

.table-sub-section .section-header:hover:after {
   opacity: 1;
}

.table-sub-section.collapsed:hover .section-header {
   color: var(--s-purple);
   border-bottom: 4px solid var(--s-purple);
}

.table-sub-section.collapsed {
   max-height: 48px;
   overflow: hidden;
}

.table-sub-section .section-header {
   background: #e9e8e8;
   border: 1px solid #ddd;
   border-width: 1px 0px;
   color: #5b5b5b;
   text-align: left;
   font-family: "Poppins";
   font-weight: "bold";
}

.table-sub-section .section-header span {
   position: relative;
   background: #fff;
   margin: 5px 0 0 10px;
   display: inline-block;
   min-width: 200px;
   padding: 8px 35px 8px 10px;
   border-radius: 6px 6px 0 0;
}

.table-sub-section .section-header span .badge {
   right: 3px;
}

.table-sub-section .table-responsive {
   border-radius: 0;
   padding: 0;
}

.table-sub-section:last-of-type .table-responsive {
   border-radius: 0 0 10px 10px;
}

.location-children {
   display: none;
   width: 100%;
   border-bottom: 12px solid #f2f2f2;
   border-top: 1px solid #d8d6d6;
}

.hasChildren {
   cursor: pointer;
}

.hasChildren .heading {
   font-weight: bold;
   font-size: 0.9rem;
}

.hasChildren:hover .table-responsive-cell:first-child {
   border-left: 4px solid var(--s-purple);
}

.hasChildren.open {
   margin-top: 4px;
}

.hasChildren.open .table-responsive-cell:first-child,
.hasChildren.open:hover .table-responsive-cell:first-child {
   border-left: 4px solid #aea2f1;
}

.hasChildren.open + .location-children {
   display: block;
}

.location-children .table-responsive-row .table-responsive-cell:first-child {
   border-left: 4px solid var(--s-purple);
}

.location-children-toggle {
   cursor: pointer;
   width: 100%;
}

.location-name-container {
   width: 100%;
}

th.table-total {
   background: #e9e9e9 !important;
   color: #444 !important;
}

.data-table th.table-total:last-child {
   border: 1px solid #ccc;
   border-width: 1px 1px 0 0;
}

td.table-total {
   background: #f8f8f8;
   font-weight: bold;
}

.data-table tr:nth-last-child(2) td.table-total {
   border-bottom: 1px solid #ddd;
}