html,body
{
    width: 100%;
    
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
}


.background-color-blue-napa { background-color: #001489; }
.btn-orderonline-red-napa { background-color: #ed3641; }


.background-color-red-apec { background-color: #ed1c24; }

.btn_search_part_number:disabled, .btn_search_part_number[disabled] { background-color: #c9c9c9 !important; color: #8b8b8b !important; }
.btn_search_part_number { background-color: #FFF; color: #000; }

.napa .btn_show_pdfviewer_modal { color: #213bcc; }
.napa .nav-tabs .nav-link { color: #213bcc; }
.napa .nav-tabs .nav-link.active { color: #000000; font-weight: bold; }

.apec .btn_show_pdfviewer_modal { color: #ed1c24; }
.apec .nav-tabs .nav-link { color: #ed1c24; }
.apec .nav-tabs .nav-link.active { color: #000000; font-weight: bold; }


/* GOOGLE TRANSLATE */

.fixed-con {
  z-index: 9724790009779558!important;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{
 z-index: 9724790009779!important;
 top:0;
 left:unset;
 right:-5px;
 display:none!important;
 border-radius:50%;
 border:2px solid gold;
}
.VIpgJd-ZVi9od-aZ2wEe-OiiCO{
  width:80px;
  height:80px;
}
/*hide google translate link | logo | banner-frame */
.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
  display: none!important;
}
.goog-te-gadget {
  color: transparent!important;
  font-size:0px;
}

.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}
 
/* Google Translate Dropdown */

#google_translate_element select{
  background:#848484;
  color:#FFF;
  border: none;
  border-radius:3px;
  padding:6px 8px
}

#google_translate_element_bottom select{
  background:#848484;
  color:#FFF;
  border: none;
  border-radius:3px;
  padding:6px 8px
}

.privacy_notice .modal-dialog {
   align-items: flex-end;
}  

@media screen and (max-width: 576px) { /* XS - PHONES */
  
  .navbar-nav {
    
    width: 100% !important;
  }

  .border-apec-logo {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
  }

  .search_part_number { width: 70%; }
  .btn_search_part_number { width: 30%; }
}  
@media screen and (min-width: 576px) { /* SM - LARGE PHONES, LANDSCAPE PHONES */
  
  .navbar-nav {
    
    width: 100% !important;
  }

  .search_part_number { width: 70%; }
  .btn_search_part_number { width: 30%; }
  
}  
@media screen and (min-width: 768px) { /* MD - TABLETS, iPads */
  
  .navbar-nav {
    
    width: 100% !important;
  }
  .navbar-nav li {
    display: block;
    width: 100% !important;
  }

  .border-apec-logo {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
  }
  .search_part_number { width: 70%; }
  .btn_search_part_number { width: 30%; }
}  
@media screen and (min-width: 992px) { /* LG - LAPTOPS, SMALL SCREEN DESKTOPS */
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    
    width: 300px !important;
  }
  .dropdown-menu {
    display: none;
  }
  
  .border-apec-logo {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
  }

  .search_part_number { width: 70%; }
  .btn_search_part_number { width: 30%; }

}
@media screen and (min-width: 1200px) { /* XL - LARGE SCREENS */
    

}
@media screen and (min-width: 1400px) { /* XXL - LARGE SCREENS */

    
    
}
@media screen and (min-width: 1600px) { /* XXL - LARGE SCREENS */
    
}
@media screen and (min-width: 1800px) and (max-width: 2560px)  { /* XXXL - LARGE SCREENS */
    
}



.printme {
	display: none;
}
@media print {
  iframe.skiptranslate { display: none; visibility: hidden !important; }
  .print-no-padding-no-margin {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
	.dont-printme  {
		display: none !important;
	}
	.printme  {
		display: block;
	}
  @page {
    margin: 0 !important; /* I tried to set negative margin/padding eg. here */
    padding: 0 !important;
  }
  body  {
    /* overflow: none; */
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: scale(0.99);  /* Saf3.1+, Chrome */
             -moz-transform: scale(0.99);  /* FF3.5+ */
              -ms-transform: scale(0.99);  /* IE9 */
               -o-transform: scale(0.99);  /* Opera 10.5+ */
                  transform: scale(0.99);
        /*margin: -50px -73px 0;  /* big hack to reposition the page top the top and left of the viewer control */
        background-color: white !important;
  }

  .pdf_print_content {
    margin: 0 !important;
    padding: 0!important;
    /* transform: scale(1); */
  }

  .iframe_container {
    
    
  }
  .pdf_iframe{
      
  }

  * {
      -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
      color-adjust: exact !important;  /*Firefox*/
  }

  .background-color-ci-red { background-color: #ed2228; }
  .background-color-ci-gray { background-color: #231f20; }
  .grecaptcha-badge { 
      visibility: hidden;
  }

  .border-apec-logo {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
  }
  
}