/* Header Area */
.breadcrumb {
  background-color: transparent;
  margin-top: 1.5rem;
  margin-bottom: 0; }

header a.how-do-i {
  font-size: 0.875rem; }

header p {
  margin-bottom: 0; }

/* Index Page */
ul.resources {
  list-style: none; }
  ul.resources .media-body-title {
    font-size: 1.25rem; }

.resources a p {
  color: rgba(0, 0, 0, 0.68); }

.resources a:hover {
  text-decoration: none; }

.resources a:hover h4,
.resources a:hover h3 {
  text-decoration: underline; }

.body-content-main.audio-calc .card {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(72, 140, 201, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.05), 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(72, 140, 201, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.05), 0px 2px 10px 0px rgba(0, 0, 0, 0.05); }

.body-content-main.audio-calc .card:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(72, 140, 201, 0.5), 0px 2px 3px 0px rgba(0, 0, 0, 0.05), 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(72, 140, 201, 0.5), 0px 2px 3px 0px rgba(0, 0, 0, 0.05), 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background-color: rgba(72, 140, 201, 0.05); }

/* Calculator */
.calculator {
  background: #F6F7F9;
  padding: 1.5rem 2rem 2rem 2rem;
  border-radius: .3rem;
  margin: 0 0 1rem 0; }
  .calculator .link-more {
    font-weight: 500; }

.calculator ul {
  padding-left: 0; }
  .calculator ul li {
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.form-group label,
.form-group span {
  margin-right: .5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9375rem; }

.form-group input,
.form-group select {
  margin-right: .5rem; }

legend {
  font-size: 0.9375rem; }

fieldset ul {
  margin-bottom: 0; }

.calculator button[class*="fa-"] {
  color: #1B73CC;
  border: none;
  background: none; }

#advancedOptTitle button.collapsed:before,
#advancedOptTitleTwo button.collapsed:before,
#advancedOptTitleThree button.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    top: 0;
    margin-right: .5rem;
}

#advancedOptTitle button:before,
#advancedOptTitleTwo button:before,
#advancedOptTitleThree button:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f106";
    top: 0;
    margin-right: .5rem;
}

#advancedOptTitle button,
#advancedOptTitleTwo button,
#advancedOptTitleThree button {
    text-decoration: none;
    font-size: 0.9375rem;
}

    #advancedOptTitle button:focus,
    #advancedOptTitleTwo button:focus,
    #advancedOptTitleThree button:focus {
        border-color: #80bdff;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        border-radius: 0;
    }

#advancedOptions .card,
#advancedOptionsTwo .card,
#advancedOptionsThree .card {
    border-right: none;
    border-left: none;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1rem;
}

#advancedOptions .card-header,
#advancedOptionsTwo .card-header,
#advancedOptionsThree .card-header {
    padding: 0;
    border-bottom: none;
}

.invalid-feedback {
  margin-bottom: .5rem;
  text-align: center; }

  table .invalid-feedback {
    font-size: .8rem; 
    text-align: left; }

.amplifier-thermal ul.radio-inline {
  white-space: nowrap; }

.calculator .table {
  display: table;
  margin-bottom: 0; }
  .calculator .table .table-cell {
    display: table-cell; }
  .calculator .table span.table-cell {
    padding-left: .5rem; }

.calculator .table.ceiling-electrical {
  margin-left: 25%; }

.calculator .table.diameter-of-mounting {
margin-left: 25%; 
margin-right: 3.5rem; }

.amplifier-thermal .form-group {
  padding: .6rem 0 0 .6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .amplifier-thermal .form-group .form-control,
  .amplifier-thermal .form-group .radio-inline {
    margin-bottom: .5rem; }

.amplifier-thermal > .form-group {
  padding-bottom: .6rem; }

.amplifier-power .form-group {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

#accordionDiagramThreePT .card-header,
#accordionDiagramTwentySixPT .card-header,
#accordionDiagramTwentyEightPT .card-header {
    padding: 0;
    background-color: #fff;
}

#accordionDiagramThreePT .card-header button,
#accordionDiagramTwentySixPT .card-header button,
#accordionDiagramTwentyEightPT .card-header button{
border-radius: 0;
text-decoration: none; }

#accordionDiagramThreePT .card-header button:focus,
#accordionDiagramTwentySixPT .card-header button:focus,
#accordionDiagramTwentyEightPT .card-header button:focus{
	border: 1px dotted #212121;
    outline: 7px auto -webkit-focus-ring-color;
}

#accordionDiagramThreePT .card,
#accordionDiagramTwentySixPT .card,
#accordionDiagramTwentyEightPT .card {
    overflow: hidden;
}

#accordionDiagramThreePT .card-header button.collapsed:before,
#accordionDiagramTwentySixPT .card-header button.collapsed:before,
#accordionDiagramTwentyEightPT .card-header button.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    top: 0;
    margin-right: .3rem;
}

#accordionDiagramThreePT .card-header button:before,
#accordionDiagramTwentySixPT .card-header button:before,
#accordionDiagramTwentyEightPT .card-header button:before{
font-family: "Font Awesome 5 Pro";
content: "\f106";
top: 0;
margin-right: .3rem; }

#accordionDiagramThreePT .card,
#accordionDiagramTwentySixPT .card,
#accordionDiagramTwentyEightPT .card {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

#collapseThreePT img {
  max-width: 90%;
  height: auto; }

#collapseTwentySixPT img {
  max-width: 70%;
  height: auto; }

#collapseTwentyEightPT img {
    max-width: 70%;
    height: auto;
}

#collapseItem.card-body,
#collapseItemTwo.card-body,
#collapseItemThree.card-body {
    padding: 0;
}

#collapseItem.card-body > ul,
#collapseItemTwo.card-body > ul,
#collapseItemThree.card-body > ul{
  padding: 1.25rem;
}

.link-more:after {
  padding-right: 0;
}

/* Select Field Overwrite */
.custom-select {
  font-size: 0.875rem;
}

/* Input Field Validation Overwrite */
.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: none; 
}

/* Change Bootstrap Tooltip Color */
.tooltip-inner {
  background-color: #fff;
  color: #212529;
  -webkit-box-shadow: -2px 2px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 3px 1px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

/* Change Bootstrap Tooltip Triangle Color */
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: #fff; }

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: #fff; }

/* PendantConnected Speaker Cable Calc 3PT and 26PT Tabs */
.tab-pane {
  padding: 1.5rem; }

.nav-link.show.active,
.tab-pane.active {
  background-color: #fff;
  color: inherit; }

.nav-link.show {
  background-color: #dcd9d9;
  color: inherit;
  font-weight: 500; }

.warning {
  position: relative;
  background-color: #fff9ea;
  border: 1px solid #ffc107;
  border-radius: 0.3rem;
  font-size: 0.875rem; }

.btn-warning:focus,
.btn-light:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

#tabSF3PT button[data-bs-toggle="tooltip"],
#tabSF26PT button[data-bs-toggle="tooltip"] {
  padding-right: 0;
  padding-left: 0;
}

/* Warning Speech Bubble */
.warning.speech-bubble:before,
.warning.speech-bubble:after {
  content: '';
  display: inline-block;
  position: absolute;
}

/* Triangle Color - Warning Speech Bubble */
.warning.speech-bubble:before {
  top: 0;
  left: 15%;
  width: 0;
  height: 0;
  border: 0.7em solid transparent;
  border-bottom-color: #ffc107;
  border-top: 0;
  margin-top: -0.7em;
}

/* Triangle Border Color - Warning Speech Bubble */
.warning.speech-bubble:after {
  top: 0;
  left: 15%;
  width: 0;
  height: 0;
  border: 0.7em solid transparent;
  border-bottom-color: #fff9e6;
  border-top: 0;
  margin-top: -0.6em;
}

/* Ceiling Electrical Tooltip Triangle Colors on Pendant Connect Calc */
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}

.invalid-feedback {
  color: #bd2533; }

.form-check-input:disabled ~ .form-check-label {
  color: #30353a;
}

/* Calculator Result Area */
.result-area {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .3rem;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 1rem;
  min-height: 5rem; }
  .result-area table {
    font-size: 0.875rem; }

.result-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .9rem;
  border-radius: .3rem 0 .3rem 0;
  background-color: #F5F5F5;
  padding: .5rem;
  color: #5e646d;
  font-weight: 700;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 15px; 
}
table {
  margin-top: 3rem;
  font-size: 0.9375rem; }

table .result-row {
  color: #fff;
  background-color: #025c90 !important; }

table .result-row th {
  padding: .5rem; }

table tbody td, table tbody th {
  padding: .5rem .5rem .5rem 0; }

table tbody td {
  text-align: right;
}

table.pendant-connect tbody th {
  font-weight: normal;
}

.coverage-map table tbody td {
  text-align: left;
}

.caption {
  font-size: 0.875rem; 
}

a[data-bs-toggle="popover"][class*="-circle"] {
    color: var(--bs-dark-text-emphasis) !important;
    font-size: .9rem;
}
a[data-bs-toggle="popover"][class*="-circle"]:hover {
    text-decoration: none;
}

#collapseThreePT,
#collapseTwentySixPT,
#collapseTwentyEightPT {
    max-height: 730px;
    min-height: 115px;
}

.js-view-coveragemap.disabled {
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  color: #6e6e6e !important;

}

.btn-danger:focus {
	outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}
.result-area.accordion-style-result {
    padding:0;
}
.result-area.accordion-style-result > .result-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .9rem 1rem;
    font-size: 1rem;
    font-weight: bolder !important;
    color: var(--bs-dark-text-emphasis) !important; 
    text-align: left;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
}
.result-area.accordion-style-result > .result-body {
    padding: 1.25rem 1rem;
}
.accordion-style-result table {
    margin-top: 0;
}

.accordion-style-result table .result-row {
  color: inherit;
  background-color: #fff !important; 
}
.accordion-style-result table tbody td {
  text-align: left;
}
.accordion-style-result table tr td:first-child {
  padding-left: 1.5rem;
}


/* Accordion */
@media (min-width: 576px) {
  .accordion .accordion__title > .btn:focus,
  .accordion .accordion__title > .btn:active {
    cursor: default;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .amplifier-thermal .form-group {
    margin-bottom: 1rem; }
  .amplifier-thermal .list-items .form-group {
    padding: .6rem; }
  .list-items .form-group {
    padding: .6rem .6rem 0 .6rem; } }

.accordion__title .btn {
  font-size: 1.5rem; }

/* List Items */
aside .media-body-title {
  font-size: 1.25rem; }

aside .list-item-title {
  font-size: 1.25rem;
  color: #0069D9; }

aside .list-item-title + p {
  color: #5d5e59; }

aside .accordion__body a:hover {
  text-decoration: none; }

/* Formulas */
.accordion__body ul {
  padding-left: 0; }

.accordion__body ul li {
  list-style: none; }

.accordion__body ul.formula {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .3rem;
  padding: 1rem 1.5rem;
  margin-top: .3rem; }
  .accordion__body ul.formula li {
    margin-bottom: .5rem; }

.accordion__body ul.formula-legend li {
  margin-bottom: .5rem; }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .amplifier-thermal .form-group {
    margin-bottom: 0;
    border-bottom: none; 
  }

  .amplifier-thermal .form-group .form-control,
  .amplifier-thermal .form-group .radio-inline {
    margin-bottom: 0; 
  }

  .amplifier-thermal .form-group:hover {
    background-color: #f8f9fa; 
  }

  .amplifier-power .form-group {
    padding-bottom: 0;
    border-bottom: none; 
  }

  .list-items .form-group {
    padding: .6rem; 
  }

  #collapseThreePT img {
    padding: 2rem; 
  }

  #collapseTwentySixPT img {
    padding: 2rem; 
  }

  #collapseTwentyEightPT img {
    padding: 2rem; 
  }

  .tooltip-inner {
    min-width: 300px;
  }

}

@media (min-width: 992px) {
  .amplifier-thermal > .form-group {
    padding-bottom: 0; 
  }

  .result-area {
    padding: 0 1.5rem; 
  } 
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  table tbody tr,
  table thead tr  {
    width: 100%;
    display: block;
  }

  table tbody tr th,
   table tbody tr td {
    width: 100%;
    display: block;
    text-align: left !important;
  }

  table tbody tr th:not(.heading) {
    padding-bottom: 0;
  }

  table tbody tr td {
    padding-top: 0;
  }

  table thead tr th {
    width: 100%;
    display: block;
  }

  table thead tr th:not(:first-of-type) {
    padding-top: 0;
  }

  .calculator .table.ceiling-electrical {
    width: 45%;
    margin-left: .25rem;
  }

  .calculator .table.diameter-of-mounting {
    margin-left: .25rem;
  }

}

@media (min-width: 576px) {

  [data-accordion-collapse] .accordion__title > .btn {
    user-select: text;
    cursor: default;

  }

  [data-accordion-collapse] .accordion__title > .btn:focus,
  [data-accordion-collapse] .accordion__title > .btn:active,
  [data-accordion-collapse] .accordion__title > .btn:hover {
    outline: 0;
    box-shadow: none;

  } 
}

table.ceiling-spk-table {
    width: 100%;
}
@media (max-width: 575.98px) {
    table.ceiling-spk-table tbody tr,
    table.ceiling-spk-table thead tr  {
    width: 100%;
    display: table-row;
    }
    table.ceiling-spk-table tbody tr th,
    table.ceiling-spk-table tbody tr td {
    width: auto;
    display: table-cell;
    }
}