﻿@charset "utf-8";
a:link, a:visited, a:active, h1, h2 {
  color: #003cff;
}
a:hover {
  color: #0a1e3c;
}
.progress-bar, .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .panel-primary > .panel-heading {
  background-color: #003cff;
  border-color: #003cff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-warning:hover {
  background-color: #0a1e3c;
  border-color: #0a1e3c;
}
.row-header {
  color: #333;
}
.col-header {
  background-color: #ddd;
  border: 1px solid #ddd;
}
.table th {
  background-color: #003cff;
}
/* Site Specific Custom CSS */
h1, h2 {
  color: #003cff;
}
.tab-pane {
  overflow: hidden;
}
.col-header {
  color: #003cff;
}
#specs.tab-pane table th {
  color: #fff;
}
.thumbnail.with-caption {
  display: inline-block;
  background: #f5f5f5;
  padding: 2em;
}
.row-pushed {
  padding: 20px 10px;
  color: inherit;
  background-color: transparent
}
.row-pushed h1, .row-pushed .h1 {
  color: inherit
}
.row-pushed p {
  margin-bottom: 15px;
  font-size: auto;
  font-weight: 200;
  width: 82%;
}
.row-pushed > hr {
  border-top-color: #d5d5d5
}
.row-pushed .container {
  max-width: 100%
}
.column-content {
  margin-top: 50px;
  display: inline-block;
}
@media screen and (min-width:768px) {
  .row-pushed {
    padding: 10px 0
  }
  .container .row-pushed, .container-fluid .row-pushed {
    padding-left: 60px;
    padding-right: 60px
  }
  .row-pushed h1, .row-pushed .h1 {
    font-size: auto
  }
}
.card.p-card {
    position: relative;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    border-radius: 16px;
    padding: 25px 30px;
    margin: 0 0 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    height: 100%;
}
.p-card:after {
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #003cff;
    content: '\f061';
}
.p-card p {
    font-size: 14px;
}
.p-card ul {
    font-size: 14px;
}
.p-card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-decoration: none;
}
.hr-o {
    border-bottom: 3px solid #003cff;
    margin-bottom: 15px;
    font-size: 1.8rem;
}
.sec-rel {
	position: relative;
}
.vendorLogo-1 {
  width: 151px;
  position: absolute;
  top:10px;
  right:10px;
  padding:0;
}

/*accordion*/
.acc .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>');
  transition: all 0.5s;
}
.acc .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
  transition: all 0.5s;
}
.acc h2.accordion-header {
  padding: 0;
  border: 0;
}
.acc .accordion-body {
  border: 0;
}
.acc h2.accordion-header .accordion-button {
  font-weight: 600;
}
.acc .accordion-item {
  border: none;
  box-shadow: 0px 0px 6px rgba(16, 16, 16, 0.21);
  margin-bottom: 25px;
}
.acc .accordion-button:focus, .acc .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.acc .accordion-button:not(.collapsed) {
  color: #003cff;
  background-color: #fff;
}  

/*Footer Styling*/
.footer-header {
  padding: 10px; 
  background-color: #003cff; /*Color of Background*/
  border-bottom: 3px solid #000000;
  font-size: 14pt;
  color: #fff;
  margin-top: -22px;
}
.footer-header h3 {
  text-align: center;
  color: #fff;
}
.footer-body {
  padding: 15px 25px; 
  background-color: #818181;
  color: #fff;
}
.footer-body h3 {
  color: #fff;
}
.footer-body li {
  line-height: 1.8;
}
.footer-body a {
  color: #fff;
}
.footer-body a:hover {
  color: #003cff;
}

/*Bootstrap 5 Styling*/
.tabs a {
  color: #666 !important;
}
.tabs a.active, .tabs a.active:hover {
  color: #FFF !important; /*Font color of active tab*/
  background: no-repeat 92% center #003cff; /*Color of active tab*/
}
a .tablinks :hover {
  color: #666666 !important; /*Font color on tab hover*/
  text-decoration: none;
}
.card {
  margin-bottom: .5em;
  flex: 1 1 auto;
  padding: 1em;
  color: var(--bs-card-color);
}
.pricing.card {
  padding: -var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.pricing > .card-header {
  color: white;
  background-color: #003cff;
  border-color: #003cff;
  font-weight: 700;
  font-size: 16px;
}
.spec-image {
	width: 350px;
}
.header {
  padding-top: 10px;
}
.btn-warning {
	color: #FFF;
}
.card {
	color: darkslategray;
}
.dropdown-menu.columns-3 {
    min-width: 1280px;
    font-size: .89rem !important;
}
.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.dropdown-menu.columns-3 > .row > .col-sm-4 > ul > .dropdown-header {
    background-color: #003cff !important;
}
.multi-column-dropdown > li > .dropdown-item:hover {
    background-color: #666;
}
.prod-image {
	width: 250px;
}
.p-image {
	width: 170px;
}
.alert-medium {
    color: #141619;
    background-color: #F8F9FA;
    border-color: #bcbebf;
}
h1 span.discontinued {
  display: inline-flex;
  align-items: center;
}
h1 span.discontinued::after {
  content: "Discontinued";
  color: #003cff;
  margin-left: 1rem;
  border: 2px solid #003cff;
  display: inline-block;
  padding: .35em .65em;
  font-size: 0.875rem !important;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}
@media only screen and (max-width: 767px) {
  h1 span.discontinued {
    align-items: start;
  }
	


}