/* Added by Gab
=============================================================================================================================
*/

/*To override system admin css from Stable theme*/
.layout-container {
  margin: unset;
}

/* SIDEBAR */
.local-task {
  left: 0;
  top: 25%;
  position: fixed;
  z-index: 999;
}
/* The sidepanel menu */
.local-task .sidepanel {
  height: 250px;
  width: 0;
  position: fixed; 
  z-index: 1;
  top: 310;
  left: 0;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
  background-color: rgba(41, 41, 41, .95);
}

/* The sidepanel links */
.local-task .sidepanel a,
.local-task .sidepanel li {
  padding-left: 20px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  -webkit-transition: .3s opacity;
}

/* When you mouse over the navigation links, change their color */
.local-task .sidepanel a:hover,
.local-task .sidepanel li:hover {
  opacity: .5;
  font-family: "Barlow", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* Position and style the close button (top right corner) */
.local-task .sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.local-task .openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: rgba(17, 17, 0, 0.3);
  color: white;
  padding: 10px 15px;
  border: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.local-task .openbtn:hover {
  background-color: #0f0f0f;
}

/* END SIDEBAR */

/*HEADER*/
.l-hdr_menu_account_menu li {
  background-color: white;
}

.toa .l-hdr_menu_list_inner.-lg  {
  width: unset;
}
/*END HEADER*/

/*Privacy page*/
#various_rules .c-list.-type_num li:before {
  width: 3rem;
}
#various_rules input[type="checkbox"] {
  display: none;
}

/*User Reset Password page*/

.user-pass-reset {
  text-align: center;
}

.user-pass-reset .c-form_sub-cols {
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

/*END User Reset Password page*/


/*END Privacy page*/

.autocomplete-suggestions {
  display: block;
  padding: 1.1rem 2rem;
  font-size: 1.6rem;
  cursor: pointer;

  width: auto !important;
  position: relative !important;
  max-height: unset !important;
  
  overflow-y: auto;
  overflow-x: hidden;
}

.autocomplete-selected:hover {
  background-color: #e6e6e6;
}

/*Category Top Page*/
.category-top-page .c-txt_mid-lead p {
  font-weight: 700;
  font-size: 2.4rem;
}
/*END Category Top Page*/


/*Download Center Page*/

.download-center-wrapper {
  display: none;
}

.c-download-wrapper .c-form_suggests {
  top: 48px;
}

.prods_without_series > li:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: .8rem;
  margin-bottom: -2px;
  background: url(../img/icons/icn_arrow_blk.svg) no-repeat;
  background-size: contain;
}

.prods_without_series > li.-checked:before {
  background: url(../img/icons/icn_check_org.svg) no-repeat;
}

.c-download-list2 .-icon img {
  max-width: unset !important;
  width: 16px;
}

.c-download-wrapper .product_num {
  background-color: transparent;
}
.c-download-wrapper .c-form input[type="text"],
.c-download-wrapper .c-form input[type="password"],
.c-download-wrapper .c-form input[type="email"] {
  max-width: 32rem;
}

.c-download-wrapper .c-tree button:hover {
  opacity: .5;
  cursor: pointer;
}

/* Login  */
.p-download_login .c-form input[type="text"],
.p-download_login .c-form input[type="password"],
.p-download_login .c-form input[type="email"] {
  padding: 1rem;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: 2px solid #707372;
}

.l-balloon-sp {
  display: none;
}
/*END Download Center Page*/

/*Login Modal*/
#loginModal .modal-dialog {
  width: 80vw;
}
#loginModal .c-form_sub-cols.u-txt-center {
  display: none;
}
#loginModal .c-form input[type="text"],
#loginModal .c-form input[type="password"],
#loginModal .c-form input[type="email"] {
  padding: 1rem;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: 2px solid #707372;
  max-width: 40rem;
}
#loginModal .form-item, .form-actions {
  margin-bottom: 1em;
}
/*END Login Modal*/


/*Sitemap*/
.c-card.-long.-heading.-sitemap {
  margin-bottom: 2rem;
}
/*END Sitemap*/

/*Login Page*/
#loginPage .form-item {
  margin-bottom: 1em;
}
/*End Login Page*/

/*Bread Crumbs*/
.c-bread_list > li p {
  display: block;
  padding: 1rem 3.2rem 1rem 1rem;
  font-size: 1.6rem;
}
/*END Bread Crumbs*/


/*Search Bar for Prodo*/
.p-search-results .c-form input[type="search"].-search {
  box-sizing: border-box;
}

/*END Search Bar for Prodo*/

@media all and (max-width: 768px) {
  .p-login_modal .c-form input[type="text"],
  .p-login_modal .c-form input[type="password"],
  .p-login_modal .c-form input[type="email"],
  .p-download_login .c-form input[type="email"],
  .p-download_login .c-form input[type="password"],
  .p-download_login .c-form input[type="text"],
  .p-download .c-form input[type="text"] {
    max-width: unset;
    font-size: 1.4rem;
  }
  .p-download .c-form input[type="text"].-search {
    font-size: 1.4rem;
  }
  .c-card.-long.-heading.-sitemap {
    margin-bottom: 0rem;
  }
  #toolbar-bar {
    position: fixed;
  }
  #contact .c-form_select select,
  #contact .c-form textarea {
    width: 100%;
  }
  .l-balloon {
    display: none;
  }
  .l-balloon-sp {
    display: block;
  }
}

#free-form .text-count-wrapper {
  display:none !important;
}

@media all and (max-width: 400px) {
  #loginModal .p-download_login .-right-box .c-form_input-txt {
    min-width: unset;
  }

  #free-form #contact input[type="text"] {
    max-width: unset;
    width: 100%;
  }
}

/* Added by Sodai
=============================================================================================================================
*/
/* for header title position  */
@media all and (min-width: 851px) {
  .layout-container {
    max-width: 100%;
  }
}

/* Login Modal */
.c-form input[type="text"],
.c-form input[type="password"],
.c-form input[type="email"] {
  padding: 1rem;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: 2px solid #707372;
  max-width: 40rem;
}

#download-center-login #edit-name--2--description,
#download-center-login #edit-pass--2--description,
#download-center-login #edit-name--description,
#download-center-login #edit-pass--description,
.js-form-required.form-required:after {
  display:none!important;
}

#download-center-login .user-login-form .js-form-item > .js-form-required.form-required {
  font-size: 0;
}

.password-suggestions,
.password-confirm.js-password-confirm.js-password-confirm-message,
.password-strength {
  display: none!important;
}

.memreg.confirm-parent,
.memreg.password-parent {
  max-width: 100%!important;
}

#download-center-login .u-mt_l {
  margin-top: 1rem !important;
}

#download-center-login.l-sec.-bg-gray,
#download-center-login .l-sec {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#download-center-login.l-sec.-bg-gray:last-of-type {
  margin-bottom: 0rem !important;
}

#download-center-login .u-mt_m {
    margin-top: 4rem !important;
}

#free-form .text-count-wrapper {
  display:none !important;
}

#member_page input.error.required,
#member_page select.error.required,
#member_page textarea.error.required,
#free-form input.error.required,
#free-form select.error.required ,
#free-form textarea.error.required  {
  border: 2px solid red!important;
}

#request-quote-webform-wrapper input.error.required,
#request-quote-webform-wrapper textarea.error.required {
  border: 2px solid red!important;
}

#webform-submission-inquiry-form-10-1-form-ajax input.c-btn.primary.arrow,
#webform-submission-cart-form-ajax input.c-btn.primary.arrow {
  background: url(../img/icons/icn_link_wht.svg) no-repeat;
  background-color: #ff8200;
  background-position: 120px;
  background-size: 24px 12px;
  padding-right: 8rem
}


div#form-messages {
  display:none;
}

form.workbench-moderation-entity-moderation-form ul.entity-moderation-form {
    margin-top: 5rem;
}

@media only screen and (max-width: 768px) {

  .c-form input[type="text"],
  .c-form input[type="password"],
  .c-form input[type="email"] {
    font-size: 1.4rem;
    padding: 1rem;
  }

  form#node-preview-form-select {
    top:6rem;
    height:20rem;
  }

  form#node-preview-form-select .js-form-type-select {
    padding-left: 2rem;
  }

  form.workbench-moderation-entity-moderation-form ul.entity-moderation-form {
    margin-top: 10rem;
  }
}

/* Sodai END Here */


/* Added by Jeffy
=============================================================================================================================
*/

/* I Agree Checkbox theme for inquiry form and member registration*/

/*TOA TOP PAGE TRANSITIONS*/
section#topics [class*=js-fade].-delay1, section#topics [class*=js-on-fade].-delay1 {
  -webkit-transition-delay: .3s !important;
  transition-delay: .3s !important;
}

section#topics [class*=js-fade].-delay2, section#topics [class*=js-on-fade].-delay2 {
  -webkit-transition-delay: .6s !important;
  transition-delay: .6s !important;
}

section#topics [class*=js-fade].-delay3, section#topics [class*=js-on-fade].-delay3 {
  -webkit-transition-delay: .9s !important;
  transition-delay: .9s !important;
}

section#topics [class*=js-fade].-delay4, section#topics [class*=js-on-fade].-delay4 {
  -webkit-transition-delay: 1.2s !important;
  transition-delay: 1.2s !important;
}

#member_page input[type="checkbox"], #content .cancel-account-form input[type="checkbox"] {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border: 2px solid #333333;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

input[type="checkbox"]:checked:after {
  content: "";
  position: absolute;
  top: 17%;
  bottom: 0;
  left: 33%;
  display: block;
  width: 9px;
  height: 15px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

/* PASSWORD RESET TEXT */

form.user-pass > p {
  text-align: center;
  font-style: italic;
  color:#333333;
  padding-bottom:4rem;
}

form.user-pass > p:before {
  margin-right: .5rem;
  color:#333333;
}

/* No Solution Title or Image */

h2.c-subHdr_ttl.-no-title:after {
    background-color: unset;
}

/* Solution Details Download Icon */

main#solution_detail .c-download-list .-icon {
  width:5.6rem !important;
}

/* SYSTEM MESSAGES */

#free-form .u-txt-center {
  display: grid;
  justify-content: center;
}

#free-form fieldset.webform-composite-hidden-title {
  margin-bottom: 0px;
}

#member_page .c-txt_error-indication.border-success,
#free-form .c-txt_error-indication.border-success,
#free-form .c-txt_error-indication.border-success {
  border: 2px solid #333333!important;
}

#member_page .c-txt_error-indication.border-success ul li,
#free-form .c-txt_error-indication.border-success ul li,
#free-form .c-txt_error-indication.border-success ul li {
  color:#333333!important;
}

#member_page .c-txt_error-indication.border-success ul li:before,
#free-form .c-txt_error-indication.border-success ul li:before,
#free-form .c-txt_error-indication.border-success ul li:before {
 background: url(../img/icons/icn_account_gry.svg) no-repeat!important;
}


#request-quote-webform-wrapper .c-txt_error-indication.border-success {
  border: 2px solid #333333!important;
}

#request-quote-webform-wrapper .c-txt_error-indication.border-success ul li {
  color:#333333!important;
}

#request-quote-webform-wrapper .c-txt_error-indication.border-success ul li:before {
 background: url(../img/icons/icn_account_gry.svg) no-repeat!important;
}

/* PAGE NOT FOUND */

p.page-not-found {
  text-align: center;
  padding: 10rem;
  font-size: 3rem;
}

/* FOR SOLUTION DETAIL - Replaced with login pop-up */
/*.c-download-list.not-logged-in a {
  pointer-events: none;
  cursor:pointer;
}

.c-download-note {
  font-style: italic;
  font-size: 1.4rem;
  text-align: center;
}

.c-download-note a {
  color: blue;
}

.c-download-note.logged-in {
  display:none;
}

.c-download-list .-icon {
  width:10%;
}*/

/* FOR NEWS HEADLINES */
/*.news_headlines_container {
  padding: 1em 10em;
}

.news_headlines_container .news_articles_container {
  border-bottom: 1px solid #777;
  padding: 1em;
}

.news_headlines_container .news_articles_container h5 {
  font-size: small;
}

.pager__item a {
  border: 2px solid gray;
  padding: .3em .6em;
}

.pager__item:hover a {
  border: 2px solid #707372;
  padding: .3em .6em;
}

.pager__item.is-active a {
  border: 4px solid gray;
  padding: .4em .8em;
}

.pager__item.pager__item--first a {
  border:0;
}

.pager__item.pager__item--last a {
  border:0;
}

@media (max-width: 768px) {
  .news_headlines_container {
    padding: 1em 1em;
  }
}*/

/* added by jalderite */
h5.-ttl{
  text-transform: none !important;
}

/* REQUEST FOR QUOTE */
.c-rfq_tbl .submit{
  min-width: unset ;
  background-color: unset;
}

.add-to-cart-delete-item{
  display: contents;
}

#request-quote-webform-wrapper .text-count-wrapper{
  display: none !important;
}

#request-quote-webform-wrapper .webform-composite-hidden-title{
  margin: 0;
}

/* END OF REQUEST FOR QUOTE */

/* Members Info Page */
#table{
  padding: 3% 5%;
}

#members_info {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

#user-form #edit-delete {
  display: none;
}

#members_info td, #members_info th {
  padding: 10px;
  vertical-align: middle;
}

#members_info tr:nth-child(odd){
  background-color: #f6f6f6;
}

#members_info th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: rgb(228, 228, 228);
  color: black;
  font-size: 16px;
  font-weight: bold;
}

#roles {
  text-align: left !important;
}

.btn_edit_info a {
  padding: 6px 1.5em;
  color: black;
  background-color: rgb(228, 228, 228);
  border: 1px solid #c5c5c5;
  border-radius: 20px;
  font-weight: bold;
}

.btn_edit_info a:hover {
  background-color: rgb(235, 233, 233);
}
/* End of Members Info Page */