html{
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}

body::-webkit-scrollbar {
  width: 11px;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--color-white) var(--color-blue);
}

body::-webkit-scrollbar-track {
  background: var(--color-blue);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--color-dark-blue) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

/* Breadcrumbs */
#fusa-breadcrumbs{
  color: var(--color-white);
  font-size: 1.3em;
  font-weight: 200;
  text-shadow: 1px 1px #00000080;
}

#fusa-breadcrumbs a,
#fusa-breadcrumbs .fusa-breadcrumb-internal{
  color: var(--color-gold);
  font-weight: 300;
  cursor: pointer;
  text-decoration: none;
}

#fusa-breadcrumbs img{
	height: 1em;
	position: relative;
	top: .15em;
	width: auto;
}


/* table styles */
.entry-content table.fusa-data-table{
  margin-bottom: 1.5em;
}

.entry-content table.fusa-data-table th,
.entry-content table.fusa-data-table td{
  text-align: center;
}


/* catalog related styles */
.fusa-header-block{
  background-color: #fff;
  height: 10em;
  margin: 0 0 1em 0 !important;
  padding: 1em !important;
	overflow: hidden;
}

#fusa-mlcc-header-content p{
  margin: 0;
}

.fusa-case-grid-row:hover{
  cursor: pointer;
}

.fusa-catalog-block{
  display: block;
  text-align: center !important;
}

.fusa-catalog-block.hide{
  display: none;
}

.fusa-catalog-block-back{
  color: var(--color-white);
  background-color: var(--color-blue);
  padding: .1em .5em;
  border-radius: 8px;
  font-size: .8em;
}

.fusa-catalog-block-back:hover{
  color: var(--color-gold);
  cursor: pointer;
}

.fusa-catalog-block-back.hide{
  display: none;
}

.fusa-catalog-menu-item{
  cursor: pointer;
}

/*** catalog page tabs ***/
.fusa-catalog-tabset{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.fusa-catalog-tab{
  background-color: rgba(0,0,8,.75);
  border: 1px solid #144674;
  box-shadow: 0 0 6px 1px #144674;
  color: var(--color-white);
  cursor: pointer;
  padding: .75em .5em;
  flex-grow: 1;
  /*
  width: 18%;
  */
}

.fusa-catalog-tab:not(:last-child){
  margin-right: .5em;
}

.fusa-catalog-tab:hover{
	box-shadow: inset 0 0 6px 1px #f7a600FF;
}

/* DEPRICATED
.fusa-catalog-tab.fusa-disabled{
  border: none;
  box-shadow: none;
  color: grey;
  cursor: default;
}

.fusa-catalog-tab.fusa-disabled:hover{
  box-shadow: none;
}
DEPRICATED */

.fusa-catalog-tab .tab-on{
  background-color: var(--color-blue);
}

.tab-on{
  background-color: var(--color-blue);
}

.fusa-tab-container{
  min-height: 70vh;
	flex-flow: column nowrap;
	justify-content: flex-start !important;
}

.fusa-tab-container h4{
  margin-top: 1em !important;
}

#fusa-mechanical-data h4{
  margin-top: 0 !important;
}


//image sets for charts and pictures
.fusa-image-set{
  margin-top: .5em;
}

.fusa-image-set-images{
	display: flex;
	flex-wrap: wrap;
  justify-content: space-around;
}

.fusa-image-set-images>div{
  flex-grow: .75;
  margin-bottom: 1em;
  width: 48%;
}

.fusa-image-set-images>div:nth-child(odd){
  margin-right: .5em;
}

.fusa-image-set-images>div:nth-child(even){
  margin-left: .5em;
}

.fusa-image-set-images>img{
  flex-grow: .75;
  margin-bottom: 1em;
  width: 48%;
}

.fusa-image-set-images>img:nth-child(odd){
  margin-right: .5em;
}

.fusa-image-set-images>img:nth-child(even){
  margin-left: .5em;
}

/***/


.fusa-catalog-content{
  display: flex !important;
}

.fusa-catalog-content.hide{
  display: none !important;
}

.fusa-family-grid th{
  text-align: center;
  vertical-align: middle;
}

.fusa-family-grid td{
  text-align: center;
}
  

/*** catalog filter <select> controls ***/
#fusa-mlcc-filter-bar{
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}

#fusa-mlcc-filter-bar.fusa-catalog-filter{
  flex-grow: 1;
}

#fusa-mlcc-filter-bar.fusa-catalog-filter select{
  min-width: 10em;
}

#fusa-mlcc-pdf-link{
	background-color: var(--color-gold);
	color: black;
	padding: .5em;
	top: .5em;
	position: relative;
}

.fusa-catalog-filter{
  color: var(--color-gold);
  background-color: rgba(0,0,8,.75);
}

.fusa-catalog-filter:disabled{
	
  color: #888;
  background-color: #111;
}

.fusa-catalog-filter option{
  color: var(--color-white);
	/* color: var(--color-gold);*/
 /* background-color: rgba(255,255,255,.75);*/
	background-color: rgba(1,1,8,.75);
}

.fusa-catalog-filter option:first-child{
 /* color: var(--color-white);*/
	color: var(--color-gold);
}

/*** Loading animation ***/
.fusa-loading-animation {
  background-image: url('https://frontierusa.com/wp-content/uploads/animated-circuit-board-01.gif');
  background-position: cover;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  width: 96px;
  margin: 0 auto;
  opacity: .9;
}

.fusa-loading-animation p{
  font-size: 1em !important;
}

/*** catalog tools styles ***/
#fusa-catalog-tools{
  width: 100%;
}

#fusa-filter-bar{
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}

.fusa-filter-item{
  text-align: left;
  margin: 0 2em;
}

th .fusa-filter-item{
  width: max-content;
}

.fusa-case-option.hide {
	display: none;
}

#fusa-catalog-prompt{
  text-align: center;
}

#fusa-catalog-loading{
  margin: 4em 0;
  display: none;
}
/***/


/** product grid styles ***/
{
  color: var(--color-white) !important;
}


/* Placeholder styles */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}

.dataTables_info,
.dataTables_length select,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
 color: var(--color-blue) !important;
	/*color: var(--color-white) !important;*/
	/*color: #6495ed !important;*/
}


a.fusa-specsheet-link{
  color: var(--color-gold) !important;
}

.fusa-product-block{
	min-height: 60vh;
}

.fusa-product-block.hide{
  display: none;
}

.fusa-part-number:hover{
  cursor: pointer;
}

.fusa-quote-link{
  color: var(--color-white);
  cursor: pointer;
  font-size: 13px; 
  background-color: var(--color-blue); 
  border-radius: 20px; 
  text-decoration: none; 
  padding: .1em .75em
}


/*** ID styles ***/
#fusa-mlcc{
  min-height: calc(100vh - 25px) !important;
}

@media screen and (max-width: 640px) {
  #fusa-mlcc{
    padding: 0 4px !important;
  }
}

#fusa-parts-grid th{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}

#fusa-parts-grid thead {
  /*color: var(--color-blue);*/
  color: var(--color-white);
  /* text-shadow: 1px 1px 2px #222; */
}

#fusa-parts-grid td{
  text-align: center;
}

#fusa-parts-grid-toolbar{
  color: var(--color-white) !important;
  display: flex;
  justify-content: space-between;
  margin-bottom: .5em;
}

#fusa-product-grid {
x	overflow: scroll;
}

#fusa-product-grid-loading{
	position: fixed;
	top: 37%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000;
	height: 96px !important;
	min-height: 96px !important;
	padding: 0;
	z-index: 1;
}

#fusa-product-grid-loading,
#fusa-product-grid-info{
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

#fusa-product-grid-info.hide,
#fusa-product-grid-loading.hide{
  display: none;
}


/*** Packaging tables ***/
#fusa-packaging-table th,
#fusa-packaging-table td{
  text-align: center;
}

/*** Standard quote request form ***/
#fusa-std-quote-request-fields{
  display: flex;
  flex-wrap: wrap;
}

#fusa-std-quote-request-fields label{
  width: 30%;
}

#fusa-std-quote-request-fields .wpcf7-form-control-wrap{
  width: 70%;
  margin-bottom: .5em;
}

#fusa-std-quote-request-fields .wpcf7-form-control{
  width: 80%;
}

/***/

.fusa-product-index-panel{
  padding: .5em;
}

.fusa-product-index-panel:hover{
	box-shadow: inset 0 0 6px 1px #f7a600FF !important;
  cursor: pointer;
}


.fusa-ip-index-panel:hover{
	box-shadow: inset 0 0 6px 1px #f7a600FF !important;
  cursor: pointer;
}


/*** Case Size grid ***/
.fusa-mlcc-case-grid th,
.fusa-mlcc-case-grid td{
  font-size: .9em;
  text-align: center !important;
}

/*** Spec Sheet styles ***/
/* DEPRICATED
.spec-sheet{
  border: 1px solid #ccc;
  background-color: #eee;
  color: var(--color-dark-blue);
  font-size: 10pt;
  line-height: normal !important;
  padding: 4px;
  position: relative;
  z-index: 0;
}

.spec-row{
  border: 2px dotted red !important;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}

.spec-group{
  border: 1px solid green !important;
}

.spec-group table{
  line-height: 1.5em !important;
  margin-bottom: 5px !important;
  padding: 0;
}

.spec-group td,
.spec-group th{
  background-color: #fff;
  border: 1px solid #aaa;
  font-size: 10pt;
  font-weight: normal;
  padding: 2px .5em;
  text-align: center;
}

.spec-group td.spec-label,
.spec-group th.spec-label{
  font-weight: bold;
  text-align: left;
}

.spec-group th.hidden,
.spec-group td.hidden{
  background-color: transparent;
  border: none;
}

.spec-group .section-label{
  background-color: #fff;
  border: 1px solid #aaa;
  border-bottom: none;
  font-size: 1.1em;
  padding: 2px;
  width: 18rem;
}

.attribution-table{
  border-collapse: collapse !important;
  border: 1px solid #aaa;
  width: 100%;
}

.attribution-table th,
.attribution-table td{
  border: 1px solid #aaa;
x  font-size: 8pt !important;
x  line-height: .8em;
}

.watermark{
  color: rgba(0,0,0,0.1);
  font-size: 3.75em;
  font-weight: bold;
  position: absolute;
  top: 25%;
  left: 30%;
  transform:rotate(-30deg);
  z-index: 5;
}

#loading{
  margin: 0 auto;
  text-align: center;
}

#spec-group-1{
  width: 55%;
  padding-right: 1em;
}

#spec-group-2{
  width: 49%;
}

#spec-group-2 table{
  width: 100%;
}

#spec-row-2{
  margin-top: 1em;
}

#spec-row-3{
  align-items: flex-end;
  margin-top: 1em;
}

#spec-group-4{
  width: 45%;
}

#spec-group-5{
  width: 50%;
}
DEPRICATED */

/*** Modal popup styles **************/

/* The Modal (background) */
.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0 !important;
  width: 480px;
  /*
  -webkit-animation-name: animate;
  -webkit-animation-duration: 0.4s;
  animation-name: animate;
  animation-duration: 0.4s
  */
}

.modal-header {
  background-color: #1D65A6bb; /* #5cb85c; */
  color: #fcfcfc;
  padding: 1em 0;
  text-align: center;
}

.modal-body{
  padding: 1em;
}

.modal-body p{
  margin-bottom: .75em;
}

.modal-footer {
  display: flex;
  justify-content: space-around;
  justify-items: space-around;
  padding: .5em 0;
  background-color: #1D65A66E; /* #5cb85c; */
  color: #fcfcfc;
}

.modal-button{
  font-size: 1.1em;
  width: 40%;
  padding: 8px 0;
}

/* Add Animation */
@-webkit-keyframes animate {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animate {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@-webkit-keyframes animatex {
  from {bottom:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatex {
  from {bottom:-300px; opacity:0}
  to {top:0; opacity:1}
}