/* Table (Overflow) */
/* --------------------------------------------------------------------- */

.default.overflow-container {
  overflow-x: auto;
}
table.hubdb tfoot {
  padding: 24.0;
  margin-bottom: 24px;
}


/* Table (Layout) */
/* --------------------------------------------------------------------- */

.default table.hubdb {
  border-collapse: collapse;
  margin: auto;
  width: 100%;
  animation: float 5s infinite;
  font-family: inherit;
  background-color: #fff;
}
.default table.hubdb img {
  display: inline-block;
}


/* Table (Head) */
/* --------------------------------------------------------------------- */

.default table.hubdb thead th {
  color: #FFFFFF;
  background-color: #624183;
  border-bottom: 4px solid #442365;
  font-size: 24px;
  font-weight: bold;
  padding: 24.0px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}
.default table.hubdb thead th.active {
  color: #DD304F;
  background-color: #dd304f;
  border-bottom: 4px solid #bf1231;
}


/* Table (Border-Radius) */
/* --------------------------------------------------------------------- */

.default table.hubdb {
  border-radius: 4.0px;
  overflow: hidden;
}
.default table.hubdb thead th:first-child {
  border-top-left-radius: 4.0px;
}
.default table.hubdb thead th:last-child {
  border-top-right-radius: 4.0px;
}
.default table.hubdb tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4.0px;
}
.default table.hubdb tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4.0px;
}


/* Table (Body) */
/* --------------------------------------------------------------------- */

.default table.hubdb tbody td,
.default table.hubdb tbody th { 
  padding: 24.0px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
}
.default table.hubdb tbody span { 
  line-height: initial;
}
.default table.hubdb tbody td[data-label]:before { 
  content: attr(data-label); 
}
.default table.hubdb tbody th {
  font-weight: bold;
}
.default table.hubdb tbody tr {
  /* border-bottom: 2px solid #f0f0f0; */
  color: #000000;
  font-size: 18px;
  font-weight: normal;
}
.default table.hubdb tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.default table.hubdb tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.default table.hubdb tbody tr > td.active,
.default table.hubdb tbody tr > th.active,
.default table.hubdb tbody tr.active {
  color: #DD304F;
  background-color: #dd304f;
  /* border-bottom: 2px solid #bf1231; */
}
.default table.hubdb tbody tr:last-child,
.default table.hubdb tbody tr:last-child > th.active, 
.default table.hubdb tbody tr:last-child > td.active {
  border-bottom: none;
}
.default table.hubdb tbody td:before {
   display: none;
}
.default table.hubdb .hidden {
  display: none !important;
}


/* Table (Foot) */
/* --------------------------------------------------------------------- */

.default table.hubdb tfoot tr {
  color: #000000;
  background: transparent;
}
.default table.hubdb tfoot td {
  padding: 24.0px;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  font-size: 16px;
}
.default table.hubdb tfoot p {
  margin: 0;
  padding: 0;
} 


/* Table (Columns-Text-Align) */
/* --------------------------------------------------------------------- */

.default table.hubdb .text-center { text-align: center; }
.default table.hubdb .text-left   { text-align: left;   }
.default table.hubdb .text-right  { text-align: right;  }


/* Table (Gobal-Text-Align)*/
/* --------------------------------------------------------------------- */

.default table.hubdb.text-center td, 
.default table.hubdb.text-center thead th:not(:first-child) { 
  text-align: center !important; 
}
.default table.hubdb.text-left td,   
.default table.hubdb.text-left thead th:not(:first-child) { 
  text-align: left !important;  
}
.default table.hubdb.text-right td,  
.default table.hubdb.text-right thead th:not(:first-child) { 
  text-align: right !important;  
}


/* Table (Responsive) */
/* --------------------------------------------------------------------- */

@media (max-width:1024px){
    .default table.hubdb {
      box-shadow: 0 0 0 rgba(0,0,0,0);
      max-width: 100vw;
    }
    .default table.hubdb, table.hubdb thead, table.hubdb tbody, table.hubdb tfoot, 
    .default table.hubdb th, table.hubdb td, table.hubdb tr {
		  display: block;
	  }
		.default table.hubdb thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
    .default table.hubdb tbody th {
      color: #FFFFFF;
      background-color: #624183;
      border-bottom: 4px solid #442365;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    .default table.hubdb tbody tr.active th {
      color: #DD304F;
      background-color: #dd304f;
      border-bottom: 4px solid #bf1231;
    }
    .default table.hubdb tbody tr,
    .default table.hubdb tbody tr.active {
      color: #000000;
      margin: 0 0 24.0px 0;
      border-bottom: 0;
    }
    .default table.hubdb tbody td:nth-child(even) {
      background: #ffffff;
    } 
    .default table.hubdb tbody td:nth-child(odd) {
      background: #ffffff;
    } 
		.default table.hubdb tbody td {
			border: none;
      padding: 24.0px;
			border-bottom: 2px solid #f0f0f0;
			position: relative;
			padding-left: 50%;
      text-align: left !important;
		}
    .default table.hubdb tbody .vidyard-player-container {
      margin-left: 0 !important;
    }
		.default table.hubdb tbody td:last-child {
			border-bottom: 0;
		}
		.default table.hubdb tbody td:before {
      display: block;
      position: absolute;
			top: 0;
			left: 0;
			width: 50%;
			padding: 24.0px;
			white-space: nowrap;
      text-align: left;
		}
    .default table.hubdb tfoot {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
    .default table.hubdb tbody tr:last-child {
      margin-bottom: 0;
    }
}


/* Table (Collapsable) */
/* --------------------------------------------------------------------- */

@media (max-width:1024px){
    .default table.hubdb .collapse-hide,
    .default table.hubdb .collapse-hide.active {
      height: 0;
      border: 0;
      padding-top: 0;
      padding-bottom: 0;
      overflow: hidden;
    }
    .default table.hubdb .caret {
      position: relative;
      padding-right: calc(24.0px * 2 + 20px);
    }
    .default table.hubdb .caret:after { /* Plus */
      text-align: center;
      display: block;
      position: absolute;
      right: 24.0px;
      top: 24.0px;
      content: "";
      /*
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top-color: #FFFFFF;
      */
      margin-top: 9px;
      */
    }
    .default table.hubdb .caret.caret-down:after { /* Minus */
      /*
      border-top-color: transparent;
      border-bottom-color: #FFFFFF;
      margin-top: -1%;
      transform: translateY(-50%);
      top: 50%;
      */
      top: 24.0px;
    }
    .default table.hubdb.switch_true tr.active .caret:after {
      border-top-color: #DD304F
    }
    .default table.hubdb.switch_true tr.active .caret.caret-down:after {
      border-top-color: transparent;
      border-bottom-color: #DD304F
    }
}


/* Table (Mobile Font-Size) */
/* --------------------------------------------------------------------- */

@media (max-width:1024px){
  .default table.hubdb thead th,
  .default table.hubdb tbody th {
    font-size: 18px;
  }
  .default table.hubdb tbody td,
  .default table.hubdb tbody th,
  .default table.hubdb tbody tr { 
    font-size: 16px;
  }
  .default table.hubdb tfoot td {
    font-size: 14px;
  }
}



/* Table (Boolean Fields) */
/* --------------------------------------------------------------------- */

.default table.hubdb .boolean {
  position: relative;
  font-size: 0;
}
.default table.hubdb .boolean.true:before {
  display: inline-block;
  position: absolute;
  content: "";
  left: 0; bottom: -6px;
  transform: rotate(45deg);
  height: 24px;
  width: 12px;
  border-bottom: 6px solid green;
  border-right: 6px solid green;
}
.default table.hubdb .boolean.false:before,
.default table.hubdb .boolean.false:after {
  display: inline-block;
  position: absolute;
  left: 0px; bottom: -8px;
  content: "";
  height: 24px;
  width: 6px;
  background-color: red;
}
.default table.hubdb .boolean.false:before {
  transform: rotate(45deg);
}
.default table.hubdb .boolean.false:after {
  transform: rotate(-45deg);
}


/* Table (Custom) */
/*--------------------------------------------------------------------------*/



/* Table (Collapsable) Plus / Minus Icons */
@media (max-width:1024px){
  .default table.hubdb .caret:after {
    background-image: url('data:image/svg+xml,<svg class="minus" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 16 16"><path d="M0.9387,8.9483 C0.6909,8.9474,0.4544,8.8441,0.2853,8.663C0.1028,8.4907-0.0005,8.2506,0,7.9996C-0.0004,7.7488,0.1028,7.509,0.2853,7.337 c0.1692-0.181,0.4056-0.2843,0.6534-0.2853h14.1226c0.2478,0.0009,0.4843,0.1042,0.6534,0.2853 C15.8972,7.5093,16.0005,7.7494,16,8.0004c0.0004,0.2508-0.1028,0.4906-0.2853,0.6626c-0.1692,0.181-0.4056,0.2843-0.6534,0.2853 L0.9387,8.9483z"/></svg>');
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24.0px;
    height: 24.0px;
    border: none !important;
    margin-top: -2px;
  }
  .default table.hubdb .caret.caret-down:after {
    background-image: url('data:image/svg+xml,<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 16 16"><path d="M8,16c-0.2508,0.0004-0.4906-0.1028-0.6626-0.2853c-0.1811-0.1692-0.2843-0.4056-0.2853-0.6534v-6.113 H0.9387C0.6909,8.9474,0.4544,8.8441,0.2853,8.663C0.1028,8.4907-0.0005,8.2506,0,7.9996C-0.0004,7.7488,0.1028,7.509,0.2853,7.337 c0.1692-0.181,0.4056-0.2843,0.6534-0.2853h6.1134v-6.113C7.053,0.6909,7.1562,0.4544,7.3374,0.2853C7.5095,0.103,7.7493-0.0002,8,0 c0.2508-0.0004,0.4906,0.1028,0.6626,0.2853c0.1811,0.1692,0.2843,0.4056,0.2853,0.6534v6.113h6.1134 c0.2478,0.0009,0.4843,0.1042,0.6534,0.2853C15.8972,7.5093,16.0005,7.7494,16,8.0004c0.0004,0.2508-0.1028,0.4906-0.2853,0.6626 c-0.1692,0.181-0.4056,0.2843-0.6534,0.2853H8.9479v6.1122c-0.0009,0.2478-0.1042,0.4843-0.2853,0.6534 C8.4906,15.8965,8.2509,16,8,16z"/></svg>');
    margin-top: -2px;
  }
}

/* Even Odd Background */
@media (min-width:1025px) {
  .default table tbody tr:nth-child(2n+1) th, 
  .default table tbody tr:nth-child(2n+1) td {
    background-color: #F0F0F0;
  }
}

/* Cell Border Radius */
@media (min-width:1025px) {
  .default table tbody tr th:first-child,
  .default table tbody tr td:first-child {
    border-radius: 8.0px 0 0 8.0px;
  }
  .default table tbody tr th:last-child,
  .default table tbody tr td:last-child {
    border-radius: 0 8.0px 8.0px 0;
  }
}
@media (max-width:1024px) {
  .default table tbody tr th {
    border-radius: 8.0px;
  }
}

/* Check-Icon From Text */
.default table .small-icon ~ span {
  display: inline-block;
  margin-top: 8.0px;
}
/*
.default table .small-icon.icon-check {}
*/
@media (min-width:1025px) {
  .default table .small-icon.icon-empty,
  .default table .small-icon.icon-cross {
    opacity: 0;
  }
}

/* Table Head Style */
.default table.hubdb thead th {
  color: #000000;
  background-color: transparent;
  border-bottom: none;
  text-shadow: none;
}
@media (max-width:1024px){
  .default table.hubdb tbody th {
    color: #000000;
    background-color: #F0F0F0;
    border-bottom: none;
    text-shadow: none;
    text-align: left !important;
  }
  .hubdb-wrapper:before {
    display: none !important;
  }
  .default table.hubdb tbody td:before {
    line-height: 26px; /* Same as SVG Size */
  }
}