@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap");
/*========= Printable Page Style ===========*/
.navbar-link {
    background: #233d7d !important
}

#mainMenu .fa-fw {
    color: #000000 !important
}
.modal>.modal-header>.popup-btn {
        border: 1px solid #FF0D0D !important;
    background: #FF0D0D !important;
    color: #ffffff !important;
}
.navbar .nav>li {
    border-bottom: 1px solid #aaa !important
}

.navbar .nav>li>a {
    color: #FF0D0D !important
}

.container .ui-state-default a {
    color: #FF0D0D !important
}

.part-link label {
    color: #000000
}

.productTitle .fa-fw {
    color: #fff
}

#scope-plp-configure span.pull-left {
    color: #fff !important
}
ul.nav.nav-tabs.nav-stacked li a.select-product span.pull-right {
    margin: 0 !important;
}
a.select-product.media-body.btn.ui-state-default {
    color: #fff !important
}

.part-link a {
    text-decoration: underline !important
}

.attributecontrol .part-link {
    color: #FF0D0D !important
}

.pagination ul>.active>a {
    color: #FF0D0D
}

#plp-CAD-table-tabs #cad-tabs .ui-tabs-active a .ui-button-text {
    color: #000000
}

#plp-CAD-table-tabs #cad-tabs a .ui-button-text {
    color: #fff
}

.carousel-inner .item img {
    height: auto !important
}

.recaptchatable a,
.recaptchatable a:hover {
    color: #FF0D0D !important
}

.ui-accordion-content {
    padding: 0 !important
}

.category-heading {
    clear: both
}

.category-heading h4 {
    font-family: "Roboto", sans-serif !important;
    color: #1B396F !important
}

.nav-tabs>li>a.select-product {
    line-height: 29px !important
}

.breadcrumb a {
    color: #212121 !important
}

#productSticky {
    top: 0 !important;
    width: 100%
}

.pagination a {
    color: #FF0D0D !important
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #efefef !important
}

select[data-searchvaluetype="ID"] {
    height: 33px !important;
    width: 99% !important
}

input[type="file"],
select {
    display: inline-block;
    height: 20px !important;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    border-radius: 4px;
    vertical-align: middle;
    width: 95% !important
}

#plp-header-links .plp-cart-url {
    margin-right: 11px
}

.table .part-link {
    color: #000000 !important
}

.site-footer {
    padding: 0 !important
}

.modal .modal-body {
    padding: 0 !important
}

.navbar-link {
    background: #fff !important
}

#mainMenu .fa-fw {
    color: #000000 !important
}

.navbar .nav>li {
    border-bottom: 1px solid #aaa !important
}

.navbar .nav>li>a {
    color: #003057 !important
}


.part-link label {
    color: #000000
}

#scope-plp-configure span.pull-left {
    color: #fff !important
}

a.select-product.media-body.btn.ui-state-default {
    color: #ffffff !important;
    font-weight: 500 !important
}

.part-link a {
    text-decoration: underline !important
}

.attributecontrol .part-link {
    color: #FF0D0D !important
}

.pagination ul>.active>a {
    color: #003057
}

#plp-CAD-table-tabs #cad-tabs .ui-tabs-active a .ui-button-text {
    color: #000000
}

#plp-CAD-table-tabs #cad-tabs a .ui-button-text {
    color: #fff
}

.carousel-inner .item img {
    height: auto !important
}

.recaptchatable a,
.recaptchatable a:hover {
    color: #3a474e !important
}

.ui-accordion-content {
    padding: 0 !important
}

.category-heading {
    clear: both
}

.breadcrumb a {
    color: #000 !important
}

#productSticky {
    top: 0 !important;
    border-top: 4px solid #FF0D0D;
    background: #FF0D0D no-repeat padding-box
}

#productSticky a {
    color: #fff !important
}

.pagination a {
    color: #212121 !important
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #efefef !important
}

input[type="file"],
select {
    display: inline-block;
    height: 20px !important;
    padding: 1px 6px;
    margin-bottom: 10px;
    color: #555;
    border-radius: 4px;
    vertical-align: middle;
    width: 95% !important
}

#plp-header-links .plp-cart-url {
    margin-right: 11px
}

.table .part-link {
    color: #FF0D0D !important
}

.site-footer {
    padding: 0 !important
}
.site-footer ul {
    margin: 0;
}
body[data-pagetype*='ItemDetail'] .plp-product-buttons a {
    margin-bottom: 10px;
    font-weight: 500 !important;
    text-shadow: none;
    padding: .75em 1em !important
}

.modal .modal-body {
    padding: 0 !important
}

.modal-backdrop.fade.show {
    display: none
}

.content-area {
    width: 100%
}

.plp-rfi-button button {
    color: #ffffff !important;
    background: #FF0D0D no-repeat padding-box !important;
    border-radius: 0 !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    padding: 9.68px 20.08px !important;
    border: 1px solid #FF0D0D !important
}

.ui-state-highlight.ui-corner-all i {
    margin-right: 5px !important
}

#main {
    position: initial;
    z-index: initial
}

a#plp-modifyconfigure {
    color: #ffffff !important
}

.plp-request-info-form td {
    color: #333 !important
}

h3.ui-accordion-header.ui-helper-reset.ui-accordion-header-active.ui-corner-top.ui-state-active i {
    margin-right: 5px
}

.plp-configurator .btn-toolbar.btn-sort.pull-right {
    text-align: center !important;
    float: none !important
}

body[data-pagetype*='ItemDetail'] .pull-right>.dropdown-menu {
    width: 200px !important
}

.plp-request-info-form input[type="text"] {
    border: 1px solid #b7b7b7 !important;
    display: inline-block;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle
}

.plp-request-info-form input[type="textarea"] {
    border: 1px solid #b7b7b7
}

span.buttonAddToCart .fa-2x {
    font-size: 1em !important
}

div#plp-request-info sup {
    color: red
}

/*! CSS Used from: https://caloriq.wpengine.com/wp-content/themes/caloriq-default/style.css?ver=6.0.3 ; media=screen */

.plp-rfi-button-btn {
    max-width: 10.2777777778em;
    width: 100%;
    line-height: 2.7777777778em;
    padding: 0;
    background-color: #003057;
    color: #fff
}

.plp-product-buttons a {
    margin: 0
}

body[data-pagetype*='Compare'] .inner-wrap-narrow *:first-child {
    margin-top: 0;
    margin-left: 0 !important;
    list-style-position: inside !important
}

body[data-pagetype*='Compare'] table#tbCompare {
    font-size: 15.8px
}

body[data-pagetype=Request] #formholder .plp-form-textfield input:focus {
    outline: none !important
}

body[data-pagetype=ItemDetail] .promo-carousel-item a {
    color: #003057
}

body[data-pagetype=RequestConfirmation] .site-content a,
body[data-pagetype=Email] .site-content a {
    color: #003057 !important
}

.sf-small-footer a {
    text-decoration: underline
}

.ui-widget {
    font-size: 1em !important
}
ul#menu-secondary-menu-1 {
    margin: 0;
    padding: 0;
}
ul.nav.nav-tabs.nav-stacked li a.select-product span.pull-left {
	margin:0 0 !important;
}
a.select-product.media-body.btn.ui-state-default {
padding-right: 13px !important;
}
a.select-product.media-body.btn.ui-state-default:hover {
    background: #cccccc;
    color: #FF0D0D !important
}
.adv-attributecontrol select {
    height: 124px !important;
    width: 100% !important;
}
.dropdown-menu li>a {
	white-space: normal !important;
}
div#plp-request-info sup, .plp-request-info-form sup {
    color: red;
}
.fa-lg{
	font-size: 1em !important;
}
table#DownloadAssets, .tab-content .tab-pane {
	width: 100% !important;
}
/*========= catalog page content style 15 july 2025 ==============*/
.accordion {
      max-width: 100%;
      border: 1px solid #ddd;
      margin-bottom: 10px;
    }

    .ctlgtoggle {
      cursor: pointer;
      user-select: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #1B396F;
      border:1px solid #1B396F;
      color: #ffffff;
      padding: 8px 16px;
      font-size: 17px;
      font-weight: 600 !important;
      margin-top: 0;
      margin-bottom: 0;
    }
    h3.ctlgtoggle:hover {
    background: #DB000B;
    border: 1px solid #DB000B;
}
  .ctlgtoggle.tgbg {
  	background: #DB000B;
    border: 1px solid #DB000B;
  }
    .ctlg-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background-color: #fff;
      padding: 0 16px;
    }

    .ctlg-content.open {
      padding: 17px;
      margin-top: 6px;
      margin-bottom: 10px;
    }

    .symbol {
      font-weight: bold;
      font-size: 20px;
    }
   .tblbelow-content h2 {
   	font-size: 19px !important;
   	color: #1B396F !important;
   	    padding-top: 15px;
   	font-family: "Roboto",sans-serif !important;
   }
 .tblbelow-content ul {
    margin: 0 !important;
    padding: 0 27px;
}
.ctlg-list-style {
	margin-bottom: 11px;
}
@media (min-width: 40em) {
.ctlg-list-style ul {
  columns: 2; 
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 2em;

}
}
.tblbelow-content p, .ctlg-content p {
    font-family: "Open Sans", sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 5px !important;
    width: 100% !important;
}
.media-body .media-heading {
	font-size: 19px !important;
    color: #1B396F !important;
    font-family: "Roboto", sans-serif !important;
}
.catalog-page-content .read-more-right {
	display: none !important;
}
.catalog-page-content a, .tblbelow-content a {
color: #DB000B;
}
.catalog-page-content a:hover, .tblbelow-content a:hover {
color: #1B396F;
}
 .tblbelow-content li {
  line-height: 1.5 !important;
}
.buttonbar-wrapper {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
 .ui-button-new {
	font-family: "Open Sans", sans-serif !important;
	color: #ffffff !important;
 	border-radius: 0px !important;
  	background: #DB000B !important;
	font-weight: 700 !important;
	border: 1px solid #DB000B !important;
  	font-size: 16px !important;
    padding: 14px 22px 15px 22px !important;
	text-transform: capitalize !important;
	text-decoration: none !important;
	margin-right: 5px;
}
.ui-button-new:hover {
	font-weight: 700 !important;
	font-size: 16px !important;
	background: #1B396F !important;
	border: 1px solid #1B396F !important;
    color: #ffffff !important;
    padding: 14px 22px 15px 22px !important;
	text-transform: capitalize !important;
}