/* With search background modal */
/* No search background modal */
/*No footer in mobile */
/*Guide modal height */
/* Saved project only mobile */
/*save images (userassetsmodal) only mobile */
/* New Height variable according to new design*/
/* tablet and mobile viewport height*/
/*$contentBlockWithSearchBarHeightPortraitCalculation: calc(100vh - 24px - 2px - calc(48px + 300px) - 128px);*/
/*$contentBlockWithNoSearchBarPortraitHeightCalculation: calc(100vh - 24px - 2px - calc(48px + 300px) - 72px);*/
/* full-background modal popup design*/
/* New colour variable according to new design*/
/* sticker modal popup design*/
/* edit-body-content-height*/
/*$editBodyPortraitContentHeight: calc(100vh - calc(48px + 300px) - 48px - 35px);*/
/* dropdown-menu mobile height */
/* review step page dropdown height*/
/*$reviewPageDropdownListSecondaryTabletHeight: calc(100vh - 48px - 50px - 80px - calc(34px + 16px) - 48px - 68px);*/
/* Customizing Guidelines Ul(guideline-rules) height*/
/* left-content-block and content-block height*/
/* .image-filters-content height*/
/* Loader
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_loader.scss */
.svg-loader {
  -moz-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}

@-moz-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 41, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_loader.scss */
.loader {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 50, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_loader.scss */
.loader .loader-img {
  color: #000;
  line-height: 35px;
  position: relative;
  top: 40%;
}

/* Common
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
html {
  height: 100%;
}

/* line 8, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.canvasbg {
  display: block;
}

/* line 12, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.clearfix {
  display: inline-block;
}
/* line 13, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
* html .clearfix {
  height: 1%;
}

/* line 29, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.clearfix {
  display: block;
}

/* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
p {
  margin: 0 0 10px;
}

/* line 37, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 43, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.d-inline-flex {
  display: inline-flex !important;
}

/* line 47, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
#spanFontPreload {
  display: none;
}

/* line 51, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper .img-responsive {
  display: inline-block;
  max-height: 100%;
}

/* line 56, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper a:hover,
.art-board-wrapper a:focus,
.art-board-wrapper button:hover,
.art-board-wrapper button:focus {
  text-decoration: none;
  outline: none;
}

/* line 64, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
body.art-board-wrapper {
  font-size: 13px;
  background: #fff;
  color: #58595b;
  font-family: "franklin-gothic-atf";
  padding-right: 0px !important;
  position: relative;
  height: 100%;
  margin: 0px;
}

/* line 75, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.block span.loading {
  font-family: "franklin-gothic-atf" !important;
  color: #08a8b7;
  height: 90px;
  vertical-align: middle;
  display: table-cell;
}

/* line 83, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customization-tool-area {
  padding: 0;
}

/* line 87, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
#colorselector {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: url(../image/select2.png);
}

/* line 96, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.logged-in,
.logged-in:hover {
  color: #00b6c9;
  font-family: "franklin-gothic-atf-italic";
}

/* line 103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
#divAlbumns.custom-scrollar {
  height: 330px;
  overflow-x: auto;
}

/* line 109, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.add-project {
  margin-top: 20px;
  padding: 0;
}

/* Custom style form bootstrap from helper color picker
-------------------------------------------------*/
/* line 118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.bfh-colorpicker-toggle > input[readonly] {
  display: none;
}

/* line 122, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.input-group-addon {
  padding: 0px;
  margin-top: 5px;
  background: none;
  border: none;
}

/* line 129, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
span.input-group-addon {
  width: 30px;
}

/* line 133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.bfh-colorpicker-icon {
  width: 30px !important;
  height: 30px !important;
}

/* line 138, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.bfh-colorpicker-icon {
  border-radius: 50%;
}

/* line 142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customization-tool-area .btn-link {
  color: #08a8b7;
  font-family: "franklin-gothic-atf-italic";
  padding: 0px;
  font-style: normal;
}
/* line 148, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customization-tool-area .btn-link:hover, .customization-tool-area .btn-link:focus {
  color: #0aa5b5;
  text-decoration: none;
}
/* line 154, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customization-tool-area .btn-link img {
  margin-left: 5px;
}

/* line 159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.show-help {
  position: absolute;
  top: 0px;
  right: 0px;
}

/* line 165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.help-text {
  position: absolute;
  left: 38px;
  top: -8px;
  width: 315px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #08a8b7;
  padding: 15px 18px 5px 18px;
  z-index: 1;
  text-align: left;
  font-family: "franklin-gothic-atf";
}
/* line 177, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.help-text .triangle-left {
  background: transparent url("../image/left_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: -9px;
  position: absolute;
  width: 10px;
  top: 15px;
}

/* line 187, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.hidden-block {
  display: none;
}

/* line 191, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.d-none {
  display: none !important;
}

/* line 195, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.relpos {
  position: relative;
}

/* line 199, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper .bottom-small-margin {
  margin-bottom: 10px !important;
}

/* line 203, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper .redtext {
  color: red;
}

/* line 207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper .smallfont {
  font-size: 9px;
  line-height: 0.9;
}

/* line 212, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.art-board-wrapper .disabled, .art-board-wrapper .displayDisabled {
  opacity: 0.4;
}

/* line 216, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.alignSavedImages, .myImagelist {
  height: 190px;
}

/* line 220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.slider.slider-horizontal .slider-handle:hover {
  background-position: -31px -482px;
}

/* line 224, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.slider.slider-horizontal .slider-handle {
  background-image: url("../image/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: -30px -407px;
  width: 12px;
  height: 12px;
}
/* line 231, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.slider.slider-horizontal .slider-handle.min-slider-handle {
  margin-left: -6px;
}

/* line 237, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.minicolors-sprite {
  background-image: url("../image/jquery.minicolors.png") !important;
}

/* line 242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.upper-canvas .waterbottle {
  background: transparent url("../image/waterbottle.png") no-repeat scroll 0 0 !important;
  background-size: 100% 100%;
}

/* line 247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.layout-Image {
  background-position: center;
}

/* line 251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
body .btn-add-asset {
  position: absolute;
  background: #00b7c9 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  padding: 4px;
  display: none;
}

/* line 262, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.grid-content-wrapper-item button.btn-add-dummy-asset {
  position: absolute;
  background: #00b7c9 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 4px;
  display: none;
}

/* line 275, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.cla-stamp-warning.help-text {
  left: 20px;
  top: 7px;
}

/* line 280, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.cla-warning-hidden {
  display: none;
}

/* line 284, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.cla-warning {
  position: absolute;
  width: 315px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #08a8b7;
  padding: 15px 18px 5px 18px;
  z-index: 3;
  text-align: left;
  font-family: "robotoregular";
  left: 20px;
  top: 7px;
}

/* line 297, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.cla-warning .triangle-left {
  background: transparent url("../../image/left_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: -9px;
  position: absolute;
  width: 10px;
  top: 15px;
}

/* line 306, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.save-disabled-warning {
  position: relative;
}
/* line 309, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.save-disabled-warning .help-text {
  bottom: 50px !important;
}

/* line 314, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.submit-disabled-warning {
  position: relative;
}
/* line 317, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.submit-disabled-warning .help-text {
  top: -110px;
  left: -100px;
}
/* line 321, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.submit-disabled-warning .help-text .triangle-down {
  background: transparent url(../../image/down_arrow.png) no-repeat scroll 0 0;
  height: 17px;
  left: 42%;
  position: absolute;
  width: 20px;
  margin-top: 4px;
}

/* line 332, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customizationrulesmodal .modal-header {
  /*#customizingWaterBottleModal .modal-header {*/
  padding: 10px 38px !important;
}

/* line 337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.skybox {
  height: 30px;
  width: 100%;
}

/* line 342, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.gslide {
  margin-top: 7px;
  float: left;
  height: 325px;
  overflow: hidden;
}

/* Rotate Device Css
-------------------------------------------------*/
/* line 353, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rotate-device {
  display: none;
}
/* line 356, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rotate-device img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* line 366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.how-help {
  display: none;
}

/* bootstrap dropdown css
-------------------------------------------------*/
/* line 374, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.dropdown .btn-default, .dropdown .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}

/* line 380, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.dropdown .btn, .dropdown .btn-default:hover {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.42857;
  padding: 6px 12px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 182px;
  position: relative;
  height: 34px;
  margin-left: 4px;
}

/* line 400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.caret {
  position: absolute;
  right: 13px;
  top: 15px;
}

/* Help circle
-------------------------------------------------*/
/* line 408, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.help-circle {
  border-radius: 50%;
  padding: 2px 6px;
  background: #08a8b7;
  color: white;
  text-align: center;
  font: 12px Arial, sans-serif;
  font-weight: bold;
  cursor: help;
}

/* line 419, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.novisiblescroll {
  overflow: hidden;
}

/* line 424, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
#layouts .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, #layouts_CLA .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, #layouts_AR .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px;
}
/* line 428, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
#layouts .mCSB_draggerContainer:focus, #layouts_CLA .mCSB_draggerContainer:focus, #layouts_AR .mCSB_draggerContainer:focus {
  outline: none;
}

/*TO show down arrow in dropdown when customizer move to DW as there is override written to hide*/
/* line 434, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
select.form-control, .mysavedProjects select {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

/* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rounded-square-btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--brand-colors-bright-white, #DCE9EF);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: none;
  box-shadow: none;
}
/* line 451, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rounded-square-btn img {
  max-width: 20px;
}

/*@media only screen and (min-width: 1280px) {
    body.art-board-wrapper.modal-open .wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #0d0d0d;
        z-index: 999;
        opacity: 0.5;
    }

    .modal, .modal-backdrop {
        bottom: auto;
    }

}*/
    /*@media only screen and (min-width: 1280px) {
    body.art-board-wrapper.modal-open .wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #0d0d0d;
        z-index: 999;
        opacity: 0.5;
    }

    .modal, .modal-backdrop {
        bottom: auto;
    }

}*/
    /*@media only screen and (min-width: 1280px) {
    body.art-board-wrapper.modal-open .wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #0d0d0d;
        z-index: 999;
        opacity: 0.5;
    }

    .modal, .modal-backdrop {
        bottom: auto;
    }

}*/
/*@media only screen and (max-width: 1279px) {
    .verticle-center,
    .verticle-center-always {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}*/
@media only screen and (max-width: 960px) {
  /* line 521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  .verticle-center, .grid-modal.change-item .grid-modal-container, .grid-modal.confirm-modal .grid-modal-container {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  /* line 532, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  .modal-bottom-position, .grid-modal.change-item .grid-modal-container, .grid-modal.guidelinemodal .grid-modal-container, .grid-modal.imagelist .grid-modal-container, .grid-modal.userassetsmodal .grid-modal-container, .grid-modal.savedprojectsmodal .grid-modal-container, .grid-modal.grid-modal-with-search .grid-modal-container, .grid-modal.colorpickerwindow .grid-modal-container, .art-board-wrapper .modal .modal-dialog {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  /* line 542, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  .modal-bottom-position .modal-content, .grid-modal.change-item .grid-modal-container .modal-content, .grid-modal.guidelinemodal .grid-modal-container .modal-content, .grid-modal.imagelist .grid-modal-container .modal-content, .grid-modal.userassetsmodal .grid-modal-container .modal-content, .grid-modal.savedprojectsmodal .grid-modal-container .modal-content, .grid-modal.grid-modal-with-search .grid-modal-container .modal-content, .grid-modal.colorpickerwindow .grid-modal-container .modal-content, .art-board-wrapper .modal .modal-dialog .modal-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  /* line 548, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  #onWarningMessage .confirm-modal {
    position: unset;
    padding: 6px;
    margin-top: 42px;
  }

  /* line 554, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  #onWarningMessage .modal-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
/*@media (orientation: portrait) and (max-width: 1279px) and (min-width: 768px) {
    .modal-bottom-position {
        position: inherit;
        top: auto;
        bottom: auto;
        border-bottom-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }
    .verticle-center,
    .verticle-center-always {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

}*/
/* line 577, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.footer-btn-group {
  grid-template-columns: repeat(auto-fit, 120px);
  display: grid;
  justify-content: center;
  grid-column-gap: 20px;
}
/* line 585, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.footer-btn-group li div .btn {
  width: 100%;
}

/* Home Page
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.slider-area {
  padding: 30px 0;
}
/* line 6, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.slider-area .myprojectbtn {
  background: #5e5e5e;
}

/* line 11, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.content-area {
  /*padding-top: 10px;*/
  padding: 24px 0;
}

/* line 17, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area h1 {
  font-size: 54px;
  color: #08a8b7;
}
/* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass {
  float: none;
  display: inline-block;
  line-height: 24px;
}
/* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .tumbler-image {
  margin-bottom: 18px;
}
/* line 28, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .tumbler-type {
  font-size: 17px;
  min-height: 25px;
  margin-bottom: 25px;
}
/* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .price {
  font-weight: 400;
}
/* line 36, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .btn {
  font-size: 14px;
}

/* Artboard
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
.art-board .canvasbg {
  background: transparent url("../image/checkbox.png") no-repeat scroll 0 0;
  background-size: cover;
  margin-left: 10px;
}

/* line 11, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
.customization-tool-area .art-board {
  position: relative;
  overflow: hidden;
}

/* line 18, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
.art-board.no-selection .text-display {
  display: block !important;
}

/* line 23, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
.selection-area {
  padding: 0px;
}

/* line 27, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
#fontpreload {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

/* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
#imagePreload {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

/* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.edit-display-box {
  position: absolute;
  width: 200px;
  height: 200px;
  /*  border: 4px solid red;*/
  margin: 0 auto;
  top: 50px;
  left: 50px;
  box-sizing: border-box;
  z-index: 2;
  pointer-events: none;
  /*display: none;*/
}

/* line 15, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 1px solid #00b6c9;
  margin: 0 auto;
  top: 50px;
  left: 50px;
  z-index: -1;
  display: none;
  /* pointer-events: auto;*/
  /*  box-sizing: border-box;
      pointer-events: none;*/
}

/* line 30, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers {
  width: 100%;
  height: 100%;
  /*pointer-events: none;*/
}
/* line 34, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers .resizer {
  width: 15px;
  height: 15px;
  background: #00b6c9;
  position: absolute;
  pointer-events: auto;
}
/* line 42, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers .resizer.top-left {
  left: -10px;
  top: -10px;
  cursor: nwse-resize;
  /*resizer cursor*/
}
/* line 49, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers .resizer.top-right {
  right: -10px;
  top: -10px;
  cursor: nesw-resize;
}
/* line 55, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers .resizer.bottom-left {
  left: -10px;
  bottom: -10px;
  cursor: nesw-resize;
}
/* line 61, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.control-box .resizers .resizer.bottom-right {
  right: -10px;
  bottom: -10px;
  cursor: nwse-resize;
}

/* line 68, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
.container .content-area .canvas-area {
  grid-row: auto !important;
  grid-column: auto !important;
}

@media (max-width: 1279px) {
  /* line 74, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_HTMLcontrolbox.scss */
  .container .content-area .canvas-area {
    margin: 10px auto 0;
  }
}
/* Button
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* line 10, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  background-image: none;
  background-color: #58595b;
  border-radius: 0px;
  color: #fff;
  text-shadow: none;
  border-color: #58595b;
  font-size: 15px;
  outline: none;
  padding: 6px 37px;
}

/* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.glass .btn-default {
  background: #00b6c9;
}

/* line 30, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn,
.preview-btn {
  text-shadow: none;
  width: 131px;
  text-align: center;
  text-transform: lowercase;
  font-style: normal;
}
/* line 39, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn.grey-btn,
.preview-btn.grey-btn {
  background: #a7a9ab;
}

/* line 45, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.preview-btn .next-icon {
  width: 13px;
  height: 15px;
  background-position: -28px -106px;
  line-height: 49px;
  background-image: url(../image/icon-sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: -3px;
  margin-left: 6px;
}

/* line 58, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
#LoginModal .button-group,
#RegisterModal .button-group,
#GuestVerifyModal .button-group {
  margin-top: 10px;
}

/* line 64, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-monogram-option,
.btn-monogram-option:hover,
.btn-monogram-option:focus {
  background-image: none;
  background-color: #838486;
  border-radius: 0px;
  color: #fff;
  text-shadow: none;
  border-color: none;
  font-size: 15px;
  outline: none;
  padding: 6px 12px;
}

/* line 78, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-monogram-option.active {
  background-color: #6a6b6c;
}

/* line 83, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
#divVideoPlayOption span, #divVideoPlayOptionDevice span {
  background-repeat: no-repeat;
  height: 30px;
  margin: 0 auto;
  width: 145px;
  display: block;
  background-size: 30px 30px;
  cursor: pointer;
  padding: 5px;
  font-weight: 600;
}
/* line 84, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
#divVideoPlayOption span.play, #divVideoPlayOptionDevice span.play {
  background-image: url(../image/play-icon.png);
}
/* line 88, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
#divVideoPlayOption span.stop, #divVideoPlayOptionDevice span.stop {
  background-image: url(../image/stop-icon.png);
}

/* line 105, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-lg.btn-danger {
  background-color: #b40a0a;
  font-size: 16px;
}
/* line 110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-lg.btn-cancel {
  font-size: 16px;
  background-color: #dce9ef;
  border-color: #0a2642;
  color: #0a2642;
}
/* line 117, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-lg.btn-primary-dark {
  background-color: #0a2642;
  font-size: 16px;
  color: #fff;
}
/* line 123, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-lg.btn-secondary-dark {
  background-color: #DBE8EE;
  color: #0A2642;
}

/* line 128, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-rounded {
  border-radius: 24px;
}

/* line 133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.square-btn-outer .square-btn, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .square-btn, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .square-btn, .icon-svg-cointainer .square-btn, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .square-btn, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .square-btn {
  background: #EEF4F7 0% 0% no-repeat padding-box;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEF4F7;
}
/* line 144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.square-btn-outer .square-btn:active, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .square-btn:active, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .square-btn:active, .square-btn-outer .square-btn.active, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .active.square-btn, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .active.square-btn, .square-btn-outer .square-btn.selected, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .selected.square-btn, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .selected.square-btn, .icon-svg-cointainer .square-btn:active, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .square-btn:active, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .square-btn:active, .icon-svg-cointainer .square-btn.active, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .active.square-btn, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .active.square-btn, .icon-svg-cointainer .square-btn.selected, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .selected.square-btn, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .selected.square-btn {
  background: #A0E2EA;
  border-color: #A0E2EA;
}
/* line 149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.square-btn-outer .square-btn:hover, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .square-btn:hover, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .square-btn:hover, .icon-svg-cointainer .square-btn:hover, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .square-btn:hover, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .square-btn:hover {
  background-color: #0A2642;
  border: 1px solid #0A2642;
}
/* line 153, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.square-btn-outer .square-btn:hover img, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .square-btn:hover img, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .square-btn:hover img, .icon-svg-cointainer .square-btn:hover img, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .square-btn:hover img, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .square-btn:hover img {
  filter: brightness(0) invert(1);
}
/* line 158, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.square-btn-outer .square-btn.btn-45, .square-btn-outer .container .content-area .vertical-tools .tool-options li a .btn-45.square-btn, .container .content-area .vertical-tools .tool-options li a .square-btn-outer .btn-45.square-btn, .icon-svg-cointainer .square-btn.btn-45, .icon-svg-cointainer .container .content-area .vertical-tools .tool-options li a .btn-45.square-btn, .container .content-area .vertical-tools .tool-options li a .icon-svg-cointainer .btn-45.square-btn {
  width: 45px;
  height: 45px;
}

/* line 164, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary, .grey-btn {
  background: #eef4f7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  height: 48px;
  border-radius: 24px;
  font-weight: 600;
  color: #0A2642;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #eef4f7;
}
/* line 181, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover, .grey-btn:hover {
  border: 1px solid #0A2642;
  background: #0A2642;
  color: #fff;
}
/* line 186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover:before, .grey-btn:hover:before {
  filter: brightness(0) invert(1);
}
/* line 190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover span, .grey-btn:hover span {
  color: #fff;
}
/* line 194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover img, .grey-btn:hover img {
  filter: brightness(0) invert(1);
}
/* line 199, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary.btn-border-square, .grey-btn.btn-border-square {
  border-radius: 8px;
}
/* line 203, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary span, .grey-btn span {
  font-size: 16px;
  font-weight: 500;
  color: #0A2642;
}

/* line 209, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn,
.preview-btn,
.btn-primary {
  background: #0A2642;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  height: 48px;
  border-radius: 24px;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #0A2642;
}
/* line 225, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:before,
.preview-btn:before,
.btn-primary:before {
  filter: brightness(0) invert(1);
}
/* line 229, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover,
.preview-btn:hover,
.btn-primary:hover {
  border-color: #0A2642;
  background: #fff;
  color: #0A2642;
}
/* line 234, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover:before,
.preview-btn:hover:before,
.btn-primary:hover:before {
  filter: none;
}
/* line 238, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover img,
.preview-btn:hover img,
.btn-primary:hover img {
  filter: none;
}
/* line 242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover span,
.preview-btn:hover span,
.btn-primary:hover span {
  color: #0A2642;
}
/* line 247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn.btn-border-square,
.preview-btn.btn-border-square,
.btn-primary.btn-border-square {
  border-radius: 8px;
}
/* line 251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn img,
.preview-btn img,
.btn-primary img {
  filter: brightness(0) invert(1);
  margin-right: 8px;
}
/* line 256, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn span,
.preview-btn span,
.btn-primary span {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

/* line 263, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.modal-footer .btn + .btn {
  margin-left: 20px;
}

/* line 267, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-min-width {
  min-width: 120px;
}

/* Edit Tools
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools {
  background: #a7a9ab none repeat scroll 0 0;
  padding: 25px 20px 25px 25px;
  position: absolute;
  z-index: 99;
}
/* line 10, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools ul {
  margin-left: 0px;
}
/* line 14, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement {
  background: none;
  padding: 0px;
  z-index: 999;
}
/* line 19, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li {
  position: relative;
  clear: both;
  display: block;
}
/* line 24, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li form {
  position: relative;
  margin-left: 9px;
  display: none;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #08a8b7;
  padding: 18px;
  float: left;
}
/* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li form button.btn-link,
.edit-tools.commonelement li form button.btn-link:hover,
.edit-tools.commonelement li form button.btn-link.active {
  background-image: none;
  height: auto;
  padding: 0 10px;
  width: auto;
  float: none;
  font-size: 16px;
}
/* line 44, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li form button.btn-link:hover {
  text-decoration: underline;
}
/* line 48, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li form .triangle-left {
  background: transparent url("../image/left_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: -9px;
  top: 21px;
  position: absolute;
  width: 10px;
}
/* line 59, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.commonelement li.active form {
  display: block;
}
/* line 66, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools button {
  background-image: url("../image/text_icon_group.png");
  background-repeat: no-repeat;
  width: 60px;
  height: 42px;
  /*60px*/
  border: none;
  /*margin-bottom: 1px;*/
  float: left;
}
/* line 77, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .duplicate:hover button {
  background-position: -366px -279px;
}
/* line 82, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .duplicate button.active {
  background-position: -366px -340px;
}
/* line 86, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .duplicate button {
  background-position: -366px -218px;
}
/* line 91, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-right:hover button {
  background-position: -122px -279px;
}
/* line 96, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-right button.active {
  background-position: -122px -340px;
}
/* line 100, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-right button {
  background-position: -122px -218px;
}
/* line 105, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-bottom:hover button {
  background-position: -183px -279px;
}
/* line 110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-bottom button.active {
  background-position: -183px -340px;
}
/* line 114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .rotate-bottom button {
  background-position: -183px -218px;
}
/* line 119, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .backward:hover button {
  background-position: 0 -279px;
}
/* line 124, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .backward button.active {
  background-position: 0px -340px;
}
/* line 128, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .backward button {
  background-position: 0px -218px;
}
/* line 133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .forward:hover button {
  background-position: -61px -279px;
}
/* line 138, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .forward button.active {
  background-position: -61px -340px;
}
/* line 142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .forward button {
  background-position: -61px -218px;
}
/* line 147, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .clone:hover button {
  background-position: -244px -279px;
}
/* line 152, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .clone button.active {
  background-position: -244px -340px;
}
/* line 156, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .clone.disablemenu button {
  background-position: -244px -580px;
}
/* line 160, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .clone button {
  background-position: -244px -218px;
}
/* line 165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .video:hover button {
  background-position: -427px -279px;
}
/* line 170, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .video button.active {
  background-position: -427px -340px;
}
/* line 174, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .video button {
  background-position: -427px -218px;
}
/* line 178, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .video.disablemenu button {
  background-position: -427px -580px;
}
/* line 183, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .delete:hover button {
  background-position: -305px -279px;
}
/* line 188, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .delete button.active {
  background-position: -305px -340px;
}
/* line 192, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .delete.disablemenu button {
  background-position: -305px -580px;
}
/* line 196, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .delete button {
  background-position: -305px -218px;
}
/* line 201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li {
  background-image: url("../image/text_icon_group.png");
  background-repeat: no-repeat;
  width: 62px;
  height: 33px;
}
/* line 208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-bold-text {
  background-position: 0 0;
}
/* line 211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-bold-text:hover {
  background-position: 0 -533px;
}
/* line 215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-bold-text.active {
  background-position: 0 -35px;
}
/* line 220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-italic-text {
  background-position: -63px 0;
}
/* line 223, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-italic-text:hover {
  background-position: -63px -533px;
}
/* line 227, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-italic-text.active {
  background-position: -63px -35px;
}
/* line 232, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-underline-text {
  background-position: -128px 0;
}
/* line 235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-underline-text:hover {
  background-position: -128px -533px;
}
/* line 239, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-underline-text.active {
  background-position: -128px -35px;
}
/* line 244, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-left {
  background-position: -192px 0;
}
/* line 247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-left:hover {
  background-position: -192px -533px;
}
/* line 251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-left.active {
  background-position: -192px -35px;
}
/* line 256, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-center {
  background-position: -255px 0;
}
/* line 259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-center:hover {
  background-position: -255px -533px;
}
/* line 263, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-center.active {
  background-position: -255px -35px;
}
/* line 268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-right {
  background-position: -320px 0;
}
/* line 271, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-right:hover {
  background-position: -320px -533px;
}
/* line 275, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .set-style li.set-text-right.active {
  background-position: -320px -35px;
}
/* line 281, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .monogram-text-container {
  margin-bottom: 10px;
}
/* line 285, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .monogram-text {
  text-transform: uppercase;
  height: 36px;
  /*font-size: 36px;*/
  font-size: 20px;
  text-align: center;
  padding: 0;
}
@media only screen and (min-width: 1279px) {
  /* line 285, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .edit-tools .monogram-text {
    width: 60px;
    float: left;
  }
  /* line 297, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .edit-tools .monogram-text:not(:last-child) {
    margin-right: 5px;
  }
  /* line 301, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .edit-tools .monogram-text:first-child {
    margin-left: 5px;
  }
}
/* line 307, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools #tabs-2 .minicolors-theme-bootstrap .minicolors-swatch {
  height: 25px;
  left: 0;
  top: -18px;
  width: 25px;
}
/* line 315, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.background-tool button {
  float: right;
}
/* line 319, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.background-tool form {
  float: right;
  margin-right: 9px;
}
/* line 323, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.background-tool form button {
  float: none;
  font-size: 16px;
}
/* line 327, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.background-tool form button:hover {
  text-decoration: underline;
}
/* line 332, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools.background-tool form .triangle-right {
  background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  right: -9px;
  top: 21px;
  position: absolute;
  width: 10px;
}
/* line 344, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .canvastoolbar span.text {
  clear: both;
  display: block;
  background-color: #a7a9ab;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1px;
  width: 60px;
  cursor: pointer;
  padding-bottom: 2px;
}
/* line 355, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .canvastoolbar span.text:hover {
  background-color: #7f8183;
}
/* line 360, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .canvastoolbar li:hover > span.text {
  background-color: #7f8183;
}
/* line 364, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .canvastoolbar button.active ~ span.text {
  background-color: #09a5b5;
}
/* line 369, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.edit-tools .canvastoolbar li.disablemenu span.text {
  background-color: #a7a9ab;
  color: #c9c9c9;
}

/* line 379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions .triangle-left, #layoutVideoEditOptions .triangle-left {
  background: transparent url("../image/left_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: -13px;
  top: 18px;
  position: absolute;
  width: 10px;
}
@media only screen and (max-width: 812px) {
  /* line 379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #layoutImageEditOptions .triangle-left, #layoutVideoEditOptions .triangle-left {
    top: 11px;
  }
}
/* line 392, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions .triangle-right, #layoutVideoEditOptions .triangle-right {
  background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: 220px;
  top: 18px;
  position: absolute;
  width: 10px;
}
@media only screen and (max-width: 812px) {
  /* line 392, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #layoutImageEditOptions .triangle-right, #layoutVideoEditOptions .triangle-right {
    top: 11px;
  }
}
/* line 405, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions .triangle-top, #layoutVideoEditOptions .triangle-top {
  background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
  height: 17px;
  left: 10px;
  top: -11px;
  position: absolute;
  width: 10px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
/* line 417, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul, #layoutVideoEditOptions ul {
  /*background: rgba(255,255,255,0.7);*/
  background-color: #FFF;
  border: 1px solid #00b7c9;
  padding: 10px 0;
}
@media only screen and (max-width: 812px) {
  /* line 417, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #layoutImageEditOptions ul, #layoutVideoEditOptions ul {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
/* line 428, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li, #layoutVideoEditOptions ul li {
  display: block;
}
/* line 431, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li.singleline, #layoutVideoEditOptions ul li.singleline {
  display: inline-block;
}
/* line 434, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li.singleline:first-child, #layoutVideoEditOptions ul li.singleline:first-child {
  border-right: 1px solid #a7a9ab;
}
/* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li.multiline, #layoutVideoEditOptions ul li.multiline {
  display: block;
}
/* line 442, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li.multiline:first-child, #layoutVideoEditOptions ul li.multiline:first-child {
  border-right: none;
  border-bottom: 1px solid #a7a9ab;
}
/* line 448, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li button, #layoutVideoEditOptions ul li button {
  color: #08a8b7;
  font-family: "robotomedium_italic";
  padding: 5px 5px;
  display: block;
  font-size: 16px;
}
@media only screen and (max-width: 812px) {
  /* line 448, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #layoutImageEditOptions ul li button, #layoutVideoEditOptions ul li button {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
}
/* line 461, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutImageEditOptions ul li button:hover, #layoutVideoEditOptions ul li button:hover {
  text-decoration: underline;
}

/* line 470, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#layoutVideoEditOptions .triangle-right {
  left: 112px;
}

@media only screen and (max-width: 860px) {
  /* line 476, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .modal-dialog {
    width: 95% !important;
    /*100%*/
    margin: 10px auto;
  }
}
/* line 483, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
}
/* line 489, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .modal-body,
#imageEditingOptionsModel .right {
  padding: 0;
}
/* line 494, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .left {
  background: #58595b;
  padding: 0;
  margin: 0;
  position: relative;
}
/* line 500, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .left img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 20px;
}
/* line 511, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel h2 {
  font-size: 30px;
  /*24px*/
  color: #0aa5b5;
  /*00b7c9*/
  padding: 15px 25px;
  /*0 15px*/
  font-family: "franklin-gothic-atf";
  line-height: 1.42857;
  margin: 0;
}
/* line 521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #divImageEdit .jcrop-holder {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/* line 531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #divImageEdit #sliderBrightness .slider-handle.round, #imageEditingOptionsModel #divImageEdit #sliderSaturation .slider-handle.round {
  background-position: -31px -482px;
}
/* line 536, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #divImageEdit #sliderBrightness.slider-disabled .slider-handle.round, #imageEditingOptionsModel #divImageEdit #sliderSaturation.slider-disabled .slider-handle.round {
  background-position: -30px -407px;
}
/* line 543, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #divImageEdit #sliderBrightness.slider-disabled .slider-handle.round, #imageEditingOptionsModel #divImageEdit #sliderSaturation.slider-disabled .slider-handle.round {
  background-position: -30px -407px;
}
/* line 548, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #divImageEdit .jcrop-keymgr {
  opacity: 0;
}
/* line 553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg {
  background: #efefef;
  padding: 15px;
}
/* line 557, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg button {
  background: #a7a9ab;
  border: none;
  color: #fff;
  font-family: "robotomedium_italic";
  margin-bottom: 5px;
  width: 90%;
  /*100%*/
  padding-top: 6px;
  padding-bottom: 7px;
  margin: 0 auto 5px;
  display: block;
}
@media only screen and (max-width: 680px) {
  /* line 557, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .grey-bg button {
    font-size: 10px;
    margin-bottom: 0;
  }
}
/* line 574, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg button span.glyphicon {
  margin-right: 5px;
  font-size: 11px;
}
@media only screen and (max-width: 680px) {
  /* line 574, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .grey-bg button span.glyphicon {
    font-size: 10px;
    margin-right: 0px;
  }
}
/* line 585, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn, #imageEditingOptionsModel .grey-bg .redeye-btn, #imageEditingOptionsModel .grey-bg .autocorrect-btn {
  padding: 0 3px;
}
/* line 589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn button:hover, #imageEditingOptionsModel .grey-bg .crop-btn button:focus, #imageEditingOptionsModel .grey-bg .redeye-btn button:hover, #imageEditingOptionsModel .grey-bg .redeye-btn button:focus, #imageEditingOptionsModel .grey-bg .autocorrect-btn button:hover, #imageEditingOptionsModel .grey-bg .autocorrect-btn button:focus {
  background: #00b7c9;
}
/* line 594, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn button img, #imageEditingOptionsModel .grey-bg .redeye-btn button img, #imageEditingOptionsModel .grey-bg .autocorrect-btn button img {
  display: inline-block;
  height: 20px;
}
/* line 599, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn button span, #imageEditingOptionsModel .grey-bg .redeye-btn button span, #imageEditingOptionsModel .grey-bg .autocorrect-btn button span {
  margin-left: 10px;
}
/* line 606, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn .more-option, #imageEditingOptionsModel .grey-bg .redeye-btn .more-option, #imageEditingOptionsModel .grey-bg .autocorrect-btn .more-option {
  font-size: 10px;
  margin-bottom: 5px;
}
/* line 610, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn .more-option .cancel a.btn, #imageEditingOptionsModel .grey-bg .redeye-btn .more-option .cancel a.btn, #imageEditingOptionsModel .grey-bg .autocorrect-btn .more-option .cancel a.btn {
  color: #58585b;
}
/* line 614, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn .more-option .apply a.btn, #imageEditingOptionsModel .grey-bg .redeye-btn .more-option .apply a.btn, #imageEditingOptionsModel .grey-bg .autocorrect-btn .more-option .apply a.btn {
  color: #0aa5b5;
}
/* line 618, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .crop-btn .more-option a, #imageEditingOptionsModel .grey-bg .redeye-btn .more-option a, #imageEditingOptionsModel .grey-bg .autocorrect-btn .more-option a {
  margin-right: 5px;
  display: inline-block;
  font-family: "robotomedium_italic";
  padding: 0;
  box-shadow: none;
}
/* line 628, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
/* line 633, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .drag-line {
  padding: 0px;
  z-index: 2;
}
/* line 638, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .drag-msg {
  color: #58585b;
  /*58595b*/
  font-size: 13px;
  /*12px*/
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  /* line 638, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .grey-bg .drag-slider .drag-msg {
    font-size: 11px;
    margin-top: 10px;
  }
}
/* line 649, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .slider.slider-horizontal {
  width: 100%;
}
/* line 653, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .minus {
  padding: 0;
  /*text-align: center;*/
}
/* line 656, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .minus span {
  font-size: 12px;
  font-weight: 100;
  color: #aaacae;
  top: 0;
}
/* line 664, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .plus {
  padding: 0;
  text-align: right;
  /*text-align: center;*/
}
/* line 668, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .plus span {
  font-size: 12px;
  font-weight: 100;
  color: #aaacae;
  top: 0;
}
/* line 676, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .slider-track {
  background: #a7a9ab;
}
/* line 680, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .drag-slider .slider-selection {
  background-color: #58595b;
}
/* line 685, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect {
  margin-top: 20px;
  /*15px*/
  font-size: 11px;
  padding: 0px 3px;
}
/* line 690, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect span {
  display: block;
  font-size: 13px;
  color: #58585b;
}
/* line 695, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect span:first-child {
  /*height: 80px;*/
  height: 65px;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 695, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .grey-bg .image-effect span:first-child {
    height: 55px;
    /*65px*/
  }
}
/* line 706, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect span.activeFilter {
  color: #08a8b7;
}
/* line 707, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect span.activeFilter:first-child {
  border: 3px solid #08a8b7;
}
/* line 714, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .grey-bg .image-effect span img {
  max-height: inherit;
  height: inherit;
}
/* line 722, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area {
  padding: 40px 15px 15px;
}
/* line 725, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area span {
  font-size: 12px;
  display: block;
  color: #58585b;
}
/* line 731, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area .btn.general-btn {
  width: 100%;
  font-size: 15px;
  /*14px*/
  padding: 8px 12px;
  /*6px 12px*/
  font-family: "franklin-gothic-atf";
}
/* line 738, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area .undo, #imageEditingOptionsModel .action-btn-area .clearall {
  padding: 0 3px;
  text-align: center;
}
/* line 742, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area .undo img, #imageEditingOptionsModel .action-btn-area .clearall img {
  height: 20px;
  /*25px*/
  margin: 0 auto;
  display: block;
}
/* line 749, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .action-btn-area .save {
  padding: 0 3px;
}
/* line 754, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 70px);
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  z-index: 5;
  display: none;
}
/* line 764, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option .col-xs-12 {
  float: none;
  margin: 0 auto;
  padding: 0;
  background: #efefef;
  height: 100%;
  padding: 15% 18%;
}
/* line 773, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option span {
  display: block;
  font-size: 20px;
  margin-top: 5px;
}
/* line 779, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option span.glyphicon {
  font-size: 18px;
}
/* line 785, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option .action-btn-area .btn {
  width: 100%;
  padding: 6px 12px;
  margin-top: 10px;
  font-family: "robotomedium_italic";
}
/* line 792, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option .action-btn-area .cancelcrop {
  background: #a7a9ab;
  color: #FFF;
}
/* line 798, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel .mobile-option img.svg-image {
  height: 20px;
}
/* line 803, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #imageLoader {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 812, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
#imageEditingOptionsModel #imageLoader .loader-img {
  color: #fff;
  line-height: 35px;
  position: relative;
  top: 40%;
}

/*text edit tab*/
/* line 825, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-helper-clearfix:before, .text-tabs .ui-helper-clearfix:after {
  content: "";
  display: table;
}
/* line 830, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-helper-clearfix:after {
  clear: both;
}
/* line 835, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-tabs-nav {
  margin: 0 0 10px 0;
  padding: .2em .3em 0;
  background: #6f6f6f;
  margin-bottom: 0px !important;
}
/* line 842, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
/* line 853, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
/* line 859, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-state-default, .text-tabs .ui-widget-content .ui-state-default, .text-tabs .ui-widget-header .ui-state-default {
  /*border: 1px solid #c5c5c5;*/
  background: #f6f6f6;
  font-weight: normal;
}
/* line 864, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-state-default a, .text-tabs .ui-widget-content .ui-state-default a, .text-tabs .ui-widget-header .ui-state-default a {
  color: #a7a9ab;
}
/* line 869, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-state-active, .text-tabs .ui-widget-content .ui-state-active, .text-tabs .ui-widget-header .ui-state-active {
  /*border: 1px solid #003eff;*/
  background: #a7a9ab;
  font-weight: normal;
}
/* line 874, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-state-active a, .text-tabs .ui-widget-content .ui-state-active a, .text-tabs .ui-widget-header .ui-state-active a {
  color: #ffffff;
}
/* line 879, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.text-tabs .ui-tabs-panel {
  margin-top: 10px;
}

/* line 884, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop {
  padding: 0 0 0 5px;
}
/* line 887, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-panel {
  top: 0 !important;
  left: 0 !important;
  background: transparent;
  padding: 0 0 20px 0;
  border: none !important;
}
/* line 894, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-panel .colorPickerClose {
  display: none;
}
/* line 898, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-panel .minicolors-grid, .color-container-desktop .minicolors-panel .minicolors-slider {
  margin-top: 0 !important;
  top: 0 !important;
  left: 0 !important;
}
/* line 904, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-panel .minicolors-slider {
  left: auto !important;
  right: 0;
}
/* line 910, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors {
  bottom: -20px;
}
/* line 914, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .color-btn {
  padding: 6px 6px;
  float: right;
}
/* line 919, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-input {
  padding-left: 40px;
  width: 120px;
}
/* line 924, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .minicolors-swatch {
  z-index: 5;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
/* line 933, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container-desktop .wheelColorPickerMonogram {
  display: none !important;
  top: -56px !important;
  height: auto !important;
}

/* line 941, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container .minicolors-swatch {
  z-index: 5;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
/* line 950, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container .minicolors-sprite {
  left: auto !important;
  /*margin-left: 10px;*/
}
@-moz-document url-prefix() {
  /* line 956, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .color-container .minicolors-sprite.minicolors-input-swatch {
    left: 3px !important;
    /*margin-left: 10px;*/
  }
}
/* line 962, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container .color-picker-text {
  padding-left: 40px;
  width: 120px;
}
/* line 967, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.color-container .minicolors-input {
  display: none;
}

/* line 973, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
.monogram-text.error {
  background-color: #ead1d1;
  border-color: #900;
}

@media only screen and (max-width: 767px), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  /* line 981, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .edit-tools .canvastoolbar button {
    margin-bottom: 1px;
  }
  /* line 985, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  .edit-tools .canvastoolbar span.text {
    display: none;
  }

  /* line 994, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .action-btn-area {
    padding: 15px 15px 10px 15px;
  }
  /* line 999, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #imageEditingOptionsModel .grey-bg .image-effect {
    margin-top: 10px;
  }

  /* line 1006, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar {
    max-width: 72px;
    /*123px*/
  }
  /* line 1008, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li {
    width: 50%;
    float: left;
    clear: none;
    padding: 0;
  }
  /* line 1014, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option {
    width: 100%;
    background-color: #a7a9ab;
    cursor: pointer;
  }
  /* line 1019, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option button {
    display: block;
    width: 100%;
    background: none;
  }
  /* line 1024, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option button span {
    background-image: url(../image/mobile_group_icon-xs.png);
    height: 35px;
    width: 35px;
    margin: 0 auto;
    display: block;
    background-position: 0 -180px;
  }
  /* line 1032, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option button span:hover {
    background-position: -43px -180px;
  }
  /* line 1038, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option:hover {
    background-color: #7f8183;
  }
  /* line 1041, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option:hover span {
    background-position: -43px -180px;
  }
  /* line 1046, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option button.active {
    background-color: #09a5b5;
  }
  /* line 1049, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_edittools.scss */
  #canvastoolbar.canvasToolbarWithPhotoEdit .canvastoolbar li.toobar-last-option button.active span {
    background-position: -86px -180px;
  }
}
/* Tooltip
-------------------------------------------------*/
/* line 4, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.tooltip-inner {
  background-color: #08a8b7;
}

/* line 8, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.tooltip.top .tooltip-arrow {
  border-top-color: #08a8b7;
}

/* line 12, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.customization-tool-area .tooltip,
.edit-tools .tooltip {
  background: none;
  width: auto;
  height: auto;
  position: absolute;
  display: block !important;
}

/* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.customization-tool-area .tooltip-inner,
.edit-tools .tooltip-inner {
  background: #08a8b7;
  color: #fff;
  border-radius: 0px;
  font-family: "robotomedium";
  padding-left: 10px;
  padding-right: 10px;
}

/* line 31, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.customization-tool-area .tooltip.top .tooltip-arrow,
.edit-tools .tooltip.top .tooltip-arrow {
  display: none;
}

/* line 36, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_tooltip.scss */
.customization-tool-area .tooltip.right .tooltip-arrow,
.edit-tools .tooltip.right .tooltip-arrow {
  display: none;
}

/* comman Modal
-------------------------------------------------*/
/* line 5, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: #444;
  margin-bottom: 24px;
}
/* line 14, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-sub-title {
  font-size: 13px;
  font-family: "franklin-gothic-atf", sans-serif;
  color: #58595b;
  margin: 0;
}
/* line 20, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-sub-title.saveimage-sub-title {
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 15px;
}
/* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-sub-title.saveimage-sub-title a {
  color: #08a8b7 !important;
  text-decoration: underline;
}
/* line 32, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal button.btn-default {
  width: auto;
  min-width: 130px;
}
/* line 37, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-content {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
  color: #58595b;
  font-size: 14px;
  border-radius: 8px;
}
/* line 46, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-content .modal-body {
  padding: 28px 33px 16px;
}
/* line 51, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-header {
  border-bottom: 0px;
  padding: 28px 38px 0;
}
/* line 56, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .close {
  background: transparent url("../image/icon_group.png") no-repeat scroll 0 -252px;
  height: 21px;
  opacity: 1;
  width: 21px;
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 1;
}
/* line 67, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .custom-msg {
  font-size: 17px;
  color: #919191;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
}
/* line 75, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .form-control {
  height: 48px;
}
/* line 79, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .form-control select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
/* line 84, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .btn[disabled],
.art-board-wrapper .modal .btn.disabled,
.art-board-wrapper .modal .btn[disabled],
.art-board-wrapper .modal .btn.disabled,
.art-board-wrapper .modal .buttonstyle[disabled],
.art-board-wrapper .modal .buttonstyle.disabled,
.art-board-wrapper .modal input[type="button"][disabled],
.art-board-wrapper .modal input[type="button"].disabled {
  color: #fff !important;
}
/* line 96, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal .modal-body.notoppadding {
  padding-top: 0;
}

/* line 102, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal-backdrop {
  background: #0d0d0d;
}

/* line 106, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal-backdrop.in {
  opacity: 0.5;
}

/* line 118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#nameTumblerModal p,
#singleImageForLayoutModal p,
#deleteSavedImageConfirmModal p,
#nosavedImageModal p,
#renameYourTumblerModal p,
#leaveYourCurrentProjectModal p,
#deleteProjectModal p {
  font-size: 16px;
  margin: 0;
}

/* line 124, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.art-board-wrapper .modal-height {
  min-height: 50px !important;
}

/* Add images option modals
-------------------------------------------------*/
/* line 130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions {
  overflow: auto;
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;*/
  -webkit-align-content: center;
  /*justify-content: center;*/
}
/* line 141, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled {
  cursor: default;
}
/* line 145, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .fb {
  background-position: 0 0;
}
/* line 149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .instagram {
  background-position: -68px 5px;
}
/* line 153, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mydevice {
  background-position: -133px 5px;
}
/* line 157, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mysaved {
  background-position: -194px 5px;
}
/* line 161, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .video {
  background-position: -263px 5px;
}
/* line 165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mysavedvideo {
  background-position: -335px 5px;
}
/* line 169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover span {
  color: #58595b;
}
/* line 175, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option {
  background-image: url("../image/icon_group.png");
  background-repeat: no-repeat;
  height: 65px;
  margin: 0 auto;
  width: 57px;
}
/* line 182, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.fb {
  background-position: 0 0;
}
/* line 186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.instagram {
  background-position: -68px 5px;
}
/* line 190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mydevice {
  background-position: -133px 5px;
}
/* line 194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mysaved {
  background-position: -194px 5px;
}
/* line 198, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.video {
  background-position: -263px 5px;
}
/* line 202, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mysavedvideo {
  background-position: -335px 5px;
}
/* line 208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover {
  color: #00b6c9;
}
/* line 211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .fb {
  background-position: 0 -65px;
}
/* line 215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .instagram {
  background-position: -68px -60px;
}
/* line 219, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mydevice {
  background-position: -133px -60px;
}
/* line 223, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mysaved {
  background-position: -194px -60px;
}
/* line 227, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .video {
  background-position: -263px -60px;
}
/* line 231, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mysavedvideo {
  background-position: -335px -60px;
}
/* line 235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover span {
  color: #fff;
  text-decoration: none;
}
/* line 242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar, .addImageOptions.instagramOptions.custom-scrollar {
  height: 300px;
  overflow-x: auto;
}
/* line 247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar div, .addImageOptions.instagramOptions.custom-scrollar div {
  border-right: 0px;
  min-height: 0px;
  padding: 0px 0px 0px 0px;
}
/* line 253, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image, .addImageOptions.instagramOptions.custom-scrollar .album-image {
  padding-bottom: 0px;
}
/* line 256, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image .image-cover, .addImageOptions.instagramOptions.custom-scrollar .album-image .image-cover {
  margin: 3px auto;
  padding-bottom: 0;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 4px solid transparent;
}
/* line 264, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image .image-cover img, .addImageOptions.instagramOptions.custom-scrollar .album-image .image-cover img {
  max-height: 100%;
}
/* line 268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image .image-cover:hover, .addImageOptions.instagramOptions.custom-scrollar .album-image .image-cover:hover {
  border: 4px solid #ade6ec;
}
/* line 272, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image .image-cover.active, .addImageOptions.instagramOptions.custom-scrollar .album-image .image-cover.active {
  border: 4px solid #ade6ec;
}
/* line 277, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar .album-image .checkbox, .addImageOptions.instagramOptions.custom-scrollar .album-image .checkbox {
  margin: 5px 0;
  padding: 0px;
}
/* line 286, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.instagramOptions .album-image .image-cover {
  width: 150px;
  height: 100px;
}
/* line 290, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.instagramOptions .album-image .image-cover.active {
  border: 4px solid #ade6ec;
}
/* line 299, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions .album-image .image-cover {
  width: 74px;
  height: 74px;
}

/* line 308, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addInstagramImageModal .modal-title {
  background: url("../image/instagram.png") no-repeat scroll 0 0 transparent;
  padding: 6px 0px 12px 66px;
}

/* line 315, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal .modal-title {
  background: url("../image/facebook.png") no-repeat scroll 0 0 transparent;
  padding: 6px 0px 6px 66px;
}
/* line 320, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li {
  margin-bottom: 10px;
}
/* line 323, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li a {
  color: #000;
}
/* line 327, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li.active a {
  color: #337ab7;
}

/* Error Message Modal
-------------------------------------------------*/
/* line 335, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .model-wrap,
.errorMessageModal .model-wrap {
  display: table !important;
}
/* line 339, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .model-wrap .model-left-body,
.errorMessageModal .model-wrap .model-left-body {
  vertical-align: middle !important;
  display: table-cell !important;
  float: none !important;
}
/* line 345, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .model-wrap .model-right-body,
.errorMessageModal .model-wrap .model-right-body {
  display: table-cell !important;
  float: none !important;
}

/* Guidelines Modal and licensed Rules Modal
-------------------------------------------------*/
/* line 354, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal,
#licensedRulesModal,
#ARguidelinesModal {
  overflow-y: auto;
}
/* line 359, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .modal-body,
#licensedRulesModal .modal-body,
#ARguidelinesModal .modal-body {
  padding: 0px;
}
/* line 363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal span.subtext,
#licensedRulesModal span.subtext,
#ARguidelinesModal span.subtext {
  font-family: "franklin-gothic-atf";
  display: block;
  font-size: 15px;
  border-bottom: 1px solid #cacccd;
  margin-bottom: 24px;
  padding-bottom: 14px;
}
/* line 372, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal #guidelines-layouts, #guidelinesModal #guidelines-ARlayouts,
#licensedRulesModal #guidelines-layouts,
#licensedRulesModal #guidelines-ARlayouts,
#ARguidelinesModal #guidelines-layouts,
#ARguidelinesModal #guidelines-ARlayouts {
  height: 360px;
  overflow-x: auto;
  margin-bottom: 30px;
  margin-top: 16px;
}
/* line 380, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .button-group button,
#licensedRulesModal .button-group button,
#ARguidelinesModal .button-group button {
  float: right;
  margin-left: 10px;
}
/* line 386, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .left,
#licensedRulesModal .left,
#ARguidelinesModal .left {
  background: #eeefef;
  padding: 28px 38px 38px;
  min-height: 519px;
}
/* line 391, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .left ul,
#licensedRulesModal .left ul,
#ARguidelinesModal .left ul {
  list-style-image: url("../image/blue-check.png");
}
/* line 396, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .right,
#licensedRulesModal .right,
#ARguidelinesModal .right {
  padding: 28px 38px 38px;
}
/* line 400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .rules,
#licensedRulesModal .rules,
#ARguidelinesModal .rules {
  padding: 28px 38px 38px;
}
/* line 403, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .rules ul,
#licensedRulesModal .rules ul,
#ARguidelinesModal .rules ul {
  list-style-image: url("../image/blue-check.png");
}

/* login Modal
-------------------------------------------------*/
/* line 415, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#loginModal .button-group a,
#divLoginModal .button-group a {
  clear: both;
  display: block;
  margin-top: 10px;
  color: #58595b;
}
/* line 423, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#loginModal input,
#divLoginModal input {
  border-radius: 2px;
  height: 41px;
}

/* My Saved Image Modal
-------------------------------------------------*/
/* line 433, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal #mySavedImageModalLabel, #mySavedVideoModal #mySavedImageModalLabel {
  margin-left: 15px;
}
/* line 437, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group, #mySavedVideoModal .button-group {
  padding-right: 0px;
}
/* line 440, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group .grey-btn, #mySavedVideoModal .button-group .grey-btn {
  margin-right: 9px;
}
/* line 444, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group .disabled, #mySavedVideoModal .button-group .disabled {
  opacity: 0.4;
  cursor: default;
}
/* line 450, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .filter, #mySavedVideoModal .filter {
  margin-bottom: 20px;
}
/* line 453, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .filter select, #mySavedVideoModal .filter select {
  width: auto;
}
/* line 458, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages, #mySavedVideoModal .mySavedImages {
  height: 252px;
  overflow-x: auto;
  margin-bottom: 20px;
  padding: 0;
}
/* line 464, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages #divSavedImages, #mySavedImageModal .mySavedImages #divSavedVideos, #mySavedVideoModal .mySavedImages #divSavedImages, #mySavedVideoModal .mySavedImages #divSavedVideos {
  height: 100%;
}
/* line 468, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover, #mySavedVideoModal .mySavedImages .image-cover {
  height: 166px;
  width: 166px;
  margin: 0 auto;
  padding-bottom: 0;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 8px solid #f5f6f6;
}
/* line 478, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .close-image, #mySavedVideoModal .mySavedImages .image-cover .close-image {
  background-image: url("../image/icon-sprite.png");
  background-color: transparent;
  background-position: -28px -27px;
  border: medium none;
  position: absolute;
  right: -5px;
  top: -5px;
  height: 20px;
  width: 20px;
  padding: 0;
  line-height: 13px;
  z-index: 3;
}
/* line 492, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .close-image img, #mySavedVideoModal .mySavedImages .image-cover .close-image img {
  max-height: none !important;
  position: relative;
  margin: 0;
}
/* line 499, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .replace-image, #mySavedVideoModal .mySavedImages .image-cover .replace-image {
  opacity: 0.8;
  color: #08a8b7;
  font-family: "robotoitalic";
  padding: 5px 5px;
  display: block;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 0px;
  background: white;
  z-index: 3;
}
/* line 512, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .replace-image img, #mySavedVideoModal .mySavedImages .image-cover .replace-image img {
  max-height: none !important;
  position: relative;
  margin: 0;
}
/* line 519, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .replace-image:hover, #mySavedVideoModal .mySavedImages .image-cover .replace-image:hover {
  background: #08a8b7;
  color: white;
  transition: 0.25s all;
}
/* line 525, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .keep-image, #mySavedVideoModal .mySavedImages .image-cover .keep-image {
  opacity: 0.8;
  color: #08a8b7;
  font-family: "robotoitalic";
  padding: 5px 5px;
  display: block;
  position: absolute;
  top: 50%;
  font-size: 16px;
  right: 0px;
  background: white;
  z-index: 3;
}
/* line 538, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .keep-image img, #mySavedVideoModal .mySavedImages .image-cover .keep-image img {
  max-height: none !important;
  position: relative;
  margin: 0;
}
/* line 545, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .keep-image:hover, #mySavedVideoModal .mySavedImages .image-cover .keep-image:hover {
  background: #08a8b7;
  color: white;
  transition: 0.25s all;
}
/* line 551, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .preview-video, #mySavedVideoModal .mySavedImages .image-cover .preview-video {
  opacity: 0.8;
  color: #08a8b7;
  font-family: "robotoitalic";
  padding: 5px 5px;
  display: block;
  position: absolute;
  top: 76%;
  font-size: 16px;
  left: 28%;
  background: white;
  z-index: 3;
}
/* line 564, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .preview-video img, #mySavedVideoModal .mySavedImages .image-cover .preview-video img {
  max-height: none !important;
  position: relative;
  margin: 0;
}
/* line 571, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .preview-video:hover, #mySavedVideoModal .mySavedImages .image-cover .preview-video:hover {
  background: #08a8b7;
  color: white;
  transition: 0.25s all;
}
/* line 578, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover img, #mySavedVideoModal .mySavedImages .image-cover img {
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/* line 588, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover:hover, #mySavedVideoModal .mySavedImages .image-cover:hover {
  border: 8px solid #ade6ec;
}
/* line 592, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover.active, #mySavedVideoModal .mySavedImages .image-cover.active {
  border: 8px solid #ade6ec;
}
/* line 595, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover.active .close-image, #mySavedVideoModal .mySavedImages .image-cover.active .close-image {
  display: block;
}
/* line 600, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover .no-img-layer, #mySavedVideoModal .mySavedImages .image-cover .no-img-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5) url("../image/img-customizer-exclamation.png") no-repeat scroll 0 0;
  background-position: center center;
}
/* line 612, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .checkbox, #mySavedVideoModal .mySavedImages .checkbox {
  margin: 5px 0 5px 8px;
  padding: 0px;
}
/* line 618, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option, #mySavedVideoModal .option {
  background-image: url("../image/icon_group.png");
  background-repeat: no-repeat;
  height: 33px;
  margin: 10px auto 0;
  width: 34px;
  display: block;
}
/* line 626, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.fb, #mySavedVideoModal .option.fb {
  background-position: 0 -142px;
}
/* line 630, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.instagram, #mySavedVideoModal .option.instagram {
  background-position: -37px -140px;
}
/* line 634, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.mydevice, #mySavedVideoModal .option.mydevice {
  background-position: -73px -140px;
}
/* line 639, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a, #mySavedVideoModal a {
  color: #58595b;
}
/* line 642, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover, #mySavedVideoModal a:hover {
  color: #00b6c9;
}
/* line 645, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover .fb, #mySavedVideoModal a:hover .fb {
  background-position: 0 -178px;
}
/* line 649, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover .instagram, #mySavedVideoModal a:hover .instagram {
  background-position: -37px -176px;
}
/* line 653, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover .mydevice, #mySavedVideoModal a:hover .mydevice {
  background-position: -73px -176px;
}

/* My Saved Image Modal
-------------------------------------------------*/
/* line 664, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #mySavedImageModalLabel {
  margin-left: 15px;
}
/* line 669, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .modal-content .modal-body {
  padding: 11px 38px 0;
}
/* line 673, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images {
  height: 330px;
  overflow-x: auto;
  margin-bottom: 20px;
  padding: 0;
}
/* line 679, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover {
  height: 166px;
  width: 166px;
  margin: 0 auto;
  padding-bottom: 0;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 8px solid #f5f6f6;
}
/* line 689, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover .close-image {
  background-image: url("../image/icon-sprite.png");
  background-color: transparent;
  background-position: -28px -27px;
  border: medium none;
  position: absolute;
  right: -5px;
  top: -5px;
  height: 20px;
  width: 20px;
  padding: 0;
  line-height: 13px;
  z-index: 3;
}
/* line 703, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover .close-image img {
  max-height: none !important;
  position: relative;
  margin: 0;
}
/* line 710, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover img {
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/* line 720, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover:hover {
  border: 8px solid #ade6ec;
}
/* line 724, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover.active {
  border: 8px solid #ade6ec;
}
/* line 727, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover.active .close-image {
  display: block;
}
/* line 735, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .button-group .general-btn {
  margin-bottom: 15px;
}
/* line 739, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader {
  position: absolute;
  height: 95%;
  width: 92%;
  z-index: 10000;
}
/* line 745, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader p {
  top: 40%;
  position: absolute;
  left: 40%;
}
/* line 750, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader p img {
  width: 80%;
}

/* Notification Model (Success, Warning and Error)
-------------------------------------------------*/
/* line 760, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#successMessageModal .modal-footer,
#errorMessageModal .modal-footer,
#warningMessageModal .modal-footer,
.errorMessageModal .modal-footer {
  text-align: center;
}

/* line 767, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#successMessage,
#errorMessage,
#warningMessage,
.errorMessage {
  font-size: 20px;
}

/* line 778, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .modal-body > div,
#successMessageModal .modal-body > div,
#warningMessageModal .modal-body > div,
.errorMessageModal .modal-body > div {
  vertical-align: text-bottom;
}
/* line 782, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .modal-body div,
#successMessageModal .modal-body div,
#warningMessageModal .modal-body div,
.errorMessageModal .modal-body div {
  display: inline-block;
}
/* line 786, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .modal-body img,
#successMessageModal .modal-body img,
#warningMessageModal .modal-body img,
.errorMessageModal .modal-body img {
  width: 32px;
}
/* line 790, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .modal-body h5,
#successMessageModal .modal-body h5,
#warningMessageModal .modal-body h5,
.errorMessageModal .modal-body h5 {
  color: #ff0000;
}
/* line 794, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .modal-body .nopadding,
#successMessageModal .modal-body .nopadding,
#warningMessageModal .modal-body .nopadding,
.errorMessageModal .modal-body .nopadding {
  padding: 0px;
}

/* line 801, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#successMessageModal .modal-body h5,
#warningMessageModal .modal-body h5 {
  color: #08a8b7;
}

/* line 807, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverConfirmModal .modal-dialog {
  width: 675px;
}

/* Preview Modal
-------------------------------------------------*/
/* line 816, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .modal-body {
  padding-bottom: 12px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 823, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform {
  /*margin-bottom: 12px;*/
}
/* line 826, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform button.on {
  display: inline-block;
}
/* line 830, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform button.off {
  display: none;
}
/* line 836, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .drag-slider {
  margin-bottom: 0px;
}
/* line 840, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal #spritespin {
  margin: 0 auto;
}

/* StartOver Product Selection Modal
-------------------------------------------------*/
/* line 848, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal {
  overflow-y: auto;
}
/* line 851, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal .modal-body {
  padding: 10px 15px !important;
}
/* line 855, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal .modal-dialog {
  width: 350px;
}
/* line 859, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal .btn {
  width: 100% !important;
}
/* line 863, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal .slogan {
  margin: 5px auto 10px;
  position: relative;
  max-width: 290px;
  cursor: default;
}
/* line 869, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#startOverProductSelectionModal .slogan img {
  max-height: 260px;
}

/* line 876, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.mysavedProjects .slogan img {
  max-height: 300px;
}

/* Mobile Text Style Option Modal
-------------------------------------------------*/
/* line 885, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools {
  background: none;
  position: relative;
  padding: 0;
}
/* line 890, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-control {
  height: 34px;
}
/* line 894, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-group {
  margin-bottom: 15px;
}
/* line 897, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-group #MobileTextPopup {
  height: 41px;
  resize: none;
}
/* line 903, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul {
  padding: 0;
}
/* line 906, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul li {
  padding: 0px;
}
/* line 909, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul li img {
  max-width: 50%;
}
/* line 915, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style {
  float: left;
  margin-right: 3px;
}
/* line 919, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
/* line 925, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-bold-text {
  background-position: -17px 0;
}
/* line 928, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-bold-text.active {
  background-position: -17px -35px;
}
/* line 933, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-italic-text {
  background-position: -79px 0;
}
/* line 936, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-italic-text.active {
  background-position: -79px -35px;
}
/* line 941, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-underline-text {
  background-position: -145px 0;
}
/* line 944, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-underline-text.active {
  background-position: -145px -35px;
}
/* line 949, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-left {
  background-position: -208px 0;
}
/* line 952, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-left.active {
  background-position: -208px -35px;
}
/* line 957, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-center {
  background-position: -272px 0;
}
/* line 960, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-center.active {
  background-position: -272px -35px;
}
/* line 965, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-right {
  background-position: -336px 0;
}
/* line 968, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-right.active {
  background-position: -336px -35px;
}
/* line 974, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .monogram-text {
  text-transform: uppercase;
  font-size: 23px;
  padding: 5px;
  text-align: center;
}
/* line 982, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog {
  width: 430px !important;
  /*width: calc(100% - 50px) !important;*/
}
/* line 985, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog .modal-header {
  padding-top: 11px;
}
/* line 989, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog .modal-body {
  padding: 8px 38px 8px 38px;
}
/* line 995, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog .modal-footer .button-group .general-btn {
  width: auto;
  min-width: 150px;
  max-width: 180px;
}
/* line 1005, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .wheelColorPickerMonogramMobile {
  width: 150px;
}
/* line 1009, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-panel {
  left: 240px !important;
  top: -70px !important;
  height: 160px !important;
}
/* line 1015, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-slider {
  margin-top: 1px !important;
}
/* line 1019, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-sprite {
  top: 3px !important;
}
/* line 1023, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-swatch {
  margin-left: 3px;
}
/* line 1027, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-grid, #mobileTextStyleOptionModal .color-container-mobile .minicolors-slider {
  top: 30px !important;
}
/* line 1033, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default {
  background: #a7a9ab;
}
/* line 1036, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default a {
  color: #ffffff;
}
/* line 1040, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default.ui-tabs-active {
  background: #f6f6f6;
}
/* line 1043, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default.ui-tabs-active a {
  color: #a7a9ab;
}
/* line 1050, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .btn-monogram-option {
  background: #a7a9ab;
  color: #ffffff;
}
/* line 1054, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .btn-monogram-option.active {
  background: #f6f6f6;
  color: #a7a9ab;
}
/* line 1060, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .simplebar .simplebar-scroll-content,
#mobileTextStyleOptionModal [data-simplebar-direction] .simplebar-scroll-content {
  height: 100% !important;
  right: -18px !important;
}
/* line 1066, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .simplebar-track {
  height: 100% !important;
}
@media only screen and (max-width: 812px) {
  /* line 1072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
  #mobileTextStyleOptionModal .color-container .minicolors-swatch {
    top: 2px !important;
  }
}

/*CustomizationRulesModal*/
/* line 1081, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#CustomizationRulesModal .modal-dialog {
  /*width: 850px;*/
}
/* line 1083, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#CustomizationRulesModal .modal-dialog.customizationrulesmodal {
  height: auto !important;
}
/* line 1088, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#CustomizationRulesModal .modal-dialog #CustomizationGuidelineModalContent img {
  max-width: 100%;
}
/* line 1093, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#CustomizationRulesModal .modal-dialog .description {
  margin: 0 38px 10px;
}

/* line 1101, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.project-warning-modal .modal-dialog .modal-body, #ResubmitOrderedPrjModal .modal-dialog .modal-body, #ThemeConciergePrjSavedModal .modal-dialog .modal-body {
  padding: 10px 38px 10px;
}
/* line 1104, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.project-warning-modal .modal-dialog .modal-body p, #ResubmitOrderedPrjModal .modal-dialog .modal-body p, #ThemeConciergePrjSavedModal .modal-dialog .modal-body p {
  padding: 10px 0;
}
/* line 1109, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.project-warning-modal .modal-dialog .modal-footer, #ResubmitOrderedPrjModal .modal-dialog .modal-footer, #ThemeConciergePrjSavedModal .modal-dialog .modal-footer {
  border-top: none;
  padding: 10px 15px 30px;
}
/* line 1114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.project-warning-modal .modal-dialog .modal-footer .button-group button, #ResubmitOrderedPrjModal .modal-dialog .modal-footer .button-group button, #ThemeConciergePrjSavedModal .modal-dialog .modal-footer .button-group button {
                    /*width: 180px;
					margin: 1px 10px;*/
}
/* line 1121, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.project-warning-modal .modal-dialog .modal-footer .button-group-resubmit button, #ResubmitOrderedPrjModal .modal-dialog .modal-footer .button-group-resubmit button, #ThemeConciergePrjSavedModal .modal-dialog .modal-footer .button-group-resubmit button {
  width: 160px;
  margin: 1px 1px;
}

/* line 1131, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#selectImageFromVideoModal .button-group {
  padding: 0;
  margin-top: 10px;
}

/*#previewARVideoModal, #selectImageFromVideoModal, #previewImageCapturedFromVideo {*/
/* line 1141, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.arprojectmodal .modal-dialog .modal-content {
  width: 700px;
}
/* line 1144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.arprojectmodal .modal-dialog .modal-content video {
  max-height: 260px;
}
/* line 1148, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.arprojectmodal .modal-dialog .modal-content img {
  max-width: 500px;
  max-height: 500px;
}
/* line 1153, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.arprojectmodal .modal-dialog .modal-content .previewcaptureimagelabel {
  font-size: 32px;
}
/* line 1160, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.arprojectmodal#previewARVideoModal .button-group {
  margin-top: 5px;
}

/* line 1169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#ARWelcomeModal .modal-dialog .modal-content video {
  height: 282px;
  /*max-width:500px;*/
  min-width: 100%;
}
/* line 1175, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#ARWelcomeModal .modal-dialog .modal-content button {
  margin-left: 100px;
}

/* line 1182, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
video {
  background-image: url("../image/loader_small.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;
}

/*To fix width issue in firefox of choos another button */
@-moz-document url-prefix() {
  /* line 1192, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
  #ConfirmVideoTrim button.grey-btn {
    width: auto;
  }
}
/*@import "partials/_HTMLSafeAreaBorder.scss";*/
/* External CSS 
-------------------------------------------------*/
/* Scroll Bar */
/* Error Msg */
/* line 12, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.art-board-wrapper .alert {
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 3px 15px 5px;
}

/* Scroll Top */
/* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.scrollToTop {
  background: transparent url("../image/top.png") no-repeat scroll 0 0;
  bottom: 402px;
  color: #58595b;
  display: none;
  height: 30px;
  padding: 30px 0 0;
  position: fixed;
  right: 68px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 30px;
  font-size: 10px;
}
/* line 36, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.scrollToTop:focus, .scrollToTop:hover {
  text-decoration: none;
  outline: 0;
}

/* colorpicker */
/* line 46, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-position-left .minicolors-panel {
  left: 67px;
}

/* line 50, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-position-bottom .minicolors-panel {
  top: -104px;
}

/* line 54, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-panel {
  border: medium none;
  box-shadow: none;
  height: 200px;
  padding: 20px 40px 20px 20px;
  background: #58595b;
}

/* line 62, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-slider,
.minicolors-opacity-slider {
  right: 20px;
  left: auto;
  top: 20px;
}

/* line 69, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors .minicolors-grid {
  top: 20px;
  left: 20px;
}

/* line 74, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-panel .colorPickerClose {
  background: transparent url("../image/icon_group.png") no-repeat scroll 0 -252px;
  border: medium none;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10000;
  height: 21px;
  width: 21px;
}

/* line 85, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors .minicolors-grid {
  top: 73px !important;
}

/* line 89, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-slider,
.minicolors-opacity-slider {
  margin-top: 53px;
}

/* line 94, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-theme-bootstrap .minicolors-swatch {
  border: medium none;
  border-radius: 15px;
  top: -31px;
  left: -9px;
  width: 30px;
  height: 30px;
}

/* line 103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.minicolors-swatch-color {
  cursor: pointer;
}

/* line 107, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.errormessage {
  max-width: 178px;
}

/* Edit icon css*/
/* line 114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.edit-icon {
  display: inline-block;
  background-image: url("../image/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: -28px -250px;
  width: 23px;
  height: 23px;
  background-color: transparent;
  border: 0 none;
}
/* line 124, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
.edit-icon:hover {
  background-position: -28px -327px;
}

/* line 129, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
span.success-icon {
  width: 26px;
  height: 26px;
  background-image: url("../image/icon-sprite.png");
  display: inline-block;
  background-position: -240px -251px;
}

/* line 137, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
span.warning-icon {
  width: 26px;
  height: 26px;
  background-image: url("../image/icon-sprite.png");
  display: inline-block;
  background-position: -240px -326px;
}

/* line 145, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_external.scss */
span.error-icon {
  width: 26px;
  height: 26px;
  background-image: url("../image/icon-sprite.png");
  display: inline-block;
  background-position: -240px -398px;
}

/* Overwritten custom styles for simplebar scrollar*/
/* Breadcrumb */
/*.art-board-wrapper .breadcrumb {
    background: none;
    font-size: 13px;
    padding-left: 0;
    font-family: $primary-font-family;
    display: none;

    a {
        color: #44c9d7;
    }

    > li + li::before {
        padding: 0 2px;
    }
}*/
/* Common Responsive 
-------------------------------------------------*/
@media only screen and (min-width: 1260px) {
  /* line 6, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .art-board-wrapper .main-content-area .container {
    width: 1232px;
  }
}
@media only screen and (max-width: 1279px) {
  /* line 13, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .customization-tool-area .art-board .vertical-tools {
    margin-left: 0px;
  }

  /* line 19, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .preview-area .glass-description .form-group {
    margin-top: 0px;
  }

  /* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #modalSSPreview3d {
    		/*.wrap3dss.CUP30SS #context {
                top: -20px;
            }
    
            .wrap3dss.CUP20SS #context {
                top: -50px;
            }*/
  }
  /* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #modalSSPreview3d .wrap3dss.CUP30SS #context, #modalSSPreview3d .wrap3dss.CUP20SS #context, #modalSSPreview3d .wrap3dss.CUP16DWT #context,
  #modalSSPreview3d .tumblerLid.CUP20SSlid-preview, #modalSSPreview3d .tumblerLid.CUP30SSlid-preview,
  #modalSSPreview3d .wrap3dss.CUP16MUG #context, #modalSSPreview3d .wrap3dss.CUP6SIP #context, #modalSSPreview3d .wrap3dss.CUP16BEER #context,
  #modalSSPreview3d .CUP30SS_New #context, #modalSSPreview3d .CUP20SS_New #context, #modalSSPreview3d .CUP24SS_New #context, #modalSSPreview3d .CUP17SS_New #context {
    top: 0;
  }

  /*Monogram tab*/
  /* line 44, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #tabs-4 .minicolors-theme-bootstrap .minicolors-swatch {
    height: 25px;
    left: 12px;
    top: 4px;
    width: 25px;
    margin-left: 10px;
  }
  /* line 53, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #tabs-4 .bgMonogram {
    margin-bottom: 5px;
  }
  /* line 57, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #tabs-4 .list-inline {
    margin-bottom: 5px;
  }

  /* line 62, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .color-container {
    height: 90px !important;
    /*.minicolors-panel {
        top: -85px !important;
        left: 200px !important;
    }*/
  }

  /* line 70, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #videoContextDevice {
    position: relative !important;
    left: 0 !important;
    z-index: 3 !important;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  /* line 80, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .mySavedImages .image-cover:hover {
    border: 8px solid #f5f6f6 !important;
  }
  /* line 84, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .mySavedImages .image-cover.active {
    border: 8px solid #ade6ec !important;
  }
}
@media only screen and (min-width: 950px) {
  /* line 94, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP24DWT {
    top: 0 !important;
  }
  /* line 98, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP16DWT {
    top: 10px !important;
  }
  /* line 102, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP10WAV {
    top: 11px !important;
  }
  /* line 106, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP9WINE {
    top: 0 !important;
  }
  /* line 110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP24WB {
    top: 26px !important;
  }
  /* line 114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP9SWG {
    top: -3px !important;
  }
  /* line 117, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  #previewModal #modalWrap3d.CUP9SWG canvas {
    margin-left: -2px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1030px) {
  /* line 127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .productGuidelineModal .modal-dialog {
    width: 740px !important;
  }
  /* line 130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_common.scss */
  .productGuidelineModal .modal-dialog .modal-body {
    overflow: auto;
  }
}
/* Ipad
-------------------------------------------------*/
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  /* line 7, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area {
    width: 100%;
  }
  /* line 11, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .art-board .show-options {
    width: 36%;
    left: 113px;
  }
  /* line 15, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .art-board .show-options #stamp,
  .customization-tool-area .selection-area .art-board .show-options #bg,
  .customization-tool-area .selection-area .art-board .show-options #ARbg {
    height: 307px;
  }
  /* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .art-board .show-options #layouts {
    height: 348px;
  }
  /* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .art-board .show-options #layouts.cla-layouts {
    height: 218px;
  }
  /* line 31, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .horizontal-tools {
    position: absolute;
    right: 0;
    padding: 0;
    top: 2px;
    				/*ul.tool-options {
                        display: block;
                        float: right;
                        height: 50%;
                        width: 100%;
                    }
    
                    .toolbarOptions {
                        bottom: auto !important;
                        left: auto !important;
                        padding: 10px;
    
                        .triangle-down {
                            background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
                            bottom: 37%;
                            height: 17px;
                            left: auto;
                            margin-left: 0;
                            right: -9px;
                            width: 10px;
                        }
                    }
    
                    .option-gridlines-selected {
                        width: 430px; 
                    }
    
                    .option-undo-redo-selected {
                        width: 360px;
                    }
    
                    li {
                        display: block !important;
                        width: 100%;
                        padding: 0;
                        position: relative;
    
                        a {
                            height: 100%;
                            width: 100%;
                            display: block;
    
                            .normal-img {
                                display: block;
                                position: relative;
                                top: 50%;
                                -webkit-transform: translateY(-50%);
                                -moz-transform: translateY(-50%);
                                -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                                width: 40px;
                                height: auto;
                            }
                        }
    
                        &.grid .toolbarOptions {
                            right: 60px;
                            top: 55px;
                        }
    
                        &.undoredo .toolbarOptions {
                            right: 60px;
                            top: 117px;
                        }
                    }*/
  }
  /* line 37, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .horizontal-tools .option-gridlines-selected {
    width: 430px;
  }
  /* line 41, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .horizontal-tools .toolbarOptions {
    bottom: auto !important;
    left: auto !important;
    padding: 10px;
  }
  /* line 46, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .horizontal-tools .toolbarOptions .triangle-down {
    background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
    bottom: 37%;
    height: 17px;
    left: auto;
    margin-left: 0;
    right: -9px;
    width: 10px;
  }
  /* line 58, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .horizontal-tools li.grid .toolbarOptions {
    right: 60px;
    top: 55px;
  }
  /* line 131, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .vertical-tools .tool-options {
    height: 100%;
    width: 65px;
    margin: 0 auto;
  }
  /* line 136, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .vertical-tools .tool-options li {
    height: 20%;
    width: 100% !important;
  }
  /* line 140, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .vertical-tools .tool-options li a {
    display: block;
    height: 100%;
  }
  /* line 144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .selection-area .vertical-tools .tool-options li a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*max-width: 65px;*/
  }
  /* line 159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area {
    width: 100%;
  }
  /* line 163, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass .waterBottleImage {
    display: none;
  }
  /* line 166, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass .waterBottleImage .help-text {
    left: -22px;
  }
  /* line 172, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area #hlpProjectName {
    right: -10px !important;
  }
  /* line 176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description {
    background-color: #f9f8f8;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 182, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div {
    float: left;
    width: 84%;
    line-height: 53px;
    font-size: 19px;
    position: relative;
  }
  /* line 189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div div {
    float: left;
    margin-right: 10px;
    position: relative;
  }
  /* line 194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div div#previewareaproject {
    margin-right: 0;
    width: 100% !important;
    padding-left: 78px;
    padding-right: 92px;
  }
  /* line 200, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div div#previewareaproject a.editbtn-icon {
    margin-top: 16px;
    width: 9%;
    margin-left: 2%;
    float: left;
  }
  /* line 208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div div #hlpProjectName {
    right: -6px !important;
    left: 10px;
    top: -10px !important;
  }
  /* line 215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div .mobile-logo {
    display: block !important;
    width: 70px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    left: 0px;
  }
  /* line 223, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .mobile-div .mobile-logo img {
    max-width: 100%;
  }
  /* line 229, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .form-group {
    float: left;
    margin-bottom: 0;
    width: 16%;
  }
  /* line 234, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .preview-area .glass-description .form-group .preview-btn {
    background-position: 85px 23px;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    float: right;
  }

  /* line 248, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area.wbDeviceView .art-board .show-options #layouts {
    height: 407px;
  }
  /* line 254, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools ul {
    width: 100%;
    float: left;
  }
  /* line 259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools ul li a {
    height: 100%;
    width: 100%;
  }

  /* line 268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .customization-tool-area .art-board .show-options .last-visible-cover {
    height: 70px;
    width: 89%;
  }

  /* line 273, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #layouts .style-selection li .block {
    height: 81px;
    width: auto;
  }

  /* line 278, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #bg .style-selection li .block .upper-text,
  #ARbg .style-selection li .block .upper-text {
    font-size: 0.5em;
    padding: 5px 8px;
  }

  /* line 284, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-panel .colorPickerClose {
    top: 0px;
    right: 0px;
  }

  /* line 290, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-theme-bootstrap .minicolors-swatch {
    height: 25px;
    left: 22px;
    top: 22px;
    width: 25px;
  }

  /* line 298, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-position-bottom .minicolors-panel {
    top: -98px;
  }

  /* line 302, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors .minicolors-grid {
    top: 60px !important;
    left: 10px;
  }

  /* line 307, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-slider,
  .minicolors-opacity-slider {
    top: 10px;
  }

  /* line 312, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-panel {
    /* padding: 10px 20px 20px 10px;*/
    height: 190px;
    border: 1px solid;
  }

  /* line 318, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .minicolors-position-left .minicolors-panel {
    left: 48px;
  }

  /* line 322, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-page {
    width: auto;
  }

  /* line 334, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap {
    width: 100%;
    margin-right: 0;
  }
  /* line 338, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap #prjName {
    width: auto !important;
    max-width: 89% !important;
  }
  /* line 343, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap .ellipse-layer {
    bottom: -21px;
    margin-left: -19px;
  }
  /* line 350, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-area .glass-description .mobile-div .productdetail {
    margin-left: 10px !important;
    width: 70px;
    float: right !important;
    position: absolute !important;
    right: 0;
  }

  /* line 361, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .art-board-wrapper .modal button.btn-default {
    width: 161px;
    min-width: 130px;
    margin-left: 0px;
  }

  /* line 367, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #ddlFontSize-model {
    width: 171px;
  }

  /* line 371, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #startOverProductSelectionModal .slogan img {
    max-height: 200px;
  }

  /* line 375, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .preview-area .editbtn-icon {
    position: relative;
  }

  /* line 379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  .general-btn {
    width: 150px;
  }

  /* line 384, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #mobileTextStyleOptionModal .backgroundlist-monogram {
    width: 25%;
  }

  /* line 389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #previewVideoDevice {
    top: 120px !important;
  }
  /* line 392, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_ipad.scss */
  #previewVideoDevice video {
    /*max-height: 170px !important;*/
  }
}
/* Mobile 
-------------------------------------------------*/
@media only screen and (max-width: 767px), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  /*.loader {
        .loader-img {
            margin-top: -25px;

            .svg-loader {
                width: 30px;
            }
        }
    }*/
  /* line 18, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  header,
  footer,
  #footer-copy-wrapper,
  #footer-stripes-wrapper {
    display: none;
  }

  /*for iphone 6s+ issues  
    *[role=button],
    *[type=button] {
        cursor: pointer;
    }
    /*for iphone 6+ multitab issue  */
  /* line 30, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .modal {
    position: absolute;
    top: 0;
  }

  /*.art-board-wrapper .modal-dialog {
        width: 95% !important;
        margin: 10px auto;
    }*/
  /* line 41, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .album-name img {
    clear: both;
    display: block;
  }

  /* line 47, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal, #mySavedVideoModal {
    /*.mySavedImages.custom-scrollar {
            margin-bottom: 10px;
        }*/
  }
  /* line 48, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .modal-header, #mySavedVideoModal .modal-header {
    padding-top: 5px;
  }
  /* line 52, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .button-group, #mySavedVideoModal .button-group {
    margin-top: 7px;
  }
  /* line 56, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages, #mySavedVideoModal .mySavedImages {
    height: 190px;
    /*205*/
    margin-bottom: 0;
  }
  /* line 60, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages .image-cover, #mySavedVideoModal .mySavedImages .image-cover {
    width: 100%;
  }
  /* line 64, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages custom-scrollar, #mySavedVideoModal .mySavedImages custom-scrollar {
    margin-bottom: 10px;
  }
  /* line 69, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .add-more-image, #mySavedVideoModal .add-more-image {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 73, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .add-more-image li, #mySavedVideoModal .add-more-image li {
    float: left;
  }
  /* line 78, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .button-group .general-btn, #mySavedVideoModal .button-group .general-btn {
    width: auto;
    font-size: 11px;
    height: auto;
    padding: 4px 8px;
    line-height: 18px;
  }

  /* line 90, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #failedImageUploadModal {
    /*.mySavedImages.custom-scrollar {
            margin-bottom: 10px;
        }*/
  }
  /* line 91, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #failedImageUploadModal .button-group {
    margin-top: 7px;
  }
  /* line 95, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #failedImageUploadModal .images {
    height: 160px;
  }
  /* line 98, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #failedImageUploadModal .images custom-scrollar {
    margin-bottom: 10px;
  }
  /* line 103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #failedImageUploadModal .button-group .general-btn {
    width: auto;
    font-size: 11px;
    height: auto;
    padding: 4px 8px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  /* line 118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #imageEditingOptionsModel h2 {
    font-size: 19px;
    text-align: center;
    padding: 5px 38px;
  }

  /* line 125, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  body.art-board-wrapper {
    padding-top: 0px;
  }

  /* line 129, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .content-area {
    padding-top: 0px;
  }
  /* line 132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .content-area .row {
    margin-left: 0px;
    margin-right: 0px;
  }

  /* line 138, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper .breadcrumb {
    margin-bottom: 0px;
  }

  /* line 142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board .canvasbg {
    margin-left: 0;
  }

  /* line 147, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container,
  .customization-tool-area {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 152, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .tool-options,
  .customization-tool-area .tool-options {
    margin-bottom: 0px;
  }
  /* line 158, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .vertical-tools li a,
  .customization-tool-area .vertical-tools li a {
    display: block;
    height: 100%;
  }
  /* line 164, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .vertical-tools .tool-options,
  .customization-tool-area .vertical-tools .tool-options {
    height: 100%;
    margin: 0 auto;
  }
  /* line 169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .vertical-tools .tool-options li img,
  .customization-tool-area .vertical-tools .tool-options li img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*max-width: 62px;
                max-height: 38px!important;*/
  }
  /* line 183, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .art-board,
  .customization-tool-area .art-board {
    overflow: initial;
  }
  /* line 186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .art-board .show-options,
  .customization-tool-area .art-board .show-options {
    padding: 17px 17px 0;
  }
  /* line 189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .art-board .show-options .last-visible-cover,
  .customization-tool-area .art-board .show-options .last-visible-cover {
    display: none;
  }
  /* line 195, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools,
  .customization-tool-area .horizontal-tools {
    position: absolute;
    right: 0;
    top: 2px;
    padding: 0;
    margin-right: 0 !important;
      /*.tool-options {
                margin: 0;
                float: none;
                height: 50%;
                display: block;
            }

            li {
                display: block;
                padding: 0;
                position: relative;

                a {
                    display: block;
                    height: 100%;

                    .normal-img {
                        display: block;
                        position: relative;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                }
            }

            .option-gridlines-selected {
                width: 280px;
            }

            .option-undo-redo-selected {
                width: 340px;
            }

            .toolbarOptions {
                padding: 15px;
                left: auto !important;
                bottom: auto !important;

                .triangle-down {
                    background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
                    bottom: 37%;
                    height: 17px;
                    left: auto;
                    margin-left: 0;
                    right: -9px;
                    width: 10px;
                }
            }*/
  }
  /* line 202, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .option-gridlines-selected,
  .customization-tool-area .horizontal-tools .option-gridlines-selected {
    width: 280px;
  }
  /* line 206, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .toolbarOptions,
  .customization-tool-area .horizontal-tools .toolbarOptions {
    padding: 15px;
    left: auto !important;
    bottom: auto !important;
  }
  /* line 211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .toolbarOptions .triangle-down,
  .customization-tool-area .horizontal-tools .toolbarOptions .triangle-down {
    background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
    bottom: 37%;
    height: 17px;
    left: auto;
    margin-left: 0;
    right: -9px;
    width: 10px;
  }
  /* line 274, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .grid .toolbarOptions .checkbox,
  .customization-tool-area .horizontal-tools .grid .toolbarOptions .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 279, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .grid .toolbarOptions .checkbox label,
  .customization-tool-area .horizontal-tools .grid .toolbarOptions .checkbox label {
    margin-right: 20px;
    padding-left: 20px;
    margin-top: 0;
    width: 100%;
  }
  /* line 285, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .grid .toolbarOptions .checkbox label.last,
  .customization-tool-area .horizontal-tools .grid .toolbarOptions .checkbox label.last {
    margin-right: 0px;
  }
  /* line 289, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .grid .toolbarOptions .checkbox label input,
  .customization-tool-area .horizontal-tools .grid .toolbarOptions .checkbox label input {
    margin-top: 6px;
  }
  /* line 297, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .show-help,
  .customization-tool-area .horizontal-tools .show-help {
    left: 19px;
  }
  /* line 300, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .show-help .help-text,
  .customization-tool-area .horizontal-tools .show-help .help-text {
    left: -213px;
    top: -25px;
    text-align: left;
    font-family: "franklin-gothic-atf";
  }
  /* line 306, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .horizontal-tools .show-help .help-text .triangle-down,
  .customization-tool-area .horizontal-tools .show-help .help-text .triangle-down {
    background: transparent url("../image/right_arrow.png") no-repeat scroll 0 0;
    bottom: 37%;
    height: 17px;
    left: auto;
    margin-left: 0;
    right: -9px;
    width: 10px;
  }
  /* line 319, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area,
  .customization-tool-area .preview-area {
    margin-top: 3px;
  }
  /* line 324, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area .glass-description .mobile-div #previewareaproject,
  .customization-tool-area .preview-area .glass-description .mobile-div #previewareaproject {
    width: 100%;
  }
  /* line 327, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap,
  .customization-tool-area .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap {
    width: 100%;
    max-width: 100%;
  }
  /* line 331, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap #prjName,
  .customization-tool-area .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap #prjName {
    max-width: 85% !important;
    width: auto !important;
  }
  /* line 336, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap .editbtn-icon,
  .customization-tool-area .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap .editbtn-icon {
    width: 13%;
    margin-left: 2%;
  }
  /* line 343, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .main-content-area .container .preview-area .glass-description .mobile-div .productdetail,
  .customization-tool-area .preview-area .glass-description .mobile-div .productdetail {
    float: right !important;
    position: absolute;
    right: 0;
    width: 70px;
  }

  /* line 358, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .art-board .canvasbg {
    margin-bottom: 0;
  }
  /* line 363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools {
    right: 0;
  }
  /* line 366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools ul {
    float: left !important;
  }
  /* line 371, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools li a {
    background-size: contain;
  }
  /* line 376, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .horizontal-tools .option-gridlines-selected {
    width: 360px;
  }
  /* line 382, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .vertical-tools li {
    height: 16.6667% !important;
  }
  /* line 385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .vertical-tools li.wb-mobile-logo {
    position: relative;
    padding: 0 !important;
    width: auto;
  }
  /* line 396, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject {
    width: 100%;
    padding: 0px;
  }
  /* line 400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap {
    width: 100%;
  }
  /* line 403, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap #prjName {
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    max-height: 80px;
    font-size: 17px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  /* line 415, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap .editbtn-icon {
    width: 25px;
    margin-left: 0;
  }
  /* line 421, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject #hlpProjectName {
    right: 5px !important;
  }
  /* line 426, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div .productdetail {
    width: auto;
    position: absolute;
    bottom: 9px;
    right: 5px;
  }
  /* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.mugDeviceView .horizontal-tools .option-gridlines-selected {
    width: 430px;
  }

  /* line 446, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #layouts .style-selection li,
  #guidelines-layouts .style-selection li,
  #guidelines-ARlayouts .style-selection li,
  #bg .style-selection li,
  #ARbg .style-selection li {
    padding: 0;
  }

  /* line 454, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #layouts .style-selection li .block {
    height: auto;
  }

  /* line 458, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #stamp .style-selection li {
    padding: 0px 0px;
  }

  /* line 462, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #bg .style-selection li .block,
  #ARbg .style-selection li .block {
    margin: 3px 0px;
    height: 100%;
  }
  /* line 467, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #bg .style-selection li .block .upper-text,
  #ARbg .style-selection li .block .upper-text {
    padding: 10px 15px;
  }

  /* line 472, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #divRebindCLABackgroundLoading, #divRebindARCLABackgroundLoading {
    top: 17%;
    height: 80%;
  }
  /* line 476, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #divRebindCLABackgroundLoading .loader-img, #divRebindARCLABackgroundLoading .loader-img {
    top: 40% !important;
  }

  /* line 481, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #layouts .style-selection li .block,
  #guidelines-layouts .style-selection li .block,
  #guidelines-ARlayouts .style-selection li .block {
    width: auto;
    margin: 0px;
  }

  /* line 488, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #guidelinesModal .left,
  #licensedRulesModal .left,
  #ARguidelinesModal .left {
    min-height: 0px;
  }

  /* line 494, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area {
    word-wrap: break-word;
    padding-left: 0px;
    padding-right: 0;
  }
  /* line 499, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description {
    padding-right: 0;
    padding-left: 0px;
    background-color: #f9f8f8;
    max-width: none;
    position: relative;
    width: 100%;
    height: 53px;
  }
  /* line 508, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description #previewareaproject {
    padding-left: 100px;
    padding-right: 65px;
    width: 100%;
  }
  /* line 513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description #previewareaproject #hlpProjectName {
    right: 5px !important;
  }
  /* line 518, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description #previewareaprice {
    color: #b4b0ae;
  }
  /* line 521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description #previewareaprice #prjName {
    font-size: 30px;
  }
  /* line 526, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description #previewareaproductname {
    display: block;
    clear: both;
  }
  /* line 531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-div {
    float: left;
    width: 80%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  /* line 541, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-div div {
    float: left;
  }
  /* line 545, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-div .price {
    margin-left: 15px;
  }
  /* line 549, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-div .previewareaprice {
    padding-top: 5px;
  }
  /* line 554, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .form-group {
    float: left;
    margin-bottom: 0px;
    width: 20%;
    height: 53px;
  }
  /* line 560, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .form-group button {
    /*float:right;*/
    height: 100%;
  }
  /* line 566, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-logo {
    margin-right: 10px;
  }
  /* line 569, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .mobile-logo img {
    max-width: 100%;
    padding-left: 7px;
  }
  /* line 577, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div .mobile-logo {
    float: left !important;
    width: 85px;
    position: absolute;
    margin-right: 0px;
  }
  /* line 584, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div #previewareaproject {
    float: left !important;
  }
  /* line 587, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div #previewareaproject .ellipse-wrap {
    float: left;
    width: 80%;
  }
  /* line 591, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div #previewareaproject .ellipse-wrap #prjName {
    width: 95% !important;
    float: left;
  }
  /* line 598, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div .productdetail {
    float: left;
    width: auto;
    margin-left: 0;
  }
  /* line 603, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div .productdetail #previewareaproductname {
    float: left;
  }
  /* line 607, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .mobile-div .productdetail .price.previewareaprice {
    float: left;
  }

  /* line 616, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools.commonelement li form {
    padding: 15px;
  }

  /* line 623, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools button {
    background-image: url("../image/mobile_group_icon.png");
    width: 42px;
    height: 42px;
  }
  /* line 629, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button:hover {
    background-position: -50px -258px;
  }
  /* line 633, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button.active {
    background-position: -100px -258px;
  }
  /* line 637, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button {
    background-position: 0px -258px;
  }
  /* line 641, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button:hover {
    background-position: -50px -86px;
  }
  /* line 645, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button.active {
    background-position: -100px -86px;
  }
  /* line 649, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button {
    background-position: 0px -86px;
  }
  /* line 653, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button:hover {
    background-position: -50px -129px;
  }
  /* line 657, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button.active {
    background-position: -100px -129px;
  }
  /* line 661, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button {
    background-position: 0px -129px;
  }
  /* line 665, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button:hover {
    background-position: -50px 0px;
  }
  /* line 669, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button.active {
    background-position: -100px 0px;
  }
  /* line 673, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button {
    background-position: 0px 0px;
  }
  /* line 677, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button:hover {
    background-position: -50px -43px;
  }
  /* line 681, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button.active {
    background-position: -100px -43px;
  }
  /* line 685, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button {
    background-position: 0px -43px;
  }
  /* line 689, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button:hover {
    background-position: -50px -172px;
  }
  /* line 693, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button.active {
    background-position: -100px -172px;
  }
  /* line 697, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button {
    background-position: 0px -172px;
  }
  /* line 701, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button:hover {
    background-position: -50px -215px;
  }
  /* line 705, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button.active {
    background-position: -100px -215px;
  }
  /* line 709, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button {
    background-position: 0px -215px;
  }

  /* line 714, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors {
    width: 172px;
  }

  /* line 719, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors-theme-bootstrap .minicolors-swatch {
    height: 25px;
    left: 22px;
    top: 22px;
    width: 25px;
  }

  /* line 727, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors-position-bottom .minicolors-panel {
    top: -98px;
  }

  /* line 731, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors .minicolors-grid {
    top: 60px !important;
    left: 10px;
  }

  /* line 736, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors-slider,
  .minicolors-opacity-slider {
    top: 10px;
  }

  /*.minicolors-panel {
        padding: 10px 25px 20px 10px;
        height: 190px;
        border: 1px solid;
    }*/
  /* line 747, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .minicolors-position-left .minicolors-panel {
    left: 48px;
  }

  /* line 751, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper .modal .modal-title {
    font-size: 19px;
  }

  /* line 755, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .tumbler-image button {
    margin-top: 0px;
    margin-right: 5px;
  }

  /* line 760, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .right {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  /* line 764, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .right .btn {
    height: auto;
    margin-bottom: 5px;
  }
  /* line 769, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .right .slogan {
    margin-bottom: 5px;
    margin-top: 30px;
  }
  /* line 774, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .right #divProductSelectionDialog {
    margin-bottom: 5px;
  }

  /* line 782, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedProjects .modal-dialog .modal-body h5.modal-sub-title, #mySavedProjects .modal-dialog .modal-header h5.modal-sub-title, #mySavedImageModal .modal-dialog .modal-body h5.modal-sub-title, #mySavedImageModal .modal-dialog .modal-header h5.modal-sub-title, #mySavedVideoModal .modal-dialog .modal-body h5.modal-sub-title, #mySavedVideoModal .modal-dialog .modal-header h5.modal-sub-title {
    font-size: 11px;
  }
  /* line 785, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedProjects .modal-dialog .modal-body h5.modal-sub-title.saveimage-sub-title, #mySavedProjects .modal-dialog .modal-header h5.modal-sub-title.saveimage-sub-title, #mySavedImageModal .modal-dialog .modal-body h5.modal-sub-title.saveimage-sub-title, #mySavedImageModal .modal-dialog .modal-header h5.modal-sub-title.saveimage-sub-title, #mySavedVideoModal .modal-dialog .modal-body h5.modal-sub-title.saveimage-sub-title, #mySavedVideoModal .modal-dialog .modal-header h5.modal-sub-title.saveimage-sub-title {
    margin-left: 0;
  }
  /* line 790, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedProjects .modal-dialog .modal-body #mySavedImageModalLabel, #mySavedProjects .modal-dialog .modal-header #mySavedImageModalLabel, #mySavedImageModal .modal-dialog .modal-body #mySavedImageModalLabel, #mySavedImageModal .modal-dialog .modal-header #mySavedImageModalLabel, #mySavedVideoModal .modal-dialog .modal-body #mySavedImageModalLabel, #mySavedVideoModal .modal-dialog .modal-header #mySavedImageModalLabel {
    margin-left: 0;
  }

  /* line 797, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .save-projects-listing {
    padding-top: 15px;
  }
  /* line 800, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .save-projects-listing .price {
    font-size: 11px;
  }
  /* line 804, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .save-projects-listing .btn {
    font-size: 13px;
    padding: 2px;
  }

  /* line 810, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects select {
    padding: 6px 0;
  }

  /* line 814, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .projectname .name {
    font-size: 12px;
  }

  /* line 818, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .left {
    padding-left: 20px;
    padding-top: 20px;
  }

  /* line 823, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedPrjs select {
    width: auto;
  }

  /* line 827, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #divAlbumns.custom-scrollar,
  .addImageOptions.facebookOptions.custom-scrollar,
  .addImageOptions.instagramOptions.custom-scrollar {
    height: 135px;
  }

  /* line 833, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #divInstagramPhotoes .custom-scrollar {
    height: 125px;
  }

  /* line 837, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .addImageOptions.instagramOptions {
    height: 125px;
  }

  /* line 842, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper .modal .modal-content .modal-body {
    /*padding: 5px 20px;*/
  }

  /* line 848, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #LoginModal .modal-header {
    padding: 0px;
  }
  /* line 853, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #LoginModal .modal-content .modal-body {
    padding: 0px 15px 15px 15px;
  }
  /* line 857, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #LoginModal .modal-content input {
    height: 32px;
  }

  /* line 864, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .show-help .modal {
    z-index: 1072;
  }
  /* line 867, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .show-help .modal p {
    font-family: "franklin-gothic-atf" !important;
    text-align: left;
  }
  /* line 872, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .show-help .modal .modal-header {
    padding-left: 20px;
  }
  /* line 875, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .show-help .modal .modal-header h4 {
    font-family: "franklin-gothic-atf" !important;
    font-weight: 400;
  }
  /* line 881, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .show-help .modal .modal-body {
    padding-top: 0px;
  }

  /* line 888, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .help-mobile-modal .modal-dialog {
    width: 75% !important;
  }
  /* line 891, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .help-mobile-modal .modal-dialog .modal-body {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
  /* line 896, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .help-mobile-modal .modal-dialog .modal-header {
    padding-top: 11px;
  }

  /* line 903, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-page .glass-description {
    position: relative;
  }
  /* line 907, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-page .glass-description .cover {
    margin: 0 auto;
  }
  /* line 912, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-page .glass-description .cover #previewareaproject .ellipse-wrap #prjName1 {
    max-width: 86%;
  }
  /* line 920, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-page .glass-description .button-group .preview-btn {
    width: auto;
    padding: 4px 15px;
  }
  /* line 930, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-page .preview-area .preview-main-wrap .preview-rotate-image .wrap3d {
    height: auto;
  }

  /* line 938, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .general-btn,
  .preview-area .preview-btn,
  .general-btn:hover,
  .preview-btn:hover,
  .general-btn:focus,
  .preview-btn:focus {
    padding: 4px 0px;
    margin-top: 0px;
    font-size: 14px;
  }

  /* line 949, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #startOverProductSelectionModal {
    overflow-y: auto;
  }
  /* line 952, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #startOverProductSelectionModal .modal-dialog {
    width: 280px !important;
  }
  /* line 957, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #startOverProductSelectionModal .slogan img {
    max-height: 110px;
  }
  /* line 962, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #startOverProductSelectionModal h2 {
    font-size: 17px;
    margin-top: 0;
  }

  /* line 968, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #outsidecanvasmsg {
    font-size: 11px;
  }

  /* line 974, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  /* line 979, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description div {
    width: 100%;
    margin: 0;
  }
  /* line 983, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description div button {
    height: 100%;
    padding: 0px;
    width: 100%;
  }
  /* line 990, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .mobile-logo {
    display: none !important;
  }
  /* line 994, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .mobile-div {
    padding-left: 8px;
  }
  /* line 999, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .wb-mobile-logo {
    display: block;
    text-align: center;
  }
  /* line 1003, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .wb-mobile-logo a {
    display: block;
  }
  /* line 1008, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .art-board .show-options {
    z-index: 999;
  }
  /* line 1012, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .glass-description {
    height: auto;
  }
  /* line 1015, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .glass-description .mobile-div {
    top: 0%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
  }

  /* line 1026, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .vertical-tools li .arrow-mobile-option {
    display: none !important;
  }
  /* line 1031, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .vertical-tools li.current .arrow-mobile-option {
    display: block !important;
  }

  /* line 1038, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mobileTextStyleOptionModal .edit-tools .set-style {
    margin-bottom: 0px;
  }
  /* line 1042, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mobileTextStyleOptionModal .edit-tools .form-group {
    margin-bottom: 10px;
  }
  /* line 1046, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mobileTextStyleOptionModal .dropdown .btn {
    margin-left: 0px;
    margin-bottom: 0px;
    width: 162px !important;
  }
  /* line 1052, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mobileTextStyleOptionModal .dropdown .dropdown-menu {
    max-height: 160px;
    overflow: auto;
  }

  /* line 1058, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .btn-edit-continue {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* line 1063, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .wb-modal-content, .ss-modal-content {
    /*height: 200px;*/
    overflow-y: auto;
  }

  /* line 1068, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .ss-modal-content .ss-rules {
    top: 5px;
  }

  /* line 1072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .wb-mobile-logo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  /* line 1080, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .save-projects-listing li .seperator {
    margin: 0px 0 16px 0;
  }

  /* line 1085, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools button {
    background-image: url("../image/mobile_group_icon-xs.png");
    width: 35px;
    height: 35px;
  }
  /* line 1091, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button:hover {
    background-position: -43px -216px;
  }
  /* line 1095, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button.active {
    background-position: -86px -216px;
  }
  /* line 1099, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .duplicate button {
    background-position: 0px -216px;
  }
  /* line 1103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button:hover {
    background-position: -43px -72px;
  }
  /* line 1107, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button.active {
    background-position: -86px -72px;
  }
  /* line 1111, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-right button {
    background-position: 0px -72px;
  }
  /* line 1115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button:hover {
    background-position: -43px -108px;
  }
  /* line 1119, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button.active {
    background-position: -86px -108px;
  }
  /* line 1123, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .rotate-bottom button {
    background-position: 0px -108px;
  }
  /* line 1127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button:hover {
    background-position: -43px 0px;
  }
  /* line 1131, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button.active {
    background-position: -86px 0px;
  }
  /* line 1135, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .backward button {
    background-position: 0px 0px;
  }
  /* line 1139, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button:hover {
    background-position: -43px -36px;
  }
  /* line 1143, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button.active {
    background-position: -86px -36px;
  }
  /* line 1147, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .forward button {
    background-position: 0px -36px;
  }
  /* line 1151, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button:hover {
    background-position: -43px -144px;
  }
  /* line 1155, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button.active {
    background-position: -86px -144px;
  }
  /* line 1159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone button {
    background-position: 0 -144px;
  }
  /* line 1163, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .clone.disablemenu button {
    background-position: -129px -144px;
  }
  /* line 1168, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .video button:hover {
    background-position: -43px -252px;
  }
  /* line 1172, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .video button.active {
    background-position: -86px -252px;
  }
  /* line 1176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .video button {
    background-position: 0 -252px;
  }
  /* line 1180, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .video.disablemenu button {
    background-position: -129px -252px;
  }
  /* line 1186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button:hover {
    background-position: -43px -180px;
  }
  /* line 1190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button.active {
    background-position: -86px -180px;
  }
  /* line 1194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete button {
    background-position: 0px -180px;
  }
  /* line 1198, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .edit-tools .delete.disablemenu button {
    background-position: -129px -180px;
  }

  /* line 1203, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .save-projects-listing {
    height: 180px;
  }

  /* line 1207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .mysavedProjects .right .slogan img {
    max-height: 113px;
  }

  /* line 1211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .wb-mobile-logo {
    padding: 0px;
  }
  /* line 1214, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .wb-mobile-logo img {
    width: 60px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  /* line 1225, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #stamp .style-selection li .block {
    margin: 10px 8px 0 0;
    /*border: 4px solid #bfebf1;*/
  }

  /* line 1230, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .modal#RegisterModal .form-control {
    height: 28px;
  }

  /* line 1234, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .tools vertical-tools {
    display: none;
  }

  /* line 1238, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #layouts ul.style-selection li:nth-child(2n+1) {
    clear: both;
  }

  /* line 1242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #RegisterModal .modal-header {
    position: absolute;
    right: 0;
  }

  /* line 1247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper .modal .form-control {
    height: 30px;
  }

  /* line 1251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .form-group {
    margin-bottom: 10px;
  }

  /* line 1257, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .project-warning-modal .modal-dialog .modal-body {
    padding: 10px 38px;
  }
  /* line 1260, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .project-warning-modal .modal-dialog .modal-body p {
    padding: initial;
  }
  /* line 1267, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .project-warning-modal .modal-dialog .modal-footer .button-group button {
    width: 145px;
    margin: 1px 5px;
  }

  /*#previewARVideoModal, #selectImageFromVideoModal, #previewImageCapturedFromVideo {*/
  /* line 1279, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-header {
    padding: 10px 38px 0;
  }
  /* line 1283, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content {
    width: auto;
  }
  /* line 1286, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content video {
    max-height: 180px;
  }
  /* line 1290, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content img {
    max-width: 420px;
    max-height: 240px;
  }
  /* line 1295, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content .previewcaptureimagelabel {
    font-size: 21px;
  }

  /* line 1305, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #ARWelcomeModal .modal-dialog .modal-content video {
    max-height: 210px;
    /*max-width: 500px;*/
    min-width: 100%;
  }
  /* line 1311, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #ARWelcomeModal .modal-dialog .modal-content .checkbox {
    margin-top: 3px;
  }

  /* line 1318, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper button.btn-add-asset {
    font-size: 10px;
  }

  /* line 1322, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .grid-content-wrapper-item button.btn-add-dummy-asset {
    font-size: 10px;
  }
}
@media only screen and (max-width: 700px) {
  /* line 1334, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject .ellipse-wrap #prjName {
    font-size: 14px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
  }
}
@media only screen and (min-width: 481px) and (max-width: 667px) {
  /* line 1348, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #layouts.cla-layouts {
    height: 102px !important;
  }

  /* line 1352, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #guidelinesModal #guidelines-layouts, #ARguidelinesModal #guidelines-ARlayouts {
    height: 205px;
  }
}
@media only screen and (min-width: 570px) and (max-width: 767px) {
  /* line 1363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customization-tool-area.wbDeviceView .preview-area .glass-description .mobile-div #previewareaproject {
    width: 100% !important;
  }
}
@media only screen and (max-width: 700px) {
  /* line 1373, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description {
    height: 48px;
  }

  /* line 1377, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .form-group {
    height: 48px;
  }

  /* line 1381, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .art-board-wrapper button.btn-add-asset {
    font-size: 7px;
  }

  /* line 1385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .grid-content-wrapper-item button.btn-add-dummy-asset {
    font-size: 7px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 1393, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages, #mySavedVideoModal .mySavedImages {
    height: 145px;
  }
  /* line 1396, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages .alignSavedImages, #mySavedVideoModal .mySavedImages .alignSavedImages {
    height: 166px;
  }
  /* line 1399, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages .alignSavedImages .image-cover, #mySavedVideoModal .mySavedImages .alignSavedImages .image-cover {
    height: 130px;
  }
  /* line 1404, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedImageModal .mySavedImages .preview-video, #mySavedVideoModal .mySavedImages .preview-video {
    padding: 2px !important;
    font-size: 13px !important;
  }

  /* line 1414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedProjects .mysavedProjects .projectname span {
    display: inline-block;
  }
  /* line 1417, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #mySavedProjects .mysavedProjects .projectname span.name {
    white-space: nowrap;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* line 1428, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description {
    height: 42px;
  }

  /* line 1432, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area .glass-description .form-group {
    height: 42px;
  }

  /* line 1437, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal #modalWrap3d.CUP16DWT {
    top: 0 !important;
  }
  /* line 1441, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal #modalWrap3d.CUP10WAV {
    top: 1px !important;
  }
  /* line 1445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal #modalWrap3d.CUP24DWT {
    top: -5px !important;
  }
  /* line 1449, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal #modalWrap3d.CUP24WB {
    top: 8px !important;
  }
  /* line 1453, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal .modal-body {
    padding-bottom: 5px;
  }
  /* line 1456, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal .modal-body .preview-page {
    margin-top: -10px;
  }
  /* line 1459, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #previewModal .modal-body .preview-page .drag-slider {
    /*margin-top: -15px;*/
    margin-top: -5px;
  }

  /* line 1467, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .ss-modal-content {
    /*height: 130px;*/
  }
  /* line 1469, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .ss-modal-content .ss-rules {
    top: 0 !important;
  }

  /* line 1474, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .customizationrulesmodal .modal-footer {
    padding: 5px 15px;
  }

  /* line 1480, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .project-warning-modal .modal-dialog .modal-body {
    padding: 10px;
  }

  /* line 1487, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area #previewVideoDevice, .preview-area1 #previewVideoDevice {
    top: 60px;
  }
  /* line 1490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .preview-area #previewVideoDevice video, .preview-area1 #previewVideoDevice video {
    max-height: 115px;
  }

  /* line 1498, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-header, .armodal .modal-dialog .modal-header, #addARAssetModal .modal-dialog .modal-header, #ARWelcomeModal .modal-dialog .modal-header {
    padding: 5px 38px 0;
  }
  /* line 1502, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content, .armodal .modal-dialog .modal-content, #addARAssetModal .modal-dialog .modal-content, #ARWelcomeModal .modal-dialog .modal-content {
    width: auto;
  }
  /* line 1505, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content p, .armodal .modal-dialog .modal-content p, #addARAssetModal .modal-dialog .modal-content p, #ARWelcomeModal .modal-dialog .modal-content p {
    font-size: 12px;
  }
  /* line 1509, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content video, .armodal .modal-dialog .modal-content video, #addARAssetModal .modal-dialog .modal-content video, #ARWelcomeModal .modal-dialog .modal-content video {
    max-height: 140px;
  }
  /* line 1513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content img, .armodal .modal-dialog .modal-content img, #addARAssetModal .modal-dialog .modal-content img, #ARWelcomeModal .modal-dialog .modal-content img {
    max-width: 380px;
    max-height: 180px;
  }
  /* line 1518, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content .addImageOptions, .armodal .modal-dialog .modal-content .addImageOptions, #addARAssetModal .modal-dialog .modal-content .addImageOptions, #ARWelcomeModal .modal-dialog .modal-content .addImageOptions {
    height: 100px;
  }
  /* line 1521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content .addImageOptions div, .armodal .modal-dialog .modal-content .addImageOptions div, #addARAssetModal .modal-dialog .modal-content .addImageOptions div, #ARWelcomeModal .modal-dialog .modal-content .addImageOptions div {
    min-height: inherit;
    padding: 0;
  }
  /* line 1526, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  .arprojectmodal .modal-dialog .modal-content .addImageOptions span, .armodal .modal-dialog .modal-content .addImageOptions span, #addARAssetModal .modal-dialog .modal-content .addImageOptions span, #ARWelcomeModal .modal-dialog .modal-content .addImageOptions span {
    font-size: 12px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  /* line 1539, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_mobile.scss */
  #guidelinesModal .left, #guidelinesModal .right,
  #licensedRulesModal .left,
  #licensedRulesModal .right,
  #ARguidelinesModal .left,
  #ARguidelinesModal .right {
    width: 100%;
  }
}
/* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: auto;
  padding: 0 15px;
  font-family: "franklin-gothic-atf";
}
@media (max-width: 1279px) {
  /* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container {
    width: 100%;
  }
}
/* line 13, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area {
  display: grid;
  grid-gap: 0px;
  height: 100vh;
  grid-column-gap: 24px;
  grid-template-columns: 62% 36%;
  grid-auto-rows: auto;
  position: relative;
}
/* line 22, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 32px auto;
  grid-row-gap: 10px;
  margin: 0;
  border: 1px solid #DCDCDC;
  border-radius: 8px;
  position: relative;
  padding: 16px;
  padding-bottom: 0;
  max-height: 602px;
}
/* line 37, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block.bgGrayFor3DPreview .preview-area:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 58px;
  bottom: 0;
  background-color: #bbbbbb;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* line 52, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block.bgGrayFor3DPreview .preview-area .drag-slider .drag-msg {
  color: #fff;
}
/* line 57, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block.bgGrayFor3DPreview .preview-area .drag-slider svg path {
  fill: #fff !important;
}
/* line 64, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block.bgGrayFor3DPreview .preview-area .zoom-3d .zoom-msg {
  color: #fff;
}
/* line 69, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block.bgGrayFor3DPreview .preview-area .zoom-3d svg path {
  fill: #fff !important;
}
/* line 78, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .header-content .logo {
  height: inherit;
  background: transparent url(../image/svg-icons/tervis_customyzer_logo.svg) no-repeat;
  background-position: center;
}
/* line 85, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .view-buttons-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
/* line 91, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .view-buttons-content .view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 63px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 14px;
  color: #0A2642;
  border: none;
  background-color: #DCE9EF;
}
/* line 105, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .view-buttons-content .view-btn.active {
  background-color: #ADE0E8;
}
/* line 109, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .view-buttons-content .view-btn.btn-2d {
  margin-right: 4px;
}
/* line 113, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .view-buttons-content .view-btn .view-type {
  font-weight: 400;
  margin-right: 4px;
}
/* line 120, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .canvas-area {
  display: flex;
  align-items: center;
  max-height: calc(100% - 54px);
  overflow: hidden;
}
/* line 127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-content-block .preview-area {
  display: none;
}
/* line 132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop {
  display: grid;
  align-items: center;
  z-index: 199;
  border: 1px solid #DCDCDC;
  border-radius: 8px;
  padding: 16px;
  max-height: 602px;
  position: relative;
}
/* line 142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop::before {
  position: absolute;
  content: "";
  inset: 0;
  background: #BABABA;
}
/* line 149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop #beforeAfterText {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 157, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .drage-image-info {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 42px;
  flex-direction: column;
  gap: 5px;
  color: #fff;
  display: none;
  gap: 5px;
}
/* line 168, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .drage-image-info .drag-img {
  max-width: 16px;
}
/* line 172, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .drage-image-info span {
  font-size: 10px;
  line-height: 13px;
}
/* line 178, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left-overlay-text {
  position: absolute;
  left: 20px;
  top: 10.5px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
/* line 187, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left-overlay-text.after-text {
  left: auto;
  right: 20px;
}
/* line 193, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left {
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  height: calc(100% - 135px);
  position: relative;
}
/* line 200, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .jcrop-holder {
  background-color: #BABABA !important;
  margin: 0 auto;
}
/* line 213, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .jcrop-handle {
  width: 10px;
  height: 10px;
}
/* line 218, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .img {
  position: absolute;
  background-size: cover;
  max-width: 100%;
  max-height: 100%;
}
/* line 225, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container #enhancedImage {
  z-index: 2;
  /* Enhanced image on top of foreground */
  background-size: cover;
  right: 0;
  background-position: right;
}
/* line 232, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  top: 0;
  bottom: 0;
}
/* line 249, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider:hover {
  background: rgba(242, 242, 242, 0);
}
/* line 253, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 2px;
  height: 600px;
  background: white;
  cursor: pointer;
}
/* line 262, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider::-moz-range-thumb {
  width: 2px;
  height: 600px;
  background: white;
  cursor: pointer;
}
/* line 270, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider-button {
  pointer-events: none;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0000004D;
  left: calc(50% - 22px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  border: 1px solid #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
/* line 288, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider-button.slider-button:after, .container .content-area .left-image-crop .left .image-container .slider-button.slider-button:before {
  content: '';
  padding: 5px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
/* line 297, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider-button:before {
  transform: rotate(135deg);
}
/* line 301, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .left-image-crop .left .image-container .slider-button:after {
  transform: rotate(-45deg);
}
/* line 314, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area.choose-template .left-content-block .search-icon-btn, .container .content-area.add-image .left-content-block .search-icon-btn, .container .content-area.add-text .left-content-block .search-icon-btn, .container .content-area.add-sticker .left-content-block .search-icon-btn, .container .content-area.review .left-content-block .search-icon-btn {
  display: none !important;
}
/* line 320, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .current-page-number {
  font-size: 12px;
  line-height: 14px;
  color: #3C3C3C;
  padding-bottom: 8px;
  margin: 0;
}
/* line 329, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .add-btn {
  width: 96px;
  height: 96px;
  border-radius: 8px;
  background-color: #DCE9EF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
/* line 341, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .add-btn .btn-text {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  color: #06478E;
}
/* line 349, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
  gap: 24px;
  padding-right: 10px;
  margin-right: -10px;
  overflow-y: auto;
  max-height: 335px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}
/* line 360, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block {
  position: relative;
  width: 112px;
  height: 112px;
  border-radius: 10px;
  overflow: hidden;
}
/* line 367, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block.item-active {
  border-width: 1px !important;
}
/* line 370, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block.item-active::before {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: 10px;
  border: 1px solid #fff;
}
/* line 379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block > img {
  border-radius: 10px;
  object-fit: cover;
}
/* line 385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block .tool-block.edit-tool-block {
  left: 12px;
}
/* line 389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-image-block .tool-block.delete-tool-block {
  right: 12px;
}
/* line 395, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-add-image-block .add-btn {
  width: 112px;
  height: 112px;
}
/* line 401, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 24px;
}
/* line 406, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block .sticker-image-block {
  position: relative;
  max-width: 96px;
  max-height: 96px;
  border-radius: 10px;
}
/* line 412, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block .sticker-image-block.item-active {
  border-width: 1px !important;
}
/* line 415, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block .sticker-image-block.item-active::before {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: 10px;
  border: 1px solid #fff;
}
/* line 425, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block .sticker-image-block .tool-block.edit-tool-block {
  left: 4px;
}
/* line 429, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .canvas-sticker-added-block .sticker-image-block .tool-block.delete-tool-block {
  right: 4px;
}
/* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .add-blocks .add-new-text-block .add-btn {
  width: 100%;
  height: 48px;
  flex-direction: row;
  justify-content: space-between;
  padding: 14px 16px;
  color: #09488B;
  font-size: 16px;
  line-height: 20px;
  background: #DBE8EE;
}
/* line 453, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-in-out-content {
  display: flex;
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 3;
}
/* line 460, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-in-out-content ul {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}
/* line 468, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-in-out-content .zoom-percentage {
  font-size: 12px;
  line-height: 15px;
  color: #95999D;
  margin: 0;
}
/* line 476, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-box-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #DCE9EF;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
}
/* line 488, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-box-btn img {
  margin-top: 0;
}
/* line 492, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-box-btn:hover {
  background-color: #0A2642;
}
/* line 495, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .zoom-box-btn:hover img {
  filter: brightness(0) invert(1);
}
/* line 502, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area.threeD-view .zoom-in-out-content, .container .content-area.threeD-view .horizontal-tools {
  display: none !important;
}
/* line 508, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area.edit-modal-content .content-block {
  padding: 0;
  box-shadow: none;
  border: none;
}
/* line 516, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area.edit-modal-content .content-block-wrapper .content-block-inner .content-block-content {
  padding-right: 0;
  margin-right: 0;
  height: 100%;
}
/* line 525, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin: 0;
  z-index: 199;
  position: relative;
}
/* line 532, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options {
  display: grid;
  grid-row-gap: 20px;
  padding: 0;
}
/* line 537, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li {
  height: auto !important;
  margin: auto 0;
  text-align: center;
  cursor: pointer;
}
/* line 543, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a {
  display: block;
}
/* line 546, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a span {
  font-weight: 400;
  color: #0A2642;
}
/* line 555, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a img {
  width: 25px;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  margin: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 555, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    height: 32px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 537, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li {
    margin-bottom: 20px;
  }
}
/* line 577, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .canvas-area {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}
/* line 584, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .menu {
  display: none;
}
/* line 589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .button-container ul {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul {
    display: inline;
  }
}
/* line 599, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .button-container ul li {
  height: inherit;
  width: 200px;
  padding: 0;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin: auto;
  border-radius: 25px;
}
/* line 609, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .button-container ul li span {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 618, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
/* line 623, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #tumbler3d {
  position: relative;
  height: 450px;
}
/* line 628, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #Preview3d {
  position: relative;
}
/* line 631, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #Preview3d .wrap3dss {
  text-align: center;
}
/* line 634, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #Preview3d .wrap3dss #context {
  position: relative;
  width: 225px;
  height: 475px;
  margin: auto;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: local;
  background-color: transparent;
}
/* line 647, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider {
  max-width: 210px;
  position: absolute;
  /*left: 0;*/
  right: 18px;
  margin: 0 auto;
  bottom: 24px;
}
/* line 655, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line {
  height: 3px;
  margin: 0 auto;
  position: relative;
}
/* line 660, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line .show-help {
  top: -11px;
  left: 50%;
  margin-left: -62px;
}
/* line 666, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line #hlpRotate {
  position: absolute;
  top: -3px;
  right: -24px;
}
/* line 672, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line #hlpRotateText {
  top: -105px;
}
/* line 675, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line #hlpRotateText .triangle-down {
  right: 22px;
}
/* line 681, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-rotate-image {
  text-align: center;
  cursor: pointer;
}
/* line 685, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-rotate-image img {
  margin: 0 auto;
}
/* line 690, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-rotate-image svg path {
  fill: #0A2642;
}
/* line 696, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-msg {
  color: #0A2642;
  text-align: center;
  font-size: 12px;
  display: block;
  margin-top: 4px;
}
/* line 704, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line .drag-btn {
  background: transparent url("../image/slider-dot.png") no-repeat scroll 0 0;
  height: 12px;
  left: 47%;
  position: absolute;
  top: -4px;
  width: 12px;
}
/* line 713, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .tooltip {
  display: none !important;
}
/* line 718, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .zoom-3d {
  max-width: 210px;
  position: absolute;
  /*left: 0;*/
  left: 18px;
  margin: 0 auto;
  bottom: 24px;
}
/* line 726, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .zoom-3d .zoom-3d-image {
  text-align: center;
  cursor: pointer;
}
/* line 730, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .zoom-3d .zoom-3d-image img {
  margin: 0 auto;
}
/* line 735, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .zoom-3d .zoom-3d-image svg path {
  fill: #fff;
}
/* line 741, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .zoom-3d .zoom-msg {
  color: #fff;
  text-align: center;
  font-size: 14px;
  display: block;
  margin-top: 4px;
}
/* line 751, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .zoompreview {
  color: #6B6B6B;
  font-size: 12px;
  text-align: center;
  display: none;
}
/* line 757, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .zoompreview span {
  cursor: pointer;
}
/* line 763, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 4px;
  top: auto !important;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
}
/* line 775, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 22px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 775, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    display: inline;
  }
}
/* line 789, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
/* line 798, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a:hover span {
  color: #0A2642;
}
/* line 803, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a img {
  height: 14px;
  width: 14px;
  margin: 0;
}
/* line 809, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a span {
  color: #0A2642;
  font-weight: 400;
  margin-top: 0;
}
/* line 817, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
  background: #fff;
  bottom: 60px;
  display: none;
  padding: 15px;
  position: absolute;
  color: #08a8b7;
  border: 1px solid #08a8b7;
  z-index: 9999;
  min-width: 280px;
  width: max-content;
  left: -145px !important;
  cursor: default;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 817, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    width: auto;
    white-space: nowrap;
  }
}
@supports (-ms-ime-align: auto) {
  /* line 817, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    width: auto;
    white-space: nowrap;
  }
}
/* line 841, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline {
  display: inline;
}
/* line 844, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label {
  margin-right: 45px;
  font-size: 15px;
  color: #58595b;
  padding-bottom: 0;
  text-transform: lowercase;
  font-weight: 400;
}
/* line 852, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label.last {
  margin-right: 0px;
}
/* line 856, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label input[type="checkbox"],
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label input[type="radio"] {
  opacity: 1;
  height: auto;
  width: auto;
}
/* line 865, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .triangle-down {
  background: transparent url("../image/down_arrow.png") no-repeat scroll 0 0;
  bottom: -9px;
  height: 10px;
  left: 50% !important;
  margin-left: -6px;
  position: absolute;
  width: 17px;
}
/* line 875, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .grid-triangle-down {
  background: transparent url("../../image/down_arrow.png") no-repeat scroll 0 0;
  bottom: -9px;
  height: 10px;
  left: 136px;
  position: absolute;
  width: 17px;
}
/* line 884, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .boxContainer {
  padding: 5px 10px;
  border: solid 1px #a7a9ab;
  border-radius: 5px;
  margin: 5px 0;
  cursor: default;
}
/* line 892, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .boxLabel {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  margin-right: 18px;
  color: #6b6b6b;
  font-weight: 400;
  cursor: pointer;
}
/* line 901, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .boxLabel input {
  margin: 0 6px 0 0;
  cursor: pointer;
}
/* line 907, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions #color-picker {
  display: flex;
  width: 100%;
  margin: 5px 0;
}
/* line 912, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions #color-picker .wrapper-dropdown {
  width: 100%;
}
/* line 917, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .gridColorPalette {
  width: 25px;
}
/* line 921, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown {
  position: relative;
  width: 120px;
  background: #FFF;
  color: #2e2e2e;
  outline: none;
  cursor: pointer;
}
/* line 930, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown > .color-picker-selected-value {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #ababab;
  padding: 5px;
}
/* line 938, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown > .color-picker-selected-value > span:first-child {
  width: 24px;
  height: 17px;
  margin-right: 5px;
}
/* line 944, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown > .color-picker-selected-value > span:last-child {
  color: #6b6b6b;
  font-family: 'robotoregular';
}
/* line 951, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown > .color-picker-selected-value:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: calc(50% + 4px);
  margin-top: -6px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #2e2e2e transparent;
}
/* line 964, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown .dropdownColor {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  font-weight: 400;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  border: 1px solid #ababab;
  border-top: 0;
  max-height: 150px;
  overflow-y: auto;
}
/* line 981, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown .dropdownColor li {
  display: block;
  text-decoration: none;
  color: #2e2e2e;
  padding: 5px !important;
  cursor: pointer;
  text-align: left !important;
  height: auto !important;
}
/* line 992, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown .dropdownColor li > span:first-child {
  padding: 0 12px;
}
/* line 996, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown .dropdownColor li > span:last-child {
  margin-left: 5px;
}
/* line 1001, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .wrapper-dropdown .dropdownColor li:hover {
  background: #eee;
  cursor: pointer;
}
/* line 1008, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.displaygridbox {
  position: relative;
}
/* line 1012, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.preview {
  display: none;
}
/* line 1017, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions {
  background: #fff;
  bottom: 60px;
  display: none;
  padding: 15px;
  position: absolute;
  color: #08a8b7;
  border: 1px solid #08a8b7;
  z-index: 9999;
  min-width: 250px;
  width: max-content;
  left: -85px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1017, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions {
    width: auto;
    white-space: nowrap;
  }
}
@supports (-ms-ime-align: auto) {
  /* line 1017, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions {
    width: auto;
    white-space: nowrap;
  }
}
/* line 1040, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions div.inline, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions div.inline, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions div.inline, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions div.inline {
  display: inline;
  padding: 0 10px;
}
/* line 1044, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions div.inline label, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions div.inline label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions div.inline label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions div.inline label {
  font-size: 15px;
  padding-bottom: 0;
  text-transform: lowercase;
  font-weight: 400;
  cursor: pointer;
}
/* line 1052, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions div.inline:first-child, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions div.inline:first-child, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions div.inline:first-child, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions div.inline:first-child {
  border-right: 1px solid #646362;
  padding: 0 5px;
}
/* line 1056, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions div.inline:first-child label, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions div.inline:first-child label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions div.inline:first-child label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions div.inline:first-child label {
  margin-right: 0px;
}
/* line 1062, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions .triangle-down, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions .triangle-down, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions .triangle-down, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions .triangle-down {
  background: transparent url("../image/down_arrow.png") no-repeat scroll 0 0;
  bottom: -9px;
  height: 10px;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 17px;
}
/* line 1072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions.videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions.videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions.videoChangeOptions, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions.videoChangeOptions {
  min-width: 140px;
  left: -32px;
}
/* line 1077, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions.videoChangeOptions div label, .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .videoChangeOptions.videoChangeOptions div label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .imageEditOptions.videoChangeOptions div label, .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions.videoChangeOptions div label {
  font-size: 15px;
  padding-bottom: 0;
  text-transform: lowercase;
  font-weight: 400;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 787, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    display: inline-block;
    width: 60px;
    height: 50px !important;
  }
}
/* line 1098, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal {
  grid-row: 1;
  grid-column: 1 /4;
  z-index: 200;
  background-color: #fff;
  opacity: 1;
  display: grid;
  grid-gap: 10px;
  grid-template-rows: 50px auto;
  grid-template-columns: 7% 65% 26%;
  z-index: 10000;
  position: relative;
  padding: 16px;
  border-radius: 8px;
}
/* line 1113, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-title {
  font-size: 24px;
  color: #444;
  padding: 10px;
  grid-column: 1 /4;
  position: relative;
  padding-top: 0;
}
/* line 1121, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-title .close {
  background: transparent url(../image/svg-icons/close.svg) no-repeat;
  height: 15px;
  opacity: 1;
  width: 15px;
  position: absolute;
  right: 5px;
  top: 6px;
  z-index: 1;
  filter: invert(45%) sepia(0%) saturate(2%) hue-rotate(28deg) brightness(92%) contrast(91%);
}
/* line 1132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-title .close:hover {
  filter: invert(55%) sepia(27%) saturate(7391%) hue-rotate(152deg) brightness(94%) contrast(91%);
}
@supports (-ms-ime-align: auto) {
  /* line 1132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-title .close:hover {
    filter: invert(60%) sepia(100%) saturate(8391%) hue-rotate(152deg) brightness(90%) contrast(85%);
  }
}
/* line 1142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left {
  grid-column: 1 / 3;
  position: relative;
  display: flex;
}
/* line 1147, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer {
  margin: 0 10% auto auto;
}
/* line 1150, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d {
  position: relative;
  height: 450px;
}
/* line 1154, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d #tumbler-image-back, .container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d #tumbler-image-front {
  left: 70px;
}
/* line 1158, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d div.wrap3d {
  width: 350px;
  height: auto !important;
}
/* line 1165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #Preview3d .wrap3dss {
  text-align: center;
}
/* line 1168, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #Preview3d .wrap3dss canvas {
  bottom: unset;
}
/* line 1174, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer .drag-slider {
  text-align: center;
}
/* line 1180, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right {
  grid-column: 3 / 4;
  position: relative;
}
/* line 1184, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right ul.button-container {
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 5px;
  left: 15px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1184, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-right ul.button-container {
    display: inline;
  }
}
/* line 1197, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right ul.button-container li {
  height: inherit;
  width: 200px;
  padding: 0;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin: auto;
}
/* line 1206, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right ul.button-container li img {
  height: 16px;
  width: 16px;
  position: absolute;
  left: 22px;
  top: 32%;
}
/* line 1214, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right ul.button-container li span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@-moz-document url-prefix() {
  /* line 1098, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    background-color: rgba(255, 255, 255, 0.95);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1098, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    background-color: rgba(255, 255, 255, 0.95);
  }
}
/* line 1234, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area.ContentAreaMaxHeight .left-content-block, .container .content-area.ContentAreaMaxHeight .content-block {
  max-height: 652px;
}
/* line 1241, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .block-item img {
  max-width: 100%;
  height: 114px;
  object-fit: cover;
  border-radius: 8px;
}
/* line 1249, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .bg-inner-bLock {
  font-size: 33px;
  color: #0a2642;
  text-align: center;
  cursor: pointer;
  position: relative;
  max-width: 156px;
  margin: 0 auto;
}
/* line 1264, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .re-order-image-link {
  color: #444;
  text-decoration-line: underline;
  font-size: 14px;
  line-height: 24px;
  display: block;
  text-align: right;
  padding-bottom: 8px;
}
/* line 1273, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .re-order-image-link:hover, .container .re-order-image-link:focus {
  text-decoration-line: underline;
}

/* line 1280, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(220, 233, 239, 0.7);
  position: absolute;
  bottom: 8px;
  border: 0;
  transition: all 0.15s ease-in-out;
}
/* line 1293, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-block:hover {
  background-color: #0A2642;
}
/* line 1296, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-block:hover img {
  filter: brightness(0) invert(1);
}

/* line 1302, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
/* line 1308, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .form-control {
  border: 1px solid #CACACA;
  color: #444;
  font-size: 16px;
  line-height: 24px;
  border-radius: 8px;
  height: 48px;
  box-shadow: none;
  padding: 12px 36px 12px 16px;
  padding-left: 48px;
  position: relative;
}
/* line 1320, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .form-control::placeholder {
  color: #95999D;
}
/* line 1324, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .form-control:focus {
  border-color: #CACACA;
  box-shadow: none;
}
/* line 1330, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .xmark-icon, .searchbox-cointainer .icon-search {
  position: absolute;
  top: 18px;
  cursor: pointer;
}
/* line 1336, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .xmark-icon {
  width: 12px;
  height: 16px;
  right: 16px;
  display: none;
}
/* line 1343, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .icon-search {
  width: 16px;
  height: 16px;
  left: 16px;
}
/* line 1349, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.searchbox-cointainer .back-btn {
  display: none;
}

/* line 1355, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .content-block {
  border: 1px solid #DCDCDC;
  border-radius: 8px;
  padding: 24px;
  max-height: 602px;
}
/* line 1362, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .content-block .hide-header-search .searchbox-cointainer {
  display: none;
}
/* line 1369, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .block-title, .content-area #divChangeBackgroundFromLibrary .view-all {
  color: #fff;
  font-weight: 400;
}
/* line 1375, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .content-block-content .breadcrumbcontent {
  margin-top: 10px;
}
/* line 1378, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .content-block-content .breadcrumbcontent a {
  color: #fff;
}
/* line 1384, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .grid-content-wrapper {
  padding-right: 10px;
  margin-top: 10px;
}
/* line 1389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .block-item {
  border: 3px solid #C9C9C9;
}
/* line 1392, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .block-item.item-active {
  border: 3px solid #ffffff !important;
  background-clip: content-box;
}
/* line 1397, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .block-item:hover {
  border-color: #fff;
}
/* line 1401, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundFromLibrary .block-item:before {
  border: 3px solid #0A2642;
  border-radius: 6px;
}
/* line 1408, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #tilecontent {
  display: flex;
  flex-direction: column;
  height: calc(100% - 2px);
}
/* line 1413, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #tilecontent .breadcrumbcontent {
  color: #fff;
}
/* line 1417, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #tilecontent .add-image-text-block {
  color: #0A2642;
  letter-spacing: -0.16px;
  font-size: 16px;
  line-height: 22px;
  max-width: 256px;
  margin: 0 auto;
  margin-top: auto;
  padding-top: 12px;
  text-align: center;
  display: block;
  font-weight: 400;
}
/* line 1433, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .filter-content-modal {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 48px;
}
/* line 1441, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundUploadImage {
  bottom: 8px;
}
/* line 1444, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content {
  padding: 10px 16px 0 24px;
  height: calc(100% - 70px - 90px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ffffff transparent;
}
/* line 1451, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content .edit-body-content-recently-added {
  margin-bottom: 22px;
}
/* line 1455, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap {
  gap: 24px;
}
/* line 1461, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block {
  border-radius: 8px 8px 0 0;
  background-color: #0A2642;
  height: 100%;
}
/* line 1466, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block.block-modal-content {
  margin-top: 8px;
  border-top: 3px solid #FFFFFF;
}
/* line 1471, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-header-content {
  padding: 18px 24px;
  position: relative;
}
/* line 1475, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-header-content .title {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #DCE9EF;
  text-align: center;
}
/* line 1484, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-header-content .close {
  background: url(../image/svg-icons/xmark-white.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 24px;
  top: 22px;
  opacity: 1;
}
/* line 1495, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content {
  padding: 16px 24px 24px;
  height: calc(100% - 70px - 35px);
  color: #DCE9EF;
}
/* line 1500, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .actions-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-bottom: 48px;
}
/* line 1507, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .actions-button-content .action-btn {
  border: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 0 4px;
  height: 80px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  width: 50%;
}
/* line 1525, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .div-drag-msg {
  display: block;
  margin: 0;
  color: #DCE9EF;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding-bottom: 16px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* line 1542, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* line 1553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon {
  min-width: 16px;
  height: 16px;
  cursor: pointer;
}
/* line 1559, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.iconminus {
  background-image: url(../image/svg-icons/minus-white.svg);
}
/* line 1563, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.iconplus {
  background-image: url(../image/svg-icons/plus-white.svg);
}
/* line 1567, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.rotate-left {
  background-image: url(../image/svg-icons/turn-left.svg);
}
/* line 1571, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.rotate-right {
  background-image: url(../image/svg-icons/turn-right.svg);
}
/* line 1575, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.sm-A {
  background: url(../image/svg-icons/sm-A.svg) no-repeat center;
  height: 22px;
  min-width: 14px;
}
/* line 1581, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.lg-A {
  background: url(../image/svg-icons/lg-A.svg) no-repeat center;
  height: 34px;
  min-width: 22px;
}
/* line 1587, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.iconminus, .content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.rotate-left, .content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.sm-A {
  margin-right: 8px;
}
/* line 1591, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.iconplus, .content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.rotate-right, .content-area .edit-content-block .edit-body-content .drag-slider-content .divslider .slider-icon.lg-A {
  margin-left: 8px;
}
/* line 1599, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .sub-title-text {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #DCE9EF;
  margin: 0;
  padding-bottom: 24px;
}
/* line 1608, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content {
  height: calc(100% - 48px);
  overflow-y: visible;
  overflow-x: visible;
  max-width: 346px;
  margin: 0 auto;
}
/* line 1616, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(66px, 1fr));
  gap: 20px;
  margin-right: 4px;
  position: relative;
  max-width: 100%;
}
/* line 1624, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block {
  cursor: pointer;
  width: 68px;
  height: 68px;
  position: relative;
}
/* line 1631, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block.active {
  border-radius: 8px;
  outline: 2px solid #0A2642;
  box-shadow: 0 0 0 4px #DCE9EF;
}
/* line 1645, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block .image-cointainer {
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
/* line 1651, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block .image-cointainer .img-filter-title {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 11px;
  background-color: #DBE8EE;
  font-size: 10px;
  line-height: 13px;
  color: #0A2642;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 3px;
}
/* line 1671, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block .choose-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 1677, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block.img-none-block {
  border-radius: 8px;
  border: 2px solid #DCE9EF;
  background-color: #DCE9EF;
  position: relative;
}
/* line 1683, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .choose-image-block.img-none-block .none-choose-img {
  border-radius: 8px;
  position: absolute;
  inset: 0;
}
/* line 1691, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .image-action-btn {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* line 1701, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .image-action-btn.disabled {
  pointer-events: none;
}
/* line 1705, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .image-action-btn.previous-btn {
  left: -28px;
}
/* line 1709, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content .image-action-btn.next-btn {
  right: -28px;
}
/* line 1716, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  padding-top: 16px;
}
/* line 1723, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content #imageSizeButton {
  display: none;
}
/* line 1727, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content .property-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  max-width: 70px;
  text-align: center;
}
/* line 1736, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content .property-block .property-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background-color: #DCE9EF;
  transition: all 0.15s ease-in-out;
}
/* line 1748, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content .property-block .p-text {
  color: #DCE9EF;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  transition: all 0.15s ease-in-out;
}
/* line 1757, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content .property-block.active .property-btn {
  outline: 2px solid #0A2642;
  box-shadow: 0 0 0 4px #fff;
}
/* line 1766, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content .property-block.selected .property-btn {
  background-color: #ADE0E8;
}
/* line 1772, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content.text-btn-property-content, .content-area .edit-content-block .edit-body-content .property-content.monogram-btn-property-content {
  display: none;
}
/* line 1775, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .property-content.text-btn-property-content.active, .content-area .edit-content-block .edit-body-content .property-content.monogram-btn-property-content.active {
  display: flex;
}
/* line 1783, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* line 1788, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}
/* line 1795, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content.style-button-content .monogram-property-btn {
  background: #DCE9EF;
}
/* line 1798, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content.style-button-content .monogram-property-btn.active, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content.style-button-content .monogram-property-btn:hover {
  background: #ADE0E8;
  border: none;
}
/* line 1806, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content .monogram-texture-image-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  align-items: center;
  gap: 8px;
  grid-auto-flow: column;
}
/* line 1815, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content .monogram-texture-image-content .monogram-property-btn img {
  max-width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}
/* line 1825, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  transition: all 0.15s ease-in-out;
}
/* line 1836, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn:hover, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.active {
  border: 2px solid #fff;
}
/* line 1839, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn:hover img, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.active img {
  max-width: 36px;
  max-height: 36px;
}
/* line 1845, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.add-new-btn, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.none-btn {
  border: 1px solid #DCDCDC;
  background-color: transparent;
}
/* line 1849, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.add-new-btn:hover, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.add-new-btn.active, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.none-btn:hover, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.none-btn.active {
  border: 2px solid #fff;
}
/* line 1855, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.texture-btn img {
  border-radius: 50%;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
}
/* line 1863, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.color-btn {
  position: relative;
}
/* line 1868, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.color-btn.active::before, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-property-btn.color-btn:hover::before {
  position: absolute;
  content: "";
  border: 2px solid #fff;
  inset: -4px;
  border-radius: 50%;
}
/* line 1879, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.active {
  display: flex;
}
/* line 1883, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-style-property-content, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-color-property-content, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-texture-property-content, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-size-property-content {
  display: none;
}
/* line 1886, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-style-property-content.active, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-color-property-content.active, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-texture-property-content.active, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-size-property-content.active {
  display: flex;
}
/* line 1894, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .editBodyFixedContent, .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 4px;
  margin-right: -10px;
  padding-right: 10px;
}
/* line 1903, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block {
  margin-bottom: 22px;
  position: sticky;
  top: 0;
  z-index: 1;
}
/* line 1910, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .error .input-control {
  border-color: #B40A0A;
  color: #B40A0A;
}
/* line 1915, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .error .close {
  color: #B40A0A;
}
/* line 1918, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .error .close .xmark-red {
  display: block;
}
/* line 1922, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .error .close .xmark-black {
  display: none;
}
/* line 1928, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .xmark-red {
  display: none;
}
/* line 1932, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .input-control {
  padding: 12px 36px 12px 16px;
  border-radius: 8px;
  border: 1px solid #95999D;
  font-size: 16px;
  line-height: 24px;
  color: #444;
  height: 50px;
  max-height: 98px;
  resize: none;
  box-shadow: none;
  outline: 0;
  width: 100%;
}
/* line 1947, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .input-block .close {
  position: absolute;
  right: 16px;
  top: 18px;
  display: flex;
  opacity: 1;
}
/* line 1957, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
/* line 1964, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
}
/* line 1971, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content .add-new-color-btn {
  background: transparent;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1979, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content .color-btn {
  background: red;
  position: relative;
  transition: all 0.15s ease-in-out;
}
/* line 1984, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content .color-btn.active {
  border: 2px solid #fff;
}
/* line 1987, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .choose-color-content .color-btn.active::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  inset: 0;
  border: 2px solid #0A2642;
}
/* line 1999, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block {
  height: calc(100% - 72px - 40px);
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 2007, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content {
  height: calc(100% - 78px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -10px;
  padding-right: 10px;
}
/* line 2015, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content {
  height: calc(100% - 78px);
  overflow-y: visible;
  overflow-x: visible;
  margin-right: -10px;
  padding-right: 10px;
}
/* line 2019, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content .stamp-default-color-palette .recent-colors-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.13px;
  color: #FFFFFF;
  margin-bottom: 14px;
}
/* line 2035, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer {
  display: grid;
  grid-column-gap: 30px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 50px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 2044, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li {
  height: auto;
  cursor: pointer;
  position: relative;
  display: grid;
  grid-row-gap: 10px;
  justify-content: center;
}
/* line 2052, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li div.objectcontainer {
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #DCE9EF;
  display: flex;
  align-items: center;
  margin: 0 auto;
  background-color: #DCE9EF;
}
/* line 2063, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li div.objectcontainer div {
  margin: auto;
  height: 100%;
  background-color: #0A2642;
}
/* line 2068, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li div.objectcontainer div.rectangle {
  width: 50%;
}
/* line 2072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li div.objectcontainer div.circle {
  height: 80%;
  width: 80%;
  border-radius: 50%;
}
/* line 2080, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li span {
  text-align: center;
  color: #DCE9EF;
  font-size: 12px;
  line-height: 14px;
  display: block;
}
/* line 2089, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li.active div.objectcontainer {
  background-color: #ADE0E8;
  outline: 2px solid #0A2642;
  position: relative;
  box-shadow: 0 0 0 4px #fff;
}
/* line 2095, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content ul.button-cointainer li.active div.objectcontainer div {
  background-color: #0A2642;
}
/* line 2103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-image-content .image-edit-wrapper {
  display: none;
}
/* line 2108, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .stamp-default-color-palette {
  margin-top: 32px;
}
/* line 2111, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .stamp-default-color-palette .recent-colors-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.13px;
  color: #FFFFFF;
  margin-bottom: 14px;
}
/* line 2121, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram {
  overflow: hidden;
}
/* line 2125, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram .edit-body-text-content-button .edit-body-top-btn {
  margin-bottom: 15px;
}
/* line 2130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram .block-body.color-palette-container {
  margin-top: 0;
}
/* line 2135, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-monogram-btn-content {
  display: none;
}
/* line 2138, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-monogram-btn-content.active {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
/* line 2146, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-btn-content {
  display: none;
}
/* line 2149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-btn-content .input-block {
  margin-bottom: 0;
}
/* line 2153, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-btn-content.active {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
/* line 2159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-btn-content.active .stamp-default-color-palette {
  margin-top: 0;
}
/* line 2165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content-button {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 2170, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .edit-body-text-content-button .edit-body-top-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border-radius: 8px;
  padding: 12px 16px;
  height: 80px;
  width: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.15s ease-in-out;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  margin-bottom: 40px;
}
/* line 2194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-position-content {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 1;
}
/* line 2203, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-position-content .position-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  margin-bottom: 4px;
}
/* line 2211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .monogram-position-content .form-control {
  text-align: center;
  height: 48px;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
}
/* line 2220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .top-body-text {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  color: #DCE9EF;
  padding-bottom: 8px;
}
/* line 2228, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
/* line 2235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 23px;
}
/* line 2241, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
}
/* line 2248, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .imgwrap {
  width: 110px;
  height: 110px;
  cursor: pointer;
}
/* line 2253, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .imgwrap.active {
  padding: 2px;
  outline: 2px solid #fff;
  border-radius: 8px;
}
/* line 2259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .imgwrap.disabled {
  opacity: 0.7;
  pointer-events: none;
}
/* line 2265, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .morewrap {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DCE9EF;
  cursor: pointer;
  border-radius: 8px;
  background-color: #DCE9EF;
}
/* line 2275, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .edit-body-content .recentlyaddedwrap .fill-more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DCE9EF;
  cursor: pointer;
  border-radius: 8px;
}
/* line 2286, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .recentEditBlock {
  margin-top: 32.5px;
}
/* line 2290, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .text-style-content, .content-area .edit-content-block .text-size-content, .content-area .edit-content-block .text-color-content, .content-area .edit-content-block .text-outline-content, .content-area .edit-content-block .text-other-content, .content-area .edit-content-block .image-filters-content, .content-area .edit-content-block .image-adjust-content, .content-area .edit-content-block .image-corners-content, .content-area .edit-content-block .image-other-content {
  display: none;
}
/* line 2296, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-corners-content.active .row2 .button-cointainer {
  margin-top: 12px;
}
/* line 2302, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content {
  height: calc(100% - 24px);
}
/* line 2305, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .enhance-section-head {
  padding: 0 30px;
}
/* line 2308, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .enhance-section-head .title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
/* line 2316, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content {
  display: flex;
  gap: 10px;
}
/* line 2320, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content .filter-popup-open-btn {
  width: 253px;
  height: 48px;
  border-radius: 100px;
  background-color: #DCE9EF;
  display: flex;
  padding: 2px 4px;
  align-items: center;
  justify-content: center;
  gap: 21px;
}
/* line 2331, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content .filter-popup-open-btn > span {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  align-items: center;
  max-width: 100%;
  border: 1px solid #0A2642;
  border-radius: 8px;
}
/* line 2344, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content .filter-popup-open-btn img {
  max-width: 27px;
  width: 100%;
  max-height: 27px;
  height: 100%;
}
/* line 2351, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content .filter-popup-open-btn p {
  letter-spacing: -0.16px;
  color: #0A2642;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
/* line 2361, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .image-filters-content .property-btn-content .filter-popup-open-btn.filter-pop-up-upload-btn img {
  max-width: 34px;
}
/* line 2369, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .text-style-content, .content-area .edit-content-block .text-other-content {
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  max-width: 360px;
  margin: 0 auto;
}
/* line 2379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .active.text-style-content, .content-area .edit-content-block .active.text-other-content {
  display: flex;
}
/* line 2383, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .active.text-size-content, .content-area .edit-content-block .active.text-color-content, .content-area .edit-content-block .active.text-outline-content, .content-area .edit-content-block .active.image-filters-content, .content-area .edit-content-block .active.image-adjust-content, .content-area .edit-content-block .active.image-corners-content, .content-area .edit-content-block .active.image-other-content {
  display: block;
}
/* line 2389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .font-style-btn {
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #DCE9EF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  transition: all 0.15s ease-in-out;
}
/* line 2400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .font-style-btn:hover, .content-area .edit-content-block .font-style-btn.active {
  background: #ADE0E8;
}
/* line 2404, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .font-style-btn.disabled {
  opacity: 1;
  cursor: inherit;
}
/* line 2408, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .font-style-btn.disabled img {
  filter: brightness(0) invert(0.8);
}
/* line 2412, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-content-block .font-style-btn.disabled:hover, .content-area .edit-content-block .font-style-btn.disabled .active {
  background: #DCE9EF;
}
/* line 2419, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-footer-content {
  border-top: 1px solid rgba(220, 220, 220, 0.1);
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
/* line 2427, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-footer-content .edit-content-btn {
  border: 0;
  padding: 0;
  background: transparent;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
/* line 2436, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-area .edit-footer-content .edit-content-btn:disabled {
  color: #95999D;
}

/* line 2443, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.remove-btn-wrap {
  display: none;
}

/* line 2447, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.removeButtonPadding {
  padding-bottom: 64px;
}

/* line 2451, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper {
  height: 100%;
}
/* line 2455, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper #divTileContentTemplate .remove-btn-wrap {
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  padding-top: 10px;
  margin-right: -10px;
}
/* line 2467, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper #divTileContentTemplate .remove-btn {
  width: auto;
  font-size: 18px;
  margin: 0 auto;
  border-radius: 100px;
  border: 1px solid #0A2642;
  background-color: #fff;
  display: flex;
  gap: 8px;
  font-weight: 500;
  padding: 26px;
  transition: all 0.2s ease-in-out;
}
/* line 2480, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper #divTileContentTemplate .remove-btn:hover, .content-block-wrapper #divTileContentTemplate .remove-btn:active, .content-block-wrapper #divTileContentTemplate .remove-btn.active {
  background-color: #0A2642;
  color: #fff;
}
/* line 2489, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper.content-block-with-search .content-block-inner .content-block-content {
  height: calc(100% - 144px);
}
/* line 2497, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper.grid-modal-with-search .content-block-inner .content-block-content {
  height: calc(100% - 144px);
}
/* line 2503, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner {
  position: relative;
  height: 100%;
}
/* line 2510, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner .content-block-header.hide-header-search .grid-header-content .grid-header-content-item.searchbox-cointainer {
  display: none;
}
/* line 2516, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner .content-block-header.hide-header-search ~ .content-block-content {
  height: calc(100% - 80px);
}
/* line 2521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner .content-block-content {
  padding-right: 10px;
  margin-right: -10px;
  overflow: auto;
}
/* line 2533, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner.search-items .searchbox-cointainer .form-control {
  padding-left: 16px;
}
/* line 2537, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner.search-items .searchbox-cointainer .icon-search {
  display: none;
}
/* line 2541, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner.search-items .searchbox-cointainer .back-btn, .content-block-wrapper .content-block-inner.search-items .searchbox-cointainer .xmark-icon {
  display: block;
}
/* line 2546, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.content-block-wrapper .content-block-inner.search-items .breadcrumbcontent {
  display: none;
}

/* line 2553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.top-dd-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

/* line 2560, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0A2642;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: 0;
}
/* line 2570, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn.next-arrow-btn {
  background-image: url(../image/svg-icons/active-arrow-icon.svg);
}
/* line 2573, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn.next-arrow-btn.disabled {
  background-image: url(../image/svg-icons/disabled-arrow-icon.svg);
  transform: rotate(-180deg);
}
/* line 2579, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn.prev-arrow-btn {
  background-image: url(../image/svg-icons/active-arrow-icon.svg);
  transform: rotate(-180deg);
}
/* line 2583, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn.prev-arrow-btn.disabled {
  background-image: url(../image/svg-icons/disabled-arrow-icon.svg);
  transform: rotate(0deg);
}
/* line 2589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.arrow-btn.disabled {
  background-color: #DCE9EF;
  opacity: 1;
}

/* line 2595, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
canvas {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}

/* line 2604, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.unstyled-list {
  list-style: none;
}

/* line 2609, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .btn.dropdown-btn {
  padding: 0 32px 0 0;
  background: transparent;
  border: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #444;
  margin: 0;
  height: 100%;
  width: 100%;
}
/* line 2621, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .btn.dropdown-btn::before {
  position: absolute;
  content: "";
  background: transparent url(../image/svg-icons/chevron_down.svg) no-repeat center;
  right: 0;
  width: 16px;
  height: 100%;
}
/* line 2630, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .btn.dropdown-btn p {
  margin: 0;
}
/* line 2636, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .dropdown-menu {
  min-width: 392px;
  border-radius: 8px;
  border-color: #DCDCDC;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 24px;
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}
/* line 2647, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .dropdown-menu .dropdown-menu-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
/* line 2653, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown .dropdown-menu .dropdown-menu-footer .sub-text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #444;
}

/* line 2664, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown-menu-list {
  margin-bottom: 56px;
  list-style: none;
  padding-left: 0;
}
/* line 2670, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown-menu-list li .dropdown-item {
  font-size: 16px;
  line-height: 24px;
  color: #444;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 2678, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown-menu-list li .dropdown-item .dropdown-item-name {
  display: flex;
  align-items: center;
  gap: 16px;
}
/* line 2683, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown-menu-list li .dropdown-item .dropdown-item-name .step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #06478E;
  background-color: #DCE9EF;
}
/* line 2699, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.dropdown-menu-list li:not(:last-child) .dropdown-item {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DCDCDC;
}

/* line 2707, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal {
  top: 0;
  display: flex;
  align-items: center;
  max-width: 390px;
  max-height: 640px;
  bottom: 0;
  margin: auto;
}
/* line 2716, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container {
  border-radius: 8px;
  max-width: 390px;
  margin: 0 auto;
}
/* line 2721, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content {
  padding: 0 24px 24px;
}
/* line 2724, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content button.close {
  height: 16px;
  width: 16px;
  right: 24px;
  top: 30px;
  background: transparent url(../image/svg-icons/black-close-icon.svg) no-repeat;
}
/* line 2733, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .confirm-block {
  padding: 24px 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #444;
}
/* line 2740, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .confirm-block .wrap {
  padding-top: 24px;
}
/* line 2749, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
  padding: 0 24px 24px;
}
/* line 2752, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container {
  display: inline-block;
  width: 100%;
  margin-left: 0;
}
/* line 2757, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container li {
  text-align: center;
}
/* line 2760, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container li .btn {
  height: 48px;
  width: 100%;
  max-width: 390px;
}

/* line 2773, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* line 2779, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #444;
}
/* line 2788, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout .readout-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
/* line 2793, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout .readout-content input {
  width: 166px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  color: #95999D;
  outline: none;
}
/* line 2804, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout .readout-content input:placheholder {
  color: #95999D;
}
/* line 2809, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout .readout-content .select-color-hex {
  position: relative;
  width: 152px;
  height: 40px;
  border-radius: 50px;
}
/* line 2815, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.wrap .half.readout .readout-content .select-color-hex::after {
  position: absolute;
  content: "";
  border: 1px solid #CACACA;
  inset: -4px;
  border-radius: 50px;
}

/* line 2828, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.breadcrumbcontent {
  display: flex;
  align-items: center;
}
/* line 2832, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.breadcrumbcontent a {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 16px;
  color: #444;
  cursor: default;
}

/* line 2842, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.back-btn {
  margin-right: 16px;
  cursor: pointer;
}

/* line 2848, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.search-icon-btn {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DCE9EF;
  padding: 9px;
  display: none !important;
}
/* line 2864, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.search-icon-btn img {
  max-width: 100%;
}

/* line 2869, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.div-drag-line {
  width: 100%;
}

/* line 2873, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider.slider-horizontal {
  width: 100%;
  height: 16px;
}
/* line 2877, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider.slider-horizontal .slider-track {
  height: 4px;
  margin-top: -4px;
}
/* line 2882, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider.slider-horizontal .slider-tick {
  background: transparent url(../image/svg-icons/slider-breakpoint.svg) no-repeat center;
  height: 13px;
  width: 5px;
  border-radius: 17px;
}
/* line 2889, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider.slider-horizontal .slider-handle {
  width: 16px;
  height: 16px;
  background: #DCE9EF;
  box-shadow: none;
  top: -6px;
}

/* line 2898, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider-track {
  border-radius: 10px;
  background: #70C9D7;
  box-shadow: none;
  top: -5px;
}

/* line 2905, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.header-title-content {
  display: none;
  padding: 0 0 30px;
  position: relative;
}
/* line 2910, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.header-title-content .step-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  color: #444;
  text-align: center;
  margin: 0;
}
/* line 2919, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.header-title-content .close {
  position: absolute;
  right: 2px;
  top: 3px;
  height: 16px;
  width: 16px;
  opacity: 1;
  background: url(../../image/svg-icons/black-close-icon.svg) no-repeat;
}

/* line 2930, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 16px;
}
/* line 2936, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer {
  padding-bottom: 0;
  width: 100%;
  border-radius: 8px;
}
/* line 2941, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer.item-active {
  border-width: 1px !important;
}
/* line 2944, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer.item-active::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 1px solid #fff;
  z-index: 1;
}
/* line 2954, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer .form-control {
  padding: 10px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 2960, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer .form-control.disabled {
  border: none;
  color: #0A2642;
  background: #DBE8EE;
  opacity: 1;
  padding-left: 50px;
}
/* line 2969, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-new-text-block .searchbox-cointainer .text-monogram-image-content {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
}

/* line 2981, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-contnet {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* line 2986, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-contnet .tool-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DCE9EF;
  border: 0;
}
/* line 2997, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-contnet button {
  transition: all 0.15s ease-in-out;
}
/* line 3000, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-contnet button:hover {
  background: #0A2642;
}
/* line 3003, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tool-contnet button:hover img {
  filter: brightness(0) invert(1);
}

/* line 3010, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel {
  border: none;
  box-shadow: none;
  height: 100%;
}

/* line 3016, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-group .panel:not(:last-child) {
  margin-bottom: 40px;
}

/* line 3020, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-group {
  margin-bottom: 0;
  height: calc(100% - 72px);
}

/* line 3025, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-group .panel + .panel {
  margin-top: 0;
}

/* line 3029, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-collapse {
  height: 100%;
}

/* line 3033, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-heading {
  padding: 0;
  margin-bottom: 16px;
}

/* line 3039, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #444;
  width: 100%;
  display: inline-block;
  position: relative;
}
/* line 3048, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a::after {
  position: absolute;
  content: "";
  background: transparent url(../image/svg-icons/chevron_down.svg) no-repeat;
  transition: transform 0.2s ease-in-out;
  right: 0;
  height: 16px;
  width: 16px;
}
/* line 3058, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a:not(.collapsed)::after {
  transform: rotate(-180deg);
}
/* line 3062, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a.total-text {
  color: #F08F45;
}
/* line 3065, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a.total-text .price-tag {
  font-weight: 400;
  margin-left: 10px;
}
/* line 3071, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a:not(.collapsed).total-text {
  color: #444;
}
/* line 3074, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-title a:not(.collapsed).total-text .price-tag {
  display: none;
}

/* line 3081, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-default > .panel-heading {
  background: transparent;
}

/* line 3085, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

/* line 3089, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-body {
  padding: 0;
  height: 100%;
}
/* line 3093, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.panel-body .dropdown-menu-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0px;
  height: 100%;
  overflow: auto;
  padding-right: 10px;
  margin-right: -10px;
}

/* line 3105, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.review-buttons {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin: 24px auto 0;
}
/* line 3112, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.review-buttons button {
  width: 100%;
  font-weight: 500;
  transition: all 0.15s ease-in-out;
  height: 48px;
}

/* line 3120, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.btn-primary-dark:hover {
  background-color: #DBE8EE;
  color: #0A2642;
}

/* line 3125, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.btn-secondary-dark:hover {
  color: #DBE8EE;
  background-color: #0A2642;
}

/* line 3130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.addimage.btn-primary-dark:hover {
  border: 1px solid #0A2642;
}

/* line 3134, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.drag-slider-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}

/* line 3140, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#review-step {
  height: 100%;
}

/* line 3144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.color-count-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}
/* line 3151, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.color-count-content .color-count-block {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DCE9EF;
  border: 0;
}
/* line 3162, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.color-count-content .color-count-total-number {
  width: 64px;
  height: 40px;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: #0A2642;
  border: 0;
  text-align: center;
  outline: 0;
}
/* line 3175, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.color-count-content .color-count-total-number:disabled {
  opacity: 1;
}

/* line 3181, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divTextColor {
  position: relative;
}

/* line 3186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.btn-cancel button, .btn-addimage button {
  padding: 10px 28px;
  height: 48px;
}

@media (min-width: 1280px) {
  /* line 3194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container {
    width: 1230px;
    min-height: 82vh;
  }
}
/* line 3200, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.show-colordropdwon {
  display: block !important;
}

/* line 3204, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.hide-colordropdwon {
  display: none !important;
}

/* line 3208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider .tooltip.top {
  margin-left: -18px !important;
  width: 36px;
}

/* line 3214, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.slider-mobile {
  display: none !important;
}

/* line 3218, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.filter-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 12px;
}

/* line 3228, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.filter-tabs .filter-tab-button {
  height: 20px;
  background: #dbe8ee;
  color: #0a2642;
  padding: 3px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  min-width: 90px;
  line-height: 15px;
}

/* line 3243, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.filter-tabs .filter-tab-button.active {
  outline: 2px solid #0a2642;
  box-shadow: 0 0 0 4px #dce9ef;
  background-color: #ade0e8;
}

/* line 3250, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.filter-name {
  padding: 11px 14px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0a2642;
  font-size: 16px;
  line-height: 22px;
  border-radius: 10px;
  background-color: white;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
  bottom: 20px;
}

/* line 3268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.myPhotosSection {
  margin-top: 8px;
  border-top: 1px solid #dcdcdc;
  border-radius: 8px 8px 0 0;
  height: calc(100% - 8px);
}

/* line 3275, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.savedImageSection {
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #0A2642 transparent;
}

/* For WebKit Browsers (Chrome, Edge, Safari) */
/* line 3284, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.savedImageSection::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 3289, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.savedImageSection::-webkit-scrollbar-track {
  background: transparent;
}

/* line 3293, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.savedImageSection::-webkit-scrollbar-thumb {
  background: #eef4f7;
  border-radius: 10px;
}

/* line 3298, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.savedImageSection::-webkit-scrollbar-thumb:hover {
  background: #d1d6d8;
}

/* line 3311, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.uploadButtonDiv {
  position: absolute;
  bottom: 19px;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 3320, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.uploadButtonDiv .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  border-radius: 50px;
  padding: 6px;
  width: 253px;
  height: 48px;
  border: 0;
  font-size: 16px;
  background-color: #EBF5FF;
  color: #0A2642;
  font-weight: 500;
}

/* line 3337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-blocks .add-image-options {
  display: flex;
  gap: 5px;
  justify-content: center;
}
/* line 3342, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.add-blocks .add-image-options .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  border-radius: 50px;
  padding: 6px;
  height: 48px;
  border: 0;
  background-color: #EBF5FF;
  color: #0A2642;
  font-size: 16px;
  width: 100%;
  max-width: 190px;
  font-weight: 500;
}

/* line 3361, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.image-filters-content-upload {
  height: calc(100% - 24px);
}
/* line 3365, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.image-filters-content-upload .property-btn-upload-enhance img {
  filter: invert(100%) brightness(1000%) contrast(100%);
  width: 32px;
}

/* line 3371, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.edit-header-content-upload {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 24px;
}
/* line 3377, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.edit-header-content-upload .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin: 0;
  color: #0A2642;
}
/* line 3386, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.edit-header-content-upload .close {
  background: url(../../image/svg-icons/close-lg.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
}

/* line 3397, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.enhance-section-head-upload {
  padding: 0 28px;
}
/* line 3400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.enhance-section-head-upload .title {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #0A2642;
}

/* line 3410, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.image-enhance-content-modal .enhance-section-head-upload .title {
  color: #fff;
}

/* line 3416, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.property-content-upload {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}

/* line 3425, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.property-btn-upload-original {
  width: 190px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50px;
  transition: all .15s ease-in-out;
  background-color: #DBE8EE;
  font-weight: 500;
  font-size: 16px;
  color: #0A2642;
  gap: 24px;
}
/* line 3440, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.property-btn-upload-original img {
  width: 29px;
}

/* line 3445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.property-btn-upload-enhance {
  width: 190px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border: 0;
  border-radius: 50px;
  transition: all .15s ease-in-out;
  background-color: #0A2642;
  color: #DCE9EF;
  font-weight: 500;
  font-size: 16px;
}

/* line 3462, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.replace-bg-btn-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* line 3470, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.uploadImageSection {
  overflow-x: clip;
  margin-bottom: 24px;
}

/* line 3475, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages {
  height: 100%;
}
/* line 3478, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages #divMyImage {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background-color: #fff;
}
/* line 3484, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages.block-modal-content {
  margin-top: 8px;
  border-top: 3px solid #FFFFFF;
}
/* line 3489, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages .edit-header-content {
  padding: 18px 24px;
  position: relative;
}
/* line 3493, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages .edit-header-content .title {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #0A2642;
  text-align: center;
}
/* line 3502, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages .edit-header-content .close {
  background: url(../image/svg-icons/xmark-black.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 24px;
  top: 22px;
  opacity: 1;
}
/* line 3513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
#divSavedImages .edit-body-content {
  padding: 6px 10px 0 24px;
  height: calc(100% - 70px - 68px);
  color: #0A2642;
  overflow-y: auto;
}

/* line 3521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tooltip-message, .warning-message {
  visibility: hidden;
  opacity: 0;
}

/* line 3526, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tooltip-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 3533, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tooltip-icon::after {
  opacity: 0;
  content: '';
  position: absolute;
  bottom: -10px;
  /* Position below the icon */
  left: 18%;
  transform: scaleY(-1);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid red;
  /* Arrow color */
}

/* line 3547, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tooltip-desktop:hover .tooltip-message, warning-message {
  visibility: visible;
  opacity: 1;
}

/* line 3552, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.tooltip-desktop:hover .tooltip-icon::after {
  opacity: 1;
}

/* line 3556, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.warning-message {
  font-size: 14px;
  position: absolute;
  top: 55px;
  margin: 0 auto;
  z-index: 2;
  border: 1px solid #FE2324;
  border-radius: 8px;
  padding: 10px;
  padding-right: 15px;
  background-color: #fff;
  right: 14px;
  max-width: 577px;
  color: #FE2324;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
/* line 3575, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.warning-message .tooltip-body-title {
  font: 16px;
  line-height: 22px;
  font-weight: bold;
}

@media (max-width: 1023px) {
  /* line 2, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container {
    height: inherit;
    width: 100%;
    padding: 0;
  }
  /* line 7, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area {
    grid-template-columns: 100%;
    grid-auto-rows: auto;
    grid-row-gap: 0px;
    overflow: auto;
    padding: 0;
    grid-template-rows: 50% 50%;
    overflow-x: hidden;
  }
  /* line 16, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block.bgGrayFor3DPreview .preview-area:before {
    top: 48px;
  }
  /* line 20, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-image-crop {
    border: none;
    max-height: 100%;
  }
  /* line 29, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.choose-template .left-content-block .preview-area, .container .content-area.add-image .left-content-block .preview-area, .container .content-area.add-text .left-content-block .preview-area, .container .content-area.add-sticker .left-content-block .preview-area, .container .content-area.review .left-content-block .preview-area {
    display: none;
  }
  /* line 33, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.choose-template .left-content-block .preview-area .preview .drag-slider, .container .content-area.add-image .left-content-block .preview-area .preview .drag-slider, .container .content-area.add-text .left-content-block .preview-area .preview .drag-slider, .container .content-area.add-sticker .left-content-block .preview-area .preview .drag-slider, .container .content-area.review .left-content-block .preview-area .preview .drag-slider {
    bottom: 16px;
    margin: 0;
  }
  /* line 42, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .content-block {
    border-radius: 0;
    border: 0;
    border-top: 2px solid #DCDCDC;
    padding: 8px 16px 16px;
    box-shadow: none;
    max-height: fit-content;
  }
  /* line 51, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal {
    grid-template-rows: 50px calc(100vh - 50px);
  }
  /* line 54, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal .content-block {
    height: calc(100vh - 50px);
    z-index: 999;
  }
  /* line 59, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal .edit-content-block .edit-body-content {
    height: calc(100vh - 6vh - 46px - 25px);
  }
  /* line 63, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal #divChangeBackgroundFromLibrary .content-block-content {
    height: calc(100% - 70px);
  }
  /* line 68, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal .edit-content-block .edit-footer-content {
    display: none;
  }
  /* line 74, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.visible-bg-modal.content-area .filter-content-modal {
    bottom: 8px;
  }
  /* line 80, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    border-top: 1px solid #D8D9DA;
    border-right: none;
  }
  /* line 86, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options {
    grid-auto-rows: 100%;
    grid-template-columns: repeat(5, 20%);
  }
  /* line 92, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools.arloaded ul.tool-options {
    grid-template-columns: repeat(2, 20%);
    justify-content: center;
  }
  /* line 99, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools.arloaded ul.tool-options li#optARVideo a img {
    max-width: 45%;
    min-width: 30%;
  }
  /* line 110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .canvas-area {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }
  /* line 115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block {
    grid-column: 1;
    grid-row: 1;
    grid-template-rows: 48px calc(100% - 48px);
    border: none;
    grid-row-gap: 0;
    padding: 0;
    max-height: 100%;
  }
  /* line 124, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .header-content {
    display: flex;
    border-bottom: 1px solid #dcdcdc;
    padding: 16px 16px 0;
  }
  /* line 129, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .header-content .logo {
    height: 16px;
    width: 80px;
  }
  /* line 135, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .view-buttons-content {
    margin-bottom: 12px;
  }
  /* line 139, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu {
    margin: unset;
  }
  /* line 142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul.tool-options {
    grid-template-columns: 100%;
  }
  /* line 149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .preview .drag-slider {
    bottom: 16px;
    margin: 0;
  }
  /* line 155, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .button-container {
    grid-column: 3 / 4;
    height: 55px;
    padding: 0;
  }
  /* line 162, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul, .container .content-area .left-content-block .button-container ul {
    height: inherit;
    padding: 2px 0 0 0;
  }
  /* line 166, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul li, .container .content-area .left-content-block .button-container ul li {
    height: 34px;
    width: auto;
    top: 4px;
  }
  /* line 171, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul li a, .container .content-area .left-content-block .button-container ul li a {
    width: 35px;
    margin: 0 auto;
  }
  /* line 176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul li img, .container .content-area .left-content-block .button-container ul li img {
    max-width: 22px;
  }
  /* line 180, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .left-content-block .menu ul li span, .container .content-area .left-content-block .button-container ul li span {
    bottom: -14px;
    font-size: 10px;
    white-space: nowrap;
  }
  /* line 190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools {
    grid-column: 1 / 2;
    bottom: 8px;
    display: none;
  }
  /* line 195, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    grid-template-columns: repeat(auto-fit, 83px);
    margin-bottom: 0;
  }
  /* line 199, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    height: 45px;
  }
  /* line 203, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    left: -129px !important;
    max-width: 100%;
  }
  /* line 207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .boxContainer {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 216, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li a span {
    top: 60%;
    font-size: 12px;
  }
  /* line 229, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools.arloaded ul.tool-options li.optionVideoChange .videoChangeOptions {
    bottom: 55px;
  }
  /* line 238, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-modal {
    width: 100%;
    grid-column: 1 / 2;
    grid-row: 2 / 5;
    grid-template-columns: 100%;
  }
  /* line 244, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-modal .modal-content-left {
    grid-column: 1;
  }
  /* line 249, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .zoom-in-out-content {
    display: none !important;
  }
  /* line 254, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-header-content {
    padding: 14px 24px;
  }
  /* line 257, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-header-content .title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.64px;
    font-weight: 400;
    color: #fff;
  }
  /* line 265, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-header-content .close {
    top: 20px;
    right: 30px;
  }
  /* line 271, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content {
    padding: 12px 21px 0 8px;
    height: calc(100vh - 50vh - 48px - 35px);
    overflow-y: auto;
  }
  /* line 277, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .property-content #imageCropButton {
    display: none;
  }
  /* line 281, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .property-content #imageSizeButton {
    display: flex;
  }
  /* line 288, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram .edit-body-text-content-button .edit-body-top-btn {
    margin-bottom: 32px;
  }
  /* line 295, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-position-content .position-text {
    display: none;
  }
  /* line 299, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-position-content .form-control {
    height: 40px;
  }
  /* line 305, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content-button .edit-body-top-btn {
    margin-bottom: 32px;
  }
  /* line 310, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .input-block {
    margin-bottom: 32px;
  }
  /* line 313, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .input-block .input-control {
    height: 50px;
  }
  /* line 317, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .input-block .close {
    top: 14px;
  }
  /* line 323, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .drag-slider-content .div-drag-msg {
    padding-bottom: 4px;
  }
  /* line 329, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content {
    padding-bottom: 24px;
    gap: 10px;
  }
  /* line 333, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn {
    height: 80px;
  }
  /* line 336, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn.rotate-btn {
    width: 54px;
  }
  /* line 340, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn.flip-btn {
    width: 50%;
  }
  /* line 344, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn.flip-v-btn {
    width: 50%;
  }
  /* line 350, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .sub-title-text {
    padding-bottom: 16px;
  }
  /* line 354, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .choose-image-content {
    height: calc(100% - 40px);
    overflow: hidden;
    max-width: 100%;
    margin: 0;
  }
  /* line 360, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .choose-image-content .choose-image-blocks-content {
    display: flex;
    flex-wrap: nowrap;
    /*align-items: center;*/
    margin-right: 0;
    height: 100%;
              /*.choose-image-block {
                                width: 48px;
                                height: 48px;

                                &.active { 
                                    width: 92px;
                                    height: 92px;
                                }

                                &.prev, &.next {
                                    width: 64px;
                                    height: 64px;
                                }
                            }*/
  }
  /* line 383, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .input-type-content {
    margin-bottom: 48px;
  }
  /* line 388, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block {
    height: calc(100% - 72px - 48px);
    margin-right: -16px;
  }
  /* line 394, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .choose-color-content {
    gap: 16px;
  }
  /* line 398, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .top-body-text {
    padding-bottom: 4px;
  }
  /* line 402, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .recentlyaddedwrap {
    gap: 14px;
    grid-template-columns: 266px 62px;
  }
  /* line 407, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap {
    gap: 10px;
  }
  /* line 410, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap .imgwrap.active {
    padding: 2px;
    border: 1px solid #fff;
    border-radius: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 410px) {
  /* line 419, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap {
    gap: 24px;
  }
}
@media (max-width: 1023px) {
  /* line 424, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram {
    height: calc(100% - 78px);
  }
  /* line 429, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-btn-content .input-block {
    margin-bottom: 0;
  }
  /* line 433, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-btn-content.active {
    gap: 20px;
  }
  /* line 443, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content.monogram-style-property-content.active {
    align-items: center;
  }
  /* line 448, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content {
    gap: 16px;
    overflow-x: auto;
    grid-auto-flow: column;
    padding-bottom: 12px;
  }
  /* line 454, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content .monogram-property-content .monogram-button-content .monogram-texture-image-content {
    gap: 16px;
  }
  /* line 463, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block.edit-image-content .edit-body-content {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 470, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block.edit-text-content .edit-body-content {
    padding-top: 0;
  }
  /* line 476, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .active.text-style-content {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 12px;
    justify-content: flex-start;
    max-width: 100%;
    margin: 0;
  }
  /* line 485, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .active.text-outline-content {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
  }
  /* line 490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .active.text-outline-content #divTextOutlineColor {
    overflow-x: auto;
  }
  /* line 494, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .active.text-outline-content .color-count-content {
    margin-top: 0;
    position: sticky;
    right: 0;
    background-color: #0A2642;
    z-index: 9;
    padding-bottom: 12px;
  }
  /* line 504, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .active.text-outline-content div.block-body.color-palette-container {
    gap: 8px;
  }
  /* line 513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .text-outline-content.active .block-body.color-palette-container, .container .content-area .edit-content-block .text-color-content.active .block-body.color-palette-container {
    margin-top: 0;
  }
  /* line 520, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .font-style-btn:hover {
    background: #DCE9EF;
  }
  /* line 524, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .font-style-btn.active {
    background: #ADE0E8;
  }
  /* line 531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .add-blocks .canvas-add-image-block {
    gap: 16px;
  }
  /* line 534, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .add-blocks .canvas-add-image-block .add-image-block {
    width: 104px;
    height: 104px;
  }
  /* line 539, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .add-blocks .canvas-add-image-block .add-image-block .tool-block.edit-tool-block {
    left: 8px;
  }
  /* line 543, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .add-blocks .canvas-add-image-block .add-image-block .tool-block.delete-tool-block {
    right: 8px;
  }
  /* line 549, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .add-blocks .canvas-add-image-block .add-btn {
    width: 104px;
    height: 104px;
  }
  /* line 557, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.ContentAreaMaxHeight .left-content-block, .container .content-area.ContentAreaMaxHeight .content-block {
    max-height: 100%;
  }
  /* line 564, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container div.block-body.color-palette-container {
    overflow-x: auto;
    grid-auto-flow: column;
    padding-bottom: 12px;
    gap: 16px;
  }
  /* line 572, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .top-dd-navigation {
    margin-bottom: 24px;
  }
  /* line 576, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .block-title {
    font-size: 16px;
    line-height: 18px;
  }
  /* line 581, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .block-title-wrap {
    margin-bottom: 8px;
  }
  /* line 585, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .block-body {
    gap: 8px 16px;
  }
  /* line 589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .custom-block:not(:last-child) {
    margin-bottom: 24px;
  }
  /* line 596, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .btn.dropdown-btn {
    padding-right: 16px;
  }
  /* line 599, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .btn.dropdown-btn::before {
    background: transparent url(../image/svg-icons/chevron_down_sm.svg) no-repeat center;
    width: 9px;
  }
  /* line 606, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .search-icon-btn {
    right: 16px;
    bottom: 8px;
  }
  /* line 612, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .breadcrumbcontent a {
    font-size: 16px;
    line-height: 18px;
  }
  /* line 618, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .back-btn {
    margin-right: 8px;
  }

  /* line 626, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper.content-block-with-search .content-block-inner .content-block-content {
    height: calc(100vh - 24px - 2px - 50vh - 128px);
  }
  /* line 637, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper .content-block-inner .content-block-header.hide-header-search .grid-header-content .top-dd-navigation {
    margin-bottom: 32px;
  }
  /* line 643, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper .content-block-inner .content-block-header.hide-header-search ~ .content-block-content {
    height: calc(100vh - 24px - 2px - 50vh - 72px);
  }

  /* line 650, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal {
    max-height: 616px;
  }
  /* line 655, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content {
    padding: 0 16px 30px;
  }
  /* line 658, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content button.close {
    right: 16px;
    top: 13px;
  }
  /* line 665, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .confirm-block {
    padding-top: 13px;
    font-size: 20px;
    line-height: 22px;
  }
  /* line 671, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .confirm-block .wrap {
    padding-top: 12px;
  }
  /* line 680, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
    padding: 0 16px 24px;
  }

  /* line 690, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.full-background-modal .grid-modal-container {
    position: relative;
    margin: 0 auto;
    top: 50px;
    height: calc(100vh - 50px);
    max-width: 100%;
  }
  /* line 698, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content {
    padding: 13px 16px;
  }
  /* line 701, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content .header-title {
    font-size: 20px;
    line-height: 22px;
  }
  /* line 707, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
    right: 16px;
  }
  /* line 714, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.full-background-modal .grid-modal-container .grid-modal-content {
    height: calc(100vh - 48px);
    max-height: 100%;
  }
  /* line 721, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal {
    top: 50px;
    height: calc(100vh - 50px);
  }
  /* line 725, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container {
    margin: 0;
  }
  /* line 729, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container .grid-modal-content {
    padding: 13px 16px 24px;
  }
  /* line 733, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header {
    padding-bottom: 16px;
  }
  /* line 736, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header .grid-header-content {
    padding-bottom: 29px;
  }
  /* line 739, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header .grid-header-content h3 {
    font-size: 20px;
    line-height: 22px;
  }
  /* line 746, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-content {
    height: calc(100vh - 37px - 115px - 50px);
  }
  /* line 754, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal {
    top: 50px;
    height: calc(100vh - 50px);
  }
  /* line 759, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content {
    padding: 13px 16px 24px;
  }
  /* line 762, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-header-content {
    padding-bottom: 20px;
  }
  /* line 765, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-header-content h3 {
    font-size: 20px;
    line-height: 22px;
  }
  /* line 771, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content button.close {
    top: 16px;
    right: 16px;
  }
  /* line 776, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .re-order-label {
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 24px;
  }

  /* line 786, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile {
    max-width: 100%;
    display: block !important;
  }
  /* line 790, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-wrapper, .slider-mobile .swiper-wrapper-advanced {
    /*    gap: 20px;*/
  }
  /* line 794, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-button-prev, .slider-mobile .swiper-button-next, .slider-mobile .swiper-button-prev-advanced, .slider-mobile .swiper-button-next-advanced {
    background: none;
    left: -28px;
    right: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    display: grid;
    align-items: center;
    justify-content: center;
  }
  /* line 806, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-button-next, .slider-mobile .swiper-button-next-advanced {
    left: auto;
    right: -28px;
  }
  /* line 811, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-scrollbar, .slider-mobile .swiper-scrollbar-advanced {
    background: #d6d6d6;
  }
  /* line 815, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-horizontal > .swiper-scrollbar, .slider-mobile .swiper-horizontal > .swiper-scrollbar-advanced {
    border-radius: 2px;
    height: 5px;
    width: 200px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 824, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper, .slider-mobile .swiper-container-advanced {
    padding-bottom: 26px;
    overflow: initial;
    margin-bottom: 24px;
  }
  /* line 829, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-btn, .slider-mobile .swiper-container-advanced .swiper-btn {
    display: none !important;
  }
  /* line 833, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide, .slider-mobile .swiper .swiper-slide-advanced, .slider-mobile .swiper-container-advanced .swiper-slide, .slider-mobile .swiper-container-advanced .swiper-slide-advanced {
    cursor: pointer;
    width: 68px !important;
    height: 68px;
    position: relative;
  }
  /* line 840, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide.active > div, .slider-mobile .swiper .swiper-slide-advanced.active > div, .slider-mobile .swiper-container-advanced .swiper-slide.active > div, .slider-mobile .swiper-container-advanced .swiper-slide-advanced.active > div {
    outline: 2px solid #0A2642;
    box-shadow: 0 0 0 4px #DCE9EF;
  }
  /* line 846, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div, .slider-mobile .swiper .swiper-slide-advanced > div, .slider-mobile .swiper-container-advanced .swiper-slide > div, .slider-mobile .swiper-container-advanced .swiper-slide-advanced > div {
    height: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }
  /* line 852, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div img, .slider-mobile .swiper .swiper-slide-advanced > div img, .slider-mobile .swiper-container-advanced .swiper-slide > div img, .slider-mobile .swiper-container-advanced .swiper-slide-advanced > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 858, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div .img-filter-title, .slider-mobile .swiper .swiper-slide-advanced > div .img-filter-title, .slider-mobile .swiper-container-advanced .swiper-slide > div .img-filter-title, .slider-mobile .swiper-container-advanced .swiper-slide-advanced > div .img-filter-title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 13px;
    background-color: #dbe8ee;
    font-size: 10px;
    line-height: 13px;
    color: #0a2642;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
  }
  /* line 875, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .choose-img, .slider-mobile .swiper-container-advanced .choose-img {
    max-width: 100%;
    max-height: 68px;
  }
  /* line 880, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-scrollbar, .slider-mobile .swiper .swiper-scrollbar-advanced, .slider-mobile .swiper-container-advanced .swiper-scrollbar, .slider-mobile .swiper-container-advanced .swiper-scrollbar-advanced {
    border-radius: 5px !important;
    height: 10px !important;
    width: 300px !important;
    bottom: 0 !important;
    background-color: #ADE0E6 !important;
  }
  /* line 887, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-scrollbar .swiper-scrollbar-drag, .slider-mobile .swiper .swiper-scrollbar-advanced .swiper-scrollbar-drag, .slider-mobile .swiper-container-advanced .swiper-scrollbar .swiper-scrollbar-drag, .slider-mobile .swiper-container-advanced .swiper-scrollbar-advanced .swiper-scrollbar-drag {
    border: 2px solid #ADE0E6 !important;
    border-radius: 5px !important;
    background: #0A2642 !important;
  }

  /* line 896, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent {
    padding: 5px 0;
    max-width: 92%;
    margin: 0 auto;
  }

  /* line 905, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-image-content #imageFiltersContent .choose-image-content {
    overflow: initial;
    display: none;
  }

  /* line 913, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .sub-title-text {
    display: none;
  }

  /* line 917, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content {
    overflow-x: hidden;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  /* line 924, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area {
    grid-template-rows: 65% 35%;
  }
  /* line 928, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content {
    height: calc(100vh - 65vh - 48px - 35px);
  }
  /* line 931, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .input-block {
    margin-bottom: 20px;
  }
  /* line 936, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content-button .edit-body-top-btn {
    margin-bottom: 20px;
  }
  /* line 941, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .monogram-buttons-property-content {
    padding-top: 16px;
  }
  /* line 948, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content .edit-body-text-content-button .edit-body-top-btn {
    height: 48px;
  }
  /* line 956, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-content.monogram .edit-body-text-content-button .edit-body-top-btn {
    margin-bottom: 16px;
  }
  /* line 963, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn {
    height: 80px;
  }
  /* line 966, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn.flip-btn {
    width: 146px;
  }
  /* line 970, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .actions-button-content .action-btn.rotate-btn {
    width: 62px;
  }
  /* line 978, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .edit-content-block .edit-body-content .edit-body-text-btn-content.active {
    gap: 8px;
  }
  /* line 987, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .dropdown-menu {
    max-height: 300px;
    overflow: auto;
  }

  /* line 997, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper.content-block-with-search .content-block-inner .content-block-content {
    height: calc(100vh - 24px - 2px - 65vh - 128px);
  }
  /* line 1005, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper .content-block-inner .content-block-header.hide-header-search ~ .content-block-content {
    height: calc(100vh - 24px - 2px - 65vh - 72px);
  }
}
@media all and (min-width: 1024px) and (max-width: 1200px) {
  /* line 1016, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .dropdown-menu {
    min-width: 300px;
  }

  /* line 1022, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.block-body {
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (orientation: portrait) and (max-width: 767px) {
  /* line 1029, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal {
    max-width: 100%;
    top: auto;
  }
  /* line 1033, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .grid-modal.confirm-modal.color-picker-modal .grid-modal-container {
    max-width: 100%;
    filter: none;
  }

  /* line 1041, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-block-wrapper #divTileContentTemplate .templatecategory {
    padding: 0;
  }

  /* line 1049, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .dropdown-menu {
    padding: 13px 16px 24px;
    min-width: 100%;
    height: calc(100vh - 50px);
    position: fixed;
    top: 50px;
    margin: 0;
    border: none;
    border-radius: 8px 8px 0 0;
    left: 0;
    right: 0;
    transform: none;
  }
  /* line 1062, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .dropdown-menu .dropdown-menu-list-content {
    height: calc(100% - 52px - 18px);
  }
  /* line 1065, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown .dropdown-menu .dropdown-menu-list-content .dropdown-menu-list {
    margin: 0;
  }
  /* line 1072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .dropdown.open .dropdown-backdrop {
    opacity: .5;
    background: #0d0d0d;
  }

  /* line 1080, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .header-title-content {
    display: block;
  }

  /* line 1086, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .art-board-wrapper .modal .modal-dialog.confirm-modal {
    margin: 0 auto;
  }

  /* line 1096, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.search-items-parent .left-content-block .header-content {
    display: none;
  }
  /* line 1101, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.search-items-parent .content-block {
    border: none;
    padding: 24px 16px;
    position: fixed;
    inset: 0;
    background: #fff;
    height: 100vh;
    z-index: 200;
  }
  /* line 1110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.search-items-parent .content-block .top-dd-navigation {
    display: none;
  }
  /* line 1114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area.search-items-parent .content-block .content-block-content {
    height: calc(100vh - 48px - 64px);
  }

  /* line 1122, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.userassetsmodal {
    top: 50px;
    height: calc(100vh - 50px);
  }
  /* line 1130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content div.grid-footer-content-item ul.button-cointainer {
    grid-template-columns: repeat(2, auto);
  }
  /* line 1139, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.grid-modal.confirm-modal {
    top: auto;
    bottom: 0;
  }

  /* line 1145, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  div.low-resolution-message {
    bottom: 0;
    padding: 10px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px;
  }

  /* line 1155, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block {
    border-radius: 0;
  }
  /* line 1160, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block #divTileContentTemplate .edit-body-content {
    overflow-x: hidden;
  }
  /* line 1165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content {
    height: calc(100vh - 50vh - 50px - 35px);
    overflow-x: hidden;
  }
  /* line 1169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -24px;
    padding-right: 24px;
  }
  /* line 1177, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .property-content {
    gap: 18px;
  }
  /* line 1185, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .choose-image-content {
    overflow: initial;
    display: none;
  }
  /* line 1190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .drag-slider-content {
    display: block;
    padding: 0;
    max-width: 300px;
    margin: 0 auto;
  }
  /* line 1199, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageAdjustContent .drag-slider-imagedit {
    margin-bottom: 16px;
  }
  /* line 1205, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent {
    padding: 5px 0;
    max-width: 300px;
    margin: 0 auto;
  }
  /* line 1210, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .image-action-btn {
    display: none !important;
  }
  /* line 1214, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .sub-title-text {
    display: none;
  }
  /* line 1218, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .choose-image-blocks-content {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 0;
    height: auto;
    padding: 5px 5px 20px;
    /* .optionfilter {
                        width: 68px !important; 
                    }*/
  }
  /* line 1228, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .choose-image-blocks-content .image-action-btn, .wrapper .content-area .edit-content-block .edit-body-content .edit-body-image-content #imageFiltersContent .choose-image-blocks-content #divPicsartFilters {
    display: none !important;
  }
  /* line 1238, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .drag-slider-content {
    display: none;
  }
  /* line 1242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    max-width: 300px;
    margin: 0 auto;
    height: 100%;
  }
  /* line 1251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 34px;
  }
  /* line 1258, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper.flip-content {
    margin-top: 2px;
  }
  /* line 1262, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .content-count-title {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
  }
  /* line 1268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .content-count-body {
    min-width: 220px;
    display: flex;
    justify-content: center;
  }
  /* line 1273, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .content-count-body .color-count-content {
    margin-top: 0;
  }
  /* line 1277, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .content-count-body .color-count-block {
    background-color: transparent;
  }
  /* line 1282, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .drag-slider-content {
    display: block;
    min-width: 200px;
  }
  /* line 1287, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body {
    display: flex;
    gap: 10px;
  }
  /* line 1291, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body .flip-btn {
    display: flex;
    gap: 10px;
    min-height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: #0A2642;
  }
  /* line 1303, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body .flip-btn .flip-blue {
    display: none;
  }
  /* line 1307, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body .flip-btn.active {
    background-color: #dce9ef;
  }
  /* line 1310, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body .flip-btn.active .flip-white {
    display: none;
  }
  /* line 1314, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-content-block .image-other-content .image-edit-wrapper .content-count-wrapper .flip-button-body .flip-btn.active .flip-blue {
    display: block;
  }
  /* line 1326, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .image-filters-content #divBackgroundTools {
    margin-bottom: 24px;
  }
  /* line 1330, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .image-filters-content .property-btn-content {
    margin-top: 0;
  }
  /* line 1335, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .enhance-section-head {
    padding: 0 !important;
  }
  /* line 1338, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .enhance-section-head .title-mobile {
    display: none;
  }
  /* line 1343, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .edit-body-text-content {
    height: calc(100% - 82px);
  }
  /* line 1349, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #divChangeBackgroundFromLibrary .content-block-content {
    height: calc(100% - 65px);
  }
  /* line 1353, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #divChangeBackgroundFromLibrary .block-body {
    grid-template-columns: 1fr 1fr;
  }
  /* line 1358, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #tilecontent {
    height: 100%;
  }
  /* line 1361, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #tilecontent .add-image-text-block {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 1366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #tilecontent .bg-inner-bLock {
    max-width: 100%;
  }
  /* line 1369, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area #tilecontent .bg-inner-bLock img {
    height: 124px;
  }
  /* line 1377, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .left-image-crop {
    overflow: hidden;
    border-radius: 0;
  }
  /* line 1382, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .left-image-crop .left .image-container {
    height: 100%;
    position: initial;
  }
  /* line 1388, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .wrapper .content-area .left-image-crop .drage-image-info {
    display: flex;
  }

  /* line 1396, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  #divSavedImages #divMyImage {
    border: 1px solid #dcdcdc;
    border-radius: 0px;
  }
  /* line 1400, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  #divSavedImages #divMyImage .myPhotosSection {
    margin-top: 0px;
    border-top: 0px !important;
  }
}
@media all and (orientation: portrait) and (max-width: 767px) and (max-width: 420px) {
  /* line 1407, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  #divSavedImages .edit-body-content {
    padding: 6px 10px 0 12px;
  }
}

@media all and (orientation: portrait) and (max-width: 767px) and (max-width: 420px) {
  /* line 1414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content {
    padding: 10px 12px 0 12px;
    height: calc(100% - 70px - 82px);
  }
}
@media all and (orientation: portrait) and (max-width: 767px) and (max-width: 410px) {
  /* line 1421, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap {
    gap: 10px;
  }
  /* line 1424, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .content-area #divChangeBackgroundUploadImage .edit-content-block .edit-body-content .recentlyaddedwrap .recentlyImgWrap .imgwrap.active {
    padding: 2px;
    border: 1px solid #fff;
    border-radius: 8px;
  }
}
@media all and (orientation: portrait) and (max-width: 767px) {
  /* line 1432, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile {
    max-width: 100%;
    display: block !important;
  }
  /* line 1436, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-wrapper, .slider-mobile .swiper-wrapper-advanced {
    /*    gap: 20px;*/
  }
  /* line 1440, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-button-prev, .slider-mobile .swiper-button-next, .slider-mobile .swiper-button-prev-advanced, .slider-mobile .swiper-button-next-advanced {
    background: none;
    left: -28px;
    right: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    display: grid;
    align-items: center;
    justify-content: center;
  }
  /* line 1452, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-button-next, .slider-mobile .swiper-button-next-advanced {
    left: auto;
    right: -28px;
  }
  /* line 1457, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-scrollbar, .slider-mobile .swiper-scrollbar-advanced {
    background: #d6d6d6;
  }
  /* line 1461, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper-horizontal > .swiper-scrollbar, .slider-mobile .swiper-horizontal > .swiper-scrollbar-advanced {
    border-radius: 2px;
    height: 5px;
    width: 200px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 1470, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper, .slider-mobile .swiper {
    padding-bottom: 30px;
    overflow: initial;
  }
  /* line 1474, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-btn, .slider-mobile .swiper .swiper-btn {
    display: none !important;
  }
  /* line 1478, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide, .slider-mobile .swiper .swiper-slide-advanced, .slider-mobile .swiper .swiper-slide, .slider-mobile .swiper .swiper-slide-advanced {
    cursor: pointer;
    width: 68px;
    height: 68px;
    position: relative;
  }
  /* line 1485, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide.active > div, .slider-mobile .swiper .swiper-slide-advanced.active > div, .slider-mobile .swiper .swiper-slide.active > div, .slider-mobile .swiper .swiper-slide-advanced.active > div {
    outline: 2px solid #0A2642;
    box-shadow: 0 0 0 4px #DCE9EF;
  }
  /* line 1491, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div, .slider-mobile .swiper .swiper-slide-advanced > div, .slider-mobile .swiper .swiper-slide > div, .slider-mobile .swiper .swiper-slide-advanced > div {
    height: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }
  /* line 1497, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div img, .slider-mobile .swiper .swiper-slide-advanced > div img, .slider-mobile .swiper .swiper-slide > div img, .slider-mobile .swiper .swiper-slide-advanced > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 1503, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-slide > div .img-filter-title, .slider-mobile .swiper .swiper-slide-advanced > div .img-filter-title, .slider-mobile .swiper .swiper-slide > div .img-filter-title, .slider-mobile .swiper .swiper-slide-advanced > div .img-filter-title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 13px;
    background-color: #dbe8ee;
    font-size: 10px;
    line-height: 13px;
    color: #0a2642;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
  }
  /* line 1520, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .choose-img, .slider-mobile .swiper .choose-img {
    max-width: 100%;
    max-height: 68px;
  }
  /* line 1525, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-scrollbar, .slider-mobile .swiper .swiper-scrollbar-advanced, .slider-mobile .swiper .swiper-scrollbar, .slider-mobile .swiper .swiper-scrollbar-advanced {
    border-radius: 5px !important;
    height: 10px !important;
    width: 300px !important;
    bottom: 0 !important;
    background-color: #ADE0E6 !important;
  }
  /* line 1532, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .slider-mobile .swiper .swiper-scrollbar .swiper-scrollbar-drag, .slider-mobile .swiper .swiper-scrollbar-advanced .swiper-scrollbar-drag, .slider-mobile .swiper .swiper-scrollbar .swiper-scrollbar-drag, .slider-mobile .swiper .swiper-scrollbar-advanced .swiper-scrollbar-drag {
    border: 2px solid #ADE0E6 !important;
    border-radius: 5px !important;
    background: #0A2642 !important;
  }

  /* line 1541, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .filter-name {
    padding: 8px 11px;
    font-size: 12px;
    line-height: 17px;
    bottom: 10px;
  }

  /* line 1548, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .canvas-area {
    max-height: initial !important;
  }

  /* line 1553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .add-blocks .image-filters-content-upload {
    height: calc(100% - 24px);
  }

  /* line 1558, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .enhance-section-head-upload {
    padding: 0px;
    display: flex;
    justify-content: center;
  }
  /* line 1563, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .enhance-section-head-upload .title {
    max-width: 323px;
    width: 100%;
  }

  /* line 1569, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .property-content-upload {
    gap: 10px;
  }

  /* line 1573, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .uploadButtonDiv {
    bottom: 20px;
  }
}
/* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: inherit;
  height: 96vh;
  z-index: 10000;
  opacity: 1;
  background: #fff;
}
/* line 13, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container {
  display: grid;
  grid-template-areas: 'header' 'main' 'footer';
  grid-gap: 16px;
}
/* line 18, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header {
  grid-area: header;
}
/* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage {
  height: 60px;
}
/* line 24, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  text-align: center;
}
/* line 30, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content .grid-header-content-item.breadcrumb {
  grid-column: 2 !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 2;
}
/* line 38, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content .grid-header-content-item.breadcrumb p {
  margin: 0;
}
/* line 41, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content .grid-header-content-item.breadcrumb p span {
  font-size: 13px;
}
/* line 47, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content .grid-header-content-item.button {
  grid-column: 3;
}
/* line 56, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage.instagram .grid-header-content .image {
  background: url("../image/instagram.png") no-repeat scroll 0 0 transparent;
}
/* line 64, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage.facebook .grid-header-content .image {
  background: url("../image/facebook.png") no-repeat scroll 0 0 transparent;
}
/* line 71, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content {
  display: grid;
  grid-template-columns: 90% 10%;
  position: relative;
}
/* line 76, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .header-title {
  font-size: 20px;
  color: #444;
  padding: 6px 0 10px 0;
}
/* line 82, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content.savedimageheader, .grid-modal .grid-modal-container .grid-modal-header .grid-header-content.savedprojectsheader {
  grid-template-columns: 68% 25% 5%;
}
/* line 87, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb {
  grid-column: 1;
  color: #0A2642;
  font-size: 20px;
  text-align: left;
  background-color: transparent;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-bottom: 16px;
  margin-top: 0;
  padding: 0;
  font-weight: 500;
}
/* line 103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb a {
  color: #007db6;
}
/* line 106, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb a:last-child {
  color: #0A2642;
}
/* line 111, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb span {
  font-size: 20px;
}
/* line 115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb p.count {
  color: var(--by-function-body-text, #444);
  display: inline-block;
  font-size: 16px;
  margin: 0;
}
/* line 123, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button {
  grid-column: 2;
  text-align: right;
}
/* line 127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
  background: transparent url(../image/svg-icons/close.svg) no-repeat;
  height: 15px;
  opacity: 1;
  width: 15px;
  position: absolute;
  right: 11px;
  top: 6px;
  z-index: 1;
}
/* line 137, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close:hover {
  filter: invert(55%) sepia(27%) saturate(7391%) hue-rotate(152deg) brightness(94%) contrast(91%);
}
@supports (-ms-ime-align: auto) {
  /* line 137, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close:hover {
    filter: invert(60%) sepia(100%) saturate(8391%) hue-rotate(152deg) brightness(90%) contrast(85%);
  }
}
/* line 147, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item select {
  margin-top: 3px;
  font-family: "franklin-gothic-atf", sans-serif;
}
/* line 155, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content {
  grid-area: main;
  height: calc(96vh - 140px);
  overflow: auto;
  padding: 0;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* line 162, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content button.close {
  background: transparent url(../image/svg-icons/close.svg) no-repeat;
  background-position: center;
  background-size: cover;
  height: 15px;
  opacity: 1;
  width: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  filter: invert(45%) sepia(0%) saturate(2%) hue-rotate(28deg) brightness(92%) contrast(91%);
}
/* line 175, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content button.close:hover {
  filter: invert(55%) sepia(27%) saturate(7391%) hue-rotate(152deg) brightness(94%) contrast(91%);
}
@supports (-ms-ime-align: auto) {
  /* line 175, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content button.close:hover {
    filter: invert(60%) sepia(100%) saturate(8391%) hue-rotate(152deg) brightness(90%) contrast(85%);
  }
}
/* line 184, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, 395px);
}
/* line 189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item {
  color: #FFFFFF;
  font-size: 33px;
  color: #0a2642;
  text-align: center;
  position: relative;
}
/* line 196, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item.block-item {
  font-size: 16px;
  font-weight: 600;
}
/* line 201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item.grey {
  background-color: #dce9ef;
}
/* line 205, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item img {
  width: 395px;
  height: auto;
}
/* line 210, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item span.loading {
  position: absolute;
  top: 40%;
  left: 0;
  margin: auto;
  right: 0;
  bottom: 0;
  color: #007DB6;
}
@media (hover: hover) {
  /* line 222, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item:hover div.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #58595b;
    opacity: .4;
    top: 0;
    left: 0;
  }
  /* line 232, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) .grid-content-wrapper-item:hover div.low-resolution-message {
    z-index: -1;
  }
}
/* line 239, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).layout {
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 243, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).layout .grid-content-wrapper-item {
  height: 133px;
  border: 1px solid #E3E4E4;
}
/* line 247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).layout .grid-content-wrapper-item img {
  width: inherit;
  height: inherit;
}
/* line 251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).layout .grid-content-wrapper-item img.layoutbackground {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 261, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 16px;
}
/* line 266, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item {
  border-color: transparent;
  border: 2px solid #CACACA;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* line 275, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item:hover {
  border-color: #0A2642;
}
/* line 279, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item.active {
  border: 2px solid #0A2642;
}
/* line 283, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 2px solid #fff;
  overflow: hidden;
  border-radius: 4px;
  padding-bottom: calc(100% - 4px);
}
/* line 296, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 4px;
  object-fit: cover;
}
/* line 310, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover .no-img-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent url(../image/svg-icons/exclamation.svg) no-repeat scroll 0 0;
  background-position: 12px 6px;
  background-size: 30px;
}
/* line 324, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button {
  opacity: .8;
  color: #08a8b7;
  font-family: "robotoitalic";
  padding: 5px 5px;
  display: block;
  font-size: 15px;
  position: absolute;
  top: 50%;
  background: #fff;
  z-index: 3;
}
/* line 336, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.tool-block {
  display: flex;
  background: #DBE8EE;
  top: auto;
  bottom: 12px;
}
/* line 342, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.tool-block:hover {
  background-color: #0A2642;
}
/* line 345, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.tool-block:hover img {
  filter: brightness(0) invert(1);
}
/* line 351, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.delete-tool-block {
  right: 12px;
}
/* line 355, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.replace-image {
  right: 12px;
}
/* line 358, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.replace-image img {
  height: 12px;
  width: 12px;
}
/* line 364, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.keep-image {
  left: 12px;
}
/* line 367, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.keep-image img {
  height: 15px;
  width: 15px;
}
/* line 373, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button.preview-video {
  left: 0;
  right: 0;
  margin: auto;
  top: 80%;
  position: relative;
}
/* line 381, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover button:hover {
  background: #08a8b7;
  color: #fff;
  transition: .25s all;
}
/* line 388, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover div.fbalbumdetail {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff;
  width: 100%;
  height: 65px;
}
/* line 397, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover div.fbalbumdetail p {
  padding-left: 5px;
  text-align: left;
  margin: 0;
  position: absolute;
}
/* line 403, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover div.fbalbumdetail p.title {
  font-size: 14px;
  bottom: 25px;
}
/* line 408, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .image-tile-cover div.fbalbumdetail p.itemCount {
  font-size: 12px;
  bottom: 8px;
}
/* line 416, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .low-resolution-message {
  width: 100%;
  font-size: 11px;
  color: white;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  z-index: 2;
  height: 40px;
  background-color: red;
  line-height: 40px;
}
/* line 428, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item .low-resolution-message span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding: 0 5px;
}
/* line 436, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item.active {
  border: 2px solid #0A2642;
}
/* line 440, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets .grid-content-wrapper-item.low-res-warning {
  border: 2px solid #fe2324;
}
/* line 445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets.savedvideos {
  grid-template-columns: repeat(auto-fill, 270px);
}
/* line 448, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets.savedvideos .grid-content-wrapper-item {
  height: 270px;
}
/* line 453, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets.fbAlbum {
  grid-template-columns: repeat(4, 1fr);
}
/* line 456, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets.fbAlbum .grid-content-wrapper-item {
  height: auto;
}
/* line 459, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).userassets.fbAlbum .grid-content-wrapper-item .image-tile-cover {
  padding-bottom: calc(100% - 4px);
}
/* line 466, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects {
  grid-template-columns: repeat(auto-fill, 287px);
  justify-content: center;
}
/* line 470, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item {
  font-size: 11px;
  color: #000000;
  border: 1px solid #D2D2D2;
  padding: 2px;
  height: 225px;
}
/* line 477, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item .image-cointainer {
  height: 110px;
  margin-bottom: 10px;
}
/* line 481, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item .image-cointainer img {
  width: inherit;
  height: inherit;
}
/* line 487, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item .detail {
  position: relative;
}
/* line 490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item .detail p {
  padding-right: 24px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* line 497, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item .detail img {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 0px;
}
/* line 506, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).savedprojects .grid-content-wrapper-item.active {
  border: 2px solid #007DB6;
}
/* line 513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-content .list-item-loading {
  top: 40%;
  position: absolute;
  left: 0;
  width: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/* line 528, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer {
  grid-area: footer;
}
/* line 531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
  padding: 0 0;
}
/* line 537, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
  grid-column: 1;
  width: 100%;
}
/* line 541, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: repeat(auto-fit, 120px);
  justify-content: center;
  margin: 0;
  list-style: none;
  padding: 0;
  margin-left: -10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 541, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    display: block;
    text-align: center;
  }
}
/* line 559, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.cancelicon img, .grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.okicon img {
  filter: brightness(0) invert(1);
  height: 18px;
  width: 18px;
  left: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
/* line 570, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.cancelicon span, .grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.okicon span {
  color: #FFFFFF;
  right: 22px;
  position: absolute;
}
/* line 577, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.cancelicon.okicon span, .grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.okicon.okicon span {
  right: 45px;
}
/* line 588, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item {
  background-color: transparent;
}
/* line 591, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container {
  background-color: #fff;
  max-width: 778px;
  margin: 0 auto;
  border-radius: 8px;
  margin-top: 10px;
  padding: 16px;
}
/* line 601, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-header {
  position: relative;
}
/* line 605, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content {
  height: auto;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}
/* line 611, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper {
  display: block;
  height: 100%;
}
/* line 615, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  height: 100%;
  border: 0;
  text-align: center !important;
}
/* line 620, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item img {
  width: auto;
  height: auto;
  border: 0;
  max-width: 100%;
  max-height: 100%;
}
/* line 628, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item div#divSelectedBG {
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}
/* line 634, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item canvas {
  vertical-align: sub;
}
/* line 644, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-footer .button-cointainer .btn {
  width: 100%;
}
/* line 652, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal {
  z-index: 10002;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto auto auto;
  max-width: 505px;
  background-color: transparent;
}
/* line 661, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container {
  grid-gap: 0;
  grid-template-areas: 'main' 'footer';
  background-color: #ffffff;
}
/* line 667, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-content {
  height: inherit;
  padding: 0 21px 20px;
  height: auto;
}
/* line 672, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-content .grid-content-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
}
/* line 677, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  color: #666666;
  font-size: 19px;
  height: inherit;
  display: flex;
  margin: auto;
  flex-direction: column;
}
/* line 685, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.category-item {
  border: 3px solid #cacaca;
  border-radius: 8px;
  text-align: center;
  justify-content: center;
  padding: 0 4px;
  font-size: 14px;
  height: 96px;
}
/* line 699, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-footer .grid-footer-content-item {
  padding-bottom: 16px;
}
/* line 710, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
  width: 100%;
}
/* line 713, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
  display: grid;
  padding: 0;
}
/* line 717, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container {
  grid-template-columns: 100%;
  grid-gap: 16px;
  padding: 0;
  margin: 0;
}
/* line 723, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container .btn {
  width: 100%;
  max-width: 345px;
}
/* line 728, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container.delete-modal-footer {
  display: flex;
  align-items: center;
}
/* line 732, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container.delete-modal-footer .btn {
  padding: 10px 28px;
  height: 48px;
}
/* line 737, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.confirm-button-container.delete-modal-footer .btn.btn-primary-dark:hover {
  border: 1px solid #0A2642;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 713, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    display: block;
    text-align: center;
  }
}
/* line 750, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button {
  list-style: none;
  height: auto !important;
  text-align: center;
  cursor: pointer;
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 750, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button {
    width: 50px;
    display: inline-block;
    margin-right: 40px;
  }
  /* line 762, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button:not(:last-child) {
    margin-right: 40px;
  }
}
/* line 767, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  border: none;
  position: relative;
  filter: brightness(0) invert(1);
}
/* line 775, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.edit {
  background: transparent url(../image/svg-icons/edit.svg) no-repeat 13px/25px;
}
/* line 779, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.reorder {
  background: transparent url(../image/svg-icons/reset.svg) no-repeat 13px/25px;
}
/* line 783, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.delete {
  background: transparent url(../image/svg-icons/delete.svg) no-repeat 13px/25px;
}
/* line 787, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.cancel {
  background: transparent url(../image/svg-icons/cancel.svg) no-repeat 13px/25px;
}
/* line 791, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.uploadimage {
  background: transparent url(../image/svg-icons/upload-new.svg) no-repeat 10px/30px;
}
/* line 795, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.addimage {
  background: transparent url(../image/svg-icons/submit.svg) no-repeat 13px/25px;
}
/* line 799, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button .imagebutton.copy {
  background: transparent url(../image/svg-icons/copy.svg) no-repeat 13px/25px;
}
/* line 804, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.devicemodalwithfooter .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.button span {
  position: absolute;
  width: 55px;
  left: -2px;
  color: #00000099;
  font-family: "franklin-gothic-atf", sans-serif;
  font-size: 10px;
  display: block;
}
/* line 821, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal {
  background-color: transparent;
}
/* line 824, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal .grid-modal-container {
  background-color: #fff;
  max-width: 750px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px;
  margin-top: 10px;
}
/* line 836, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
  width: 100%;
}
/* line 839, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
  grid-template-columns: repeat(auto-fit, 340px);
}
/* line 846, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal .grid-modal-container .grid-modal-content {
  cursor: default;
}
/* line 852, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist {
  background-color: transparent;
}
/* line 855, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-container {
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
}
/* line 864, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-container .grid-modal-header {
  position: relative;
}
/* line 871, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-content {
  height: calc(100vh - calc(95px + 44px + 32px + 32px + 10px + 10px));
}
/* line 875, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  height: 124px;
  border: 2px solid #C9C9C9;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  overflow: hidden;
}
/* line 885, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:hover {
  border-color: #06478E;
}
/* line 889, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item img {
  max-width: 100%;
  border: 2px solid #fff;
  max-height: 120px;
  border-radius: 8px;
}
/* line 896, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .hover-overlay {
  display: none;
}
/* line 907, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header {
  height: 105px;
}
/* line 912, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail {
  text-align: center;
  display: grid;
}
/* line 916, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.image {
  text-align: left;
}
/* line 919, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.image img {
  max-height: 90px;
}
/* line 924, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 930, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.content .title h3 {
  margin: 5px 0 26px 0;
  color: var(--by-function-body-text, #444);
  font-size: 26px;
  font-weight: 500;
}
/* line 938, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.content .text {
  font-size: 16px;
  color: var(--by-function-body-text, #444);
}
/* line 943, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.content .text p {
  margin: 0;
  color: var(--by-function-body-text, #444);
  line-height: 24px;
}
/* line 948, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.content .text p span {
  font-size: 13px;
}
/* line 959, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content {
  height: calc(100vh - calc(105px + 44px + 32px + 32px + 10px + 10px));
}
/* line 963, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail {
  grid-template-columns: auto;
}
/* line 966, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules {
  color: #58595b;
  cursor: default;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 24px;
  margin: 0 auto;
  justify-content: center;
}
/* line 976, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules .title {
  font-size: 20px;
  color: var(--by-function-body-text, #444);
  font-weight: 500;
  text-align: left;
  margin-bottom: 16px;
}
/* line 984, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules ul {
  margin: 0;
  padding: 0;
  max-width: 282px;
}
/* line 990, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules li {
  font-size: 12px;
  text-align: left;
  color: var(--by-function-body-text, #444);
  padding-bottom: 16px;
  background-image: url("../image/correct.svg");
  background-repeat: no-repeat;
  background-position: left top;
  list-style: none;
  padding-left: 28px;
  line-height: 1.2;
}
/* line 1002, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules li.restriction {
  background-image: url("../image/wrong.svg");
}
/* line 1005, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail .guideline-rules li.restriction:before {
  display: none;
}
/* line 1012, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail p {
  font-size: 20px;
  color: #58595b;
  text-align: center;
}
/* line 1023, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal {
  background-color: transparent;
}
/* line 1026, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container {
  max-width: 670px;
  margin: 0 auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
}
/* line 1035, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-header {
  position: relative;
}
/* line 1040, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item .close {
  top: 16px;
}
/* line 1051, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
  padding: 0;
  grid-template-columns: repeat(4, auto);
  gap: 16px;
}
/* line 1056, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer.autofix-120-w-btn {
  grid-template-columns: repeat(auto-fit, minmax(120px, auto));
  margin-left: 0;
}
/* line 1066, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-content {
  height: calc(96vh - 200px);
}
/* line 1071, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal {
  background-color: transparent;
}
/* line 1074, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal .grid-modal-container {
  margin: 0 auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
}
/* line 1083, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal .grid-modal-content {
  height: calc(96vh - 230px);
}
/* line 1088, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search {
  background-color: transparent;
}
/* line 1091, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container {
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
}
/* line 1100, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-header {
  height: auto;
}
/* line 1103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-header .grid-header-content {
  height: inherit;
  position: relative;
}
/* line 1108, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
/* line 1115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
/* line 1123, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content {
  height: calc(100vh - calc(95px + 44px + 32px + 32px + 10px + 10px));
  padding-right: 10px;
}
/* line 1128, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 1133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).bgnewcategory, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body).templatecategory {
  grid-template-columns: auto;
}
/* line 1144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.no-search-header .grid-modal-container .grid-modal-content {
  height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
  padding-right: 10px;
  margin-right: -10px;
  scrollbar-width: auto;
}
/* line 1159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.backgroundRequired .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
  display: none;
}
/* line 1167, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.backgroundRequired .grid-modal-container .grid-modal-content {
  height: calc(96vh - 198px);
}
/* line 1171, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.backgroundRequired .grid-modal-container .grid-modal-footer {
  display: none;
}
/* line 1178, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container {
  grid-template-areas: 'header' 'main';
  max-width: 736px;
  width: 99%;
  margin: auto;
  grid-row-gap: 0;
}
/* line 1185, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-header {
  height: 15px;
  border-bottom: none;
}
/* line 1189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-header .grid-header-content {
  grid-template-columns: 100%;
}
/* line 1193, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button {
  grid-column: 1;
}
/* line 1196, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
  top: 20px;
}
/* line 1204, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content {
  height: calc(96vh - 35px);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/* line 1210, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
  grid-template-columns: 135px minmax(auto, 350px) 110px;
  /*For IE only*/
}
/* line 1213, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  cursor: default;
}
/* line 1216, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.inputcontainer {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
/* line 1221, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.inputcontainer .texterrormessage {
  position: absolute;
  top: 65px;
}
/* line 1227, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer {
  display: grid;
  grid-column-gap: 15px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 40px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 1238, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer.round-button-container li div {
  border-radius: 50%;
}
/* line 1244, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li {
  height: auto;
  cursor: pointer;
  position: relative;
}
/* line 1249, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div {
  height: 40px;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
}
/* line 1250, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div:not(.blue) {
  background-color: transparent;
}
/* line 1258, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 40px;
  height: 40px;
}
/* line 1266, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div button:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* line 1277, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div button.icontext:before {
  background-image: url(../image/svg-icons/textmonogram.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
/* line 1287, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div button.iconmonogram:before {
  background-image: url(../image/svg-icons/monogram.svg);
  background-repeat: no-repeat;
  background-position: center;
}
/* line 1296, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li div button.next:before {
  background-image: url(../image/svg-icons/tool-redo.svg);
  background-repeat: no-repeat;
  background-position: center;
}
/* line 1305, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li span {
  text-align: center;
  color: #646362;
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
  width: 40px;
  margin-top: 5px;
}
/* line 1318, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item ul.button-cointainer li.active div button {
  background-color: #a0e2ea;
  border-color: #a0e2ea;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1210, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    width: 100%;
  }
  /* line 1331, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
    float: left;
  }
  /* line 1334, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:first-child {
    width: 30%;
  }
  /* line 1337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:first-child ul {
    display: inline;
  }
  /* line 1340, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:first-child ul li {
    display: inline-block;
  }
  /* line 1346, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:last-child {
    width: max-content;
  }
  /* line 1350, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item:nth-child(2) {
    width: 50%;
  }
}
/* line 1360, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal {
  background-color: transparent;
}
/* line 1363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container {
  grid-template-areas: 'main';
  width: 100%;
  margin: auto;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 6px;
  margin-top: 10px;
}
/* line 1373, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
  height: 96vh;
  padding-top: 0;
}
/* line 1377, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
  grid-template-columns: 35% 64%;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1377, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    display: flex;
  }
}
/* line 1385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  cursor: default;
  /* For IE only */
  /*End of IE*/
}
/* line 1388, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
  display: grid;
  grid-row-gap: 30px;
  grid-template-rows: max-content max-content max-content;
  margin: auto 0;
  margin-top: 70px;
}
/* line 1395, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer {
  display: grid;
  grid-column-gap: 15px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 42px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 1404, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer.round-button-container {
  grid-template-columns: repeat(auto-fit, 50px);
}
/* line 1408, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer.round-button-container li div {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin: 0 auto;
}
/* line 1414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer.round-button-container li div button {
  width: 40px;
  height: 40px;
}
/* line 1422, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li {
  height: auto;
  cursor: pointer;
  position: relative;
}
/* line 1427, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div {
  height: 40px;
  max-width: 40px;
  margin: 0 auto;
}
/* line 1433, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  right: 0;
  margin: 0 auto;
}
/* line 1443, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* line 1452, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.bold {
  position: relative;
}
/* line 1455, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.bold:before {
  background-image: url(../image/svg-icons/bold.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}
/* line 1463, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.italic {
  position: relative;
}
/* line 1466, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.italic:before {
  background-image: url(../image/svg-icons/italic.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
}
/* line 1474, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.underline {
  position: relative;
}
/* line 1477, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.underline:before {
  background-image: url(../image/svg-icons/underline.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}
/* line 1485, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.left {
  position: relative;
}
/* line 1488, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.left:before {
  background-image: url(../image/svg-icons/align-left.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 14px;
}
/* line 1496, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.right {
  position: relative;
}
/* line 1499, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.right:before {
  background-image: url(../image/svg-icons/align-right.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 12px;
}
/* line 1507, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.center {
  position: relative;
}
/* line 1510, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.center:before {
  background-image: url(../image/svg-icons/align-center.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 14px;
}
/* line 1518, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.edit {
  position: relative;
}
/* line 1521, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.edit:before {
  background-image: url(../image/svg-icons/edit.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 12px;
}
/* line 1529, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.delete {
  position: relative;
}
/* line 1532, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.delete:before {
  background-image: url(../image/svg-icons/delete.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 12px;
}
/* line 1540, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.cancel {
  position: relative;
}
/* line 1543, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.cancel:before {
  background-image: url(../image/svg-icons/cancel.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 11px 12px;
}
/* line 1551, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.accept {
  position: relative;
}
/* line 1554, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.accept:before {
  background-image: url(../image/svg-icons/submit.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 11px 12px;
}
/* line 1564, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li span {
  text-align: center;
  color: #0A2642;
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
  margin-top: 5px;
}
/* line 1577, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li.active div button {
  background-color: #A0E2EA;
  border-color: #A0E2EA;
}
/* line 1582, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li.active div button:hover:before {
  filter: none;
}
/* line 1592, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 10px;
}
/* line 1598, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-right {
  text-align: left;
  font-size: xx-small;
}
/* line 1602, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-right textarea {
  width: 94%;
  border: 1px solid #707070;
  color: #000000;
  height: 65px;
  resize: none;
  overflow: auto;
  font-size: 14px;
  text-align: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1615, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-left {
    width: 100%;
    float: left;
  }
  /* line 1619, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-left ul {
    display: inline;
  }
  /* line 1622, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-left ul li {
    display: inline-block;
  }
  /* line 1628, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-right {
    width: 100%;
    float: left;
  }
}
/* line 1635, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 {
  display: grid;
  grid-template-columns: 65% 30%;
  grid-gap: 10px;
  color: #0A2642;
  font-size: 14px;
  font-family: franklin-gothic-atf;
}
/* line 1643, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-left {
  margin-left: auto;
}
/* line 1647, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 span {
  display: block;
  color: #0A2642;
}
/* line 1652, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 select, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 select:focus {
  display: block;
  height: 26px;
  margin: 5px 0;
  border: 1px solid #1CB6C8;
  border-radius: 5px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  cursor: pointer;
  text-align-last: center;
  width: 280px;
}
/* line 1664, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right {
  margin-right: auto;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
  cursor: pointer;
}
/* line 1672, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right span {
  font-size: 10px;
  padding-top: 5px;
}
/* line 1680, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row3 ul.button-cointainer {
  grid-column-gap: 45px;
}
/* line 1688, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
  border-left: 1px solid #D8D9DA;
}
/* line 1691, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container {
  height: 100%;
  display: grid;
  grid-gap: 0;
  grid-template-rows: 70px auto 50px;
}
/* line 1697, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divMessage {
  position: relative;
}
/* line 1701, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divPreviewText {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 1706, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divPreviewText div, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divPreviewText canvas {
  margin: auto;
}
/* line 1710, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divPreviewText .divPreviewTextContainer {
  background: url(../image/artboard/lignt-trans-square.png) repeat left top transparent;
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-top: 0;
}
/* line 1717, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divPreviewText .divPreviewTextContainer.dark-bg {
  background: url(../image/artboard/dark-trans-square.png) repeat left top transparent;
}
/* line 1723, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divModeSelection {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1728, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divModeSelection label {
  margin: 0;
}
/* line 1733, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .texterrormessage {
  width: 100%;
}
/* line 1737, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container span {
  cursor: pointer;
  color: #585858;
  font-size: 14px;
  line-height: 1;
  max-height: 90vh;
  overflow: auto;
  word-break: break-word;
  margin: 20px 0 0;
}
/* line 1749, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container img.monogram-container {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  flex: 0 0 auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
    float: left;
  }
  /* line 1762, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
    width: 35%;
    top: 20%;
  }
  /* line 1769, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row1 {
    width: 100%;
    clear: both;
    height: 110px;
  }
  /* line 1774, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row1 .row1-left {
    width: 65%;
    float: left;
  }
  /* line 1779, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row1 .row1-right {
    width: 30%;
    float: left;
  }
  /* line 1785, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row2, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row3 {
    clear: both;
  }
  /* line 1788, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row2:not(.row3), .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row3:not(.row3) {
    margin: 40px 0;
  }
  /* line 1792, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row2 ul, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row3 ul {
    display: inline;
  }
  /* line 1795, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row2 ul li, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left div.row3 ul li {
    display: inline-block;
  }
  /* line 1803, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
    width: 45%;
  }
}
/* line 1818, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
  grid-row-gap: 35px;
}
/* line 1821, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 {
  grid-row-gap: 20px;
}
/* line 1824, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row0 .row0-right {
  text-align: center;
  font-size: 33px;
}
/* line 1830, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 {
  grid-template-columns: 100% !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1830, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 {
    height: 40px !important;
  }
  /* line 1836, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-left {
    width: inherit !important;
    clear: both !important;
  }
}
/* line 1842, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 select {
  width: 80% !important;
  max-width: 350px;
  margin: auto !important;
}
/* line 1849, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row3 {
  height: 135px;
}
/* line 1853, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer {
  display: grid;
  grid-column-gap: 15px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 58px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 1862, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer li {
  cursor: pointer;
}
/* line 1865, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer li span {
  margin-top: 0 !important;
  font-size: 10px;
  padding-top: 5px;
  display: block;
  color: #58595b;
}
/* line 1874, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer li:not(:first-child) .monogram-div-container {
  padding: 4px;
}
/* line 1877, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer li:not(:first-child) .monogram-div-container div {
  background-image: url(../image/svg-icons/background.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin: 0 auto;
}
/* line 1891, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.monogram-button-cointainer li.active .monogram-div-container {
  padding: 2px;
  border: 2px solid #007DB6;
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
/* line 1904, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
/* line 1910, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item, .grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/* line 1916, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item {
  flex: 1 1 auto;
}
/* line 1920, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer {
  flex: 0 0 auto;
}
/* line 1923, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container {
  display: flex;
  flex: 0 0 auto;
  background: url(../image/artboard/lignt-trans-square.png) repeat left top transparent;
}
/* line 1928, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container.dark-bg {
  background: url(../image/artboard/dark-trans-square.png) repeat left top transparent;
}
/* line 1943, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal textarea.textobjecttext, .grid-modal.texteditoptionmodal textarea.textobjecttext {
  width: 98%;
  border: 1px solid #707070;
  color: #000000;
  height: 65px;
  resize: none;
  overflow: auto;
  font-size: 14px;
  text-align: center;
}
/* line 1954, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .monogram-text, .grid-modal.texteditoptionmodal .monogram-text {
  text-transform: uppercase;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  width: 60px;
  height: 40px;
  color: #000000;
  border: 1px solid #707070;
}
/* line 1964, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .monogram-text:not(:last-child), .grid-modal.texteditoptionmodal .monogram-text:not(:last-child) {
  margin-right: 10px;
}
/* line 1969, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .icontext, .grid-modal.texteditoptionmodal .icontext {
  position: relative;
}
/* line 1972, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .icontext:before, .grid-modal.texteditoptionmodal .icontext:before {
  background-image: url(../image/svg-icons/textmonogram.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
/* line 1980, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .iconmonogram, .grid-modal.texteditoptionmodal .iconmonogram {
  position: relative;
}
/* line 1983, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .iconmonogram:before, .grid-modal.texteditoptionmodal .iconmonogram:before {
  background-image: url(../image/svg-icons/monogram-style.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
/* line 1991, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .texterrormessage, .grid-modal.texteditoptionmodal .texterrormessage {
  color: #EF79AC;
  display: none;
  font-size: 14px;
  top: 65px;
  position: relative;
  padding-right: 25px;
}
/* line 2004, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .textmonogramtabs ul.button-cointainer.round-button-container li div, .grid-modal.texteditoptionmodal .textmonogramtabs ul.button-cointainer.round-button-container li div {
  border-radius: 50%;
}
/* line 2013, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal {
  background-color: transparent;
}
/* line 2016, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container {
  grid-template-areas: 'main';
  width: 100%;
  margin: auto;
  grid-gap: 0;
  background-color: #fff;
}
/* line 2023, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
  height: 100vh;
  padding-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2023, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 100vh;
  }
}
/* line 2031, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
  grid-template-columns: 50% 50%;
  grid-template-rows: 70px calc(100% - 70px);
  height: 100%;
  grid-gap: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2031, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    display: flex;
  }
}
/* line 2041, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  cursor: default;
  /* For IE only */
  /*End of IE*/
}
/* line 2044, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header {
  color: #007DB6;
  padding: 0 10px 0 20px;
  font: 24px robotoregular;
  display: grid;
  grid-template-columns: 90% 10%;
  grid-gap: 0;
  text-align: center;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  background-color: #0A2642;
  height: 70px;
}
/* line 2057, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header .modal-title {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 2066, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header .close {
  background: transparent url(../../image/svg-icons/xmark.svg) no-repeat;
  filter: none;
}
/* line 2072, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
  background-color: #656565;
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}
/* line 2077, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
/* line 2083, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .image-container .jcrop-holder {
  margin: auto;
}
/* line 2087, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .image-container img {
  width: auto;
  /*200px*/
  height: auto;
  /*200px*/
  margin: auto;
}
/* line 2095, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  display: grid;
  grid-row-gap: 10px;
  grid-template-rows: 100%;
  background-color: #0A2642;
}
/* line 2103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer {
  display: grid;
  grid-column-gap: 30px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 50px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 2112, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li {
  height: auto;
  cursor: pointer;
  position: relative;
  display: grid;
  grid-row-gap: 10px;
  justify-content: center;
}
/* line 2120, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li button {
  background-repeat: no-repeat;
  background-position: center;
}
/* line 2124, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li button.reset {
  background-image: url(../image/svg-icons/reset.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
/* line 2130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li button.cancel {
  background-image: url(../image/svg-icons/cancel.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
/* line 2136, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li button.save {
  background-image: url(../image/svg-icons/submit.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
/* line 2142, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li button.undo {
  background-image: url(../image/svg-icons/tool-undo.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
/* line 2149, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li span {
  text-align: center;
  color: #DCE9EF;
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
}
/* line 2158, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li.active div {
  background-color: #007DB6;
}
/* line 2161, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right ul.button-cointainer li.active div button {
  filter: brightness(0) invert(1);
}
/* line 2171, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options {
  display: grid;
  grid-template-columns: minmax(auto, 370px);
  grid-gap: 40px;
  grid-template-rows: 1fr 100px 120px;
  align-items: center;
  justify-content: center;
  height: 100%;
}
/* line 2181, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row1 ul.button-cointainer {
  grid-column-gap: 16px;
}
/* line 2187, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit {
  width: 80%;
  margin: auto;
  font-size: initial;
}
/* line 2188, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit:first-child {
  margin-bottom: 32px;
}
/* line 2196, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .div-drag-msg {
  color: #DCE9EF;
  font-size: 16px;
}
/* line 2201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  grid-gap: 0;
}
/* line 2206, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .slider-horizontal {
  width: 85%;
  height: 10px;
  top: 1px;
}
/* line 2211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .slider-horizontal .slider-track {
  background: #AEAEAC;
  height: 5px;
}
/* line 2215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .slider-horizontal .slider-track .slider-selection {
  background-color: #70C9D7;
}
/* line 2219, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .slider-horizontal .slider-track .slider-track-high {
  background-color: #70C9D7;
}
/* line 2223, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .slider-horizontal .slider-track .slider-handle {
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-position: -30px -407px;
  background-image: none;
  border-radius: 50%;
  background-color: #fff;
}
/* line 2235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus {
  position: relative;
  cursor: pointer;
}
/* line 2239, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus .vertical, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus .vertical {
  position: absolute;
  background-color: #DCE9EF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 85%;
}
/* line 2251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus .horizontal, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus .horizontal {
  position: absolute;
  background-color: #DCE9EF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 65%;
  height: 5px;
}
/* line 2268, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options {
  display: grid;
  grid-template-columns: minmax(auto, 370px);
  /*420*/
  grid-gap: 40px;
  grid-template-rows: 1fr 1fr;
  height: 100%;
  justify-content: center;
}
/* line 2276, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 {
  align-self: end;
}
/* line 2282, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li div.objectcontainer {
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
/* line 2292, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li div.objectcontainer div {
  margin: auto;
  height: 100%;
  border-color: #646362;
}
/* line 2297, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li div.objectcontainer div.rectangle {
  width: 50%;
  background-color: #fff;
}
/* line 2302, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li div.objectcontainer div.circle {
  height: 80%;
  width: 80%;
  border-radius: 50%;
  background-color: #fff;
}
/* line 2314, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li.active div.objectcontainer {
  background-color: #007DB6;
}
/* line 2317, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li.active div.objectcontainer div {
  border-color: white;
}
/* line 2328, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options {
  display: grid;
  grid-template-columns: minmax(auto, 370px);
  /*420*/
  grid-gap: 40px;
  justify-content: center;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}
/* line 2336, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 {
  display: grid;
  grid-template-columns: repeat(3, 72px);
  grid-gap: 20px;
  height: 295px;
  justify-content: center;
  align-self: end;
  align-items: flex-end;
  overflow: auto;
}
/* line 2348, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .optionfilter {
  cursor: pointer;
}
/* line 2354, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .optionfilter.original .image-cointainer {
  background-color: #DCE9EF;
}
/* line 2357, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .optionfilter.original .image-cointainer:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #0A2642;
  display: block;
  border-radius: 6px;
}
/* line 2372, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .image-cointainer {
  width: inherit;
  height: 72px;
  position: relative;
  border: 1px solid #DFE0E0;
  cursor: pointer;
  border-radius: 6px;
}
/* line 2380, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .image-cointainer img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/* line 2394, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 div.active .image-cointainer {
  border: 2px solid #007DB6;
}
/* line 2397, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 div.active .image-cointainer img {
  padding: 1px;
}
/* line 2404, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 .text {
  font-family: franklin-gothic-atf;
  font-size: 11px;
  text-align: center;
  color: #F8F9FA;
  margin-top: 5px;
  line-height: 1.2;
  min-height: 27px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2041, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
    float: left;
  }
  /* line 2421, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header {
    height: 50px;
    position: absolute;
    width: 48%;
    left: 50%;
    top: 10px;
  }
  /* line 2429, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
    width: 50%;
  }
  /* line 2432, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .image-container {
    justify-content: space-around;
  }
  /* line 2437, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  /* line 2444, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row1, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row3 {
    clear: both;
  }
  /* line 2448, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row1 ul li, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row3 ul li {
    display: inline-block;
  }
  /* line 2449, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row1 ul li:not(:last-child), .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row3 ul li:not(:last-child) {
    margin-right: 20px;
  }
  /* line 2458, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  /* line 2462, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit {
    width: 50%;
    clear: both;
    font-size: 10px;
  }
  /* line 2467, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider {
    display: flex;
    font-size: 30px;
  }
  /* line 2471, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus {
    width: 10%;
    float: left;
  }
  /* line 2475, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus .vertical, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus .vertical {
    height: 44%;
  }
  /* line 2479, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconminus .horizontal, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .iconplus .horizontal {
    width: 62%;
  }
  /* line 2484, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit .divslider .div-drag-line {
    width: 80%;
    float: left;
  }
  /* line 2494, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 {
    clear: both;
  }
  /* line 2498, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li {
    display: inline-block;
  }
  /* line 2499, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-crop-options .row1 ul li:not(:last-child) {
    margin-right: 20px;
  }
  /* line 2510, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 {
    width: 60%;
    margin: auto;
  }
  /* line 2514, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 div.optionfilter {
    width: 27%;
    float: left;
    height: 100%;
  }
  /* line 2519, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 div.optionfilter:not(:last-child) {
    margin-right: 20px;
  }
  /* line 2523, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1 div.optionfilter .image-cointainer {
    height: calc(100%-20px);
    width: 100%;
  }
  /* line 2530, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row2 {
    clear: both;
    margin-top: 40px;
  }
  /* line 2535, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row2 ul li {
    display: inline-block;
  }
  /* line 2536, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row2 ul li:not(:last-child) {
    margin-right: 20px;
  }
}
/* line 2553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .imageeditloader {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.5);
  color: #007DB6;
  font-weight: 600;
  z-index: 1000;
  font-size: 15px;
}
@-moz-document url-prefix() {
  /* line 2553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .imageeditloader {
    opacity: 0.7;
    background-color: white;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2553, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .imageeditloader {
    opacity: 0.7;
    background-color: white;
  }
}
/* line 2580, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow {
  background-color: transparent;
}
/* line 2584, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container {
  max-width: inherit;
}
/* line 2589, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container {
  max-width: 978px;
  margin: 0 auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-top: 10px;
}
/* line 2598, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content {
  height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
}
/* line 2601, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper {
  grid-template-columns: 100%;
  height: 100%;
}
/* line 2605, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
  cursor: default;
  height: inherit;
  overflow: hidden;
  display: grid;
  grid-template-columns: 70% 29%;
  grid-template-columns: 1fr 210px;
  grid-gap: 16px;
}
/* line 2614, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .left {
  overflow: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* line 2617, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .left::-webkit-scrollbar {
  width: 0 !important;
}
/* line 2626, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right {
  display: grid;
  grid-template-rows: 50px auto;
  overflow: hidden;
}
/* line 2631, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right.three-column {
  grid-template-rows: 50px 50px auto;
}
/* line 2635, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpickertextboxcontainer {
  z-index: 2;
  text-align: left;
}
/* line 2639, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpickertextboxcontainer span {
  color: #646362;
  margin-right: 10px;
  font-size: 14px;
  float: left;
  margin-top: 3px;
}
/* line 2647, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpickertextboxcontainer input {
  float: left;
  width: 100px;
  height: 25px;
  border: 1px solid #707070;
  text-align: center;
  font: 15px robotoregular;
  display: block;
  cursor: text;
}
/* line 2660, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors {
  display: block;
}
/* line 2663, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors .minicolors-panel {
  top: 0;
  left: 0;
  height: 152px;
  background: none;
  display: block;
  border: none;
}
/* line 2671, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors .minicolors-panel .colorPickerClose {
  display: none;
}
/* line 2675, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors .minicolors-panel .minicolors-slider {
  margin-top: 0;
  right: 30px;
  left: auto;
  top: 20px;
  width: 40px;
  background-position: -225px 0;
}
/* line 2683, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors .minicolors-panel .minicolors-slider .minicolors-picker {
  border-radius: 5px;
  height: 4px;
  width: 40px;
  left: -1px;
}
/* line 2691, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .right .colorpicker .minicolors .minicolors-panel .minicolors-grid {
  top: 20px !important;
  left: 0;
}
/* line 2700, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color {
  overflow: hidden;
  grid-template-columns: 35% 65%;
  grid-column-gap: 10px;
}
/* line 2705, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette {
  display: grid;
  grid-template-columns: 60% 40%;
  overflow-y: auto;
}
/* line 2711, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette {
  padding-right: 16px;
  margin-top: 32px;
}
/* line 2715, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .block-body {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* line 2719, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .recent-colors-title {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.13px;
  color: #FFFFFF;
  margin-bottom: 14px;
}
/* line 2729, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel {
  display: grid;
  grid-template-rows: 35px auto;
  overflow: hidden;
}
/* line 2734, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpickertextboxcontainer {
  z-index: 2;
  text-align: left;
}
/* line 2738, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpickertextboxcontainer span {
  color: #646362;
  margin-right: 10px;
  font-size: 14px;
  float: left;
  margin-top: 3px;
}
/* line 2746, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpickertextboxcontainer input {
  float: left;
  width: 100px;
  height: 25px;
  border: 1px solid #707070;
  text-align: center;
  font: 15px robotoregular;
  display: block;
  cursor: text;
}
/* line 2759, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors {
  display: block;
}
/* line 2762, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors .minicolors-panel {
  top: 0;
  left: 0;
  height: 152px;
  background: none;
  display: block;
  border: none;
}
/* line 2770, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors .minicolors-panel .colorPickerClose {
  display: none;
}
/* line 2774, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors .minicolors-panel .minicolors-slider {
  margin-top: 0;
  left: auto;
  top: 20px;
  width: 40px;
  background-position: -225px 0;
}
/* line 2781, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors .minicolors-panel .minicolors-slider .minicolors-picker {
  border-radius: 5px;
  height: 4px;
  width: 40px;
  left: -1px;
}
/* line 2789, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel .colorpicker .minicolors .minicolors-panel .minicolors-grid {
  top: 20px !important;
  left: 0px;
}
/* line 2804, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-footer .btn {
  width: 100%;
}
/* line 2816, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory {
  grid-template-columns: auto;
}
/* line 2819, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory .block-body {
  gap: 24px;
}
/* line 2822, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory .block-body .block-item {
  border-color: transparent;
  justify-content: center;
  height: 96px;
  overflow: hidden;
}
/* line 2828, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory .block-body .block-item:hover {
  border-color: #06478e;
}
/* line 2833, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory .block-body .block-item .grid-content-wrapper-item img {
  border-radius: 0;
  border: 0;
  width: auto;
  max-height: 96px;
}
/* line 2846, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item {
  border-color: transparent;
  height: 96px;
  background-color: transparent !important;
}
/* line 2851, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item:hover {
  border-color: #06478e;
}
/* line 2855, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item img {
  max-height: 100%;
  border-radius: 0;
  border: 0;
  width: auto;
}
/* line 2862, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item.category-item {
  border: 2px solid #cacaca;
  border-radius: 8px;
  text-align: center;
  justify-content: center;
  padding: 0 4px;
  font-size: 14px;
}
/* line 2870, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item.category-item:hover {
  border-color: #06478e;
}
/* line 2881, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer {
  margin-left: 0px !important;
}
/* line 2884, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke {
  width: 80%;
  margin: auto;
  font-size: initial;
}
/* line 2885, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke:first-child {
  margin-bottom: 10px;
}
/* line 2893, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .div-drag-msg {
  color: #646362;
  font-size: 10px;
}
/* line 2898, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  grid-gap: 0;
}
/* line 2903, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .slider-horizontal {
  width: 85%;
  height: 10px;
  top: 1px;
}
/* line 2908, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .slider-horizontal .slider-track {
  background: #0a2642;
  height: 5px;
}
/* line 2912, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .slider-horizontal .slider-track .slider-selection {
  background-color: #0a2642;
}
/* line 2916, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .slider-horizontal .slider-track .slider-handle {
  background-image: url(../image/icon-sprite.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-position: -30px -407px;
}
/* line 2926, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconplus, .grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconminus {
  position: relative;
  cursor: pointer;
}
/* line 2930, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconplus .vertical, .grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconminus .vertical {
  position: absolute;
  background-color: #0a2642;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 75%;
}
/* line 2942, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconplus .horizontal, .grid-modal .strokeSliderContainer .drag-slider-stroke .divslider .iconminus .horizontal {
  position: absolute;
  background-color: #0a2642;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 75%;
  height: 5px;
}
/* line 2958, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal {
  height: 100%;
}
/* line 2961, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal .grid-modal-container {
  padding: 0;
  grid-gap: 0;
  margin: 35px auto;
}
/* line 2967, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content {
  padding: 24px;
  display: block;
}
/* line 2971, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content .header-title {
  padding: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
/* line 2980, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 16px;
  width: 16px;
  background-position: center;
}
/* line 2993, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.full-background-modal .grid-modal-container .grid-modal-content {
  height: calc(100vh - 35px - 35px - 76px);
  border-radius: 0 0 8px 8px;
}
/* line 3000, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal {
  max-width: 780px;
  top: 10px;
  height: 100vh;
}
/* line 3005, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container {
  border-radius: 8px;
}
/* line 3008, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-content {
  padding: 24px 24px 32px;
}
/* line 3015, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-content .content-block-header .grid-header-content .grid-header-content-item .licensedetail.cladetail .content {
  padding-bottom: 32px;
  text-align: center;
}
/* line 3020, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-content .content-block-header .grid-header-content .grid-header-content-item .licensedetail.cladetail .content .title h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  color: #444;
  margin: 0;
  padding-bottom: 32px;
}
/* line 3031, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-content .content-block-header .grid-header-content .grid-header-content-item .licensedetail.cladetail .content .text p {
  font-size: 16px;
  line-height: 24px;
  color: #444;
  margin: 0;
}
/* line 3042, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-content .content-block-header .grid-header-content .grid-header-content-item.button .close {
  right: 24px;
  top: 30px;
  width: 16px;
  height: 16px;
  background-position: center;
  filter: none;
}
/* line 3056, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-footer {
  padding-bottom: 24px;
}
/* line 3060, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item {
  padding-bottom: 0;
}
/* line 3064, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item .content-block-footer ul.button-cointainer {
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3070, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item .content-block-footer ul.button-cointainer .btn.btn-primary-dark {
  height: 48px;
  line-height: 18px;
  width: 343px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3085, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules {
  height: calc(100vh - calc(24px + 58px + 140px + 72px));
  overflow: auto;
  margin-bottom: 0;
  margin-right: -10px;
  padding-right: 10px;
}
/* line 3097, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal {
  max-width: 504px;
  top: 0;
  height: 96vh;
  margin: auto;
  bottom: 0;
}
/* line 3104, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container {
  height: 100%;
}
/* line 3107, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content {
  padding: 24px;
}
/* line 3111, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header {
  padding-bottom: 24px;
  position: relative;
}
/* line 3115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header .grid-header-content {
  padding-bottom: 32px;
}
/* line 3118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header .grid-header-content h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #444;
  margin: 0;
}
/* line 3127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .content-block-inner .content-block-header .searchbox-cointainer {
  padding-bottom: 0;
}
/* line 3133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content button.close {
  right: 0;
  top: 6px;
}
/* line 3138, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .grid-modal-container .grid-modal-content .block-body {
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 16px 24px;
}
/* line 3146, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .block-body .block-item {
  border: none;
  border-radius: 0;
  aspect-ratio: 1;
}
/* line 3151, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .block-body .block-item img {
  max-width: 96px;
  max-height: 96px;
}
/* line 3157, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.sticker-modal .block-body .block-item::before {
  display: none;
}
/* line 3164, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal {
  max-width: 392px;
  top: 40px;
}
/* line 3169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content {
  padding: 24px;
  border-radius: 8px;
}
/* line 3173, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-header-content {
  padding-bottom: 32px;
}
/* line 3176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-header-content h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  color: #444;
  margin: 0;
  text-align: center;
}
/* line 3186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content button.close {
  top: 30px;
  right: 24px;
}
/* line 3191, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .re-order-label {
  font-size: 16px;
  line-height: 24px;
  color: #444;
  text-align: center;
  padding: 0 0 8px;
  margin: 0;
}
/* line 3200, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: min-content;
  margin: 0 auto;
}
/* line 3207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .grid-container .grid-item {
  width: 104px;
  height: 104px;
  cursor: pointer;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
}
/* line 3217, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.re-order-image-modal .grid-modal-container .grid-modal-content .done-btn {
  width: 100%;
  max-width: 345px;
  height: 48px;
  margin: 24px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3230, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning {
  max-width: 472px;
}
/* line 3233, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning .desktop-to-mobile-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
/* line 3239, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning .desktop-to-mobile-content .img-warp {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
/* line 3244, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning .desktop-to-mobile-content .img-warp img {
  max-width: 60%;
  margin: 0 auto;
}
/* line 3251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning .desktop-to-mobile-content .grid-header-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #0A2642;
}
/* line 3259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.desktop-to-mobile-warning .desktop-to-mobile-content .text {
  text-align: center;
  font-size: 20px;
  color: #0A2642;
}
/* line 3272, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.breadcrumb {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* line 3284, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.low-resolution-message {
  display: flex;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fe2324;
  font-size: 14px;
  line-height: 18px;
  background: #fff;
  z-index: 4;
  max-width: 670px;
  padding: 20px;
  padding-left: 50px;
  align-items: center;
  border-radius: 0 0 8px 8px;
}
/* line 3304, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.low-resolution-message .warning-image img {
  width: 60px;
  height: 60px;
}
/* line 3310, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.low-resolution-message .warning-content {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  max-width: 480px;
}
/* line 3316, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.low-resolution-message .warning-content .warning-text {
  font-weight: 600;
}

/* line 3322, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
#divFlyoutStampColorPickerWindow .imageeditloader {
  position: absolute;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(30px);
  background-color: white;
  color: #007DB6;
  font-weight: 600;
  z-index: 1000;
}

/* line 3333, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
#divFlyoutStampColorPickerWindow .loader-img {
  margin-top: 15%;
}

@-moz-document url-prefix() {
  /* line 3338, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #divFlyoutStampColorPickerWindow .imageeditloader {
    opacity: 0.7;
    background-color: white;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 3345, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #divFlyoutStampColorPickerWindow .imageeditloader {
    opacity: 0.7;
    background-color: white;
  }
}
/* line 3351, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer {
  height: 48px;
  margin: auto;
  width: 48px;
  cursor: pointer;
  position: relative;
  padding: 4px;
}
/* line 3359, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .selectedcolor {
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
/* line 3368, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer span {
  position: absolute;
  top: 55px;
  font-size: 10px;
  width: inherit;
}
/* line 3375, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors {
  position: absolute;
  display: block;
}
/* line 3380, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors.minicolors-position-bottom .minicolors-panel {
  top: 0;
}
/* line 3386, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite {
  position: absolute;
  top: 0;
  height: 50px;
  left: 0;
}
/* line 3393, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors .minicolors-swatch .minicolors-swatch-color {
  border-radius: 0;
}
/* line 3398, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors span {
  text-align: center;
  font-size: 10px;
  width: 50px;
  top: 0;
}
/* line 3406, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer.active {
  padding: 2px;
  border: 2px solid #007DB6;
}

/* line 3412, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  background-color: rgba(68, 68, 68, 0.5);
}

/* line 3422, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal-overlay-transparent {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 10001;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.5;
}

/* line 3433, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.texterrormessage {
  color: #fff;
  display: none;
  font-size: 12px;
  margin-top: 4px;
}

/* line 3440, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container {
  display: grid;
  grid-column-gap: 30px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 50px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 3449, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li {
  height: auto;
  cursor: pointer;
  position: relative;
}
/* line 3454, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li div {
  height: 50px;
}
/* line 3457, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li div button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  filter: brightness(0) invert(1);
  border: 0px;
}
/* line 3469, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li span {
  text-align: center;
  color: #646362;
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
  width: 50px;
  margin-top: 5px;
}
/* line 3480, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-cancel div {
  background-color: #AEAEAC;
}
/* line 3483, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-cancel div button {
  background: transparent url(../image/svg-icons/cancel.svg) no-repeat 13px/25px;
}
/* line 3490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-delete div {
  background-color: red;
}
/* line 3493, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-delete div button {
  background: transparent url(../image/svg-icons/delete.svg) no-repeat 13px/25px;
}
/* line 3500, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-edit div {
  background-color: #646362;
}
/* line 3503, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-edit div button {
  background: transparent url(../image/svg-icons/edit.svg) no-repeat 13px/25px;
}
/* line 3510, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-accept div {
  background-color: #007DB6;
}
/* line 3513, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-accept div button {
  background: transparent url(../image/svg-icons/submit.svg) no-repeat 13px/25px;
}
/* line 3520, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.active div {
  background-color: #007DB6;
}
/* line 3523, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.active div button {
  filter: brightness(0) invert(1);
}

/* line 3531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.item-active {
  border: solid 3px #10488B !important;
  background-clip: content-box;
}

/* line 3536, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.circlecrop {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px dashed #fff;
}

/* line 3550, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-webkit-scrollbar, .content-block-wrapper .content-block-inner .content-block-content::-webkit-scrollbar, .panel-body .dropdown-menu-list::-webkit-scrollbar, .grid-modal .grid-modal-container .grid-modal-content::-webkit-scrollbar, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content::-webkit-scrollbar, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1::-webkit-scrollbar, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette::-webkit-scrollbar, .grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* line 3554, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-webkit-scrollbar-track, .content-block-wrapper .content-block-inner .content-block-content::-webkit-scrollbar-track, .panel-body .dropdown-menu-list::-webkit-scrollbar-track, .grid-modal .grid-modal-container .grid-modal-content::-webkit-scrollbar-track, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content::-webkit-scrollbar-track, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1::-webkit-scrollbar-track, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette::-webkit-scrollbar-track, .grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* line 3558, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-webkit-scrollbar-thumb, .content-block-wrapper .content-block-inner .content-block-content::-webkit-scrollbar-thumb, .panel-body .dropdown-menu-list::-webkit-scrollbar-thumb, .grid-modal .grid-modal-container .grid-modal-content::-webkit-scrollbar-thumb, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content::-webkit-scrollbar-thumb, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1::-webkit-scrollbar-thumb, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette::-webkit-scrollbar-thumb, .grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules::-webkit-scrollbar-thumb {
  background-color: gainsboro;
}
/* line 3562, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-webkit-scrollbar-track, .content-block-wrapper .content-block-inner .content-block-content::-webkit-scrollbar-track, .panel-body .dropdown-menu-list::-webkit-scrollbar-track, .grid-modal .grid-modal-container .grid-modal-content::-webkit-scrollbar-track, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content::-webkit-scrollbar-track, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1::-webkit-scrollbar-track, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette::-webkit-scrollbar-track, .grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules::-webkit-scrollbar-track, .nativecScrollbar::-webkit-scrollbar-thumb, .content-block-wrapper .content-block-inner .content-block-content::-webkit-scrollbar-thumb, .panel-body .dropdown-menu-list::-webkit-scrollbar-thumb, .grid-modal .grid-modal-container .grid-modal-content::-webkit-scrollbar-thumb, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content::-webkit-scrollbar-thumb, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1::-webkit-scrollbar-thumb, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette::-webkit-scrollbar-thumb, .grid-modal.customize-modal .grid-modal-container .grid-content-wrapper .guideline-rules::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

/* line 3575, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar2::-webkit-scrollbar, .content-area .edit-content-block .edit-body-content .choose-image-content::-webkit-scrollbar, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* line 3579, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar2::-webkit-scrollbar-track, .content-area .edit-content-block .edit-body-content .choose-image-content::-webkit-scrollbar-track, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block::-webkit-scrollbar-track {
  background-color: rgba(241, 241, 241, 0.5);
}
/* line 3583, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar2::-webkit-scrollbar-thumb, .content-area .edit-content-block .edit-body-content .choose-image-content::-webkit-scrollbar-thumb, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block::-webkit-scrollbar-thumb {
  background-color: rgba(10, 38, 66, 0.5);
}
/* line 3587, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar2::-webkit-scrollbar-track, .content-area .edit-content-block .edit-body-content .choose-image-content::-webkit-scrollbar-track, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block::-webkit-scrollbar-track, .nativecScrollbar2::-webkit-scrollbar-thumb, .content-area .edit-content-block .edit-body-content .choose-image-content::-webkit-scrollbar-thumb, .content-area .edit-content-block .edit-body-content .edit-body-color-font-content .choose-color-content-block::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

/* line 3594, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.custom-block:not(:last-child) {
  margin-bottom: 16px;
}

/* line 3598, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
/* line 3604, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title-wrap .view-all {
  font-size: 14px;
  line-height: 24px;
  color: #444;
  text-decoration: underline;
}

/* line 3612, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  color: #444;
  margin: 0;
}

/* line 3620, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body {
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
/* line 3627, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item {
  aspect-ratio: 1 / 0.75;
  border: 3px solid #CACACA;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
}
/* line 3640, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item:hover {
  border-color: #06478E;
}
/* line 3644, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item:before {
  content: "";
  position: absolute;
  inset: -1px;
  border: 2px solid #fff;
  border-radius: 8px;
}
/* line 3652, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item.item-active {
  border-color: #06478E;
}
/* line 3656, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item .hover-overlay {
  display: none;
}
/* line 3660, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item .block-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  gap: 7px;
  text-align: center;
}
/* line 3669, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item .block-item-icon img {
  height: auto;
  border-radius: 0;
}
/* line 3674, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item .block-item-icon .block-item-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: #95999D;
}
/* line 3683, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}
/* line 3690, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
}
/* line 3696, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item.add-new-color-btn {
  background: #0A2642 !important;
  border: 1px solid #fff;
}
/* line 3700, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item.add-new-color-btn img {
  max-height: 16px;
}
/* line 3705, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item::before {
  display: none;
}
/* line 3709, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item.active, .block-body.color-palette-container .bg-color-block-item:hover {
  border: 2px solid #fff;
}
/* line 3712, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body.color-palette-container .bg-color-block-item.active::before, .block-body.color-palette-container .bg-color-block-item:hover::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  inset: 0;
  border: 2px solid #0A2642;
}

/* line 3724, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.confirm-block {
  display: grid;
  justify-items: center;
  text-align: center;
  padding: 40px 0 10px;
}
/* line 3730, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.confirm-block .confirm-ico {
  margin-bottom: 16px;
}

/* line 3735, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.no-found-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
  max-width: 345px;
  margin: 0 auto;
  text-align: center;
}
/* line 3744, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.no-found-wrap .h3 {
  margin: 20px 0;
}

/* line 3749, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.f-16 {
  font-size: 16px;
}

/* line 3754, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog {
  width: 100%;
  max-width: 430px;
  margin: 10px auto 0 auto;
}
/* line 3759, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-header {
  height: 48px;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
/* line 3766, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-header .close {
  background: transparent url(../image/svg-icons/xmark.svg) no-repeat;
  width: 16px;
  height: 16px;
  filter: none;
  top: 18px;
  right: 16px;
}
/* line 3777, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content {
  background-color: #0a2642;
  color: #dce9ef;
}
/* line 3781, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .modal-title {
  font-size: 20px;
  font-weight: 600;
  color: #dce9ef;
  margin-bottom: 0;
}
/* line 3788, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions {
  grid-template-areas: 'fullwidth fullwidth' 'halfwidthleft halfwidthright';
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  overflow: inherit;
  margin-bottom: 16px;
}
/* line 3795, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .divadddeviceimage {
  grid-area: fullwidth;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}
/* line 3801, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .divaddigimage {
  grid-area: halfwidthleft;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}
/* line 3807, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .divaddfbimage {
  grid-area: halfwidthright;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}
/* line 3813, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3818, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer span {
  font-size: 14px;
  margin: 0 0 0 5px;
  color: #fff;
}
/* line 3824, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer img {
  filter: none;
}
/* line 3828, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer.btn-lg {
  height: 56px;
}
/* line 3832, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer.btn-md {
  height: 40px;
}
/* line 3838, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .recentlyaddedwrap {
  display: grid;
  grid-template-columns: 1fr 64px;
  grid-gap: 10px;
  margin-bottom: 16px;
}
/* line 3844, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .recentlyaddedwrap .recentlyImgWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
/* line 3850, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .recentlyaddedwrap .imgwrap {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  overflow: hidden;
  height: 62px;
}
/* line 3859, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .recentlyaddedwrap .imgwrap img {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
}
/* line 3865, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .recentlyaddedwrap .imgwrap.morewrap {
  border: 2px solid #dce9ef;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-height: 62px;
}

/* line 3882, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal {
  max-width: 505px;
}
/* line 3885, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 3889, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body .confirm-block {
  padding-top: 0;
}
/* line 3892, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body .confirm-block .confirm-delete-image-block {
  object-fit: cover;
  max-width: 100px;
  height: 100px;
}
/* line 3900, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body .model-desc {
  color: #000;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px;
  max-width: 320px;
}
/* line 3909, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer {
  padding-top: 0px;
  border: 0;
}
/* line 3913, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group {
  display: grid;
  grid-gap: 16px;
}
/* line 3917, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group .btn {
  margin: 0 auto;
  width: 100%;
  max-width: 345px;
}
/* line 3923, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group.delete-modal-footer {
  display: flex;
  justify-content: center;
}
/* line 3927, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group.delete-modal-footer .btn {
  padding: 10px 28px;
  max-width: max-content;
  margin: 0;
  height: 48px;
}
/* line 3933, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group.delete-modal-footer .btn.btn-secondary-dark {
  border: 1px solid #0A2642;
}
/* line 3938, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-footer .button-group.delete-modal-footer .btn.btn-primary-dark:hover {
  border: 1px solid #0A2642;
}
/* line 3949, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog .modal-content .prjInputName {
  padding-top: 0;
}
/* line 3952, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog .modal-content .prjInputName .modal-title {
  color: #444;
  font: 24px "franklin-gothic-atf",sans-serif;
}
/* line 3958, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog .modal-content .modal-footer {
  padding-top: 0;
  border: 0;
}

/* line 3966, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.confirm-block .h3.text-black {
  color: #0A2642;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  max-width: 350px;
}
/* line 3975, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.confirm-block .h3.text-black .warning-text {
  font-weight: 600;
  margin: 0;
}

@media only screen and (max-width: 1600px) {
  /* line 3986, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content {
    height: calc(640px - calc(95px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 3994, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content, .grid-modal.no-search-header .grid-modal-container .grid-modal-content {
    height: calc(640px - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 4002, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.no-search-header.saved-images-modal .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 4010, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.licenselayout .grid-modal-container .grid-modal-content {
    height: calc(640px - calc(105px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 4018, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 615px;
  }
  /* line 4026, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
    height: 615px;
  }
}
@media all and (orientation: portrait) and (max-width: 1023px) {
  /* line 4038, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.no-search-header.saved-images-modal .grid-modal-container .grid-modal-content {
    height: calc(640px - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }
}
/* line 4046, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.form-control {
  width: 100%;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* line 4058, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* line 4066, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.disablebutton {
  opacity: 0.3;
  pointer-events: none;
}

/* line 4071, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.red {
  background-color: red;
}

/* line 4075, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.darkgrey {
  background-color: #646362;
}

/* line 4079, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.blue {
  background-color: #007DB6;
}

/* line 4083, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.lightgrey {
  background-color: #AEAEAC;
}

/* line 4088, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
#canvasLayoutItems {
  margin-left: 0 !important;
  margin-top: 0 !important;
  max-width: 100%;
}

@media only screen and (max-width: 960px) {
  /* line 4097, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .art-board-wrapper .modal .project-loader-modal {
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
  }
  /* line 4103, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .art-board-wrapper .modal .project-loader-modal .modal-content {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
}
/* line 2, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.icon-svg-cointainer img {
  /*filter: $primary-svg-filter;*/
  margin-top: 2.5px;
}
/* line 7, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.icon-svg-cointainer span {
  font-size: 10px;
  display: block;
  color: #6B6B6B;
  margin-top: 2.5px;
}
@media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 17, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer:hover img {
    				/*filter: $primary-svg-hover-filter;
    
    				@supports (-ms-ime-align:auto) {
    					filter: $primary-svg-hover-filter-edge;
    				}*/
  }
  /* line 25, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer:hover span {
    color: #0BA5B5;
  }
}

/* line 32, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.upload-template-image {
  background: transparent url(../image/svg-icons/upload-2.svg) no-repeat !important;
  /*filter: $primary-svg-filter;*/
  width: 40px;
  height: 40px;
  background-size: 100% !important;
}
@media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 39, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .upload-template-image:hover {
    filter: invert(55%) sepia(27%) saturate(7391%) hue-rotate(152deg) brightness(94%) contrast(91%);
    /*Edge*/
  }
  @supports (-ms-ime-align: auto) {
    /* line 39, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
    .upload-template-image:hover {
      filter: invert(60%) sepia(100%) saturate(8391%) hue-rotate(152deg) brightness(90%) contrast(85%);
    }
  }
}

/*.vertical-tools {
	.tool-options {
		display: grid;
		grid-row-gap: 20px;

		li {
			height: auto !important;
			margin: auto 0;
			text-align: center;
			cursor: pointer;

			a {
				display: block;

				img {
					width: 45px;

					@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
						height: 32px;
					}

					-webkit-transform: none !important;
					-moz-transform: none !important;
					-ms-transform: none !important;
					transform: none !important;
				}
			}

			@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
				margin-bottom: 20px;
			}
		}
	}
}*/
/*.horizontal-tools {
	ul.tool-options {
		display: grid;
		grid-column-gap: 5px;
		justify-content: center;
		
		grid-template-columns: repeat(auto-fit, 60px);
		list-style: none;
		margin: 0;

		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
			display: inline;
		}

		li {
			height: 50px;
			padding: 4px 0;
			cursor: pointer;
			position: relative;

			a {
				width: auto;
				height: auto;

				img {
					height: 30px;
					width: 30px;
					margin-top: 0;
				}

				span {
					bottom: 2px;
					position: absolute;
					left: 0;
					right: 0;
				}
			}

			&.preview {
				display: none;
			}

			@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
				display: inline-block;
				width: 60px;
				height: 50px !important;
			}

			&.grid {
				.toolbarOptions {
					left: -132px;

					&.water-bottle-pos {
						left: -150px;

						.triangle-down {
							left: 39%;
						}
					}
				}
			}
		}
	}
}*/
/* line 151, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, minmax(100px, max-content));*/
  grid-row-gap: 24px;
}
/* line 156, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions .divadddeviceimage, .addImageOptions .divadddevicemonogram {
  /*grid-area: fullwidth;*/
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div {
  border-right: none;
}
/* line 168, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
  height: 72px;
}
/* line 177, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div a span {
  color: #DCE9EF;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-top: 0;
}
/* line 185, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div a img {
  margin-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 165, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .addImageOptions div {
    display: inline-block;
  }
}

/* line 207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.art-board-wrapper .modal .close {
  background: transparent url(../image/svg-icons/close.svg) no-repeat;
  filter: invert(45%) sepia(0%) saturate(2%) hue-rotate(28deg) brightness(92%) contrast(91%);
  height: 15px;
  width: 15px;
  right: 10px;
  top: 10px;
}
/* line 215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.art-board-wrapper .modal .close:hover {
  filter: invert(55%) sepia(27%) saturate(7391%) hue-rotate(152deg) brightness(94%) contrast(91%);
}
@supports (-ms-ime-align: auto) {
  /* line 215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .art-board-wrapper .modal .close:hover {
    filter: invert(60%) sepia(100%) saturate(8391%) hue-rotate(152deg) brightness(90%) contrast(85%);
  }
}

/* line 225, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.asset-lock-unlock {
  z-index: 999;
}

/* Mobile  Iphones and Android*/
@media only screen and (max-width: 1279px) {
  /* line 231, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer span {
    margin-top: 2px;
  }

  	/*.vertical-tools {
  		.tool-options {
  			grid-auto-rows: 20%;
  			grid-row-gap: 0;
  
  			li {
  				@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  					margin-bottom: 0;
  				}
  			}
  		}
  	}*/
  	/*.horizontal-tools {
  		ul.tool-options {
  			display: grid;
  			grid-row-gap: 5px;
  			grid-auto-rows: 12.2%;
  			height: 100%;
  			padding: 0;
  
  			li {
  				height: auto;
  				padding: 6px 0;
  				
  				a {
  					img {
  						width: 60%;
  						height: 45%;
  						position: absolute;
  						top: 25%;
  						left: 0;
  						right: 0;
  						margin: auto;
  					}
  
  					span {
  						bottom: 0;
  						top: 70%;
  					}
  				}
  
  				&.preview {
  					display: block;
  				}
  
  				@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  					display: inline-block;
  				}
  
  				&.grid {
  					.toolbarOptions {
  						&.water-bottle-pos {
  							.triangle-down {
  								left: auto;
  							}
  						}
  					}
  				}
  			}
  		}
  	}*/
}
/* Iphone X,XS and latest*/
@media only screen and (min-width: 375px) and (max-width: 767px) and (-webkit-device-pixel-ratio: 3) {
  /*.wbDeviceView {
  	.vertical-tools {
  		.tool-options {
  			grid-auto-rows: 17%;
  		}
  	}
  }*/
}
/* Iphone 6/7/8 and lower resolution related */
/*@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {*/
@media only screen and (max-width: 767px) {
  	/*.vertical-tools {
  		.tool-options {
  			li {
  				a {
  					img {
  						width: 40px;
  
  						@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  							height: 28px;
  						}
  					}
  				}
  			}
  		}
  	}*/
  	/*.horizontal-tools {
  		ul.tool-options {
  			grid-row-gap: 2px;
  			grid-auto-rows: 13.5%;
  
  			li {
  				a {
  					img {
  						top: 20%;
  					}
  				}
  			}
  		}
  	}*/
  	/*.wbDeviceView {
  		.vertical-tools {
  			.tool-options {
  				grid-auto-rows: 17%;
  			}
  		}
  
  		.horizontal-tools {
  			ul.tool-options {
  				width: 100%;
  				grid-template-columns: 1fr 1fr;
  				grid-auto-rows: 22%;
  				grid-template-areas: "column-2 column-1" "column-3 column-5" "column-4 column-6" "column-7 none";
  				grid-row-gap: 5px;
  				grid-column-gap: 5px;
  
  				li {
  					&:nth-child(1) {
  						grid-area: column-1;
  					}
  
  					&:nth-child(2) {
  						grid-area: column-2;
  					}
  
  					&:nth-child(3) {
  						grid-area: column-3;
  					}
  
  					&:nth-child(4) {
  						grid-area: column-4;
  					}
  
  					&:nth-child(5) {
  						grid-area: column-5;
  					}
  
  					&:nth-child(6) {
  						grid-area: column-6;
  					}
  
  					&:nth-child(7) {
  						grid-area: column-7;
  					}
  				}
  			}
  		}
  	}*/
  /* line 391, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer span {
    margin-top: 1px;
    font-size: 9px;
  }

  /* line 397, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .upload-template-image {
    width: 30px;
    height: 30px;
  }
}
/* Iphone 5 */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {*/
@media only screen and (min-width: 320px) and (max-width: 568px) {
  /* line 406, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer span {
    margin-top: 0;
    font-size: 8px;
  }
  /* line 411, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer img {
    margin-top: 2px;
  }

  /* line 416, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .upload-template-image {
    width: 20px;
    height: 20px;
  }

  	/*.vertical-tools {
  		.tool-options {
  			grid-row-gap: 2px;
  			grid-auto-rows: 19%;
  
  			li {
  				a {
  					img {
  						width: 30px;
  
  						@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  							height: 22px;
  						}
  					}
  				}
  			}
  		}
  	}*/
  	/*.horizontal-tools {
  		ul.tool-options {
  			grid-auto-rows: 13%;
  
  			li {
  				a {
  					img {
  						width: 40%;
  						height: 35%;
  					}
  
  					span {
  						top: 60%;
  					}
  				}
  			}
  		}
  	}*/
  	/*.wbDeviceView {
  		.vertical-tools {
  			.tool-options {
  				grid-auto-rows: 16%;
  			}
  		}
  
  		.horizontal-tools {
  			ul.tool-options {
  				grid-auto-rows: 19%;
  			}
  		}
  	}*/
}
@media all and (orientation: portrait) {
  /* line 6, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-header .grid-header-content.savedprojectsheader, .grid-modal .grid-modal-container .grid-modal-header .grid-header-content.savedimageheader {
    grid-template-columns: 55% 35% 10%;
  }
  /* line 12, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-header.headerwithimage .grid-header-content {
    grid-template-columns: 15% 75% 10%;
  }
  /* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item {
    font-size: 20px;
  }
  /* line 26, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail ul.guideline-rules {
    padding: 0;
  }
  /* line 29, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.guidelinedetail ul.guideline-rules ul {
    padding-inline-start: 30px;
  }
  /* line 40, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 100%;
  }
  /* line 43, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    grid-template-columns: 100%;
    grid-template-rows: calc(calc(100% - 48px) / 2) 48px calc(calc(100% - 48px) / 2);
  }
  /* line 48, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header {
    font: 24px robotoregular;
    padding: 0 10px 0 5px;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: 48px;
    position: relative;
  }
  /* line 56, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    height: 10px;
    background-color: #0a2541;
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  /* line 69, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header div {
    margin: auto 0;
  }
  /* line 72, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.imageedit-header div:last-child {
    text-align: right;
  }
  /* line 78, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  /* line 83, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
    grid-template-rows: 100%;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
  }
  /* line 91, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit {
    margin-bottom: 10px;
  }
  /* line 92, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-editing-options .row2 .drag-slider-imagedit:first-child {
    margin-bottom: 10px;
  }
  /* line 115, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-header .grid-header-content.savedimageheader {
    grid-template-columns: 45% 45% 10%;
  }
}
/* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_canvaszoom.scss */
.zoomdisplaytag {
  position: absolute;
  top: 0;
  right: 0;
  border: solid 2px #656565;
  padding: 2px 8px;
  font-size: 17px;
  border-radius: 18px;
  margin-top: 5px;
  margin-right: 5px;
  color: #6b6b6b;
  background-color: #fff;
}

/*to show buttons relative to canvas - in devices*/
/* line 16, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_canvaszoom.scss */
#canvas-area {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 21, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_canvaszoom.scss */
  .zoomdisplaytag {
    font-size: 15px;
    border: solid 1px #656565;
    border-radius: 15px;
  }
  /* line 26, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_canvaszoom.scss */
  .zoomdisplaytag img {
    width: 18px;
    margin-top: -2px;
  }
}