/*
 * Styles for TraceParts components
 *
 * @since   1.0
*/
/* Import variables and self-contained styles first */
/*
 * SCSS variables and mixins
 * - Include at the top of other SCSS files
 * - Try to name vars with their type at the start, e.g. @color-background. This
 * can help with IDE auto-completion.
 *
 * @since   1.0
*/
/* URL paths */
/* Measurements */
/* Mixins
- Use CamelCaps to distinguish from normal CSS classes
-----------------------------------------------------------------------------------*/
/*
Media queries
@link	http://davidwalsh.name/write-media-queries-sass
*/
p#cad_job_id {
  padding-right: 5px;
  text-align: right;
  font-size: 12px;
}

.traceparts_wrapper .traceparts_modal {
  display: none;
  position: fixed;
  z-index: 30001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.traceparts_wrapper .traceparts_modal .tp_modal_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.traceparts_wrapper .traceparts_modal .tp_modal_overlay .inner_wrapper {
  max-width: 740px;
  margin: 0 auto;
  padding: 240px 40px 100px 40px;
}
.traceparts_wrapper .traceparts_modal .tp_modal_overlay .inner_wrapper, .traceparts_wrapper .traceparts_modal .tp_modal_overlay p, .traceparts_wrapper .traceparts_modal .tp_modal_overlay ul li, .traceparts_wrapper .traceparts_modal .tp_modal_overlay ol li {
  font-size: 32px;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.traceparts_wrapper .traceparts_modal .tp_modal_overlay p, .traceparts_wrapper .traceparts_modal .tp_modal_overlay ul li, .traceparts_wrapper .traceparts_modal .tp_modal_overlay ol li {
  margin-bottom: 1em;
}
.traceparts_wrapper .traceparts_modal_content {
  display: flex;
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
  width: 95%;
  max-width: 1575px;
  margin: 0 auto;
  padding: 50px 25px 30px 25px;
  background: #fff;
}
@media (max-width: 1479px) {
  .traceparts_wrapper .traceparts_modal_content {
    top: 80px;
    width: 98%;
    padding: 50px 20px 30px 20px;
  }
}
@media (max-width: 1023px) {
  .traceparts_wrapper .traceparts_modal_content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    top: 60px;
    padding: 50px 18px 30px 18px;
  }
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content {
    top: 30px;
    padding: 25px 10px 25px 10px;
  }
}
.traceparts_wrapper .traceparts_modal_content p {
  margin-bottom: 0;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 {
  width: 35%;
  margin-right: 10%;
}
@media (max-width: 1479px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 {
    width: 40%;
    margin-right: 5%;
  }
}
@media (max-width: 1023px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 {
    width: 100%;
    margin-right: 0;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 h2 {
  margin-bottom: 5px;
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 h2 {
    font-size: 24px;
  }
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 h2 {
    font-size: 22px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 h3 {
  margin-bottom: 20px;
  font-size: 17px;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 h3 {
    font-size: 16px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 h3 span.part_num {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 h3 span.part_num {
    display: block;
    font-size: 18px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 .tp_description {
  margin-bottom: 10px;
  font-size: 15px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 .tp_field_wrapper {
  padding: 15px 0 0 0;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 .tp_field_wrapper.hidden {
  height: 1px;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 legend, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 label {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 legend, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 label {
    font-size: 15px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 legend {
  margin-top: 15px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 input, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 select {
  width: 100%;
  padding: 5px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields {
  position: relative;
  margin: 5px 0 15px 0;
  padding: 12px 12px 70px 12px;
  background-color: #fff;
  border: 0 none !important;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper {
    flex-wrap: wrap;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper .flex_item {
  width: 100%;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper .flex_item.flex_item_1 {
  padding-right: 7px;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper .flex_item.flex_item_1 {
    padding-right: 0;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper .flex_item.flex_item_2 {
  padding-left: 7px;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper .flex_item.flex_item_2 {
    padding-left: 0;
    padding-top: 15px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper label {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper label {
    font-size: 14px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper select, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper input {
  width: 100%;
  height: 32px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .tp_field_wrapper select option.hidden {
  display: none !important;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields a.tp_download {
  display: block;
  width: 100%;
  text-align: center;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .email_validation_msg {
  padding-top: 5px;
  font-size: 13px;
  font-weight: 500;
  color: red;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .wait_for_download, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .access_downloads {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 25px 15px 15px 15px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .wait_for_download a, .traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .access_downloads a {
  display: block;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .access_downloads {
  padding: 0;
  background: #fff;
  border: 0 none;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .access_downloads a {
  margin-top: 32px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .wait_for_download {
  display: none;
  background: rgba(63, 63, 63, 0.95);
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields .wait_for_download a {
  margin-top: 15px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col1 fieldset.tp_cad_fields.invalid_email .flex_item_2 input#tp_email {
  border-color: red;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 {
  position: relative;
  width: 55%;
  min-height: 540px;
  padding: 20px;
}
@media (max-width: 1023px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 {
    width: 100%;
    height: 420px;
    min-height: auto;
    margin-bottom: 24px;
    padding: 12px;
  }
}
@media (max-width: 419px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 {
    height: auto;
    margin-bottom: 30px;
    padding: 10px 10px 35px 10px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 ul.carousel-tabs {
  margin: 0 0 23px 0;
}
@media (max-width: 1599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 ul.carousel-tabs {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 ul.carousel-tabs {
    margin-left: 0;
  }
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 ul.carousel-tabs {
    margin-left: -20px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 .carousel-wrapper {
    width: 100%;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 .carousel-wrapper.carousel-wrapper-modal {
  height: calc(100% - 80px) !important;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow {
  display: block;
  position: absolute;
  top: 50%;
  width: 22px;
  height: 25px;
  margin-top: -13px;
  background: transparent url("/wp-content/plugins/gd-traceparts/img/sprite_tp.png") 0 -50px no-repeat;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow {
    top: unset;
    bottom: 0;
    margin-top: 0;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.prev {
  left: 32px;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.prev {
    left: 24px;
  }
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.prev {
    left: calc(50% - 50px);
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.prev:hover {
  background-position: -25px -50px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.next {
  right: 32px;
  background-position: -50px -50px;
}
@media (max-width: 599px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.next {
    right: 24px;
  }
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.next {
    right: calc(50% - 50px);
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_col2 a.carousel-arrow.next:hover {
  background-position: -75px -50px;
}
.traceparts_wrapper .traceparts_modal_content .traceparts_modal_close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 27px;
  height: 26px;
  background: transparent url("/wp-content/plugins/gd-traceparts/img/sprite_tp.png") 0 0 no-repeat;
}
@media (max-width: 499px) {
  .traceparts_wrapper .traceparts_modal_content .traceparts_modal_close {
    top: 15px;
    right: 15px;
  }
}
.traceparts_wrapper .traceparts_modal_content .traceparts_modal_close:hover, .traceparts_wrapper .traceparts_modal_content .traceparts_modal_close:focus {
  background-position: -50px 0;
}
.traceparts_wrapper .traceparts_modal_content a.button {
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  display: inline-block;
  padding: 10px 23px;
  font-size: 90%;
  font-weight: 500;
  text-decoration: none;
  color: #fff !important;
  background-color: #e52e8c !important;
}
@media (max-width: 767px) {
  .traceparts_wrapper .traceparts_modal_content a.button {
    font-size: 16px;
    padding: 15px 40px;
  }
}
.traceparts_wrapper .traceparts_modal_content a.button:hover, .traceparts_wrapper .traceparts_modal_content a.button:focus {
  background-color: #ff2ea4 !important;
}

.shortcode.traceparts_catalog .tp_catalog_id {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #3F3F3F;
}

.ui-dialog.ui-front {
  z-index: 300003 !important;
}

/*# sourceMappingURL=traceparts.css.map */