/* With search background modal */
/* No search background modal */
/*No footer in mobile */
/*Guide modal height */
/* Saved project only mobile */
/*save images (userassetsmodal) only mobile */
/* 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 */
.relpos {
  position: relative;
}

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

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

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

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

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

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

/* line 220, ../../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 227, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.slider.slider-horizontal .slider-handle.min-slider-handle {
  margin-left: -6px;
}

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

/* line 238, ../../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 243, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.layout-Image {
  background-position: center;
}

/* line 247, ../../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 258, ../../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 271, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.cla-stamp-warning.help-text {
  left: 20px;
  top: 7px;
}

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

/* line 280, ../../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 293, ../../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 301, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.save-disabled-warning {
  position: relative;
}
/* line 304, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.save-disabled-warning .help-text {
  bottom: 50px !important;
}

/* line 309, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.submit-disabled-warning {
  position: relative;
}
/* line 312, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.submit-disabled-warning .help-text {
  top: -110px;
  left: -100px;
}
/* line 316, ../../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 327, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.customizationrulesmodal .modal-header {
  /*#customizingWaterBottleModal .modal-header {*/
  padding: 10px 38px !important;
}

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

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

/* Rotate Device Css
-------------------------------------------------*/
/* line 348, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rotate-device {
  display: none;
}
/* line 351, ../../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 361, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.how-help {
  display: none;
}

/* bootstrap dropdown css
-------------------------------------------------*/
/* line 369, ../../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 375, ../../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 395, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.caret {
  position: absolute;
  right: 13px;
  top: 15px;
}

/* Help circle
-------------------------------------------------*/
/* line 403, ../../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 414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.novisiblescroll {
  overflow: hidden;
}

/* line 419, ../../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 423, ../../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 429, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
select.form-control, .mysavedProjects select {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

/* line 434, ../../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 446, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
.rounded-square-btn img {
  max-width: 20px;
}

@media only screen and (min-width: 1280px) {
  /* line 454, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  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;
  }

  /* line 466, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_common.scss */
  .modal, .modal-backdrop {
    bottom: auto;
  }
}
@media only screen and (max-width: 1279px) {
  /* line 473, ../../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,
  .verticle-center-always {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 960px) {
  /* line 482, ../../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 492, ../../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;
    /*width:100%;*/
  }
  /* line 502, ../../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 !important;
    border-bottom-left-radius: 0 !important;
  }
}
@media (orientation: portrait) and (max-width: 1279px) and (min-width: 768px) {
  /* line 511, ../../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: inherit;
    top: auto;
    bottom: auto;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  /* line 518, ../../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,
  .verticle-center-always {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
/* line 527, ../../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 534, ../../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;
}

/* line 16, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area h1 {
  font-size: 54px;
  color: #08a8b7;
}
/* line 20, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass {
  float: none;
  display: inline-block;
  line-height: 24px;
}
/* line 24, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .tumbler-image {
  margin-bottom: 18px;
}
/* line 27, ../../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 32, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_homepage.scss */
.glass-selection-area .glass .price {
  font-weight: 400;
}
/* line 35, ../../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;
  /*position: absolute;*/
  /*left: -999em;*/
  /*span {
      visibility: hidden;
      height: 0;
      overflow: hidden;
  }*/
}

/* line 40, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_artboard.scss */
#imagePreload {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  /*position: absolute;*/
  /*left: -999em;*/
  /*img {
      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: auto;
  }
}
/* 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: bold;
}
/* 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-rounded {
  border-radius: 24px;
}

/* line 128, ../../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 139, ../../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 144, ../../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 148, ../../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 153, ../../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 159, ../../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: 700;
  color: #0A2642;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #eef4f7;
}
/* line 176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover, .grey-btn:hover {
  border: 1px solid #0A2642;
  background: #0A2642;
  color: #fff;
}
/* line 181, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover:before, .grey-btn:hover:before {
  filter: brightness(0) invert(1);
}
/* line 185, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover span, .grey-btn:hover span {
  color: #fff;
}
/* line 189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary:hover img, .grey-btn:hover img {
  filter: brightness(0) invert(1);
}
/* line 194, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary.btn-border-square, .grey-btn.btn-border-square {
  border-radius: 8px;
}
/* line 198, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.btn-secondary span, .grey-btn span {
  font-size: 16px;
  font-weight: 500;
  color: #0A2642;
}

/* line 204, ../../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: 700;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #0A2642;
}
/* line 220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:before,
.preview-btn:before,
.btn-primary:before {
  filter: brightness(0) invert(1);
}
/* line 224, ../../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 229, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover:before,
.preview-btn:hover:before,
.btn-primary:hover:before {
  filter: none;
}
/* line 233, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover img,
.preview-btn:hover img,
.btn-primary:hover img {
  filter: none;
}
/* line 237, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.general-btn:hover span,
.preview-btn:hover span,
.btn-primary:hover span {
  color: #0A2642;
}
/* line 242, ../../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 246, ../../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 251, ../../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 258, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_buttons.scss */
.modal-footer .btn + .btn {
  margin-left: 20px;
}

/* line 262, ../../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: 24px;
}

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

/* Add images option modals
-------------------------------------------------*/
/* line 129, ../../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 140, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled {
  cursor: default;
}
/* line 144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .fb {
  background-position: 0 0;
}
/* line 148, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .instagram {
  background-position: -68px 5px;
}
/* line 152, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mydevice {
  background-position: -133px 5px;
}
/* line 156, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mysaved {
  background-position: -194px 5px;
}
/* line 160, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .video {
  background-position: -263px 5px;
}
/* line 164, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover .mysavedvideo {
  background-position: -335px 5px;
}
/* line 168, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions div.disabled a:hover span {
  color: #58595b;
}
/* line 174, ../../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 181, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.fb {
  background-position: 0 0;
}
/* line 185, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.instagram {
  background-position: -68px 5px;
}
/* line 189, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mydevice {
  background-position: -133px 5px;
}
/* line 193, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mysaved {
  background-position: -194px 5px;
}
/* line 197, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.video {
  background-position: -263px 5px;
}
/* line 201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions .option.mysavedvideo {
  background-position: -335px 5px;
}
/* line 207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover {
  color: #00b6c9;
}
/* line 210, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .fb {
  background-position: 0 -65px;
}
/* line 214, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .instagram {
  background-position: -68px -60px;
}
/* line 218, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mydevice {
  background-position: -133px -60px;
}
/* line 222, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mysaved {
  background-position: -194px -60px;
}
/* line 226, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .video {
  background-position: -263px -60px;
}
/* line 230, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover .mysavedvideo {
  background-position: -335px -60px;
}
/* line 234, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions a:hover span {
  color: #08a8b7;
  text-decoration: none;
}
/* line 241, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions.custom-scrollar, .addImageOptions.instagramOptions.custom-scrollar {
  height: 300px;
  overflow-x: auto;
}
/* line 246, ../../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 252, ../../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 255, ../../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 263, ../../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 267, ../../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 271, ../../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 276, ../../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 285, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.instagramOptions .album-image .image-cover {
  width: 150px;
  height: 100px;
}
/* line 289, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.instagramOptions .album-image .image-cover.active {
  border: 4px solid #ade6ec;
}
/* line 298, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
.addImageOptions.facebookOptions .album-image .image-cover {
  width: 74px;
  height: 74px;
}

/* line 307, ../../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 314, ../../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 319, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li {
  margin-bottom: 10px;
}
/* line 322, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li a {
  color: #000;
}
/* line 326, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#addFacebookImageModal li.active a {
  color: #337ab7;
}

/* Error Message Modal
-------------------------------------------------*/
/* line 334, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#errorMessageModal .model-wrap,
.errorMessageModal .model-wrap {
  display: table !important;
}
/* line 338, ../../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 344, ../../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 353, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal,
#licensedRulesModal,
#ARguidelinesModal {
  overflow-y: auto;
}
/* line 358, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .modal-body,
#licensedRulesModal .modal-body,
#ARguidelinesModal .modal-body {
  padding: 0px;
}
/* line 362, ../../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 371, ../../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 379, ../../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 385, ../../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 390, ../../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 395, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .right,
#licensedRulesModal .right,
#ARguidelinesModal .right {
  padding: 28px 38px 38px;
}
/* line 399, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#guidelinesModal .rules,
#licensedRulesModal .rules,
#ARguidelinesModal .rules {
  padding: 28px 38px 38px;
}
/* line 402, ../../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 414, ../../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 422, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#loginModal input,
#divLoginModal input {
  border-radius: 2px;
  height: 41px;
}

/* My Saved Image Modal
-------------------------------------------------*/
/* line 432, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal #mySavedImageModalLabel, #mySavedVideoModal #mySavedImageModalLabel {
  margin-left: 15px;
}
/* line 436, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group, #mySavedVideoModal .button-group {
  padding-right: 0px;
}
/* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group .grey-btn, #mySavedVideoModal .button-group .grey-btn {
  margin-right: 9px;
}
/* line 443, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .button-group .disabled, #mySavedVideoModal .button-group .disabled {
  opacity: 0.4;
  cursor: default;
}
/* line 449, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .filter, #mySavedVideoModal .filter {
  margin-bottom: 20px;
}
/* line 452, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .filter select, #mySavedVideoModal .filter select {
  width: auto;
}
/* line 457, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages, #mySavedVideoModal .mySavedImages {
  height: 252px;
  overflow-x: auto;
  margin-bottom: 20px;
  padding: 0;
}
/* line 463, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages #divSavedImages, #mySavedImageModal .mySavedImages #divSavedVideos, #mySavedVideoModal .mySavedImages #divSavedImages, #mySavedVideoModal .mySavedImages #divSavedVideos {
  height: 100%;
}
/* line 467, ../../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 477, ../../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 491, ../../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 498, ../../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 511, ../../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 518, ../../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 524, ../../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 537, ../../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 544, ../../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 550, ../../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 563, ../../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 570, ../../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 577, ../../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 587, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover:hover, #mySavedVideoModal .mySavedImages .image-cover:hover {
  border: 8px solid #ade6ec;
}
/* line 591, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .image-cover.active, #mySavedVideoModal .mySavedImages .image-cover.active {
  border: 8px solid #ade6ec;
}
/* line 594, ../../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 599, ../../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 611, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .mySavedImages .checkbox, #mySavedVideoModal .mySavedImages .checkbox {
  margin: 5px 0 5px 8px;
  padding: 0px;
}
/* line 617, ../../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 625, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.fb, #mySavedVideoModal .option.fb {
  background-position: 0 -142px;
}
/* line 629, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.instagram, #mySavedVideoModal .option.instagram {
  background-position: -37px -140px;
}
/* line 633, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal .option.mydevice, #mySavedVideoModal .option.mydevice {
  background-position: -73px -140px;
}
/* line 638, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a, #mySavedVideoModal a {
  color: #58595b;
}
/* line 641, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover, #mySavedVideoModal a:hover {
  color: #00b6c9;
}
/* line 644, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover .fb, #mySavedVideoModal a:hover .fb {
  background-position: 0 -178px;
}
/* line 648, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mySavedImageModal a:hover .instagram, #mySavedVideoModal a:hover .instagram {
  background-position: -37px -176px;
}
/* line 652, ../../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 663, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #mySavedImageModalLabel {
  margin-left: 15px;
}
/* line 668, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .modal-content .modal-body {
  padding: 11px 38px 0;
}
/* line 672, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images {
  height: 330px;
  overflow-x: auto;
  margin-bottom: 20px;
  padding: 0;
}
/* line 678, ../../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 688, ../../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 702, ../../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 709, ../../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 719, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover:hover {
  border: 8px solid #ade6ec;
}
/* line 723, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover.active {
  border: 8px solid #ade6ec;
}
/* line 726, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .images .image-cover.active .close-image {
  display: block;
}
/* line 734, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal .button-group .general-btn {
  margin-bottom: 15px;
}
/* line 738, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader {
  position: absolute;
  height: 95%;
  width: 92%;
  z-index: 10000;
}
/* line 744, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader p {
  top: 40%;
  position: absolute;
  left: 40%;
}
/* line 749, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#failedImageUploadModal #divRetryMessageLoader p img {
  width: 80%;
}

/* Notification Model (Success, Warning and Error)
-------------------------------------------------*/
/* line 759, ../../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 766, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#successMessage,
#errorMessage,
#warningMessage,
.errorMessage {
  font-size: 20px;
}

/* line 777, ../../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 781, ../../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 785, ../../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 789, ../../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 793, ../../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 800, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#successMessageModal .modal-body h5,
#warningMessageModal .modal-body h5 {
  color: #08a8b7;
}

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

/* Preview Modal
-------------------------------------------------*/
/* line 815, ../../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 822, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform {
  /*margin-bottom: 12px;*/
}
/* line 825, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform button.on {
  display: inline-block;
}
/* line 829, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .action-perform button.off {
  display: none;
}
/* line 835, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal .drag-slider {
  margin-bottom: 0px;
}
/* line 839, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#previewModal #spritespin {
  margin: 0 auto;
}

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

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

/* Mobile Text Style Option Modal
-------------------------------------------------*/
/* line 884, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools {
  background: none;
  position: relative;
  padding: 0;
}
/* line 889, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-control {
  height: 34px;
}
/* line 893, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-group {
  margin-bottom: 15px;
}
/* line 896, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .form-group #MobileTextPopup {
  height: 41px;
  resize: none;
}
/* line 902, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul {
  padding: 0;
}
/* line 905, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul li {
  padding: 0px;
}
/* line 908, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools ul li img {
  max-width: 50%;
}
/* line 914, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style {
  float: left;
  margin-right: 3px;
}
/* line 918, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
/* line 924, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-bold-text {
  background-position: -17px 0;
}
/* line 927, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-bold-text.active {
  background-position: -17px -35px;
}
/* line 932, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-italic-text {
  background-position: -79px 0;
}
/* line 935, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-italic-text.active {
  background-position: -79px -35px;
}
/* line 940, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-underline-text {
  background-position: -145px 0;
}
/* line 943, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-underline-text.active {
  background-position: -145px -35px;
}
/* line 948, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-left {
  background-position: -208px 0;
}
/* line 951, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-left.active {
  background-position: -208px -35px;
}
/* line 956, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-center {
  background-position: -272px 0;
}
/* line 959, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-center.active {
  background-position: -272px -35px;
}
/* line 964, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-right {
  background-position: -336px 0;
}
/* line 967, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .edit-tools .set-style li.set-text-right.active {
  background-position: -336px -35px;
}
/* line 973, ../../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 981, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog {
  width: 430px !important;
  /*width: calc(100% - 50px) !important;*/
}
/* line 984, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog .modal-header {
  padding-top: 11px;
}
/* line 988, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .modal-dialog .modal-body {
  padding: 8px 38px 8px 38px;
}
/* line 994, ../../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 1004, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .wheelColorPickerMonogramMobile {
  width: 150px;
}
/* line 1008, ../../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 1014, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-slider {
  margin-top: 1px !important;
}
/* line 1018, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-sprite {
  top: 3px !important;
}
/* line 1022, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .color-container-mobile .minicolors-swatch {
  margin-left: 3px;
}
/* line 1026, ../../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 1032, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default {
  background: #a7a9ab;
}
/* line 1035, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default a {
  color: #ffffff;
}
/* line 1039, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default.ui-tabs-active {
  background: #f6f6f6;
}
/* line 1042, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .ui-tabs-nav .ui-state-default.ui-tabs-active a {
  color: #a7a9ab;
}
/* line 1049, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .btn-monogram-option {
  background: #a7a9ab;
  color: #ffffff;
}
/* line 1053, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .btn-monogram-option.active {
  background: #f6f6f6;
  color: #a7a9ab;
}
/* line 1059, ../../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 1065, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#mobileTextStyleOptionModal .simplebar-track {
  height: 100% !important;
}
@media only screen and (max-width: 812px) {
  /* line 1071, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
  #mobileTextStyleOptionModal .color-container .minicolors-swatch {
    top: 2px !important;
  }
}

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

/* line 1100, ../../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 1103, ../../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 1108, ../../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 1113, ../../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 1120, ../../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 1130, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_modal.scss */
#selectImageFromVideoModal .button-group {
  padding: 0;
  margin-top: 10px;
}

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

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

/* line 1181, ../../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 1191, ../../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: normal;
  }
  /* 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 {
  position: relative;
  margin: auto;
  padding: 0 15px;
  font-family: "franklin-gothic-atf";
}
/* line 7, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area {
  display: grid;
  grid-gap: 0px;
  height: inherit;
  grid-column-gap: 10px;
  /*grid-template-columns: 7% 65% 26%;*/
  grid-template-columns: 7% 65% 24%;
  /*grid-auto-rows: 630px 50px;*/
  grid-auto-rows: auto;
  position: relative;
  font-family: "franklin-gothic-atf";
}
/* line 19, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools {
  grid-column: 1 / 2;
  /*grid-row: 1 / 3;*/
  grid-row: 1 / 2;
  margin: 0;
  z-index: 199;
  position: relative;
}
/* line 27, ../../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 32, ../../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 38, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a {
  display: block;
}
/* line 41, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a span {
  font-weight: 700;
  color: #0A2642;
}
/* line 50, ../../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;
  /*filter: none !important;*/
  margin: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 50, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    height: 32px;
  }
}
/* line 68, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .vertical-tools .tool-options li a:hover img {
  /*filter: none !important;*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 32, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li {
    margin-bottom: 20px;
  }
}
/* line 81, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .canvas-area {
  grid-column: 1 / 4;
  /*grid-row: 1 / 3;*/
  grid-row: 1 / 2;
}
/* line 87, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area {
  display: grid;
  grid-template-columns: 100%;
  grid-column: 3 /4;
  /*grid-row: 1 / 3;*/
  grid-row: 1 / 2;
  /*grid-template-rows: 50px max-content auto 50px;*/
  /*grid-template-rows: 50px max-content max-content 50px;*/
  grid-template-rows: 50px max-content 50px 50px;
  grid-row-gap: 10px;
  margin: 0;
  z-index: 199;
}
/* line 100, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .logo {
  height: inherit;
  background: transparent url(../image/svg-icons/tervis_customyzer_logo.svg) no-repeat;
  background-position: center;
}
/* line 106, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .menu {
  display: none;
}
/* line 112, ../../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 112, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul {
    display: inline;
  }
}
/* line 122, ../../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 132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .button-container ul li img {
  /*height: 25px;
  width: 25px;
  position: absolute;
  left: 10px;
  top: 25%;*/
}
/* line 140, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .button-container ul li span {
  /*position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: max-content;
  margin: auto;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*height: 100%;
  color: #FFFFFF;
  font-size: 17px;
  font-family: $primary-font-family;*/
}
/* line 160, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview {
  /*&.empty-template {
  	height: 500px;
  }*/
}
/* line 164, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #tumbler3d {
  position: relative;
  /*overflow: hidden;*/
  /*height: 450px;*/
  height: 450px;
}
/* line 171, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #Preview3d {
  position: relative;
  /*height: 450px;*/
}
/* line 174, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview #Preview3d .wrap3dss {
  text-align: center;
}
/* line 177, ../../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 190, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider {
  margin: 0px auto 18px auto;
  max-width: 210px;
}
/* line 194, ../../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 199, ../../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 205, ../../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 211, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-line #hlpRotateText {
  top: -105px;
}
/* line 214, ../../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 220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .drag-msg {
  color: #6B6B6B;
  text-align: center;
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
/* line 228, ../../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 237, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .preview .drag-slider .tooltip {
  display: none !important;
}
/* line 243, ../../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 249, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-area .zoompreview span {
  cursor: pointer;
}
/* line 255, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools {
  grid-column: 2 / 3;
  position: absolute;
}
/* line 259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options {
  display: grid;
  grid-column-gap: 5px;
  justify-content: center;
  /*grid-template-columns: repeat(auto-fit, minmax(50px, max-content));*/
  grid-template-columns: repeat(auto-fit, 60px);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    display: inline;
  }
}
/* line 273, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li {
  /*height: 50px;*/
  /*padding: 4px 0;*/
  padding: 0;
  cursor: pointer;
  position: relative;
  text-align: center;
}
/* line 281, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a {
  width: auto;
  height: auto;
}
/* line 286, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a:hover span {
  color: #0A2642;
}
/* line 291, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a img {
  height: 25px;
  width: 25px;
  /*margin-top: 6px;
  filter: brightness(0) invert(1);
  	*/
  margin: 0;
  /*filter: none;*/
}
/* line 301, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li a span {
  /*bottom: 2px;
  position: absolute;
  left: 0;
  right: 0;
  color: #FFFFFF;*/
  color: #0A2642;
  font-weight: 700;
}
/* line 313, ../../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: -120px;
  cursor: default;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 313, ../../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 313, ../../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 337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline {
  display: inline;
}
/* line 340, ../../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 348, ../../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 352, ../../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 361, ../../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%;
  margin-left: -6px;
  position: absolute;
  width: 17px;
}
/* line 371, ../../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;
  /*left: 38%;
  margin-left: -6px;*/
  position: absolute;
  width: 17px;
}
/* line 382, ../../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 390, ../../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: normal;
  cursor: pointer;
}
/* line 399, ../../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 405, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .gridColorPalette {
  width: 25px;
}
/* line 409, ../../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 418, ../../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 426, ../../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 432, ../../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 439, ../../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 452, ../../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: normal;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  border: 1px solid #ababab;
  border-top: 0;
  max-height: 150px;
  overflow-y: auto;
}
/* line 469, ../../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 480, ../../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 484, ../../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 489, ../../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 495, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions.withlabeloption {
  left: -202px;
}
/* line 501, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li:hover {
  /*@media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  	background-color: #00A4B6;
  }*/
}
/* line 507, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .horizontal-tools ul.tool-options li.preview {
  display: none;
}
/* line 512, ../../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 512, ../../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 512, ../../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 535, ../../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 539, ../../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 {
  /*margin-right: 45px;*/
  font-size: 15px;
  /*color: $primary-text-color;*/
  padding-bottom: 0;
  text-transform: lowercase;
  font-weight: 400;
  cursor: pointer;
}
/* line 549, ../../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 553, ../../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 559, ../../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 569, ../../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 574, ../../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 273, ../../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 595, ../../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;
  /*background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(30px);
  */
  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 614, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-title {
  font-size: 24px;
  color: #444;
  /*border-bottom: 1px solid #D8D9DA;*/
  padding: 10px;
  grid-column: 1 /4;
  position: relative;
  padding-top: 0;
}
/* line 623, ../../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 634, ../../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 634, ../../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 644, ../../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 649, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer {
  /*width: 350px;*/
  /*margin: auto;*/
  margin: 0 10% auto auto;
}
/* line 654, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d {
  position: relative;
  height: 450px;
}
/* line 658, ../../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 662, ../../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 669, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #Preview3d .wrap3dss {
  text-align: center;
}
/* line 672, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer #Preview3d .wrap3dss canvas {
  bottom: unset;
}
/* line 678, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-left .previewcontainer .drag-slider {
  text-align: center;
}
/* line 684, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.container .content-area .preview-modal .modal-content-right {
  grid-column: 3 / 4;
  position: relative;
}
/* line 688, ../../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: 10px;
  left: 25px;*/
  bottom: 5px;
  left: 15px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 688, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-right ul.button-container {
    display: inline;
  }
}
/* line 703, ../../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 712, ../../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%;
  /*filter: brightness(0) invert(1);*/
}
/* line 721, ../../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%;
  /*color: #FFFFFF;*/
  /*font-size: 17px;*/
  /*font-family: $primary-font-family;*/
}
@-moz-document url-prefix() {
  /* line 595, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    /*opacity: 0.9;*/
    background-color: rgba(255, 255, 255, 0.95);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 595, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    /*opacity: 0.9;*/
    background-color: rgba(255, 255, 255, 0.95);
  }
}

/* line 746, ../../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 754, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.unstyled-list {
  list-style: none;
}

@media (min-width: 1280px) {
  /* line 759, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container {
    width: 1232px;
    min-height: 82vh;
  }
  /* line 764, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools {
    display: block;
    clear: both;
    padding: 0;
    position: absolute;
    z-index: 199;
    width: 100%;
  }
  /* line 775, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li {
    position: relative;
  }
}
@media (max-width: 1279px) {
  /* line 785, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .wrapper {
    height: 100%;
  }

  /* line 789, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container {
    height: inherit;
    width: 100%;
    padding: 0;
  }
  /* line 794, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area {
    grid-auto-rows: calc(100% - 70px) 70px;
    grid-template-columns: 115px auto 115px;
    padding-top: 0;
  }
  /* line 799, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools {
    border-right: 1px solid #D8D9DA;
    grid-row: 1 / 3;
  }
  /* line 803, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options {
    height: 100%;
    grid-auto-rows: 20%;
    grid-row-gap: 0;
  }
}
@media all and (max-width: 1279px) and (-ms-high-contrast: none), (max-width: 1279px) and (-ms-high-contrast: active) {
  /* line 808, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li {
    margin-bottom: 0;
  }
}
@media (max-width: 1279px) {
  /* line 816, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .canvas-area {
    grid-row: 1 / 3;
  }
  /* line 820, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area {
    grid-template-rows: 50px max-content auto;
    border-left: 1px solid #D8D9DA;
    grid-row: 1 / 3;
  }
  /* line 825, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .logo {
    height: 50px;
    background-size: 93%;
  }
  /* line 830, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .preview, .container .content-area .preview-area .zoompreview {
    display: none;
  }
  /* line 834, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu {
    display: block;
    margin-top: auto;
    margin-bottom: 20px;
  }
  /* line 839, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options {
    /*display: grid;
    grid-column-gap: 5px;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 60px);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;*/
    /*height: 100%;*/
    /*uncomment if help icon gets added back*/
    /**/
    grid-row-gap: 20px;
    /*remove if help icon gets added back*/
  }
  /* line 850, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li {
    /*height: 55px;*/
  }
  /* line 852, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li a {
    background: #eef4f7 !important;
    border-color: #eef4f7;
  }
  /* line 856, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li a img {
    /*height: 40px;
    width: 35px;*/
    filter: none;
  }
  /* line 862, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li a span {
    /*bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    width: max-content;
    margin: auto;*/
  }
  /* line 872, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li.optionPreview {
    display: block;
  }
  /* line 876, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li.optionPreview a img {
    width: 30px;
  }
  /* line 885, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container {
    height: 80px;
    padding: 5px 0;
  }
  /* line 894, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul li img {
    max-width: 25px;
    height: auto;
    left: auto;
    margin-right: 0;
  }
  /* line 905, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul, .container .content-area .preview-area .button-container ul {
    height: 70px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 911, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul li, .container .content-area .preview-area .button-container ul li {
    height: 50px;
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: auto;
    cursor: pointer;
    position: relative;
    text-align: center;
  }
  /* line 922, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul li a, .container .content-area .preview-area .button-container ul li a {
    width: 50px;
    height: 100%;
    padding: 0;
    margin: auto;
  }
  /* line 929, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul li span, .container .content-area .preview-area .button-container ul li span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    height: 11px;
    color: #0A2642;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 946, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools {
    grid-row: 2 / 3;
    position: relative;
  }
  /* line 950, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    display: grid;
    height: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
  /* line 956, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    /*height: auto;*/
    padding: 6px 0;
  }
  /* line 961, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li a img {
    /*width: 50%;
    height: 50%;
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;*/
  }
  /* line 971, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li a span {
    bottom: 0;
    top: 65%;
  }
  /* line 977, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.preview {
    display: block;
  }
}
@media all and (max-width: 1279px) and (-ms-high-contrast: none), (max-width: 1279px) and (-ms-high-contrast: active) {
  /* line 956, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    display: inline-block;
  }
}
@media (max-width: 1279px) {
  /* line 986, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    padding: 15px;
  }
  /* line 989, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 993, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label {
    margin-right: 20px;
  }
  /* line 1001, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .toolbarOptions {
    padding: 15px;
  }
  /* line 1004, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .toolbarOptions .inline {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 1014, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    backdrop-filter: none;
    background-color: #FFF;
    width: calc(100% + 5px);
    				/*.modal-content-left {
    					#Preview3d {
    						canvas {
    							bottom: unset;
    						}
    					}
    
    					.drag-slider {
    						text-align: center;
    					}
    				}*/
  }
  /* line 1024, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-left .previewcontainer {
    width: auto;
    margin: auto;
  }
  /* line 1028, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d {
    position: relative;
    height: 420px;
  }
  /* line 1032, ../../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;*/
    left: 0;
  }
  /* line 1037, ../../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 1041, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-left .previewcontainer #tumbler3d div.wrap3d.CUP16DWT {
    left: 13px;
    /*top: 25px;*/
  }
  /* line 1050, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-title {
    display: none;
  }
  /* line 1054, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal .modal-content-right {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  /* line 1084, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    zoom: 1;
    bottom: 58px !important;
  }
}
/* Iphone 6/7/8 and lower resolution related */
@media only screen and (max-width: 767px) {
  /* line 1097, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area {
    grid-auto-rows: calc(100% - 70px) 70px;
  }
  /* line 1104, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    /*width: 40px;*/
  }
}
@media only screen and (max-width: 767px) and (-ms-high-contrast: active) {
  /* line 1104, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 1117, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    /*grid-row-gap: 2px;
    grid-auto-rows: 13.5%;*/
    grid-template-columns: repeat(auto-fit, 48px);
  }
  /* line 1122, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    /*height: 40px;*/
    /*a {
    	img {
    		top: 20%;
    	}
    }*/
    						/*		@media only screen and (max-width: 1024px) {
    								&.displaygridbox {
    									position: inherit;
    									padding-top: 0;
    
    									> a {
    										position: relative;
    										display: block;
    										height: 45px;
    									}
    
    									.toolbarOptions {
    										left: 10px !important;
    										right: 10px;
    										width: auto;
    										min-width: auto;
    										margin-bottom: 15px;
    
    										.grid-triangle-down {
    											left: 26% !important;
    										}
    									}
    
    									#color-picker {
    										display: flex;
    										width: 100%;
    										margin: 5px 0;
    
    										.wrapper-dropdown {
    											width: 100%;
    										}
    									}
    								}
    						}
    
    
    						@media only screen and (max-width: 991px) {
    								&.displaygridbox {
    									position: inherit;
    									padding-top: 0;
    
    									> a {
    										position: relative;
    										display: block;
    										height: 45px;
    									}
    
    									.toolbarOptions {
    										left: 10px !important;
    										right: 10px;
    										width: auto;
    										min-width: auto;
    										margin-bottom: 15px;
    									}
    
    									#color-picker {
    										display: flex;
    										width: 100%;
    										margin: 5px 0;
    
    										.wrapper-dropdown {
    											width: 100%;
    										}
    									}
    								}
    						}
    
    						@media only screen and (max-width: 767px) {*/
    /*}*/
  }
  /* line 1197, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.displaygridbox {
    position: inherit;
    /*padding-top: 0;*/
  }
  /* line 1201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.displaygridbox > a {
    position: relative;
    display: block;
    height: 45px;
  }
  /* line 1207, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.displaygridbox .toolbarOptions {
    left: 10px !important;
    right: 10px;
    width: auto;
    min-width: auto;
    margin-bottom: 15px;
  }
  /* line 1215, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.displaygridbox #color-picker {
    display: flex;
    width: 100%;
    margin: 5px 0;
  }
  /* line 1220, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.displaygridbox #color-picker .wrapper-dropdown {
    width: 100%;
  }
  /* line 1230, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools.arloaded ul.tool-options {
    grid-template-columns: repeat(auto-fit, 45px);
  }
  /* line 1235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools.arloaded ul.tool-options li.optionVideoChange .videoChangeOptions {
    bottom: 50px;
    left: -50px;
  }

  /* line 1257, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    zoom: 1;
    bottom: 34px !important;
  }
}
@media only screen and (max-width: 630px) {
  /* line 1272, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options.canvas-tools {
    /*grid-template-columns: repeat(auto-fit, 40px);*/
  }
  /* line 1276, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options.canvas-tools li a {
    								/*.btn-45 {
    									width: 35px;
    									height: 35px;
    
    									img {
    										width: 15px;
    										height: auto;
    									}
    								}*/
  }
  /* line 1287, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options.canvas-tools li a span {
    /*font-size: 7px;*/
    margin-top: 4px;
  }

  /* line 1309, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    zoom: 1.5;
    bottom: 25px !important;
  }
}
/* Iphone 5 */
@media only screen and (min-width: 320px) and (max-width: 568px) {
  /* line 1321, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area {
    grid-template-columns: 90px auto 90px;
    grid-auto-rows: calc(100% - 30px) 30px;
  }
  /* line 1325, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area {
    grid-template-rows: 40px max-content auto;
    grid-row-gap: 2px;
  }
  /* line 1329, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .logo {
    height: 40px;
  }
  /* line 1334, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options {
    grid-template-columns: repeat(auto-fit, 50px);
  }
  /* line 1337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li {
    /*height: 40px;*/
  }
  /* line 1341, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li a img {
    /*height: 30px;
    width: 25px;*/
  }
  /* line 1349, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options li.optionPreview a img {
    /*width: 35px;*/
  }
  /* line 1359, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul {
    height: 55px;
  }
  /* line 1362, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul li {
    height: 35px;
    width: 35px;
  }
  /* line 1366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul li img {
    max-width: 15px;
  }
  /* line 1370, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container ul li span {
    bottom: -13px;
  }
  /* line 1379, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options {
    grid-row-gap: 2px;
    grid-auto-rows: 19%;
  }
  /* line 1385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    /*width: 30px;*/
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (-ms-high-contrast: active) {
  /* line 1385, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools .tool-options li a img {
    height: 22px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  /* line 1399, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    grid-template-columns: repeat(auto-fit, 35px);
    /*grid-auto-rows: 13%;*/
  }
  /* line 1402, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    height: 30px;
  }
  /* line 1406, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li a img {
    /* width: 40%;
    height: 35%;*/
    /*width: 15px;
    height:auto;*/
  }
  /* line 1413, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li a span {
    top: 60%;
  }
  /* line 1419, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions {
    padding: 10px 5px;
  }
  /* line 1423, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.grid .toolbarOptions .inline label {
    margin-right: 10px;
  }
  /* line 1431, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionImageEdit .imageEditOptions {
    padding: 15px 5px;
  }
  /* line 1437, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options li.optionVideoChange .videoChangeOptions {
    padding: 15px 5px;
    bottom: 50px;
  }
  /* line 1446, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-modal {
    grid-template-columns: 90px auto;
  }
}
/* IE Specific CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1456, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .vertical-tools {
    position: absolute;
    width: 7%;
    left: 0;
    top: 10px;
  }
  /* line 1464, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .canvas-area {
    width: 76%;
    float: left;
  }
  /* line 1469, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area {
    width: 24%;
    float: left;
  }
  /* line 1473, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .logo {
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 1479, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu {
    height: 50px;
    margin-bottom: 10px;
  }
  /* line 1483, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .menu ul.tool-options {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  /* line 1490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .preview {
    margin-bottom: 10px;
  }
  /* line 1493, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .preview #tumbler3d, .container .content-area .preview-area .preview #Preview3d {
    position: relative;
    height: 450px;
  }
  /* line 1499, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .preview-area .button-container {
    height: 50px;
  }
  /* line 1504, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools {
    width: 64%;
    left: 7%;
  }
  /* line 1508, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  	/*.container {
  		.content-area {
  			.vertical-tools {
  				position: absolute;
  				width: 7%;
  				left: 0;
  				top: 10px;
  			}
  
  			.canvas-area {
  				width: 64%;
  			}
  
  			.preview-area {
  				position: absolute;
  				width: 24%;
  				right: 0;
  				top: 10px;
  
  				.logo {
  					height: 50px;
  					width: 100%;
  					margin-bottom: 10px;
  				}
  
  				.menu {
  					height: 50px;
  					margin-bottom: 10px;
  
  					ul.tool-options {
  						display: inline-block;
  						width: 100%;
  						text-align: center;
  					}
  				}
  
  				.preview {
  					margin-bottom: 10px;
  				}
  
  				.button-container {
  					height: 50px;
  				}
  			}
  
  			.horizontal-tools {
  				width: 64%;
  				left: 7%;
  
  				ul.tool-options {
  					display: inline-block;
  					width: 100%;
  					text-align: center;
  				}
  			}
  		}
  	}*/
}
/* line 1575, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridartboard.scss */
.show-colordropdwon {
  display: block !important;
}

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

@media all and (orientation: portrait) {
  /* line 3, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area {
    grid-template-columns: 100%;
    grid-auto-rows: 60px auto 75px 75px;
    grid-row-gap: 5px;
  }
  /* line 8, ../../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 14, ../../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 20, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
                                /*max-width: 60%;
								min-width: 45%;*/
                                /*max-width: 50px;
								min-width: 50px;
                                width: 50px;*/
  }
  /* line 28, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a span {
    /*font-size: 10px;*/
  }
  /* line 35, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li#optText a span {
    /* width: max-content;
    margin: auto;*/
    /*margin-left: -4px;*/
  }
  /* line 46, ../../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 50, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools.arloaded ul.tool-options li {
                            /*a {
								img {
									max-width: 30%;
									min-width: 25%;
								}
							}*/
  }
  /* line 59, ../../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 70, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .canvas-area {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }
  /* line 75, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    grid-template-columns: 60% 20% 20%;
    grid-template-columns: 70% 15% 15%;
    grid-template-rows: 100%;
    border-bottom: 1px solid #D8D9DA;
    border-left: none;
    z-index: 199;
  }
  /* line 85, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .logo {
    grid-column: 1/2;
    background-size: auto;
    background-position-x: 11%;
    /*height: 70%;*/
    height: 100%;
    /*margin: auto 0;*/
    padding: 9px 0;
    background-origin: content-box;
  }
  /* line 96, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu {
    margin: unset;
  }
  /* line 99, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul.tool-options {
    grid-template-columns: 100%;
  }
  /* line 102, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul.tool-options li {
    /* height: 55px;*/
  }
  /* line 106, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul.tool-options li a img {
    /* height: 40px;
    width: 35px;*/
  }
  /* line 111, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul.tool-options li a span {
    /*font-size: 10px;*/
  }
  /* line 118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul.tool-options li.optionPreview a img {
    /*width: 50px;*/
  }
  /* line 127, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .preview {
    grid-column: 1/2;
    grid-row: 2 / 3;
  }
  /* line 132, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .button-container {
    grid-column: 3 / 4;
    height: 55px;
    padding: 0;
  }
  /* line 137, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .button-container ul {
    /*height: inherit;
    padding: 2px 0 0 0;*/
                        /*li {
                            height: 34px;
                            width: 35px;
                            top: 4px;

                            img {
                                max-width: 17px;
                            }

                            span {
                                bottom: -14px;
                                font-size: 10px;
                            }
                        }*/
  }
  /* line 158, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul, .container .content-area .preview-area .button-container ul {
    height: inherit;
    padding: 2px 0 0 0;
  }
  /* line 162, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul li, .container .content-area .preview-area .button-container ul li {
    height: 34px;
    width: auto;
    top: 4px;
  }
  /* line 167, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul li a, .container .content-area .preview-area .button-container ul li a {
    width: 35px;
    margin: 0 auto;
  }
  /* line 172, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul li img, .container .content-area .preview-area .button-container ul li img {
    max-width: 22px;
  }
  /* line 176, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .menu ul li span, .container .content-area .preview-area .button-container ul li span {
    bottom: -14px;
    font-size: 10px;
    white-space: nowrap;
  }
  /* line 186, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    border-top: 1px solid #D8D9DA;
    padding: 5px 0 0;
  }
  /* line 192, ../../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 196, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li {
    height: 45px;
  }
  /* line 200, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li a img {
    /* height: 50%;
    width: 50%;*/
  }
  /* line 205, ../../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 218, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools.arloaded ul.tool-options li.optionVideoChange .videoChangeOptions {
    bottom: 55px;
  }
  /* line 227, ../../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 233, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-modal .modal-content-left {
    grid-column: 1;
  }
}
@media all and (orientation: portrait) and (max-width: 667px) {
  /* line 248, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
    /*width: auto;*/
                                /*max-width: 50px;
								min-width: 50px;*/
  }
  /* line 259, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options {
    grid-template-columns: repeat(auto-fit, 48px);
    grid-column-gap: 3px;
  }
  /* line 265, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li a span {
    top: 70%;
    font-size: 8px;
  }
}
@media all and (orientation: portrait) and (min-width: 768px) and (max-width: 1024px) {
  /* line 280, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area {
    grid-row-gap: 2px;
  }
  /* line 283, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .logo {
    /*background-size: 18%;*/
    background-position-x: 15%;
  }
  /* line 290, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options {
    margin-bottom: 0;
  }
  /* line 295, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
    /*min-width: 35%;*/
  }
  /* line 304, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools.arloaded ul.tool-options li {
                            /*a {
								img {
									min-width: 15%;
								}
							}*/
  }
  /* line 312, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools.arloaded ul.tool-options li#optARVideo a img {
    min-width: 25%;
    width: 10%;
  }
  /* line 327, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li a span {
    margin-top: 0;
  }
  /* line 333, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li div.toolbarOptions.withlabeloption {
    width: 400px;
                                /*min-width: max-content;
								max-width: 400px;*/
  }
}
@media all and (orientation: portrait) and (min-width: 1024px) and (max-width: 1366px) {
  /* line 351, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .preview-area .logo {
    /*background-size: 25%;*/
    background-position-x: 15%;
  }
  /* line 358, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options {
    margin-bottom: 0;
  }
  /* line 363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
    /*min-width: 30%;*/
  }
  /* line 375, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li div.toolbarOptions.withlabeloption {
    width: 400px;
                                /*min-width: max-content;
								max-width: 400px;*/
  }
}
@media all and (orientation: portrait) and (max-width: 568px) {
  /* line 399, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options li div.toolbarOptions.withlabeloption div.inline label {
    font-size: 14px;
  }
  /* line 409, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .horizontal-tools ul.tool-options.canvas-tools {
                        /* grid-template-columns: repeat(auto-fit,37px);

                        li {
                            a {
                                span {
                                    font-size: 7px;
                                }
                            }
                        }*/
  }
  /* line 427, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
    /*width: 45px;*/
  }
}
@media all and (orientation: portrait) and (max-width: 360px) {
  /* line 446, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a img {
    /*width: 40px;*/
  }
  /* line 450, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridartboardportrait.scss */
  .container .content-area .vertical-tools ul.tool-options li a span {
    /*font-size: 8px;*/
  }
}
/* line 1, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 96vh;
  z-index: 10000;
  opacity: 1;
  background: #fff;
}
/* line 10, ../../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 15, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header {
  grid-area: header;
}
/* line 18, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-header.headerwithimage {
  height: 60px;
}
/* line 21, ../../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 27, ../../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 35, ../../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 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 span {
  font-size: 13px;
}
/* line 44, ../../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 53, ../../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 61, ../../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 68, ../../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 73, ../../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 79, ../../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 84, ../../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: #007db6;
  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 100, ../../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 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:last-child {
  color: #0A2642;
}
/* line 107, ../../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 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 p.count {
  color: var(--by-function-body-text, #444);
  display: inline-block;
  font-size: 16px;
  margin: 0;
}
/* line 119, ../../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 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 .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 132, ../../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 132, ../../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 142, ../../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 150, ../../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 156, ../../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;
  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 167, ../../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 167, ../../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 176, ../../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 181, ../../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;
  cursor: pointer;
  position: relative;
}
/* 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.block-item {
  font-size: 16px;
  font-weight: bold;
}
/* line 194, ../../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 198, ../../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 203, ../../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 215, ../../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 225, ../../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 232, ../../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 236, ../../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 240, ../../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 244, ../../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 254, ../../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(5, 1fr);
  justify-content: center;
  gap: 16px;
}
/* line 260, ../../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: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 268, ../../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: #06478E;
}
/* line 272, ../../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 #007DB6;
}
/* line 276, ../../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: 8px;
  padding-bottom: calc(100% - 4px);
}
/* line 289, ../../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: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
}
/* line 302, ../../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: 5px 5px;
  background-size: 35px;
}
/* line 316, ../../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 328, ../../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 {
  left: 0;
}
/* line 332, ../../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 {
  right: 0;
}
/* 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.preview-video {
  left: 0;
  right: 0;
  margin: auto;
  top: 80%;
  position: relative;
}
/* line 344, ../../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 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 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 360, ../../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 366, ../../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 371, ../../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 379, ../../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 391, ../../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 399, ../../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 #007DB6;
}
/* line 404, ../../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 407, ../../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 412, ../../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 415, ../../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 418, ../../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 425, ../../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 429, ../../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 436, ../../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 440, ../../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 446, ../../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 449, ../../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 456, ../../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 465, ../../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 472, ../../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 487, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .grid-modal-container .grid-modal-footer {
  grid-area: footer;
}
/* line 490, ../../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 496, ../../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;
  /*text-align: center;*/
  /*margin: auto;*/
  width: 100%;
}
/* line 502, ../../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 502, ../../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 517, ../../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, .grid-modal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer li.okicon {
  /*background-color: #0000004D;*/
  /*background-color: #AEAEAC;
  text-transform: initial;
  font-family: franklin-gothic-atf;
  position: relative;
  cursor: pointer;
  list-style: none;
  height: 45px;
  padding: 10px 0 11px;
  font-size: 17px;*/
}
/* line 529, ../../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 540, ../../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 547, ../../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 557, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item {
  background-color: transparent;
}
/* line 560, ../../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 570, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-header {
  /*height: 60px;*/
  position: relative;
}
/* line 576, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item .close {
  /*top: 23px;
  right: 19px;*/
}
/* line 584, ../../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 590, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-content .grid-content-wrapper {
  /*display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
  height: 100%;*/
  display: block;
  height: 100%;
}
/* line 598, ../../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 603, ../../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 611, ../../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 617, ../../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: middle;*/
  vertical-align: sub;
}
/* line 625, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.change-item .grid-modal-container .grid-modal-footer {
  /* padding: 10px 0;*/
}
/* line 629, ../../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 636, ../../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;
  /*height: auto;*/
  background-color: transparent;
}
/* line 646, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container {
  grid-gap: 0;
  /* height: inherit;
  grid-template-rows: auto max-content auto;*/
  grid-template-areas: 'main' 'footer';
  background-color: #ffffff;
}
/* line 654, ../../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 659, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.confirm-modal .grid-modal-container .grid-modal-content button.close {
                    /*right: 10px;
					top: 10px;*/
}
/* line 664, ../../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 669, ../../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 {
  /*display: table;*/
  color: #666666;
  font-size: 19px;
  height: inherit;
  display: flex;
  /*justify-content: center;*/
  margin: auto;
  flex-direction: column;
                        /*p {
							display: table-cell;
							vertical-align: middle;
						}*/
}
/* line 687, ../../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 697, ../../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 700, ../../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 704, ../../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 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 ul.button-cointainer.confirm-button-container .btn {
  width: 100%;
  max-width: 345px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 700, ../../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 721, ../../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;
                                /*width: 50px;
								height: 50px;
								display: inline-block;*/
  height: auto !important;
  /*margin: auto 0;*/
  text-align: center;
  cursor: pointer;
  position: relative;
                                /*.red {
									background-color: red;
								}

								.darkgrey {
									background-color: #646362;
								}

								.blue {
									background-color: #007DB6;
								}

								.lightgrey {
									background-color: #AEAEAC;
								}*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 721, ../../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 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 li.button:not(:last-child) {
    margin-right: 40px;
  }
}
/* line 756, ../../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 764, ../../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 768, ../../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 772, ../../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 776, ../../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 780, ../../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 784, ../../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 788, ../../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 793, ../../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 810, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal {
  background-color: transparent;
}
/* line 813, ../../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 825, ../../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 828, ../../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 835, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.guidelinemodal .grid-modal-container .grid-modal-content {
  cursor: default;
}
/* line 841, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist {
  background-color: transparent;
}
/* line 844, ../../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 853, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imagelist .grid-modal-container .grid-modal-header {
  position: relative;
}
/* line 860, ../../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 864, ../../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 #CACACA;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  overflow: hidden;
}
/* line 874, ../../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 878, ../../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 885, ../../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 896, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.licenselayout .grid-modal-container .grid-modal-header {
  height: 105px;
}
/* line 901, ../../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;
  /*grid-template-columns: 18% 82%;*/
}
/* line 906, ../../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 909, ../../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 914, ../../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 920, ../../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 928, ../../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 933, ../../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 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 p span {
  font-size: 13px;
}
/* line 949, ../../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 953, ../../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 956, ../../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 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 .title {
  font-size: 20px;
  color: var(--by-function-body-text, #444);
  font-weight: 500;
  text-align: left;
  margin-bottom: 16px;
}
/* line 974, ../../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 980, ../../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 992, ../../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 995, ../../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 1002, ../../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 1013, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal {
  background-color: transparent;
}
/* line 1016, ../../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 1025, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-header {
  position: relative;
}
/* line 1030, ../../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: 12px;
}
/* line 1038, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content {
  /*padding: 16px 0 0 0;*/
}
/* line 1042, ../../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);
  grid-column-gap: 16px;
}
/* line 1047, ../../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,120px);*/
  grid-template-columns: repeat(auto-fit, minmax(120px, auto));
  margin-left: 0;
}
/* line 1058, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.userassetsmodal .grid-modal-content {
  height: calc(96vh - 200px);
}
/* line 1063, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal {
  background-color: transparent;
}
/* line 1066, ../../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 1075, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal .grid-modal-content {
  height: calc(96vh - 230px);
}
/* line 1079, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.savedprojectsmodal .grid-modal-footer {
  /* height: 80px;*/
}
/* line 1086, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.headerwithimagemodal:not(.devicemodalwithfooter) .grid-modal-container .grid-modal-content {
  /*height: calc(96vh - 150px);*/
}
/* line 1092, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search {
  background-color: transparent;
}
/* line 1095, ../../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 1104, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-header {
  height: auto;
}
/* line 1107, ../../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 1112, ../../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 1117, ../../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.searchbox-cointainer {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  position: relative;
}
/* line 1122, ../../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.searchbox-cointainer .form-control {
  border: 1px solid #CACACA;
  color: #000000;
  font-size: 16px;
  border-radius: 8px;
  height: 48px;
  box-shadow: none;
  padding-left: 38px;
                                /*background-image: url(../image/svg-icons/search.svg);
								background-repeat: no-repeat;
								background-position: 99%;
								background-size: 20px;*/
}
/* line 1136, ../../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.searchbox-cointainer .icon-search {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 13px;
  top: 15px;
  cursor: pointer;
}
/* line 1146, ../../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 1154, ../../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 1159, ../../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 1164, ../../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 1175, ../../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));
}
/* line 1187, ../../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 1195, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.backgroundRequired .grid-modal-container .grid-modal-content {
  height: calc(96vh - 198px);
}
/* line 1199, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.backgroundRequired .grid-modal-container .grid-modal-footer {
  display: none;
}
/* line 1206, ../../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 1213, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .grid-modal-container .grid-modal-header {
  height: 15px;
  border-bottom: none;
}
/* line 1217, ../../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 1221, ../../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 1224, ../../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 {
  /*position: inherit;*/
  top: 20px;
}
/* line 1233, ../../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 1239, ../../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 1242, ../../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;
                        /*textarea.textobjecttext {
							width: 98%;
							border: 1px solid #707070;
							color: #000000;
							height: 65px;
							resize: none;
							overflow: auto;
							font-size: 14px;
						}

						.monogram-text {
							text-transform: uppercase;
							font-size: 16px;
							padding: 5px;
							text-align: center;
							width: 60px;
							height: 40px;
							color: #000000;
							border: 1px solid #707070;

							&:not(:last-child) {
								margin-right: 10px;
							}
						}*/
}
/* line 1245, ../../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;
  /*align-items: center;*/
  /*padding: 5px 0;*/
}
/* line 1251, ../../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 1257, ../../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 1268, ../../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 1274, ../../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 1279, ../../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 1280, ../../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 1288, ../../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;
  /*filter: $primary-svg-filter;*/
  /*border: 0px;*/
}
/* line 1297, ../../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 1306, ../../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 {
  /*background: transparent url(../image/svg-icons/text.svg) no-repeat -5px/60px;*/
}
/* line 1309, ../../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 1317, ../../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 {
  /*background: transparent url(../image/svg-icons/monogram.svg) no-repeat -5px/60px;*/
}
/* line 1320, ../../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 1327, ../../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 {
  /*background: transparent url(../image/svg-icons/tool-redo.svg) no-repeat 10px/22px;*/
}
/* line 1330, ../../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 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 ul.button-cointainer li div button.next {
  /*background: transparent url(../image/svg-icons/submit.svg) no-repeat 13px/25px;*/
  /*filter: brightness(0) invert(1);*/
}
/* line 1344, ../../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;
  /*position: absolute;*/
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
  width: 40px;
  margin-top: 5px;
}
/* line 1356, ../../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 {
  /*background-color: #007DB6;*/
}
/* line 1359, ../../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 1239, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    width: 100%;
  }
  /* line 1396, ../../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 1399, ../../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 1402, ../../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 1405, ../../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 1411, ../../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 1415, ../../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 1425, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal {
  background-color: transparent;
}
/* line 1428, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container {
  grid-template-areas: 'main';
  /*max-width: 736px;*/
  width: 100%;
  margin: auto;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 6px;
  margin-top: 10px;
}
/* line 1439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
  height: 96vh;
  /*max-height: 300px;*/
  padding-top: 0;
                /*height: 100vh;
				max-height: 360px;*/
}
/* line 1445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
  /*grid-template-columns: 53% 45%;*/
  grid-template-columns: 35% 64%;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    display: flex;
  }
}
/* line 1454, ../../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 1457, ../../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;
  /*border-right: 1px solid #D8D9DA;*/
  margin: auto 0;
  /*padding: 10vh 0;*/
  margin-top: 70px;
}
/* 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 {
  display: grid;
  grid-column-gap: 15px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 42px);
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 1475, ../../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 1479, ../../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;
  /*background-color: #EDF4F7;
  border-color: #edf4f7;*/
}
/* line 1487, ../../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 1495, ../../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 1500, ../../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;
  /*border: 1px solid #CCCCCC;
  border-radius: 8px;*/
  margin: 0 auto;
}
/* line 1508, ../../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;
  /*filter: $primary-svg-filter;*/
  /*border: 0px;*/
  right: 0;
  margin: 0 auto;
}
/* line 1520, ../../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 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.bold {
  /*background: transparent url(../image/svg-icons/bold.svg) no-repeat center;
  background-size: 14px;*/
  position: relative;
}
/* line 1534, ../../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 1542, ../../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 {
  /*background: transparent url(../image/svg-icons/italic.svg) no-repeat center;
  background-size: 10px;*/
  position: relative;
}
/* line 1547, ../../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 1555, ../../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 {
  /*background: transparent url(../image/svg-icons/underline.svg) no-repeat center;
  background-size: 14px;*/
  position: relative;
}
/* line 1560, ../../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 1568, ../../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 {
  /*background: transparent url(../image/svg-icons/align-left.svg) no-repeat 14px/14px;*/
  position: relative;
}
/* line 1572, ../../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 1580, ../../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 {
  /*background: transparent url(../image/svg-icons/align-right.svg) no-repeat 14px/14px;*/
  position: relative;
}
/* line 1584, ../../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 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 ul.button-cointainer li div button.center {
  /*background: transparent url(../image/svg-icons/align-center.svg) no-repeat 14px/14px;*/
  position: relative;
}
/* line 1596, ../../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 1604, ../../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 {
  /*background: transparent url(../image/svg-icons/edit.svg) no-repeat 12px/16px;*/
  position: relative;
}
/* line 1608, ../../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 1616, ../../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 {
  /*background: transparent url(../image/svg-icons/delete.svg) no-repeat 12px/16px;*/
  position: relative;
}
/* line 1620, ../../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 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 ul.button-cointainer li div button.cancel {
  /*background: transparent url(../image/svg-icons/cancel.svg) no-repeat 12px/16px;*/
  position: relative;
}
/* line 1632, ../../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 1640, ../../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 {
  /*background: transparent url(../image/svg-icons/submit.svg) no-repeat 12px/16px;*/
  position: relative;
}
/* line 1644, ../../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 1653, ../../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, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.cancel, .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left ul.button-cointainer li div button.accept {
  /*filter: brightness(0) invert(1);*/
}
/* line 1659, ../../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;
  /*position: absolute;*/
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
  /*width: 50px;*/
  margin-top: 5px;
}
/* line 1674, ../../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 {
  /* filter: brightness(0) invert(1);*/
  background-color: #A0E2EA;
  border-color: #A0E2EA;
}
/* 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 ul.button-cointainer li.active div button:hover:before {
  filter: none;
}
/* line 1690, ../../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 1696, ../../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 1700, ../../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;
  /*margin-top: 5px;*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1714, ../../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 1718, ../../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 1721, ../../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 1727, ../../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 1734, ../../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 1742, ../../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 1746, ../../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 1751, ../../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 1763, ../../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 {
                                    /*display: flex;
									flex-direction: column;
									justify-content: center;*/
  /*margin: auto;*/
  margin-right: auto;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
  cursor: pointer;
}
/* line 1775, ../../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 1783, ../../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 1791, ../../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 1794, ../../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 1800, ../../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;
                                    /*div {
										position: absolute;
										bottom: 0;
									}*/
}
/* line 1808, ../../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 1813, ../../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 1817, ../../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 1824, ../../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 1830, ../../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 1835, ../../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 1840, ../../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 1844, ../../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;
  /*font-family: OptimaLTStd;*/
  max-height: 90vh;
  overflow: auto;
  word-break: break-word;
  margin: 20px 0 0;
}
/* line 1857, ../../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 {
                                        /*height: auto;
										width: 100%;*/
  width: 200px;
  height: 200px;
  margin: 0 auto;
  flex: 0 0 auto;
  /*cursor: pointer;*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1454, ../../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 1873, ../../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 1880, ../../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 1885, ../../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 1890, ../../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 1896, ../../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 1899, ../../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 1903, ../../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 1906, ../../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 1914, ../../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 1929, ../../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 1932, ../../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 1935, ../../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 1941, ../../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 1941, ../../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 1947, ../../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 1953, ../../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 1960, ../../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 1964, ../../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 1973, ../../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 1976, ../../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 1985, ../../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 1988, ../../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 2002, ../../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 2015, ../../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 2021, ../../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 2027, ../../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 2031, ../../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 2034, ../../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 2039, ../../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 2054, ../../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;
  /*margin-top: 5px;*/
}
/* line 2066, ../../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;
  /*border-radius: 50%;*/
}
/* line 2077, ../../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 2082, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .icontext, .grid-modal.texteditoptionmodal .icontext {
  /*background: transparent url(../image/svg-icons/textmonogram.svg) no-repeat;
  background-position: center;
  background-size: 20px;*/
  position: relative;
}
/* line 2088, ../../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 2096, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .iconmonogram, .grid-modal.texteditoptionmodal .iconmonogram {
  /*background: transparent url(../image/svg-icons/monogram-style.svg) no-repeat;
  background-position: center;
  background-size: 20px;*/
  position: relative;
}
/* line 2102, ../../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 2110, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.texteditmodal .texterrormessage, .grid-modal.texteditoptionmodal .texterrormessage {
  color: #EF79AC;
  display: none;
  font-size: 14px;
            /*position: absolute;
			top: 65px;*/
  top: 65px;
  position: relative;
  padding-right: 25px;
}
/* line 2125, ../../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 2134, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.imageeditmodal {
  background-color: transparent;
}
/* line 2137, ../../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 2144, ../../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 2144, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 100vh;
  }
}
/* line 2152, ../../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 2152, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    display: flex;
  }
}
/* line 2162, ../../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 2165, ../../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 2178, ../../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 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.imageedit-header .close {
  background: transparent url(../../image/svg-icons/xmark.svg) no-repeat;
  filter: none;
}
/* line 2193, ../../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 2198, ../../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 2204, ../../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 2208, ../../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 2216, ../../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 2224, ../../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 2233, ../../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 2241, ../../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 {
  /*position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  filter: brightness(0) invert(1);
  border: 0px;*/
  /*&.crop {
      background: transparent url(../image/svg-icons/crop.svg) no-repeat 10px/30px;
  }*/
  /*&.filters {
      background: transparent url(../image/svg-icons/filters.svg) no-repeat 10px/30px;
  }*/
  background-repeat: no-repeat;
  background-position: center;
}
/* line 2261, ../../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 2267, ../../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 2273, ../../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 2279, ../../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 2286, ../../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;
  /*position: absolute;*/
  font-family: franklin-gothic-atf;
  font-size: 10px;
  display: block;
}
/* line 2296, ../../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 2299, ../../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 2308, ../../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 {
  /*margin: auto 0;*/
}
/* line 2310, ../../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: 100%;*/
  grid-template-columns: minmax(auto, 370px);
  /*420*/
  grid-gap: 40px;
  grid-template-rows: 1fr 100px 120px;
  align-items: center;
  justify-content: center;
  height: 100%;
                                    /*.row3 {
										ul.button-cointainer {
											grid-column-gap: 30px;
										}
									}*/
}
/* line 2321, ../../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 2327, ../../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 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-editing-options .row2 .drag-slider-imagedit:first-child {
  margin-bottom: 32px;
}
/* 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-editing-options .row2 .drag-slider-imagedit .div-drag-msg {
  color: #DCE9EF;
  font-size: 16px;
}
/* line 2341, ../../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 2346, ../../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 2351, ../../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 2355, ../../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 2359, ../../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 2363, ../../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-image: url(../image/icon-sprite.png);*/
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-position: -30px -407px;
  background-image: none;
  border-radius: 50%;
  background-color: #fff;
}
/* line 2376, ../../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 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-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 2392, ../../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 2414, ../../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 2422, ../../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 2428, ../../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 2438, ../../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 2443, ../../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 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-crop-options .row1 ul li div.objectcontainer div.circle {
  height: 80%;
  width: 80%;
  border-radius: 50%;
  background-color: #fff;
}
/* line 2460, ../../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 2463, ../../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 2474, ../../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 2482, ../../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 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-filters-options .row1 .optionfilter {
  cursor: pointer;
}
/* line 2500, ../../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 2503, ../../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 2518, ../../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 2526, ../../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 2540, ../../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 2543, ../../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 2550, ../../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 2162, ../../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 2567, ../../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 2575, ../../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 2578, ../../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 2583, ../../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 2588, ../../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 {
    /*height: calc(100%-50px);*/
  }
  /* line 2591, ../../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 2595, ../../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 2596, ../../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 2605, ../../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 2609, ../../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 2614, ../../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 2618, ../../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 2622, ../../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 2626, ../../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 2631, ../../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 2641, ../../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 2644, ../../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 {
    /*display: inline;*/
  }
  /* line 2646, ../../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 2647, ../../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 2658, ../../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 2662, ../../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 2667, ../../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 2671, ../../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 2678, ../../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 2682, ../../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 {
    /*display: inline;*/
  }
  /* line 2684, ../../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 2685, ../../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 2702, ../../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%;
                    /*top: 0;
					left: 0;
					right: 0;
					bottom: 0;*/
  backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.5);
  color: #007DB6;
  font-weight: bold;
  z-index: 1000;
  font-size: 15px;
  font-weight: normal;
                    /*.loader-img {
						display: flex;
						flex-direction: column;
						justify-content: center;
						height: 100%;

						@supports (-ms-ime-align:auto) {
							img {
								height: 50px;
							}
						}
					}*/
}
@-moz-document url-prefix() {
  /* line 2702, ../../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 2702, ../../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;
                        /*.loader-img {
							display: block;
							position: relative;
							top: 45%;
						}*/
  }
}
/* line 2750, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow {
  background-color: transparent;
}
/* line 2754, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container {
  max-width: inherit;
}
/* line 2759, ../../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 2768, ../../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 2771, ../../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 2775, ../../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 2784, ../../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;
                            /*.color-palette-container {
                                display: grid;
                                grid-template-columns: repeat(auto-fill, 100px);
                                grid-column-gap: 40px;
                                grid-row-gap: 20px;

                                .palette-container {
                                    position: relative;
                                    height: 80px;
                                    cursor: pointer;

                                    .palette {
                                        width: 60px;
                                        height: 60px;
                                        border: 1px solid #CCCCCC;
                                        pointer-events: none;
                                        margin: auto;
                                    }

                                    span {
                                        font-size: 10px;
                                        position: absolute;
                                        width: inherit;
                                        margin: auto;
                                        left: 0;
                                        right: 0;
                                        display: block;
                                        margin-top: 3px;
                                        pointer-events: none;
                                        color: $default-text-color;
                                    }
                                }
                            }*/
}
/* line 2787, ../../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 2829, ../../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;
  /*grid-gap: 20px;*/
}
/* line 2834, ../../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 2838, ../../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 2842, ../../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 2850, ../../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 2863, ../../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 2866, ../../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 2874, ../../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 2878, ../../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: -124px 0;*/
  background-position: -225px 0;
}
/* line 2887, ../../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 2895, ../../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 2904, ../../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 2909, ../../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 2915, ../../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;
}
/* line 2918, ../../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 2922, ../../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 .color-palette-container {
  /*display: grid;
  grid-template-columns: repeat(auto-fill, 90px);
  grid-row-gap: 10px;*/
}
/* line 2928, ../../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 .color-palette-container .palette-container {
  /* position: relative;
  height: 80px;
  cursor: pointer;*/
                                            /*.palette {
                                                width: 60px;
                                                height: 60px;
                                                border: 1px solid #CCCCCC;
                                                pointer-events: none;
                                                margin: auto;
                                            }

                                            span {
                                                font-size: 10px;
                                                position: absolute;
                                                width: inherit;
                                                margin: auto;
                                                left: 0;
                                                right: 0;
                                                display: block;
                                                margin-top: 3px;
                                                pointer-events: none;
                                                color: #646362;
                                            }*/
}
/* line 2956, ../../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 2961, ../../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 2965, ../../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 2973, ../../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 2986, ../../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 2989, ../../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 2997, ../../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 3001, ../../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;
  /* right: 30px;*/
  left: auto;
  top: 20px;
  width: 40px;
  background-position: -225px 0;
}
/* line 3009, ../../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 3017, ../../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 3031, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-footer {
  /* padding-top: 6px;*/
  /*height: 80px;
  border-top: 1px solid #d2d2d2;*/
}
/* line 3035, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.colorpickerwindow .grid-modal-container .grid-modal-footer .btn {
  width: 100%;
}
/* line 3043, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container {
  /*max-width: 504px;*/
}
/* line 3048, ../../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 3051, ../../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 3054, ../../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 3060, ../../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 3065, ../../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 3076, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal.stampcategorylisting-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp {
  /*grid-template-columns: repeat(auto-fill, 230px);*/
}
/* line 3079, ../../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 3084, ../../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 3088, ../../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 3095, ../../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 3103, ../../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 3114, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer {
  margin-left: 0px !important;
}
/* line 3117, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke {
  width: 80%;
  margin: auto;
  font-size: initial;
}
/* line 3118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke:first-child {
  margin-bottom: 10px;
}
/* line 3126, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.grid-modal .strokeSliderContainer .drag-slider-stroke .div-drag-msg {
  color: #646362;
  font-size: 10px;
}
/* line 3131, ../../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 3136, ../../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 3141, ../../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 3145, ../../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 3149, ../../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 3159, ../../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 3163, ../../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 3175, ../../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 3193, ../../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: bold;
  z-index: 1000;
}

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

@-moz-document url-prefix() {
  /* line 3209, ../../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 3216, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #divFlyoutStampColorPickerWindow .imageeditloader {
    opacity: 0.7;
    background-color: white;
  }
}
/* line 3222, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer {
  height: 48px;
  margin: auto;
  width: 48px;
  cursor: pointer;
  position: relative;
  padding: 4px;
}
/* line 3230, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .selectedcolor {
  width: 50px;
  height: 50px;
  /*background-color: black;*/
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
/* line 3240, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer span {
  position: absolute;
  top: 55px;
  font-size: 10px;
  width: inherit;
}
/* line 3247, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors {
  position: absolute;
  display: block;
}
/* line 3252, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors.minicolors-position-bottom .minicolors-panel {
  top: 0;
}
/* line 3258, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite {
  position: absolute;
  top: 0;
  height: 50px;
  left: 0;
}
/* line 3265, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors .minicolors-swatch .minicolors-swatch-color {
  border-radius: 0;
  /*background-color: #000000;*/
}
/* line 3271, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer .minicolors span {
  text-align: center;
  font-size: 10px;
  width: 50px;
  top: 0;
}
/* line 3279, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.colorpickercontainer.active {
  padding: 2px;
  border: 2px solid #007DB6;
}

/* line 3285, ../../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;
    /*backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);*/
  background-color: rgba(68, 68, 68, 0.5);
    /*@-moz-document url-prefix() {
            opacity: 0.9;
            background-color: white;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        opacity: 0.9;
        background-color: white;
    }*/
}

/* line 3306, ../../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 3317, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.texterrormessage {
  color: #EF79AC;
  display: none;
  font-size: 14px;
}

/* line 3323, ../../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 3332, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li {
  height: auto;
  cursor: pointer;
  position: relative;
}
/* line 3337, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li div {
  height: 50px;
}
/* line 3340, ../../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 3352, ../../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 3363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-cancel div {
  background-color: #AEAEAC;
}
/* line 3366, ../../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 3373, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-delete div {
  background-color: red;
}
/* line 3376, ../../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 3383, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-edit div {
  background-color: #646362;
}
/* line 3386, ../../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 3393, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.icon-accept div {
  background-color: #007DB6;
}
/* line 3396, ../../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 3403, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.active div {
  background-color: #007DB6;
}
/* line 3406, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
ul.grid-button-container li.active div button {
  filter: brightness(0) invert(1);
}

/* line 3414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.item-active {
  border: solid 2px #06478e !important;
  padding: 2px;
  background-clip: content-box;
}

    /*@keyframes spin {
	100% {
		transform: rotateZ(360deg);
	}
}*/
/* line 3424, ../../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;
        /*&:before {
		position: absolute;
		content: '';
		height: calc(100% + 2px);
		width: calc(100% + 2px);
		border: 1px dashed #fff;
		top: -1px;
		left: -1px;
		border-radius: inherit;
		animation: spin 120s linear infinite;
	}*/
}

/* line 3443, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar, .grid-modal .grid-modal-container .grid-modal-content, .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content, .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .right-content .image-filters-options .row1, .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette {
  scrollbar-width: thin;
  scrollbar-color: gainsboro #f1f1f1;
}
/* line 3449, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-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 {
  width: 6px;
  height: 6px;
}
/* line 3453, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-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 {
  background-color: #f1f1f1;
}
/* line 3457, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-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 {
  background-color: gainsboro;
}
/* line 3461, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.nativecScrollbar::-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, .nativecScrollbar::-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 {
  border-radius: 10px;
}

/* line 3472, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 3477, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title-wrap .view-all {
  font-size: 14px;
  color: #0A2642;
  text-decoration: underline;
}

/* line 3484, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-title {
  font-size: 20px;
  font-weight: 500;
  color: #0A2642;
}

/* line 3490, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 3495, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item {
  height: 124px;
  border: 2px solid #CACACA;
  border-radius: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
/* line 3505, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item:hover {
  border-color: #06478E;
}
/* line 3509, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item.bg-color-block-item {
  position: relative;
}
/* line 3512, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item.bg-color-block-item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid #fff;
  border-radius: 8px;
}
/* line 3524, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item.item-active {
  border-color: #06478E;
}
/* line 3528, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item .hover-overlay {
  display: none;
}
/* line 3532, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.block-body .block-item img {
  max-width: 100%;
  height: auto;
  border: 2px solid #fff;
  border-radius: 8px;
  max-height: 118px;
}

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

/* line 3553, ../../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 3562, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.no-found-wrap .h3 {
  margin: 20px 0;
}

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

/* line 3572, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog {
  width: 100%;
  max-width: 430px;
  margin: 10px auto 0 auto;
}
/* line 3577, ../../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 3584, ../../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 3595, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content {
  background-color: #0a2642;
  color: #dce9ef;
}
/* line 3599, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .modal-title {
  font-size: 20px;
  font-weight: bold;
  color: #dce9ef;
  margin-bottom: 0;
}
/* line 3606, ../../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 3613, ../../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 3619, ../../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 3625, ../../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 3631, ../../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 3636, ../../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 3642, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer img {
  filter: none;
}
/* line 3646, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer.btn-lg {
  height: 56px;
}
/* line 3650, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.addImageModal .modal-dialog .modal-content .addImageOptions .icon-svg-cointainer.btn-md {
  height: 40px;
}
/* line 3656, ../../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 3662, ../../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 3668, ../../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 3677, ../../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 3683, ../../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 3701, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal {
  max-width: 505px;
}
/* line 3704, ../../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 3708, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body .confirm-block {
  padding-top: 12px;
}
/* line 3711, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog.confirm-modal .modal-body .confirm-block .h3.text-black {
  color: #000;
  font-size: 26px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
/* line 3721, ../../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 3730, ../../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 3734, ../../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 3738, ../../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 3748, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog .modal-content .prjInputName {
  padding-top: 0;
}
/* line 3751, ../../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 3757, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.art-board-wrapper .modal .modal-dialog .modal-content .modal-footer {
  padding-top: 0;
  border: 0;
}

@media only screen and (max-width: 1600px) {
  /* line 3768, ../../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 3776, ../../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 3786, ../../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 3794, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    /*height: 83vh;*/
    height: 615px;
  }
  /* line 3803, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
    /*height: 95vh;*/
    height: 615px;
  }
}
@media only screen and (max-width: 1279px) {
  /* line 3813, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal {
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  /* line 3821, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container {
    /*.grid-modal-header {
        height: 50px;
    }*/
            /*.grid-modal-footer {
			padding: 0;
			height: 50px;
		}*/
  }
  /* line 3826, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content {
    /*height: calc(100vh - 140px);*/
    /*140 = header height + footer height + grid gap*/
  }
  /* line 3828, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) {
    /*grid-template-columns: repeat(auto-fill, 353px);*/
    /*353*/
    /* &.stamp {
        grid-template-columns: repeat(auto-fill, 230px);
        justify-content: center;
    }*/
  }
  /* line 3830, ../../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 {
    /*height: 212px;*/
    font-size: 30px;
  }
  /* line 3834, ../../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 {
    height: 212px;
  }
  /* line 3838, ../../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: 353px;*/
    /*height: 212px;*/
  }
  /* line 3844, ../../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-template-columns: repeat(auto-fill, 171px);
    justify-content: center;
  }
  /* line 3848, ../../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 3852, ../../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: auto;
    height: auto;
  }
  /* line 3863, ../../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, 206px);
  }
  /* line 3866, ../../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 {
    height: 205px;
  }
  /* line 3869, ../../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: 96px;
  }
  /* line 3872, ../../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 3883, ../../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 .hover-overlay {
    display: none;
  }
  /* line 3888, ../../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 {
    top: 60%;
  }
  /* line 3907, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content, .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content {
    /*border-bottom: 1px solid #D2D2D2;*/
  }
  /* line 3911, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer, .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-footer {
    border-top: none;
  }
  /* line 3916, ../../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, .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    grid-gap: 3px;
  }
  /* line 3929, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-header .grid-header-content.savedimageheader {
    grid-template-columns: 75% 20% 5%;
  }
  /* line 3935, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content {
    /* height: calc(100vh - 170px);*/
  }
  /* line 3943, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - 150px);
  }
  /* line 3950, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container {
    grid-template-areas: 'main';
    margin-top: 0;
    border-radius: 0;
  }
  /* line 3955, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
    height: 100vh;
    padding-top: 0;
  }
  /* line 3959, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    height: 100%;
    grid-template-columns: 53% 45%;
  }
  /* line 3964, ../../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 {
    grid-row-gap: 30px;
    margin-top: auto;
  }
  /* line 3969, ../../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: unset;
  }
  /* line 3973, ../../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: auto;
  }
  /* line 3977, ../../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 {
    width: 100%;
  }
  /* line 3986, ../../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 {
    margin-top: auto;
  }
  /* line 4002, ../../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: 30px;
  }
  /* line 4005, ../../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: auto;
  }
  /* line 4016, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal {
    width: 100vw;
  }
  /* line 4019, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container {
    grid-template-areas: 'main';
    width: 100vw;
    height: 100vh;
  }
  /* line 4024, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 100%;
    padding: 0;
  }
  /* line 4028, ../../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%;
    height: 100%;
    grid-gap: 0;
  }
  /* line 4036, ../../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 {
    grid-gap: 30px;
    grid-template-rows: 1fr 65px 80px;
  }
  /* line 4042, ../../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 {
    grid-template-columns: repeat(auto-fill, 25%);
    height: 185px;
                                            /*.text {
											margin-top: 0;
										}*/
  }
  /* line 4060, ../../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));
    display: block;
  }
  /* line 4071, ../../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));
  }
  /* line 4079, ../../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 4090, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item img {
    width: 353px;
  }
  /* line 4096, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .stamp-color-palette .stamp-default-color-palette .bg-color-block-item {
    height: 80px;
  }
  /* line 4109, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.backgroundRequired .grid-modal-container .grid-modal-content {
    height: calc(100vh - 211px);
  }
  /* line 4117, ../../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 4125, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-content {
    height: auto;
    max-height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }

  /* line 4133, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .minicolors-position-left .minicolors-panel {
    left: 67px;
  }
  /* line 4136, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .minicolors-position-left .minicolors-panel .colorPickerClose {
    left: 89%;
    right: 0;
  }
}
/* Mobile  Iphones and Android*/
@media only screen and (max-width: 960px) {
  /* line 4146, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content {
    height: calc(100vh - 120px);
  }
  /* line 4152, ../../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.inputcontainer .texterrormessage {
    font-size: 12px;
  }
  /* line 4158, ../../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-template-columns: repeat(auto-fill, 171px);
  }
  /* line 4166, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container {
                /*.grid-modal-footer {
				padding: 0 10px;
				height: 80px;
			}*/
  }
  /* line 4167, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - 150px);
  }
  /* line 4171, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects {
    grid-template-columns: repeat(auto-fill, 185px);
  }
  /* line 4174, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects .grid-content-wrapper-item {
    height: 175px;
  }
  /* line 4177, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects .grid-content-wrapper-item .image-cointainer {
    height: 75px;
  }
  /* line 4180, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects .grid-content-wrapper-item .image-cointainer img {
    width: inherit;
    height: inherit;
  }
  /* line 4187, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects .grid-content-wrapper-item .detail p {
    margin-bottom: 5px;
  }
  /* line 4204, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-header {
    height: 0;
  }
  /* line 4208, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content {
    padding: 2px;
  }
  /* line 4212, ../../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 {
                            /*textarea {
							height: 50px;
						}*/
  }
  /* line 4214, ../../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 {
    font-size: 12px;
    /*top: 50px;*/
  }
  /* line 4229, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal) .grid-modal-container {
    grid-template-areas: 'header' 'main';
    /*.grid-modal-content {
        height: calc(100vh - 70px);
    }*/
  }
  /* line 4235, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal) .grid-modal-container .grid-modal-footer {
    display: none;
  }
  /* line 4242, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).headerwithimagemodal .grid-modal-container .grid-modal-content {
    /*height: calc(100vh - 80px);*/
    border-bottom: none;
  }
  /* line 4251, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).licenselayout .grid-modal-container .grid-modal-header {
    height: 65px;
  }
  /* line 4258, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).licenselayout .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item div.licensedetail div.image img {
    max-height: 50px;
  }
  /* line 4267, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).licenselayout .grid-modal-container .grid-modal-content {
    height: calc(100vh - 85px);
  }
  /* line 4274, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).grid-modal-with-search .grid-modal-container {
                    /*.grid-modal-content {
                        height: calc(100vh - 140px);

                        .grid-content-wrapper:not(.bgnewcategory):not(.block-body):not(.templatecategory) {
                            grid-template-columns: repeat(2,minmax(0,1fr));


                            .grid-content-wrapper-item {
                                &.grey {
                                    height: 180px;
                                }
                            }
                        }
                    }*/
  }
  /* line 4279, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).grid-modal-with-search .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.searchbox-cointainer .icon-search {
    left: 92%;
  }
  /* line 4306, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.devicemodalwithfooter:not(.confirm-modal):not(.change-item):not(.colorpickerwindow):not(.userassetsmodal) .grid-modal-container .grid-modal-content {
    border-bottom: 1px solid #D2D2D2;
  }
  /* line 4317, ../../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-gap: 0;
  }
  /* line 4321, ../../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 {
    grid-gap: 15px;
  }
  /* line 4326, ../../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: 0;
  }
  /* line 4333, ../../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 {
    /*grid-gap: 20px;*/
  }
  /* line 4335, ../../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 {
    height: 155px;
  }
  /* line 4350, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content {
    /*height: calc(100vh - 125px);*/
  }
  /* line 4354, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color {
    grid-template-rows: 45% 53%;
  }
  /* line 4363, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container {
    /* grid-row-gap: 5px;*/
  }
  /* line 4366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-header {
    /*height: 35px;
    padding: 0 5px;*/
  }
  /* line 4370, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-header .grid-header-content {
    /*height: 35px;*/
  }
  /* line 4373, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item {
    /*padding: 0;*/
  }
  /* line 4376, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.text {
    /*font: 22px robotoregular;*/
  }
  /* line 4381, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.button .close {
    top: 10px;
  }
  /* line 4389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content {
    /*padding: 0 0 0 5px;
    height: calc(100vh - 125px);*/
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 39px));
  }
  /* line 4397, ../../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 {
    /*grid-template-columns: 70% 28%;*/
                            /*.right {
                                grid-template-rows: 45px max-content;

                                .colorpicker {
                                    .minicolors {
                                        .minicolors-panel {
                                            top: -15px;
                                        }
                                    }
                                }
                            }*/
  }
  /* line 4400, ../../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 {
    max-height: inherit;
  }
  /* line 4403, ../../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 .color-palette-container {
    /*grid-template-columns: repeat(auto-fill, 60px);
    grid-column-gap: 13px;
    grid-row-gap: 10px;*/
  }
  /* line 4408, ../../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 .color-palette-container .palette-container {
    /*height: 70px;*/
  }
  /* line 4411, ../../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 .color-palette-container .palette-container .palette {
    width: 50px;
    height: 50px;
  }
  /* line 4430, ../../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 {
    grid-template-columns: auto;
    grid-template-rows: 47% 52%;
  }
  /* line 4434, ../../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 img {
    width: 325px;
  }
  /* line 4438, ../../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 {
    grid-template-columns: 63% 35%;
    overflow-y: auto;
    grid-template-rows: auto;
  }
  /* line 4451, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditmodal .texterrormessage, .grid-modal.texteditoptionmodal .texterrormessage {
    top: 0;
  }
  /* line 4461, ../../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(calc(95px + 44px + 32px + 32px + 10px + 10px) - 20px ));
  }
  /* line 4468, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.no-search-header .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) - 20px));
  }
  /* line 4478, ../../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 {
    font-size: 20px;
  }
  /* line 4485, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.licenselayout .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(105px + 44px + 32px + 32px + 10px + 10px) + 39px));
  }
  /* line 4493, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 39px));
  }
  /* line 4500, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    grid-gap: 3px;
    grid-template-columns: repeat(auto-fit, 100px);
  }
  /* line 4514, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-header .grid-header-content.savedimageheader {
    grid-template-columns: 65% 30% 5%;
  }
  /* line 4520, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 86px));
  }
  /* line 4524, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 4527, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets .grid-content-wrapper-item {
    /*height: 150px;*/
  }
  /* line 4537, ../../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 {
    grid-gap: 3px;
  }
  /* line 4546, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal.headerwithimagemodal .grid-modal-content {
    /*height: calc(100vh - 160px);*/
    border-bottom: none;
  }
  /* line 4555, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-content {
    height: auto;
  }
  /* line 4562, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    grid-template-columns: repeat(auto-fit, 108px);
  }

  /* line 4572, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .texterrormessage {
    font-size: 12px;
  }

  /* line 4576, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .block-body .block-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }

  /* line 4588, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #projectNameModal_ab .modal-dialog, #warningMessageModal .modal-dialog, #CustomizationRulesModal .modal-dialog, #successMessageModal .modal-dialog, #deleteconfirmModal .modal-dialog, #projectNameModal .modal-dialog {
    margin: 0 auto;
  }

  /* line 4593, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #loaderSavingProjectModal .modal-dialog {
    bottom: auto !important;
    top: 50% !important;
    margin-top: -175px !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px !important;
  }
  /* line 4601, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  #loaderSavingProjectModal .modal-dialog .modal-content {
    border-radius: 8px !important;
  }

  /* Hide zoom icons in mobile */
  /* line 4608, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  li#optionZoomIn1, li#optionZoomIn {
    display: none;
  }
}
/* Ipad related*/
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  /* line 4619, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body) {
    /*justify-content: center;*/
  }
  /* line 4624, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body):not(.layout):not(.fbAlbum) .grid-content-wrapper-item {
    width: 353px;
    margin: auto;
  }
  /* line 4630, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper:not(.block-body):not(.layout):not(.fbAlbum).stamp .grid-content-wrapper-item {
    width: 230px;
    height: 230px;
    widows: 230px;
  }

  /* Show zoom icons in ipad */
  /* line 4644, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  li#optionZoomIn1, li#optionZoomIn {
    display: block;
  }
}
/* 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: 725px) {
  /* line 4659, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets .grid-content-wrapper-item .image-tile-cover .no-img-layer {
    background-size: 30px;
  }
  /* line 4664, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets .grid-content-wrapper-item .low-resolution-message {
    font-size: 10px;
  }
  /* line 4667, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets .grid-content-wrapper-item .low-resolution-message span {
    padding: 0 15px;
  }
  /* line 4675, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stampnewcategory .block-body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  /* line 4681, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  /* line 4691, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content {
    /*height: calc(100vh - 70px);*/
  }
  /* line 4694, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper {
    /*grid-template-columns: 47vw 47vw;*/
  }
  /* line 4698, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item img {
    width: 47vw;
  }
  /* line 4703, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout:not(.block-body) {
    grid-template-columns: 30vw 30vw 30vw;
  }
  /* line 4706, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout:not(.block-body) .grid-content-wrapper-item {
    height: 125px;
  }
  /* line 4709, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout:not(.block-body) .grid-content-wrapper-item img {
    width: auto;
  }
  /* line 4715, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp {
    grid-template-columns: 30vw 30vw 30vw;
  }
  /* line 4718, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item {
    height: 170px;
    max-width: 170px;
  }
  /* line 4722, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.stamp .grid-content-wrapper-item img {
    width: 30vw;
    height: inherit;
  }
  /* line 4734, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal).licenselayout .grid-modal-container .grid-modal-content {
    height: calc(100vh - 85px);
  }
  /* line 4742, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.stampcategorylisting-modal).headerwithimagemodal .grid-modal-container .grid-modal-content {
    /*height: calc(100vh - 80px);*/
  }
  /* line 4750, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container {
    grid-template-areas: 'main';
  }
  /* line 4753, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
    height: 100vh;
    padding-top: 0;
  }
  /* line 4757, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    /*grid-template-columns: 57% 42%;*/
    /*grid-template-columns: 54% 45%;*/
    grid-template-columns: 53% 45%;
  }
  /* line 4763, ../../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 {
    margin-top: auto;
  }
  /* line 4766, ../../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 {
    grid-column-gap: 5px;
    /*10*/
  }
  /* line 4781, ../../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 {
    grid-template-columns: 100%;
    grid-template-rows: max-content auto;
  }
  /* line 4785, ../../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 {
    order: 2;
  }
  /* line 4789, ../../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 {
    order: 1;
    justify-content: center;
  }
  /* line 4804, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    grid-column-gap: 3px;
  }
  /* line 4817, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.userassets.fbAlbum {
    grid-template-columns: repeat(3, 1fr);
  }

  /* line 4827, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .block-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* 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 4840, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.change-item):not(.confirm-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.grey {
    height: 170px;
  }
  /* line 4850, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content {
    padding-left: 5px;
  }
  /* line 4853, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    /*grid-template-columns: 56% 44%;*/
    grid-template-columns: 56% 43%;
    grid-gap: 5px;
  }
  /* line 4859, ../../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 {
    grid-row-gap: 15px;
  }
  /* line 4862, ../../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 {
    grid-column-gap: 4px;
  }
  /* line 4866, ../../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 div {
    height: 40px;
  }
  /* line 4869, ../../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 div button {
    height: 40px;
    width: 40px;
  }
  /* line 4888, ../../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 {
    font: 18px robotoregular;
  }
  /* line 4892, ../../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-template-rows: 30px auto;
    grid-row-gap: 0;
  }
  /* line 4899, ../../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 {
    margin-top: 0;
  }
  /* line 4907, ../../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 {
    grid-gap: 7px;
  }
  /* line 4911, ../../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 {
    font-size: 9px;
  }
  /* line 4914, ../../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: 0;
  }
  /* line 4920, ../../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 {
    width: 60%;
    height: 4px;
  }
  /* line 4925, ../../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 {
    width: 4px;
    height: 116%;
  }
  /* line 4935, ../../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 .row3 ul.button-cointainer {
    grid-column-gap: 15px;
  }
  /* line 4941, ../../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 {
    grid-gap: 10px;
  }
  /* line 4944, ../../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 {
    height: 105px;
  }
  /* line 4962, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color {
    grid-template-rows: 180px 1fr;
  }
  /* line 4966, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-preview-container img {
    width: 170px;
  }
  /* line 4971, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette {
    grid-template-rows: 197px auto;
    grid-template-columns: auto;
    grid-row-gap: 10px;
  }
  /* line 4976, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette {
    order: 2;
  }
  /* line 4979, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .bg-color-block-item {
    height: 82px;
  }
  /* line 4984, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-color-wheel {
    grid-template-rows: 8% auto;
    overflow: hidden;
    order: 1;
  }
}
/* Iphone X,XS and latest*/
@media only screen and (min-width: 375px) and (max-width: 767px) and (-webkit-device-pixel-ratio: 3) {
  /* line 5001, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal {
    /* &.grid-modal-with-search {
        .grid-modal-container {
            .grid-modal-content {
                height: calc(100vh - 120px);
            }
        }
    }*/
  }
  /* line 5006, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.change-item):not(.confirm-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout {
    /* grid-template-columns: repeat(auto-fill, 171px);*/
  }
  /* line 5009, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal:not(.change-item):not(.confirm-modal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout .grid-content-wrapper-item {
    /*height: 133px;*/
  }
  /* line 5031, ../../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 {
    top: 40px;
  }
  /* line 5036, ../../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 textarea {
    height: 40px;
  }
}
/* Mobile  Iphones and Android &  landscape*/
@media only screen and (max-width: 960px) and (orientation: landscape) {
  /* line 5050, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal .grid-modal-container .grid-modal-content {
    height: calc(100vh - 120px);
  }
  /* line 5062, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color {
    grid-template-columns: 25% 73%;
    grid-template-rows: inherit;
  }
  /* line 5066, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-preview-container {
    margin-bottom: auto;
    margin-top: auto;
  }
  /* line 5070, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-preview-container img {
    width: 150px;
  }
  /* line 5075, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette {
    grid-template-columns: auto 220px;
    overflow-y: auto;
    grid-template-rows: auto;
  }
  /* line 5081, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .color-palette-container {
    /*grid-template-columns: repeat(auto-fill,50px);*/
    grid-column-gap: 10px;
  }
  /* line 5085, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .color-palette-container .palette-container {
    height: 90px;
  }
  /* line 5088, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow.colorpickerwindow-stampcolor .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.stamp-change-color .stamp-color-palette .stamp-default-color-palette .color-palette-container .palette-container .palette {
    width: 50px;
    height: 50px;
  }
  /* line 5105, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 1px));
  }
  /* line 5113, ../../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(calc(95px + 44px + 32px + 32px + 10px + 10px) - 60px ));
  }
  /* line 5122, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.no-search-header .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) - 60px));
  }
  /* line 5129, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-content {
    height: calc(100vh - 160px);
  }
  /* line 5134, ../../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: 325px;
  }
  /* line 5145, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.licenselayout .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(105px + 44px + 32px + 32px + 10px + 10px) + 1px));
  }
  /* line 5153, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 1px));
  }
  /* line 5163, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(calc(47px + 44px + 32px + 32px + 10px + 10px) + 1px));
  }
  /* line 5169, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
  .grid-modal.userassetsmodal.headerwithimagemodal .grid-modal-content {
    height: calc(100vh - 160px);
    border-bottom: none;
  }
}
/* line 5178, ../../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 5190, ../../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 5198, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
.disablebutton {
  opacity: 0.3;
  pointer-events: none;
}

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

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

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

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

/*.font-robotoslab {
font-family: $font-family-robotoslab-sans-serif !important;
}
*/
/* line 5223, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_cssgridmodal.scss */
#canvasLayoutItems {
  margin-left: 0 !important;
  margin-top: 0 !important;
  max-width: 100%;
}

/* 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-column-gap: 5px;
}
/* line 156, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div {
  border-right: none;
}
/* line 159, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div a {
  display: flex;
  align-items: center;
}
/* line 163, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
.addImageOptions div a span {
  font-size: 14px;
  color: white;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 156, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .addImageOptions div {
    display: inline-block;
  }
}

/* line 190, ../../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 198, ../../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 198, ../../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 208, ../../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 214, ../../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 374, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer span {
    margin-top: 1px;
    font-size: 9px;
  }

  /* line 380, ../../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 389, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer span {
    margin-top: 0;
    font-size: 8px;
  }
  /* line 394, ../../Tervis.Customyzer.Designer.UI.Theme/sass/partials/_svgicons.scss */
  .icon-svg-cointainer img {
    margin-top: 2px;
  }

  /* line 399, ../../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: 60% 35% 5%;*/
    grid-template-columns: 55% 35% 10%;
  }
  /* line 13, ../../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 19, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal .grid-modal-container .grid-modal-content {
    /*padding: 10px 0 0 5px;*/
  }
  /* line 23, ../../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 28, ../../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 31, ../../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 42, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content {
    height: 100%;
  }
  /* line 45, ../../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 50, ../../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;
    /*.close {
    	height: 18px;
    	width: 15px;
    	position: initial;
    }*/
  }
  /* line 58, ../../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 71, ../../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 74, ../../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 85, ../../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 90, ../../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 98, ../../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 99, ../../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 118, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container {
    /*max-width: 375px;*/
  }
  /* line 123, ../../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%;
  }
}
/* Mobile  Iphones and Android*/
@media all and (orientation: portrait) and (max-width: 960px) {
  /* line 140, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects {
    grid-template-columns: repeat(auto-fill, 45%);
  }
  /* line 154, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal).grid-modal-with-search .grid-modal-container .grid-modal-header .grid-header-content .grid-header-content-item.searchbox-cointainer .icon-search {
    left: 90%;
  }
}
/* Ipad related*/
@media all and (orientation: portrait) and (max-width: 1279px) and (min-width: 768px) {
  /* line 174, ../../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: 80% 15% 5%;
  }
  /* line 184, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.savedprojectsmodal .grid-modal-container .grid-modal-content .grid-content-wrapper.savedprojects {
    grid-template-columns: repeat(auto-fill, 25%);
  }
  /* line 193, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 197, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper {
    						/*.grid-content-wrapper-item {
    							grid-template-columns: 70% 28%;
    							grid-template-rows: auto;
    
    							.left {
    								order: 1;
    							}
    
    							.right {
    								order: 2;
    								justify-content: unset;
    							}
    						}*/
  }
  /* line 201, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.colorpickerwindow .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item .stamp-color-palette .stamp-default-color-palette .bg-color-block-item {
    height: 90px;
  }
  /* line 225, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.backgroundRequired) {
    			/*&.grid-modal-with-search {
    				.grid-modal-container {
    					.grid-modal-header {
    						height: 100px;
    					}
    
    					.grid-modal-content {
    						height: calc(100vh - 190px);
    					}
    				}
    			}*/
  }
  /* line 226, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.backgroundRequired) .grid-modal-container {
    grid-template-areas: 'header' 'main' 'footer';
    /*.grid-modal-content {
    	height: calc(100vh - 140px);
    }*/
  }
  /* line 232, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal):not(.backgroundRequired) .grid-modal-container .grid-modal-footer {
    display: block;
  }
  /* line 252, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    margin-top: 50px;
  }
  /* line 256, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .textmonogramtabs ul .button-cointainer li div {
    border-radius: 50%;
  }
  /* line 271, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 {
    width: calc(50px * 6 + calc(15px * 6));
    margin: auto;
  }
  /* line 276, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-left select {
    max-width: 98%;
    margin-left: auto;
  }
  /* line 291, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.grid-modal-with-search .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(95px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 299, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.no-search-header .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(47px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 307, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.licenselayout .grid-modal-container .grid-modal-content {
    height: calc(100vh - calc(105px + 44px + 32px + 32px + 10px + 10px));
  }
  /* line 315, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.change-item .grid-modal-container .grid-modal-content {
    height: auto;
  }

  /* line 323, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  #projectNameModal_ab .modal-dialog, #warningMessageModal .modal-dialog, #CustomizationRulesModal .modal-dialog, #successMessageModal .modal-dialog, #deleteconfirmModal .modal-dialog, #projectNameModal .modal-dialog {
    margin: 10px auto;
  }
  /* line 326, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  #projectNameModal_ab .modal-dialog .modal-content, #warningMessageModal .modal-dialog .modal-content, #CustomizationRulesModal .modal-dialog .modal-content, #successMessageModal .modal-dialog .modal-content, #deleteconfirmModal .modal-dialog .modal-content, #projectNameModal .modal-dialog .modal-content {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
}
/* Iphone 6/7/8 and lower resolution related */
@media all and (orientation: portrait) and (max-width: 725px) {
  /* line 341, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout .grid-content-wrapper-item {
    height: auto;
  }
  /* line 344, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal:not(.devicemodalwithfooter):not(.texteditmodal):not(.texteditoptionmodal):not(.imageeditmodal) .grid-modal-container .grid-modal-content .grid-content-wrapper.layout .grid-content-wrapper-item img {
    width: 100%;
  }
  /* line 357, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    grid-template-columns: 100%;
    grid-template-rows: max-content max-content max-content;
    width: 100%;
    margin-top: 50px;
  }
  /* line 364, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.inputcontainer {
    display: block;
    /*Remove if show message bottom of next button*/
  }
  /* line 366, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.inputcontainer textarea.textobjecttext {
    height: 65px;
  }
  /* line 370, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.inputcontainer .texterrormessage {
    /*top:145px;*/
    /*Uncomment if show message bottom of next button and remove bellow lines*/
    top: 0;
    position: relative;
  }
  /* line 384, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content {
    padding-left: 0;
  }
  /* line 387, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    /*grid-template-columns: 50% 50%;*/
    grid-template-columns: 100%;
    /*grid-template-rows: 42% 58%;*/
    grid-template-rows: 50% 50%;
    grid-gap: 0;
  }
  /* line 395, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left {
    order: 2;
    grid-row-gap: 10px;
  }
  /* line 399, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 {
    width: calc(50px * 6 + calc(2px * 6));
    margin: auto;
  }
  /* line 404, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer {
    height: 50px;
    width: 50px;
  }
  /* line 410, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite {
    height: 45px;
    width: 45px;
  }
  /* line 414, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite span, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors .minicolors-swatch.minicolors-sprite span {
    width: inherit;
  }
  /* line 421, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors.minicolors-position-bottom .minicolors-panel, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-right .colorpickercontainer .minicolors.minicolors-position-bottom .minicolors-panel {
    top: 60px;
    left: 0;
  }
  /* line 431, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-left select, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row1 .row1-left select {
    max-width: 100%;
    margin-left: auto;
  }
  /* line 439, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row3 ul.button-cointainer, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.left .row3 ul.button-cointainer {
    grid-column-gap: 10px;
  }
  /* line 445, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right {
    order: 1;
    border-left: none;
    border-bottom: 1px solid #D8D9DA;
  }
  /* line 451, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container {
    height: 100%;
    width: auto;
  }
  /* line 455, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer {
    max-height: calc(100% - 36px);
    width: auto;
  }
  /* line 459, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container {
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  /* line 464, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container img.monogram-container, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .monogram-image-container-outer .monogram-image-container img.monogram-container {
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  /* line 472, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item {
    align-items: center;
    max-height: 50px;
  }
  /* line 476, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item label, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .text-container-item label {
    margin: 0;
  }
  /* line 481, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divMessage, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divMessage {
    padding-right: 25px;
  }
  /* line 484, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.texteditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divMessage .texterrormessage, .grid-modal.monogrameditoptionmodal .grid-modal-container .grid-modal-content .grid-content-wrapper .grid-content-wrapper-item.right .text-container .divMessage .texterrormessage {
    position: relative;
    top: 0;
  }
  /* line 500, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.imageeditmodal .grid-modal-container .grid-modal-content .grid-content-wrapper {
    /*grid-template-rows: calc(calc(100% - 48px) / 2) 48px calc(calc(100% - 48px) / 2);*/
  }
  /* line 504, ../../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: 18px robotoregular;
  }
  /* line 516, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content div.grid-content-wrapper.userassets {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 519, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-content div.grid-content-wrapper.userassets .grid-content-wrapper-item {
    /*height: 110px;*/
  }
  /* line 528, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer {
    grid-template-columns: repeat(2, auto);
  }
  /* line 531, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .grid-modal.userassetsmodal .grid-modal-container .grid-modal-footer .grid-footer-content .grid-footer-content-item ul.button-cointainer .btn {
    width: 100%;
  }

  /* line 542, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  .addImageOptions {
    grid-template-columns: repeat(auto-fit, minmax(120px, max-content));
  }

  /* line 547, ../../Tervis.Customyzer.Designer.UI.Theme/sass/responsive/_cssgridmodalportrait.scss */
  #saveProjectChangesModal .general-btn,
  #saveProjectChangesModal .preview-area .preview-btn,
  #saveProjectChangesModal .general-btn:hover,
  #saveProjectChangesModal .preview-btn:hover,
  #saveProjectChangesModal .general-btn:focus,
  #saveProjectChangesModal .preview-btn:focus {
    width: 100px;
  }
}
/* 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;
  }
}