/**
 * All of the CSS for the public-facing CSS source
 * for the MODEC motor model's specs.
 */
 :root {
  --color-motor: var(--color-primary);
}

table.motor-accessory-maintenance-kits-specs thead th span.power-range-05 { --color-motor: var(--color-power-range-05); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-07 { --color-motor: var(--color-power-range-07); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-08 { --color-motor: var(--color-power-range-08); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-10 { --color-motor: var(--color-power-range-10); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-20 { --color-motor: var(--color-power-range-20); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-25 { --color-motor: var(--color-power-range-25); }
table.motor-accessory-maintenance-kits-specs thead th span.power-range-30 { --color-motor: var(--color-power-range-30); }
table.motor-accessory-maintenance-kits-specs thead th span{
  background-color: var(--color-motor);
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
  font-weight: 800;
  color: white;
  font-size: .9em;
  font-family: "AvantGarde Regular";
}
 table.motor-accessory-maintenance-kits-specs {
  width: 100%;
  text-align: center;
  font-size: .9em;
  border-spacing: 0;
}

table.motor-accessory-maintenance-kits-specs tbody tr td:nth-child(1) {
  background-color: #eee !important;
  font-weight: 600 !important;
}

table.motor-accessory-maintenance-kits-specs tbody th{
  background-color: #eee;
}

table.motor-accessory-maintenance-kits-specs {
  border-collapse: collapse;
}
table.motor-accessory-maintenance-kits-specs th, table.motor-accessory-maintenance-kits-specs td {
  border: 1px solid #ccc;
  padding: 4px;
}

table.motor-accessory-maintenance-kits-specs thead th {
  margin: 0;
  padding: 4px;
  font-size: .9em;
  font-weight: 600;
  vertical-align: center;
  min-width: 300px;
  color: #374047;
  background-color: #eee;
}
table.motor-accessory-maintenance-kits-specs thead th:not(:first-child) {
  min-width: 80px;
  
}
table.motor-accessory-maintenance-kits-specs thead th:first-child {
  max-width: 200px;
  min-width: 175px;
  color: white;
  background-color: var(--color-primary);
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-column{
  padding:0;
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container{
  display: flex;
  flex-wrap: wrap;
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref{
  border: 1px solid #ccc;
  border-top-width: 0;
  border-left-width: 0;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref.direction{
  width: 30%;
}
table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref.reference{
  width: 70%;
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref:nth-last-child(-n+2){
  border-bottom-width: 0;
}

table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref:nth-child(2){
  border-right-width: 0;
}
table.motor-accessory-maintenance-kits-specs .xt-rv-ref-container .xt-rv-ref:last-child{
  border-right-width: 0;
}

.motor-accessory-maintenance-kits-specs-title{
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 20px;
}


table.motor-accessory-maintenance-kits-specs tbody .chip{
  background-color: #fff;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  padding: 0px 4px;
  margin: 2px 2px;
  border-radius: 10px;
  font-weight: 400 !important;
  transition: all .33s ease 0s;
}

table.motor-accessory-maintenance-kits-specs tbody .chip:hover{
  color: white;
  background-color: var(--color-primary);
  transition: all .33s ease 0s;
}

table.motor-accessory-maintenance-kits-specs tbody .not-link.chip:hover{
  color: white;
  background-color: var(--color-primary);
  opacity: .8;
}