/*--------CART CODE---------*/
#continueShoppingModalBtn {
    display: none !important;
}

button#continueShoppingBtn {
    display: none !important;
}

.cart-empty button {
    display: none !important;
}

.simple-store-header {
    display: none !important;
}

/*-------PRICE TIER UPSELLER--------*/
  #priceSummaryDialog {
max-height: calc(100vh - 100px) !important;
overflow-y: scroll !important;
}


/*--------INKSOFT DESIGNER REVAMP---------*/
:root {
    --main-color: #77BC53;
    --main-lt-color: #77BC5312;
    --main-hover-color: #77BC53B3;
}


#changeSideBtn, #selectAllBtn, #undoBtn, #clearBtn, #undoBtn, #redoBtn, #zoomBtn {
    margin-bottom: 10px !important;
    background: #fff !important;
    box-shadow: 0px 4px 24px -6px rgb(22 63 80 / 5%) !important;
    border-radius: 20px;
    padding: 36px;
    white-space: nowrap;
    color: var(--main-color) !important;
    background-color: var(--main-lt-color) !important;
}

#changeSideBtn:hover, #selectAllBtn:hover, #undoBtn:hover, #clearBtn:hover, #undoBtn:hover, #redoBtn:hover, #zoomBtn:hover {
    color: #ffffff !important;
    background-color: var(--main-color) !important;
}

div#canvasChangeSideBtn {
    color: var(--main-color) !important;
}

div#canvasChangeSideBtn:hover {
    color: var(--main-hover-color) !important;
}

inksoft-branding.ng-star-inserted {
    display: none !important;
}

.tools-container {
    background-color: #f7f7f7 !important;
    padding: 40px 10px 25px 25px !important;
}

.ds-design-container {
    margin: 0 0 0 1rem !important;
}

.actions li {
    align-items: center;
    background-color: #ffffff !important;
    border: none !important;
    display: flex;
    margin-bottom: 1rem;
    padding: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 20px;
    font-family: "Poppins", sans-serif;
}

.actions li:hover {
  background-color: var(--main-color) !important;
  color: #fff !important;
}

.actions li mat-icon {
  color: var(--main-color) !important;
}

.actions li:hover mat-icon {
  color: #fff !important;
}

.actions li:hover mat-icon#defaultUpload, .actions li:hover mat-icon#defaultAddTxt, .actions li:hover mat-icon#defaultAddArt {
  background-color: #ffffff69 !important;
  color: #fff !important;
}

mat-icon#defaultUpload, mat-icon#defaultAddTxt, mat-icon#defaultAddArt, .actions div mat-icon {
    padding: 18px;
    background-color: var(--main-lt-color);
    border-radius: 100px;
    font-size: 18px;
    color: var(--main-color) !important;
 
}

.actions div span {
   margin-top: 5px !important;
}

embed-cart-link {
    display: none !important;
}

.ds-design-footer-container div a {
  display: none !important;
}

button#btnSavedArt {
  background-color: var(--main-color) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 6px 24px !important;
  border-radius: 10px;
}

button#btnSavedArt:hover {
  background-color: var(--main-hover-color) !important;
}

h2.m20, p.m14, h2.m20.m-b-0 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #1d1d1d;
}

.m-b-4, .m-b-2 {
    margin-bottom: 32px!important;
    font-size: 0.8rem;
    color: #aaaaaa;
    font-family: "Poppins", sans-serif;
}

.m-b-2 {
    margin-bottom: 16px!important;
    font-size: 0.8rem;
    color: #aaaaaa;
    font-family: "Poppins", sans-serif;
}

.grid-x.text-center.text-grey-secondary.align-middle.layer-item.m-b-1 mat-icon.drag-handle {
  background-color: #EBECED;
  color: #8D9498;
  padding: 16px;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  font-size: 16px;
}

.grid-x.text-center.text-grey-secondary.align-middle.layer-item.m-b-1 :nth-child(3) mat-icon {
  background-color: #E4F3FB;
  color: #0B8ED8;
  padding: 16px;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  font-size: 16px;
}

.grid-x.text-center.text-grey-secondary.align-middle.layer-item.m-b-1 :nth-child(4) mat-icon {
  background-color: #FBE4E4;
  color: #D80B0B;
  padding: 16px;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  position: relative;
}

.grid-x.text-center.text-grey-secondary.align-middle.layer-item.m-b-1 :nth-child(4) mat-icon:after {
  content: 'delete_outline' !important;
  position: absolute;
  background-color: #FBE4E4 !important;
}

.actions div {
    background-color: #ffffff;
    border: 1px solid #f7f7f7;
}

.actions div:first-of-type {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.actions div:last-of-type {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.ds-design-footer-container .r18 {
    display: none !important;
}

.product-styles-carousel {
    display: none !important;
}

#footerChangeProduct {
  display: none !important;
}

.change-side-buttons {
  border-radius: 20px;
}

button.mat-customer-accent, a.mat-customer-accent {
  color: var(--main-color) !important;
}

button.mat-customer-accent:hover, a.mat-customer-accent:hover {
  opacity: 0.7 !important;
}

.mat-form-field-flex {
  border: 1px solid #efefef !important;
  border-radius: 10px !important;
}

.font-preview {
  border-radius: 20px;
  margin: 0px;
}

.mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: var(--main-color) !important;
}

.text-customer {
  color: var(--main-color) !important;
}

.art-type-panel {
  background-color: #ffffff;
  border: none !important;
  border-radius: 20px;
}

.side-select-btns {
  margin-bottom: 28px !important;
}

@media screen and (min-width: 40em) {
  button#nextStepBtn, button#mobileNextStep, button#getPriceBtn {
    background-color: var(--main-color) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 14px 36px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
}

button#nextStepBtn:hover, button#mobileNextStep:hover, button#getPriceBtn:hover {
    background-color: var(--main-hover-color) !important;
}

button#nextStepBtn.mat-button-disabled, button#mobileNextStep.mat-button-disabled, button#getPriceBtn.mat-button-disabled {
    background-color: #E0E0E0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 7px 36px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}


button#nextStepBtn:after, mat-button-disabled:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  content: 'arrow_forward';
  margin-left: 10px;
}

button.mat-customer-hollow, a.mat-customer-hollow {
    background: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color) !important;
    border-radius: 10px;
    padding: 5px 36px;
    font-family: Poppins, sans-serif;
    font-size: 16px !important;
}

button.mat-customer-hollow:hover, a.mat-customer-hollow:hover {
    border: 2px solid var(--main-hover-color);
    color: var(--main-hover-color) !important;
}

button.mat-customer-hollow.mat-button-disabled, a.mat-customer-hollow.mat-button-disabled {
    background: transparent;
    border: 2px solid #e0e0e0;
    color: #e0e0e0;
    border-radius: 10px;
    padding: 5px 36px;
    font-family: "Poppins", sans-serif;
    font-size: 16px !important;
}
}

@media screen and (max-width: 39em) {
  button#nextStepBtn, button#mobileNextStep, button#mobileGetPriceBtn {
    background-color: var(--main-color) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 0px 7px !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
}

button#nextStepBtn.mat-button-disabled, button#mobileNextStep.mat-button-disabled, button#mobileGetPriceBtn.mat-button-disabled {
    background-color: #E0E0E0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 0px 7px !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
}

button.mat-customer-hollow, a.mat-customer-hollow {
    background: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color);
    border-radius: 10px;
    padding: 5px 36px;
    font-family: "Poppins", sans-serif;
    font-size: 14px !important;
}

button.mat-customer-hollow, a.mat-customer-hollow {
    background: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color);
    border-radius: 10px;
    padding: 0px 7px;
    font-family: "Poppins", sans-serif;
    font-size: 14px !important;
}


button.mat-customer-hollow.mat-button-disabled, a.mat-customer-hollow.mat-button-disabled {
    background: transparent;
    border: 2px solid #e0e0e0;
    color: #e0e0e0;
    border-radius: 10px;
    padding: 0px 7px;
    font-family: "Poppins", sans-serif;
    font-size: 14px !important;
}
}

#changeProductBtn {
  display: none !important;
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: var(--main-color) !important;
    --mdc-slider-focus-handle-color: var(--main-color) !important;
    --mdc-slider-hover-handle-color: var(--main-color) !important;
    --mdc-slider-active-track-color: var(--main-color) !important;
    --mdc-slider-inactive-track-color: var(--main-color) !important;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: var(--main-color) !important;
    --mat-mdc-slider-ripple-color: var(--main-color) !important;
}

.mat-mdc-button:not(:disabled) {
  color: var(--main-color) !important;
}