/**
 * Theme Name:     Storefront Child
 * Author:         Codup
 * Version:        1.1.01
 * Template:       storefront
 * Text Domain:	   storefront-child
 * Description:    Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
 */

@import url("../storefront/style.css");

/* ==========================================================================
   STOREFRONT BLACK THEME - COLOR VARIABLES
   ========================================================================== */

:root {
  /* Storefront Color Overrides */
  --storefront-primary: #0077aa;
  --storefront-secondary: #ffffff;
  --storefront-background: #000000;
  --storefront-text: #ffffff;
  --storefront-accent: #0077aa;

  /* Black Theme Palette */
  --sf-black-primary: #000000;
  --sf-black-secondary: #1a1d1c;
  --sf-black-tertiary: #2d2d2d;
  --sf-blue-primary: #0077ba;
  --sf-blue-secondary: #0077aa;
  --sf-blue-light: #4da6d9;
  --sf-white: #ffffff;
  --sf-gray-light: #e9ecef;
  --sf-gray-medium: #6c757d;
}

/* ==========================================================================
   STOREFRONT BASE OVERRIDES
   ========================================================================== */

body.storefront {
  background-color: var(--sf-black-primary);
  color: var(--sf-white);
}

.col-full {
  background-color: transparent;
}

/* ==========================================================================
   STOREFRONT HEADER OVERRIDES - CENTERED LOGO LAYOUT
   ========================================================================== */

.site-header {
  background-color: var(--sf-black-secondary) !important;
  border-bottom: 2px solid var(--sf-blue-primary) !important;
  box-shadow: 0 2px 10px rgba(0, 119, 170, 0.2) !important;
  padding: 2rem 0 !important;
}

/* Header Layout - Center Logo */
.site-header .col-full {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* Site Branding - Centered */
.site-branding {
  text-align: center !important;
  margin: 0 !important;
  flex: 0 1 auto !important;
}

.site-branding h1.site-title,
.site-branding .site-title {
  margin: 0 !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
}

.site-branding h1.site-title a,
.site-branding .site-title a,
.site-branding .site-description {
  color: var(--sf-white) !important;
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 300;
  margin: 0 0 0.5407911001em;
  color: var(--sf-white) !important;
}

.site-branding h1.site-title a:hover,
.site-branding .site-title a:hover {
  color: var(--sf-blue-primary) !important;
  transition: color 0.3s ease !important;
}

.site-branding .site-description {
  display: none !important;
}

/* Hide or Reposition Header Elements */
.site-search,
.site-header-cart {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Search - Position Right */
.site-search {
  right: 0 !important;
  display: none !important; /* Hide search if not needed */
}

/* Cart - Position Right */
.site-header-cart {
  right: 0 !important;
  z-index: 999 !important;
}

.site-header-cart .cart-contents {
  color: var(--sf-white) !important;
  font-size: 16px !important;
  padding: 0.5rem 1rem !important;
  border: 2px solid var(--sf-blue-primary) !important;
  border-radius: 5px !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
}

.site-header-cart .cart-contents:hover {
  color: var(--sf-white) !important;
  background-color: var(--sf-blue-primary) !important;
}

.site-header-cart .widget_shopping_cart {
  background-color: var(--sf-black-secondary) !important;
  border: 1px solid var(--sf-black-tertiary) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Secondary Navigation - Move to separate row or hide */
.secondary-navigation {
  background-color: var(--sf-black-primary) !important;
  border-top: 1px solid var(--sf-black-tertiary) !important;
  padding: 0.5rem 0 !important;
}

/* If you want to completely hide secondary elements */
.storefront-primary-navigation,
.site-search,
.secondary-navigation {
  display: none !important;
}

/* Alternative: Keep navigation below header */
.main-navigation {
  background-color: var(--sf-black-tertiary) !important;
  border-top: 1px solid var(--sf-blue-primary) !important;
  padding: 0 !important;
  margin-top: 1rem !important;
}

/* Custom Logo Support */
.custom-logo-link {
  display: inline-block !important;
}
.p0 {
  padding: 0 !important;
}
.custom-logo {
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
}

/* Responsive Header */
@media screen and (max-width: 768px) {
  .site-header {
    padding: 1.5rem 0 !important;
  }

  .site-branding h1.site-title,
  .site-branding .site-title {
    font-size: 2rem !important;
  }

  .custom-logo {
    max-height: 60px !important;
  }

  .site-header-cart {
    position: static !important;
    transform: none !important;
    margin-top: 1rem !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   STOREFRONT NAVIGATION OVERRIDES
   ========================================================================== */

.main-navigation {
  background-color: var(--sf-black-tertiary);
}

.main-navigation ul.menu li a,
.main-navigation ul.nav-menu li a {
  color: var(--sf-white);
}

.main-navigation ul.menu li a:hover,
.main-navigation ul.nav-menu li a:hover,
.main-navigation ul.menu li.current-menu-item > a,
.main-navigation ul.nav-menu li.current-menu-item > a {
  color: var(--sf-white);
  background-color: var(--sf-blue-primary);
}

/* Mobile Navigation */
.main-navigation.toggled {
  background-color: var(--sf-black-secondary);
}

button.menu-toggle {
  color: var(--sf-white);
  border: 2px solid var(--sf-blue-primary);
  background-color: transparent;
}

button.menu-toggle:hover {
  background-color: var(--sf-blue-primary);
  color: var(--sf-white);
}

/* ==========================================================================
   STOREFRONT BUTTON OVERRIDES
   ========================================================================== */

/* Primary Buttons */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button.alt,
.button.alt.disabled,
.button.alt.disabled:hover,
.button.alt:disabled,
.button.alt:disabled:hover,
.button.alt:disabled[disabled],
.button.alt:disabled[disabled]:hover {
  background-color: var(--sf-blue-primary);
  color: var(--sf-white);
  border: 2px solid var(--sf-blue-primary);
  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button.alt:hover {
  background-color: var(--sf-blue-secondary);
  border-color: var(--sf-blue-secondary);
  color: var(--sf-white);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 119, 170, 0.3);
}

/* Secondary Buttons */
.button.secondary {
  background-color: transparent;
  color: var(--sf-white);
  border: 2px solid var(--sf-white);
}

.button.secondary:hover {
  background-color: var(--sf-white);
  color: var(--sf-black-primary);
}

/* ==========================================================================
   STOREFRONT WOOCOMMERCE OVERRIDES
   ========================================================================== */

/* WooCommerce Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--sf-blue-primary);
  color: var(--sf-white);
  border: 2px solid var(--sf-blue-primary);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: var(--sf-blue-secondary);
  border-color: var(--sf-blue-secondary);
  color: var(--sf-white);
}

/* Product Listings */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  border-color: var(--sf-blue-primary);
  box-shadow: 0 4px 20px rgba(0, 119, 170, 0.15);
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  color: var(--sf-white);
}

.woocommerce ul.products li.product .price {
  color: var(--sf-blue-primary);
  font-weight: 600;
}

/* Single Product */
.woocommerce div.product {
  background-color: var(--sf-black-secondary);
  padding: 2rem;
  border-radius: 8px;
  border: 1px solid var(--sf-black-tertiary);
}

.woocommerce div.product .product_title {
  color: var(--sf-white);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--sf-blue-primary);
}

.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-Tabs-panel {
  color: var(--sf-white);
}

/* Cart & Checkout */
.woocommerce table.shop_table {
  background: #1e1e1e;
  border-radius: 6px;
}

.woocommerce table.shop_table th {
  /*background-color: var(--sf-blue-primary);*/
  color: var(--sf-white);
}

.woocommerce table.shop_table td {
  background-color: var(--sf-black-secondary);
  color: var(--sf-white);
  border-bottom: 1px solid var(--sf-black-tertiary);
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 8px;
  padding: 2rem;
}

.woocommerce .cart-collaterals h2,
.woocommerce-page .cart-collaterals h2 {
  color: var(--sf-white);
}

/* ==========================================================================
   STOREFRONT CONTENT OVERRIDES
   ========================================================================== */

.content-area {
  background-color: var(--sf-black-primary);
}

.hentry,
.page-header,
.type-post,
.type-page {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 8px;
  padding: 2rem;
  margin-bottom: 2rem;
}

.entry-title,
.entry-title a,
.page-title {
  color: var(--sf-white);
}

.entry-title a:hover {
  color: var(--sf-blue-primary);
}

.entry-content,
.entry-summary,
.page-content {
  color: var(--sf-white);
}

.entry-meta,
.entry-meta a {
  color: var(--sf-gray-medium);
}

.entry-meta a:hover {
  color: var(--sf-blue-primary);
}

/* ==========================================================================
   STOREFRONT SIDEBAR OVERRIDES
   ========================================================================== */

.widget-area {
  background-color: transparent;
}

.widget {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.widget-title,
.widgettitle {
  color: var(--sf-white);
  border-bottom: 2px solid var(--sf-blue-primary);
  padding-bottom: 0.5rem;
}

.widget ul li {
  color: var(--sf-white);
  border-bottom: 1px solid var(--sf-black-tertiary);
}

.widget ul li a {
  color: var(--sf-gray-light);
}

.widget ul li a:hover {
  color: var(--sf-blue-primary);
}

/* WooCommerce Widgets */
.widget.woocommerce ul li {
  color: var(--sf-white);
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: var(--sf-black-tertiary);
}

.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--sf-blue-primary);
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: var(--sf-black-secondary) !important;
}

/* ==========================================================================
   STOREFRONT FOOTER OVERRIDES
   ========================================================================== */

.site-footer {
  background-color: var(--sf-black-secondary) !important;
  border-top: 2px solid var(--sf-blue-primary) !important;
  color: var(--sf-white) !important;
  padding: 3rem 0 !important;
}

.site-footer,
.storefront-footer {
  background-color: var(--sf-black-primary) !important;
}

.site-footer .widget-title,
.site-footer .widgettitle {
  color: var(--sf-white) !important;
  border-bottom: 2px solid var(--sf-blue-primary) !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 1rem !important;
}

.site-footer .widget {
  background-color: transparent !important;
  border: none !important;
}

.site-footer .widget ul li {
  color: var(--sf-white) !important;
  border-bottom: 1px solid var(--sf-black-tertiary) !important;
  padding: 0.5rem 0 !important;
}

.site-footer .widget ul li a {
  color: var(--sf-gray-light) !important;
  transition: color 0.3s ease !important;
}

.site-footer .widget ul li a:hover {
  color: var(--sf-blue-primary) !important;
}

.site-footer .widget p,
.site-footer .widget div,
.site-footer .widget span {
  color: var(--sf-white) !important;
}

.site-info {
  background-color: var(--sf-black-primary) !important;
  color: var(--sf-white) !important;
  border-top: 1px solid var(--sf-black-primary) !important;
  padding: 1.5rem 0 !important;
  text-align: center !important;
}

.site-info a {
  color: var(--sf-blue-primary) !important;
}

.site-info a:hover {
  color: var(--sf-blue-light) !important;
}

/* Footer Widget Areas */
.footer-widgets {
  background-color: var(--sf-black-secondary) !important;
  padding: 3rem 0 !important;
}

.footer-widget-area {
  background-color: transparent !important;
}

/* Copyright and Footer Info */
.copyright {
  background-color: var(--sf-black-primary) !important;
  color: var(--sf-gray-medium) !important;
  padding: 1rem 0 !important;
  border-top: 1px solid var(--sf-black-tertiary) !important;
}

/* Footer Navigation if exists */
.footer-navigation {
  background-color: var(--sf-black-secondary) !important;
}

.footer-navigation ul li a {
  color: var(--sf-white) !important;
}

.footer-navigation ul li a:hover {
  color: var(--sf-blue-primary) !important;
}

/* Storefront specific footer classes */
.storefront-footer-widgets {
  background-color: var(--sf-black-secondary) !important;
}

.storefront-footer-copyright {
  background-color: var(--sf-black-primary) !important;
  color: var(--sf-gray-medium) !important;
}

/* ==========================================================================
   STOREFRONT FORMS OVERRIDES
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  background-color: var(--sf-black-secondary) !important;
  color: var(--sf-white) !important;
  border: 2px solid var(--sf-black-tertiary) !important;
  border-radius: 5px !important;
  padding: 12px 15px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}
select {
  background-color: var(--sf-black-secondary) !important;
  color: var(--sf-white) !important;
  border: 2px solid var(--sf-black-tertiary) !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
  background-color: var(--sf-black-tertiary) !important;
  border-color: var(--sf-blue-primary) !important;
  color: var(--sf-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 119, 170, 0.2) !important;
}

/* WordPress Login Form Specific */
.login form {
  background-color: var(--sf-black-secondary) !important;
  border: 1px solid var(--sf-black-tertiary) !important;
}

.login form input[type="text"],
.login form input[type="password"],
.login form input[type="email"] {
  background-color: var(--sf-black-secondary) !important;
  color: var(--sf-white) !important;
  border: 2px solid var(--sf-black-tertiary) !important;
  border-radius: 5px !important;
  padding: 10px 15px !important;
  font-size: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.login form input[type="text"]:focus,
.login form input[type="password"]:focus,
.login form input[type="email"]:focus {
  background-color: var(--sf-black-tertiary) !important;
  border-color: var(--sf-blue-primary) !important;
  color: var(--sf-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 119, 170, 0.2) !important;
}

/* Login Labels */
.login label {
  color: var(--sf-white) !important;
  font-weight: 500 !important;
}

/* WooCommerce Forms */
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="url"],
.woocommerce form textarea,
.woocommerce form select {
  background-color: var(--sf-black-secondary) !important;
  color: var(--sf-white) !important;
  border: 2px solid var(--sf-black-tertiary) !important;
  border-radius: 5px !important;
  padding: 12px 15px !important;
}

.woocommerce form input[type="text"]:focus,
.woocommerce form input[type="email"]:focus,
.woocommerce form input[type="password"]:focus,
.woocommerce form input[type="tel"]:focus,
.woocommerce form input[type="url"]:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus {
  background-color: var(--sf-black-tertiary) !important;
  border-color: var(--sf-blue-primary) !important;
  color: var(--sf-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 119, 170, 0.2) !important;
}

/* Contact Form 7 and other plugin forms */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea,
.wpcf7-form select {
  background-color: var(--sf-black-secondary) !important;
  color: var(--sf-white) !important;
  border: 2px solid var(--sf-black-tertiary) !important;
  border-radius: 5px !important;
  padding: 12px 15px !important;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  background-color: var(--sf-black-tertiary) !important;
  border-color: var(--sf-blue-primary) !important;
  color: var(--sf-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 119, 170, 0.2) !important;
}

/* Placeholder text styling */
input::placeholder,
textarea::placeholder {
  color: var(--sf-gray-medium) !important;
  opacity: 0.8 !important;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: var(--sf-gray-light) !important;
  opacity: 0.6 !important;
}

/* ==========================================================================
   STOREFRONT BREADCRUMB OVERRIDES
   ========================================================================== */

.storefront-breadcrumb {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 2rem;
}

.storefront-breadcrumb a {
  color: var(--sf-blue-primary);
}

.storefront-breadcrumb a:hover {
  color: var(--sf-blue-light);
}

/* ==========================================================================
   STOREFRONT RESPONSIVE OVERRIDES
   ========================================================================== */

@media screen and (max-width: 768px) {
  .storefront-handheld-footer-bar {
    background-color: var(--sf-black-secondary);
    border-top: 2px solid var(--sf-blue-primary);
  }

  .storefront-handheld-footer-bar a {
    color: var(--sf-white);
  }

  .storefront-handheld-footer-bar a:hover {
    color: var(--sf-blue-primary);
  }
}

/* ==========================================================================
   ADDITIONAL STOREFRONT COMPATIBILITY
   ========================================================================== */

/* Links */
a {
  color: var(--sf-blue-primary);
}

a:hover {
  color: var(--sf-blue-light);
}

/* Tables */
table {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
}

table th {
  background-color: var(--sf-blue-primary);
  color: var(--sf-white);
}

table td {
  color: var(--sf-white);
  border-bottom: 1px solid var(--sf-black-tertiary);
}

/* Pagination */
.storefront-pagination a,
.page-numbers {
  background-color: var(--sf-black-secondary);
  color: var(--sf-white);
  border: 1px solid var(--sf-black-tertiary);
}

.storefront-pagination a:hover,
.page-numbers:hover,
.page-numbers.current {
  background-color: var(--sf-blue-primary);
  border-color: var(--sf-blue-primary);
  color: var(--sf-white);
}

/* Comments */
.comment-list .comment {
  background-color: var(--sf-black-secondary);
  border: 1px solid var(--sf-black-tertiary);
  border-radius: 8px;
}

.comment-author .fn {
  color: var(--sf-white);
}

.comment-content {
  color: var(--sf-white);
}

.comment-metadata a {
  color: var(--sf-gray-medium);
}

.comment-metadata a:hover {
  color: var(--sf-blue-primary);
}

/*
 * Workroom UI
 * */

.header-bg {
  position: relative;
  padding: 1.5em 0 0.5em 0;
  margin-bottom: 2rem;
}
.instent-workroom-filters .row,
.workroom-chatarea .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.instent-workroom-filters .col-lg-3,
body.customize-support .col-lg-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
}
.instent-workroom-filters .form-group,
.customize-support .form-group {
  margin-bottom: 0px;
}

.instent-workroom-filters label {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
}
.instent-workroom-filters .filter label {
  font-weight: 400;
}
.text-orange {
  color: #ee675c !important;
}
.instent-workroom-filters .facetwp-facet {
  margin-bottom: 18px !important;
}
.instent-workroom-filters .filter .fs-wrap {
  width: 100% !important;
  margin-left: -1px;
  position: relative;
}
.instent-workroom-filters .fs-wrap {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}
.instent-workroom-filters .filter .fs-label-wrap,
.instent-workroom-filters .filter-sort-by .facetwp-sort,
.instent-workroom-filters .filter .facetwp-date {
  display: block;
  width: 100%;
  padding: 6px 0.5rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #59595b;
  background-color: #1a1d1c;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  border-radius: 3px;
  border: 0;
}
.instent-workroom-filters .filter .fs-label-wrap:before {
  content: "";
  right: 0px;
  top: 0px;
  width: 38px;
  height: 41px;
  background: #1a1d1c;
  position: absolute;
  pointer-events: none;
  display: block;
  border: 0;
}
.instent-workroom-filters .fs-label-wrap .fs-label {
  padding: 6px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.instent-workroom-filters .filter .fs-arrow {
  content: "";
  border: solid #fff;
  border-width: 0 3px 3px 0;
  right: 13px;
  top: -2px;
  padding: 3px;
  position: absolute;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.instent-workroom-filters .btn-primary,
.instent-workroom-filters .btn-primary:active,
.instent-workroom-filters .btn-primary:hover {
  background-color: #0077ba;
  border-color: #0077ba;
}
.instent-workroom-filters .filter .fs-dropdown,
.facetwp-facet .fs-dropdown {
  font-family: inherit;
  width: 100% !important;
  font-size: 13px;
  margin-top: 0px;
  border-top: none;
  border-radius: 0px 0px 3px 3px;
  box-shadow: none;
  background-color: #1a1d1c;
  border: 0;
}
.instent-workroom-filters .filter .fs-search {
  display: none;
}
.instent-workroom-filters .fs-search input {
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 6px 0;
  width: 100%;
}
.fs-no-results {
  padding: 6px 8px;
}
.instent-workroom-filters .facetwp-facet .fs-dropdown .fs-options {
  max-height: 290px;
  padding: 6px 0px;
}
.instent-workroom-filters .facetwp-facet .fs-dropdown .fs-options .fs-option {
  padding: 13px 29px 13px 11px;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-option {
  padding-left: 15px;
  border-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.instent-workroom-filters .fs-wrap.multiple .fs-checkbox {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  left: 0;
  bottom: 0;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-checkbox {
  right: 4px;
  left: auto;
  padding: 0px 0px 0px 0px !important;
}
.instent-workroom-filters .fs-wrap.multiple .fs-option .fs-checkbox i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  background-color: #fff;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-option .fs-checkbox i {
  border: 0;
  border-radius: 3px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  padding: 0px;
}
.facetwp-type-fselect .fs-option .fs-option-label {
  color: #fff;
}
select[multiple],
select[size] {
  height: auto;
}
.instent-workroom-filters .filter .facetwp-date-min,
.instent-workroom-filters .filter .facetwp-date-max {
  width: 47%;
  margin-right: 5%;
  display: inline-block;
  padding: 0.6rem 0.6rem;
}
.instent-workroom-filters .filter .facetwp-date {
  height: 44px;
  background-color: #fff;
  background-image: url(../media/images/icon-datepicker.png);
  background-repeat: no-repeat;
  background-position: 90% 50%;
}
.instent-workroom-filters .filter .facetwp-date-max {
  margin-right: 0;
}
.instent-workroom-filters .offset-md-1 {
  margin-left: 8.333333%;
}
.instent-workroom-filters .col-lg-5,
body.customize-support .col-lg-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.filter .fs-open {
  box-shadow: none;
}
.instent-workroom-filters .btn-search-submit {
  /*margin-top: 22px;*/
  padding: 0.6em 0.75em;
  width: 45%;
  max-width: 320px;
  font-size: 16px;
  border: none;
  font-weight: 600;
  float: right;
  cursor: pointer;
  font-family: inherit;
}
.instent-workroom-filters .gp-wrap-list {
  min-height: 700px;
  margin-top: 38px;
}
.ui-block-title {
  line-height: 1;
  width: 100%;
  position: relative;
  display: table;
  padding: 0 !important;
}
.instent-workroom-filters .col-lg-9,
body.customize-support .col-lg-9,
.detail-data-wrapper .col-lg-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.instent-workroom-filters .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin: 0;
  list-style: none;
  margin-top: 0px;
}
.nav-tabs {
  border-bottom: 0px solid #e6ecf5;
}
.nav-tabs .nav-item {
  padding: 0px 25px 0 7px;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #0077ba;
}
.sorting-dropdown .igp-bottom-btn a.btn-archive {
  color: #fff;
}
.nav-tabs .nav-item a {
  font-size: 15px;
  line-height: 13px;
  padding: 0px 0px 10px;
  margin: 0 3px;
  text-decoration: none;
  display: block;
  width: 100%;
}
.nav-tabs .nav-link {
  text-transform: uppercase;
  border-radius: 0;
  border: 2px solid transparent;
  font-weight: bold;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  color: #59595b;
}
.filter-sort-by {
  padding-right: 26px;
}
.filter-sort-by .facetwp-sort:before {
  content: "";
  border: solid #fff;
  border-width: 0 3px 3px 0;
  right: 17px;
  top: 14px;
  z-index: 99;
  padding: 3px;
  position: absolute;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.filter-sort-by .facetwp-sort:after {
  background: #1a1d1c;
  border-left: 0;
}
.fdate-wrap {
  background: #1a1d1c !important;
  border: 1px solid #dddddd42;
  color: #fff;
}
.fdate-wrap .disabled {
  opacity: 0.5 !important;
}
.filter-sort-by .facetwp-sort-select {
  border: none !important;
  font-size: 1.4rem;
  appearance: none;
  -webkit-appearance: none;
  -mox-appearance: none;
  -o-appearance: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  padding: 0px 0px 0px 15px;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #fff;
}
.filter-sort-by .facetwp-sort {
  padding: 0 !important;
}
.ins-unassigned-count {
  background: #0077ba;
  font-size: 13px;
  color: #fff;
  border-radius: 100%;
  padding: 3px 5px;
}
.ui-block {
  border-radius: 0px 0px 5px 5px;
  border-top: 0px;
  margin-bottom: 20px;
}
.row-data-wrapper:first-child.rush-design-border {
  border-left: 5px solid #ed1f24;
}
.row-data-wrapper:nth-child(odd) {
  /*background-color: #fffaf7;*/
}
.row-data-wrapper {
  padding: 10px 0px;
  border-bottom: 1px solid #e6ecf5;
}
.row-data-wrapper h5 {
  font-size: 18px;
  font-weight: 600;
  color: #59595b;
  margin-top: 0px;
}
.row-data-wrapper h5 span {
  font-size: 14px;
  font-weight: 700;
  margin: 0px 8px;
}
.row-data-wrapper h5 .rush-design-text {
  color: #cc0000;
}
ul.list {
  display: block;
  margin-bottom: 55px;
  padding: 0;
  margin: 0;
}
.project-status {
  margin-bottom: 0px;
}
.project-status dl {
  text-align: left;
  margin-bottom: 0.4em;
  font-size: 14px;
}
.project-status dl:first-child {
  margin-top: 0;
}
.project-status dl dt,
.project-status dl dd {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.project-status dl dd {
  color: #c4c9cb;
  margin-bottom: 0rem;
  margin-left: 0px;
}
.project-status label {
  text-align: left;
}
.designer-label {
  display: block;
  font-weight: 600;
}
.project-status .sidebar-dropdown {
  margin-bottom: 0px;
  margin-top: 14px;
}
.sidebar-dropdown {
  position: relative;
  width: 83%;
}
.float-right {
  float: right !important;
}

select.form-control:not([size]):not([multiple]) {
  height: 45.5px;
  width: 100%;
}
.project-status .select-designer {
  padding: 0px 0.5rem;
  font-size: 13px;
}
.row-data-wrapper h5 a {
  display: block;
  font-size: 16px;
  color: #fff;
}
.sidebar-dropdown select {
  padding: 3px 10px;
  background: #fff;
  color: #59595b;
  border: 2px solid #ececec;
  outline: none;
  display: inline-block;
 
  cursor: pointer;
  font-weight: 600;
  box-shadow: none;
  font-size: 14px;
  height: 39px !important;
}

.instent-workroom-filters .clear {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
}
.btn-archive {
  padding: 9px 3em;
  margin-top: 0.6em;
}

.igp-list-team {
  position: relative;
  /*   margin-top: -45px; */
 width: 100%;
}

ul.list-project-team .sidebar-dropdown {
    position: relative;
    width: 23%;
}
ul.list-project-team {
 
  list-style: none;

  margin: 0;
 
}

ul.list-project-team li {
 
  font-size: 14px;
  font-weight: 600;

}
ul.list-project-team li span {
  color: #fff;
}

ul.list-project-team li:last-child:after {
  display: none;
}

.gp-wrap-list .facetwp-pager {
  border-top: 1px solid #f0f0f0;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination {
  padding: 0px 27px 0px;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination .pagination {
  margin: 0px 0px 20px 0px;
  padding-top: 20px;
}
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination > li {
  display: inline;
  margin-bottom: 5px;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination .pagination li a,
.gp-wrap-list .facetwp-pager nav.nav-pagination .pagination li span {
  padding: 6px 11px;
}
.nav-pagination .page-link.facetwp-page.active {
  color: #0077ba;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.facetwp-page.active {
  font-weight: bold;
  cursor: default;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  font-size: 10px;
  color: #59595b;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.facetwp-page {
  display: inline-block;
  padding: 0px 4px;
  margin-right: 6px;
  cursor: pointer;
}
.instent-workroom-filters .col-sm-2,
body.customize-support .col-sm-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 16.666667%;
}
.instent-workroom-filters .logo,
body.customize-support .logo {
  position: relative;
  padding-bottom: 1.8em;
  padding-top: 1em;
}
.instent-workroom-filters .logo a,
body.customize-support .logo a {
  padding-left: 15px;
}
.instent-workroom-filters .logo img,
body.customize-support .logo img {
  height: auto;
  max-width: 100%;
}
.instent-workroom-filters .col-sm-8,
.workroom-chatarea .col-sm-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.instent-workroom-filters p.igp-notfound {
  padding: 10px 20px;
}
.header-bg .top-search-bar {
  width: 100%;
  margin-top: 0px;
  /*max-width: 610px;*/
}
.form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bg .top-search-bar .top-search-field {
  border-radius: 5px 0 0 5px;
  width: 84%;
  padding: 0px 18px;
  float: left;
  line-height: 46px;
  height: 46px;
  color: #59595b;
  font-size: 14px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.header-bg .top-search-bar .btn {
  border-radius: 0 5px 5px 0;
  padding: 13px 23px;
  width: 20%;
  max-width: 95px;
  box-shadow: none;
  border: none;
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s, ease;
  -moz-transition: 0.3s, ease;
  transition: 0.3s, ease;
  font-weight: 700;
}
a.btn-logout {
  margin-top: 48px;
  padding: 1em 1em 1.1em;
  width: 80%;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
.instent-workroom-footer {
  background-color: #3d3d3d;
  padding: 1em 0;
  color: #ccc;
  margin-top: 2em;
}
.instent-workroom-filters .col-sm-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.instent-workroom-footer p {
  font-size: 12px;
  margin-bottom: 0;
  color: #ccc;
}
.instent-workroom-footer p a {
  color: #fff;
}

/*
 * Workroom Detail Page
 * */

header.inner-gp-header {
  padding: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
.btn-primary:active,
.btn-primary:hover {
  color: #fff;
  background-color: #435464 !important;
  border-color: #435464 !important;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 1px solid #ffffff !important;
}
.btn-primary {
  background: #0077ba;
  border-color: #0077ba;
  transition: 0.3s all;
  border-radius: 5px;
  text-decoration: none !important;
}
.ui-block-title.rush-design-border {
  border-bottom: 3px solid #ed1f24;
}
.ui-block-title .title {
  padding-bottom: 20px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  font-size: 22px;
}
.ui-block-title .title a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.ui-block-title .title small {
  color: #cc0000;
  font-size: 1.4rem;
  font-weight: 600;
  vertical-align: middle;
}
body.customize-support {
  /*font-family: 'IBM PLEX SANS';*/
}
.btn-opt-designer .btn-md {
  margin-left: 10px;
  font-weight: 500;
  padding: 9px;
  min-width: 135px;
  font-size: 14px;
  margin-top: 0px;
  color: #fff;
  text-align: center;
  height: 38px;
  line-height: 19px;
}
.btn-opt-designer .active-rush-design {
  background: #fff;
  border: 2px solid #fff;
  color: #036297;
}
.btn-opt-designer .form-group {
  display: inline-block;
  float: right;
  max-width: 220px;
  margin-bottom: 0;
}
.sidebar-dropdown.igp-select-dropdown:before {
  height: 32px;
}
.sidebar-dropdown.igp-select-dropdown
  select.form-control:not([size]):not([multiple]) {
  height: 39px;
}
.sidebar-dropdown.igp-select-dropdown:after {
  top: 12px;
}

.detail-data-wrapper .list-products-ordered {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.detail-data-wrapper p {
  font-size: 16px;
}
ul.list li {
  padding: 1px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  list-style: inside;
}
ul.list li span {
  color: #fff;
}
ul.list > li {
  list-style: none;
  border: 1px solid #ccddcc30;
  padding: 13px;
  border-radius: 10px;
  background-color: #1e1e1e;
  cursor: pointer;
}
ul.attributes-list {
  display: none;
}
ul.list > li span {
  font-size: 15px;
  font-weight: 800 !important;
}
.job-order-form-data th, .job-order-form-data td {
    padding: 8px 14px;
}
.job-order-form-data th {
    width: 160px;
}
.alert {
  font-size: 15px;
  padding: 17px 30px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2.5px;
}
.alert-info {
  background-color: #1e1e1e;
  border-color: transparent;
  color: #fff;
}
/*.chat-wrapper {*/
/*  border-top: 1px solid #e8e8e8;*/
/*  border-radius: 3px;*/
/*}*/
.chat-wrapper .chat-area {
  max-height: 500px;
  overflow-y: auto;
}
.chat-wrapper .chat-area ul.chat-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  padding: 0px;
}
.chat-wrapper .chat-area .chat-list li {
  padding: 20px 0px;
  border-bottom: 1px solid #e8e8e8;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.chat-wrapper .chat-area .author-thumb {
  height: 65px;
  width: 65px;
  display: inline-block;
  vertical-align: top;
}
.chat-wrapper .chat-area .author-thumb img {
  border-radius: 10%;
  overflow: hidden;
  width: 100% !important;
  height: auto;
}
.chat-wrapper .chat-area .chat-event {
  max-width: 90%;
  min-width: 90%;
  font-size: 12px;
  padding-left: 15px;
  display: inline-block;
}
.chat-wrapper .chat-area .chat-friend {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.chat-wrapper .chat-area .chat-date {
  font-size: 12px;
  /*   float: right; */
  /*   margin-top: 10px; */
  /*   display: block; */
  color: #aa9c84;
  margin: 0 4px 0 0;
}
.chat-wrapper .chat-area .chat-message-item {
  font-size: 14px;
  color: #fff;
  /* 	font-weight: 600; */
  word-break: break-word;
}
.status-change-comment {
  color: #ee675c;
  font-style: italic;
}
.chat-wrapper .chat-reply {
  padding: 10px 0 5px;
}
#respond {
  padding: 0;
}
#respond h3 {
  font-size: 24px;
  font-weight: 400 !important;
  border-bottom: 1px solid #ececec;
  line-height: 40px;
}
.chat-wrapper .chat-reply .comment-reply-title {
  border-bottom: none !important;
}
#respond h3 small {
  font-size: 65%;
}
.chat-wrapper .chat-reply .comment-form {
  position: relative;
}
#respond p {
  margin-top: 15px;
  color: #747474;
}
.chat-wrapper .chat-reply textarea {
  resize: none;
  height: 80px;
  background-color: #f4f4f4;
  color: #59595b;
  transition: 0.3s ease all;
  font-size: 13px;
  box-shadow: none;
  border: 1px solid #eaeaea;
  padding-right: 135px;
  width: 100%;
  font-weight: 600;
}
/*.chat-wrapper .chat-reply .comment-form .form-submit {*/
/*  position: absolute;*/
/*  right: 20px;*/
/*  top: -80px; */
/*  margin: 0 !important;*/
/*}*/
.chat-wrapper .chat-reply input#submit {
  line-height: 1;
}
.side-panel {
  display: table;
  width: 100%;
  padding-top: 20px;
}
.side-panel.workroom-sidepanel .sidebar-dropdown {
  margin-bottom: 12px;
}
.side-panel .form-group {
  display: inline-block;
  /*width: 64%;*/
}
.side-panel .btn-change {
  padding: 9px 30px;
  margin-left: 0;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  float: left;
  display: inline-block;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 2.5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 39px;
  border-radius: 5px;
  text-decoration: none;
}
.side-panel .attachments-panel {
  border: 1px solid #eaeaea;
}
.customize-support .card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #1e1e1e;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-top: 13px;
}
.side-panel .card-header {
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 13px;
}
.side-panel .card-block {
  padding: 0 2rem;
}
.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.list-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  margin: 0;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item {
  padding: 0rem 0rem 1rem;
  font-size: 14px;
}
.list-group-flush:last-child .list-group-item:last-child {
  border: 0px;
  border-radius: 0px;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item span {
  margin-left: 5px;
  min-width: auto;
  margin-bottom: 5px;
  display: inline-block;
  width: 88%;
  vertical-align: middle;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item a {
  color: #fff;
}
.igp-attachment-form {
  display: none;
}
.igp-attachment-form input[type="file"] {
  display: block;
}
.side-panel .btn-add-attachment {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 9px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 15px;
  border: none;
}
.fa-plus:before {
  content: "\f067";
}
.side-panel .btn-add-attachment .fa-plus {
  background: transparent;
  margin-right: 10px;
  padding: 3px 4px 2px 4px;
  color: #fff;
}
.side-panel .btn-add-attachment .fa-spinner.igp-display {
  display: none;
}
.side-panel .btn-add-attachment .fa-spinner {
  margin-right: 10px;
  color: #fff;
  padding: 0px 4px 0px 4px;
  font-size: 19px;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.bg-light-orange {
  background-color: #fffaf7;
}
.workroom-chatarea .col-lg-4,
.detail-data-wrapper .col-lg-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-right: 15px;
  padding-left: 15px;
}
.customize-support .col-lg-8,
.detail-data-wrapper .col-lg-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.container.bg-light-orange.single-project-wrapper {
  background: none;
}
table.library-table {
  width: 100%;
}

table.library-table * {
  background-color: transparent !important;
}

.library-table-wrapper {
  overflow-x: auto;
}

table.library-table thead {
  background-color: #0077ba !important;
}

.workroom-detail-pg .header-bg {
  padding: 1em 0px !important;
}
.workroom-detail-pg a {
  text-decoration: none;
}
.workroom-detail-pg .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.workroom-detail-pg .col-sm-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  padding-left: 15px;
  padding-right: 15px;
}
.workroom-detail-pg .col-sm-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-left: 15px;
  padding-right: 15px;
}
.workroom-detail-pg .top-search-bar {
  float: right;
  width: 100%;
  margin-top: 0px;
  max-width: 610px;
  display: none;
}
.workroom-detail-pg .top-search-bar .top-search-field {
  border-radius: 0.5rem 0 0 0.5rem;
  width: 84%;
  padding: 0rem 18px;
  float: left;
  line-height: 46px;
  height: 46px;
  color: #737373;
  font-size: 14px;
  font-family: inherit;
}
.workroom-detail-pg .top-search-bar .btn {
  border-radius: 0 0.5rem 0.5rem 0;
  width: 20%;
  max-width: 95px;
  cursor: pointer;
  transition: 0.3s all;
}
a.btn-logout {
  margin-top: 0px;
  padding: 1em 1em 1.1em;
  width: 80%;
  font-size: 14px;
  font-weight: 500;
}
.float-right {
  float: right !important;
}
.order-confirmation-artwork-section {
  padding: 20px 20px 1px 20px !important;
}
.order-confirmation-artwork-section:empty {
  padding: 0px !important;
}
#ins_upload_artwork {
  margin-bottom: 20px;
  display: block;
  width: max-content;
  color: #ffffff;
  background: #ee675c !important;
  border-color: #ee675c !important;
}
#ins_upload_artwork:hover {
  background: #435464 !important;
  border-color: #435464 !important;
}
.pull-left.order-page-title.heading-artwork .artwork-icon {
  color: #ee675c !important;
}
.artwork-section-order-description-wrapper {
  margin: 2em auto !important;
}
.artwork-section-order-details-wrapper {
  margin-bottom: 10px !important;
}
.instent-checkout .page-order-confirmation table,
.instent-checkout
  .page-order-confirmation
  #payment
  .col-sm-6.order-total-wrapper.col-sm-offset-6 {
  width: 100%;
}
.instent-checkout
  .page-order-confirmation
  #payment
  .col-sm-6.order-total-wrapper.col-sm-offset-6
  table.shop_table
  th {
  text-align: left;
}
.page-order-confirmation .col-sm-5.offset-1 {
  width: 48%;
  margin-left: 0px;
  margin-right: 2%;
}
.page-order-confirmation .order-page-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}
.page-order-confirmation
  .table-order-confirmation
  tr
  td
  .media-body
  h6.media-heading {
  margin-left: 0px !important;
}
.page-order-confirmation
  div#payment
  .col-sm-6.order-total-wrapper.col-sm-offset-6
  table.shop_table {
  width: 40%;
  margin-left: auto;
}
.page-order-confirmation
  div#payment
  .col-sm-6.order-total-wrapper.col-sm-offset-6
  table.shop_table
  th {
  text-align: left;
}
.page-order-confirmation
  .table-order-confirmation
  tr
  td
  .media-body
  h6.media-heading
  a {
  color: #ee675c !important;
  text-decoration: none;
}
.page-order-confirmation
  tr.bundled-product-details-wrapper
  ul.order-detail-list {
  padding-left: 116px !important;
  padding-right: 10px;
}
.page-order-confirmation .table-order-confirmation tr td {
  padding: 0px !important;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  tr
  td {
  vertical-align: middle;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  tr.bundle-product-wrapper
  td {
  padding-bottom: 20px !important;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  tr.bundled-product-details-wrapper
  td
  li {
  font-size: 13px;
  font-weight: 400;
}
table.table.table-condensed.table-order-confirmation
  tr.bundle-product-wrapper
  small {
  font-size: 16px;
}
table.table.table-condensed.table-order-confirmation
  tr.bundled-product-details-wrapper
  small {
  font-size: 13px;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  ul.wc-item-meta {
  margin: 20px 0px;
  list-style: none;
  display: flex;
  padding-left: 116px;
  flex-wrap: wrap;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  ul.wc-item-meta
  li {
  font-size: 14px !important;
  margin-bottom: 5px !important;
  height: auto !important;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  ul.wc-item-meta
  li
  p,
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  ul.wc-item-meta
  li {
  margin: 0px;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  tr.single-product-wrapper
  ul.wc-item-meta {
  padding-left: 0px;
  margin: 0px 0px 20px;
}
.page-order-confirmation .row:first-child,
.page-order-confirmation .row:nth-child(2) {
  align-items: center;
  padding: 20px 50px;
  background: #f7f7f7;
  border-top: 1px solid #b3b5b8;
  border-left: 1px solid #b3b5b8;
  border-right: 1px solid #b3b5b8;
  position: relative;
}
.page-order-confirmation ul.order-data-heading {
  font-size: 14px;
}
.page-order-confirmation .row:first-child ul.order-data-heading li,
.page-order-confirmation .row:nth-child(2) ul.order-data-heading li,
.page-order-confirmation ul.order-data-heading {
  margin: 0px !important;
}
.page-order-confirmation ul.order-data-heading li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.btn-invoice {
  padding-left: 20px;
  position: absolute;
  top: -78px;
  right: 0;
}
.btn-invoice a {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 14px;
  color: #ee675c;
  text-decoration: none;
}
.page-order-confirmation ul.order-data-heading h3 {
  margin: 0px;
  margin-right: auto !important;
}
.page-order-confirmation ul.order-data-heading li span {
  top: 0px !important;
}
.page-order-confirmation .col-sm-1.btn-orders-wrapper {
  padding-top: 0px;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.page-order-confirmation .row:first-child .col-sm-11,
.page-order-confirmation .row:nth-child(2) .col-sm-11 {
  width: 100%;
  padding-right: 0px;
}
.page-order-confirmation
  div#payment
  .col-sm-6.order-total-wrapper.col-sm-offset-6 {
  width: 100%;
}
.order-confirmation-artwork-section a:hover {
  color: #111111;
}
.page-order-confirmation
  table.table.table-condensed.table-order-confirmation
  thead
  th {
  border: none !important;
}
.instent-checkout .section.section-page-title.inner-xs h2.page-title,
.section.section-page-title.inner-xs h2.page-title {
  margin: 20px 0px 0px;
  font-size: 30px;
  font-weight: 400;
}
.page-order-confirmation table tr.bundled-product-details-wrapper strong,
.page-order-confirmation table tr.bundled-product-details-wrapper td {
  font-size: 13px !important;
}
.detail-data-wrapper ul.attributes-list strong {
  color: #fff;
  font-weight: 700;
}
.detail-data-wrapper ul.list li span {
  font-weight: 400;
}
.detail-data-wrapper ul.attributes-list li {
  color: #c4c9cb;
  font-size: 14px;
  list-style: none;
}
.detail-data-wrapper ul.list li a {
  color: #ee675c;
  text-decoration: none;
  font-weight: 700;
}
.detail-data-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
body.order-submitted .entry-content {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 70px 0px;
}
body.order-submitted.woocommerce-checkout.woocommerce-page.woocommerce-order-received
  h2.elementor-heading-title {
  display: none;
}
.pull-left.order-page-title.heading-artwork {
  font-family: sans-serif;
  color: #434343;
  font-size: 28px;
  line-height: 52px;
  font-weight: 400 !important;
}
.page-order-confirmation {
  padding-left: 0px;
  padding-right: 0px;
}
.side-panel .btn-add-attachment i.fa.fa-plus:before {
  content: "+";
  font-style: normal;
  font-size: 20px;
  line-height: 0px;
  pointer-events: none;
}
.order-confirmation-artwork-section a {
  text-decoration: none;
  color: #ee675c;
}
.order-confirmation-artwork-section p.text-center a#ins_upload_artwork {
  margin-left: auto;
  margin-right: auto;
}
.instent-workroom-filters .col-lg-3.col-md-3.col-sm-6.col-xs-12 .col-sm-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}
.workroom-chatarea .row {
  align-items: flex-start;
}

.container.bg-light-orange.single-project-wrapper .ui-block-title + div {
  padding: 20px 20px 0;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-bottom: none;
  display: flex;
  flex-direction: row-reverse;
}

.igp-select-dropdown_am {
  width: 100%;
}

a.btn-assign-single_am,
.delete-comment-btn,
.edit-comment-btn,
.igp-delete-attachment-list,
.chat-wrapper .chat-area .chat-event form button {
  font-weight: 500;
  padding: 3px 9px 5px;
  min-width: unset;
  font-size: 12px;
  margin: 0 10px 10px 0;
  color: #fff;
  text-align: center;
  height: unset;
  line-height: 17px;
  display: inline-block;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

a.btn-assign-single_am {
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  width: 135px;
  font-size: 14px;
  height: 38px;
  padding: 9px;
}

.delete-comment-btn:hover,
.edit-comment-btn:hover,
.igp-delete-attachment-list:hover,
.chat-wrapper .chat-area .chat-event form button:hover {
  background-color: #435464;
}

#assigned-account-manager,
#assigned-graphic-manager {
  color: #ee675c;
}

.workroom-chatarea {
  padding: 10px 0px !important;
  border-top: 1px solid #e6ecf5;
}

.commnt-btn-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.chat-wrapper .chat-area .chat-event textarea {
  width: 100%;
  color: #59595b;
  border: 2px solid #ececec;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  margin: 0 0 15px;
  padding: 15px;
  resize: none;
}

.ins-chat-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ins-chat-flex .commnt-btn-wrap button,
.ins-chat-flex .commnt-btn-wrap form button {
  margin: 0 5px !important;
  background-color: transparent;
  padding: 0 !important;
  color: #aa9c84 !important;
  text-decoration: underline;
  border-radius: unset;
}

.ins-chat-flex .commnt-btn-wrap button:hover,
.ins-chat-flex .commnt-btn-wrap form button:hover {
  background-color: transparent !important;
}

.ins-chat-flex span {
  color: #aa9c84;
}

.chat-event p {
  margin: 2px 0;
}

.ins-chat-flex form {
  position: relative;
  padding-left: 6px;
}

.ins-chat-flex form::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 1px;
  background-color: #aa9c84;
}

.customize-support .card ul.list-group li button {
  background-color: transparent;
  padding: 0 !important;
  color: #aa9c84 !important;
  text-decoration: underline;
  border-radius: unset;
}

.detail-data-wrapper ul.list-project-team {
  display: flex;
  float: none;
  align-items: flex-end;
  margin-top: 10px;
  justify-content: space-between;
}

.detail-data-wrapper ul.list {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}



.detail-data-wrapper ul.list-project-team li:nth-child(2) span:last-child {
  color: #ee675c;
}



.detail-data-wrapper ul.list-project-team li .sidebar-dropdown {
  width: unset;
}

.detail-data-wrapper ul.list-project-team li select {
  width: 170px !important;
  font-size: 12px;
  height: 38px !important;
  padding: 3px 5px;
  color: #ee675c;
}

.detail-data-wrapper ul.list-project-team li .btn {
  padding: 9px;
  color: #ffffff;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  border-radius: 5px;
  height: 38px;
  min-width: 135px;
  text-decoration: none;
}

.detail-data-wrapper ul.list-project-team li .sidebar-dropdown:before {
  width: 20px;
  height: 34px;
}

.detail-data-wrapper ul.list-project-team li .sidebar-dropdown:after {
  right: 7px;
  top: 13px;
}

.chat-wrapper .chat-reply .comment-form textarea#comment {
  padding: 10px 120px 10px 12px;
}

.chat-wrapper .chat-area .chat-message-item p a {
  color: #ee675c;
  text-decoration: none;
}

.chat-wrapper .chat-area .chat-message-item p a:hover {
  color: #111111;
}

div#content {
  min-height: 652px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: 100%;
  flex-wrap: nowrap;
  align-content: center;
  background-color: #1e1e1e;
  padding: 30px;
}

div#content .col-full {
  width: 100%;
}

.storefront-full-width-content .content-area {
  margin-bottom: 0;
  border-radius: 12px;
}
.woocommerce-MyAccount-navigation ul li.is-active {
  opacity: 1;
}
.woocommerce-MyAccount-navigation ul li {
  opacity: 0.8;
}
div#content .col-full main#main,
div#content .col-full main#main > article {
  margin-bottom: 0;
  min-height: 490px;
}
.btn-assign {
  padding: 3px 17px;
  display: inline-block;
  margin: 5px 0;
}
/*.woocommerce #respond input#submit,*/
/*.woocommerce a.button,*/
/*.woocommerce button.button,*/
/*.woocommerce input.button,*/
/*.woocommerce #respond input#submit.alt,*/
/*.woocommerce a.button.alt,*/
/*.woocommerce button.button.alt,*/
/*.woocommerce input.button.alt {*/
/*  width: 189px;*/
/*  height: 55px;*/
/*  border-radius: 5px;*/
/*}*/
.woocommerce-form-login__rememberme {
  margin-bottom: 13px;
}
p.woocommerce-LostPassword.lost_password a {
  color: #fff;
}
.woocommerce-error {
  background-color: #1e1e1e;
  border-radius: 12px;
}
.hentry,
.page-header,
.type-post,
.type-page {
  background-color: #0d0d0c;
}
.instent-workroom-filters a,
.customize-support a {
  color: #fff;
  text-decoration: none;
}
.hentry
  .entry-content
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link
  a {
  border-radius: 5px;
  background-color: #0077ba;
  color: #fff;
  padding: 7px 11px;
  margin-bottom: 11px;
}
/* Container */
.gform-theme--foundation .gf_page_steps {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  background: #1e1e1e; /* dark background */
  padding: 20px;
  border-radius: 6px;
}
.gform_page {
  background: #1e1e1e !important;
  padding: 20px !important;
  border-radius: 6px !important;
}
.gform-theme--foundation .gf_page_steps .gf_step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Segoe UI", sans-serif;
  font-size: 14px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: none;
}
.gform-theme--foundation .gf_step_active {
  display: flex !important;
}
.gform-theme--foundation .gf_page_steps .gf_step_number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #555;
  color: #fff;
  font-weight: 600;
  transition: all 0.3s ease;
}

.gform-theme--foundation .gf_step_label {
  white-space: nowrap;
}

.gform-theme--foundation .gf_step_active .gf_step_number {
  background: #2a74ff; /* blue highlight */
  box-shadow: 0 0 8px rgba(42, 116, 255, 0.6);
}
.gform-theme--foundation .gf_step_active .gf_step_label {
  color: #fff;
  font-weight: 600;
}
.gform-theme--foundation .gf_page_steps .gf_step_completed .gf_step_number {
  background: #28a745; /* green */
}
.gform-theme--foundation .gf_page_steps .gf_step_completed .gf_step_label {
  color: #fff;
}
.gform-theme--foundation .gf_page_steps .gf_step:hover .gf_step_number {
  background: #666;
}

.gform-theme--foundation .gf_page_steps .gf_step:hover .gf_step_label {
  color: #ddd;
}

.gform-theme--framework .gfield--type-choice .gfield_radio {
  flex-direction: row !important;
  flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
  body.order-submitted .entry-content {
    padding: 70px 20px;
  }
}

@media screen and (max-width: 1024px) {
  .page-order-confirmation .row:first-child,
  .page-order-confirmation .row:nth-child(2),
  .page-order-confirmation ul.order-data-heading li {
    justify-content: center;
  }
  .page-order-confirmation .row:first-child .col-sm-11,
  .page-order-confirmation .row:nth-child(2) .col-sm-11 {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .page-order-confirmation .row:first-child .col-sm-11,
  .page-order-confirmation .row:nth-child(2) .col-sm-11 {
    display: inline-block;
    width: auto;
    padding-right: 0px;
  }
  .page-order-confirmation .row:first-child .col-sm-11 {
    width: 100%;
  }
  .btn-invoice {
    position: relative;
    top: 5px;
  }
  .page-order-confirmation .row:first-child,
  .page-order-confirmation .row:nth-child(2) {
    align-items: flex-end;
  }
  .page-order-confirmation .col-sm-1.btn-orders-wrapper {
    position: relative;
    right: 0px;
    top: 0px;
    transform: none;
  }
  .btn-invoice {
    padding-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .instent-workroom-filters .col-sm-12,
  .instent-workroom-filters .col-sm-8,
  .workroom-chatarea .col-sm-8,
  .instent-workroom-filters .col-lg-5,
  body.customize-support .col-lg-5,
  .instent-workroom-filters .col-lg-3,
  body.customize-support .col-lg-3 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  .header-bg .top-search-bar .top-search-field {
    width: 100%;
  }
  .header-bg .top-search-bar .btn {
    border-radius: 5px;
    padding: 13px 23px;
    width: 100%;
    max-width: 100%;
    margin-top: 14px;
  }
  .row-data-wrapper:first-child.rush-design-border {
    border-left: 4px solid #ed1f24;
    padding-left: 13px;
  }
  .instent-workroom-filters .nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .instent-workroom-filters .offset-md-1 {
    margin-left: 0;
    display: flex;
    gap: 13px;
  }
  .gp-wrap-list .ui-block-title {
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 20px !important;
  }
  body.customize-support .col-sm-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .detail-data-wrapper ul.list-project-team {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .instent-workroom-filters .row,
  .workroom-chatarea .row {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
  .page-order-confirmation .table-order-confirmation tr td .media {
    flex-wrap: nowrap !important;
    width: 100%;
  }
  .pull-left.order-page-title.heading-artwork {
    font-size: 16px;
    line-height: 25px;
  }
  .page-order-confirmation .row:first-child .col-sm-11,
  .page-order-confirmation .row:nth-child(2) .col-sm-11,
  .page-order-confirmation
    div#payment
    .col-sm-6.order-total-wrapper.col-sm-offset-6
    table.shop_table {
    width: 100%;
  }
  .page-order-confirmation
    table.table.table-condensed.table-order-confirmation
    thead
    th:first-child {
    min-width: 500px;
  }
  .page-order-confirmation .table-order-confirmation tr td .media .media-body {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 500px) {
  .pull-left.order-page-title.heading-artwork {
    font-size: 10px !important;
    min-width: 135px;
    width: 150px;
    line-height: 12px;
  }
  #ins_upload_artwork {
    padding: 0.9rem 2rem;
  }
}

@media screen and (max-width: 479px) {
  .order-total-wrapper table.shop_table tr th,
  .order-total-wrapper table.shop_table tr td {
    font-size: 13px;
  }
  .page-order-confirmation .order-page-title,
  .instent-checkout .section.section-page-title.inner-xs h2.page-title,
  .section.section-page-title.inner-xs h2.page-title {
    font-size: 24px;
  }
  body.order-submitted .entry-content {
    padding: 0px 20px 40px;
  }
}
.gform_wrapper .gfield.gfield_error.gfield_contains_required {
  border: 0px !important;
  background-color: transparent !important;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
}