.pulse {
  animation-name: shadow-pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.pulse.fast {
  animation-duration: 1s;
}
.pulse.blue {
  animation-name: blue-pulse;
}
.pulse.blue.strong {
  animation-name: blue-pulse-strong;
}
.pulse-opacity {
  animation-name: opacity-pulse;
  animation-duration: 5s;
  animation-iteration-count: 1;
}
@keyframes blue-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(68, 136, 255, 0.5);
  }
  10% {
    box-shadow: 0 0 0 5px rgba(68, 136, 255, 0.1);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes blue-pulse-strong {
  0% {
    box-shadow: 0 0 0 0px rgba(68, 136, 255, 0.6);
  }
  10% {
    box-shadow: 0 0 0 5px rgba(68, 136, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(68, 136, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }
  10% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes opacity-pulse {
  0% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.7;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
.gv-timepicker {
  border: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
}
.gv-timepicker:after {
  color: #666666;
  content: '\f017';
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 17px;
  font-weight: 400;
  position: absolute;
  right: 8px;
  top: 8px;
}
.gv-timepicker.disabled {
  cursor: not-allowed;
}
.gv-timepicker.disabled > span {
  opacity: 0.5;
}
.gv-timepicker.open > .gv-timepicker-dropdown {
  display: block;
}
.gv-timepicker.open > span {
  border-color: #4AB37E !important;
  box-shadow: none !important;
  filter: drop-shadow(0px, 0px, 0px, 0px, rgba(0, 0, 0, 0)) !important;
  outline: none !important;
}
.gv-timepicker > span {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  padding: 8px 30px 8px 10px;
  text-decoration: none;
  text-transform: lowercase;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}
.gv-timepicker > span.unset {
  color: #CFCFCF;
  text-transform: none;
}
.gv-timepicker > div.actions {
  margin-top: 5px;
  text-align: right;
}
.gv-timepicker > div.gv-timepicker-dropdown {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.0802);
  cursor: pointer;
  display: none;
  opacity: 1;
  position: absolute;
  top: 42px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  z-index: 99999;
}
.gv-timepicker > div.gv-timepicker-dropdown:focus {
  outline: none;
}
.gv-timepicker > div.gv-timepicker-dropdown > div.gv-form {
  background-color: #FAFAFA;
  border: 1px solid #E2E3E4;
  border-radius: 0 0 4px 4px;
  margin: 0;
  padding: 8px;
}
.gv-timepicker > div.gv-timepicker-dropdown > ol {
  list-style-type: none;
  margin: 0;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: relative;
}
.gv-timepicker > div.gv-timepicker-dropdown > ol > li {
  color: #666666;
  background-color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  padding: 15px;
  position: relative;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
}
.gv-timepicker > div.gv-timepicker-dropdown > ol > li:first-child {
  border-radius: 4px 4px 0 0;
}
.gv-timepicker > div.gv-timepicker-dropdown > ol > li:focus,
.gv-timepicker > div.gv-timepicker-dropdown > ol > li:hover {
  color: #333333;
  background-color: #E9F7F1;
}
.gv-timepicker > div.gv-timepicker-dropdown > ol > li.selected {
  color: #269D64;
  font-weight: bold;
}
.alertV2 {
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333333;
  display: flex;
  font-size: 14px;
  margin-bottom: 20px;
  opacity: 1;
  overflow: hidden;
  transition: opacity ease 0.25s;
  width: 100%;
}
.alertV2.inline {
  display: inline-flex;
}
.alertV2 .alert-content {
  display: block;
  flex: 1 1 auto;
  padding: 10px 15px;
  vertical-align: middle;
}
.alertV2 .alert-dismiss {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px 0 0;
}
.alertV2 .alert-dismiss > a {
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
}
.alertV2 .alert-dismiss > a > i {
  color: #333333;
}
.alertV2 .alert-icon {
  align-content: center;
  display: block;
  flex: 0 0 auto;
  padding: 14px;
  position: relative;
  vertical-align: middle;
  width: 50px;
}
.alertV2 .alert-icon .fa,
.alertV2 .alert-icon .fal,
.alertV2 .alert-icon .far,
.alertV2 .alert-icon .fas {
  color: #fff;
  font-size: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alertV2.alert-danger,
.alertV2.alert-error {
  background-color: #ED4949;
  border-color: #ED4949;
}
.alertV2.alert-danger .alert-content,
.alertV2.alert-error .alert-content,
.alertV2.alert-danger .alert-dismiss,
.alertV2.alert-error .alert-dismiss {
  background-color: #F7E6E6;
}
.alertV2.alert-danger.dark,
.alertV2.alert-error.dark {
  background-color: #DB474C;
  border-color: #DB474C;
}
.alertV2.alert-danger.dark .alert-content,
.alertV2.alert-error.dark .alert-content,
.alertV2.alert-danger.dark .alert-dismiss,
.alertV2.alert-error.dark .alert-dismiss {
  background-color: #F7E6E6;
}
.alertV2.alert-info {
  background-color: #5895AC;
  border-color: #5895AC;
}
.alertV2.alert-info .alert-content,
.alertV2.alert-info .alert-dismiss {
  background-color: #e6edef;
}
.alertV2.alert-success {
  background-color: #4AB37E;
  border-color: #4AB37E;
}
.alertV2.alert-success .alert-content,
.alertV2.alert-success .alert-dismiss {
  background-color: #E9F7F1;
}
.alertV2.alert-warning {
  background-color: #FFD641;
  border-color: #FFD641;
}
.alertV2.alert-warning .alert-content,
.alertV2.alert-warning .alert-dismiss {
  background-color: #f8f4e7;
}
.alertV2.fade {
  opacity: 0;
}
.gv-badge {
  background-color: #9F9F9F;
  border-radius: 16px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
  vertical-align: middle;
}
.gv-badge.icon {
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 32px;
}
.gv-badge.icon > i {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gv-badge.small {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}
.gv-badge.small.icon {
  width: 24px;
}
.gv-badge.mini {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
}
.gv-badge.mini.icon {
  width: 20px;
}
.gv-badge.danger,
.gv-badge.error {
  background-color: #ED4949;
  color: #ffffff;
}
.gv-badge.info {
  background-color: #427e8f;
  color: #ffffff;
}
.gv-badge.success {
  background-color: #4AB37E;
  color: #ffffff;
}
.gv-badge.warning {
  background-color: #FFD641;
  color: #ffffff;
}
label.gv-checkbox {
  display: inline-block;
  margin: 2px 4px !important;
  padding: 0 !important;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
label.gv-checkbox.dark > input[type='checkbox']:disabled ~ em {
  background-color: #737373;
  border-color: #a6a6a6;
}
label.gv-checkbox.dark > input[type='checkbox'] ~ em {
  background-color: #333333;
  border: 1px solid #666666;
}
label.gv-checkbox.flex {
  display: flex;
}
label.gv-checkbox.flex > em {
  flex: 0 0 auto;
}
label.gv-checkbox.flex > span {
  flex: 1 1 auto;
  padding-left: 4px;
}
label.gv-checkbox.white-space-normal {
  white-space: normal;
}
label.gv-checkbox > input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 10px;
}
label.gv-checkbox > input[type='checkbox']:disabled:checked ~ em,
label.gv-checkbox > input[type='checkbox']:disabled[checked] ~ em {
  background-color: #a3d9be;
  border-color: #a3d9be;
}
label.gv-checkbox > input[type='checkbox']:disabled ~ em {
  border-color: #CCCCCC;
  background-color: #EEEEEE;
  cursor: not-allowed;
  opacity: 1;
}
label.gv-checkbox > input[type='checkbox']:disabled ~ span,
label.gv-checkbox > input[type='checkbox']:disabled a {
  cursor: not-allowed;
}
label.gv-checkbox > input[type='checkbox'] ~ em {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  transition-duration: 0.25s;
  transition-property: background-color, border-color, opacity;
  transition-timing-function: ease;
  vertical-align: top;
  width: 16px;
  min-width: 16px;
}
label.gv-checkbox > input[type='checkbox'] ~ em:after {
  border-color: #ffffff;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: "";
  height: 8px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease;
  width: 4px;
}
label.gv-checkbox > input[type='checkbox']:checked ~ em,
label.gv-checkbox > input[type='checkbox'][checked] ~ em {
  background-color: #4AB37E;
  border-color: #4AB37E;
}
label.gv-checkbox > input[type='checkbox']:checked ~ em:after,
label.gv-checkbox > input[type='checkbox'][checked] ~ em:after {
  opacity: 1;
}
label.gv-checkbox > input[type='checkbox']:focus-visible ~ em {
  outline: #000000 solid 2px;
}
label.gv-checkbox > span {
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  text-align: left;
  white-space: normal;
}
label.gv-checkbox > a {
  color: unset;
}
label.gv-checkbox-slider {
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  margin: 4px;
  position: relative;
  top: -2px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}
label.gv-checkbox-slider.dark > input:disabled:checked + span {
  background-color: #a3d9be;
}
label.gv-checkbox-slider.dark > input:disabled + span {
  background-color: #a6a6a6;
}
label.gv-checkbox-slider.dark > input + span {
  background-color: #666666;
}
label.gv-checkbox-slider > input {
  position: absolute;
  top: 7px;
  left: 4px;
  height: 4px;
}
label.gv-checkbox-slider > input:checked + span {
  background-color: #4AB37E;
}
label.gv-checkbox-slider > input:checked + span > em {
  left: 100%;
  margin-left: -16px;
}
label.gv-checkbox-slider > input:disabled:checked + span {
  background-color: #a3d9be;
}
label.gv-checkbox-slider > input:disabled + span {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
label.gv-checkbox-slider > input:focus-visible + span {
  outline: solid 2px #000000;
}
label.gv-checkbox-slider > input + span {
  background-color: #CCCCCC;
  border-radius: 15px;
  display: inline-block;
  height: 20px;
  opacity: 1;
  padding: 2px;
  text-align: left;
  transition-duration: 0.25s;
  transition-property: background-color, opacity;
  transition-timing-function: ease;
  width: 36px;
  vertical-align: middle;
  position: relative;
}
label.gv-checkbox-slider > input + span > em {
  background-color: #ffffff;
  border-radius: 50%;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.0717));
  display: inline-block;
  height: 16px;
  left: 0;
  line-height: 24px;
  margin-left: 0;
  position: relative;
  top: 0;
  transition-duration: 0.25s;
  transition-property: left, margin-left;
  transition-timing-function: ease;
  width: 16px;
  vertical-align: top;
}
label.gv-checkbox-slider > * {
  vertical-align: middle;
}
.gv-double-range-picker {
  margin: 0 -8px;
}
.gv-double-range-picker.disable {
  cursor: not-allowed;
}
.gv-double-range-picker.disable > div.legend > div > span.value > span {
  background-color: #b3b3b3;
}
.gv-double-range-picker.disable > div.picker > label {
  cursor: not-allowed;
}
.gv-double-range-picker.disable > div.picker > label > b {
  background-color: #ffffff;
  border: 2px solid #cff3e2;
  cursor: not-allowed;
}
.gv-double-range-picker.disable > div.picker > label > b:has(~ input[type=range]:focus) {
  background-color: #cff3e2;
}
.gv-double-range-picker.disable > div.picker > label > em {
  background-color: #ffffff;
}
.gv-double-range-picker.disable > div.picker > label > em:has(~ input[type=range]:focus) {
  background-color: #ffffff;
}
.gv-double-range-picker.disable > div.picker > span.between {
  background-color: #cff3e2;
}
.gv-double-range-picker.grabbed {
  cursor: grabbing;
}
.gv-double-range-picker.grabbed > div.picker > label {
  cursor: grabbing;
}
.gv-double-range-picker.grabbed > div.picker > label > b {
  cursor: grabbing;
}
.gv-double-range-picker > div.legend {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding: 0 8px;
  position: relative;
  user-select: none;
}
.gv-double-range-picker > div.legend > div {
  display: flex;
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%;
}
.gv-double-range-picker > div.legend > div > span.between {
  flex: 1 1 auto;
}
.gv-double-range-picker > div.legend > div > span.value {
  flex: 0 0 auto;
}
.gv-double-range-picker > div.legend > div > span.value.begin {
  text-align: right;
}
.gv-double-range-picker > div.legend > div > span.value.end {
  text-align: left;
}
.gv-double-range-picker > div.legend > div > span.value > span {
  border-radius: 6px;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  background-color: #333333;
  padding: 2px 5px;
}
.gv-double-range-picker > div.legend > span {
  color: #666666;
  flex: 0 0 auto;
  font-size: 12px;
}
.gv-double-range-picker > div.picker {
  align-items: flex-start;
  display: flex;
  height: 16px;
  overflow: hidden;
  padding: 0 8px;
}
.gv-double-range-picker > div.picker > span.between {
  background-color: #269D64;
  border-radius: 6px;
  flex: 1 1 auto;
  height: 6px;
  margin: 5px 0;
}
.gv-double-range-picker > div.picker > label {
  flex: 0 0 auto;
  margin: 0;
  padding: 5px 0;
  position: relative;
}
.gv-double-range-picker > div.picker > label.begin > b {
  left: calc(100% - 8px);
}
.gv-double-range-picker > div.picker > label.begin > em {
  border-radius: 6px 0 0 6px;
}
.gv-double-range-picker > div.picker > label.end > b {
  right: calc(100% - 8px);
}
.gv-double-range-picker > div.picker > label.end > em {
  border-radius: 0 6px 6px 0;
}
.gv-double-range-picker > div.picker > label > b {
  background-color: #ffffff;
  border: 2px solid #269D64;
  border-radius: 8px;
  box-sizing: border-box;
  cursor: grab;
  height: 16px;
  position: absolute;
  top: 0;
  width: 16px;
  transition: background-color ease 0.25s;
  z-index: 0;
}
.gv-double-range-picker > div.picker > label > b:has(~ input[type=range]:focus) {
  background-color: #269D64;
}
.gv-double-range-picker > div.picker > label > b.last-moved {
  z-index: 1;
}
.gv-double-range-picker > div.picker > label > em {
  background-color: #CFCFCF;
  display: block;
  height: 6px;
  transition: background-color ease 0.25s;
  width: 100%;
}
.gv-double-range-picker > div.picker > label > em:has(~ input[type=range]:focus) {
  background-color: #9F9F9F;
}
.gv-double-range-picker > div.picker > label > input[type=range],
.gv-double-range-picker > div.picker > label > span {
  position: absolute;
  bottom: 200%;
}
.gv-fixed-footer.fixed > .content {
  background-color: #ffffff;
  border-top: 1px solid #CFCFCF;
  bottom: 0;
  display: block;
  margin: 0;
  padding: 4px 0;
  position: fixed;
  z-index: 801;
}
.gv-fixed-footer.fixed.trial > .content {
  bottom: 39px;
}
.gv-fixed-footer.loading {
  display: none;
}
.gv-grid {
  font-size: 12px;
  position: relative;
}
.gv-grid .checkall {
  background-color: #F7F7F7;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 3px 3px 3px;
  text-align: center;
}
.gv-grid .checkall > .gv-checkbox {
  margin: 0;
}
.gv-grid .gv-footer {
  background-color: #F7F7F7;
  border-top: 1px solid #E8E8E8;
  padding: 6px;
}
.gv-grid .gv-footer > .gv-paging {
  float: right;
}
.gv-grid table {
  width: 100%;
}
.gv-grid table.auto-height {
  height: auto;
  min-height: unset;
}
.gv-grid table.auto-height > thead > tr > th {
  padding-top: 0;
}
.gv-grid table.valign-middle > tbody > tr > td {
  vertical-align: middle;
}
.gv-grid table > thead > tr > th {
  padding: 16px 8px 16px 8px;
}
.gv-grid table > thead > tr > th:first-child {
  padding-left: 8px;
}
.gv-grid table > thead > tr > th.sortable {
  color: #666666;
  cursor: pointer;
  transition: color ease 0.25s;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.gv-grid table > thead > tr > th.sortable:hover {
  color: #333333;
}
.gv-grid table > thead > tr > th.sortable::after {
  content: '\f0dc';
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-weight: bold;
  margin-left: 8px;
}
.gv-grid table > thead > tr > th.sortable.asc::after {
  content: '\f0de';
}
.gv-grid table > thead > tr > th.sortable.desc::after {
  content: '\f0dd';
}
.gv-grid table > thead > tr > th.row-height {
  overflow: hidden;
  padding: 0;
  width: 1px;
}
.gv-grid table > tbody > tr.active > td {
  background-color: #E9F7F1;
}
.gv-grid table > tbody > tr.family-name-adjust > td:not(.tdname) {
  padding-top: 43px;
}
.gv-grid table > tbody > tr > td {
  background-color: #ffffff;
  border-top: 1px solid #E8E8E8;
  padding: 16px 8px 16px 8px;
  transition: background-color ease 0.25s;
  vertical-align: top;
}
.gv-grid table > tbody > tr > td .check {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  display: inline-block;
  margin-top: 8px;
  padding: 4px 3px 3px 3px;
  text-align: center;
}
.gv-grid table > tbody > tr > td .check > .gv-checkbox {
  margin: 0;
}
.gv-grid table > tbody > tr > td .editable:hover {
  color: #427e8f;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.gv-grid table > tbody > tr > td .editable:hover > span {
  color: #427e8f;
}
.gv-grid table > tbody > tr > td .editable:hover:after {
  border-bottom: 1px solid #427e8f;
  content: "\f303";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  font-weight: 900;
  margin-left: 2px;
  position: absolute;
  text-decoration: none;
  z-index: 700;
}
.gv-grid table > tbody > tr > td .missing-value {
  display: block;
}
.gv-grid table > tbody > tr > td .missing-value > .missing-add {
  color: #427e8f;
  cursor: pointer;
  display: none;
  position: absolute;
  text-decoration: none;
}
.gv-grid table > tbody > tr > td .missing-value > .missing-add > i {
  font-size: 10px;
}
.gv-grid table > tbody > tr > td .missing-value:hover > .missing-add {
  display: inline;
}
.gv-grid table > tbody > tr > td.row-height {
  overflow: hidden;
  padding: 0;
  width: 1px;
}
.gv-grid table > tbody > tr > td .text-truncate {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
.gv-grid table > tbody > tr > td .text-truncate.text-width-250 {
  max-width: 250px;
}
.gv-grid table > tbody > tr > td.no-rows {
  color: #666666;
  font-size: 16px;
  padding: 104px 0 !important;
  text-align: center;
}
.gv-grid table > tbody > tr > td.no-rows > i {
  color: #4AB37E;
  display: inline-block;
  font-size: 48px;
}
.gv-grid table > tbody > tr > td.tdname a {
  color: #666666;
  cursor: pointer;
  transition: color 1s ease;
}
.gv-grid table > tbody > tr > td.tdname a:active,
.gv-grid table > tbody > tr > td.tdname a:focus,
.gv-grid table > tbody > tr > td.tdname a:hover {
  color: #333333;
  outline: none;
}
.gv-grid table > tbody > tr > td.tdname a:active ul > li,
.gv-grid table > tbody > tr > td.tdname a:focus ul > li,
.gv-grid table > tbody > tr > td.tdname a:hover ul > li {
  color: #CFCFCF;
}
.gv-grid table > tbody > tr > td.tdname a:active ul > li > span,
.gv-grid table > tbody > tr > td.tdname a:focus ul > li > span,
.gv-grid table > tbody > tr > td.tdname a:hover ul > li > span {
  color: #333333;
}
.gv-grid table > tbody > tr > td.tdtags {
  padding: 8px 8px 16px 4px;
}
.gv-grid table > tbody > tr > td ul {
  list-style-type: none;
  padding: 0;
}
.gv-grid table > tbody > tr > td ul.bullets {
  list-style-type: disc;
  padding-left: 16px;
}
.gv-grid table > tbody > tr > td ul > li {
  color: #CFCFCF;
}
.gv-grid table > tbody > tr > td ul > li.notInvited {
  list-style-type: none;
}
.gv-grid table > tbody > tr > td ul > li.notInvited > span {
  color: #9F9F9F;
}
.gv-grid table > tbody > tr > td ul > li span {
  color: #666666;
  transition: color 1s ease;
}
.gv-grid .gv-grid-action {
  color: #666666;
  display: inline-block;
  font-size: 16px;
  margin: 8px;
  transition: color ease 0.25s;
}
.gv-grid .gv-grid-action > i {
  color: #666666;
  transition: color ease 0.25s;
}
.gv-grid .gv-grid-action:focus {
  color: #333333;
  outline: none;
}
.gv-grid .gv-grid-action:hover {
  color: #333333;
}
.gv-grid .gv-grid-action:hover > i {
  color: #333333;
}
.gv-grid .gv-grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.gv-grid .gv-grid-container.data {
  min-height: 400px;
}
.gv-grid .gv-grid-container.fixed-header {
  background-color: #ffffff;
  border-bottom: 1px solid #E8E8E8;
  display: none;
  position: fixed;
  top: 0;
  z-index: 1029;
}
.gv-grid .gv-grid-container.fixed-header.in {
  display: flex;
}
.gv-grid .gv-grid-container.fixed-header table {
  min-height: unset;
}
.gv-grid .gv-grid-container .grid-wrapper {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
}
.gv-grid .gv-grid-container .grid-wrapper.no-scroll {
  overflow: hidden;
}
.gv-grid .gv-grid-container .gv-grid-side-actions {
  background-color: #ffffff;
  flex: 0 0 auto;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left.scrolled {
  border-right: 1px solid #E8E8E8;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div {
  display: flex;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div {
  padding-right: 8px;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > a,
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > span {
  color: #666666;
  cursor: pointer;
  transition: color 1s ease;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > a:hover,
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > span:hover {
  color: #333333;
  text-decoration: none;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > a span.family-name,
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > span span.family-name {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > a ul,
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div.name-info > span ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.left > div > div > span.check {
  padding: 0 4px;
}
.gv-grid .gv-grid-container .gv-grid-side-actions.right.scrolled {
  border-left: 1px solid #E8E8E8;
}
.gv-grid .gv-grid-container .gv-grid-side-actions > div {
  align-items: flex-start;
  background-color: #ffffff;
  border-top: 1px solid #E8E8E8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 16px;
  transition: background-color ease 0.25s;
}
.gv-grid .gv-grid-container .gv-grid-side-actions > div:first-child {
  align-items: center;
  border-top: 0;
  padding-top: 0;
}
.gv-grid .gv-grid-container .gv-grid-side-actions > div:first-child > div {
  font-weight: bold;
  position: relative;
}
.gv-grid .gv-grid-container .gv-grid-side-actions > div.active {
  background-color: #E9F7F1;
}
.gv-grid .gv-grid-dropdown {
  padding: 16px 8px;
  text-align: right;
}
.gv-grid .gv-grid-dropdown .dropdown .dropdown-toggle {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  width: 28px;
}
.gv-grid .gv-grid-dropdown .dropdown .dropdown-toggle::before {
  border-left: 2.5px solid #427e8f;
  border-radius: 2px;
  border-top: 2.5px solid #427e8f;
  content: '';
  display: block;
  height: 10px;
  left: 8px;
  position: relative;
  top: 7px;
  transform: rotate(-135deg);
  width: 10px;
}
.gv-grid .gv-grid-dropdown .dropdown.open .dropdown-toggle::before {
  top: 10px;
  transform: rotate(45deg);
}
.gv-grid .gv-grid-selected-actions {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 0 4px 4px #ffffff;
  display: none;
  font-size: 14px;
  line-height: 30px;
  margin-top: -2px;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 1025;
}
.gv-grid .gv-grid-selected-actions.open {
  display: flex;
}
.gv-grid .gv-grid-selected-actions > .selection {
  background-color: #F7F7F7;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.gv-grid .gv-grid-selected-actions > .selection > a.selection-clear {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  margin: -3px 6px 0 6px;
  width: 16px;
  vertical-align: middle;
}
.gv-grid .gv-grid-selected-actions > .selection > a.selection-clear::before {
  background-color: #4AB37E;
  content: ' ';
  display: inline-block;
  height: 2px;
  left: 3px;
  position: relative;
  top: -12px;
  width: 8px;
}
.gv-grid .gv-grid-selected-actions > .selection > span {
  color: #666666;
  display: inline-block;
  font-weight: normal;
  padding-right: 6px;
}
.gv-grid .gv-grid-selected-actions > .action {
  border-left: 1px solid #CFCFCF;
  display: inline-block;
  float: left;
}
.gv-grid .gv-grid-selected-actions > .action > a {
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 0px 10px;
  text-align: center;
  min-width: 130px;
}
.gv-grid .gv-grid-selected-actions > :last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.gv-grid div.sorthovercontainer > div.sorthover,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover {
  color: #666666;
}
.gv-grid div.sorthovercontainer > div.sorthover > a,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > a {
  color: #666666;
}
.gv-grid div.sorthovercontainer > div.sorthover > a:focus,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > a:focus,
.gv-grid div.sorthovercontainer > div.sorthover > a:hover,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > a:hover {
  color: #4AB37E;
}
.gv-grid div.sorthovercontainer > div.sorthover > .sorthoverposition.fa-tooltip,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > .sorthoverposition.fa-tooltip {
  right: -18px;
}
.gv-grid div.sorthovercontainer > div.sorthover > .sorthoverposition > i,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > .sorthoverposition > i,
.gv-grid div.sorthovercontainer > div.sorthover span > i,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover span > i {
  top: 4px;
}
.gv-grid div.sorthovercontainer > div.sorthover > .sorthoverposition > i.fa-sort-up,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > .sorthoverposition > i.fa-sort-up,
.gv-grid div.sorthovercontainer > div.sorthover span > i.fa-sort-up,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover span > i.fa-sort-up {
  top: 6px;
}
.gv-grid div.sorthovercontainer > div.sorthover > .sorthoverposition > i.fa-sort-down,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover > .sorthoverposition > i.fa-sort-down,
.gv-grid div.sorthovercontainer > div.sorthover span > i.fa-sort-down,
.gv-grid div.sorthovercontainer > div#nameSort.sorthover span > i.fa-sort-down {
  top: 0;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a {
  background-color: #ffffff;
  color: #333333;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a .icon.down {
  margin-top: 4px;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a .icon.up {
  margin-top: 10px;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a .icon.hover {
  display: none;
  margin-top: 6px;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a:hover {
  background-color: #4AB37E;
  color: #ffffff;
}
.gv-grid div.sorthovercontainer > ul.dropdown-menu > li > a:hover .icon.hover {
  display: block;
}
span.gv-textinput-ml {
  align-items: center;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  display: inline-flex;
  padding: 10px;
  transition: border ease 0.25s;
}
span.gv-textinput-ml.focus {
  border-color: #4AB37E;
}
span.gv-textinput-ml.max {
  border-color: #F37575;
}
span.gv-textinput-ml.max > small {
  color: #F37575;
}
span.gv-textinput-ml > input {
  border: 0;
  color: #333333;
  flex: 1 1 auto;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
span.gv-textinput-ml > small {
  color: #666666;
  flex: 0 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  margin-left: 10px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.popover {
  background-color: #333333;
  border: none !important;
  border-radius: 4px;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 14px;
  font-style: normal !important;
  font-weight: normal !important;
  text-align: center;
  text-transform: none;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  z-index: 9999;
}
.popover > .popover-content {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ffffff !important;
  padding: 6px 8px !important;
}
.popover > .popover-title {
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 6px 8px !important;
}
.popover.bottom {
  margin-top: 13px;
}
.popover.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #333333 !important;
}
.popover.left {
  margin-left: -13px;
}
.popover.left > .arrow {
  border-left-color: rgba(0, 0, 0, 0.2) !important;
}
.popover.left > .arrow:after {
  border-left-color: #333333 !important;
}
.popover.right {
  margin-left: 13px;
}
.popover.right > .arrow {
  border-right-color: rgba(0, 0, 0, 0.2) !important;
}
.popover.right > .arrow:after {
  border-right-color: #333333 !important;
}
.popover.top {
  margin-top: -13px;
}
.popover.top > .arrow {
  border-top-color: rgba(0, 0, 0, 0.2) !important;
}
.popover.top > .arrow:after {
  border-top-color: #333333 !important;
}
.popover.light {
  background-color: #ffffff !important;
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.25) !important;
  color: #333333 !important;
}
.popover.light > .popover-content {
  color: #333333 !important;
}
.popover.light > .popover-title {
  color: #333333 !important;
}
.popover.light.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.light.bottom > .arrow:after {
  border-bottom-color: #ffffff !important;
}
.popover.light.left > .arrow {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.light.left > .arrow:after {
  border-left-color: #ffffff !important;
}
.popover.light.right > .arrow {
  border-right-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.light.right > .arrow:after {
  border-right-color: #ffffff !important;
}
.popover.light.top > .arrow {
  border-top-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.light.top > .arrow:after {
  border-top-color: #ffffff !important;
}
.popover.yellow {
  background-color: #FFFFF0 !important;
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.25) !important;
}
.popover.yellow > .popover-content {
  color: #9F9F9F !important;
}
.popover.yellow > .popover-title {
  color: #9F9F9F !important;
}
.popover.yellow.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.yellow.bottom > .arrow:after {
  border-bottom-color: #FFFFF0 !important;
}
.popover.yellow.left > .arrow {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.yellow.left > .arrow:after {
  border-left-color: #FFFFF0 !important;
}
.popover.yellow.right > .arrow {
  border-right-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.yellow.right > .arrow:after {
  border-right-color: #FFFFF0 !important;
}
.popover.yellow.top > .arrow {
  border-top-color: rgba(0, 0, 0, 0.12) !important;
}
.popover.yellow.top > .arrow:after {
  border-top-color: #FFFFF0 !important;
}
.gv-tooltip-container {
  cursor: help;
  position: relative;
}
.gv-tooltip-container.no-hover {
  cursor: pointer;
}
.gv-tooltip-container:not(.no-hover):hover > .gv-tooltip,
.gv-tooltip-container:not(.no-hover):active > .gv-tooltip {
  display: block;
}
.gv-tooltip-container > input[type=checkbox] {
  left: -9999px;
  position: fixed;
  top: -9999px;
}
.gv-tooltip-container > input[type=checkbox]:checked ~ .gv-tooltip {
  display: block;
}
.gv-tooltip-container > .gv-tooltip {
  background-color: #333333;
  border-radius: 6px;
  bottom: 100%;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.0802);
  color: #ffffff;
  display: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  left: 50%;
  line-height: 1.4;
  margin-bottom: 10px;
  padding: 8px 12px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}
.gv-tooltip-container > .gv-tooltip::before {
  border-bottom: 12px solid #333333;
  border-left: 0;
  border-right: 12px solid #333333;
  border-top: 0;
  bottom: -5.5px;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  transform: rotate(45deg);
}
.gv-tooltip-container > .gv-tooltip.bottom {
  bottom: unset;
  margin-bottom: unset;
  margin-top: 10px;
  top: 100%;
}
.gv-tooltip-container > .gv-tooltip.bottom::before {
  bottom: unset;
  top: -5.5px;
  transform: rotate(-45deg);
}
.gv-tooltip-container > .gv-tooltip.left {
  bottom: 50%;
  left: unset;
  right: 100%;
  margin-bottom: 0;
  margin-right: 10px;
  transform: translate(0, 50%);
}
.gv-tooltip-container > .gv-tooltip.left::before {
  bottom: unset;
  left: unset;
  right: -5.5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.btn-default {
  color: #999999;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
:focus-visible {
  outline: auto 1px #4AB37E;
}
a:focus-visible {
  outline: auto 1px #4AB37E;
  outline-offset: unset;
}
.dropdown {
  cursor: pointer;
}
.form-control {
  height: 30px;
  font-size: 13px;
  padding-left: 6px;
  padding-right: 6px;
}
.btn-primary {
  background-color: #4AB37E;
  border-color: #229B60;
  -webkit-box-shadow: 0 1px 1px #216E47;
  box-shadow: 0 1px 1px #216E47;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: #4AB37E;
  border-color: #229B60;
  -webkit-box-shadow: 0 1px 1px #216E47;
  box-shadow: 0 1px 1px #216E47;
}
.btn-info {
  background-color: #646464;
  border-color: #646464;
  -webkit-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-neutral {
  color: #ffffff;
  font-weight: normal;
  background-color: #828282;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: solid 2px #828282;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.btn-neutral.active,
.open .dropdown-toggle.btn-neutral {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-warning {
  background-color: #ad9159;
  border-color: #8F7444;
  -webkit-box-shadow: 0 1px 1px #8F7444;
  box-shadow: 0 1px 1px #8F7444;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-danger {
  background-color: #b44e4e;
  border-color: #b44e4e;
}
.btn-google {
  color: #666666;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
  background: url('https://css.greenvelope.com/pub/_images/google/g-logo.png') no-repeat left center;
  background-size: 40px 40px;
  background-position-x: 18px;
  background-color: #ffffff;
  padding: 20px 12px;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open .dropdown-toggle.btn-google {
  color: #666666;
  background-color: #ffffff;
  border-color: #CCCCCC;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
  background: url('https://css.greenvelope.com/pub/_images/google/g-logo.png') no-repeat left center;
  background-size: 40px 40px;
  background-position-x: 18px;
}
.btn-facebook {
  color: #ffffff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background: url('https://css.greenvelope.com/pub/_images/facebook/FB-f-Logo__blue_50.png') no-repeat left center;
  background-size: 40px 40px;
  background-position-x: 18px;
  background-color: #3B579D;
  padding: 20px 12px;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #666666;
  background-color: #ffffff;
  border-color: #CCCCCC;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background: url('https://css.greenvelope.com/pub/_images/facebook/FB-f-Logo__blue_50.png') no-repeat left center;
  background-size: 40px 40px;
  background-position-x: 18px;
}
.label {
  border-radius: 15px;
  padding: 8px;
  margin-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  font-size: 100%;
}
.label-info {
  background-color: #FADCBC;
  color: #666666;
  border: 1px solid #EFCDAB;
}
.label-danger {
  background-color: #F47967;
}
label {
  font-weight: normal;
}
.alert {
  border-radius: 4px;
  color: #333333;
  font-size: 14px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  padding: 10px 15px;
  vertical-align: middle;
}
.alert strong {
  font-weight: normal;
}
.alert-info {
  background-color: #edf4f7;
  border-color: #5895AC;
}
.alert-warning {
  background-color: #fffbed;
  border-color: #FFD641;
}
.alert-danger,
.alert-error {
  background-color: #f7e6e6;
  border-color: #ED4949;
}
.warning {
  color: #FDF29F;
}
.badge.badge-warning {
  color: #333333 !important;
  background-color: #FDF29F !important;
}
.progress-bar-success {
  background-color: #4AB37E;
}
.progress {
  height: 30px;
}
.whitelink,
.whitelink:hover,
.whitelink:visited,
.whitelink:active,
.whitelink:focus {
  color: white;
}
.graylink,
.graylink:hover,
.graylink:visited,
.graylink:active,
.graylink:focus {
  color: #666666;
}
.white {
  color: #FFFFFF;
}
.caps {
  text-transform: capitalize;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.strikethrough {
  text-decoration: line-through;
}
.gv-underline {
  text-decoration: underline;
}
.panel > .panel-heading {
  border-bottom-width: 2px;
}
.panel-default {
  border-bottom-width: 2px;
}
.panel-default > .panel-heading {
  background-color: #41A7BD;
  border-color: #CCCCCC;
  font-size: 13px;
  color: white;
}
.panel-default > .panel-heading i,
.panel-default > .panel-heading a:not(.btn) {
  color: white;
}
.panel-info {
  border-color: #CCCCCC;
}
.panel-info > .panel-heading {
  background-color: #646464;
  border-color: #CCCCCC;
  font-size: 13px;
  color: white;
  border-bottom: none;
}
.panel-primary {
  border-bottom-width: 2px;
  border-color: #DDD;
}
.panel-primary > .panel-heading {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #666666;
}
.sub-nav {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
}
.sub-nav .item {
  display: inline-block;
  text-align: center;
  padding: 12px 15px 12px 15px;
}
.sub-nav .item a {
  font-size: 13px;
}
.sub-nav .item.active {
  border-bottom: 3px solid #4AB37E;
}
.sub-nav .item.active a,
.sub-nav .item:hover a:not(.disable) {
  color: #666666;
}
.sub-nav .item i {
  font-size: 14px;
  margin-right: 8px;
  color: #999999;
}
.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}
.modal.fade.bottom {
  top: inherit;
}
.modal:focus {
  outline: 0;
}
.modal > .modal-dialog > i.modalClose {
  background-color: #2f2f2f;
  border: 1px solid #999999;
  border-radius: 15px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 26px;
  height: 30px;
  margin: 16px -4px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
  vertical-align: middle;
  z-index: 9999;
}
.modal.preview .modal-dialog {
  width: 98%;
  height: 98%;
  padding: 0;
  padding-top: 12px;
}
.modal.preview .modal-content {
  height: 96%;
}
.modal.preview .modal-body {
  padding: 0;
}
.lang-en {
  display: none;
}
.lang-en:lang(en) {
  display: block;
}
.lang-de {
  display: none;
}
.lang-de:lang(de) {
  display: block;
}
.lang-it {
  display: none;
}
.lang-it:lang(it) {
  display: block;
}
.lang-es {
  display: none;
}
.lang-es:lang(es) {
  display: block;
}
.lang-fr {
  display: none;
}
.lang-fr:lang(fr) {
  display: block;
}
.lang-ru {
  display: none;
}
.lang-ru:lang(ru) {
  display: block;
}
.lang-pt {
  display: none;
}
.lang-pt:lang(pt) {
  display: block;
}
.lang-nl {
  display: none;
}
.lang-nl:lang(nl) {
  display: block;
}
.lang-en.in:lang(en) {
  display: inline;
}
.lang-de.in:lang(de) {
  display: inline;
}
.lang-es.in:lang(es) {
  display: inline;
}
.lang-fr.in:lang(fr) {
  display: inline;
}
.lang-it.in:lang(it) {
  display: inline;
}
.lang-ru.in:lang(ru) {
  display: inline;
}
.lang-pt.in:lang(pt) {
  display: inline;
}
.lang-nl.in:lang(nl) {
  display: inline;
}
.div-table {
  display: table;
}
.div-table-row {
  display: table-row;
}
.div-table-cell {
  display: table-cell;
}
.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-iframe-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.display-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.display-flex.flex-row {
  flex-direction: row;
}
.display-flex.flex-column {
  flex-direction: column;
}
.display-flex.flex-wrap {
  flex-wrap: wrap;
}
.display-flex.flex-nowrap {
  flex-wrap: nowrap;
}
.display-flex.justify-start {
  justify-content: flex-start;
}
.display-flex.justify-end {
  justify-content: flex-end;
}
.display-flex.justify-center {
  justify-content: center;
}
.display-flex.justify-around {
  justify-content: space-around;
}
.display-flex.justify-between {
  justify-content: space-between;
}
.display-flex.justify-evenly {
  justify-content: space-evenly;
}
.display-flex.align-start {
  align-items: flex-start;
}
.display-flex.align-center {
  align-items: center;
}
.display-flex.align-end {
  align-items: flex-end;
}
.flex {
  display: flex;
}
.modal-content {
  border-radius: 0px;
}
.modal-title {
  font-weight: normal;
}
.modal-header {
  border-bottom: 3px solid #E6E6E6;
  background-color: #F3F3F3;
  padding: 10px 15px 10px 15px ;
}
.modal-header .close {
  font-size: 18px;
  margin-top: 4px;
}
.btn-point {
  z-index: 0;
  margin-right: 16px;
  border-bottom-width: 2px;
  position: relative;
  border-radius: 4px 0px 0px 4px;
  border-right-width: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-point:before {
  content: "";
  width: 22px;
  height: 22px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 4px;
  right: -11px;
  z-index: -1;
  border: 1px solid transparent;
  border-right-width: 2px;
  border-radius: 0px 5px 0px 0px;
}
.btn-point:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-point-left {
  z-index: 0;
  margin-right: 16px;
  border-bottom-width: 2px;
  position: relative;
  border-radius: 0px 4px 4px 0px;
  border-left-width: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-point-left:before {
  content: "";
  width: 22px;
  height: 22px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 4px;
  left: -11px;
  z-index: -1;
  border: 1px solid transparent;
  border-bottom-width: 2px;
  border-radius: 0px 0px 0px 5px;
}
.btn-point-left:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ie8 .btn-point:before,
.ie8 .btn-point-left:before {
  display: none;
}
.ie8 .btn-point {
  border-right-width: 1px;
}
.ie8 .btn-point-left {
  border-left-width: 1px;
}
.btn-point.btn-primary:before {
  background-color: #34b475;
  border-right-color: #229b60;
  border-top-color: #229b60;
}
.btn-point.btn-primary:hover:before,
.btn-point.btn-primary:focus:before,
.btn-point.btn-primary:active:before {
  color: #333;
  background-color: #fff;
  border-right-color: #ccc;
  border-top-color: #ccc;
}
.btn-point.btn-default:before {
  color: #333;
  background-color: #fff;
  border-right-color: #ccc;
  border-top-color: #ccc;
}
.btn-point.btn-default:hover:before,
.btn-point.btn-default:active:before {
  background-color: #34b475;
  border-right-color: #229b60;
  border-top-color: #229b60;
}
.btn-point-left.btn-primary:before {
  background-color: #34b475;
  border-left-color: #229b60;
  border-bottom-color: #229b60;
}
.btn-point-left.btn-primary:hover:before,
.btn-point-left.btn-primary:focus:before,
.btn-point-left.btn-primary:active:before {
  color: #333;
  background-color: #fff;
  border-left-color: #ccc;
  border-bottom-color: #ccc;
}
.btn-point-left.btn-default:before {
  color: #333;
  background-color: #fff;
  border-left-color: #ccc;
  border-bottom-color: #ccc;
}
.btn-point-left.btn-default:hover:before,
.btn-point-left.btn-default:active:before {
  background-color: #34b475;
  border-left-color: #229b60;
  border-bottom-color: #229b60;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #CCC !important;
  opacity: 1;
}
input:-moz-placeholder,
input:-moz-placeholder,
select:-moz-placeholder {
  color: #CCC !important;
  opacity: 1;
}
input::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder {
  color: #CCC !important;
  opacity: 1;
}
input:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #CCC !important;
  opacity: 1;
}
.fa-question-sign.pp {
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.margin-0 {
  margin: 0!important;
}
.margin-20 {
  margin: 20px!important;
}
.margin-5 {
  margin: 5px!important;
}
.margin-r-0 {
  margin-right: 0;
}
.margin-r-5 {
  margin-right: 5px;
}
.margin-r-10 {
  margin-right: 10px;
}
.margin-r-15 {
  margin-right: 15px;
}
.margin-r-20 {
  margin-right: 20px;
}
.margin-r-30 {
  margin-right: 30px;
}
.margin-r-40 {
  margin-right: 40px;
}
.margin-r-45 {
  margin-right: 45px!important;
}
.margin-r-50 {
  margin-right: 50px;
}
.margin-l-0 {
  margin-left: 0!important;
}
.margin-l-5 {
  margin-left: 5px;
}
.margin-l-10 {
  margin-left: 10px;
}
.margin-l-15 {
  margin-left: 15px;
}
.margin-l-20 {
  margin-left: 20px;
}
.margin-l-25 {
  margin-left: 25px;
}
.margin-l-30 {
  margin-left: 30px;
}
.margin-l-40 {
  margin-left: 40px;
}
.margin-l-45 {
  margin-left: 45px;
}
.margin-t-0 {
  margin-top: 0;
}
.margin-t-5 {
  margin-top: 5px;
}
.margin-t-10 {
  margin-top: 10px!important;
}
.margin-t-15 {
  margin-top: 15px;
}
.margin-t-20 {
  margin-top: 20px;
}
.margin-t-25 {
  margin-top: 25px;
}
.margin-t-30 {
  margin-top: 30px;
}
.margin-t-40 {
  margin-top: 40px;
}
.margin-t-60 {
  margin-top: 60px;
}
.margin-b-0 {
  margin-bottom: 0!important;
}
.margin-b-5 {
  margin-bottom: 5px;
}
.margin-b-10 {
  margin-bottom: 10px;
}
.margin-b-15 {
  margin-bottom: 15px!important;
}
.margin-b-20 {
  margin-bottom: 20px!important;
}
.margin-b-25 {
  margin-bottom: 25px;
}
.margin-b-30 {
  margin-bottom: 30px;
}
.margin-b-35 {
  margin-bottom: 35px;
}
.margin-b-40 {
  margin-bottom: 40px!important;
}
.margin-b-60 {
  margin-bottom: 60px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-r-0 {
  padding-right: 0px;
}
.padding-r-5 {
  padding-right: 5px;
}
.padding-r-10 {
  padding-right: 10px;
}
.padding-r-15 {
  padding-right: 15px;
}
.padding-r-20 {
  padding-right: 20px;
}
.padding-r-40 {
  padding-right: 40px;
}
.padding-l-0 {
  padding-left: 0px;
}
.padding-l-5 {
  padding-left: 5px;
}
.padding-l-10 {
  padding-left: 10px;
}
.padding-l-15 {
  padding-left: 15px;
}
.padding-l-20 {
  padding-left: 20px;
}
.padding-l-40 {
  padding-left: 40px;
}
.padding-t-5 {
  padding-top: 5px;
}
.padding-t-10 {
  padding-top: 10px;
}
.padding-t-15 {
  padding-top: 15px;
}
.padding-t-20 {
  padding-top: 20px!important;
}
.padding-t-40 {
  padding-top: 40px;
}
.padding-t-60 {
  padding-top: 60px;
}
.padding-b-5 {
  padding-bottom: 5px;
}
.padding-b-10 {
  padding-bottom: 10px;
}
.padding-b-15 {
  padding-bottom: 15px;
}
.padding-b-20 {
  padding-bottom: 20px;
}
.padding-b-40 {
  padding-bottom: 40px;
}
.padding-b-60 {
  padding-bottom: 60px;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-11 {
  font-size: 11px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.font-size-30 {
  font-size: 30px !important;
}
.font-size-32 {
  font-size: 32px !important;
}
.font-size-36 {
  font-size: 36px !important;
}
.font-size-46 {
  font-size: 46px !important;
}
.font-size-48 {
  font-size: 48px !important;
}
.font-size-60 {
  font-size: 60px !important;
}
.font-size-14-pt {
  font-size: 14pt !important;
}
.font-size-36-pt {
  font-size: 36pt !important;
}
.width-40 {
  width: 40px;
}
.width-50 {
  width: 50px;
}
.width-60 {
  width: 60px;
}
.width-65 {
  width: 65px;
}
.width-75 {
  width: 75px;
}
.width-100 {
  width: 100px;
}
.width-150 {
  width: 150px;
}
.width-200 {
  width: 200px;
}
.width-250 {
  width: 250px;
}
.width-300 {
  width: 300px;
}
.width-400 {
  width: 400px;
}
.width-500 {
  width: 500px;
}
.width-600 {
  width: 600px;
}
.width-700 {
  width: 700px;
}
.width-10p {
  width: 10%;
}
.width-15p {
  width: 15%;
}
.width-20p {
  width: 20%;
}
.width-25p {
  width: 25%;
}
.width-30p {
  width: 30%;
}
.width-40p {
  width: 40%;
}
.width-50p {
  width: 50%;
}
.width-60p {
  width: 60%;
}
.width-70p {
  width: 70%;
}
.width-80p {
  width: 80%;
}
.width-90p {
  width: 90%;
}
.width-100p {
  width: 100%;
}
.width-100p-important {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.w-auto {
  width: auto!important;
}
.w-60p {
  width: 60%!important;
}
.block {
  display: block;
}
.printonly {
  display: none;
}
.inline {
  display: inline-block;
}
.text-top {
  vertical-align: text-top !important;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.not-bold {
  font-weight: normal!important;
}
.nowrap {
  white-space: nowrap;
}
.pointer {
  cursor: pointer;
}
.fa-alink {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}
.fa-alink:hover {
  color: #67a0b1;
}
input {
  color: #666666;
}
.gray-link {
  color: inherit;
}
.graymed {
  color: #999999;
}
.grayborderbottom {
  border-bottom: 1px solid #CCCCCC;
}
.relative {
  position: relative;
}
.hidden {
  display: none;
}
.greentext {
  color: #229B60;
}
.white-text-shadow {
  text-shadow: 0 1px 1px #696969;
}
.blur {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
i.fa-tooltip {
  color: #999999 !important;
  cursor: pointer;
  font-size: 14px !important;
}
.btn.btn-default:hover i.fa-tooltip {
  color: #FFF !important;
}
.btn.btn-primary i.fa-tooltip {
  color: #FFF !important;
}
.btn.btn-primary:hover i.fa-tooltip {
  color: #999999 !important;
}
.menuitem i.fa-tooltip {
  color: #216E47 !important;
}
#alertbar {
  position: fixed;
  top: 5px;
  max-width: 600px;
  cursor: pointer;
  display: none;
  text-align: center;
  z-index: 15000;
}
.error {
  color: #CC0000;
  outline: #CC0000 auto 5px;
}
.help-inline {
  color: #CC0000;
  margin-left: 10px;
  font-weight: bold;
}
.help-inline-block {
  color: #CC0000;
  font-weight: bold;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.help-inline-block:before,
.help-inline:before {
  content: "\f06a";
  padding-right: 5px;
  font-size: 14px;
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.no-validation-error .help-inline {
  display: none;
}
.table-new {
  width: 100%;
  background-color: white;
  border: 1px solid #CCCCCC;
  margin-bottom: 20px;
  font-size: 13px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  border-collapse: separate !important;
}
.table-new td {
  padding: 10px;
}
.table-new th {
  padding: 10px;
  background-color: #F1F1F1;
  border-bottom: 2px solid #CCCCCC;
}
.table-new th:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.table-new th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
.bottom-container {
  position: relative;
}
.bottom-container .bottom-content {
  position: absolute;
  bottom: 0px;
}
.design-list-expanded .design-styles {
  padding-top: 15px;
  display: inline-block;
}
.design-list-expanded .design-style {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  cursor: pointer;
  background-position: center;
}
@media (max-width: 479px) {
  .design-list-expanded .design-style {
    width: 20px;
    height: 20px;
  }
}
.design-list-expanded .design-name {
  color: #666666;
  font-size: 24px;
  padding-right: 25px;
}
.design-list-expanded .design-expanded {
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}
.design-list-expanded .related-images {
  margin-left: 30px;
  padding-bottom: 15px;
  padding-top: 25px;
  text-align: center;
}
.design-list-expanded .related-image-1 {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  max-height: 190px;
  max-width: 190px;
  -webkit-transform: rotate(350deg);
  -moz-transform: rotate(350deg);
  -ms-transform: rotate(350deg);
  -o-transform: rotate(350deg);
  transform: rotate(350deg);
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.design-list-expanded .design-image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  margin-left: -20px;
  max-height: 300px;
  max-width: 240px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.design-list-expanded .related-image-2 {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  margin-left: -40px;
  margin-top: 20px;
  max-height: 190px;
  max-width: 180px;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.tiles {
  text-align: center;
  margin-bottom: 30px;
}
.tiles div:not(.browse) {
  display: inline-block;
  position: relative;
  width: 19%;
}
.tiles div.browse {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.tiles div.browse span {
  display: none;
}
.tiles a:hover div.browse span {
  display: inline;
  border: 1px solid #abd0b1;
  color: #abd0b1;
  background-color: #fff;
  padding: 5px 8px;
}
.tiles a img {
  padding: 15px;
  border: 1px solid transparent;
}
.tiles a:hover img {
  padding: 15px;
  border: 1px solid #abd0b1;
  background-color: #fff;
}
.tiles .tile {
  width: 100%;
  min-width: 162px;
}
@media (max-width: 1000px) {
  .design-list-expanded .related-image-1 {
    max-width: 30%;
    height: auto;
  }
  .design-list-expanded .design-image {
    max-width: 40%;
    height: auto;
  }
  .design-list-expanded .related-image-2 {
    max-width: 30%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .design-list-expanded .design-expanded {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .design-list-expanded .related-image-1 {
    display: none;
  }
  .design-list-expanded .related-image-2 {
    display: none;
  }
}
.search-bar {
  height: 43px;
}
.search-bar .col1 {
  display: table-cell;
  background-color: #777;
  padding-top: 10px;
  width: 170px;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #444;
  border-right: none;
}
.search-bar .col2 {
  display: table-cell;
  position: relative;
  background-color: white;
  border: 1px solid #666;
  padding: 5px;
  border-radius: 0 5px 5px 0;
}
.search-bar .col3 {
  display: table-cell;
  width: 295px;
  padding-left: 15px;
}
.search-bar .col3 a {
  color: white;
  font-size: 13px;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  background-color: #777;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #444;
}
.search-bar .col2 input.textbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 5px 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none;
  padding-left: 10px;
  width: 100%;
}
.search-bar .col2 div.tag {
  text-transform: capitalize;
  padding: 5px;
  background-color: #336699;
  border-radius: 5px;
  color: white;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}
.search-bar .col2 div.tag0 {
  background-color: #78478a;
}
.search-bar .col2 div.tag1 {
  background-color: #b65070;
}
.search-bar .col2 div.tag2 {
  background-color: #e5574f;
}
.search-bar .col2 div.tag3 {
  background-color: #f08664;
}
.search-bar .col2 div.tag4 {
  background-color: #ffbb69;
}
.search-bar .col2 div.tag5 {
  background-color: #f4de82;
}
.search-bar .col2 div.tag6 {
  background-color: #c3ce7a;
}
.search-bar .col2 div.tag7 {
  background-color: #88bfb1;
}
.search-bar .col2 div.tag8 {
  background-color: #1d676a;
}
.search-bar .col2 div.tag9 {
  background-color: #00525f;
}
.search-bar .col2 div.tagDesigner {
  background-color: #518C9D;
}
.search-bar .col2 i.clearsearch {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #CCCCCC;
}
.search-bar .col2 i.clearsearch:hover {
  color: #666666;
}
.search-bar .col2.lang-en {
  display: none;
}
.search-bar .col2.lang-en:lang(en) {
  display: table-cell;
}
.search-bar .col2.lang-de {
  display: none;
}
.search-bar .col2.lang-de:lang(de) {
  display: table-cell;
}
.search-bar .col2.lang-es {
  display: none;
}
.search-bar .col2.lang-es:lang(es) {
  display: table-cell;
}
.search-bar .col2.lang-fr {
  display: none;
}
.search-bar .col2.lang-fr:lang(fr) {
  display: table-cell;
}
.search-bar .col2.lang-it {
  display: none;
}
.search-bar .col2.lang-it:lang(it) {
  display: table-cell;
}
.search-bar .col2.lang-ru {
  display: none;
}
.search-bar .col2.lang-ru:lang(ru) {
  display: table-cell;
}
.search-bar .col2.lang-pt {
  display: none;
}
.search-bar .col2.lang-pt:lang(pt) {
  display: table-cell;
}
.search-bar .col2.lang-nl {
  display: none;
}
.search-bar .col2.lang-nl:lang(nl) {
  display: table-cell;
}
.design-custom .sizebox {
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC;
}
.design-custom .sizebox.active {
  border-color: #2BB573;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}
.design-custom .adobe {
  width: 24px;
}
.design-custom {
  width: 100%;
}
.design-custom td {
  width: 25%;
  vertical-align: top;
}
.design-custom .template td {
  text-align: center;
}
.modal-lg {
  width: 883px;
}
@media (max-width: 1000px) {
  .modal-lg {
    width: 100%;
  }
}
.design-list-single {
  margin: 0 auto;
}
.design-list-single a:not(.btn) {
  color: #666666;
}
.design-list-single a:hover {
  text-decoration: underline;
}
.design-list-single h1 {
  font-size: 24px;
  display: flex;
}
.design-list-single h1 > i {
  margin-left: 5px;
}
.design-list-single .designer-image {
  width: 75px;
}
.design-list-single .designer-name {
  font-size: 16px;
}
.design-list-single .design-style {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  cursor: pointer;
  background-position: 50%;
}
.design-list-single .related-design {
  max-width: 200px;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  margin-right: 10px;
}
.design-list-single .design {
  background-color: white;
  margin-top: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  max-width: 800px;
}
.design-list-single .design #divRelated {
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 1;
}
.design-list-single .design #divRelated div.ds-container {
  font-weight: normal;
  margin-bottom: 0;
}
.design-list-single .design #divRelated div.ds-container div.double-sided {
  height: 24px;
  position: relative;
  right: unset;
  width: 32px;
}
.design-list-single .design #divRelated div.ds-container div.double-sided.v1 {
  height: unset;
  width: 100%;
}
.design-list-single .design .ds-container {
  position: relative;
  height: 50px;
  margin: 10px auto;
  font-weight: bold;
}
.design-list-single .design .ds-container .double-sided {
  position: absolute;
  right: 0;
  top: 0;
}
.design-list-single .design .ds-container .double-sided div {
  background: url("https://css.greenvelope.com/pub/_images/design/ds-large.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 46px;
  margin: 5px auto;
}
.design-list-single .design .ds-container .double-sided div:hover,
.design-list-single .design .ds-container .double-sided div:active {
  background: url("https://css.greenvelope.com/pub/_images/design/ds-large-hover.png");
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.design-list-single .design .ds-container .double-sided img {
  margin: 0;
  opacity: 0;
  width: 46px;
}
.design-list-single .design img {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 95%;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.design-list-single .design img.loading {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  background-color: #F1F1F1;
}
.design-list-single .design img.loading#designImage {
  min-height: 400px;
  min-width: 95%;
}
.design-list-single .design img.loading.related-design {
  min-height: 200px;
  min-width: 95%;
}
.design-list-single .design img.related-design {
  margin-bottom: 0.5em;
}
.favorite-star {
  color: #CFCFCF;
  cursor: pointer;
  font-size: 20px;
}
.favorite-star:hover,
.favorite-star.active {
  color: #4AB37E;
}
.design-search-filter-menu {
  width: 425px;
}
@media (max-width: 767px) {
  .design-search-filter-menu {
    width: 280px;
  }
}
.design-search-filter-menu .color {
  border-radius: 50%;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 3px;
  border: 1px solid #CCC;
  cursor: pointer;
  background-position: center;
}
.design-search-filter-menu .color.active {
  border: 1px solid #999;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.design-search-filter-menu .sizebox {
  background-color: #F9F9F9;
  border: 1px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
}
.design-search-filter-menu .sizebox.active {
  border-color: #999;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.design-search-filter-menu .designer {
  width: 165px;
  display: inline-block;
  margin-right: 25px;
  cursor: pointer;
  margin-bottom: 2px;
}
.design-search-filter-menu .designer.active {
  font-weight: bold;
}
.design-search-top-section {
  background-color: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 14px;
}
.design-menu a {
  color: #666666;
}
.top-section-suggestion {
  background-color: #515151;
  padding: 10px 50px 10px 50px;
}
.top-section-suggestion div.tag {
  opacity: 1;
  display: inline-block;
  border: 1px solid #444;
  box-shadow: 0 1px 1px #515151;
  text-shadow: 0 1px 1px #696969;
  margin-bottom: 5px;
  width: 200px;
  height: 50px;
  text-transform: uppercase;
  background-color: #75677F;
  margin-right: 10px;
  border-radius: 7px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  vertical-align: top;
  font-weight: bold;
  padding: 0 10px;
  white-space: normal;
}
.top-section-suggestion div.tag span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 198px;
}
.top-section-suggestion div.tag:hover {
  opacity: 0.85;
}
.top-section-suggestion div.tag0 {
  background-color: #75677F;
}
.top-section-suggestion div.tag1 {
  background-color: #914184;
}
.top-section-suggestion div.tag2 {
  background-color: #9E6693;
}
.top-section-suggestion div.tag3 {
  background-color: #70769F;
}
.top-section-suggestion div.tag4 {
  background-color: #908E9F;
}
.top-section-suggestion div.tag5 {
  background-color: #C485A0;
}
.top-section-suggestion .owl-theme .owl-controls {
  margin: 0;
}
.top-section-suggestion .owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  font-size: 72px;
  background: none;
  opacity: 0.7;
  margin-left: -21px;
  margin-right: -11px;
  margin-top: -33px;
}
.top-section-suggestion .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -20px;
  top: 0;
}
.top-section-suggestion .owl-theme .owl-controls .owl-buttons .owl-prev.disabled {
  display: none;
}
.top-section-suggestion .owl-theme .owl-controls .owl-buttons .owl-next {
  right: -20px;
  top: 0;
}
.top-section-suggestion .owl-theme .owl-controls .owl-buttons .owl-next.disabled {
  display: none;
}
.top-section-language-message {
  padding: 10px 50px 10px 50px;
  font-size: 14px;
  background-color: #F5FCFF;
  border: 1px solid #C0E1F2;
}
.design-search.v2 .btn {
  border-radius: 5px;
  border: none;
  box-shadow: none;
}
.design-search.v2 .form-control {
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 10px;
  min-height: 35px;
  height: unset;
}
.design-search.v2 .form-control:focus {
  border-color: #4AB37E;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.design-search.v2 .preview-animation {
  font-size: 125%;
}
.design-search.v2 h1 {
  font-family: brandon-grotesque;
  font-size: 36px;
  color: #333333;
}
@media (min-width: 992px) {
  .design-search.v2 .container {
    max-width: 1230px;
  }
}
.design-search.v2 ul.autocomplete {
  border-radius: 0 0 4px 4px;
  border-color: #CCCCCC;
  box-shadow: none;
  margin: 5px 0 0 -5px;
  padding: 5px 0;
  background: white;
}
.design-search.v2 ul.autocomplete li:first-child {
  border-radius: 0;
}
.design-search.v2 ul.autocomplete li.active,
.design-search.v2 ul.autocomplete li:hover {
  background: white;
  color: #4AB37E;
}
.design-search.v2 .main-col .design-list-single {
  margin-top: 20px;
}
.design-search.v2 .design-award {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.design-search.v2 .design-list-single h1 {
  font-size: 24px;
}
.design-search.v2 .design-list-single .favorite-star {
  font-size: 24px;
}
.design-search.v2 .design-list-single a.btnV2 {
  color: white;
}
.design-search.v2 .design-list-single a.btnV2:hover {
  text-decoration: none;
}
.design-search.v2 .design-list-single .design-styles {
  margin-top: 10px;
}
.design-search.v2 .design-list-single .design-styles .design-style {
  border: 1px solid #999999;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 4px transparent;
}
.design-search.v2 .design-list-single .design-styles .design-style.active {
  margin: 0 2px;
  padding: 1px;
  box-shadow: 0 0 0 4px #cfcfcf;
}
.design-search.v2 .design-list-single .btn {
  font-family: brandon-grotesque;
  padding: 16px;
  font-size: 20px;
}
.design-search.v2 .design-list-single .btn i {
  vertical-align: bottom;
  margin-left: 10px;
}
.design-search.v2 .design-list-single #btnCustomize {
  font-family: brandon-grotesque;
  margin: 20px 0;
  color: white;
}
.design-search.v2 .design-list-single #btnCustomize:hover {
  text-decoration: none;
}
.design-search.v2 .design-list-single .btn-default {
  color: #4AB37E;
  text-align: left;
  padding-left: 0;
}
.design-search.v2 .design-list-single .btn-default:hover,
.design-search.v2 .design-list-single .btn-default:active,
.design-search.v2 .design-list-single .btn-default:focus {
  color: #216E47;
  background-color: white;
  text-decoration: none;
}
.design-search.v2 .design-list-single .desc {
  margin: 10px 0;
  color: #333333;
}
.design-search.v2 .design-list-single .desc small {
  display: block;
  margin-top: 10px;
  color: #999999;
  font-style: italic;
}
.design-search.v2 .design-list-single .desc small > span.customize {
  align-items: flex-start;
  color: #333333;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-style: normal;
  margin-top: 20px;
}
.design-search.v2 .design-list-single .desc small > span.customize > img {
  margin-right: 10px;
}
.design-search.v2 .design-list-single .desc small > span.customize > span > span:not(:first-child) {
  margin-top: 20px;
}
.design-search.v2 .design-list-single .design {
  border: none;
  border-radius: 6px;
  margin-top: -20px;
  padding: 15px;
}
.design-search.v2 .design-list-single .design img {
  margin: 0 0 20px;
}
.design-search.v2 .design-list-single .ds-container {
  height: unset;
  text-align: center;
  cursor: pointer;
  font-family: brandon-grotesque;
  font-size: 18px;
  margin: 0 auto 20px;
}
.design-search.v2 .design-list-single .ds-container:hover {
  color: #4AB37E;
}
.design-search.v2 .design-list-single .ds-container:hover .double-sided {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large-hover2.png");
}
.design-search.v2 .design-list-single .ds-container span {
  vertical-align: top;
}
.design-search.v2 .design-list-single .ds-container .double-sided {
  display: inline-block;
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  right: unset;
}
.design-search.v2 .design-list-single .ds-container .double-sided img {
  opacity: 0;
  width: unset;
  max-width: unset;
  vertical-align: unset;
}
.design-search.v2 .design-list-single .ds-container .double-sided:hover,
.design-search.v2 .design-list-single .ds-container .double-sided:active {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large-hover2.png");
}
.design-search.v2 .design-list-single .related-designs {
  font-family: brandon-grotesque;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  font-size: 16px;
}
.design-search.v2 .design-list-single .related-designs h2 {
  color: #CCCCCC;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 20px;
}
.design-search.v2 .design-list-single .related-designs .related-designs-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.design-search.v2 .design-list-single .related-designs .related-container {
  display: inline-block;
  max-width: 340px;
  cursor: pointer;
}
.design-search.v2 .design-list-single .related-designs .related-container div {
  font-weight: bold;
  color: #333333;
}
.design-search.v2 .design-list-single .related-designs .related-container div div {
  padding: 20px;
}
.design-search.v2 .design-list-single .related-designs .related-container div:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-search.v2 .design-list-single #designHint,
.design-search.v2 .design-list-single .hint {
  font-size: 12px;
  color: #333;
  background: #e9f7f1;
  border-radius: 6px;
  padding: 10px;
  margin: 24px 0 32px;
}
.design-search.v2 .design-list-single #designHint .heading,
.design-search.v2 .design-list-single .hint .heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.design-search.v2 .design-list-single #designHint .heading .fa-stack,
.design-search.v2 .design-list-single .hint .heading .fa-stack {
  color: #4AB37E;
  margin-right: 5px;
}
.design-search.v2 .design-list-other {
  font-family: brandon-grotesque;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  font-size: 16px;
  width: unset;
}
.design-search.v2 .design-list-other h2 {
  color: #CCCCCC;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 20px;
}
.design-search.v2 .design-list-other .other-container {
  display: inline-block;
  padding: 20px;
  cursor: pointer;
}
.design-search.v2 .design-list-other .other-container div {
  padding: 20px;
}
.design-search.v2 .design-list-other .other-container a {
  font-weight: bold;
  color: #333333;
}
.design-search.v2 .design-list-other .other-container a:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-search.v2 .design-list #tiles {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto;
  max-width: 1440px;
  text-align: center;
}
.design-search.v2 .design-list div.pagination {
  text-align: center;
  padding-bottom: 30px;
  font-size: 14px;
  font-family: 'Open Sans';
  width: 100%;
}
.design-search.v2 .design-list div.pagination > a > label {
  display: none;
}
.design-search.v2 .design-list div.pagination div.page {
  display: inline-block;
  padding-top: 5px;
  margin-top: 5px;
  border-radius: 5px;
  width: 34px;
  height: 33px;
  border: 1px solid #F1F1F1;
  color: #000000;
  cursor: pointer;
}
.design-search.v2 .design-list div.pagination div.page:hover {
  border-color: #4AB37E;
  color: #4AB37E;
}
.design-search.v2 .design-list div.pagination div.disable,
.design-search.v2 .design-list div.pagination div.disable:hover {
  border-color: #F1F1F1;
  color: #F1F1F1;
}
.design-search.v2 .design-list div.pagination div.page.active {
  background-color: #4AB37E;
  border-color: #4AB37E;
  color: #ffffff !important;
}
.design-search.v2 .design-list div.pagination-loading {
  text-align: center;
  padding-bottom: 30px;
}
.design-search.v2 .design-list div.pagination-loading > i {
  color: #229B60;
  font-size: 36px;
}
.design-search.v2 .design-list div.pagination-loading > span {
  color: #666666;
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
.design-search.v2 .design-list div.design {
  display: inline-block;
  margin: 15px 10px 40px 10px;
  width: 275px;
}
.design-search.v2 .design-list div.design div.ds-container {
  cursor: pointer;
  font-family: brandon-grotesque;
  font-size: 16px;
  margin: 0 auto 5px auto;
  position: relative;
  text-align: center;
}
.design-search.v2 .design-list div.design div.ds-container:hover,
.design-search.v2 .design-list div.design div.ds-container:active {
  color: #4AB37E;
}
.design-search.v2 .design-list div.design div.ds-container:hover > .double-sided,
.design-search.v2 .design-list div.design div.ds-container:active > .double-sided {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-small-hover2.png");
}
.design-search.v2 .design-list div.design div.ds-container .double-sided {
  background: url("https://css.greenvelope.com/pub/_images/design/ds-small2.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  height: 25px;
  width: 35px;
}
.design-search.v2 .design-list div.design div.ds-container > span {
  position: relative;
  top: -6px;
}
.design-search.v2 .design-list div.design div.hover-container:hover .design-info > .top-line > .hover-actions > button,
.design-search.v2 .design-list div.design div.hover-container:hover .design-info > .top-line > .hover-actions > span {
  display: block;
}
.design-search.v2 .design-list div.design div.hover-container > div {
  margin: 0 auto;
  position: relative;
}
.design-search.v2 .design-list div.design div.hover-container > div img.design-award {
  bottom: -20px;
  position: absolute;
  right: 4px;
}
.design-search.v2 .design-list div.design div.hover-container > div img.lazy.loading {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  background-color: #F1F1F1;
}
.design-search.v2 .design-list div.design div.hover-container .design-designer {
  margin-top: -3px;
  font-size: 11px;
  display: block;
  color: #666666;
}
.design-search.v2 .design-list div.design div.hover-container .design-image {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.design-search.v2 .design-list div.design div.hover-container .design-info {
  display: block;
  margin: 8px 0 0 0;
  min-height: 115px;
  position: relative;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 50px 5px 50px;
  padding: 0;
  position: relative;
  z-index: 1;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .hover-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  line-height: 20px;
  position: absolute;
  right: 0px;
  top: 0;
  transform: translateX(100%);
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > button {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #666666;
  cursor: pointer;
  display: none;
  font-size: 20px;
  margin-left: 5px;
  padding: 0;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > span {
  cursor: pointer;
  display: none;
  margin-left: 5px;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > span.active {
  display: block;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .design-hint {
  flex: 0 0 auto;
  margin-left: 4px;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .design-hint > i.fa-circle {
  color: #4AB37E;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .design-name {
  color: #666666;
  display: inline-block;
  flex: 0 1 auto;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > img.design-national-park {
  flex: 0 0 auto;
  height: 16px;
  margin-left: 4px;
  width: 16px;
}
.design-search.v2 .design-list div.design div.hover-container .design-info > .top-line > .design-trash {
  display: inline-block;
  flex: 0 0 auto;
  margin-left: 4px;
}
.design-search.v2 .design-list div.design div.hover-container .pick-design2 {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  top: 6px;
  right: 6px;
}
.design-search.v2 .design-list div.design div.hover-container .pick-design2 .btn {
  border-radius: 0;
  font-size: 14px;
}
.design-search.v2 .design-list div.design div.hover-container .pick-design2 .btn:hover {
  background-color: #269D64;
  color: #ffffff;
}
.design-search.v2 .design-list div.design .design-styles {
  padding-top: 15px;
}
.design-search.v2 .design-list div.design .design-styles .design-style {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  cursor: pointer;
  background-position: center;
}
@media (max-width: 479px) {
  .design-search.v2 .design-list div.design .design-styles .design-style {
    width: 20px;
    height: 20px;
  }
}
.design-search.v2 .design-list .tags {
  color: white;
  font-size: 0.875em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 15%;
}
.design-search.v2 .design-list .tags .active-design {
  background: #609BD3;
  border-bottom: 3px solid #4F84B6;
  clear: both;
  display: block;
  float: right;
  margin-bottom: 5px;
  padding: 8px;
  width: 75px;
}
.design-search.v2 .design-list .tags .previous-design {
  background: #808186;
  border-bottom: 3px solid #49494a;
  clear: both;
  display: block;
  float: right;
  margin-bottom: 5px;
  padding: 8px;
}
@media (max-width: 1270px) {
  .design-search.v2 .design-list .design-list .design {
    width: 48%;
  }
}
@media (max-width: 690px) {
  .design-search.v2 .design-list .design-list .design {
    width: 300px;
  }
}
@media (max-width: 479px) {
  .design-search.v2 .design-list .design-list .design .pick-design2 {
    display: block;
  }
}
.design-search.v2 .collection-menu {
  font-family: Helvetica Neue, Arial, sans-serif;
  border-radius: 0 0 4px 4px;
  color: #666666;
  font-size: 12px;
  line-height: 16pt;
  padding: 20px 0 0;
  left: -2px;
  overflow: auto;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}
.design-search.v2 .collection-menu .design-menu {
  padding-bottom: 20px;
}
.design-search.v2 .collection-menu .featured strong {
  font-size: 14px;
}
.design-search.v2 .collection-menu strong {
  color: #333333;
  font-size: 15px;
}
.design-search.v2 .collection-menu a {
  color: #666666;
}
.design-search.v2 .collection-menu a:hover,
.design-search.v2 .collection-menu a strong:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-search.v2 .collection-menu .header {
  font-family: brandon-grotesque;
  margin: 15px 0 5px;
}
.design-search.v2 .collection-menu .panel-body {
  padding: 0 15px;
}
.design-search.v2 .collection-menu .business {
  background: #f9f9f9;
  border-radius: 4px;
  margin-top: -2em;
  padding-top: 2em;
  padding-left: 3em;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .design-search.v2 .collection-menu .business {
    height: unset;
    padding-bottom: 30px;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
@media (max-height: 700px) and (min-height: 300px) {
  .design-search.v2 .collection-menu {
    max-height: 250px;
  }
}
@media (max-height: 700px) and (min-height: 400px) {
  .design-search.v2 .collection-menu {
    max-height: 350px;
  }
}
@media (max-height: 700px) and (min-height: 500px) {
  .design-search.v2 .collection-menu {
    max-height: 450px;
  }
}
@media (max-width: 767px) and (min-height: 700px) {
  .design-search.v2 .collection-menu {
    max-height: 650px;
  }
}
.design-search.v2 .design-search-top-section {
  padding-bottom: 0;
}
.design-search.v2 .design-search-top-section .search-bar {
  font-family: brandon-grotesque;
  font-size: 16px;
}
.design-search.v2 .design-search-top-section .search-bar .col1 {
  background-color: #4AB37E;
  border-color: #4AB37E;
}
@media (max-width: 767px) {
  .design-search.v2 .design-search-top-section .search-bar .col1 {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin: 10px 0;
  }
}
.design-search.v2 .design-search-top-section .search-bar .col2 {
  border-color: #CCCCCC;
}
@media (min-width: 767px) {
  .design-search.v2 .design-search-top-section .search-bar .col2 {
    border-left: none;
  }
}
.design-search.v2 .design-search-top-section .search-bar .col2 i {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}
.design-search.v2 .design-search-top-section .search-bar .col2:focus-within {
  border-color: #4AB37E;
}
.design-search.v2 .design-search-top-section .search-bar .col3 {
  align-self: center;
  text-align: right;
  width: 190px;
}
@media (max-width: 767px) {
  .design-search.v2 .design-search-top-section .search-bar .col3 {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.design-search.v2 .design-search-top-section .search-bar .col3 a {
  padding-right: 0;
  border: none;
  background: none;
  color: #666666;
  font-size: 16px;
}
.design-search.v2 .design-search-top-section .search-bar .col3 a.green {
  color: #4AB37E;
}
.design-search.v2 .design-search-top-section .search-bar .col3 a.green:hover {
  color: #216E47;
}
.design-search.v2 .design-search-top-section .search-bar .col3 a:hover {
  cursor: pointer;
  color: #4AB37E;
  text-decoration: none;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo {
  align-self: center;
  flex: 0 0 auto;
  margin-left: 50px;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 3px 5px;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div > a {
  font-size: 14px;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div > a.remove {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div > a.upload {
  border-radius: 5px 0 0 5px;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div > img {
  border: 1px solid #666666;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin: 0 10px;
  max-height: 46px;
  max-width: 60px;
  overflow: hidden;
  width: auto;
}
.design-search.v2 .design-search-top-section .search-bar .col4.my-photo > div > span {
  color: #333333;
  flex: 0 0 auto;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.design-search.v2 .design-search-top-section.navbar-fixed-top {
  padding: 10px 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.design-search.v2 .filter-dropdown {
  padding-top: 26px;
}
@media (max-width: 767px) {
  .design-search.v2 .filter-dropdown {
    padding-top: 10px;
  }
}
.design-search.v2 .filter-dropdown .btn {
  text-align: left;
  padding: 10px 0;
  border-radius: 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.design-search.v2 .filter-dropdown .btn:hover i,
.design-search.v2 .filter-dropdown .btn:focus i {
  color: #4AB37E;
}
.design-search.v2 #sidebar {
  position: fixed;
  overflow-y: hidden;
  margin-top: 20px;
}
.design-search.v2 #sidebar:hover {
  overflow-y: auto;
}
.design-search.v2 .sidebar__inner {
  padding-bottom: 100px;
}
.design-search.v2 .design-search-filter-menu {
  width: 260px;
  font-size: 14px;
}
.design-search.v2 .design-search-filter-menu .header {
  font-family: brandon-grotesque;
  font-size: 16px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  padding: 10px;
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .design-search.v2 .design-search-filter-menu .header {
    padding-right: 20px;
  }
}
.design-search.v2 .design-search-filter-menu a {
  color: #4AB37E;
}
.design-search.v2 .design-search-filter-menu a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-search.v2 .design-search-filter-menu .section .filter-header {
  font-family: brandon-grotesque;
  font-size: 16px;
  padding: 10px 0;
  cursor: pointer;
  color: #333333;
  text-transform: uppercase;
}
.design-search.v2 .design-search-filter-menu .section .filter-header em {
  color: #999999;
}
.design-search.v2 .design-search-filter-menu .section .filter-header i {
  margin-left: 10px;
}
.design-search.v2 .design-search-filter-menu .section .color {
  margin: 4px;
}
.design-search.v2 .design-search-filter-menu .section .color:hover {
  opacity: 0.5;
}
.design-search.v2 .design-search-filter-menu .section .color.active {
  width: 18px;
  height: 18px;
  margin: 0 2px;
  padding: 1px;
  border: 2px solid white;
  box-shadow: 0 0 0 1px #4AB37E;
}
.design-search.v2 .design-search-filter-menu .section .sizebox {
  border-bottom: 1px solid #CCCCCC;
}
.design-search.v2 .design-search-filter-menu .section .sizebox.portrait {
  width: 41px;
  height: 60px;
}
.design-search.v2 .design-search-filter-menu .section .sizebox.landscapel {
  width: 60px;
  height: 41px;
}
.design-search.v2 .design-search-filter-menu .section .sizebox.square {
  width: 52px;
  height: 52px;
}
.design-search.v2 .design-search-filter-menu .section .sizebox.landscapes {
  width: 40px;
  height: 25px;
}
.design-search.v2 .design-search-filter-menu .section .sizebox:hover {
  background-color: #e0e0e0;
}
.design-search.v2 .design-search-filter-menu .section .sizebox.active {
  border: 1px solid #4AB37E;
  box-shadow: none;
}
.design-search.v2 .design-search-filter-menu .section ul {
  list-style: none;
  margin: 0;
  padding: 5px;
}
.design-search.v2 .design-search-filter-menu .section ul li {
  color: #333333;
  padding: 2px;
}
.design-search.v2 .design-search-filter-menu .section ul li ul {
  padding: 0 10px;
  padding-top: 10px;
}
.design-search.v2 .design-search-filter-menu .section ul li ul li:hover {
  cursor: pointer;
}
.design-search.v2 .design-search-filter-menu .section ul li ul li:hover a {
  color: #4AB37E;
}
.design-search.v2 .design-search-filter-menu .section ul li a {
  padding-left: 12px;
  color: #333333;
}
.design-search.v2 .design-search-filter-menu .section ul li a.active {
  padding-left: 10px;
  border-left: 2px solid #4AB37E;
}
.design-search.v2 .design-search-filter-menu .section ul li label.gv-checkbox a {
  padding-left: 0;
}
.design-search.v2 .design-search-filter-menu .section ul li:hover {
  cursor: pointer;
  color: #4AB37E;
}
.design-search.v2 .design-search-filter-menu .section ul li:hover a {
  color: #4AB37E;
}
.design-search.v2 .design-search-filter-menu .section ul li:hover label.gv-checkbox a {
  color: #333333;
}
.design-search.v2 .design-search-filter-menu .section ul li .show-more {
  padding-left: 24px;
  color: #4AB37E;
  text-transform: initial;
  font-size: 14px;
}
.design-search.v2 .page-design-search .designs {
  position: relative;
}
.design-search.v2 .page-design-search .collection-menu {
  width: unset;
  overflow-x: hidden;
}
.design-search.v2 .page-design-search .feature-collection {
  margin-bottom: 60px;
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-search.v2 .page-design-search .feature-collection h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-search.v2 .page-design-search .feature-collection a {
  color: #4AB37E;
}
.design-search.v2 .page-design-search .feature-collection a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-search.v2 .page-design-search .feature-collection a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-search.v2 .page-design-search .feature-designer {
  margin-bottom: 60px;
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-search.v2 .page-design-search .feature-designer h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-search.v2 .page-design-search .feature-designer a {
  color: #4AB37E;
}
.design-search.v2 .page-design-search .feature-designer a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-search.v2 .page-design-search .feature-designer a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-search.v2 .page-design-search .feature-designer img {
  border: 2px solid #CCCCCC;
}
.design-search.v2 .page-design-search .feature-designer p {
  color: #666666;
}
.design-search.v2 #tiles {
  margin: 0 auto;
}
.design-search.v2 .tiles {
  text-align: left;
}
.design-search.v2 .tiles > ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.design-search.v2 .tiles > ol > li {
  display: flex;
  flex: 0 0 auto;
  margin: 10px;
  max-width: 200px;
  min-width: 180px;
  text-align: center;
  width: calc(20% - 20px);
}
.design-search.v2 .tiles > ol > li > a {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0802);
  cursor: pointer;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}
.design-search.v2 .tiles > ol > li > a:hover {
  border: 1px solid #4AB37E;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.0802);
}
.design-search.v2 .tiles > ol > li > a > picture {
  align-items: center;
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  height: 125px;
}
.design-search.v2 .tiles > ol > li > a > picture > img {
  border: 0;
  padding: 0;
}
.design-search.v2 .tiles > ol > li > a > span {
  display: block;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 15px;
}
.design-search.v2 .tiles > ol > li > a > strong {
  color: #333333;
  flex: 1 0 auto;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.design-search.v2 #divDesignSuggest {
  font-family: brandon-grotesque;
  background-color: #f9f9f9;
  padding: 30px;
  margin-top: 45px;
  margin-bottom: 45px;
}
.design-search.v2 #divDesignSuggest h2 {
  font-family: brandon-grotesque;
  font-size: 36px;
  color: #333333;
}
.design-search.v2 #divDesignSuggest .design-suggest {
  width: 20%;
  min-width: 300px;
  margin: 10px auto 20px auto;
}
.design-search.v2 .signup-form .form-control {
  margin: 0;
}
.design-search.v2 .modal-content {
  border-radius: 6px;
}
.design-search.v2 #modalFilters .modal-body {
  overflow: auto;
}
@media (min-height: 500px) {
  .design-search.v2 #modalFilters .modal-body {
    max-height: 400px;
  }
}
@media (min-height: 700px) {
  .design-search.v2 #modalFilters .modal-body {
    max-height: 600px;
  }
}
@media (min-height: 900px) {
  .design-search.v2 #modalFilters .modal-body {
    max-height: 800px;
  }
}
@media (min-height: 1200px) {
  .design-search.v2 #modalFilters .modal-body {
    max-height: 1100px;
  }
}
@media (max-width: 1023px) {
  .design-search.v2 .topArrows {
    display: block;
    font-size: 24px;
  }
  .design-search.v2 #searchbar {
    padding-bottom: 0;
  }
}
@media (min-width: 1023px) {
  .design-search.v2 .topArrows {
    display: none;
  }
}
@media (max-width: 800px) {
  .design-search.v2 .gv-search-filters.horizontal {
    display: none;
  }
}
@media (max-width: 767px) {
  #modalMyPhoto .modal-title {
    font-size: 24px !important;
  }
  #modalMyPhoto .dropzone {
    border: none;
  }
}
div.container.filters > div {
  align-items: flex-end;
  border-bottom: 1px solid #F1F1F1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 15px auto 10px auto;
  padding: 12px 0 27px 0;
}
div.container.filters > div div.designs-found {
  color: #999999;
  flex: 0 0 auto;
  font-style: italic;
  font-family: brandon-grotesque;
  font-size: 20px;
  margin-left: 15px;
}
div.container.filters div.gv-search-filters.horizontal {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
}
div.container.filters div.gv-search-filters.horizontal > div {
  flex: 0 0 auto;
  position: relative;
}
div.container.filters div.gv-search-filters.horizontal > div.has-filter > a {
  display: block;
}
div.container.filters div.gv-search-filters.horizontal > div.has-filter > button > img {
  display: none;
}
div.container.filters div.gv-search-filters.horizontal > div.has-filter > button > var {
  display: inline-flex;
}
div.container.filters div.gv-search-filters.horizontal > div > a {
  display: none;
  margin-top: 5px;
  position: absolute;
  white-space: nowrap;
}
div.container.filters div.gv-search-filters.horizontal > div > button {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #CFCFCF;
  border-radius: 6px;
  color: #9F9F9F;
  cursor: pointer;
  display: flex;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-size: 16px;
  height: 59px;
  justify-content: space-around;
  line-height: 23px;
  max-width: 125px;
  min-width: 100px;
  padding: 12px 24px;
  transition-duration: 0.25s;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
div.container.filters div.gv-search-filters.horizontal > div > button:active,
div.container.filters div.gv-search-filters.horizontal > div > button:focus,
div.container.filters div.gv-search-filters.horizontal > div > button:hover {
  background-color: #F7F7F7;
  border-color: #666666;
  outline: none;
}
div.container.filters div.gv-search-filters.horizontal > div > button.active {
  background-color: #F7F7F7;
  border-color: #666666;
}
div.container.filters div.gv-search-filters.horizontal > div > button > span {
  margin-left: 10px;
}
div.container.filters div.gv-search-filters.horizontal > div > button > var {
  align-items: center;
  background-color: #4AB37E;
  border-radius: 12px;
  color: #ffffff;
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  min-width: 24px;
}
div.container.filters div.gv-search-filters.horizontal > ul {
  align-items: flex-end;
  display: flex;
  flex: 1 1 auto;
  height: 59px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.container.filters div.gv-search-filters.horizontal > ul > li {
  flex: 1 1 auto;
  margin-left: 15px;
  position: relative;
  max-width: 160px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li.actions {
  flex: 0 0 auto;
}
div.container.filters div.gv-search-filters.horizontal > ul > li.actions > button {
  display: flex;
  font-size: 17px;
  height: 37px;
  padding: 5px 10px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li.open > label > span::after {
  margin-top: -2px;
  transform: rotate(135deg);
}
div.container.filters div.gv-search-filters.horizontal > ul > li.open > ul {
  display: block;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label {
  display: block;
  margin-bottom: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > span {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  height: 37px;
  overflow: hidden;
  padding: 6px 30px 6px 10px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > span::after {
  border-bottom: 2px solid #CFCFCF;
  border-left: 2px solid #CFCFCF;
  content: " ";
  display: block;
  height: 7px;
  margin-top: -6px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 7px;
  transform: rotate(-45deg);
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > span > span.colors-display {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  min-height: 23px;
  width: 100%;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > span > span.colors-display > span {
  flex: 0 1 auto;
  width: 10px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > strong {
  display: block;
  color: #333333;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.571429px;
  line-height: 17px;
  margin-bottom: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > label > strong > var {
  color: #9F9F9F;
  font-style: normal;
  font-weight: normal;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0802);
  box-sizing: border-box;
  display: none;
  left: 0;
  list-style-type: none;
  margin: -1px 0 0 0;
  min-width: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 2;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.anchor-right {
  left: unset;
  right: 0;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li {
  background-color: #ffffff;
  display: flex;
  transition: background-color ease 0.25s;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li.all > label {
  padding: 0 !important;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li.all > label > span {
  padding: 8px 10px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li:hover {
  background-color: #E9F7F1;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li.actions:hover {
  background-color: #ffffff;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li > label {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: 0 !important;
  padding: 8px 10px !important;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li > label > em {
  flex: 0 0 auto;
  margin-right: 10px;
  position: relative;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li > label > em::after {
  left: 5px;
  top: 2px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.checkbox > li > label > span {
  font-size: 16px;
  padding: 0;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.color {
  max-height: 500px;
  overflow-y: auto;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.color > li > label > input[type=checkbox] {
  display: none;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.color > li > label > input[type=checkbox]:checked + span {
  background-color: #4AB37E;
  color: #ffffff;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.color > li > label > span {
  align-items: center;
  display: flex;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.color > li > label > span > span {
  display: block;
  margin-left: 10px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.scroll {
  max-height: 400px;
  overflow-y: auto;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol {
  list-style-type: none;
  font-family: "brandon-grotesque", sans-serif;
  margin: 0;
  padding-left: 0;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li {
  background-color: #ffffff;
  display: flex;
  transition: background-color ease 0.25s;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li:hover {
  background-color: #E9F7F1;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li > label {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  font-family: "brandon-grotesque", sans-serif;
  margin: 0 !important;
  padding: 6px 8px !important;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li > label > em {
  position: relative;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li > label > em::after {
  left: 5px;
  top: 2px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul.text > li > ol > li > label > span {
  font-size: 14px;
  margin-left: 10px;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li.actions > a {
  flex: 1 1 auto;
  padding: 8px 10px;
  text-align: center;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label {
  cursor: pointer;
  display: flex;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  margin-bottom: 0;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label:hover > span {
  background-color: #E9F7F1;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=checkbox],
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=radio] {
  display: none;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=checkbox]:checked + span,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=radio]:checked + span,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=checkbox].checked + span,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=radio].checked + span {
  background-color: #4AB37E;
  color: #ffffff;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=checkbox]:checked + span > small,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=radio]:checked + span > small,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=checkbox].checked + span > small,
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > input[type=radio].checked + span > small {
  border-color: #ABD0B1;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > span {
  align-items: center;
  background-color: #ffffff;
  color: #333333;
  display: flex;
  padding: 8px 10px;
  transition: background-color ease 0.25s;
  white-space: nowrap;
  width: 100%;
}
div.container.filters div.gv-search-filters.horizontal > ul > li > ul > li > label > span > small {
  background-color: #269D64;
  border: 1px solid #269D64;
  border-radius: 3px;
  color: #ffffff;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1.4;
  margin-left: 10px;
  padding: 2px 5px;
  transition: border-color ease 0.25s;
}
div.container.filters div.gv-search-filters.horizontal > ul > li em.color {
  background-position: center;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.0802);
  display: block;
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}
.purchase .title {
  color: graytext;
  text-align: center;
}
.purchase .total .heading {
  margin-bottom: 5px;
}
.purchase .total .heading img {
  width: 75px;
}
.purchase .total .price {
  color: #3e3e3e;
}
.purchase .total .price-detail {
  color: #3e3e3e;
  font-size: 13px;
  margin-bottom: 5px;
}
.purchase .pricing-container {
  background-color: #F0F0F0;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.purchase .member-features {
  color: #999999;
  margin-bottom: 20px;
}
.purchase .member-feature {
  padding-left: 15px;
  margin-bottom: 5px;
  font-size: 13px;
}
.purchase .member-feature .fa {
  font-size: 16px;
  min-width: 30px;
}
.purchase .packages .guestcount {
  background-color: #F1F1F1;
  width: 125px;
  padding: 0;
}
.purchase .packages input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.purchase .packages .guestcount:focus {
  background-color: #FFF;
}
.purchase .packages .guestcountlabel {
  font-size: 16px;
  color: #3e3e3e;
}
.purchase .packages .loading {
  padding-top: 69px;
  padding-bottom: 69px;
  color: #999999;
  background-color: #fff;
}
.purchase .packages .loading:hover {
  background-color: #fff;
}
.purchase .mode-container {
  background-color: #27A868;
  border-top: 1px solid #cccccc;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.purchase .mode-container .mode {
  display: inline-block;
  font-size: 13px;
  padding: 7px 20px;
  margin-bottom: -1px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  color: #eeeeee;
  min-width: 175px;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.purchase .mode-container .mode.active {
  background-color: #fff;
  color: #229B60;
  border: 1px solid #ccc;
  border-bottom: none;
}
.purchase .package-table {
  padding: 20px;
}
.purchase .package-table table {
  width: 100%;
  font-size: 14px;
}
.purchase .package-table table th {
  padding-left: 10px;
}
.purchase .package-table table td {
  padding: 7px;
  padding-left: 10px;
  border: 1px solid #DDD;
  color: #333333;
}
.purchase .package-table table tr.active td {
  background-color: #bfe9f4;
  color: #2fa368;
  font-weight: bold;
}
.purchase .package-table table tr:hover td {
  background-color: #bfe9f4;
}
.purchase .package-table table tr.purchased td {
  color: #999999;
  background-color: #eee;
}
.purchase .package-table table tr.purchased td .price {
  font-style: italic;
}
.purchase .package-table table td.Light {
  color: #a3c4d3;
  border-left: 10px solid #a3c4d3;
}
.purchase .package-table table td.Premium {
  color: #85a2af;
  border-left: 10px solid #85a2af;
}
.purchase .package-table table td.Bronze {
  color: #846330;
  border-left: 10px solid #846330;
}
.purchase .package-table table td.Silver {
  color: #C4C4C4;
  border-left: 10px solid #C4C4C4;
}
.purchase .package-table table td.Gold {
  color: #A29652;
  border-left: 10px solid #A29652;
}
.purchase .package-table table td.Gold5000 {
  color: #9c8f45;
  border-left: 10px solid #9c8f45;
}
.purchase .package-table table td.Gold7500 {
  color: #978a3e;
  border-left: 10px solid #978a3e;
}
.purchase .package-table table td.Gold10000 {
  color: #918438;
  border-left: 10px solid #918438;
}
.purchase .package-table table td.Gold12500 {
  color: #918438;
  border-left: 10px solid #918438;
}
.purchase .package-table table td.Gold15000 {
  color: #8a7d32;
  border-left: 10px solid #8a7d32;
}
.purchase .package-table table td.Gold17500 {
  color: #85782e;
  border-left: 10px solid #85782e;
}
.purchase .package-table table td.Gold20000 {
  color: #7d7128;
  border-left: 10px solid #7d7128;
}
.purchase .package-table table td.Gold30000 {
  color: #766a24;
  border-left: 10px solid #766a24;
}
.purchase .package-table table td.Gold40000 {
  color: #6c611e;
  border-left: 10px solid #6c611e;
}
.purchase .package-table table td.Gold50000 {
  color: #665b1a;
  border-left: 10px solid #665b1a;
}
.purchase .package-table table td.Gold60000 {
  color: #5e5316;
  border-left: 10px solid #5e5316;
}
.purchase .package-table table td.Gold70000 {
  color: #544a11;
  border-left: 10px solid #544a11;
}
.purchase .package-table table td.Gold80000 {
  color: #433b09;
  border-left: 10px solid #433b09;
}
.purchase .package-table table td.Gold90000 {
  color: #383107;
  border-left: 10px solid #383107;
}
.purchase .package-table table td.Gold100000 {
  color: #2a2404;
  border-left: 10px solid #2a2404;
}
.purchase .design-services td.left {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #ddd;
}
.purchase .design-services td.right {
  text-align: center;
  width: 200px;
  background-color: #F1F1F1;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.purchase .design-services .name {
  color: #27A868;
  font-size: 20px;
}
.purchase .design-services .descr {
  padding-top: 10px;
  padding-bottom: 10px;
}
.purchase .design-services .price {
  font-size: 20px;
  padding-bottom: 5px;
}
.purchase .step2 .panel-body {
  padding: 30px;
  font-size: 16px;
}
.purchase .step2 .details {
  font-size: 16px;
}
.purchase .step2 .details table {
  width: 100%;
}
.purchase .step2 .details table td.price {
  text-align: right;
}
.purchase .step2 .details table tr.discount {
  color: #CC0000;
}
.purchase .step2 .details table td {
  padding-bottom: 5px;
}
.purchase .step2 .details table tfoot td {
  border-top: 1px solid #F3F3F3;
  padding-top: 10px;
  font-weight: bold;
}
.purchase .step2 .col-md-2,
.purchase .step2 .col-md-3,
.purchase .step2 .col-md-4,
.purchase .step2 .col-md-5,
.purchase .step2 .col-md-6 {
  padding-right: 10px;
  padding-left: 10px;
}
.purchase .eventworks .name {
  font-size: 16px;
  margin-top: 20px;
  color: white;
  padding: 4px;
  background-color: #8466a1;
}
.purchase .faq .question {
  font-weight: bold;
}
.purchase .faq .answer {
  margin-bottom: 10px;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 6.5px 0;
}
input[type=range]:focus:not(:focus-visible) {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #2bacca;
  border-radius: 0;
  border: 0px solid #dbd58f;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 2px 4px #cccccc, 0 0 2px #d9d9d9;
  border: 1px solid #cccccc;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #46bcd8;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #2bacca;
  border-radius: 0;
  border: 0 solid #dbd58f;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 2px 2px 4px #cccccc, 0 0 2px #d9d9d9;
  border: 1px solid #cccccc;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #248fa8;
  border: 0 solid #dbd58f;
  border-radius: 0;
}
input[type=range]::-ms-fill-upper {
  background: #2bacca;
  border: 0 solid #dbd58f;
  border-radius: 0;
}
input[type=range]::-ms-thumb {
  box-shadow: 2px 2px 4px #cccccc, 0 0 2px #d9d9d9;
  border: 1px solid #cccccc;
  height: 12px;
  width: 12px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2bacca;
}
input[type=range]:focus::-ms-fill-upper {
  background: #46bcd8;
}
.up-down-arrows {
  line-height: 1;
  margin-top: 2px;
  border-spacing: 0;
}
.up-down-arrows td {
  padding: 0;
}
.no-text-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
iframe[name='google_conversion_frame'] {
  left: -300px;
  position: absolute;
}
ul.autocomplete {
  border: 1px solid #999999;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px;
  list-style-type: none;
  margin: 10px 0 0 -4px;
  max-height: 365px;
  overflow: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
ul.autocomplete > li {
  background-color: #ffffff;
  cursor: pointer;
  padding: 6px 12px;
}
ul.autocomplete > li.active {
  background-color: #4AB37E;
  color: #ffffff;
}
ul.autocomplete > li:not(.active):hover {
  background-color: #F1F1F1;
}
ul.autocomplete > li:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.autocomplete > li:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
label > input[type='checkbox'],
label > input[type='radio'] {
  display: inline-block;
  margin-right: 4px;
  vertical-align: baseline;
}
.disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.no-wrap {
  white-space: nowrap;
}
.position-relative {
  position: relative;
}
.text-black {
  color: #333333;
}
body.v2 .ui-datepicker {
  background-color: #ffffff;
  border-radius: 4px;
  border: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.0802);
  font-family: "Open Sans";
  font-size: 12px;
  padding: 8px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header {
  background: #ffffff;
  border: 0;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-next {
  cursor: pointer;
  right: -8px;
  top: 8px;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-next:after {
  content: "";
  display: block;
  border-color: #CFCFCF;
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 8px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 8px;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
  background: rgba(0, 0, 0, 0);
  border: 0;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover:after {
  border-color: #666666;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-next > .ui-icon {
  display: none;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-prev {
  cursor: pointer;
  left: 8px;
  top: 8px;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-prev:before {
  content: "";
  display: block;
  border-color: #CFCFCF;
  border-style: solid;
  border-width: 0 0 2px 2px;
  height: 8px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 8px;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  background: rgba(0, 0, 0, 0);
  border: 0;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover:before {
  border-color: #666666;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-prev > .ui-icon {
  display: none;
}
body.v2 .ui-datepicker > .ui-datepicker-header.ui-widget-header > .ui-datepicker-title {
  background: #ffffff;
  color: #666666;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > tbody > tr > td {
  padding: 2px;
  vertical-align: middle;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > tbody > tr > td > a {
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #333333;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active {
  background: #427e8f;
  border: 1px solid #427e8f;
  color: #ffffff;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-highlight:not(.ui-state-active) {
  border: 1px solid #CFCFCF;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-hover:not(.ui-state-active) {
  background: #FAFAFA;
  border: 1px solid #427e8f;
}
body.v2 .ui-datepicker table.ui-datepicker-calendar > thead > tr > th {
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.qq-uploader .qq-upload-cancel-selector {
  display: none !important;
}
.qq-uploader > dialog {
  background-color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  padding: 25px;
  position: relative;
}
.qq-uploader > dialog.qq-alert-dialog-selector {
  width: 500px;
}
.qq-uploader > dialog a.qq-close {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 4px;
}
.qq-uploader > dialog a.qq-close > i {
  color: #666666;
}
.qq-uploader > dialog a.qq-close:hover > i {
  color: #666666;
}
.qq-uploader > dialog .qq-dialog-header {
  color: #666666;
  display: block;
  text-align: center;
}
.qq-uploader > dialog .qq-dialog-header > img {
  height: 30px;
  width: 30px;
}
.qq-uploader > dialog .qq-dialog-header > span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  margin: 16px 0 20px 0;
}
.qq-uploader > dialog .qq-dialog-message-selector {
  color: #666666;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 25px;
  text-align: center;
}
.qq-uploader.v2 {
  background-color: #E9F7F1;
  overflow: hidden;
}
.qq-uploader.v2.dropzone {
  border-color: #2BB573;
}
.qq-uploader.v2.dropzone .fa {
  border-color: #2BB573;
  color: #2BB573;
}
.qq-uploader.v2 .qq-progress-bar {
  background-color: #2BB573;
}
.qq-uploader.v2 .qq-upload-button {
  color: #2BB573;
}
.qq-uploader.v2 .qq-upload-list {
  box-shadow: none;
}
.qq-uploader.v2 .qq-upload-list li {
  background-color: #ffffff;
}
.gv-audioplayer {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: flex;
  margin: 20px 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-audioplayer > button {
  background-color: #E8E8E8;
  border: none;
  border-radius: 3px 0 0 3px;
  color: #666666;
  flex: 0 0 auto;
  height: 50px;
  padding: 0;
  margin: 0;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: color, background-color;
  transition-timing-function: ease;
  vertical-align: middle;
  width: 80px;
}
.gv-audioplayer > button > i {
  color: #666666;
  display: none;
  font-size: 18px;
  padding: 16px;
  transition: color 0.25s ease;
}
.gv-audioplayer > button > i:hover {
  color: #333333;
}
.gv-audioplayer > button:focus:not(:focus-visible) {
  outline: none;
}
.gv-audioplayer > button:hover {
  background-color: #CFCFCF;
  color: #333333;
  outline: none;
}
.gv-audioplayer > button.pause > i.fa-pause {
  display: block;
}
.gv-audioplayer > button.play > i.fa-play {
  display: block;
}
.gv-audioplayer .actions {
  display: block;
  flex: 1 1 auto;
  margin: 0;
  padding: 0 12px;
  text-align: right;
  white-space: nowrap;
}
.gv-audioplayer .actions > a.button,
.gv-audioplayer .actions > button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  margin: 7px 0;
  height: 36px;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: background-color;
  transition-timing-function: ease;
  vertical-align: middle;
  width: 36px;
}
.gv-audioplayer .actions > a.button:focus,
.gv-audioplayer .actions > button:focus,
.gv-audioplayer .actions > a.button:hover,
.gv-audioplayer .actions > button:hover {
  background-color: #EEEEEE;
  text-decoration: none;
}
.gv-audioplayer .actions > a.button:focus > i,
.gv-audioplayer .actions > button:focus > i,
.gv-audioplayer .actions > a.button:hover > i,
.gv-audioplayer .actions > button:hover > i {
  color: #333333;
}
.gv-audioplayer .actions > a.button:focus:not(:focus-visible),
.gv-audioplayer .actions > button:focus:not(:focus-visible),
.gv-audioplayer .actions > a.button:hover:not(:focus-visible),
.gv-audioplayer .actions > button:hover:not(:focus-visible) {
  outline: none;
}
.gv-audioplayer .actions > a.button > i,
.gv-audioplayer .actions > button > i {
  border-radius: 50%;
  color: #666666;
  transition-duration: 0.25s;
  transition-property: color;
  transition-timing-function: ease;
}
.gv-audioplayer .actions > a.button > i:hover,
.gv-audioplayer .actions > button > i:hover {
  color: #333333;
}
.gv-audioplayer .actions > a.button > i {
  margin-top: 6px;
}
.gv-audioplayer .info {
  display: block;
  flex: 1 1 auto;
  line-height: 50px;
  margin: 0;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.gv-audioplayer .info > input[type=range] {
  position: relative;
  top: 4px;
}
.gv-collapse-panel {
  margin-bottom: 16px;
}
.gv-collapse-panel > [data-role='toggle'] {
  background-color: #EEEEEE;
  border-radius: 4px;
  color: #4AB37E;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 16px 16px 16px 8px;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-collapse-panel > [data-role='toggle']:after {
  content: "";
  border: none;
  border-bottom: 1.5px solid #4AB37E;
  border-left: 1.5px solid #4AB37E;
  border-radius: 1px;
  display: inline-block;
  height: 9px;
  left: 8px;
  position: relative;
  top: -3px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition-duration: 0.25s;
  transition-property: border-bottom, border-left;
  transition-timing-function: ease;
  width: 9px;
}
.gv-collapse-panel > [data-role='toggle']:hover {
  background-color: #E8E8E8;
  color: #269D64;
}
.gv-collapse-panel > [data-role='toggle']:hover:after {
  border-bottom: 1.5px solid #269D64;
  border-left: 1.5px solid #269D64;
}
.gv-collapse-panel > [data-role='content'] {
  display: none;
}
.gv-collapse-panel > [data-role='toggle'].open {
  margin-bottom: 8px;
}
.gv-collapse-panel > [data-role='toggle'].open:after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  top: 2px;
}
.gv-collapse-panel > [data-role='toggle'].open + [data-role='content'] {
  display: block;
}
.gv-form {
  margin-bottom: 24px;
}
.gv-form.flat {
  margin: 0;
}
.gv-form label.gv-input,
.gv-form div.gv-input {
  display: inline-block;
  margin: 8px 0;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  position: relative;
}
.gv-form label.gv-input.btn-end,
.gv-form div.gv-input.btn-end,
.gv-form label.gv-input.btn-start,
.gv-form div.gv-input.btn-start {
  display: flex;
}
.gv-form label.gv-input .input:disabled,
.gv-form div.gv-input .input:disabled,
.gv-form label.gv-input input:disabled,
.gv-form div.gv-input input:disabled,
.gv-form label.gv-input select:disabled,
.gv-form div.gv-input select:disabled,
.gv-form label.gv-input textarea:disabled,
.gv-form div.gv-input textarea:disabled,
.gv-form label.gv-input .input.disabled,
.gv-form div.gv-input .input.disabled,
.gv-form label.gv-input input.disabled,
.gv-form div.gv-input input.disabled,
.gv-form label.gv-input select.disabled,
.gv-form div.gv-input select.disabled,
.gv-form label.gv-input textarea.disabled,
.gv-form div.gv-input textarea.disabled {
  background-color: #FAFAFA !important;
  color: #333333 !important;
  cursor: not-allowed !important;
}
.gv-form label.gv-input .input:focus,
.gv-form div.gv-input .input:focus,
.gv-form label.gv-input input:focus,
.gv-form div.gv-input input:focus,
.gv-form label.gv-input select:focus,
.gv-form div.gv-input select:focus,
.gv-form label.gv-input textarea:focus,
.gv-form div.gv-input textarea:focus,
.gv-form label.gv-input .input.focus,
.gv-form div.gv-input .input.focus,
.gv-form label.gv-input input.focus,
.gv-form div.gv-input input.focus,
.gv-form label.gv-input select.focus,
.gv-form div.gv-input select.focus,
.gv-form label.gv-input textarea.focus,
.gv-form div.gv-input textarea.focus {
  border-color: #4AB37E !important;
  box-shadow: none!important;
  filter: drop-shadow(0px, 0px, 0px, 0px, rgba(0, 0, 0, 0)) !important;
  outline: none!important;
}
.gv-form label.gv-input .input.error:focus,
.gv-form div.gv-input .input.error:focus,
.gv-form label.gv-input input.error:focus,
.gv-form div.gv-input input.error:focus,
.gv-form label.gv-input select.error:focus,
.gv-form div.gv-input select.error:focus,
.gv-form label.gv-input textarea.error:focus,
.gv-form div.gv-input textarea.error:focus,
.gv-form label.gv-input .input.error.focus,
.gv-form div.gv-input .input.error.focus,
.gv-form label.gv-input input.error.focus,
.gv-form div.gv-input input.error.focus,
.gv-form label.gv-input select.error.focus,
.gv-form div.gv-input select.error.focus,
.gv-form label.gv-input textarea.error.focus,
.gv-form div.gv-input textarea.error.focus {
  border-color: rgba(0, 0, 0, 0) !important;
  outline: #CC0000 auto 5px !important;
}
.gv-form label.gv-input > .input,
.gv-form div.gv-input > .input,
.gv-form label.gv-input > input[type='date'],
.gv-form div.gv-input > input[type='date'],
.gv-form label.gv-input > input[type='datetime'],
.gv-form div.gv-input > input[type='datetime'],
.gv-form label.gv-input > input[type='datetime-local'],
.gv-form div.gv-input > input[type='datetime-local'],
.gv-form label.gv-input > input[type='email'],
.gv-form div.gv-input > input[type='email'],
.gv-form label.gv-input > input[type='month'],
.gv-form div.gv-input > input[type='month'],
.gv-form label.gv-input > input[type='number'],
.gv-form div.gv-input > input[type='number'],
.gv-form label.gv-input > input[type='password'],
.gv-form div.gv-input > input[type='password'],
.gv-form label.gv-input > input[type='search'],
.gv-form div.gv-input > input[type='search'],
.gv-form label.gv-input > input[type='tel'],
.gv-form div.gv-input > input[type='tel'],
.gv-form label.gv-input > input[type='text'],
.gv-form div.gv-input > input[type='text'],
.gv-form label.gv-input > input[type='time'],
.gv-form div.gv-input > input[type='time'],
.gv-form label.gv-input > input[type='url'],
.gv-form div.gv-input > input[type='url'],
.gv-form label.gv-input > input[type='week'],
.gv-form div.gv-input > input[type='week'],
.gv-form label.gv-input > select,
.gv-form div.gv-input > select,
.gv-form label.gv-input > textarea,
.gv-form div.gv-input > textarea {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  color: #666666;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  padding: 8px 10px;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  text-decoration: none;
  vertical-align: middle;
}
.gv-form label.gv-input > .input.btn-ended,
.gv-form div.gv-input > .input.btn-ended,
.gv-form label.gv-input > input[type='date'].btn-ended,
.gv-form div.gv-input > input[type='date'].btn-ended,
.gv-form label.gv-input > input[type='datetime'].btn-ended,
.gv-form div.gv-input > input[type='datetime'].btn-ended,
.gv-form label.gv-input > input[type='datetime-local'].btn-ended,
.gv-form div.gv-input > input[type='datetime-local'].btn-ended,
.gv-form label.gv-input > input[type='email'].btn-ended,
.gv-form div.gv-input > input[type='email'].btn-ended,
.gv-form label.gv-input > input[type='month'].btn-ended,
.gv-form div.gv-input > input[type='month'].btn-ended,
.gv-form label.gv-input > input[type='number'].btn-ended,
.gv-form div.gv-input > input[type='number'].btn-ended,
.gv-form label.gv-input > input[type='password'].btn-ended,
.gv-form div.gv-input > input[type='password'].btn-ended,
.gv-form label.gv-input > input[type='search'].btn-ended,
.gv-form div.gv-input > input[type='search'].btn-ended,
.gv-form label.gv-input > input[type='tel'].btn-ended,
.gv-form div.gv-input > input[type='tel'].btn-ended,
.gv-form label.gv-input > input[type='text'].btn-ended,
.gv-form div.gv-input > input[type='text'].btn-ended,
.gv-form label.gv-input > input[type='time'].btn-ended,
.gv-form div.gv-input > input[type='time'].btn-ended,
.gv-form label.gv-input > input[type='url'].btn-ended,
.gv-form div.gv-input > input[type='url'].btn-ended,
.gv-form label.gv-input > input[type='week'].btn-ended,
.gv-form div.gv-input > input[type='week'].btn-ended,
.gv-form label.gv-input > select.btn-ended,
.gv-form div.gv-input > select.btn-ended,
.gv-form label.gv-input > textarea.btn-ended,
.gv-form div.gv-input > textarea.btn-ended {
  border-radius: 4px 0 0 4px;
}
.gv-form label.gv-input > .input.btn-started,
.gv-form div.gv-input > .input.btn-started,
.gv-form label.gv-input > input[type='date'].btn-started,
.gv-form div.gv-input > input[type='date'].btn-started,
.gv-form label.gv-input > input[type='datetime'].btn-started,
.gv-form div.gv-input > input[type='datetime'].btn-started,
.gv-form label.gv-input > input[type='datetime-local'].btn-started,
.gv-form div.gv-input > input[type='datetime-local'].btn-started,
.gv-form label.gv-input > input[type='email'].btn-started,
.gv-form div.gv-input > input[type='email'].btn-started,
.gv-form label.gv-input > input[type='month'].btn-started,
.gv-form div.gv-input > input[type='month'].btn-started,
.gv-form label.gv-input > input[type='number'].btn-started,
.gv-form div.gv-input > input[type='number'].btn-started,
.gv-form label.gv-input > input[type='password'].btn-started,
.gv-form div.gv-input > input[type='password'].btn-started,
.gv-form label.gv-input > input[type='search'].btn-started,
.gv-form div.gv-input > input[type='search'].btn-started,
.gv-form label.gv-input > input[type='tel'].btn-started,
.gv-form div.gv-input > input[type='tel'].btn-started,
.gv-form label.gv-input > input[type='text'].btn-started,
.gv-form div.gv-input > input[type='text'].btn-started,
.gv-form label.gv-input > input[type='time'].btn-started,
.gv-form div.gv-input > input[type='time'].btn-started,
.gv-form label.gv-input > input[type='url'].btn-started,
.gv-form div.gv-input > input[type='url'].btn-started,
.gv-form label.gv-input > input[type='week'].btn-started,
.gv-form div.gv-input > input[type='week'].btn-started,
.gv-form label.gv-input > select.btn-started,
.gv-form div.gv-input > select.btn-started,
.gv-form label.gv-input > textarea.btn-started,
.gv-form div.gv-input > textarea.btn-started {
  border-radius: 0 4px 4px 0;
}
.gv-form label.gv-input > .input.w-auto,
.gv-form div.gv-input > .input.w-auto,
.gv-form label.gv-input > input[type='date'].w-auto,
.gv-form div.gv-input > input[type='date'].w-auto,
.gv-form label.gv-input > input[type='datetime'].w-auto,
.gv-form div.gv-input > input[type='datetime'].w-auto,
.gv-form label.gv-input > input[type='datetime-local'].w-auto,
.gv-form div.gv-input > input[type='datetime-local'].w-auto,
.gv-form label.gv-input > input[type='email'].w-auto,
.gv-form div.gv-input > input[type='email'].w-auto,
.gv-form label.gv-input > input[type='month'].w-auto,
.gv-form div.gv-input > input[type='month'].w-auto,
.gv-form label.gv-input > input[type='number'].w-auto,
.gv-form div.gv-input > input[type='number'].w-auto,
.gv-form label.gv-input > input[type='password'].w-auto,
.gv-form div.gv-input > input[type='password'].w-auto,
.gv-form label.gv-input > input[type='search'].w-auto,
.gv-form div.gv-input > input[type='search'].w-auto,
.gv-form label.gv-input > input[type='tel'].w-auto,
.gv-form div.gv-input > input[type='tel'].w-auto,
.gv-form label.gv-input > input[type='text'].w-auto,
.gv-form div.gv-input > input[type='text'].w-auto,
.gv-form label.gv-input > input[type='time'].w-auto,
.gv-form div.gv-input > input[type='time'].w-auto,
.gv-form label.gv-input > input[type='url'].w-auto,
.gv-form div.gv-input > input[type='url'].w-auto,
.gv-form label.gv-input > input[type='week'].w-auto,
.gv-form div.gv-input > input[type='week'].w-auto,
.gv-form label.gv-input > select.w-auto,
.gv-form div.gv-input > select.w-auto,
.gv-form label.gv-input > textarea.w-auto,
.gv-form div.gv-input > textarea.w-auto {
  width: auto!important;
}
.gv-form label.gv-input > .input.w-60p,
.gv-form div.gv-input > .input.w-60p,
.gv-form label.gv-input > input[type='date'].w-60p,
.gv-form div.gv-input > input[type='date'].w-60p,
.gv-form label.gv-input > input[type='datetime'].w-60p,
.gv-form div.gv-input > input[type='datetime'].w-60p,
.gv-form label.gv-input > input[type='datetime-local'].w-60p,
.gv-form div.gv-input > input[type='datetime-local'].w-60p,
.gv-form label.gv-input > input[type='email'].w-60p,
.gv-form div.gv-input > input[type='email'].w-60p,
.gv-form label.gv-input > input[type='month'].w-60p,
.gv-form div.gv-input > input[type='month'].w-60p,
.gv-form label.gv-input > input[type='number'].w-60p,
.gv-form div.gv-input > input[type='number'].w-60p,
.gv-form label.gv-input > input[type='password'].w-60p,
.gv-form div.gv-input > input[type='password'].w-60p,
.gv-form label.gv-input > input[type='search'].w-60p,
.gv-form div.gv-input > input[type='search'].w-60p,
.gv-form label.gv-input > input[type='tel'].w-60p,
.gv-form div.gv-input > input[type='tel'].w-60p,
.gv-form label.gv-input > input[type='text'].w-60p,
.gv-form div.gv-input > input[type='text'].w-60p,
.gv-form label.gv-input > input[type='time'].w-60p,
.gv-form div.gv-input > input[type='time'].w-60p,
.gv-form label.gv-input > input[type='url'].w-60p,
.gv-form div.gv-input > input[type='url'].w-60p,
.gv-form label.gv-input > input[type='week'].w-60p,
.gv-form div.gv-input > input[type='week'].w-60p,
.gv-form label.gv-input > select.w-60p,
.gv-form div.gv-input > select.w-60p,
.gv-form label.gv-input > textarea.w-60p,
.gv-form div.gv-input > textarea.w-60p {
  width: 60%!important;
}
.gv-form label.gv-input > .input.w-100p,
.gv-form div.gv-input > .input.w-100p,
.gv-form label.gv-input > input[type='date'].w-100p,
.gv-form div.gv-input > input[type='date'].w-100p,
.gv-form label.gv-input > input[type='datetime'].w-100p,
.gv-form div.gv-input > input[type='datetime'].w-100p,
.gv-form label.gv-input > input[type='datetime-local'].w-100p,
.gv-form div.gv-input > input[type='datetime-local'].w-100p,
.gv-form label.gv-input > input[type='email'].w-100p,
.gv-form div.gv-input > input[type='email'].w-100p,
.gv-form label.gv-input > input[type='month'].w-100p,
.gv-form div.gv-input > input[type='month'].w-100p,
.gv-form label.gv-input > input[type='number'].w-100p,
.gv-form div.gv-input > input[type='number'].w-100p,
.gv-form label.gv-input > input[type='password'].w-100p,
.gv-form div.gv-input > input[type='password'].w-100p,
.gv-form label.gv-input > input[type='search'].w-100p,
.gv-form div.gv-input > input[type='search'].w-100p,
.gv-form label.gv-input > input[type='tel'].w-100p,
.gv-form div.gv-input > input[type='tel'].w-100p,
.gv-form label.gv-input > input[type='text'].w-100p,
.gv-form div.gv-input > input[type='text'].w-100p,
.gv-form label.gv-input > input[type='time'].w-100p,
.gv-form div.gv-input > input[type='time'].w-100p,
.gv-form label.gv-input > input[type='url'].w-100p,
.gv-form div.gv-input > input[type='url'].w-100p,
.gv-form label.gv-input > input[type='week'].w-100p,
.gv-form div.gv-input > input[type='week'].w-100p,
.gv-form label.gv-input > select.w-100p,
.gv-form div.gv-input > select.w-100p,
.gv-form label.gv-input > textarea.w-100p,
.gv-form div.gv-input > textarea.w-100p {
  width: 100%!important;
}
.gv-form label.gv-input > .input > input,
.gv-form div.gv-input > .input > input,
.gv-form label.gv-input > input[type='date'] > input,
.gv-form div.gv-input > input[type='date'] > input,
.gv-form label.gv-input > input[type='datetime'] > input,
.gv-form div.gv-input > input[type='datetime'] > input,
.gv-form label.gv-input > input[type='datetime-local'] > input,
.gv-form div.gv-input > input[type='datetime-local'] > input,
.gv-form label.gv-input > input[type='email'] > input,
.gv-form div.gv-input > input[type='email'] > input,
.gv-form label.gv-input > input[type='month'] > input,
.gv-form div.gv-input > input[type='month'] > input,
.gv-form label.gv-input > input[type='number'] > input,
.gv-form div.gv-input > input[type='number'] > input,
.gv-form label.gv-input > input[type='password'] > input,
.gv-form div.gv-input > input[type='password'] > input,
.gv-form label.gv-input > input[type='search'] > input,
.gv-form div.gv-input > input[type='search'] > input,
.gv-form label.gv-input > input[type='tel'] > input,
.gv-form div.gv-input > input[type='tel'] > input,
.gv-form label.gv-input > input[type='text'] > input,
.gv-form div.gv-input > input[type='text'] > input,
.gv-form label.gv-input > input[type='time'] > input,
.gv-form div.gv-input > input[type='time'] > input,
.gv-form label.gv-input > input[type='url'] > input,
.gv-form div.gv-input > input[type='url'] > input,
.gv-form label.gv-input > input[type='week'] > input,
.gv-form div.gv-input > input[type='week'] > input,
.gv-form label.gv-input > select > input,
.gv-form div.gv-input > select > input,
.gv-form label.gv-input > textarea > input,
.gv-form div.gv-input > textarea > input,
.gv-form label.gv-input > .input select,
.gv-form div.gv-input > .input select,
.gv-form label.gv-input > input[type='date'] select,
.gv-form div.gv-input > input[type='date'] select,
.gv-form label.gv-input > input[type='datetime'] select,
.gv-form div.gv-input > input[type='datetime'] select,
.gv-form label.gv-input > input[type='datetime-local'] select,
.gv-form div.gv-input > input[type='datetime-local'] select,
.gv-form label.gv-input > input[type='email'] select,
.gv-form div.gv-input > input[type='email'] select,
.gv-form label.gv-input > input[type='month'] select,
.gv-form div.gv-input > input[type='month'] select,
.gv-form label.gv-input > input[type='number'] select,
.gv-form div.gv-input > input[type='number'] select,
.gv-form label.gv-input > input[type='password'] select,
.gv-form div.gv-input > input[type='password'] select,
.gv-form label.gv-input > input[type='search'] select,
.gv-form div.gv-input > input[type='search'] select,
.gv-form label.gv-input > input[type='tel'] select,
.gv-form div.gv-input > input[type='tel'] select,
.gv-form label.gv-input > input[type='text'] select,
.gv-form div.gv-input > input[type='text'] select,
.gv-form label.gv-input > input[type='time'] select,
.gv-form div.gv-input > input[type='time'] select,
.gv-form label.gv-input > input[type='url'] select,
.gv-form div.gv-input > input[type='url'] select,
.gv-form label.gv-input > input[type='week'] select,
.gv-form div.gv-input > input[type='week'] select,
.gv-form label.gv-input > select select,
.gv-form div.gv-input > select select,
.gv-form label.gv-input > textarea select,
.gv-form div.gv-input > textarea select,
.gv-form label.gv-input > .input textarea,
.gv-form div.gv-input > .input textarea,
.gv-form label.gv-input > input[type='date'] textarea,
.gv-form div.gv-input > input[type='date'] textarea,
.gv-form label.gv-input > input[type='datetime'] textarea,
.gv-form div.gv-input > input[type='datetime'] textarea,
.gv-form label.gv-input > input[type='datetime-local'] textarea,
.gv-form div.gv-input > input[type='datetime-local'] textarea,
.gv-form label.gv-input > input[type='email'] textarea,
.gv-form div.gv-input > input[type='email'] textarea,
.gv-form label.gv-input > input[type='month'] textarea,
.gv-form div.gv-input > input[type='month'] textarea,
.gv-form label.gv-input > input[type='number'] textarea,
.gv-form div.gv-input > input[type='number'] textarea,
.gv-form label.gv-input > input[type='password'] textarea,
.gv-form div.gv-input > input[type='password'] textarea,
.gv-form label.gv-input > input[type='search'] textarea,
.gv-form div.gv-input > input[type='search'] textarea,
.gv-form label.gv-input > input[type='tel'] textarea,
.gv-form div.gv-input > input[type='tel'] textarea,
.gv-form label.gv-input > input[type='text'] textarea,
.gv-form div.gv-input > input[type='text'] textarea,
.gv-form label.gv-input > input[type='time'] textarea,
.gv-form div.gv-input > input[type='time'] textarea,
.gv-form label.gv-input > input[type='url'] textarea,
.gv-form div.gv-input > input[type='url'] textarea,
.gv-form label.gv-input > input[type='week'] textarea,
.gv-form div.gv-input > input[type='week'] textarea,
.gv-form label.gv-input > select textarea,
.gv-form div.gv-input > select textarea,
.gv-form label.gv-input > textarea textarea,
.gv-form div.gv-input > textarea textarea {
  display: block;
  width: 100%;
}
.gv-form label.gv-input.block,
.gv-form div.gv-input.block {
  display: block;
  width: 100%!important;
}
.gv-form label.gv-input.date,
.gv-form div.gv-input.date,
.gv-form label.gv-input.icon,
.gv-form div.gv-input.icon,
.gv-form label.gv-input.search,
.gv-form div.gv-input.search,
.gv-form label.gv-input.time,
.gv-form div.gv-input.time {
  width: auto;
}
.gv-form label.gv-input.date > .input,
.gv-form div.gv-input.date > .input,
.gv-form label.gv-input.icon > .input,
.gv-form div.gv-input.icon > .input,
.gv-form label.gv-input.search > .input,
.gv-form div.gv-input.search > .input,
.gv-form label.gv-input.time > .input,
.gv-form div.gv-input.time > .input,
.gv-form label.gv-input.date > input,
.gv-form div.gv-input.date > input,
.gv-form label.gv-input.icon > input,
.gv-form div.gv-input.icon > input,
.gv-form label.gv-input.search > input,
.gv-form div.gv-input.search > input,
.gv-form label.gv-input.time > input,
.gv-form div.gv-input.time > input {
  padding-right: 36px;
}
.gv-form label.gv-input.date:before,
.gv-form div.gv-input.date:before,
.gv-form label.gv-input.icon:before,
.gv-form div.gv-input.icon:before,
.gv-form label.gv-input.search:before,
.gv-form div.gv-input.search:before,
.gv-form label.gv-input.time:before,
.gv-form div.gv-input.time:before {
  color: #666666;
  content: '';
  display: inline-block;
  float: right;
  font-family: "Font Awesome 5 Pro";
  font-size: 17px;
  font-weight: 400;
  left: -28px;
  position: relative;
  top: 6px;
  transition: color 0.25s ease;
  width: 0;
}
.gv-form label.gv-input.date.date:before,
.gv-form div.gv-input.date.date:before,
.gv-form label.gv-input.icon.date:before,
.gv-form div.gv-input.icon.date:before,
.gv-form label.gv-input.search.date:before,
.gv-form div.gv-input.search.date:before,
.gv-form label.gv-input.time.date:before,
.gv-form div.gv-input.time.date:before {
  content: '\f133';
}
.gv-form label.gv-input.date.search:before,
.gv-form div.gv-input.date.search:before,
.gv-form label.gv-input.icon.search:before,
.gv-form div.gv-input.icon.search:before,
.gv-form label.gv-input.search.search:before,
.gv-form div.gv-input.search.search:before,
.gv-form label.gv-input.time.search:before,
.gv-form div.gv-input.time.search:before {
  content: '\f002';
}
.gv-form label.gv-input.date.time.timepicker > .input,
.gv-form div.gv-input.date.time.timepicker > .input,
.gv-form label.gv-input.icon.time.timepicker > .input,
.gv-form div.gv-input.icon.time.timepicker > .input,
.gv-form label.gv-input.search.time.timepicker > .input,
.gv-form div.gv-input.search.time.timepicker > .input,
.gv-form label.gv-input.time.time.timepicker > .input,
.gv-form div.gv-input.time.time.timepicker > .input {
  padding: 0;
}
.gv-form label.gv-input.date.time.timepicker > .input > .gv-timepicker > span,
.gv-form div.gv-input.date.time.timepicker > .input > .gv-timepicker > span,
.gv-form label.gv-input.icon.time.timepicker > .input > .gv-timepicker > span,
.gv-form div.gv-input.icon.time.timepicker > .input > .gv-timepicker > span,
.gv-form label.gv-input.search.time.timepicker > .input > .gv-timepicker > span,
.gv-form div.gv-input.search.time.timepicker > .input > .gv-timepicker > span,
.gv-form label.gv-input.time.time.timepicker > .input > .gv-timepicker > span,
.gv-form div.gv-input.time.time.timepicker > .input > .gv-timepicker > span {
  padding: 8px 36px 8px 10px;
}
.gv-form label.gv-input.date.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form div.gv-input.date.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form label.gv-input.icon.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form div.gv-input.icon.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form label.gv-input.search.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form div.gv-input.search.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form label.gv-input.time.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown,
.gv-form div.gv-input.time.time.timepicker > .input > .gv-timepicker > .gv-timepicker-dropdown {
  margin: 1px 0 0 -1px;
}
.gv-form label.gv-input.date:after,
.gv-form div.gv-input.date:after,
.gv-form label.gv-input.icon:after,
.gv-form div.gv-input.icon:after,
.gv-form label.gv-input.search:after,
.gv-form div.gv-input.search:after,
.gv-form label.gv-input.time:after,
.gv-form div.gv-input.time:after {
  content: "";
  display: block;
}
.gv-form label.gv-input.inline,
.gv-form div.gv-input.inline {
  width: auto;
}
.gv-form label.gv-input.flat,
.gv-form div.gv-input.flat {
  margin-bottom: 0;
}
.gv-form label.gv-input.mini,
.gv-form div.gv-input.mini {
  margin: 0;
}
.gv-form label.gv-input.mini > .input,
.gv-form div.gv-input.mini > .input,
.gv-form label.gv-input.mini > input[type='date'],
.gv-form div.gv-input.mini > input[type='date'],
.gv-form label.gv-input.mini > input[type='datetime'],
.gv-form div.gv-input.mini > input[type='datetime'],
.gv-form label.gv-input.mini > input[type='datetime-local'],
.gv-form div.gv-input.mini > input[type='datetime-local'],
.gv-form label.gv-input.mini > input[type='email'],
.gv-form div.gv-input.mini > input[type='email'],
.gv-form label.gv-input.mini > input[type='month'],
.gv-form div.gv-input.mini > input[type='month'],
.gv-form label.gv-input.mini > input[type='number'],
.gv-form div.gv-input.mini > input[type='number'],
.gv-form label.gv-input.mini > input[type='password'],
.gv-form div.gv-input.mini > input[type='password'],
.gv-form label.gv-input.mini > input[type='search'],
.gv-form div.gv-input.mini > input[type='search'],
.gv-form label.gv-input.mini > input[type='tel'],
.gv-form div.gv-input.mini > input[type='tel'],
.gv-form label.gv-input.mini > input[type='text'],
.gv-form div.gv-input.mini > input[type='text'],
.gv-form label.gv-input.mini > input[type='time'],
.gv-form div.gv-input.mini > input[type='time'],
.gv-form label.gv-input.mini > input[type='url'],
.gv-form div.gv-input.mini > input[type='url'],
.gv-form label.gv-input.mini > input[type='week'],
.gv-form div.gv-input.mini > input[type='week'],
.gv-form label.gv-input.mini > select,
.gv-form div.gv-input.mini > select,
.gv-form label.gv-input.mini > textarea,
.gv-form div.gv-input.mini > textarea {
  font-size: 12px;
  padding: 6px 10px;
}
.gv-form label.gv-input.mini > .gv-dropdown-wrapper,
.gv-form div.gv-input.mini > .gv-dropdown-wrapper {
  position: relative;
  font-size: 14px;
}
.gv-form label.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-menu > li > a,
.gv-form div.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-menu > li > a {
  font-size: 14px;
  padding: 6px 10px;
}
.gv-form label.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-menu > li:first-child > a,
.gv-form div.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-menu > li:first-child > a {
  padding: 6px 34px 6px 10px;
}
.gv-form label.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-toggle,
.gv-form div.gv-input.mini > .gv-dropdown-wrapper > .gv-dropdown-toggle {
  font-size: 14px;
  padding: 6px 26px 6px 10px;
}
.gv-form label.gv-input.mini.date:before,
.gv-form div.gv-input.mini.date:before,
.gv-form label.gv-input.mini.icon:before,
.gv-form div.gv-input.mini.icon:before,
.gv-form label.gv-input.mini.search:before,
.gv-form div.gv-input.mini.search:before,
.gv-form label.gv-input.mini.time:before,
.gv-form div.gv-input.mini.time:before {
  font-size: 12px;
  left: -22px;
  top: 7px;
}
.gv-form label.gv-input.mini.date > .input,
.gv-form div.gv-input.mini.date > .input,
.gv-form label.gv-input.mini.icon > .input,
.gv-form div.gv-input.mini.icon > .input,
.gv-form label.gv-input.mini.search > .input,
.gv-form div.gv-input.mini.search > .input,
.gv-form label.gv-input.mini.time > .input,
.gv-form div.gv-input.mini.time > .input,
.gv-form label.gv-input.mini.date > input,
.gv-form div.gv-input.mini.date > input,
.gv-form label.gv-input.mini.icon > input,
.gv-form div.gv-input.mini.icon > input,
.gv-form label.gv-input.mini.search > input,
.gv-form div.gv-input.mini.search > input,
.gv-form label.gv-input.mini.time > input,
.gv-form div.gv-input.mini.time > input {
  padding-right: 30px;
}
.gv-form label.gv-input > .double,
.gv-form div.gv-input > .double {
  display: inline-block;
  vertical-align: middle;
}
.gv-form label.gv-input > .double:after,
.gv-form div.gv-input > .double:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.gv-form label.gv-input > .double label.gv-input,
.gv-form div.gv-input > .double label.gv-input,
.gv-form label.gv-input > .double div.gv-input,
.gv-form div.gv-input > .double div.gv-input {
  width: 48%;
  margin-bottom: 0;
}
.gv-form label.gv-input > .double label.gv-input:before,
.gv-form div.gv-input > .double label.gv-input:before,
.gv-form label.gv-input > .double div.gv-input:before,
.gv-form div.gv-input > .double div.gv-input:before {
  left: -25px;
  top: 7px;
}
.gv-form label.gv-input > .double label.gv-input:last-child,
.gv-form div.gv-input > .double label.gv-input:last-child,
.gv-form label.gv-input > .double div.gv-input:last-child,
.gv-form div.gv-input > .double div.gv-input:last-child {
  float: right;
}
.gv-form label.gv-input > .double label.gv-input > .input,
.gv-form div.gv-input > .double label.gv-input > .input,
.gv-form label.gv-input > .double div.gv-input > .input,
.gv-form div.gv-input > .double div.gv-input > .input,
.gv-form label.gv-input > .double label.gv-input > input,
.gv-form div.gv-input > .double label.gv-input > input,
.gv-form label.gv-input > .double div.gv-input > input,
.gv-form div.gv-input > .double div.gv-input > input,
.gv-form label.gv-input > .double label.gv-input > select,
.gv-form div.gv-input > .double label.gv-input > select,
.gv-form label.gv-input > .double div.gv-input > select,
.gv-form div.gv-input > .double div.gv-input > select,
.gv-form label.gv-input > .double label.gv-input > textarea,
.gv-form div.gv-input > .double label.gv-input > textarea,
.gv-form label.gv-input > .double div.gv-input > textarea,
.gv-form div.gv-input > .double div.gv-input > textarea,
.gv-form label.gv-input > .double label.gv-input > div.gv-dropdown-wrapper,
.gv-form div.gv-input > .double label.gv-input > div.gv-dropdown-wrapper,
.gv-form label.gv-input > .double div.gv-input > div.gv-dropdown-wrapper,
.gv-form div.gv-input > .double div.gv-input > div.gv-dropdown-wrapper {
  display: inline-block;
  width: 100%;
}
.gv-form label.gv-input > .single,
.gv-form div.gv-input > .single {
  display: inline-block;
  vertical-align: middle;
}
.gv-form label.gv-input > .single label.gv-input,
.gv-form div.gv-input > .single label.gv-input {
  width: 100%;
  margin-bottom: 0;
}
.gv-form label.gv-input > .single label.gv-input:before,
.gv-form div.gv-input > .single label.gv-input:before {
  left: -25px;
  top: 7px;
}
.gv-form label.gv-input > .single label.gv-input > .input,
.gv-form div.gv-input > .single label.gv-input > .input,
.gv-form label.gv-input > .single label.gv-input > input,
.gv-form div.gv-input > .single label.gv-input > input,
.gv-form label.gv-input > .single label.gv-input > select,
.gv-form div.gv-input > .single label.gv-input > select,
.gv-form label.gv-input > .single label.gv-input > textarea,
.gv-form div.gv-input > .single label.gv-input > textarea,
.gv-form label.gv-input > .single label.gv-input > div.gv-dropdown-wrapper,
.gv-form div.gv-input > .single label.gv-input > div.gv-dropdown-wrapper {
  display: inline-block;
  width: 100%;
}
.gv-form label.gv-input > span:not(.input),
.gv-form div.gv-input > span:not(.input),
.gv-form label.gv-input .form-content,
.gv-form div.gv-input .form-content {
  display: inline-block;
  font-size: 14px;
  margin: 0 4px 0 0;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
.gv-form label.gv-input > span:not(.input).form-content,
.gv-form div.gv-input > span:not(.input).form-content,
.gv-form label.gv-input .form-content.form-content,
.gv-form div.gv-input .form-content.form-content {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.gv-form label.gv-input > span:not(.input).text-right,
.gv-form div.gv-input > span:not(.input).text-right,
.gv-form label.gv-input .form-content.text-right,
.gv-form div.gv-input .form-content.text-right {
  text-align: right;
}
.gv-form label.gv-input > span:not(.input).w1of2,
.gv-form div.gv-input > span:not(.input).w1of2,
.gv-form label.gv-input .form-content.w1of2,
.gv-form div.gv-input .form-content.w1of2 {
  margin-right: 1%!important;
  width: 48%!important;
}
.gv-form label.gv-input > span:not(.input).w1of2 ~ .input,
.gv-form div.gv-input > span:not(.input).w1of2 ~ .input,
.gv-form label.gv-input .form-content.w1of2 ~ .input,
.gv-form div.gv-input .form-content.w1of2 ~ .input,
.gv-form label.gv-input > span:not(.input).w1of2 ~ .double,
.gv-form div.gv-input > span:not(.input).w1of2 ~ .double,
.gv-form label.gv-input .form-content.w1of2 ~ .double,
.gv-form div.gv-input .form-content.w1of2 ~ .double,
.gv-form label.gv-input > span:not(.input).w1of2 ~ input,
.gv-form div.gv-input > span:not(.input).w1of2 ~ input,
.gv-form label.gv-input .form-content.w1of2 ~ input,
.gv-form div.gv-input .form-content.w1of2 ~ input,
.gv-form label.gv-input > span:not(.input).w1of2 ~ select,
.gv-form div.gv-input > span:not(.input).w1of2 ~ select,
.gv-form label.gv-input .form-content.w1of2 ~ select,
.gv-form div.gv-input .form-content.w1of2 ~ select,
.gv-form label.gv-input > span:not(.input).w1of2 ~ .single,
.gv-form div.gv-input > span:not(.input).w1of2 ~ .single,
.gv-form label.gv-input .form-content.w1of2 ~ .single,
.gv-form div.gv-input .form-content.w1of2 ~ .single,
.gv-form label.gv-input > span:not(.input).w1of2 ~ textarea,
.gv-form div.gv-input > span:not(.input).w1of2 ~ textarea,
.gv-form label.gv-input .form-content.w1of2 ~ textarea,
.gv-form div.gv-input .form-content.w1of2 ~ textarea,
.gv-form label.gv-input > span:not(.input).w1of2 ~ .form-content,
.gv-form div.gv-input > span:not(.input).w1of2 ~ .form-content,
.gv-form label.gv-input .form-content.w1of2 ~ .form-content,
.gv-form div.gv-input .form-content.w1of2 ~ .form-content,
.gv-form label.gv-input > span:not(.input).w1of2 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input > span:not(.input).w1of2 ~ div.gv-dropdown-wrapper,
.gv-form label.gv-input .form-content.w1of2 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input .form-content.w1of2 ~ div.gv-dropdown-wrapper {
  width: 50%;
}
.gv-form label.gv-input > span:not(.input).w1of2 ~ span.help-inline,
.gv-form div.gv-input > span:not(.input).w1of2 ~ span.help-inline,
.gv-form label.gv-input .form-content.w1of2 ~ span.help-inline,
.gv-form div.gv-input .form-content.w1of2 ~ span.help-inline {
  margin-left: 50%;
}
.gv-form label.gv-input > span:not(.input).w1of3,
.gv-form div.gv-input > span:not(.input).w1of3,
.gv-form label.gv-input .form-content.w1of3,
.gv-form div.gv-input .form-content.w1of3 {
  margin-right: 1%!important;
  width: 31%!important;
}
.gv-form label.gv-input > span:not(.input).w1of3 ~ .input,
.gv-form div.gv-input > span:not(.input).w1of3 ~ .input,
.gv-form label.gv-input .form-content.w1of3 ~ .input,
.gv-form div.gv-input .form-content.w1of3 ~ .input,
.gv-form label.gv-input > span:not(.input).w1of3 ~ .double,
.gv-form div.gv-input > span:not(.input).w1of3 ~ .double,
.gv-form label.gv-input .form-content.w1of3 ~ .double,
.gv-form div.gv-input .form-content.w1of3 ~ .double,
.gv-form label.gv-input > span:not(.input).w1of3 ~ input,
.gv-form div.gv-input > span:not(.input).w1of3 ~ input,
.gv-form label.gv-input .form-content.w1of3 ~ input,
.gv-form div.gv-input .form-content.w1of3 ~ input,
.gv-form label.gv-input > span:not(.input).w1of3 ~ select,
.gv-form div.gv-input > span:not(.input).w1of3 ~ select,
.gv-form label.gv-input .form-content.w1of3 ~ select,
.gv-form div.gv-input .form-content.w1of3 ~ select,
.gv-form label.gv-input > span:not(.input).w1of3 ~ .single,
.gv-form div.gv-input > span:not(.input).w1of3 ~ .single,
.gv-form label.gv-input .form-content.w1of3 ~ .single,
.gv-form div.gv-input .form-content.w1of3 ~ .single,
.gv-form label.gv-input > span:not(.input).w1of3 ~ textarea,
.gv-form div.gv-input > span:not(.input).w1of3 ~ textarea,
.gv-form label.gv-input .form-content.w1of3 ~ textarea,
.gv-form div.gv-input .form-content.w1of3 ~ textarea,
.gv-form label.gv-input > span:not(.input).w1of3 ~ .form-content,
.gv-form div.gv-input > span:not(.input).w1of3 ~ .form-content,
.gv-form label.gv-input .form-content.w1of3 ~ .form-content,
.gv-form div.gv-input .form-content.w1of3 ~ .form-content,
.gv-form label.gv-input > span:not(.input).w1of3 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input > span:not(.input).w1of3 ~ div.gv-dropdown-wrapper,
.gv-form label.gv-input .form-content.w1of3 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input .form-content.w1of3 ~ div.gv-dropdown-wrapper {
  width: 66%;
}
.gv-form label.gv-input > span:not(.input).w1of3 ~ span.help-inline,
.gv-form div.gv-input > span:not(.input).w1of3 ~ span.help-inline,
.gv-form label.gv-input .form-content.w1of3 ~ span.help-inline,
.gv-form div.gv-input .form-content.w1of3 ~ span.help-inline {
  margin-left: 33%;
}
.gv-form label.gv-input > span:not(.input).w1of4,
.gv-form div.gv-input > span:not(.input).w1of4,
.gv-form label.gv-input .form-content.w1of4,
.gv-form div.gv-input .form-content.w1of4 {
  margin-right: 1%!important;
  width: 23%!important;
}
.gv-form label.gv-input > span:not(.input).w1of4 ~ .input,
.gv-form div.gv-input > span:not(.input).w1of4 ~ .input,
.gv-form label.gv-input .form-content.w1of4 ~ .input,
.gv-form div.gv-input .form-content.w1of4 ~ .input,
.gv-form label.gv-input > span:not(.input).w1of4 ~ .double,
.gv-form div.gv-input > span:not(.input).w1of4 ~ .double,
.gv-form label.gv-input .form-content.w1of4 ~ .double,
.gv-form div.gv-input .form-content.w1of4 ~ .double,
.gv-form label.gv-input > span:not(.input).w1of4 ~ input,
.gv-form div.gv-input > span:not(.input).w1of4 ~ input,
.gv-form label.gv-input .form-content.w1of4 ~ input,
.gv-form div.gv-input .form-content.w1of4 ~ input,
.gv-form label.gv-input > span:not(.input).w1of4 ~ select,
.gv-form div.gv-input > span:not(.input).w1of4 ~ select,
.gv-form label.gv-input .form-content.w1of4 ~ select,
.gv-form div.gv-input .form-content.w1of4 ~ select,
.gv-form label.gv-input > span:not(.input).w1of4 ~ .single,
.gv-form div.gv-input > span:not(.input).w1of4 ~ .single,
.gv-form label.gv-input .form-content.w1of4 ~ .single,
.gv-form div.gv-input .form-content.w1of4 ~ .single,
.gv-form label.gv-input > span:not(.input).w1of4 ~ textarea,
.gv-form div.gv-input > span:not(.input).w1of4 ~ textarea,
.gv-form label.gv-input .form-content.w1of4 ~ textarea,
.gv-form div.gv-input .form-content.w1of4 ~ textarea,
.gv-form label.gv-input > span:not(.input).w1of4 ~ .form-content,
.gv-form div.gv-input > span:not(.input).w1of4 ~ .form-content,
.gv-form label.gv-input .form-content.w1of4 ~ .form-content,
.gv-form div.gv-input .form-content.w1of4 ~ .form-content,
.gv-form label.gv-input > span:not(.input).w1of4 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input > span:not(.input).w1of4 ~ div.gv-dropdown-wrapper,
.gv-form label.gv-input .form-content.w1of4 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input .form-content.w1of4 ~ div.gv-dropdown-wrapper {
  width: 75%;
}
.gv-form label.gv-input > span:not(.input).w1of4 ~ span.help-inline,
.gv-form div.gv-input > span:not(.input).w1of4 ~ span.help-inline,
.gv-form label.gv-input .form-content.w1of4 ~ span.help-inline,
.gv-form div.gv-input .form-content.w1of4 ~ span.help-inline {
  margin-left: 25%;
}
.gv-form label.gv-input > span:not(.input).w1of10,
.gv-form div.gv-input > span:not(.input).w1of10,
.gv-form label.gv-input .form-content.w1of10,
.gv-form div.gv-input .form-content.w1of10 {
  margin-right: 1%!important;
  width: 9%!important;
}
.gv-form label.gv-input > span:not(.input).w1of10 ~ .input,
.gv-form div.gv-input > span:not(.input).w1of10 ~ .input,
.gv-form label.gv-input .form-content.w1of10 ~ .input,
.gv-form div.gv-input .form-content.w1of10 ~ .input,
.gv-form label.gv-input > span:not(.input).w1of10 ~ .double,
.gv-form div.gv-input > span:not(.input).w1of10 ~ .double,
.gv-form label.gv-input .form-content.w1of10 ~ .double,
.gv-form div.gv-input .form-content.w1of10 ~ .double,
.gv-form label.gv-input > span:not(.input).w1of10 ~ input,
.gv-form div.gv-input > span:not(.input).w1of10 ~ input,
.gv-form label.gv-input .form-content.w1of10 ~ input,
.gv-form div.gv-input .form-content.w1of10 ~ input,
.gv-form label.gv-input > span:not(.input).w1of10 ~ select,
.gv-form div.gv-input > span:not(.input).w1of10 ~ select,
.gv-form label.gv-input .form-content.w1of10 ~ select,
.gv-form div.gv-input .form-content.w1of10 ~ select,
.gv-form label.gv-input > span:not(.input).w1of10 ~ .single,
.gv-form div.gv-input > span:not(.input).w1of10 ~ .single,
.gv-form label.gv-input .form-content.w1of10 ~ .single,
.gv-form div.gv-input .form-content.w1of10 ~ .single,
.gv-form label.gv-input > span:not(.input).w1of10 ~ textarea,
.gv-form div.gv-input > span:not(.input).w1of10 ~ textarea,
.gv-form label.gv-input .form-content.w1of10 ~ textarea,
.gv-form div.gv-input .form-content.w1of10 ~ textarea,
.gv-form label.gv-input > span:not(.input).w1of10 ~ .form-content,
.gv-form div.gv-input > span:not(.input).w1of10 ~ .form-content,
.gv-form label.gv-input .form-content.w1of10 ~ .form-content,
.gv-form div.gv-input .form-content.w1of10 ~ .form-content,
.gv-form label.gv-input > span:not(.input).w1of10 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input > span:not(.input).w1of10 ~ div.gv-dropdown-wrapper,
.gv-form label.gv-input .form-content.w1of10 ~ div.gv-dropdown-wrapper,
.gv-form div.gv-input .form-content.w1of10 ~ div.gv-dropdown-wrapper {
  width: 89%;
}
.gv-form label.gv-input > span:not(.input).w1of10 ~ span.help-inline,
.gv-form div.gv-input > span:not(.input).w1of10 ~ span.help-inline,
.gv-form label.gv-input .form-content.w1of10 ~ span.help-inline,
.gv-form div.gv-input .form-content.w1of10 ~ span.help-inline {
  margin-left: 11%;
}
.gv-form label.gv-input > span.help-inline,
.gv-form div.gv-input > span.help-inline {
  display: block;
  margin: 8px 4px;
  text-transform: none;
}
.gv-form label.gv-input.required > span:first-child:after,
.gv-form div.gv-input.required > span:first-child:after,
.gv-form label.gv-input.required > p:first-child:after,
.gv-form div.gv-input.required > p:first-child:after {
  content: '*';
  color: #4AB37E;
  display: inline;
  font-size: 18px;
  margin-left: 8px;
}
.gv-form label.gv-input.stacked > span,
.gv-form div.gv-input.stacked > span {
  display: block;
  margin-bottom: 16px;
  width: 100%;
}
.gv-form label.gv-input.stacked > .input,
.gv-form div.gv-input.stacked > .input,
.gv-form label.gv-input.stacked > input,
.gv-form div.gv-input.stacked > input,
.gv-form label.gv-input.stacked > select,
.gv-form div.gv-input.stacked > select,
.gv-form label.gv-input.stacked > textarea,
.gv-form div.gv-input.stacked > textarea,
.gv-form label.gv-input.stacked > div.gv-dropdown-wrapper,
.gv-form div.gv-input.stacked > div.gv-dropdown-wrapper {
  display: block;
  margin-bottom: 16px;
  width: 100%;
}
.gv-form label.gv-input.stacked.date:before,
.gv-form div.gv-input.stacked.date:before,
.gv-form label.gv-input.stacked.icon:before,
.gv-form div.gv-input.stacked.icon:before,
.gv-form label.gv-input.stacked.search:before,
.gv-form div.gv-input.stacked.search:before,
.gv-form label.gv-input.stacked.time:before,
.gv-form div.gv-input.stacked.time:before {
  top: 42px;
}
.gv-form label.gv-input.stacked.mini > span,
.gv-form div.gv-input.stacked.mini > span {
  font-size: 13px;
  margin-bottom: 10px;
}
.gv-form label.gv-input.stacked.mini > .input,
.gv-form div.gv-input.stacked.mini > .input,
.gv-form label.gv-input.stacked.mini > input,
.gv-form div.gv-input.stacked.mini > input,
.gv-form label.gv-input.stacked.mini > select,
.gv-form div.gv-input.stacked.mini > select,
.gv-form label.gv-input.stacked.mini > textarea,
.gv-form div.gv-input.stacked.mini > textarea,
.gv-form label.gv-input.stacked.mini > div.gv-dropdown-wrapper,
.gv-form div.gv-input.stacked.mini > div.gv-dropdown-wrapper {
  margin-bottom: 10px;
}
.gv-form label.gv-input.stacked.mini.date:before,
.gv-form div.gv-input.stacked.mini.date:before,
.gv-form label.gv-input.stacked.mini.icon:before,
.gv-form div.gv-input.stacked.mini.icon:before,
.gv-form label.gv-input.stacked.mini.search:before,
.gv-form div.gv-input.stacked.mini.search:before,
.gv-form label.gv-input.stacked.mini.time:before,
.gv-form div.gv-input.stacked.mini.time:before {
  top: 34px;
}
.gv-form label.gv-input > .double > label.gv-input.time > input:not(.open) + .input.timepicker,
.gv-form div.gv-input > .double > label.gv-input.time > input:not(.open) + .input.timepicker {
  display: none;
}
.gv-form label.gv-input > .double > label.gv-input.time > input.open + .input.timepicker,
.gv-form div.gv-input > .double > label.gv-input.time > input.open + .input.timepicker {
  display: inline-block;
}
.gv-form .gv-section {
  margin-top: 24px;
}
.gv-form .gv-section:not(:first-child) {
  border-top: 1px solid #E8E8E8;
  padding-top: 24px;
}
.gv-form .gv-section.flat {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.gv-form .gv-section.no-line {
  border-top: none;
  margin-top: 16px;
  padding-top: 0;
}
.gv-form .gv-section .gv-subsection {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin: 8px 0;
  padding: 20px;
}
.gv-form .gv-section .gv-subsection.no-line {
  border: none;
  border-radius: 0;
  padding: 0;
}
.gv-form .heading {
  color: #CFCFCF;
  display: block;
  font-weight: bold;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.gv-form .note {
  color: #CFCFCF;
  display: block;
  font-size: 12px;
  margin: 5px 0 0 0;
}
.gv-form .offset1of2 {
  margin-left: 50%;
}
.gv-form .offset1of3 {
  margin-left: 33%;
}
.gv-form .offset1of4 {
  margin-left: 25%;
}
.gv-form .offset1of10 {
  margin-left: 11%;
}
.gv-form .w1of1 {
  margin-right: 0!important;
  width: 100%!important;
}
.gv-form .w1of2 {
  display: inline-block;
  margin-right: 2%!important;
  width: 48%!important;
}
.gv-form .w1of2:last-child {
  margin-right: 0!important;
}
.gv-form .w1of3 {
  display: inline-block;
  margin-right: 2%!important;
  width: 31%!important;
}
.gv-form .w1of3:last-child {
  margin-right: 0!important;
}
.gv-form .w1of4 {
  display: inline-block;
  margin-right: 2%!important;
  width: 23%!important;
}
.gv-form .w1of4:last-child {
  margin-right: 0!important;
}
.gv-form .w1of5 {
  display: inline-block;
  margin-right: 2%!important;
  width: 18%!important;
}
.gv-form .w1of5:last-child {
  margin-right: 0!important;
}
.gv-form .w1of6 {
  display: inline-block;
  margin-right: 2%!important;
  width: 14%!important;
}
.gv-form .w1of6:last-child {
  margin-right: 0!important;
}
.gv-form .w1of10 {
  display: inline-block;
  margin-right: 2%!important;
  width: 8%!important;
}
.gv-form .w1of10:last-child {
  margin-right: 0!important;
}
.gv-form .w1of12 {
  display: inline-block;
  margin-right: 2%!important;
  width: 6%!important;
}
.gv-form .w1of12:last-child {
  margin-right: 0!important;
}
.gv-form .w3of4 {
  display: inline-block;
  margin-right: 2%!important;
  width: 73%!important;
}
.gv-form .w3of4:last-child {
  margin-right: 0!important;
}
.gv-form .w3of10 {
  display: inline-block;
  margin-right: 2%!important;
  width: 28%!important;
}
.gv-form .w3of10:last-child {
  margin-right: 0!important;
}
.gv-header {
  margin-bottom: 35px;
}
.gv-header .gv-header-top {
  display: flex;
}
.gv-header .gv-header-top > h1 {
  color: #666666;
  flex: 1 1 auto;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  vertical-align: top;
}
.gv-header .gv-header-top > div {
  flex: 1 1 auto;
  position: relative;
  text-align: right;
}
.gv-header > ol.gv-header-nav {
  display: flex;
  list-style-type: none;
  margin: 24px 0 0 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-header > ol.gv-header-nav > li {
  border-bottom: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  flex: 1 1 auto;
  font-size: 14px;
  padding: 0;
}
.gv-header > ol.gv-header-nav > li > a {
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  color: #4AB37E;
  display: block;
  padding: 18px 2px 14px 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.25s;
  transition-property: border-bottom-color, color;
  transition-timing-function: ease;
}
.gv-header > ol.gv-header-nav > li > a:hover {
  color: #666666;
  border-bottom-color: #CFCFCF;
}
.gv-header > ol.gv-header-nav > li > a em.gv-badge {
  background-color: #269D64;
  border-radius: 7px;
  color: #ffffff;
  display: inline-block;
  font-family: 'Open Sans';
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  height: 15px;
  min-width: 15px;
  overflow: hidden;
  padding: 0 4px;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: -4px;
  white-space: nowrap;
}
.gv-header > ol.gv-header-nav > li > a em.gv-badge > var {
  display: inline-block;
  left: calc(50% - 0.5px);
  position: relative;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%);
}
.gv-header > ol.gv-header-nav > li > a > i {
  color: #666666;
  display: inline-block;
  margin: 0 3px;
}
.gv-header > ol.gv-header-nav > li > a > span {
  margin: 0 3px;
  white-space: nowrap;
}
.gv-header > ol.gv-header-nav > li.active > a {
  border-bottom-color: #269D64;
  color: #666666;
  font-weight: bold;
}
.gv-header > ol.gv-header-nav > li.active > a > i {
  font-weight: 400;
}
.gv-inline-edit.gv-form {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  padding: 15px;
  width: 270px;
}
.gv-inline-edit.gv-form > .btnV2 {
  width: 45%;
}
.gv-inline-edit.gv-form > label.gv-input {
  margin: 0 0 12px 0;
}
a.gv-link {
  color: #4AB37E !important;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  opacity: 1;
  transition-duration: 0.25s;
  transition-property: color, opacity;
  transition-timing-function: ease;
}
a.gv-link:link,
a.gv-link:visited,
a.gv-link:active {
  color: #4AB37E !important;
  text-decoration: none !important;
}
a.gv-link:link > i.fa,
a.gv-link:visited > i.fa,
a.gv-link:active > i.fa,
a.gv-link:link > i.fal,
a.gv-link:visited > i.fal,
a.gv-link:active > i.fal,
a.gv-link:link > i.far,
a.gv-link:visited > i.far,
a.gv-link:active > i.far,
a.gv-link:link > i.fas,
a.gv-link:visited > i.fas,
a.gv-link:active > i.fas {
  color: #4AB37E !important;
  transition-duration: 0.25s;
  transition-property: color;
  transition-timing-function: ease;
}
a.gv-link:focus {
  color: #269D64 !important;
  text-decoration: none !important;
}
a.gv-link:focus > i.fa,
a.gv-link:focus > i.fal,
a.gv-link:focus > i.far,
a.gv-link:focus > i.fas {
  color: #269D64 !important;
}
a.gv-link:hover {
  color: #269D64 !important;
  text-decoration: none !important;
  outline: none;
}
a.gv-link:hover > i.fa,
a.gv-link:hover > i.fal,
a.gv-link:hover > i.far,
a.gv-link:hover > i.fas {
  color: #269D64 !important;
}
a.gv-link.disabled {
  opacity: 0.5;
}
a.gv-link.dark {
  color: #666666 !important;
}
a.gv-link.dark:link,
a.gv-link.dark:visited,
a.gv-link.dark:active {
  color: #666666 !important;
}
a.gv-link.dark:link > i.fa,
a.gv-link.dark:visited > i.fa,
a.gv-link.dark:active > i.fa,
a.gv-link.dark:link > i.fal,
a.gv-link.dark:visited > i.fal,
a.gv-link.dark:active > i.fal,
a.gv-link.dark:link > i.far,
a.gv-link.dark:visited > i.far,
a.gv-link.dark:active > i.far,
a.gv-link.dark:link > i.fas,
a.gv-link.dark:visited > i.fas,
a.gv-link.dark:active > i.fas {
  color: #666666 !important;
}
a.gv-link.dark:hover,
a.gv-link.dark:focus {
  color: #333333 !important;
}
a.gv-link.dark:hover > i.fa,
a.gv-link.dark:focus > i.fa,
a.gv-link.dark:hover > i.fal,
a.gv-link.dark:focus > i.fal,
a.gv-link.dark:hover > i.far,
a.gv-link.dark:focus > i.far,
a.gv-link.dark:hover > i.fas,
a.gv-link.dark:focus > i.fas {
  color: #333333 !important;
}
a.gv-link.blue {
  color: #427e8f !important;
}
a.gv-link.blue:link,
a.gv-link.blue:visited,
a.gv-link.blue:active {
  color: #427e8f !important;
}
a.gv-link.blue:link > i.fa,
a.gv-link.blue:visited > i.fa,
a.gv-link.blue:active > i.fa,
a.gv-link.blue:link > i.fal,
a.gv-link.blue:visited > i.fal,
a.gv-link.blue:active > i.fal,
a.gv-link.blue:link > i.far,
a.gv-link.blue:visited > i.far,
a.gv-link.blue:active > i.far,
a.gv-link.blue:link > i.fas,
a.gv-link.blue:visited > i.fas,
a.gv-link.blue:active > i.fas {
  color: #427e8f !important;
}
a.gv-link.blue:hover,
a.gv-link.blue:focus {
  color: #325f6c !important;
}
a.gv-link.blue:hover > i.fa,
a.gv-link.blue:focus > i.fa,
a.gv-link.blue:hover > i.fal,
a.gv-link.blue:focus > i.fal,
a.gv-link.blue:hover > i.far,
a.gv-link.blue:focus > i.far,
a.gv-link.blue:hover > i.fas,
a.gv-link.blue:focus > i.fas {
  color: #325f6c !important;
}
label.miniOnOffSlider {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
label.miniOnOffSlider > input {
  display: none;
}
label.miniOnOffSlider > input:checked + span > em {
  background-color: #41A7BD;
  float: right;
}
label.miniOnOffSlider > input:checked + span > span[data-state='on'] {
  color: #333333;
  display: inline-block;
  float: left;
}
label.miniOnOffSlider > input:not(:checked) + span > em {
  background-color: #CCCCCC;
  float: left;
}
label.miniOnOffSlider > input:not(:checked) + span > span[data-state='off'] {
  color: #666666;
  display: inline-block;
  float: right;
}
label.miniOnOffSlider > span {
  background-color: #F7F7F7;
  border-radius: 10.5px;
  box-shadow: rgba(0, 0, 0, 0.1742) 0px 1px 3px inset;
  cursor: pointer;
  display: block;
  padding: 3px;
  text-align: left;
  user-select: none;
  width: auto;
}
label.miniOnOffSlider > span > em {
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  width: 16px;
}
label.miniOnOffSlider > span > i {
  clear: both;
  display: block;
}
label.miniOnOffSlider > span > span {
  display: none;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  margin: 2px 5px 0 5px;
}
.gv-container {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 15px;
}
.gv-container > .gv-container-header {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 25px;
  position: relative;
}
.gv-container > .gv-container-header.large {
  font-size: 18px;
}
.gv-container > .gv-container-header.gray-line {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 15px;
}
.gv-container > .gv-container-header > .actions {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0;
}
.gv-container > .gv-container-header > .actions > .action-icon {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: background-color;
  transition-timing-function: ease;
  width: 30px;
}
.gv-container > .gv-container-header > .actions > .action-icon > i {
  border-bottom: 1px solid #427e8f;
  color: #427e8f;
  font-size: 12px;
  line-height: 17px;
  transition-duration: 0.25s;
  transition-property: border-color, color;
  transition-timing-function: ease;
  vertical-align: middle;
}
.gv-container > .gv-container-header > .actions > .action-icon:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
.gv-container > .gv-container-header > .actions > .action-icon:hover > i {
  border-bottom: 1px solid #3F7C93;
  color: #3F7C93;
}
select.gv-dropdown {
  left: -9999px;
  overflow: hidden;
  position: fixed;
  top: -9999px;
  z-index: -99999;
}
select.gv-dropdown:disabled + .gv-dropdown-wrapper > a.gv-dropdown-toggle {
  cursor: not-allowed;
  opacity: 0.5;
}
select.gv-dropdown[data-initialized] + .gv-dropdown-wrapper > ol.gv-dropdown-menu {
  display: none;
}
select.gv-dropdown[data-initialized].open + .gv-dropdown-wrapper > ol.gv-dropdown-menu {
  display: inline-block;
}
select.gv-dropdown.mini + .gv-dropdown-wrapper > .gv-dropdown-menu > li > a {
  font-size: 14px;
  padding: 6px 10px;
}
select.gv-dropdown.mini + .gv-dropdown-wrapper > .gv-dropdown-menu > li:first-child > a {
  padding: 6px 34px 6px 10px;
}
select.gv-dropdown.mini + .gv-dropdown-wrapper > a.gv-dropdown-toggle {
  font-size: 14px;
  padding: 6px 26px 6px 10px;
}
select.gv-dropdown + .gv-dropdown-wrapper {
  display: inline-block;
  left: 0;
  position: relative;
  top: 0;
  vertical-align: middle;
}
select.gv-dropdown + .gv-dropdown-wrapper > a.gv-dropdown-toggle {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  color: #666666 !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  opacity: 1;
  overflow: hidden;
  padding: 8px 28px 8px 12px;
  text-align: left;
  text-decoration: none !important;
  text-overflow: ellipsis;
  transition-duration: 0.25s;
  transition-property: background-color, color, opacity;
  transition-timing-function: ease;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  width: 100%;
}
select.gv-dropdown + .gv-dropdown-wrapper > a.gv-dropdown-toggle:before {
  border-bottom: 2px solid #CFCFCF;
  border-left: 2px solid #CFCFCF;
  border-radius: 1px;
  content: "";
  display: block;
  float: right;
  height: 8px;
  left: 14px;
  position: relative;
  top: 3px;
  transform: rotate(-45deg);
  width: 8px;
}
select.gv-dropdown + .gv-dropdown-wrapper > a.gv-dropdown-toggle:focus,
select.gv-dropdown + .gv-dropdown-wrapper > a.gv-dropdown-toggle:hover {
  box-shadow: none;
  color: #333333;
  outline: none;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.05);
  display: inline-block;
  list-style-type: none;
  margin: 0;
  overflow-x: visible;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  z-index: 99999;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > a,
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > span {
  border-radius: 3px 3px 0 0;
  padding: 8px 36px 8px 12px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > a:before,
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > span:before {
  border-top: 2px solid #CFCFCF;
  border-right: 2px solid #CFCFCF;
  border-radius: 1px;
  content: "";
  display: block;
  float: right;
  height: 8px;
  left: 22px;
  position: relative;
  top: 6px;
  transform: rotate(-45deg);
  width: 8px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > aspan:before,
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > spanspan:before {
  left: 0;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.focus > a {
  background-color: #FAFAFA !important;
  color: #333333 !important;
  text-decoration: none !important;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.focus.selected > a {
  color: #269D64 !important;
  text-decoration: none !important;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup > span {
  color: #9F9F9F !important;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 8px 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup:first-child > span {
  border-radius: 3px 3px 0 0;
  padding: 8px 36px 8px 12px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup:first-child > span:before {
  border-top: 2px solid #CFCFCF;
  border-right: 2px solid #CFCFCF;
  border-radius: 1px;
  content: "";
  display: block;
  float: right;
  height: 8px;
  left: 22px;
  position: relative;
  top: 6px;
  transform: rotate(-45deg);
  width: 8px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup > ol > li > a {
  padding-left: 28px;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a {
  color: #4AB37E !important;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a:focus,
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a:hover {
  color: #269D64 !important;
  text-decoration: none !important;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li > a {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none;
  border-radius: unset;
  color: #666666 !important;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding: 8px 12px;
  text-align: left;
  text-decoration: none !important;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  white-space: nowrap;
}
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li > a:focus,
select.gv-dropdown + .gv-dropdown-wrapper > ol.gv-dropdown-menu li > a:hover {
  background-color: #FAFAFA !important;
  box-shadow: none;
  color: #333333 !important;
  outline: none;
  text-decoration: none !important;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > a.gv-dropdown-toggle {
  color: #427e8f !important;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > a.gv-dropdown-toggle:before {
  border-bottom-color: #427e8f;
  border-left-color: #427e8f;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child > a:before,
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu > li:first-child span:before {
  border-top-color: #427e8f;
  border-right-color: #427e8f;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.optgroup:first-child > span:before {
  border-top-color: #427e8f;
  border-right-color: #427e8f;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a {
  color: #427e8f !important;
}
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a:focus,
select.gv-dropdown.blue + .gv-dropdown-wrapper > ol.gv-dropdown-menu li.selected > a:hover {
  color: #427e8f !important;
}
.gv-duplicate-alert {
  cursor: help;
}
.gv-duplicate-alert > i {
  color: #FFD641;
}
ul.gv-paging {
  display: inline-block;
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  white-space: nowrap;
}
ul.gv-paging > li {
  color: #666666;
  display: inline-block;
  margin: 0 5px;
}
ul.gv-paging > li.gv-paging-info {
  margin: 0 15px;
}
ul.gv-paging > li > button[data-role] {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  transition-delay: 0.25s;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  vertical-align: middle;
  width: 22px;
}
ul.gv-paging > li > button[data-role]:focus,
ul.gv-paging > li > button[data-role]:hover {
  outline: none;
}
ul.gv-paging > li > button[data-role]::before {
  border-left: 2.5px solid #427e8f;
  border-radius: 2px;
  border-top: 2.5px solid #427e8f;
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  top: 6px;
  width: 8px;
}
ul.gv-paging > li > button[data-role][data-role='next']::before {
  left: 5px;
  transform: rotate(135deg);
}
ul.gv-paging > li > button[data-role][data-role='previous']::before {
  left: 7px;
  transform: rotate(-45deg);
}
ol.gv-link-list,
ul.gv-link-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ol.gv-link-list > li,
ul.gv-link-list > li {
  display: block;
  margin-bottom: 12px;
  padding: 0;
}
ol.gv-link-list > li:last-child,
ul.gv-link-list > li:last-child {
  margin-bottom: 0;
}
ol.gv-link-list > li > a,
ul.gv-link-list > li > a {
  background-color: rgba(0, 0, 0, 0);
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 0;
  transition-duration: 0.25s;
  transition-property: color;
  transition-timing-function: ease;
}
ol.gv-link-list > li > a:focus,
ul.gv-link-list > li > a:focus,
ol.gv-link-list > li > a:hover,
ul.gv-link-list > li > a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #4AB37E;
  outline: none;
}
ol.gv-link-list.dropdown-menu,
ul.gv-link-list.dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.0802);
  cursor: pointer;
  padding: 15px;
  text-align: left;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
ol.gv-link-list.dropdown-menu.open,
ul.gv-link-list.dropdown-menu.open {
  display: block;
}
ol.gv-link-list.dropdown-menu > li,
ul.gv-link-list.dropdown-menu > li {
  margin-bottom: 12px;
}
ol.gv-link-list.dropdown-menu > li:last-child,
ul.gv-link-list.dropdown-menu > li:last-child {
  margin-bottom: 0;
}
.gv-message {
  background-color: #FAFAFA;
  border: 1px solid #E8E8E8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  padding: 20px;
}
.gv-message > .gv-message-body {
  color: #9F9F9F;
  font-size: 13px;
}
.gv-message > .gv-message-body > strong {
  color: #333333;
  font-weight: normal;
}
.gv-message > .gv-message-footer {
  margin-top: 15px;
  text-align: right;
}
.gv-message > .gv-message-header {
  color: #333333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.gv-popup {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  display: none;
  padding: 4px 12px;
  position: absolute;
}
.gv-popup::before {
  background-color: #ffffff;
  border-right: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  content: " ";
  display: block;
  height: 12px;
  position: absolute;
  left: 20px;
  top: -7px;
  transform: rotate(-45deg);
  width: 12px;
}
.gv-popup.in {
  display: block;
}
.gv-popup > .gv-popup-header {
  background-color: #FAFAFA;
  border-radius: 4px 4px 0 0;
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: -4px -12px 15px -12px;
  padding: 10px 14px;
  position: relative;
}
.gv-popup > .gv-popup-header::before {
  background-color: #FAFAFA;
  border-right: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  content: " ";
  display: block;
  height: 12px;
  position: absolute;
  left: 20px;
  top: -7px;
  transform: rotate(-45deg);
  width: 12px;
}
.gv-popup-target {
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.gv-popup-target .closed-only {
  display: initial;
}
.gv-popup-target .open-only {
  display: none;
}
.gv-popup-target.open .closed-only {
  display: none;
}
.gv-popup-target.open .open-only {
  display: initial;
}
label.gv-radiobutton {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 8px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
label.gv-radiobutton > input[type='radio'] {
  position: absolute;
  left: -1px;
  top: -5px;
  width: 18px;
  height: 18px;
  /*&:checked, &[checked] {
      border: 10px solid white;
      outline: unset !important*/
  /* I added this one for Edge (chromium) support */
  /*}*/
}
label.gv-radiobutton > input[type='radio']:focus {
  outline-offset: 0;
}
label.gv-radiobutton > input[type='radio'] ~ em {
  background-color: #ffffff;
  border: 4px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #CCCCCC;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  opacity: 1;
  transition-duration: 0.25s;
  transition-property: background-color, box-shadow, opacity;
  transition-timing-function: ease;
  vertical-align: top;
  width: 16px;
  position: relative;
}
label.gv-radiobutton > input[type='radio']:checked ~ em,
label.gv-radiobutton > input[type='radio'][checked] ~ em {
  background-color: #4AB37E;
}
label.gv-radiobutton > input[type='radio']:disabled ~ em {
  cursor: not-allowed;
  opacity: 0.5;
}
label.gv-radiobutton > input[type='radio']:disabled ~ span {
  cursor: not-allowed;
}
label.gv-radiobutton > span {
  cursor: pointer;
  display: inline-block;
  text-align: left;
  white-space: normal;
}
label.gv-radiobutton:hover > input[type='radio']:not(:disabled) ~ em {
  box-shadow: 0 0 0 1px #4AB37E;
}
label.gv-radiobutton.dark > input[type='radio'] ~ em {
  background-color: #333333;
  border: 4px solid #333333;
  box-shadow: 0 0 0 1px #666666;
}
label.gv-radiobutton.dark > input[type='radio']:checked ~ em {
  background-color: #4AB37E;
  box-shadow: 0 0 0 1px #ffffff;
}
label.gv-radiobutton.disabled > em,
label.gv-radiobutton.disabled > span {
  cursor: not-allowed !important;
}
.gv-savestatus {
  color: #666666;
  cursor: help;
  position: absolute;
  right: 0;
  top: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
}
.gv-savestatus .text {
  display: inline-block;
  margin-left: 4px;
  white-space: nowrap;
}
.gv-savestatus.fixed {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin: 0 !important;
  padding: 8px 10px;
  position: fixed;
  right: 40px;
  top: 24px;
  z-index: 1000;
}
.gv-savestatus.middle {
  top: 50%;
  transform: translateY(-50%);
}
.gv-savestatus .fa-times-circle {
  color: #CC0000;
}
.gv-savestatus.fixed {
  border-width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition-delay: 0s, 0.5s, 0s, 0s, 0.5s;
  transition-duration: 0s, 0s, 0.5s, 0s, 0s;
  transition-property: border, height, opacity, padding, width;
  transition-timing-function: ease;
  width: 0;
}
.gv-savestatus.fixed.fade-in {
  height: auto;
  opacity: 1;
  width: auto;
}
.gv-savestatus.fixed.fade-in.fixed {
  padding: 8px 10px;
}
.gv-sliderpicker {
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.gv-sliderpicker > div.labels {
  color: #CFCFCF;
  display: flex;
  font-size: 9px;
  line-height: 11px;
  margin-bottom: 5px;
}
.gv-sliderpicker > div.labels > label {
  flex: 1 1 50%;
  margin-bottom: 0;
  text-align: left;
}
.gv-sliderpicker > div.labels > label:not(:first-child) {
  margin-left: 10px;
}
.gv-sliderpicker > div.labels > label:last-child {
  text-align: right;
}
.gv-sliderpicker > div.slider {
  position: relative;
  height: 16px;
  padding: 0 16px 0 0;
}
.gv-sliderpicker > div.slider > em {
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.gv-sliderpicker > div.slider > span {
  background-color: #CFCFCF;
  border-radius: 6px;
  display: inline-block;
  height: 6px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.gv-sliderpicker > div.slider > span.highlight {
  background-color: #269D64;
  width: 0;
}
#thank-you-save-status {
  position: relative;
  margin-right: 20px;
}
#thank-you-save-status .gv-savestatus.fixed {
  right: 51px;
}
#designerheader .gv-savestatus {
  position: relative;
}
.designer-convert .gv-savestatus {
  margin-right: 40px;
  margin-top: 20px;
}
#save-status.email-canvas {
  display: inline-block;
  margin-right: 20px;
}
#save-status.email-canvas .gv-savestatus {
  position: relative;
}
.gv-scrollbar {
  background-color: #E8E8E8;
  border-radius: 8px;
  display: block;
  height: 8px;
  margin: 8px 0;
  position: relative;
}
.gv-scrollbar.horizontal {
  width: 100%;
}
.gv-scrollbar.horizontal > .handle {
  height: 8px;
}
.gv-scrollbar.vertical {
  height: 99%;
  width: 8px;
}
.gv-scrollbar.vertical > .handle {
  width: 8px;
}
.gv-scrollbar > .handle {
  background-color: #269D64;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
body.gv-scrollbar-scrolling {
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
}
.modal.v2.gv-shared-edit > .modal-dialog {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
}
.modal.v2.gv-shared-edit.emailmessage > .modal-dialog {
  width: 750px;
}
.modal.v2.gv-shared-edit.has-alert > .modal-dialog {
  width: 750px;
}
.gv-tagpicker {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.0802);
  display: none;
  padding: 12px 15px;
  width: 340px;
}
.gv-tagpicker.right {
  transform: translateX(-100%);
}
.gv-tagpicker.above {
  transform: translateY(-120%);
}
.gv-tagpicker.show {
  display: inline-block;
  position: absolute;
  z-index: 99999;
}
.gv-tagpicker > div > div {
  display: block;
  margin-top: 10px;
}
.gv-tagpicker > div > div.taglist.input {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  padding: 8px 10px;
  position: relative;
  transition: border-color ease 0.25s;
}
.gv-tagpicker > div > div.taglist.input.focus {
  border-color: #4AB37E;
}
.gv-tagpicker > div > div.taglist:not(.input) > ol > li {
  cursor: pointer;
}
.gv-tagpicker > div > div.taglist > ol {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.gv-tagpicker > div > small {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  margin-left: 5px;
  vertical-align: middle;
}
.gv-tagpicker > div > strong {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  vertical-align: middle;
}
.gv-tagpicker .search {
  display: inline-block;
}
.gv-tagpicker .search .gv-scrollbar > .handle {
  background-color: #CFCFCF;
}
.gv-tagpicker .search > input {
  border: 0;
  outline: none !important;
}
.gv-tagpicker .search .results {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.0802);
  left: -2px;
  margin-top: 18px;
  position: absolute;
  width: 310px;
  z-index: 99999;
}
.gv-tagpicker .search .results.above {
  bottom: 75px;
}
.gv-tagpicker .search .results > a.dismiss {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 4px;
}
.gv-tagpicker .search .results > a.dismiss > i {
  color: #9F9F9F;
  font-size: 20px;
}
.gv-tagpicker .search .results > a.dismiss:hover > i {
  color: #666666;
}
.gv-tagpicker .search .results > div.scroll {
  height: 260px;
  position: absolute;
  right: 8px;
  top: 23px;
  width: 8px;
}
.gv-tagpicker .search .results > div.scrollable {
  border-radius: 4px;
  max-height: 300px;
  overflow: hidden;
}
.gv-tagpicker .search .results > div.scrollable > ol {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.gv-tagpicker .search .results > div.scrollable > ol > li {
  background-color: rgba(0, 0, 0, 0);
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px 10px 15px;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-tagpicker .search .results > div.scrollable > ol > li:hover,
.gv-tagpicker .search .results > div.scrollable > ol > li.focus {
  background-color: #FAFAFA;
  color: #333333;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type=range].gv-range.ie10up {
    height: 70px;
  }
}
input[type=range].gv-range {
  display: inline-block;
  margin: 0;
  height: 20px;
  position: relative;
  top: 10px;
  background: transparent;
  -webkit-appearance: none;
}
input[type=range].gv-range:focus::-webkit-slider-runnable-track,
input[type=range].gv-range:hover::-webkit-slider-runnable-track {
  background: #4AB37E;
  border: 0px solid #EEEEEE;
}
input[type=range].gv-range:focus::-ms-fill-lower,
input[type=range].gv-range:hover::-ms-fill-lower {
  background: #4AB37E;
  border: 0px solid #EEEEEE;
}
input[type=range].gv-range:focus::-ms-fill-upper,
input[type=range].gv-range:hover::-ms-fill-upper {
  background: #4AB37E;
  border: 0px solid #EEEEEE;
}
input[type=range].gv-range:focus:not(:focus-visible),
input[type=range].gv-range:hover:not(:focus-visible) {
  outline: none;
}
input[type=range].gv-range::-webkit-slider-runnable-track {
  background: #269D64;
  border: 0px solid #CFCFCF;
  border-radius: 2px;
}
input[type=range].gv-range::-moz-range-track {
  background: #269D64;
  border: 0px solid #CFCFCF;
  border-radius: 2px;
}
input[type=range].gv-range::-ms-track {
  background: #269D64;
  border: 0px solid #CFCFCF;
  border-radius: 2px;
}
input[type=range].gv-range::-ms-fill-lower {
  background: #269D64;
  border: 0 solid #CFCFCF;
  border-radius: 2px;
}
input[type=range].gv-range::-ms-fill-upper {
  background: #269D64;
  border: 0 solid #CFCFCF;
  border-radius: 2px;
}
output.gv-range-output {
  position: absolute;
  background: #333;
  text-align: center;
  color: white;
  border-radius: 4px;
  bottom: 100%;
  padding: 5px;
  transition: opacity ease 0.25s;
}
output.gv-range-output.in {
  opacity: 1;
}
output.gv-range-output.out {
  opacity: 0;
}
output.gv-range-output:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.modal.v2.labelPicker .modal-dialog {
  width: 300px;
}
.modal.v2.labelPicker .modal-dialog .modal-content .gv-form {
  margin-bottom: 0;
}
.modal.v2.labelPicker .modal-dialog .modal-content .gv-form label.gv-input {
  margin-bottom: 4px;
}
.modal.v2.labelPicker .modal-dialog .modal-content .gv-form label.gv-input > input {
  margin-bottom: 0;
}
.modal.v2.labelPicker .modal-dialog .modal-content ul.labels {
  display: block;
  list-style-type: none;
  margin: 0;
  max-height: 235px;
  padding: 0;
  overflow-y: auto;
}
.modal.v2.labelPicker .modal-dialog .modal-content ul.labels li {
  background-color: #666666;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  margin: 3px 2px;
  padding: 3px 5px;
  white-space: nowrap;
}
.gv-picker {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  padding: 16px;
  position: absolute;
  transform: translateX(-100%);
}
.gv-picker .gv-picker-title {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.54px;
  margin-bottom: 12px;
}
.gv-table {
  background-color: #F7F7F7;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin: 20px 0;
}
.gv-table.no-scroll {
  overflow: hidden;
}
.gv-table > table {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.gv-table > table > tbody > tr:first-child > td {
  padding-top: 20px;
}
.gv-table > table > tbody > tr:last-child > td {
  padding-bottom: 20px;
}
.gv-table > table > tbody > tr > td {
  background-color: #ffffff;
  border-right: 1px solid #CFCFCF;
  font-size: 13px;
  text-align: left;
  padding: 10px 20px;
}
.gv-table > table > tbody > tr > td:last-child {
  border-right: none;
}
.gv-table > table > tbody > tr > td.no-data {
  font-style: italic;
  padding: 30px !important;
  text-align: center;
}
.gv-table > table > tfoot > tr > td,
.gv-table > table > tfoot > tr > th {
  border-top: 1px solid #CFCFCF;
}
.gv-table > table > thead > tr > td,
.gv-table > table > thead > tr > th {
  border-bottom: 1px solid #CFCFCF;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-table > table > thead > tr > td.sortable,
.gv-table > table > thead > tr > th.sortable {
  color: #666666;
  cursor: pointer;
  transition: color ease 0.25s;
  white-space: nowrap;
}
.gv-table > table > thead > tr > td.sortable:hover,
.gv-table > table > thead > tr > th.sortable:hover {
  color: #333333;
}
.gv-table > table > thead > tr > td.sortable::after,
.gv-table > table > thead > tr > th.sortable::after {
  content: '\f0dc';
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-weight: bold;
  margin-left: 8px;
}
.gv-table > table > thead > tr > td.sortable.asc::after,
.gv-table > table > thead > tr > th.sortable.asc::after {
  content: '\f0de';
}
.gv-table > table > thead > tr > td.sortable.desc::after,
.gv-table > table > thead > tr > th.sortable.desc::after {
  content: '\f0dd';
}
.gv-table > table > tfoot > tr > td,
.gv-table > table > thead > tr > td,
.gv-table > table > tfoot > tr > th,
.gv-table > table > thead > tr > th {
  color: #666666;
  background-color: transparent;
  border-right: 1px solid #CFCFCF;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 10px 20px;
}
.gv-table > table > tfoot > tr > td > i,
.gv-table > table > thead > tr > td > i,
.gv-table > table > tfoot > tr > th > i,
.gv-table > table > thead > tr > th > i {
  display: inline-block;
  margin-right: 5px;
}
.gv-table > table > tfoot > tr > td:last-child,
.gv-table > table > thead > tr > td:last-child,
.gv-table > table > tfoot > tr > th:last-child,
.gv-table > table > thead > tr > th:last-child {
  border-right: none;
}
.gv-table.narrow > table > tbody > tr > td,
.gv-table.narrow > table > tfoot > tr > td,
.gv-table.narrow > table > thead > tr > td,
.gv-table.narrow > table > tbody > tr > th,
.gv-table.narrow > table > tfoot > tr > th,
.gv-table.narrow > table > thead > tr > th {
  padding: 10px;
}
.gv-table-actions {
  text-align: right;
}
.gv-table-actions > .gv-table-action {
  color: #666666;
  display: inline-block;
  font-size: 16px;
  margin: 0 8px;
  transition: color ease 0.25s;
}
.gv-table-actions > .gv-table-action > i {
  color: #666666;
  transition: color ease 0.25s;
}
.gv-table-actions > .gv-table-action:hover {
  color: #333333;
}
.gv-table-actions > .gv-table-action:hover > i {
  color: #333333;
}
.gv-tab-container > .gv-tab-header:after {
  border: none;
  clear: both;
  content: "";
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
}
.gv-tab-container > .gv-tab-header .actions {
  float: right;
}
.gv-tab-container > .gv-tab-header .actions.search {
  position: relative;
  top: -8px;
}
.gv-tab-container > .gv-tab-header .actions.search > .btnV2 {
  margin-right: 10px;
  position: relative;
  top: 1px;
  vertical-align: top;
}
.gv-tab-container > .gv-tab-header .gv-tabs {
  background-color: transparent;
  border: none;
  display: inline-block;
  list-style-type: none;
  margin: 0 30px 0 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li {
  color: #666666;
  display: inline-block;
  height: 31px;
  padding: 0;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  vertical-align: bottom;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a {
  color: #666666;
  cursor: pointer;
  display: block;
  opacity: 1;
  transition-duration: 0.25s;
  transition-property: color, opacity;
  transition-timing-function: ease;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a > i {
  color: #666666;
  transition-duration: 0.25s;
  transition-property: color;
  transition-timing-function: ease;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a > i:focus,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a > i:hover {
  color: #666666;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:focus,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:hover {
  box-shadow: none;
  color: #333333;
  outline: none;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:focus > i,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:hover > i {
  color: #333333;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:focus > i:focus,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:hover > i:focus,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:focus > i:hover,
.gv-tab-container > .gv-tab-header .gv-tabs > li > a:hover > i:hover {
  color: #333333;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li.disabled > a {
  cursor: not-allowed;
  opacity: 0.5;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(:first-child) {
  margin-left: 15px;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link) {
  background-color: #F7F7F7;
  border: 1px solid #CFCFCF;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link).active {
  background-color: #ffffff;
  color: #4AB37E;
  position: relative;
  top: 1px;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link).active > a {
  color: #4AB37E;
  padding: 6px 18px 8px 18px;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link).active > a > i {
  color: #4AB37E;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link):not(.disabled):not(.active):focus,
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link):not(.disabled):not(.active):hover {
  background-color: #CFCFCF;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li:not(.link) > a {
  padding: 7px 18px;
}
.gv-tab-container > .gv-tab-header .gv-tabs > li.link > a {
  font-size: 12px;
  font-weight: 500;
  margin: 7px 18px;
}
.gv-tab-container > .gv-tab-content {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 0 4px 4px 4px;
  padding: 15px;
}
.gv-tab-container.open > .gv-tab-content {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 0;
}
.gv-tag {
  background-color: #666666;
  border-radius: 4px;
  display: inline-block;
  margin: 2px 3px;
  padding: 3px 3px 3px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.gv-tag.gv-tag-readonly {
  padding-right: 5px;
}
.gv-tag > button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.gv-tag i,
.gv-tag i:hover,
.gv-tag i:focus {
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  margin: 0 1px 0 0;
  padding: 3px;
  vertical-align: middle;
}
.gv-tag > span {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  padding: 0 0 2px 1px;
  vertical-align: middle;
}
.gv-tag-picker {
  width: 275px;
}
.gv-tag-picker .btnV2 {
  width: 45%;
}
.gv-tag-picker .gv-tag-picker-tags {
  margin-bottom: 12px;
  max-height: 175px;
  overflow-x: auto;
}
.gv-tag-picker .gv-tag-picker-tags > ul {
  list-style-type: none;
  padding: 0;
}
.gv-tag-picker .gv-tag-picker-tags > ul > li {
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}
.gv-text {
  color: #9F9F9F;
}
.gv-text.black {
  color: #333333;
}
.gv-text.dark {
  color: #666666;
}
.gv-text.bold {
  font-weight: 700;
}
.gv-text.medium-bold {
  font-weight: 600;
}
.gv-text.semi-bold {
  font-weight: 500;
}
.btnV2 {
  background-color: #4AB37E;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  padding: 9px 25px;
  transition-duration: 0.25s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease;
}
.btnV2.disabled {
  opacity: 0.7;
}
.btnV2:focus-visible {
  outline: solid 2px #000000;
}
.btnV2.btnV2-xs {
  font-size: 12px;
  padding: 5px 12px;
}
.btnV2.btnV2-sm {
  border-radius: 4px;
  font-size: 14px;
  padding: 7px 15px;
}
.btnV2.btnV2-end {
  border-radius: 0 4px 4px 0;
}
.btnV2.btnV2-start {
  border-radius: 4px 0 0 4px;
}
.btnV2.btnV2-end,
.btnV2.btnV2-start {
  border: 2px solid transparent;
}
.btnV2.btnV2-lg {
  border-radius: 6px;
  font-family: brandon-grotesque;
  font-size: 24px;
  padding: 10px 40px;
}
.btnV2.btnV2-xl {
  font-size: 20px;
  padding: 16px;
}
.btnV2.btnV2-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.btnV2:hover,
.btnV2:focus,
.btnV2:active {
  background-color: #269D64;
  box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.btnV2:hover:not(:focus-visible),
.btnV2:focus:not(:focus-visible),
.btnV2:active:not(:focus-visible) {
  outline: none;
}
.btnV2 > i:hover,
.btnV2:focus,
.btnV2:active {
  color: #ffffff;
}
.btnV2.btnV2-alt {
  background-color: #E9F7F1;
  border-color: #4AB37E;
  color: #4AB37E;
}
.btnV2.btnV2-alt:hover,
.btnV2.btnV2-alt:focus,
.btnV2.btnV2-alt:active {
  background-color: #D1EEE2;
  color: #4AB37E;
}
.btnV2.btnV2-alt > i:hover,
.btnV2.btnV2-alt:focus,
.btnV2.btnV2-alt:active {
  color: #4AB37E;
}
.btnV2.btnV2-blue {
  background-color: #67A0B1;
  color: #ffffff;
}
.btnV2.btnV2-blue:hover,
.btnV2.btnV2-blue:focus,
.btnV2.btnV2-blue:active {
  background-color: #427e8f;
}
.btnV2.btnV2-blue > i:hover,
.btnV2.btnV2-blue:focus,
.btnV2.btnV2-blue:active {
  color: #ffffff;
}
.btnV2.btnV2-blue-light {
  background-color: #ffffff;
  color: #427e8f;
}
.btnV2.btnV2-blue-light:hover,
.btnV2.btnV2-blue-light:focus,
.btnV2.btnV2-blue-light:active {
  background-color: #FAFAFA;
  color: #3F7C93;
}
.btnV2.btnV2-blue-light > i:hover,
.btnV2.btnV2-blue-light:focus,
.btnV2.btnV2-blue-light:active {
  color: #3F7C93;
}
.btnV2.btnV2-blue-white {
  border-color: #427e8f;
  background-color: #ffffff;
  color: #427e8f;
}
.btnV2.btnV2-blue-white:hover,
.btnV2.btnV2-blue-white:focus,
.btnV2.btnV2-blue-white:active {
  border-color: #427e8f;
  background-color: #427e8f;
  color: #ffffff;
}
.btnV2.btnV2-blue-white > i:hover,
.btnV2.btnV2-blue-white:focus,
.btnV2.btnV2-blue-white:active {
  color: #ffffff;
}
.btnV2.btnV2-dark {
  background-color: #666666;
  color: #ffffff;
}
.btnV2.btnV2-dark:hover,
.btnV2.btnV2-dark:focus,
.btnV2.btnV2-dark:active {
  background-color: #333333;
}
.btnV2.btnV2-dark > i:hover,
.btnV2.btnV2-dark:focus,
.btnV2.btnV2-dark:active {
  color: #EEEEEE;
}
.btnV2.btnV2-facebook {
  background-color: #3A559F;
  color: #ffffff;
}
.btnV2.btnV2-facebook:hover,
.btnV2.btnV2-facebook:focus,
.btnV2.btnV2-facebook:active {
  background-color: #546FB9;
}
.btnV2.btnV2-facebook > i:hover,
.btnV2.btnV2-facebook:focus,
.btnV2.btnV2-facebook:active {
  color: #ffffff;
}
.btnV2.btnV2-facebook.btnV2-xs {
  padding: 2px 7px;
}
.btnV2.btnV2-whatsapp {
  background-color: #59CE72;
  color: #ffffff;
}
.btnV2.btnV2-whatsapp:hover,
.btnV2.btnV2-whatsapp:focus,
.btnV2.btnV2-whatsapp:active {
  background-color: #6cc17e;
}
.btnV2.btnV2-whatsapp > i:hover,
.btnV2.btnV2-whatsapp:focus,
.btnV2.btnV2-whatsapp:active {
  color: #ffffff;
}
.btnV2.btnV2-whatsapp.btnV2-xs {
  padding: 2px 5px;
}
.btnV2.btnV2-gray {
  background-color: #E8E8E8;
  color: #9F9F9F;
  border-color: #CFCFCF;
}
.btnV2.btnV2-gray:hover,
.btnV2.btnV2-gray:focus,
.btnV2.btnV2-gray:active {
  background-color: #CFCFCF;
  color: #666666;
  border-color: #CFCFCF;
}
.btnV2.btnV2-gray > i:hover,
.btnV2.btnV2-gray:focus,
.btnV2.btnV2-gray:active {
  color: #666666;
}
.btnV2.btnV2-gray-light {
  background-color: #ffffff;
  color: #9F9F9F;
  border-color: #9F9F9F;
}
.btnV2.btnV2-gray-light:hover,
.btnV2.btnV2-gray-light:focus,
.btnV2.btnV2-gray-light:active {
  background-color: #ffffff;
  color: #666666;
  border-color: #666666;
}
.btnV2.btnV2-gray-light > i:hover,
.btnV2.btnV2-gray-light:focus,
.btnV2.btnV2-gray-light:active {
  color: #666666;
}
.btnV2.btnV2-twitter {
  background-color: #50ABF1;
  color: #ffffff;
}
.btnV2.btnV2-twitter:hover,
.btnV2.btnV2-twitter:focus,
.btnV2.btnV2-twitter:active {
  background-color: #6AC5FF;
}
.btnV2.btnV2-twitter > i:hover,
.btnV2.btnV2-twitter:focus,
.btnV2.btnV2-twitter:active {
  color: #ffffff;
}
.btnV2.btnV2-white {
  background-color: #ffffff;
  border-color: #4AB37E;
  color: #4AB37E;
}
.btnV2.btnV2-white:hover,
.btnV2.btnV2-white:focus,
.btnV2.btnV2-white:active {
  background-color: #4AB37E;
  color: #ffffff;
}
.btnV2.btnV2-white > i:hover,
.btnV2.btnV2-white:focus,
.btnV2.btnV2-white:active {
  color: #ffffff;
}
.btnV2.btnV2-whiteAlt {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #666666;
}
.btnV2.btnV2-whiteAlt:hover,
.btnV2.btnV2-whiteAlt:focus,
.btnV2.btnV2-whiteAlt:active {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}
.btnV2.btnV2-whiteAlt > i:hover,
.btnV2.btnV2-whiteAlt:focus,
.btnV2.btnV2-whiteAlt:active {
  color: #ffffff;
}
.btnV2.btnV2-white-red {
  background-color: #ffffff;
  border-color: #CCCCCC;
  color: #CC0000;
}
.btnV2.btnV2-white-red:hover,
.btnV2.btnV2-white-red:focus,
.btnV2.btnV2-white-red:active {
  background-color: #CC0000;
  color: #ffffff;
}
.btnV2.btnV2-white-red > i:hover,
.btnV2.btnV2-white-red:focus,
.btnV2.btnV2-white-red:active {
  color: #ffffff;
}
.btnV2.btnV2-link {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #4AB37E;
}
.btnV2.btnV2-link:hover,
.btnV2.btnV2-link:focus,
.btnV2.btnV2-link:active {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #269D64;
}
.btnV2.btnV2-link > i:hover,
.btnV2.btnV2-link:focus,
.btnV2.btnV2-link:active {
  color: #269D64;
}
.btnV2.btnV2-link.dark-gray {
  color: #666666;
}
.btnV2.btnV2-link.dark-gray:hover,
.btnV2.btnV2-link.dark-gray:focus,
.btnV2.btnV2-link.dark-gray:active {
  color: #333333;
}
.btnV2.btnV2-link.dark-gray > i:hover,
.btnV2.btnV2-link.dark-gray:focus,
.btnV2.btnV2-link.dark-gray:active {
  color: #333333;
}
.btnV2.btnV2-link.gray {
  color: #9F9F9F;
}
.btnV2.btnV2-link.gray:hover,
.btnV2.btnV2-link.gray:focus,
.btnV2.btnV2-link.gray:active {
  color: #666666;
}
.btnV2.btnV2-link.gray > i:hover,
.btnV2.btnV2-link.gray:focus,
.btnV2.btnV2-link.gray:active {
  color: #666666;
}
.btnV2.btnV2-link.narrow {
  padding: 9px 0;
}
.btnV2.btnV2-link.narrow.btnV2-xs {
  padding: 5px 0;
}
.btnV2.btnV2-link.narrow.btnV2-sm {
  padding: 7px 0;
}
.btnV2.btnV2-link.narrow.btnV2-lg {
  padding: 10px 0;
}
.btnV2.btnV2-link.narrow.btnV2-lg {
  padding: 16px 0;
}
.btnV2.btnV2-clear {
  background: transparent;
  color: #4AB37E;
  border-color: #4AB37E;
}
.btnV2.btnV2-clear:hover,
.btnV2.btnV2-clear:focus,
.btnV2.btnV2-clear:active {
  color: #3b8f65;
  border-color: #3b8f65;
}
.btn-group-V2 {
  background-color: #ffffff !important;
  border: solid 1px #E8E8E8 !important;
  border-radius: 100px !important;
  display: inline-block !important;
  padding: 3px !important;
  white-space: nowrap !important;
}
.btn-group-V2 a {
  color: #4AB37E;
  background-color: #ffffff !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 12px !important;
  padding: 7px 9px !important;
  text-decoration: none !important;
  transition-duration: 0.25s !important;
  transition-property: background-color, color !important;
  transition-timing-function: ease !important;
  white-space: nowrap !important;
  position: unset !important;
  border: none !important;
  top: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
}
.btn-group-V2 a:hover,
.btn-group-V2 a:focus,
.btn-group-V2 a:active {
  color: #333333 !important;
  text-decoration: none !important;
}
.btn-group-V2 a.active {
  color: #ffffff !important;
  background-color: #4AB37E !important;
}
.btn-group-V2 a.active:hover,
.btn-group-V2 a.active:focus,
.btn-group-V2 a.active:active {
  background-color: #269D64 !important;
  text-decoration: none !important;
}
.btn-group-V2 a.active:focus-visible {
  outline: auto 1px #000000;
}
.btn-group-V2.btn-group-V2-dark a {
  color: #666666 !important;
  background-color: #ffffff !important;
}
.btn-group-V2.btn-group-V2-dark a:hover,
.btn-group-V2.btn-group-V2-dark a:focus,
.btn-group-V2.btn-group-V2-dark a:active {
  color: #333333 !important;
}
.btn-group-V2.btn-group-V2-dark a.active {
  color: #ffffff !important;
  background-color: #666666 !important;
}
.btn-group-V2.btn-group-V2-dark a.active:hover,
.btn-group-V2.btn-group-V2-dark a.active:focus,
.btn-group-V2.btn-group-V2-dark a.active:active {
  background-color: #333333 !important;
}
.modal.v2.full-screen {
  overflow: hidden;
}
.modal.v2.full-screen > .modal-dialog {
  padding: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.modal.v2.full-screen > .modal-dialog > .modal-content {
  border-radius: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.modal.v2 button:focus:not(:focus-visible) {
  outline: none;
}
.modal.v2 .cancel {
  background: none;
  border: none;
  border-radius: 4px;
  color: #666666;
  cursor: pointer;
  transition: color 0.25s ease;
}
.modal.v2 .cancel:focus,
.modal.v2 .cancel:hover {
  color: #333333;
}
.modal.v2 h2 {
  font-family: brandon-grotesque;
  font-size: 36px;
  color: #333333;
}
.modal.v2 h4 {
  font-family: brandon-grotesque;
  font-size: 24px;
  color: #333333;
}
.modal.v2 h6 {
  font-family: brandon-grotesque;
  font-size: 16px;
  color: #333333;
}
.modal.v2 hr {
  margin: 10px;
}
.modal.v2 .modal-body {
  font-size: 14px;
  padding: 0 40px 15px 40px;
}
.modal.v2 .modal-body.split {
  padding: 0;
}
.modal.v2 .modal-body.split .modal-body-part {
  padding: 0 40px;
}
.modal.v2 .modal-body.split .modal-body-part.end {
  padding-bottom: 15px;
}
.modal.v2 .modal-content {
  border-color: #979797;
  border-radius: 6px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.modal.v2 .modal-content .modal-sub-header {
  color: #666666;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
.modal.v2 .modal-footer {
  border: 0;
  margin-top: 0;
}
.modal.v2 .modal-header {
  background-color: white;
  border: none;
  border-radius: 6px;
  padding: 15px 30px 10px 40px;
}
.modal.v2 .modal-header .close {
  font-size: 28px;
  font-weight: 100;
  margin-right: -15px;
  margin-top: -5px;
  opacity: 0.5;
  position: relative;
  z-index: 1000;
}
.modal.v2 .modal-header .close:focus-visible {
  outline: auto 1px #4AB37E;
  outline-offset: 2px;
}
.modal.v2 .modal-header .modal-title {
  color: #333333;
  font-family: 'Open Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.modal.v2 .modal-header .modal-title.gray {
  color: #666666;
}
.modal.v2 .modal-header .modal-title.small {
  font-size: 18px;
}
.modal.v2.top {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1999;
}
.modal.v2.top > .modal-dialog > .modal-content {
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.0802);
}
.modal.v2 .mce-tinymce.mce-container.mce-panel {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-top-part::before {
  display: none;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar {
  background-color: #FAFAFA;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn-group {
  padding: 5px 10px;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn {
  background-color: transparent;
  color: #666666;
  margin: 0 4px;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn button,
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn button > i.mce-ico {
  color: #666666;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-active {
  background-color: #CFCFCF;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-active:hover,
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-active button,
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-active button > i.mce-ico {
  color: #333333;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-listbox {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin-right: 25px;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-listbox.mce-active {
  border-color: #4AB37E;
}
.modal.v2 .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn.mce-listbox.mce-active .mce-caret {
  border-top-color: #666666;
}
.modal.v2.gv-tinymce-small .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar {
  background-color: #FAFAFA;
}
.modal.v2.gv-tinymce-small .mce-tinymce.mce-container.mce-panel .mce-container.mce-toolbar .mce-btn-group {
  padding: 2px 0;
}
.modal.v2 .qq-uploader {
  background-color: #E9F7F1;
}
.modal.v2 .qq-uploader.dropzone {
  border-color: #2BB573;
}
.modal.v2 .qq-uploader.dropzone .fa {
  border-color: #2BB573;
  color: #2BB573;
}
.modal.v2 .qq-upload-button {
  color: #2BB573;
}
.modal.v2 .qq-upload-list li {
  background-color: #fff;
}
.modal.v2 .qq-upload-list {
  box-shadow: none;
}
.modal.v2 .qq-progress-bar {
  background-color: #2BB573;
}
.alert a:not(.btn) {
  color: #427e8f;
  cursor: pointer;
}
.alert a:not(.btn):link,
.alert a:not(.btn):visited,
.alert a:not(.btn):active {
  color: #427e8f;
}
.alert a:not(.btn):link > i.fa,
.alert a:not(.btn):visited > i.fa,
.alert a:not(.btn):active > i.fa,
.alert a:not(.btn):link > i.fal,
.alert a:not(.btn):visited > i.fal,
.alert a:not(.btn):active > i.fal,
.alert a:not(.btn):link > i.far,
.alert a:not(.btn):visited > i.far,
.alert a:not(.btn):active > i.far,
.alert a:not(.btn):link > i.fas,
.alert a:not(.btn):visited > i.fas,
.alert a:not(.btn):active > i.fas {
  color: #427e8f;
}
.alert a:not(.btn):hover,
.alert a:not(.btn):focus {
  color: #325f6c;
}
.alert a:not(.btn):hover > i.fa,
.alert a:not(.btn):focus > i.fa,
.alert a:not(.btn):hover > i.fal,
.alert a:not(.btn):focus > i.fal,
.alert a:not(.btn):hover > i.far,
.alert a:not(.btn):focus > i.far,
.alert a:not(.btn):hover > i.fas,
.alert a:not(.btn):focus > i.fas {
  color: #325f6c;
}
.modal.reorderEventSections > .modal-dialog {
  left: 50%;
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 560px;
}
.modal.reorderEventSections > .modal-dialog .modal-body {
  padding-bottom: 0px;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections {
  display: block;
  list-style-type: none;
  margin-top: 15px;
  padding: 0;
  width: 100%;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li.placeholder {
  border: none;
  display: block;
  height: 5px;
  margin: 0;
  padding: 0;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li.placeholder:last-child {
  border-top: 1px solid #E8E8E8;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) {
  background-color: #ffffff;
  border-top: 1px solid #E8E8E8;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  font-weight: bold;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder).header {
  border-top: 2px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder).ui-sortable-helper {
  border-bottom: 1px solid #E8E8E8;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) .name {
  flex: 1 0 auto;
  width: 70px;
  color: #333333;
  text-transform: uppercase;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) .display {
  flex: 1 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) .display > * {
  width: 80px;
  margin-right: 0;
  text-align: center;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) .handle {
  flex: 0 0 auto;
}
.modal.reorderEventSections > .modal-dialog .modal-body ol.event-sections > li:not(.placeholder) .handle > i {
  color: #9F9F9F;
  cursor: move;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .not-screen-large {
    display: initial;
  }
  .not-screen-medium {
    display: initial;
  }
  .not-screen-small {
    display: none;
  }
  .screen-large {
    display: none;
  }
  .screen-medium {
    display: none;
  }
  .screen-small {
    display: initial;
  }
}
@media screen and (max-width: 1279px) {
  .not-screen-large {
    display: initial;
  }
  .not-screen-medium {
    display: none;
  }
  .not-screen-small {
    display: initial;
  }
  .screen-large {
    display: none;
  }
  .screen-large.only {
    display: none;
  }
  .screen-medium {
    display: initial;
  }
  .screen-small {
    display: initial;
  }
  .screen-small.only {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .not-screen-large {
    display: none;
  }
  .not-screen-medium {
    display: initial;
  }
  .not-screen-small {
    display: initial;
  }
  .screen-large {
    display: initial;
  }
  .screen-medium {
    display: initial;
  }
  .screen-medium.only {
    display: none;
  }
  .screen-small {
    display: initial;
  }
  .screen-small.only {
    display: none;
  }
}
@media print {
  .printonly {
    display: inherit;
  }
  .dropdown-menu,
  .modal,
  .noprint {
    display: none;
  }
  html,
  body {
    color: black;
  }
}
.ie89Only {
  display: none;
}
.ie8 .ie89Only,
.ie9 .ie89Only {
  display: block;
}
.ie8 .ie89Hide,
.ie9 .ie89Hide {
  display: none !important;
}
.ie8 .input-password {
  background-color: #ffffff !important;
  color: #464646 !important;
  font-family: Arial !important;
}
.accountV2 #save-status {
  display: inline-block;
  position: relative;
}
.accountV2 #save-status .gv-savestatus {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.accountV2 table div.actions {
  text-align: right;
}
.accountV2 table div.actions > a {
  cursor: pointer;
  display: inline-block;
  margin: 0 16px;
}
.accountV2 table div.actions > a:hover > i {
  color: #333333;
}
.accountV2 table div.actions > a > i {
  color: #9F9F9F;
  font-size: 16px;
}
.accountV2 .account-addon > div.gv-container {
  margin: 0 96px 30px 96px;
}
.accountV2 .account-addon > div.gv-container h5 {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 20px;
}
.accountV2 .account-addon > div.gv-container small.footnote {
  display: block;
  font-size: 13px;
  margin: 20px 30px;
  text-align: center;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping {
  display: inline-block;
  margin-top: 25px;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > tbody > tr td {
  padding-top: 10px;
  text-align: left;
  vertical-align: middle;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > tbody > tr td.arrow {
  position: relative;
  width: 100px;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > tbody > tr td.arrow::after {
  border-bottom: 2px solid #666666;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > tbody > tr td.arrow::before {
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 10px;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > tbody > tr td.greenvelope > div {
  background-color: #FAFAFA;
  border-radius: 4px;
  padding: 10px 15px;
  width: 150px;
}
.accountV2 .account-addon > div.gv-container table.add-on-mapping > thead > tr > th {
  color: #666666;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  padding: 0 5px;
  text-align: center;
}
.accountV2 .account-billing > div.account-billing-info {
  display: flex;
}
.accountV2 .account-billing > div.account-billing-info > div {
  flex: 1 1 auto;
  width: calc(33.33% - 20px);
}
.accountV2 .account-billing > div.account-billing-info > div:not(:first-child) {
  margin-left: 30px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info {
  text-align: center;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .actions {
  margin: 20px 0;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .actions > .btnV2 {
  margin: 5px 10px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .alertV2 {
  margin-bottom: 0px;
  margin-top: 15px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .cc-info {
  font-size: 16px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .cc-info var {
  font-weight: bold;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .payment-message {
  border-top: 1px solid #E8E8E8;
  color: #666666;
  display: flex;
  margin-top: 15px;
  padding-top: 15px;
  position: relative;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .payment-message.success > i {
  color: #4AB37E;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .payment-message.warning > i {
  color: #FFD641;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .payment-message > i {
  flex: 0 0 auto;
  font-size: 22px;
  position: relative;
  text-align: center;
  top: 4px;
  width: 24px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-billing-payment-info > .payment-message > span {
  flex: 1 1 auto;
  margin-left: 10px;
  text-align: left;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits {
  text-align: center;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits.expired > small,
.accountV2 .account-billing > div.account-billing-info > div .account-limits.expired > span,
.accountV2 .account-billing > div.account-billing-info > div .account-limits.expired > strong {
  color: #ED4949;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits > small {
  color: #666666;
  display: block;
  font-size: 16px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits > small > span {
  white-space: nowrap;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits > span {
  color: #666666;
  display: block;
  font-size: 16px;
  margin-bottom: 35px;
}
.accountV2 .account-billing > div.account-billing-info > div .account-limits > strong {
  color: #269D64;
  display: block;
  font-family: "brandon-grotesque";
  font-size: 24px;
  font-weight: normal;
  margin: 15px 0;
}
.accountV2 .account-billing .gv-table tbody > tr.cancelled > td {
  color: #ED4949;
  text-decoration: line-through;
}
.accountV2 .account-billing #modalModifyPaymentCard span.help-inline {
  display: inline-block;
  margin: 0 0 0 8px;
}
.accountV2 .account-billing #modalViewInvoice .modal-dialog {
  width: 800px;
}
.accountV2 .account-billing .unpaid {
  color: #ED4949;
  font-weight: bold;
}
.accountV2 .account-custom-fields .no-custom-fields {
  display: block;
  padding: 80px;
  text-align: center;
}
.accountV2 .account-custom-fields .no-custom-fields > em {
  color: #666666;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 20px 0;
}
.accountV2 .account-custom-fields .no-custom-fields > i {
  color: #4AB37E;
  font-size: 36px;
}
.accountV2 .account-dynamics .client-secret-display,
.accountV2 .account-dynamics .client-secret-edit {
  display: block;
  position: relative;
}
.accountV2 .account-dynamics .client-secret-display > button,
.accountV2 .account-dynamics .client-secret-edit > button {
  position: relative;
  top: 1px;
}
.accountV2 .account-dynamics .client-secret-display > .input > span,
.accountV2 .account-dynamics .client-secret-edit > .input > span {
  display: block;
  overflow: hidden;
  width: 100%;
}
.accountV2 .account-general > div:not(.gv-container) {
  display: flex;
  margin-bottom: 30px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container {
  flex: 1 1 auto;
  width: calc(50% - 15px);
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container:first-child {
  margin-right: 15px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container:last-child {
  margin-left: 15px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-display > div {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  width: auto;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-display > div > div {
  display: flex;
  font-size: 14px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-display > div > div > span {
  flex: 1 1 auto;
  margin-bottom: 10px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(50% - 10px);
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-display > div > div > strong {
  flex: 1 1 auto;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(50% - 10px);
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-edit > div > div {
  display: flex;
  width: 100%;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-edit > div > div > label.gv-input:not(.timezone) {
  width: calc(50% - 15px);
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-edit > div > div > label.gv-input:not(.timezone):first-child {
  margin-right: 15px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container > div.account-edit > div > div > label.gv-input:not(.timezone):last-child {
  margin-left: 15px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li {
  margin-bottom: 15px;
  text-align: center;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li > a {
  margin-left: 10px;
  text-decoration: none;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li > a.verify {
  margin-left: 0;
  margin-right: 5px;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li > a > i {
  color: #CFCFCF;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li > a:hover > i {
  color: #666666;
  cursor: pointer;
}
.accountV2 .account-general > div:not(.gv-container) > div.gv-container ol.account-notification-emails > li > span {
  color: #666666;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.accountV2 .account-general div.custom-email > div > label.gv-input {
  width: calc(25% - 15px);
}
.accountV2 .account-general div.custom-email > div > label.gv-input > input {
  width: calc(95%);
}
.accountV2 .account-mailings .footer {
  padding: 8px 10px;
  text-align: right;
}
.accountV2 .account-mailings .footer .dropdown-menu {
  left: calc(100% + 8px);
  transform: translateX(-100%);
}
.accountV2 .account-mailings .gv-tab-content.gv-grid .gv-grid-selected-actions > .action > a.archive-button {
  width: 150px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image {
  padding: 16px 16px 16px 0;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image > div {
  text-align: center;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image > div > i {
  display: none;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image > div > img {
  display: inline-block;
  max-height: 75px;
  max-width: 75px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image > div.empty > i {
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 1px;
  color: #CFCFCF;
  display: inline-block;
  font-size: 24px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  vertical-align: middle;
  width: 47px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-image > div.empty > img {
  display: none;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name {
  font-size: 12px;
  line-height: 16px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name > a {
  color: #4AB37E;
  display: block;
  margin-bottom: 8px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name > span {
  color: #666666;
  display: block;
  font-style: italic;
  margin-bottom: 8px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name > ul > li {
  background-color: #666666;
  border-radius: 2px;
  display: inline-block;
  padding: 3px 5px;
  margin-right: 8px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name > ul > li > i {
  color: #CFCFCF;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  margin-left: 4px;
  vertical-align: middle;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td.mailing-name > ul > li > span {
  color: #ffffff;
  font-size: 10px;
  vertical-align: middle;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .last-sent {
  white-space: nowrap;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .last-sent.scheduled > em {
  background-color: #FFD641;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .last-sent.sent > em {
  background-color: #91BCE7;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .last-sent > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .last-sent > em {
  background-color: #CFCFCF;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .purchase > a {
  display: block;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .purchase > i {
  color: #CFCFCF;
  display: block;
  font-size: 10px;
  font-style: italic;
  line-height: 14px;
  margin-bottom: 5px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .purchase > span {
  display: block;
  margin-bottom: 5px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .purchase > span > span {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .purchase > span.trial > span {
  background-color: #FFDBDB;
  border-radius: 4px;
  color: #F37575;
  padding: 2px 4px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display {
  display: block;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display > div.bar {
  background-color: #E8E8E8;
  border-radius: 8px;
  box-shadow: 0 0 0 0 #CFCFCF;
  display: inline-block;
  height: 8px;
  line-height: 16px;
  position: relative;
  transition: box-shadow ease 0.25s;
  vertical-align: middle;
  width: 60px;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display > div.bar > em {
  border-radius: 8px;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display > div.bar > em.green {
  background-color: #4AB37E;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display > div.bar > em.yellow {
  background-color: #E0BB6D;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid td .rate-display > div.percent {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  margin-left: 10px;
  user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  -webkit-user-select: initial;
  vertical-align: middle;
}
.accountV2 .account-mailings .gv-tab-content.gv-grid tr.active .rate-display > .bar {
  box-shadow: 0px 0px 0px 1px #CFCFCF;
}
.accountV2 .account-mailings .gv-tab-header {
  position: relative;
}
.accountV2 .account-mailings .gv-tab-header .actions {
  position: relative;
  top: -8px;
}
.accountV2 .account-mailings .rate-chart {
  padding: 0 10px 10px 0;
  white-space: nowrap;
}
.accountV2 .account-mailings .rate-chart > .chart-container {
  display: inline-block;
  height: 100px;
  position: relative;
  vertical-align: top;
  width: 100px;
  margin-right: 25px;
}
.accountV2 .account-mailings .rate-chart > ol {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  width: 125px;
}
.accountV2 .account-mailings .rate-chart > ol > li {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.accountV2 .account-mailings .rate-chart > ol > li > em {
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 8px;
  vertical-align: middle;
  width: 10px;
}
.accountV2 .account-mailings .rate-chart > ol > li > span {
  vertical-align: middle;
}
.accountV2 .account-mailings .rate-chart > ol > li > strong {
  position: absolute;
  right: 0;
  vertical-align: middle;
}
.accountV2 .account-notifications {
  display: flex;
}
.accountV2 .account-notifications > div {
  flex: 0 0 auto;
  margin-right: 2%;
  width: 32%;
}
.accountV2 .account-notifications > div:last-child {
  margin-right: 0;
}
.accountV2 .account-notifications > div > strong {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.accountV2 .account-notifications > div > ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.accountV2 .account-notifications > div > ul > li {
  display: block;
  margin: 15px 0 0 0;
}
.accountV2 .account-tags {
  display: flex;
}
.accountV2 .account-tags > div {
  flex: 1 1 auto;
  width: calc(50% - 15px);
}
.accountV2 .account-tags > div:first-child {
  margin-right: 15px;
}
.accountV2 .account-tags > div:last-child {
  margin-left: 15px;
}
.accountV2 .account-tags table tr > td:nth-child(2),
.accountV2 .account-tags table tr th:nth-child(2) {
  width: 100px;
}
.accountV2 .account-tags table tr > td:nth-child(3),
.accountV2 .account-tags table tr th:nth-child(3),
.accountV2 .account-tags table tr > td:nth-child(4),
.accountV2 .account-tags table tr th:nth-child(4) {
  width: 50px;
}
.accountV2 input.colorpicker + .sp-replacer {
  border: 1px solid #CFCFCF !important;
  border-radius: 4px !important;
  padding: 5px;
  position: relative;
}
.accountV2 input.colorpicker + .sp-replacer::after {
  border-bottom: 2.5px solid #666666;
  border-radius: 2px;
  border-right: 2.5px solid #666666;
  content: "";
  height: 10px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: rotate(45deg) translateY(-10px);
  width: 10px;
}
.accountV2 input.colorpicker + .sp-replacer.sp-active::after {
  right: 18px;
  transform: rotate(-135deg) translateY(4px);
}
.accountV2 input.colorpicker + .sp-replacer > .sp-dd {
  display: none;
}
.accountV2 input.colorpicker + .sp-replacer > .sp-preview {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  height: 24px;
  margin-right: 32px;
  width: 24px;
}
.accountV2 input.colorpicker + .sp-replacer > .sp-preview > .sp-preview-inner {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  height: 24px;
  position: relative;
  left: -1px;
  top: -1px;
  width: 24px;
}
.accountV2 #modalTrustpilotReview .modal-dialog {
  max-width: 95%;
  width: 600px;
}
.accountV2 #modalTrustpilotReview .modal-dialog .modal-body > div {
  margin-bottom: 30px;
  text-align: center;
}
.accountV2 #modalTrustpilotReview .modal-dialog .modal-body > iframe {
  border: 0;
  height: 700px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .accountV2 #modalTrustpilotReview > .modal-dialog .modal-body.desktop {
    display: none;
  }
  .accountV2 #modalTrustpilotReview > .modal-dialog .modal-body.mobile {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .accountV2 #modalTrustpilotReview .modal-body.desktop {
    display: block;
  }
  .accountV2 #modalTrustpilotReview .modal-body.mobile {
    display: none;
  }
}
.accountV2 .account-languages > div:not(.gv-modal) {
  display: flex;
}
.accountV2 .account-languages > div:not(.gv-modal) > div {
  flex: 1 1 auto;
  width: calc(50% - 15px);
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add {
  margin-left: 15px;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container {
  padding: 20px 30px;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.gv-container-header {
  color: #666666;
  font-size: 14px;
  margin-bottom: 20px;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.gv-form {
  display: flex;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.gv-form > button {
  flex: 0 0 auto;
  height: 38px;
  margin-left: 30px;
  width: 100px;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.gv-form > label.gv-input {
  display: flex;
  flex: 1 1 auto;
  margin: 0;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.gv-form > label.gv-input > input {
  flex: 1 1 auto;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.add > .gv-container > div.note {
  color: #666666;
  font-size: 14px;
  margin-bottom: 20px;
}
.accountV2 .account-languages > div:not(.gv-modal) > div.gv-grid {
  margin-right: 15px;
  padding: 20px;
}
.accountV2 .account-languages > div:not(.gv-modal) table tr > td,
.accountV2 .account-languages > div:not(.gv-modal) table tr th {
  color: #666666;
  font-size: 14px;
}
.accountV2 .account-languages > div:not(.gv-modal) table tr > td:nth-child(2),
.accountV2 .account-languages > div:not(.gv-modal) table tr th:nth-child(2) {
  width: 75px;
}
.accountV2 .account-languages > div:not(.gv-modal) table tr > td:nth-child(3),
.accountV2 .account-languages > div:not(.gv-modal) table tr th:nth-child(3) {
  width: 50px;
}
.accountV2 .account-languages > div.gv-modal > section {
  width: calc(100% - 40px);
}
.accountV2 .account-languages > div.gv-modal > section > div.body {
  flex: 1 1 auto;
  overflow: auto;
}
.accountV2 .account-languages > div.gv-modal > section > footer {
  flex: 0 0 auto;
  text-align: right;
}
.accountV2 .account-languages > div.gv-modal > section > header {
  color: #666666;
  flex: 0 0 auto;
  padding-bottom: 20px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 15px -20px;
  padding: 0;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term {
  display: inline-block;
  flex: 0 1 auto;
  margin: 5px 20px;
  vertical-align: text-top;
  width: auto;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term {
  align-items: center;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: flex;
  flex: 1 1 auto;
  padding: 8px 10px;
  transition: border ease 0.25s;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term.focus,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term.focus {
  border-color: #4AB37E;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term > i,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term > i {
  flex: 0 0 auto;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term > i.clear,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term > i.clear {
  color: #CFCFCF;
  cursor: pointer;
  font-size: 18px;
  margin-left: 10px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term > i.icon,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term > i.icon {
  margin-right: 10px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input.search-term > input,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term.search-term > input {
  border: 0;
  color: #666666;
  flex: 1 1 auto;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  outline: none;
  padding: 0;
  width: 100%;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input > input,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term > input,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input > select,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term > select {
  margin-bottom: 0;
  min-width: 120px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form > label.gv-input > span,
.accountV2 .account-languages > div.gv-modal > section > header > div.gv-form label.search-term > span {
  margin-right: 10px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.note {
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.search-summary {
  background-color: #F7F7F7;
  border-radius: 4px;
  display: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 20px 30px;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.search-summary.show {
  display: block;
}
.accountV2 .account-languages > div.gv-modal > section > header > div.search-summary > span {
  color: #666666;
  display: block;
  font-size: 14px;
}
.accountV2 .account-languages > div.gv-modal > section > header > strong {
  flex: 0 0 auto;
  font-size: 18px;
  font-weight: 700;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: -5px -5px;
  padding: 0;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li {
  flex: 0 0 auto;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label {
  cursor: pointer;
  display: block;
  margin-bottom: 0;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label > input[type=radio] {
  display: none;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label > input[type=radio]:checked + span,
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label > input[type=radio]:checked + span:hover {
  background-color: #E9F7F1;
  color: #333333;
  font-weight: 600;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label > span {
  background-color: #F7F7F7;
  border-radius: 100px;
  color: #9F9F9F;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 5px;
  padding: 10px;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
}
.accountV2 .account-languages > div.gv-modal > section > header > ul.categories > li > label > span:hover {
  background-color: #EEEEEE;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li {
  display: inline-block;
  width: calc(50% - 22.5px);
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li:nth-child(odd) {
  margin-right: 40px;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.arrow {
  position: relative;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.arrow::after {
  border-bottom: 2px solid #666666;
  content: "";
  height: 0;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-2px);
  width: 14px;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.arrow::before {
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;
  content: "";
  height: 10px;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-6px) rotate(-45deg);
  width: 10px;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.arrow > var {
  background-color: #FAFAFA;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  padding: 10px 12px;
  width: calc(100% - 30px);
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.form-content {
  margin: 0;
}
.accountV2 .account-languages > div.gv-modal > section .language-phrase-modify > ol.phrases li > label > span.form-content > span.gv-textinput-ml {
  width: 100%;
}
.address-book.v2 {
  margin: 25px 40px;
}
.address-book.v2 #modalExport .modal-dialog {
  margin-top: 250px;
  width: 300px;
}
.address-book.v2 .gv-grid table > tbody > tr.beginrow > td {
  border-top: 1px solid #E8E8E8;
}
.address-book.v2 .gv-grid table > tbody > tr.beginrow > td:not(:first-child) {
  padding-top: 16px;
}
.address-book.v2 .gv-grid table > tbody > tr.endrow > td:not(:first-child) {
  padding-bottom: 16px;
}
.address-book.v2 .gv-grid table > tbody > tr:not(.beginrow) > td.tdcheckbox > span.check {
  margin-top: 0;
}
.address-book.v2 .gv-grid table > tbody > tr > td {
  border-top: 0;
}
.address-book.v2 .gv-grid table > tbody > tr > td:not(:first-child) {
  padding: 8px;
}
.address-book.v2 .gv-grid table > tbody > tr > td.tdcheckbox {
  width: 36px;
}
.address-book.v2 .gv-grid table > thead th.thcheckbox {
  width: 36px;
}
.address-book.v2 .header {
  display: flex;
  margin-bottom: 20px;
}
.address-book.v2 .header > div:first-child {
  flex: 1 1 auto;
  margin-right: 30px;
  position: relative;
}
.address-book.v2 .header > div:nth-child(2) {
  flex: 0 0 auto;
  padding-top: 4px;
}
.address-book.v2 .header .title {
  color: #666666;
  font-size: 18px;
}
.design-services {
  margin-bottom: 30px;
}
.design-services .dsr-container .dsr-details {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  color: #666666;
  display: block;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 21px;
  margin-top: 30px;
  padding: 15px;
}
.design-services .dsr-container .dsr-details .dsr-detail {
  margin-bottom: 25px;
}
.design-services .dsr-container .dsr-details .dsr-detail > div,
.design-services .dsr-container .dsr-details .dsr-detail > label {
  display: block;
  margin-bottom: 20px;
}
.design-services .dsr-container .dsr-details .dsr-detail > div > strong,
.design-services .dsr-container .dsr-details .dsr-detail > label > strong {
  display: block;
  margin-top: 10px;
}
.design-services .dsr-container .dsr-details .dsr-detail > p {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.design-services .dsr-container .dsr-details .dsr-detail > p > img {
  flex: 0 0 auto;
  max-width: 50%;
}
.design-services .dsr-container .dsr-details .dsr-detail > p > span {
  flex: 0 0 auto;
  margin-left: 40px;
}
.design-services .dsr-container .dsr-details .dsr-detail > p > span > label {
  display: block;
  margin: 10px 0;
}
.design-services .dsr-container .dsr-details .dsr-detail .gv-input > textarea,
.design-services .dsr-container .dsr-details .dsr-detail .gv-input > .textarea {
  min-height: 120px;
  white-space: normal;
  width: 100%;
}
.design-services .dsr-container .dsr-details .dsr-detail .gv-input > .input,
.design-services .dsr-container .dsr-details .dsr-detail .gv-input > .textarea {
  background-color: #FAFAFA;
  border-color: #EEEEEE;
  color: #333333;
  cursor: text;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  display: block;
  font-weight: bold;
  margin-bottom: 9px;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong.validation-error {
  color: #ED4949;
  border-bottom: 1px solid #ED4949;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong.validation-error > small {
  color: #F37575;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong.validation-error > .validation-message {
  display: inline-block;
  margin-right: 10px;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong > small {
  color: #666666;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}
.design-services .dsr-container .dsr-details .dsr-detail > strong > .validation-message {
  display: none;
}
.design-services .dsr-container .dsr-details .dsr-detail.color > ol {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.design-services .dsr-container .dsr-details .dsr-detail.color > ol > li {
  display: block;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 25px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color > ol > li > label {
  margin-bottom: 15px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color > ol > li > label > em,
.design-services .dsr-container .dsr-details .dsr-detail.color > ol > li > label > span {
  vertical-align: middle;
}
.design-services .dsr-container .dsr-details .dsr-detail.color > ol > li > label > input {
  opacity: 0;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker {
  display: inline-block;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list {
  display: flex;
  margin-bottom: 15px;
  white-space: nowrap;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > label {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0;
  padding-left: 10px;
  text-align: right;
  white-space: nowrap;
  width: auto;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > label > input {
  width: 85px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors {
  display: inline-block;
  flex: 1 1 auto;
  list-style-type: none;
  margin: 3px 0 0 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  padding: 2px;
  transition: border ease 0.25s;
  white-space: nowrap;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li.selected {
  border: 1px solid #269D64;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li.selected > em.selected {
  display: inline-block;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li.selected > em.unselected {
  display: none;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li > em {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  display: inline-block;
  height: 26px;
  width: 26px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li > em.selected {
  display: none;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li > em.unselected {
  display: inline-block;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .color-list > ol.colors > li > var {
  display: inline-block;
  line-height: 25px;
  margin: 0 25px 0 10px;
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  vertical-align: top;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container {
  background-color: #ffffff;
  border: 0;
  z-index: 10;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container > .sp-picker-container {
  padding: 0 0 300px 0;
  width: 220px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container > .sp-picker-container .sp-color {
  border: 1px solid #E8E8E8;
  border-radius: 2px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container > .sp-picker-container .sp-color .sp-dragger {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  height: 7px;
  width: 7px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container > .sp-picker-container .sp-hue {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  margin-left: 8px;
  width: 16px;
}
.design-services .dsr-container .dsr-details .dsr-detail.color .picker .sp-container > .sp-picker-container .sp-hue .sp-slider {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, 0.15);
  height: 7px;
  margin-left: -1px;
  margin-top: 3px;
  transform: translateX(50%);
  width: 7px;
}
.design-services .dsr-container .dsr-details .dsr-detail-group:not(:first-child) {
  margin-top: 40px;
}
.design-services .dsr-container .dsr-details .dsr-detail-group > h5 {
  border-bottom: 1px solid #CFCFCF;
  color: #666666;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding-bottom: 8px;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > a,
.design-services .dsr-container .dsr-details .dsr-detail-upload a.qq-upload-button-hover {
  color: #4AB37E;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  margin: 0 10px;
  text-align: left;
  transition: color ease 0.25s;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > a:hover,
.design-services .dsr-container .dsr-details .dsr-detail-upload a.qq-upload-button-hover:hover {
  color: #269D64;
  text-decoration: none;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li {
  background-color: #F7F7F7;
  border-radius: 4px;
  display: flex;
  margin-bottom: 10px;
  padding: 8px 10px;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a {
  color: #666666;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 18px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a:hover {
  color: #333333;
  text-decoration: none;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a:hover > i {
  color: #333333;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a:hover > span {
  color: #9F9F9F;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a.delete {
  flex: 0 0 auto;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li > a span {
  color: #CFCFCF;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin-left: 6px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li i {
  color: #9F9F9F;
  display: inline-block;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 16px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li img {
  max-width: 48px;
}
.design-services .dsr-container .dsr-details .dsr-detail-upload > ol > li img + a {
  margin-left: 8px;
}
.design-services .dsr-container .dsr-details .dsr-header {
  display: flex;
  margin-bottom: 20px;
}
.design-services .dsr-container .dsr-details .dsr-header > .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 60px;
  width: 60px;
}
.design-services .dsr-container .dsr-details .dsr-header > .name {
  flex: 1 1 auto;
  margin-left: 20px;
}
.design-services .dsr-container .dsr-details .dsr-header > .name > strong {
  color: #333333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.design-services .qq-uploader {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  min-height: 0;
  padding: 0;
}
.design-services .secondary-email-address {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  display: block;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 21px;
  margin-top: 30px;
  padding: 15px;
  text-align: center;
}
.design-services .send {
  position: relative;
  overflow: hidden;
}
.design-services .send .dropzone {
  border: none;
  padding: 15px;
}
.design-services .send .fa-times-circle {
  color: #666666;
  font-size: 16px;
  text-decoration: none;
  vertical-align: middle;
}
.design-services .send .qq-upload-button {
  display: inline;
}
.design-services .send .qq-upload-list li.qq-upload-success:last-child {
  margin-bottom: 10px;
}
.design-services .send .qq-uploader {
  padding-left: 10px;
  padding-right: 10px;
}
.design-services .send-container {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  margin-top: 30px;
  padding: 20px;
}
.design-services .send-container textarea {
  border-color: #CFCFCF;
  color: #666666;
  height: 72px;
  padding: 5px;
  width: 100%;
}
.design-services #upAttach-dz {
  text-align: left;
}
.design-services #upAttach-dz > span {
  display: inline-block;
  vertical-align: text-top;
}
.designer.creative > .asset-groups {
  display: flex;
  margin-top: 30px;
}
.designer.creative > .asset-groups > .designer-section {
  flex: 0 0 auto;
  margin-left: 30px;
  padding-bottom: 92px;
  position: relative;
  transition-duration: 0.25s;
  transition-property: border, box-shadow;
  transition-timing-function: ease;
  width: calc(25% - 22.5px);
}
.designer.creative > .asset-groups > .designer-section:hover {
  border: 1px solid #4AB37E;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.designer.creative > .asset-groups > .designer-section:first-child {
  margin-left: 0;
}
.designer.creative > .asset-groups > .designer-section > footer {
  bottom: 30px;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.designer.creative .empty-state {
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  padding: 80px;
  text-align: center;
}
.designer.creative .empty-state > img {
  display: inline-block;
  margin-bottom: 30px;
}
.designer.creative .modal-category {
  margin-top: 30px;
}
.designer.creative .modal-category:first-child {
  margin-top: 0;
}
.designer.creative .modal-category > ol.modal-category-items {
  display: flex;
  flex-flow: wrap;
  list-style-type: none;
  margin: 0 -15px;
  padding: 0;
}
.designer.creative .modal-category > ol.modal-category-items > li {
  cursor: pointer;
  display: block;
  flex: 0 0 auto;
  margin: 15px;
  position: relative;
}
.designer.creative .modal-category > ol.modal-category-items > li > a {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.designer.creative .modal-category > ol.modal-category-items > li > a.light {
  border: 1px solid #CFCFCF;
}
.designer.creative .modal-category > strong {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
}
.designer.creative ol.modal-category-tabs {
  border-bottom: 1px solid #CFCFCF;
  display: block;
  list-style-type: none;
  margin: 30px -40px 40px -40px;
  padding: 0 40px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: calc(100% + 80px);
}
.designer.creative ol.modal-category-tabs > li {
  display: inline-block;
  left: -40px;
  margin-left: 40px;
  position: relative;
}
.designer.creative ol.modal-category-tabs > li > a {
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  padding: 10px 0 12px 0;
  text-decoration: none;
  transition-duration: 0.25s;
  transition-property: border-bottom, color, font-weight;
  transition-timing-function: ease;
}
.designer.creative ol.modal-category-tabs > li > a.active {
  border-bottom: 3px solid #4AB37E;
  color: #4AB37E;
  font-weight: bold;
}
.designer.creative .modal-body > .modal-working {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0px;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
}
.designer.creative .modal-body.working > .modal-working {
  transform: translateX(0);
}
.designer.creative .scroll-container {
  display: flex;
  position: relative;
}
.designer.creative .scroll-container > .content {
  flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
}
.designer.creative .scroll-container > .scrollbar {
  flex: 1 1 auto;
}
.designer.creative .scroll-container > .scrollbar .gv-scrollbar > .handle {
  background-color: #CFCFCF;
}
.designer.creative #modalFonts .modal-dialog {
  width: 100%;
}
.designer.creative #modalFonts div.font-list {
  margin-top: 40px;
}
.designer.creative #modalFonts div.font-list ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.designer.creative #modalFonts div.font-list ol > li {
  display: inline-block;
  font-size: 18px;
  overflow: hidden;
  padding: 2px 4px;
  text-overflow: ellipsis;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  width: 215px;
}
.designer.creative #modalStockPhotos .modal-dialog {
  width: 100%;
}
.designer.creative #modalTemplates {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.designer.creative #modalTemplates .modal-dialog {
  width: 800px;
}
.designer.creative #modalTemplates .template {
  display: inline-block;
  margin: 30px 40px;
  text-align: center;
}
.designer.creative #modalTemplates .template > .download {
  display: block;
  margin-top: 20px;
}
.designer.creative #modalTemplates .template > .download > .links {
  margin-top: 10px;
}
.designer.creative #modalTemplates .template > .download > .links > a {
  background-position: center center;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  height: 30px;
  margin: 0 12.5px;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
}
.designer.creative #modalTemplates .template > .download > .links > a.link-ai {
  background-image: url(https://css.greenvelope.com/user/_images/ai.png);
}
.designer.creative #modalTemplates .template > .download > .links > a.link-ps {
  background-image: url(https://css.greenvelope.com/user/_images/ps.png);
}
.designer.creative #modalTemplates .template > .download > span {
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.designer.creative #modalTemplates .template > .sample {
  background-color: #ffffff;
  border: 1.75px solid #CFCFCF;
  border-radius: 2px;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  position: relative;
  color: #333333;
  vertical-align: middle;
}
.designer.creative #modalTemplates .template > .sample.landscape {
  height: 102px;
  line-height: 102px;
  width: 160px;
}
.designer.creative #modalTemplates .template > .sample.liner {
  height: 100px;
  line-height: 100px;
  width: 139px;
}
.designer.creative #modalTemplates .template > .sample.portrait {
  height: 150px;
  line-height: 150px;
  width: 102px;
}
.designer.creative #modalTemplates .template > .sample.square {
  height: 120px;
  line-height: 120px;
  width: 120px;
}
.designer.creative #modalTemplates .template > .sample.thank_you_note {
  height: 100px;
  line-height: 100px;
  width: 160px;
}
.designer.creative #modalTextures .modal-dialog {
  width: 100%;
}
.designer .design-background .background-upload {
  position: relative;
}
.designer .design-background .background-upload > span {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 100;
}
.designer .design-background div.backgrounds {
  margin: 16px 20px 0 0;
}
.designer .design-background div.backgrounds > div > label {
  display: block;
  width: 100%;
}
.designer .design-background div.backgrounds > div > label > select {
  width: 100%;
}
.designer .design-background div.backgrounds > div ol {
  display: block;
  list-style-type: none;
  margin: 16px 4px 4px 4px;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.designer .design-background div.backgrounds > div ol > li {
  display: inline-block;
  vertical-align: top;
}
.designer .design-background div.backgrounds > div ol .background {
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  transition-duration: 0.5s;
  transition-property: background-color, border;
  transition-timing-function: ease;
}
.designer .design-background div.backgrounds > div ol .background.selected {
  background-color: #DFF4EC;
}
.designer .design-background div.backgrounds > div ol .background > div {
  background-image: url('https://css.greenvelope.com/user/_images/1x1.gif');
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  height: 55px;
  width: 82px;
}
.designer .design-background div.blue-grid {
  display: flex;
  margin-right: 20px;
}
.designer .design-background div.blue-grid > label {
  flex: 1 1 auto;
}
.designer .design-background div.blue-grid > label > input {
  display: none;
}
.designer .design-background .preview-container {
  display: flex;
  width: 100%;
}
.designer .design-background .preview-container .preview-card {
  flex: 1 1 auto;
  width: 450px;
}
.designer .design-background .preview-container .preview-card img {
  max-width: 100%;
}
.designer .design-background .preview-container .preview-menu {
  background-color: #ffffff;
  flex: 0 0 auto;
  min-height: 300px;
  position: relative;
  width: 300px;
}
.designer .design-background .preview-container .preview-menu .details {
  padding: 20px;
  text-align: center;
}
.designer .design-background .preview-container .preview-menu .details > .details-header {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.designer .design-background .preview-container .preview-menu .details > ol.details-sections {
  border-top: 1px solid #CFCFCF;
  list-style-type: none;
  margin: 20px;
  padding: 0;
}
.designer .design-background .preview-container .preview-menu .details > ol.details-sections > li {
  border-bottom: 1px solid #CFCFCF;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
}
.designer .design-background .preview-container .preview-menu .rsvp {
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05);
  padding: 20px;
  text-align: center;
}
.designer .design-popularity .design-popularity-display {
  display: flex;
  align-items: center;
}
.designer .design-popularity .design-popularity-display > div.details {
  flex: 1 1 auto;
  margin-left: 15px;
}
.designer .design-popularity .design-popularity-display > div.image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 auto;
  height: 72px;
  text-align: center;
  vertical-align: middle;
  width: 72px;
}
.designer.submit #modalUploadCustom .add-proof-options {
  display: flex;
  margin-bottom: 10px;
}
.designer.submit #modalUploadCustom .add-proof-options > label {
  flex: 1 1 auto;
}
.designer.submit #modalUploadCustom .add-proof-options > label:last-child {
  text-align: right;
}
.designer.submit .add-proof {
  border: 1px solid #CFCFCF;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 182px;
  margin: 10px;
  padding: 30px;
  text-align: center;
  width: 152px;
  vertical-align: top;
}
.designer.submit .blue-grid .tab-bar a.active {
  background-color: #ffffff;
}
.designer.submit .design {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-bottom: 3px solid #CFCFCF;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 0.5%;
  padding-bottom: 10px;
  vertical-align: top;
}
.designer.submit .design .design-style {
  border: 1px solid #CFCFCF;
  display: inline-block;
  height: 12px;
  width: 30%;
}
.designer.submit .design .designername {
  padding: 10px;
}
.designer.submit .design-image {
  width: 200px;
}
.designer.vote {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 35px;
}
.designer.vote .comments > header,
.designer.vote .voting > header {
  margin: 0 0 25px 0;
  text-align: center;
}
.designer.vote .comments > header > span,
.designer.vote .voting > header > span {
  color: #666666;
  display: block;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
}
.designer.vote .comments > header > strong,
.designer.vote .voting > header > strong {
  color: #333333;
  display: block;
  font-family: brandon-grotesque;
  font-size: 30px;
  line-height: 43px;
  margin-bottom: 15px;
}
.designer.vote .comments ul.designs,
.designer.vote .voting ul.designs {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.designer.vote .comments ul.designs > li,
.designer.vote .voting ul.designs > li {
  flex: 1 1 auto;
  margin: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: calc(25% - 40px);
}
.designer.vote .comments ul.designs > li > footer,
.designer.vote .voting ul.designs > li > footer {
  color: #666666;
  text-align: center;
}
.designer.vote .comments ul.designs > li > footer > small,
.designer.vote .voting ul.designs > li > footer > small {
  display: block;
  font-size: 11px;
  font-style: italic;
  line-height: 16px;
  margin-top: 5px;
}
.designer.vote .comments ul.designs > li > footer > strong,
.designer.vote .voting ul.designs > li > footer > strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 10px;
}
.designer.vote .comments ul.designs > li > footer > ul.styles,
.designer.vote .voting ul.designs > li > footer > ul.styles {
  display: inline-block;
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.designer.vote .comments ul.designs > li > footer > ul.styles > li,
.designer.vote .voting ul.designs > li > footer > ul.styles > li {
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 4px;
  width: 16px;
}
.designer.vote .comments ul.designs > li > footer > ul.styles > li.active,
.designer.vote .voting ul.designs > li > footer > ul.styles > li.active {
  border: 2px solid #666666;
}
.designer.vote .comments ul.designs > li > div,
.designer.vote .voting ul.designs > li > div {
  display: inline-block;
  margin-top: 25px;
  position: relative;
  text-align: center;
}
.designer.vote .comments ul.designs > li > div:hover > .actions,
.designer.vote .voting ul.designs > li > div:hover > .actions {
  display: block;
}
.designer.vote .comments ul.designs > li > div > .actions,
.designer.vote .voting ul.designs > li > div > .actions {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.designer.vote .comments ul.designs > li > div > .actions > span,
.designer.vote .voting ul.designs > li > div > .actions > span {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button,
.designer.vote .voting ul.designs > li > div > .actions > span > button {
  display: block;
  margin-top: 16px;
  width: 100%;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button:first-child,
.designer.vote .voting ul.designs > li > div > .actions > span > button:first-child {
  margin-top: 0;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button:hover,
.designer.vote .voting ul.designs > li > div > .actions > span > button:hover {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button:hover > i,
.designer.vote .voting ul.designs > li > div > .actions > span > button:hover > i {
  color: #333333;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button.liked,
.designer.vote .voting ul.designs > li > div > .actions > span > button.liked {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #4AB37E;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button.liked:hover,
.designer.vote .voting ul.designs > li > div > .actions > span > button.liked:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #4AB37E;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button.liked > i,
.designer.vote .voting ul.designs > li > div > .actions > span > button.liked > i {
  color: #4AB37E;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button.liked > i:hover,
.designer.vote .voting ul.designs > li > div > .actions > span > button.liked > i:hover {
  color: #4AB37E;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button > i,
.designer.vote .voting ul.designs > li > div > .actions > span > button > i {
  color: #666666;
}
.designer.vote .comments ul.designs > li > div > .actions > span > button > i:hover,
.designer.vote .voting ul.designs > li > div > .actions > span > button > i:hover {
  color: #333333;
}
.designer.vote .comments ul.designs > li > div > span.counts,
.designer.vote .voting ul.designs > li > div > span.counts {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -25px;
  text-align: right;
}
.designer.vote .comments ul.designs > li > div > img,
.designer.vote .voting ul.designs > li > div > img {
  min-height: 100px;
  min-width: 100px;
}
.designer.vote .instructions {
  text-align: center;
}
.designer.vote .instructions > div {
  color: #666666;
  display: inline-block;
  max-width: 875px;
  text-align: left;
  width: auto;
}
.designer.vote .instructions > div > footer {
  margin-top: 35px;
  text-align: center;
}
.designer.vote .instructions > div > footer > button.btnV2 {
  font-size: 18px;
  line-height: 25px;
  padding: 14px 25px;
}
.designer.vote .instructions > div > header {
  color: #333333;
  font-family: brandon-grotesque;
  margin: 0 0 30px 0;
  position: relative;
}
.designer.vote .instructions > div > header > span {
  background-color: #F4DDA8;
  border-radius: 4px;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 26px;
  margin-left: 20px;
  padding: 5px 6px;
  position: relative;
  top: -4px;
}
.designer.vote .instructions > div > header > strong {
  font-size: 30px;
  letter-spacing: 0.5px;
  line-height: 43px;
  text-transform: uppercase;
}
.designer.vote .instructions > div > div {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-top: 20px;
}
.designer.vote .instructions > div > strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 27px;
}
.designer.vote .instructions > div > ul.steps {
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  margin: 25px 0 0 0;
  padding: 0;
}
.designer.vote .instructions > div > ul.steps > li {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
  flex: 1 1 auto;
  margin-left: 30px;
  padding: 20px 10px 30px 10px;
  text-align: center;
  width: calc(25% - 22.5px);
}
.designer.vote .instructions > div > ul.steps > li:first-child {
  margin-left: 0;
}
.designer.vote .instructions > div > ul.steps > li > span {
  display: block;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-top: 20px;
}
.designer.vote .instructions > div > ul.steps > li > strong {
  color: #333333;
  display: block;
  font-family: brandon-grotesque;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 34px;
  margin-bottom: 15px;
}
.designer.vote .message {
  text-align: center;
}
.designer.vote .message > header {
  color: #333333;
  font-family: brandon-grotesque;
  font-size: 30px;
  font-weight: normal;
  line-height: 43px;
  margin-bottom: 25px;
}
.designer.vote .message > span {
  color: #666666;
  display: block;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-bottom: 35px;
  text-align: center;
}
.designer.vote .message > strong {
  color: #666666;
  display: block;
  line-height: 34px;
  font-family: brandon-grotesque;
  font-size: 24px;
  font-weight: normal;
  margin-top: 35px;
}
.designer.vote-header {
  margin-bottom: 15px;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.designer.vote-header > ol {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.designer.vote-header > ol > li {
  display: inline-block;
  padding: 0 20px;
}
.designer.vote-header > ol > li > a {
  color: #666666;
  cursor: pointer;
  display: block;
  font-family: brandon-grotesque;
  font-size: 18px;
  text-decoration: none;
  transition: color ease 0.25s;
}
.designer.vote-header > ol > li > a:hover {
  color: #333333;
}
.designer.vote-header > ol > li > a.active {
  color: #4AB37E;
  cursor: auto;
}
.designer.vote-header > ol > li > a.active:hover {
  color: #4AB37E;
}
.designer.vote-header > ol > li > a > i {
  display: inline-block;
  margin-right: 5px;
}
.designer ol.comments {
  list-style-type: none;
  margin: 30px 0 0 0;
  padding: 0;
}
.designer ol.comments.replies {
  margin: 0 0 15px 0;
  padding: 0;
}
.designer ol.comments.replies > li {
  background-color: #F7F7F7;
  border-radius: 4px;
  border-top: 0;
  margin-top: 15px;
  padding-left: 50px;
}
.designer ol.comments.replies > li:first-child {
  margin-top: 0;
}
.designer ol.comments > li {
  border-top: 1px solid #E8E8E8;
}
.designer ol.comments > li > div {
  display: flex;
  padding: 15px 0;
}
.designer ol.comments > li > div > span.data {
  color: #333333;
  flex: 1 1 auto;
  font-family: "Open Sans";
  letter-spacing: 0.5px;
}
.designer ol.comments > li > div > span.data > small {
  color: #666666;
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.designer ol.comments > li > div > span.data > small > a {
  color: #4AB37E;
  cursor: pointer;
}
.designer ol.comments > li > div > span.data > small > span {
  border-right: 1px solid #E8E8E8;
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
}
.designer ol.comments > li > div > span.data > span {
  display: block;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.designer ol.comments > li > div > span.data > strong {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 15px;
}
.designer ol.comments > li > div > span.image {
  background-color: #CFCFCF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 40px;
  margin-right: 10px;
  width: 40px;
}
.designer span.counts {
  display: block;
  margin: 0;
}
.designer span.counts > .count {
  color: #666666;
  display: inline-block;
  font-family: brandon-grotesque;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
.designer span.counts > .count.active > i {
  color: #4AB37E;
}
.designer span.counts > .count:first-child {
  margin-left: 0;
}
.designer span.counts > .count > i {
  color: #CFCFCF;
  margin-right: 5px;
}
.designer .designer-section {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 30px;
  text-align: center;
}
.designer .designer-section > div {
  color: #666666;
  font-size: 14px;
  line-height: 19px;
}
.designer .designer-section > footer {
  margin-top: 20px;
}
.designer .designer-section > header {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 0.642857px;
  margin-bottom: 20px;
}
.designer .designer-section > header > img {
  display: inline-block;
  margin-bottom: 20px;
}
.designer .designer-section > header > span {
  display: block;
}
.designer #modalComment .modal-dialog,
.designer #modalCommentDisplay .modal-dialog {
  width: 900px;
}
.designer #modalReply .modal-content {
  transform: translateY(50%);
}
.designer #modalReply .modal-content div.design > div.details > div.comment {
  margin-top: 0;
}
.designer #modalComment div.design,
.designer #modalCommentDisplay div.design,
.designer #modalReply div.design {
  display: flex;
}
.designer #modalComment div.design > div.image,
.designer #modalCommentDisplay div.design > div.image,
.designer #modalReply div.design > div.image {
  flex: 1 1 auto;
  margin-right: 40px;
  max-width: 320px;
  text-align: center;
}
.designer #modalComment div.design > div.image > img,
.designer #modalCommentDisplay div.design > div.image > img,
.designer #modalReply div.design > div.image > img {
  max-height: 400px;
  max-width: 320px;
}
.designer #modalComment div.design > div.details,
.designer #modalCommentDisplay div.design > div.details,
.designer #modalReply div.design > div.details {
  flex: 1 1 auto;
}
.designer #modalComment div.design > div.details > div.comment,
.designer #modalCommentDisplay div.design > div.details > div.comment,
.designer #modalReply div.design > div.details > div.comment {
  margin-top: 40px;
  text-align: right;
}
.designer #modalComment div.design > div.details > div.comment > textarea,
.designer #modalCommentDisplay div.design > div.details > div.comment > textarea,
.designer #modalReply div.design > div.details > div.comment > textarea {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: block;
  height: 150px;
  margin-bottom: 30px;
  padding: 8px 10px;
  transition: border-color ease 0.25s;
  width: 100%;
}
.designer #modalComment div.design > div.details > div.comment > textarea:focus,
.designer #modalCommentDisplay div.design > div.details > div.comment > textarea:focus,
.designer #modalReply div.design > div.details > div.comment > textarea:focus {
  border-color: #4AB37E;
  outline: none;
}
.designer #modalComment div.design > div.details > header,
.designer #modalCommentDisplay div.design > div.details > header,
.designer #modalReply div.design > div.details > header {
  margin: 0 0 12px 0;
  white-space: nowrap;
}
.designer #modalComment div.design > div.details > header > i,
.designer #modalCommentDisplay div.design > div.details > header > i,
.designer #modalReply div.design > div.details > header > i {
  color: #CFCFCF;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  line-height: 28px;
  margin-left: 10px;
}
.designer #modalComment div.design > div.details > header > i.liked,
.designer #modalCommentDisplay div.design > div.details > header > i.liked,
.designer #modalReply div.design > div.details > header > i.liked {
  color: #4AB37E;
}
.designer #modalComment div.design > div.details > header > strong,
.designer #modalCommentDisplay div.design > div.details > header > strong,
.designer #modalReply div.design > div.details > header > strong {
  color: #333333;
  font-family: brandon-grotesque;
  font-size: 24px;
  line-height: 28px;
}
.designer #modalComment div.design > div.details > span,
.designer #modalCommentDisplay div.design > div.details > span,
.designer #modalReply div.design > div.details > span {
  color: #9F9F9F;
  display: block;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: 0.276923px;
  line-height: 25px;
  margin-bottom: 16px;
}
.designer #modalComment div.design > div.details > ul.styles,
.designer #modalCommentDisplay div.design > div.details > ul.styles,
.designer #modalReply div.design > div.details > ul.styles {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.designer #modalComment div.design > div.details > ul.styles > li,
.designer #modalCommentDisplay div.design > div.details > ul.styles > li,
.designer #modalReply div.design > div.details > ul.styles > li {
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  height: 16px;
  margin-left: 15px;
  width: 16px;
}
.designer #modalComment div.design > div.details > ul.styles > li:first-child,
.designer #modalCommentDisplay div.design > div.details > ul.styles > li:first-child,
.designer #modalReply div.design > div.details > ul.styles > li:first-child {
  margin-left: 0;
}
.designer #modalComment div.design > div.details > ul.styles > li.active,
.designer #modalCommentDisplay div.design > div.details > ul.styles > li.active,
.designer #modalReply div.design > div.details > ul.styles > li.active {
  box-shadow: 0 0 0 3px #CFCFCF;
}
.designer #modalDesignPopularity .modal-dialog {
  width: 800px;
}
.designer #modalDesignPopularity .modal-dialog > .modal-title {
  color: #333333;
  font-family: brandon-grotesque;
  font-size: 24px;
  line-height: 34px;
}
.designer #modalDesignPopularity .design-available {
  color: #9F9F9F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.276923px;
  line-height: 25px;
}
.designer #modalDesignPopularity .design-comments {
  border-top: 1px solid #E8E8E8;
}
.designer #modalDesignPopularity .design-comments ol.comments {
  margin-top: 0;
}
.designer #modalDesignPopularity .design-comments ol.comments > li:first-child {
  border-top: 0;
}
.designer #modalDesignPopularity .design-comments > strong {
  color: #9F9F9F;
  display: block;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.designer #modalDesignPopularity .details {
  display: flex;
}
.designer #modalDesignPopularity .details > div.design-image {
  flex: 0 0 auto;
  margin-right: 20px;
  width: 340px;
}
.designer #modalDesignPopularity .details > div.design-image > div.image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
  position: relative;
}
.designer #modalDesignPopularity .details > div.design-image > div.image.back > img.back {
  opacity: 1;
}
.designer #modalDesignPopularity .details > div.design-image > div.image.back > img.front {
  opacity: 0;
}
.designer #modalDesignPopularity .details > div.design-image > div.image > img {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  height: auto;
  max-width: 300px;
  transition: opacity ease 0.25s;
  width: 100%;
}
.designer #modalDesignPopularity .details > div.design-image > div.image > img.back {
  left: 20px;
  opacity: 0;
  position: absolute;
  top: 20px;
}
.designer #modalDesignPopularity .details > div.design-image > div.image > img.front {
  opacity: 1;
}
.designer #modalDesignPopularity .details > div.design-image > div.two-sided {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: "brandon-grotesque";
  font-size: 18px;
  justify-content: center;
  margin-top: 10px;
}
.designer #modalDesignPopularity .details > div.design-image > div.two-sided:hover {
  color: #4AB37E;
}
.designer #modalDesignPopularity .details > div.design-image > div.two-sided > span {
  margin-left: 10px;
}
.designer #modalDesignPopularity .details > div.design-data {
  flex: 1 1 auto;
  overflow: hidden;
}
.designer #modalDesignPopularity .details > div.design-data > div:not(:first-child) {
  border-top: 1px solid #E8E8E8;
  margin-top: 15px;
  padding-top: 15px;
}
.designer #modalDesignPopularity .details > div.design-data > div.footer-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart {
  display: flex;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart > chart {
  flex: 0 0 auto;
  width: 150px;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart > ol {
  flex: 1 0 auto;
  list-style-type: none;
  margin: 10px 10px 10px 0;
  padding: 0;
  width: 240px;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart > ol > li {
  line-height: 22px;
  overflow: hidden;
  padding: 6px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart > ol > li > span {
  vertical-align: top;
}
.designer #modalDesignPopularity .details > div.design-data > div > div.chart > ol > li:last-child {
  padding-bottom: 0;
}
.designer #modalDesignPopularity .details > div.design-data > div em {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  vertical-align: top;
  width: 22px;
}
.designer #modalDesignPopularity .details > div.design-data > div > strong {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 29px;
}
.designer #modalDesignPopularity .details > div.design-data > div table {
  color: #666666;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.designer #modalDesignPopularity .details > div.design-data > div table tr > th,
.designer #modalDesignPopularity .details > div.design-data > div table tr > td {
  padding: 7.5px;
  vertical-align: middle;
}
.designer #modalDesignPopularity .details > div.design-data > div table tr th {
  font-weight: bold;
  text-align: right;
  width: 75px;
}
.designer #modalDownloadVideo .modal-body > div {
  margin: 10px 0;
}
.designer #modalDownloadVideo .step {
  text-align: center;
}
.designer #modalDownloadVideo .step .instructions img {
  width: 100%;
}
.designer #modalDownloadVideo .step .actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.designer #modalDownloadVideo .step .actions > * {
  margin: 10px;
}
.designer #modalDownloadVideo .config > * {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.designer #modalDownloadVideo .config .styles {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin: -5px;
}
.designer #modalDownloadVideo .config .style {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  display: inline-block;
  height: 22px;
  vertical-align: top;
  width: 22px;
  margin: 5px;
}
.designer #modalDownloadVideo .config .style.selected {
  border-color: #4AB37E;
  border-width: 2px;
}
.designer #modalDownloadVideo .record .preview-frame {
  display: flex;
  justify-content: center;
}
.designer #modalDownloadVideo .record .preview-frame video {
  width: 100%;
}
.designer .designer-filters {
  display: flex;
  margin-bottom: 30px;
}
.designer .designer-filters > div {
  flex: 1 1 auto;
}
.designer .designer-filters > div:last-child {
  text-align: right;
}
.designer .designer-row {
  display: flex;
  margin: 20px 0;
}
.designer .designer-row > div {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  flex: 1 1 auto;
  margin-left: 30px;
  padding: 20px;
  width: 33%;
}
.designer .designer-row > div:first-child {
  margin-left: 0;
}
.designer .designer-row > div.designer-collections {
  text-align: center;
}
.designer .designer-row > div.designer-collections h5 {
  text-align: left;
}
.designer .designer-row > div.designer-collections > div {
  display: flex;
}
.designer .designer-row > div.designer-collections > div > div {
  flex: 1 1 auto;
  text-align: center;
  width: 50%;
}
.designer .designer-row > div.designer-collections > div > div > canvas {
  display: inline-block;
}
.designer .designer-row > div.designer-collections > div > div > strong {
  display: block;
}
.designer .designer-row > div.designer-commission > div {
  display: flex;
}
.designer .designer-row > div.designer-commission > div > div {
  flex: 1 1 auto;
  text-align: center;
}
.designer .designer-row > div.designer-commission > div > div > span {
  color: #666666;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  margin-left: 15px;
  vertical-align: middle;
}
.designer .designer-row > div.designer-commission > div > div > var {
  display: inline-block;
  vertical-align: middle;
}
.designer .designer-row > div.designer-sales #chart_sales {
  position: relative;
  left: 10px;
}
.designer .designer-row > div.designer-sales > .header {
  display: flex;
  margin-bottom: 8px;
}
.designer .designer-row > div.designer-sales > .header > div {
  flex: 0 0 auto;
  text-align: right;
}
.designer .designer-row > div.designer-sales > .header > h5 {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}
.designer .designer-row > div.designer-sales > .total {
  color: #666666;
  font-size: 36px;
  line-height: 51px;
  margin-bottom: 8px;
  text-align: right;
}
.designer .designer-row > div.top-designs {
  flex: 0 0 auto;
  width: 33%;
}
.designer .designer-row > div.top-designs > div.header {
  display: flex;
  margin-bottom: 0;
}
.designer .designer-row > div.top-designs > div.header > h5 {
  flex: 1 1 auto;
  text-align: left;
}
.designer .designer-row > div.top-designs > div.header > h6 {
  color: #9F9F9F;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 25px;
  text-align: right;
}
.designer .designer-row > div.top-designs > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.designer .designer-row > div.top-designs > ol > li {
  display: flex;
  font-size: 14px;
  padding: 10px 0;
}
.designer .designer-row > div.top-designs > ol > li.no-data {
  font-style: italic;
}
.designer .designer-row > div.top-designs > ol > li > a {
  color: #666666;
  flex: 1 1 auto;
  font-weight: normal;
  line-height: 19px;
  vertical-align: middle;
}
.designer .designer-row > div.top-designs > ol > li > var {
  color: #666666;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  vertical-align: middle;
}
.designer .designer-row > div a.download-link {
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.designer .designer-row > div h5 {
  color: #666666;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}
.designer .designer-row > div var {
  color: #4AB37E;
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.designer .designer-welcome {
  color: #666666;
}
.designer .designer-welcome > small {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}
.designer .designer-welcome > strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}
.designer .gv-header > .gv-header-top > div > .contact {
  display: flex;
  float: right;
}
.designer .gv-header > .gv-header-top > div > .contact > div {
  flex: 0 0 auto;
}
.designer .gv-header > .gv-header-top > div > .contact > div > img {
  height: 45px;
  width: 45px;
}
.designer .gv-header > .gv-header-top > div > .contact > div > span {
  display: block;
}
.designer #header {
  margin: 20px 0;
}
.designer #header > #menuV2 > div.menu-container > div.menu-table {
  display: flex;
  width: 100%;
}
.designer #header > #menuV2 > div.menu-container > div.menu-table > a {
  display: inline-block;
  flex: 1 1 auto;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
.designer #header > #menuV2 > div.menu-container > div.menu-table > a:not(:first-child)::before {
  background-color: transparent;
  border-left: 1px solid #E8E8E8;
  content: "";
  display: inline-block;
  height: 32px;
  left: 0;
  position: absolute;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
}
.designer #page-container {
  margin-bottom: 20px;
  padding-top: 20px;
  position: relative;
  top: 15px;
}
.designer #modalCall .modal-dialog {
  text-align: center;
}
.designer #modalCall iframe {
  border: none;
  height: 580px;
  width: 400px;
}
.designer #modalExportDesignPopularity > .modal-dialog {
  margin-top: 250px;
  width: 350px;
}
.designer #modalLining.portrait > .modal-dialog,
.designer #modalLining.landscape-l > .modal-dialog {
  width: 942px;
}
.designer #modalLining.landscape-s > .modal-dialog {
  width: 702px;
}
.designer #modalLining.square > .modal-dialog {
  width: 832px;
}
.designer #modalLining > .modal-dialog > .modal-content > .modal-body {
  padding: 20px 40px 15px 40px;
}
div.designs-page {
  height: 100vh;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
div.designs-page > iframe {
  bottom: 0;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.stamp-picker {
  max-width: 350px;
}
.stamp-picker .type-selector,
.stamp-picker .category-filters,
.stamp-picker .colors {
  margin-bottom: 10px;
}
.stamp-picker .type-selector label.w1of3 {
  width: 33%;
}
.stamp-picker .categories.selected select.gv-dropdown + .gv-dropdown-wrapper > a.gv-dropdown-toggle {
  border-width: 2px;
}
.stamp-picker .color-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stamp-picker .stamp-header {
  margin: 0;
  font-family: brandon-grotesque;
  font-size: 16px;
  padding: 10px 0;
  color: #333333;
  text-transform: uppercase;
}
.stamp-picker .stamp-header em {
  color: #999999;
  text-transform: capitalize;
}
.stamp-picker .stamp-upload {
  position: relative;
}
.stamp-picker .stamp-upload > span {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 100;
}
.stamp-picker .colors {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.stamp-picker .colors .swatch {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  margin: 4px;
  transition-duration: 0.5s;
  transition-property: box-shadow;
  transition-timing-function: ease;
  width: 20px;
}
.stamp-picker .colors .swatch.selected {
  border: 2px solid white;
  box-shadow: 0 0 0 1px #4AB37E;
}
.stamp-picker .stamps {
  overflow: auto;
  max-height: 500px;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}
.stamp-picker .stamps > div.stamp-container {
  display: flex;
  flex-direction: column;
}
.stamp-picker .stamps > div.stamp-container > div.stamp {
  flex: 1 1 auto;
  margin: 1px;
  padding: 10px;
}
.stamp-picker .stamps > div.stamp-container > div.stamp.no-stamp {
  display: flex;
}
.stamp-picker .stamps > div.stamp-container > div.stamp.no-stamp > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  text-decoration: none;
}
.stamp-picker .stamps > div.stamp-container > div.stamp.no-stamp > a > span {
  color: #666666;
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 24px;
}
.stamp-picker .stamps > div.stamp-container > div.stamp img {
  max-width: 130px;
  max-height: 100px;
}
.stamp-picker .stamps > div.stamp-container > div.stamp img.loading {
  width: 130px;
  height: 100px;
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  background-color: #F1F1F1;
}
.stamp-picker .stamps > div.stamp-container > div.stamp.selected {
  box-shadow: 0 0 0 1px #4AB37E;
}
.users.section {
  margin-top: 30px;
}
.users.section > .section-header {
  margin-bottom: 0;
  border: none;
}
.users .header {
  font-weight: bold;
  color: #666666;
  font-size: 12px;
}
.users .gv-subsection {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin: 8px 0;
  padding: 20px;
}
.users .gv-subsection.no-line {
  border: none;
  border-radius: 0;
  padding: 0;
}
.users .user-list,
.users .missing-data {
  display: block;
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0 0 20px 0;
  font-size: 14px;
  border-bottom: 1px solid #E2E3E4;
}
.users .user-list > li,
.users .missing-data > li {
  border-radius: 4px;
  color: #333333;
  display: flex;
  align-items: center;
}
.users .user-list > li > a,
.users .missing-data > li > a {
  flex: 0 0 auto;
  margin-left: 10px;
  padding: 0;
}
.users .user-list > li > span,
.users .missing-data > li > span {
  flex: 1 1 auto;
}
.users .user-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.users .copy-url input {
  width: 100%;
}
#modalNewUser .access-info {
  font-size: 12px;
}
#modalNewUser .access-info strong {
  font-size: 14px;
}
#modalNewUser .access-info ul {
  padding: 0;
}
#modalNewUser .access-info ul li {
  display: flex;
  align-items: flex-start;
  list-style: none;
  margin-top: 15px;
}
#modalNewUser .access-info ul li em {
  font-style: normal;
  text-decoration: underline;
}
#modalNewUser .access-info ul li i {
  margin-right: 7px;
  font-size: 20px;
}
#modalNewUser .access-info ul li .fa-check-circle {
  color: #4AB37E;
}
#modalNewUser .access-info ul li .fa-times-circle {
  color: #ED4949;
}
#modalNewUser .mobile-hide {
  display: block;
}
#modalNewUser .mobile-show {
  display: none;
}
@media screen and (max-width: 767px) {
  #modalNewUser .mobile-hide {
    display: none;
  }
  #modalNewUser .mobile-show {
    display: block;
  }
}
.gv-fontpicker {
  display: inline-block;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: auto;
}
.gv-fontpicker > div[data-role='trigger'] {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  cursor: pointer;
  display: block;
}
.gv-fontpicker > div[data-role='trigger'] .chevron:after {
  border: none;
  border-left: 2px solid #999999;
  border-bottom: 2px solid #999999;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 12px;
  top: 12px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 8px;
}
.gv-fontpicker > div[data-role='dropdown'] {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  display: none;
  margin-top: 2px;
  position: absolute;
  z-index: 9999;
}
.gv-fontpicker > div[data-role='dropdown'] > .filter {
  border-bottom: 1px solid #CCCCCC;
  padding: 6px;
}
.gv-fontpicker > div[data-role='dropdown'] > .font-list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.gv-fontpicker > div[data-role='dropdown'] > .font-list .font-group {
  background-color: #F1F1F1;
  color: #666666;
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 4px;
}
.gv-fontpicker > div[data-role='dropdown'] > .font-list .font-group-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 5px;
}
.gv-fontpicker > div[data-role='dropdown'].envelope {
  left: -19px;
}
.gv-fontpicker.open > div[data-role='dropdown'] {
  display: block;
}
.gv-fontpicker .font-image-container {
  padding: 5px 5px 5px 2px;
  width: 210px;
  height: 40px;
  border-left: 3px solid transparent;
}
.gv-fontpicker .font-image-container.active {
  border-left-color: #4AB37E;
}
.gv-fontpicker .font-image-container.active > .font-image {
  filter: grayscale(0);
}
.gv-fontpicker .font-image-container:hover:not(.active) > .font-image {
  filter: grayscale(0);
}
.gv-fontpicker .font-image {
  height: 30px;
  width: 200px;
  background-color: inherit;
  background-size: 400%;
  filter: grayscale(1) brightness(0.6);
  display: inline-block;
  cursor: pointer;
}
.gv-fontpicker .font-image > img {
  position: absolute;
  top: 2px;
  right: -2px;
  height: 20px;
}
.gv-fontpicker .font-category-container {
  position: relative;
  font-size: 12px;
  margin: 5px 5px 10px 5px;
}
.gv-fontpicker .font-category-container .font-category-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 220px;
  overflow-x: hidden;
  position: relative;
}
.gv-fontpicker .font-category-container .font-category-list .font-category-item {
  border: solid 1px #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  padding: 5px;
  width: 100%;
}
.gv-fontpicker .font-category-container .font-category-list .font-category-item:first-of-type {
  border-radius: 3px 0 0 3px;
}
.gv-fontpicker .font-category-container .font-category-list .font-category-item:last-of-type {
  border-radius: 0 3px 3px 0;
}
.gv-fontpicker .font-category-container .font-category-list .font-category-item.active {
  color: #ffffff;
  background-color: #4AB37E;
  border: solid 1px #4AB37E;
}
.gv-fontpicker .font-category-container .font-category-list .font-category-item:hover:not(.active) {
  background-color: #E9F7F1;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll {
  position: absolute;
  top: 0;
  height: 29px;
  font-weight: bold;
  cursor: pointer;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll > div {
  position: absolute;
  height: 100%;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll i {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.left {
  left: 0;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.left > div:first-of-type {
  left: 0;
  width: 15px;
  background-color: #ffffff;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.left > div:last-of-type {
  left: 15px;
  width: 45px;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
  pointer-events: none;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.left i {
  justify-content: start;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.right {
  right: 0;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.right > div:first-of-type {
  right: 15px;
  width: 45px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  pointer-events: none;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.right > div:last-of-type {
  right: 0;
  width: 15px;
  background-color: #ffffff;
}
.gv-fontpicker .font-category-container .font-category-scroll > .scroll.right i {
  justify-content: end;
}
.design-envelope div.actions {
  float: right;
  position: relative;
  margin-top: -2px;
}
.design-envelope div.actions .link,
.design-envelope div.actions .text {
  color: #666666;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 0 12px;
}
.design-envelope div.button-toggle {
  border: 1px solid #4AB37E;
  border-radius: 4px;
  display: flex;
  font-family: "Open Sans";
  font-size: 12px;
  margin: 30px 0 25px 0;
  overflow: hidden;
  padding: 0;
}
.design-envelope div.button-toggle > button {
  background-color: #ffffff;
  border: 0;
  color: #4AB37E;
  cursor: pointer;
  flex: 1 1 auto;
  margin: 0;
  outline: none;
  padding: 6px;
  text-align: center;
}
.design-envelope div.button-toggle > button.active {
  background-color: #4AB37E;
  color: #ffffff;
}
.design-envelope div .gv-tab-content .div-table .sidebar {
  padding-right: 16px;
  width: 352px;
}
.design-envelope div .gv-tab-content .div-table .sidebar .blue-grid.btn-group {
  display: flex;
  width: 100%;
}
.design-envelope div .gv-tab-content .div-table .sidebar .blue-grid.btn-group > .btn {
  flex: 1 1 auto;
  font-weight: normal;
  padding: 6px 0;
  width: unset;
}
.design-envelope div .gv-tab-content .div-table .sidebar .blue-grid.btn-group > .btn > input {
  display: none;
}
.design-envelope div.envelope-preview {
  background: url('https://css.greenvelope.com/user/_images/1x1.gif') top 50% / cover no-repeat #ffffff;
  margin: 8px 8px 8px 0;
  min-height: 600px;
  padding: 100px 0;
}
.design-envelope div.envelope-preview > img {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
  margin: 0 auto;
  max-width: 500px;
  width: 65%;
}
.design-envelope div.envelope-preview.open {
  padding: 36px 0;
}
.design-envelope div.envelope-preview.open > img {
  max-width: 420px;
}
.design-envelope div.envelope-preview .loading {
  position: absolute;
  left: 48%;
  top: 44%;
}
.design-envelope div.envelope-preview .loading i.fa {
  font-size: 30px;
  text-shadow: 0 0 1px #ffffff;
}
.design-envelope div.flap-images {
  margin: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.design-envelope div.flap-images > ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.design-envelope div.flap-images > ol > li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 150px;
}
.design-envelope div.flap-images > ol > li.selected > a.preview {
  background-color: #DFF4EC;
}
.design-envelope div.flap-images > ol > li > a.delete {
  display: inline-block;
  margin: 8px 0;
}
.design-envelope div.flap-images > ol > li > a.preview {
  display: block;
  padding: 10px;
}
.design-envelope div.flap-images > ol > li > a.preview > img {
  max-width: 130px;
  max-height: 100px;
}
.design-envelope div.backgrounds {
  margin-top: 16px;
}
.design-envelope div.backgrounds > div > div.color {
  align-items: flex-end;
  display: flex;
}
.design-envelope div.backgrounds > div > div.color > span {
  margin-bottom: 8px;
}
.design-envelope div.backgrounds > div > div.filter-options {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.design-envelope div.backgrounds > div > label {
  display: block;
  width: 100%;
}
.design-envelope div.backgrounds > div > label > select {
  width: 100%;
}
.design-envelope div.backgrounds > div ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: space-around;
  margin: 16px 4px 4px 4px;
  max-height: 500px;
  overflow: auto;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope div.backgrounds > div ol > li {
  display: inline-flex;
  vertical-align: top;
}
.design-envelope div.backgrounds > div ol .background {
  background-color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin: 1px;
  padding: 10px;
  transition-duration: 0.5s;
  transition-property: background-color, border;
  transition-timing-function: ease;
}
.design-envelope div.backgrounds > div ol .background.selected {
  background-color: #DFF4EC;
  box-shadow: 0 0 0 1px #4AB37E;
}
.design-envelope div.backgrounds > div ol .background > div {
  background-image: url('https://css.greenvelope.com/user/_images/1x1.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  height: 100px;
  width: 130px;
}
.design-envelope .background-upload {
  position: relative;
}
.design-envelope .background-upload > span {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 100;
}
.design-envelope ol.color-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 4px 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope ol.color-list.expandable {
  max-height: 58px;
  overflow: hidden;
}
.design-envelope ol.color-list.expandable.expanded {
  max-height: unset;
  overflow: auto;
}
.design-envelope ol.color-list.expandable + button {
  color: #4AB37E;
}
.design-envelope ol.color-list.expandable + button:hover,
.design-envelope ol.color-list.expandable + button:focus,
.design-envelope ol.color-list.expandable + button:active,
.design-envelope ol.color-list.expandable + button > i:hover,
.design-envelope ol.color-list.expandable + button > i:focus,
.design-envelope ol.color-list.expandable + button > i:active {
  color: #269D64;
}
.design-envelope ol.color-list > li {
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  margin: 4px;
  width: 20px;
}
.design-envelope ol.color-list > li > em {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  flex: 1 1 auto;
  transition-duration: 0.5s;
  transition-property: box-shadow;
  transition-timing-function: ease;
}
.design-envelope ol.color-list > li > em.selected {
  box-shadow: 0 0 0 3px #4AB37E;
}
.design-envelope ol.color-list > li > em.bg-image {
  background-color: #CFCFCF;
  background-image: url('https://css.greenvelope.com/user/_images/1x1.gif');
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.design-envelope ol.color-list > li > span {
  display: block;
}
.design-envelope ol.lining-list {
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  list-style-type: none;
  max-height: 305px;
  overflow: auto;
  margin: 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope ol.lining-list > li {
  display: inline-block;
  margin: 4px;
  vertical-align: top;
}
.design-envelope ol.lining-list > li.selected > span {
  box-shadow: 0 0 0 3px #CFCFCF;
}
.design-envelope ol.lining-list > li > span {
  border: 1px solid #CFCFCF;
  cursor: pointer;
  display: block;
  height: 40px;
  margin: 4px;
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: box-shadow;
  transition-timing-function: ease;
  width: 40px;
}
.design-envelope ol.lining-list > li > span > img {
  max-width: 100%;
}
.design-envelope div.overlay {
  display: inline-block;
  text-align: center;
}
.design-envelope div.overlay div {
  margin-bottom: 5px;
  padding: 15px 15px;
  cursor: pointer;
  border-radius: 1px;
  font-weight: bold;
  font-size: 14px;
  width: 80px;
  border: 1px solid #CCCCCC;
}
.design-envelope div.overlay.active {
  color: #27A868;
}
.design-envelope div.overlay.active div {
  background-color: #E9F7F1;
  border: 1px solid #4AB37E;
}
.design-envelope div.overlay-color {
  text-align: center;
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}
.design-envelope div.overlay-color.active {
  color: #27A868;
}
.design-envelope div.overlay-color img {
  width: 130px;
  height: 100px;
  margin-bottom: 5px;
  border: 1px solid #cccccc;
}
.design-envelope div.overlay-color.active img {
  border: 1px solid #4AB37E;
}
.design-envelope ol.seal-groups {
  display: block;
  list-style-type: none;
  margin: 16px 4px 4px 4px;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope ol.seal-groups > li.seal-group {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  height: 84px;
  margin: 2px;
  transition-duration: 0.5s;
  transition-property: background-color;
  transition-timing-function: ease;
  vertical-align: text-top;
  width: 84px;
}
.design-envelope ol.seal-groups > li.seal-group.empty > span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  padding-top: 16px;
  text-align: center;
  vertical-align: middle;
}
.design-envelope ol.seal-groups > li.seal-group.selected {
  background-color: #DFF4EC;
}
.design-envelope ol.seal-groups > li.seal-group > img {
  width: 100%;
}
.design-envelope ol.seal-colors {
  display: block;
  list-style-type: none;
  margin: 4px;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope ol.seal-colors > li.seal-color {
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  margin: 2px;
  width: 20px;
}
.design-envelope ol.seal-colors > li.seal-color > em {
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  transition-duration: 0.5s;
  transition-property: box-shadow;
  transition-timing-function: ease;
}
.design-envelope ol.seal-colors > li.seal-color > em.selected {
  box-shadow: 0 0 0 3px #CFCFCF;
}
.design-envelope ol.seals {
  display: block;
  list-style-type: none;
  margin: 4px;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.design-envelope ol.seals > li.seal {
  background-color: #CCCCCC;
  background-image: url('https://css.greenvelope.com/user/_images/1x1.gif');
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 2px;
  transition-duration: 0.5s;
  transition-property: box-shadow, border;
  transition-timing-function: ease;
  width: 20px;
}
.design-envelope ol.seals > li.seal.selected {
  border: 2px solid #ffffff;
  box-shadow: 0 0 1px 2px #4AB37E;
}
.design-envelope .separator {
  border-left: 1px solid #CCCCCC;
  display: inline-block;
  height: 20px;
  margin-left: 4px;
  padding-right: 4px;
  position: relative;
  top: 4px;
}
.design-envelope .stamp-colors {
  display: none;
}
.design-envelope .stamp-colors.stamp-selected {
  display: block;
}
.design-envelope .stamp-groups {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  transition-duration: 0.25s;
  transition-property: max-height;
  transition-timing-function: ease;
}
.design-envelope .stamp-groups.stamp-selected {
  max-height: 300px;
}
.design-envelope .stamp-groups > .stamp-group {
  background-color: #ffffff;
  display: inline-block;
  padding: 10px;
  transition-duration: 0.5s;
  transition-property: background-color, border;
  transition-timing-function: ease;
}
.design-envelope .stamp-groups > .stamp-group > a {
  display: block;
}
.design-envelope .stamp-groups > .stamp-group > a > img {
  max-width: 130px;
  max-height: 100px;
}
.design-envelope .stamp-groups > .stamp-group.selected {
  background-color: #DFF4EC;
}
.design-envelope .stamps .stamp-container {
  display: inline-block;
  vertical-align: top;
  min-width: 152px;
  text-align: center;
}
.design-envelope .stamps .stamp {
  background-color: #ffffff;
  display: inline-block;
  padding: 10px;
  transition-duration: 0.5s;
  transition-property: background-color;
  transition-timing-function: ease;
  vertical-align: text-top;
}
.design-envelope .stamps .stamp > a {
  display: block;
}
.design-envelope .stamps .stamp > a > img {
  max-width: 130px;
  max-height: 100px;
}
.design-envelope .stamps .stamp.selected {
  background-color: #DFF4EC;
}
.design-envelope .subtab-bar {
  background-color: transparent;
  border-bottom: 1px solid #CFCFCF;
  margin: -15px -15px 10px -15px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.design-envelope .subtab-bar .subtab-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.design-envelope .subtab-bar .subtab-section:not(:first-of-type) {
  margin-left: 28px;
}
.design-envelope .subtab-bar .subtab-section .font-options {
  border: 1px solid transparent;
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  line-height: 20px;
  margin: 0;
  padding: 9px 0;
  text-align: center;
  width: 42px;
}
.design-envelope .subtab-bar .subtab-section .font-options.active {
  border-color: #CFCFCF;
  color: #67a0b1;
}
.design-envelope .subtab-bar .subtab-section .font-options:hover {
  color: #67a0b1;
  cursor: pointer;
}
.design-envelope .subtab-bar .subtab-section .font-options > i {
  font-size: 14px;
}
.design-envelope .subtab-bar .subtab-section .font-options > input[type='checkbox'] {
  display: none;
}
.design-envelope .subtab-bar .subtab-section .font-sizing {
  display: inline-block;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button {
  height: 40px;
  padding: 0;
  text-align: center;
  width: 60px;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button.large > i {
  font-size: 20px;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button.small > i {
  font-size: 10px;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button.standard > i {
  font-size: 15px;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button > i {
  line-height: 0;
  position: relative;
  top: 4px;
}
.design-envelope .subtab-bar .subtab-section .font-sizing button > span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: 1px;
}
.design-envelope .subtab-bar .subtab-section .text {
  font-weight: bold;
  margin: 5px;
}
.design-envelope .trio-container {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px;
}
.design-envelope .trio-container .trio {
  background-color: inherit;
  display: inline-block;
  min-width: 140px;
  padding: 10px;
  transition-duration: 0.5s;
  transition-property: background-color;
  transition-timing-function: ease;
  width: 46%;
}
.design-envelope .trio-container .trio.selected {
  background-color: #DFF4EC;
}
.design-envelope .trio-container .trio img {
  max-width: 100%;
  max-height: 100%;
}
.design-envelope #modalLining.portrait > .modal-dialog,
.design-envelope #modalLining.landscape-l > .modal-dialog {
  width: 942px;
}
.design-envelope #modalLining.landscape-s > .modal-dialog {
  width: 702px;
}
.design-envelope #modalLining.square > .modal-dialog {
  width: 832px;
}
.design-envelope .modal-footer {
  margin-right: 20px;
}
.edit-card-warning._banner > div.alertV2 {
  margin-bottom: 15px;
}
.edit-card-warning._modal.body {
  max-width: 450px;
}
.edit-card-warning._modal.footer {
  display: flex;
  align-items: center;
}
.edit-card-warning._modal.footer > label {
  flex: 1 1 auto;
}
.edit-card-warning._modal.footer > button {
  flex: 0 0 auto;
}
.edit-card-warning._modal.header {
  display: block;
  max-width: 450px;
}
.details-information {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin: 24px 40px;
  padding: 0 24px;
}
.details-information .virtual-physical-toggle > * {
  margin-right: 30px;
}
.details-information .details-panel {
  border-top: 1px solid #E8E8E8;
  padding: 20px 0;
  position: relative;
}
.details-information .details-panel .gv-input.flat {
  margin-top: 14px;
}
.details-information .details-panel .gv-input.flat .gv-checkbox span {
  font-size: 14px;
  margin-left: 10px;
}
.details-information .details-panel .heading .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.details-information .details-panel .heading .actions strong {
  font-size: 16px;
  flex: 1;
  margin-left: 10px;
}
.details-information .details-panel .contents {
  border-top: 1px solid #E8E8E8;
  padding: 20px 10px;
  margin-top: 20px;
}
.details-information .details-panel .contents .options {
  margin-left: 10px;
}
.details-information .details-panel.music .repeat {
  margin-left: -4px;
  padding: 5px 0;
}
.details-information .service-selection {
  padding-top: 30px;
  text-align: center;
}
.details-information .service-selection .brandon {
  color: black;
}
.details-information .service-selection .service-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.details-information .service-selection .service-block {
  margin: 30px;
  width: 435px;
  text-align: left;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 14px;
  min-height: 167px;
  vertical-align: top;
}
.details-information .service-selection .service-block .service-title {
  font-size: 24px;
  margin-bottom: 10px;
  max-width: 270px;
}
.details-information .service-selection .service-block .service-description {
  max-width: 270px;
}
.details-information .service-selection .service-block .suitable {
  background-color: #269D64;
  color: white;
  font-size: 12px;
  padding: 3px;
  border-radius: 3px 0 4px 0;
  display: table-cell;
  text-align: center;
}
.details-information .service-selection .service-block .event-type {
  display: table-cell;
  color: #ccc;
  text-align: right;
  text-transform: uppercase;
  padding: 3px;
  padding-right: 10px;
}
.details-information .service-selection .service-block img {
  width: 70px;
  margin-right: 40px;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  margin-top: 30px;
}
.details-information .service-selection .service-block:hover {
  border-color: #269D64;
  cursor: pointer;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.details-information .attachments div.attachment-list {
  margin: 20px 0;
  position: relative;
}
.details-information .attachments div.attachment-list > div {
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  display: flex;
  margin: 0 -10px;
  padding: 10px;
  position: relative;
}
.details-information .attachments div.attachment-list > div:first-child {
  border-top: 1px solid #E8E8E8;
}
.details-information .attachments div.attachment-list > div > .actions {
  flex: 0 0 auto;
  position: relative;
}
.details-information .attachments div.attachment-list > div > .actions > div {
  display: inline-block;
  text-align: right;
  white-space: nowrap;
}
.details-information .attachments div.attachment-list > div > .actions > div > a {
  display: inline-block;
  margin: 0 10px;
}
.details-information .attachments div.attachment-list > div > .actions > div > a:last-child {
  margin-right: 0;
}
.details-information .attachments div.attachment-list > div > .actions > div > a:hover > i {
  color: #333333;
}
.details-information .attachments div.attachment-list > div > .actions > div > a > i {
  color: #666666;
  display: inline-block;
  font-size: 15px;
}
.details-information .attachments div.attachment-list > div > .icon {
  background-color: #EEEEEE;
  border-radius: 4px;
  flex: 0 0 auto;
  height: 60px;
  margin-right: 10px;
  width: 60px;
}
.details-information .attachments div.attachment-list > div > .icon > i {
  color: #9F9F9F;
  display: block;
  font-size: 21px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
}
.details-information .attachments div.attachment-list > div > .text {
  flex: 1 1 auto;
  overflow: hidden;
}
.details-information .attachments div.attachment-list > div > .text > div {
  color: #666666;
}
.details-information .attachments div.attachment-list > div > .text > div.tags {
  margin: 5px 0 0 0;
}
.details-information .attachments div.attachment-list > div > .text > div > strong {
  display: block;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.details-information .attachments div.attachment-list > div > .text > div > div {
  display: block;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.details-information .eventwebsitelinks {
  margin-top: 10px;
}
.details-information .eventwebsitelinks .last-eventwebsitelink {
  margin-bottom: 0;
}
.details-information .eventwebsitelinks .gv-input > .help-inline {
  float: left;
}
.details-information .eventwebsitelinks .gv-input > .right-actions {
  margin-bottom: 8px;
  margin-top: 8px;
}
.details-information .pictures .comments {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  margin-top: 20px;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
}
.details-information .pictures .comments > .no-comments {
  color: #666666;
  font-size: 14px;
  padding: 24px;
  text-align: center;
}
.details-information .pictures .comments > .no-comments > i {
  color: #CFCFCF;
  font-size: 20px;
  vertical-align: middle;
}
.details-information .pictures .comments table {
  margin-bottom: 0;
}
.details-information .pictures .comments table td {
  vertical-align: middle;
  word-break: break-word;
}
.details-information .pictures .comments table td > img {
  max-width: 30px;
}
.details-information .pictures .comments table tr.comment-hidden > td:not(:last-child) {
  color: #999999;
  text-decoration: line-through;
}
.details-information .pictures .comments table a.action {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  color: #9F9F9F;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 24px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.25s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  width: 24px;
}
.details-information .pictures .comments table a.action:focus,
.details-information .pictures .comments table a.action:hover,
.details-information .pictures .comments table a.action > i:hover {
  background-color: #E8E8E8;
  color: #333333;
  text-decoration: none;
}
.details-information .pictures .delay-notes {
  font-size: 9px;
  color: #CFCFCF;
}
.details-information .content {
  display: block;
  font-size: 14px;
  margin: 24px auto;
  width: 575px;
}
.details-information .content .description {
  margin: 20px 0;
}
.details-information .content .description > .actions > a {
  margin: 0 10px;
}
.details-information .content .description > .actions > a:last-child {
  margin-right: 0;
}
.details-information .content .description > .actions > a > i {
  color: #CFCFCF;
  display: inline-block;
  font-size: 15px;
}
.details-information .content .description > .actions > a:hover {
  text-decoration: none;
}
.details-information .content .description > .actions > a:hover > i {
  color: #666666;
}
.details-information .content .description > .text {
  color: #333333;
  font-size: 14px;
  line-height: 23px;
}
.details-information .content .description > .text .embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.details-information .content .description > .text .embed-container > iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.details-information .content .description.flex {
  display: flex;
}
.details-information .content .description.flex > .actions {
  flex: 0 0 auto;
}
.details-information .content .description.flex > .text {
  flex: 1 1 auto;
}
.details-information .content .guest-list ol.gv-tabs > li > a > i {
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
}
.details-information .content .guest-list ol.gv-tabs > li > a.no > i {
  color: #ED4949;
}
.details-information .content .guest-list ol.gv-tabs > li > a.pending > i {
  color: #666666;
}
.details-information .content .guest-list ol.gv-tabs > li > a.yes > i {
  color: #4AB37E;
}
.details-information .content .guest-list .gv-tab-content {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.details-information .content .guest-list .gv-tab-content i {
  display: inline-block;
  margin-right: 5px;
}
.details-information .content .guest-list .gv-tab-content table div.margin-t-20.text-center {
  margin-bottom: 20px;
}
.details-information .content .registries ol.registries-list {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
}
.details-information .content .registries ol.registries-list > li {
  border: 0;
  border-radius: 4px;
  display: block;
  flex: 0 0 auto;
  margin: 0 10px 4px 0;
  position: relative;
}
.details-information .content .registries ol.registries-list > li > .actions {
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  display: none;
  height: 45px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 130px;
  z-index: 9999;
}
.details-information .content .registries ol.registries-list > li > .actions > a {
  display: inline-block;
  line-height: 43px;
  padding: 0 4px;
  vertical-align: middle;
}
.details-information .content .registries ol.registries-list > li > .actions > a > i {
  color: #666666;
  display: inline-block;
  font-size: 16px;
}
.details-information .content .registries ol.registries-list > li > .actions > a:first-child {
  padding-left: 0;
}
.details-information .content .registries ol.registries-list > li > .actions > a:hover {
  text-decoration: none;
}
.details-information .content .registries ol.registries-list > li > .actions > a:hover > i {
  color: #333333;
}
.details-information .content .registries ol.registries-list > li > .actions > a:last-child {
  padding-right: 0;
}
.details-information .content .registries ol.registries-list > li > .store-image {
  background-color: #FAFAFA;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  min-height: 45px;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
}
.details-information .content .registries ol.registries-list > li:hover > .actions {
  display: block;
}
.details-information .content .registries ol.registries-list > li.ui-sortable-helper {
  max-height: 45px;
}
.details-information .content .registries ol.registries-list > li.ui-sortable-helper > .actions {
  display: none;
}
.details-information .content .sections ol.sections-list {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.details-information .content .sections ol.sections-list > li {
  border-top: 1px solid #E8E8E8;
  display: block;
  margin: 0 -10px;
  padding: 20px 10px;
}
.details-information .content .sections ol.sections-list > li > .details {
  display: flex;
  margin-top: 10px;
}
.details-information .content .sections ol.sections-list > li > .details > .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  display: block;
  flex: 0 0 auto;
  height: 98px;
  margin-right: 15px;
  width: 98px;
}
.details-information .content .sections ol.sections-list > li > .details > .description {
  color: #333333;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 23px;
  margin: 0;
}
.details-information .content .sections ol.sections-list > li > .header {
  display: flex;
}
.details-information .content .sections ol.sections-list > li > .header > .actions {
  flex: 0 0 auto;
}
.details-information .content .sections ol.sections-list > li > .header > .actions > a {
  margin: 0 10px;
}
.details-information .content .sections ol.sections-list > li > .header > .actions > a:last-child {
  margin-right: 0;
}
.details-information .content .sections ol.sections-list > li > .header > .actions > a > i {
  color: #666666;
  display: inline-block;
  font-size: 15px;
}
.details-information .content .sections ol.sections-list > li > .header > .actions > a:hover {
  text-decoration: none;
}
.details-information .content .sections ol.sections-list > li > .header > .actions > a:hover > i {
  color: #333333;
}
.details-information .content .sections ol.sections-list > li > .header > .title {
  flex: 1 1 auto;
  font-size: 12px;
}
.details-information .content .sections ol.sections-list > li > .header > .title > i {
  color: #9F9F9F;
  font-size: 18px;
  margin-right: 5px;
}
.details-information .content .sections ol.sections-list > li > .header > .title > span.tags {
  display: block;
  margin: 5px 0 0 0;
}
.details-information .content .sections ol.sections-list > li > .header > .title > strong {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
}
.details-information .content .sections ol.sections-list > li.ui-sortable-helper {
  padding: 10px;
}
.details-information .content .sponsors ol.sponsors-list {
  display: inline;
  list-style-type: none;
  padding: 0;
}
.details-information .content .sponsors ol.sponsors-list > li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  height: 80px;
  display: inline-block;
  margin: 0 25px 25px 0;
  position: relative;
  vertical-align: top;
  width: 80px;
}
.details-information .content .sponsors ol.sponsors-list > li > .actions {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: none;
  height: 80px;
  left: -1px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 80px;
}
.details-information .content .sponsors ol.sponsors-list > li > .actions > a {
  display: inline-block;
  line-height: 14px;
  padding: 0 1px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.details-information .content .sponsors ol.sponsors-list > li > .actions > a > i {
  color: #666666;
  font-size: 14px;
}
.details-information .content .sponsors ol.sponsors-list > li > .actions > a:hover > i {
  color: #333333;
}
.details-information .content .sponsors ol.sponsors-list > li:hover > .actions {
  display: block;
}
.details-information .content .sponsors ol.sponsors-list > li.ui-sortable-helper > .actions {
  display: none;
}
.details-information .content .sponsors .add-sponsor {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.details-information .content .sponsors .add-sponsor > a {
  background-color: #ffffff;
  color: #4AB37E;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 80px;
  padding-top: 18px;
  text-align: center;
  vertical-align: top;
  width: 80px;
}
.details-information .content .sponsors .add-sponsor > a > i {
  color: #4AB37E;
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.details-information .content .sponsors .add-sponsor > a > span {
  font-size: 13px;
}
.details-information .content .sponsors .add-sponsor > a:hover {
  background-color: #FAFAFA;
  color: #269D64;
  text-decoration: none;
}
.details-information .content .sponsors .add-sponsor > a:hover > i {
  color: #269D64;
}
.details-information .content .sponsors .add-sponsor.full {
  display: block;
  width: 100%;
}
.details-information .content .sponsors .add-sponsor.full > a {
  display: block;
  line-height: 78px;
  padding-top: 0;
  width: 100%;
}
.details-information .content .sponsors .add-sponsor.full > a > i {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.details-information .content .sponsors .add-sponsor.full > a > span {
  font-size: 14px;
  vertical-align: middle;
}
.details-information .content .sponsors .add-sponsor.full > a:hover {
  background-color: #FAFAFA;
}
.details-information .content .ui-sortable-helper {
  box-shadow: 2px 2px 10px #CCCCCC;
  background: white;
}
.details-information .content .additional-sender {
  margin-top: 20px;
}
.details-information .content .additional-sender label.gv-input.icon {
  cursor: pointer;
}
.details-information .content .additional-sender label.gv-input.icon > strong > em {
  background-color: #41A7BD;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  margin: 0 5px 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 20px;
}
.details-information .content .additional-sender label.gv-input.icon:before {
  content: '\f044';
}
.details-information .content label.gv-checkbox > span,
.details-information .content label.gv-radiobutton > span {
  font-size: 14px;
  position: relative;
  top: -2px;
}
.details-information .content div.map-preview.right {
  position: relative;
  top: 9px;
}
@media (max-width: 1249px) {
  .details-information .content div.map-preview.right {
    display: none !important;
  }
}
.details-information .content div.map-preview.right > iframe {
  border: none;
  height: 180px;
  position: absolute;
  right: -260px;
  width: 250px;
}
@media (min-width: 1249px) {
  .details-information .content div.map-preview.below {
    display: none !important;
  }
}
.details-information .content div.map-preview.below > iframe {
  border: none;
  height: 300px;
  margin: 10px auto;
  width: 100%;
}
.details-information .content .missing-data {
  color: #9F9F9F;
  font-size: 14px;
  font-style: italic;
  margin: 20px 0;
}
.details-information .content .notification-limits {
  padding: 0;
}
.details-information .content .notification-limits > div {
  margin: 20px 0;
}
.details-information .content .notification-limits > div.senders > ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.details-information .content .notification-limits > div.senders > ol > li {
  display: inline-block;
  margin-right: 10px;
}
.details-information .content .notification-limits > div.tags > strong {
  display: inline-block;
  margin: 0 10px 0 0;
}
.details-information .content .notification-limits > div > strong {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.details-information .content .notification-subscriptions {
  display: block;
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}
.details-information .content .notification-subscriptions > li {
  display: inline-block;
  margin-bottom: 8px;
  width: 49%;
}
.details-information .content .question {
  font-weight: bold;
  margin-top: 20px;
}
.details-information .content ol.options {
  display: block;
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0;
}
.details-information .content ol.options > li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 1%;
}
.details-information .content ol.options > li > .note {
  margin-left: 24px;
}
.details-information .content ol.options.li-block > li {
  display: block;
  width: 100%;
  margin-right: 0;
}
.details-information .content ol.options.li-w1of2 > li {
  width: 48%;
}
.details-information .content ol.options.li-w1of4 > li {
  width: 23%;
}
.details-information .content a.remove {
  color: #666666 !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin-right: 5px;
  text-decoration: none !important;
  text-transform: capitalize;
  transition: color 0.25s ease;
}
.details-information .content a.remove > i {
  color: #CFCFCF;
  margin-left: 5px;
}
.details-information .content a.remove:hover,
.details-information .content a.remove:focus {
  color: #333333 !important;
  outline: none;
}
.details-information .content a.remove:hover > i,
.details-information .content a.remove:focus > i {
  color: #CCCCCC;
}
.details-information .content .right-actions {
  float: right;
  margin-top: -2px;
}
.details-information .content .sharing {
  margin-bottom: 20px;
}
.details-information .content .upload-files > div:not(.dnd-end) {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin: 10px 0 0 0;
  padding: 0;
  vertical-align: bottom;
}
.details-information .content .upload-files > div:not(.dnd-end).image img {
  border-radius: 3px 0 0 3px;
  display: inline-block;
  width: 150px;
}
.details-information .content .upload-files > div:not(.dnd-end) > .icon {
  cursor: pointer;
  display: inline-block;
  margin: 8px;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.details-information .content .upload-files > div:not(.dnd-end) > .icon > i {
  font-size: 30px;
}
.details-information .content .upload-files > div:not(.dnd-end) .move {
  cursor: move;
  float: right;
  padding: 4px 6px;
}
.details-information .content .upload-files > div:not(.dnd-end) .move > i {
  color: #666666;
  transition: color 0.25s ease;
}
.details-information .content .upload-files > div:not(.dnd-end) .move:focus,
.details-information .content .upload-files > div:not(.dnd-end) .move:hover {
  outline: none;
}
.details-information .content .upload-files > div:not(.dnd-end) .move:focus > i,
.details-information .content .upload-files > div:not(.dnd-end) .move:hover > i {
  color: #333333;
}
.details-information .content .upload-files > div:not(.dnd-end) .text {
  cursor: pointer;
  display: inline-block;
  margin: 8px;
  vertical-align: top;
}
.details-information .content .upload-files > div:not(.dnd-end) .text > .file-description {
  font-size: 13px;
  font-weight: normal;
}
.details-information .content .upload-files > div:not(.dnd-end) .text > .file-description > a.gv-link {
  font-size: 13px;
}
.details-information .content .upload-files > div:not(.dnd-end) .text > .file-title {
  font-size: 14px;
  font-weight: bold;
}
.details-information .content .upload-files > div:not(.dnd-end) .text > .file-title > a.gv-link {
  font-size: 14px;
}
.details-information .content .upload-files > div:not(.dnd-end) .actions {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  margin-top: -25px;
  text-align: right;
}
.details-information .content .upload-files > div:not(.dnd-end) .actions > a {
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 4px 12px;
  transition: color 0.25s ease;
}
.details-information .content .upload-files > div:not(.dnd-end) .actions > a:focus,
.details-information .content .upload-files > div:not(.dnd-end) .actions > a:hover {
  color: #333333;
  outline: none;
  text-decoration: none;
}
.details-information .content .upload-files > div:not(.dnd-end) .actions > a:focus > i,
.details-information .content .upload-files > div:not(.dnd-end) .actions > a:hover > i {
  color: #333333;
}
.details-information .content .upload-files > div.dnd-end {
  height: 10px;
}
.details-information .upload-limit {
  color: #CFCFCF;
  font-size: 14px;
  position: absolute;
  right: 0;
}
.details-information .modal.v2 .event-details-image {
  text-align: left;
}
.details-information .modal.v2 .event-details-image > div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  display: inline-block;
  height: 150px;
  position: relative;
  width: 150px;
}
.details-information .modal.v2 .event-details-image > div > .actions {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  display: none;
  height: 150px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.details-information .modal.v2 .event-details-image > div > .actions > i,
.details-information .modal.v2 .event-details-image > div > .actions > a > i {
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  margin: 8px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.details-information .modal.v2 .event-details-image > div > .actions > i:hover,
.details-information .modal.v2 .event-details-image > div > .actions > a > i:hover {
  color: #333333;
}
.details-information .modal.v2 .event-details-image > div > .actions > a:hover {
  text-decoration: none;
}
.details-information .modal.v2 .event-details-image > div > .actions > a:hover > i {
  color: #333333;
}
.details-information .modal.v2 .event-details-image > div:hover > .actions {
  display: block;
}
.details-information .modal.v2 .event-details-image-upload ~ span {
  color: #9F9F9F;
  display: block;
  font-size: 12px;
  margin-top: 5px;
}
.details-information .modal.v2 .icon-edit {
  float: right;
  position: relative;
  top: 8.55px;
}
.details-information .modal.v2 ul.icons {
  line-height: 24px;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: normal;
}
.details-information .modal.v2 ul.icons > li {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  color: #9F9F9F;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  vertical-align: middle;
  width: 24px;
  word-spacing: 0;
}
.details-information .modal.v2 ul.icons > li > i {
  font-size: 14px;
}
.details-information .modal.v2 ul.icons > li:hover {
  color: #666666;
  background-color: #EEEEEE;
}
.details-information .modal.v2 ul.icons > li.selected {
  color: #333333;
  background-color: #E8E8E8;
  border: 1px solid #CFCFCF;
}
.details-information .modal.v2 .upload-size-limit {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 6px;
  z-index: 100;
}
.details-information #modalCardPreview > .modal-dialog {
  padding: 10px;
  width: 99%;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-body {
  padding: 10px 15px 15px 15px;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-body > iframe {
  border: 0;
  width: 100%;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-header {
  background-color: transparent;
  border: none;
  padding: 0;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-header > .modal-title {
  text-align: center;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-header > .modal-title > div {
  background-color: #ffffff;
  border-radius: 24px;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding: 8px 12px;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-header > .modal-title > div > * {
  vertical-align: middle;
}
.details-information #modalCardPreview > .modal-dialog > .modal-content > .modal-header > span.close {
  color: #ffffff;
  font-size: 25px;
  margin: 0 8px 0 0;
  opacity: 1;
  text-shadow: 0 0 12px #333333;
}
.details-information #modalCreateRegistry > .modal-dialog {
  width: 626px;
}
.details-information #modalCreateRegistry ul.registry-stores {
  display: block;
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
}
.details-information #modalCreateRegistry ul.registry-stores > li {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  display: inline-block;
  margin: 8px 0;
  padding: 8px;
  text-align: center;
  transition-duration: 0.25s;
  transition-property: background-color, border;
  transition-timing-function: ease;
  width: 32%;
}
.details-information #modalCreateRegistry ul.registry-stores > li > img {
  display: block;
  margin: 0 auto 10px auto;
}
.details-information #modalCreateRegistry ul.registry-stores > li:focus,
.details-information #modalCreateRegistry ul.registry-stores > li:hover {
  background-color: #FAFAFA;
  border: 1px solid #EEEEEE;
}
.details-information #modalRegistryDescription > .modal-dialog {
  margin-top: 100px;
  width: 750px;
}
.details-information #modalModifyAttachment textarea {
  height: 100px;
}
.details-information .modalModifyEventSummary > .modal-dialog {
  margin-top: 100px;
  width: 750px;
}
.details-information .modalModifyEventSummary > .modal-dialog > .modal-content > .modal-body .embed-popup {
  display: flex;
  margin: 20px 0;
}
.details-information .modalModifyEventSummary > .modal-dialog > .modal-content > .modal-body .embed-popup > label.gv-input {
  flex: 1 1 auto;
  margin: 0;
}
.details-information .modalModifyEventSummary > .modal-dialog > .modal-content > .modal-body .embed-popup > div.actions {
  flex: 0 0 auto;
  padding: 1px 0 0 10px;
}
.details-information #modalModifyRegistry > .modal-dialog {
  margin-top: 100px;
}
.details-information #modalModifySection > .modal-dialog {
  margin-top: 25px;
  width: 750px;
}
.details-information #modalModifySection .add-image {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
}
.details-information #modalModifySection .add-image > a {
  cursor: pointer;
  margin-bottom: 16px;
  text-decoration: none;
}
.details-information #modalModifySection .add-image > a:hover > span {
  text-decoration: underline;
}
.details-information #modalModifySection .add-image > a > span {
  color: #4AB37E;
  display: inline-block;
  font-size: 14px;
}
.details-information #modalModifySection .add-image > a > i {
  color: #999999;
  display: inline-block;
  margin-left: 5px;
}
.details-information #modalModifySection .tags {
  display: flex;
  align-items: center;
}
.details-information #modalModifySection .tags > * {
  padding-right: 30px;
}
.details-information #modalModifySection .footer {
  display: flex;
  justify-content: space-between;
}
.details-information #modalModifySender > .modal-dialog {
  width: 575px;
}
.details-information #modalModifySponsor > .modal-dialog {
  margin-top: 100px;
}
.details-information #modalSearchRegistry .results-table-container {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin: 10px 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.details-information #modalSearchRegistry .results-table-container > table {
  font-size: 12px;
  margin-bottom: 0;
}
.details-information #modalSearchRegistry .searching {
  margin: 48px 0;
  text-align: center;
}
.details-information #modalSearchRegistry .searching > i {
  font-size: 48px;
}
.details-information #modalSearchRegistry .searching > span {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}
.details-information #modalSearchRegistry ol.store-images {
  display: inline-block;
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
  text-align: left;
  width: 470px;
}
.details-information #modalSearchRegistry ol.store-images > li {
  display: inline-block;
  margin: 8px;
}
.details-information #modalSearchRegistry .store-text-image {
  top: 3px;
}
.details-information .modal.cropImage.v2 .modal-dialog {
  width: 700px;
}
.gv-location-suggestion {
  color: #333333;
  border-bottom: 1px solid #666666;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0 -40px -20px -40px;
  padding: 0 20px 30px 20px;
  position: relative;
}
.gv-location-suggestion > header {
  align-items: center;
  display: flex;
  margin: 0px;
  position: relative;
  top: -25px;
}
.gv-location-suggestion > header > em {
  align-items: center;
  border: 1px solid #666666;
  border-radius: 4px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 20px;
  width: 40px;
}
.gv-location-suggestion > header > em > i {
  color: #333333;
  font-size: 20px;
}
.gv-location-suggestion > header > span {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
}
.gv-location-suggestion > span {
  font-weight: 300;
}
.gv-location-suggestion > strong {
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
}
.gv-location-suggestion > ul {
  background-color: #EEEEEE;
  border-radius: 8px;
  display: block;
  list-style-type: none;
  margin: 20px 0;
  padding: 30px;
}
.gv-location-suggestion > ul > li {
  display: flex;
  margin-top: 16px;
}
.gv-location-suggestion > ul > li:first-child {
  margin-top: 0;
}
.gv-location-suggestion > ul > li > span {
  margin-right: 10px;
  width: 75px;
}
.gv-modify-music.body div.gv-form {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  max-width: 100%;
  width: 500px;
}
.gv-modify-music.body div.gv-form > div {
  flex: 1 1 100%;
  padding: 10px;
}
.gv-modify-music.body div.gv-form > label {
  flex: 1 1 50%;
  padding: 10px;
}
.gv-modify-music.body > div.trimming {
  align-items: center;
  background-color: #F7F7F7;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: flex;
  height: 52px;
  justify-content: center;
  margin: 20px 0;
}
.gv-modify-music.body > div.trimming > i {
  color: #666666;
  font-size: 20px;
}
.gv-modify-music.body > div.trimming > span {
  color: #666666;
  display: block;
  font-size: 16px;
  margin-left: 10px;
}
.gv-modify-music.footer {
  display: flex;
  justify-content: space-between;
}
.info-next-master .popover-content {
  white-space: nowrap;
}
.details-rsvp.v2 {
  font-size: 14px;
}
.details-rsvp.v2 #page-container {
  background: white;
  margin-top: -16px;
  padding: 20px 60px;
}
.details-rsvp.v2 .tag {
  border-radius: 4px;
}
.details-rsvp.v2 .flex-row {
  display: flex;
}
.details-rsvp.v2 .flex-row .col {
  flex: 1;
}
@media (max-width: 768px) {
  .details-rsvp.v2 .flex-row {
    flex-flow: row wrap;
  }
}
.details-rsvp.v2 hr {
  border: 0;
  clear: both;
  display: block;
  width: 100%;
  background-color: #E2E3E4;
  height: 1px;
}
.details-rsvp.v2 .section {
  background-color: white;
  border: 1px solid #E2E3E4;
  border-radius: 5px;
  padding: 15px 25px;
  margin: 12px;
}
.details-rsvp.v2 .section .gv-checkbox > span {
  display: initial;
}
.details-rsvp.v2 .section .heading {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.details-rsvp.v2 .section .heading small {
  text-transform: none;
  font-weight: normal;
}
.details-rsvp.v2 .inner-page {
  margin: -12px;
}
.details-rsvp.v2 .page-heading {
  margin: 12px;
}
.details-rsvp.v2 .basic .col {
  padding: 0 5px;
}
.details-rsvp.v2 .basic .col:first-child {
  padding-left: 0;
}
.details-rsvp.v2 .basic .col:last-child {
  padding-right: 0;
}
.details-rsvp.v2 .tickets #ticket-info {
  max-width: 700px;
}
.details-rsvp.v2 .tickets #ticket-toggle {
  max-width: 255px;
}
.details-rsvp.v2 .tickets #ticket-details {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details-rsvp.v2 .tickets #ticket-details .big-block {
  background: #91BCE7;
  color: white;
  width: 265px;
  height: 140px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.details-rsvp.v2 .tickets #ticket-details .big-block > div {
  font-size: 24px;
}
.details-rsvp.v2 .tickets #ticket-details .big-block .fa-stack {
  font-size: 16px;
}
.details-rsvp.v2 .tickets #ticket-details .big-block .fa-stack i.fa-ticket-alt {
  color: #91BCE7;
}
.details-rsvp.v2 .tickets #ticket-details .big-block a {
  color: #EEEEEE;
}
.details-rsvp.v2 .tickets #ticket-details .big-block a:hover {
  text-decoration: underline;
}
.details-rsvp.v2 .tickets #ticket-details #ticket-features {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  justify-content: center;
  height: 140px;
  padding: 20px;
}
.details-rsvp.v2 .tickets #ticket-details #ticket-features span {
  display: flex;
  padding: 5px;
  width: 33%;
  align-items: center;
}
.details-rsvp.v2 .tickets #ticket-details #ticket-features span i {
  padding: 5px;
  padding-right: 10px;
  font-size: 24px;
}
.details-rsvp.v2 .tickets #ticket-config,
.details-rsvp.v2 .tickets #stripe-setup-head {
  border-top: 1px solid #E2E3E4;
  padding-top: 20px;
  margin-top: 20px;
}
.details-rsvp.v2 .tickets #ticket-config #ticket-config-buttons,
.details-rsvp.v2 .tickets #stripe-setup-head #ticket-config-buttons {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}
.details-rsvp.v2 .tickets #ticket-config #ticket-config-buttons .btnV2,
.details-rsvp.v2 .tickets #stripe-setup-head #ticket-config-buttons .btnV2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  width: 150px;
  font-size: 14px;
}
.details-rsvp.v2 .tickets #ticket-config #ticket-config-buttons .btnV2 i,
.details-rsvp.v2 .tickets #stripe-setup-head #ticket-config-buttons .btnV2 i {
  font-size: 18px;
  margin-right: 10px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container {
  border: 1px solid #E2E3E4;
  border-radius: 5px;
  margin-bottom: 30px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container:last-child,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container:last-child {
  margin-bottom: 0;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .head,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .head {
  background: #91BCE7;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .head a,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .head a {
  color: white;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body {
  padding: 10px 20px;
  margin: 0;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .actions,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .actions {
  display: flex;
  justify-content: space-between;
  width: 200px;
  padding-left: 45px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body td > .actions,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body td > .actions {
  width: unset;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body td,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body td,
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body th,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body th {
  padding: 10px 20px;
  margin: 0 -20px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #E2E3E4;
  padding: 10px 20px;
  margin: 0 -20px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item:first-child,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item:first-child {
  border-top: none;
  padding-top: 0;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item:last-child,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item:last-child {
  padding-bottom: 0;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item .info,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item .info {
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item .info > *:not(:first-child),
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item .info > *:not(:first-child) {
  margin-left: 10px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item .info .tags,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item .info .tags {
  display: flex;
  flex-flow: row wrap;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item .info .tags .tag,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item .info .tags .tag {
  margin-right: 10px;
  margin-bottom: 10px;
}
.details-rsvp.v2 .tickets #ticket-config .ticket-list-container .body .item.inactive,
.details-rsvp.v2 .tickets #stripe-setup-head .ticket-list-container .body .item.inactive {
  color: #CCCCCC;
}
.details-rsvp.v2 .tickets #ticket-config #payment-processing #payment-processing-head,
.details-rsvp.v2 .tickets #stripe-setup-head #payment-processing #payment-processing-head {
  margin-bottom: 10px;
}
.details-rsvp.v2 .tickets #ticket-config #payment-processing #payment-processing-body,
.details-rsvp.v2 .tickets #stripe-setup-head #payment-processing #payment-processing-body {
  display: flex;
}
.details-rsvp.v2 .tickets #ticket-config #payment-processing #payment-processing-body label.gv-checkbox,
.details-rsvp.v2 .tickets #stripe-setup-head #payment-processing #payment-processing-body label.gv-checkbox {
  margin: 10px 0 !important;
}
.details-rsvp.v2 .tickets #ticket-config #payment-processing #payment-processing-body > div,
.details-rsvp.v2 .tickets #stripe-setup-head #payment-processing #payment-processing-body > div {
  flex: 1;
}
.details-rsvp.v2 .tickets #ticket-config #stripe-setup-head,
.details-rsvp.v2 .tickets #stripe-setup-head #stripe-setup-head {
  margin-bottom: 20px;
}
.details-rsvp.v2 .survey {
  margin-bottom: 20px;
}
.details-rsvp.v2 .survey .new-answer {
  margin-top: 10px;
}
.details-rsvp.v2 .survey .heading {
  text-align: center;
}
.details-rsvp.v2 .survey .survey-head {
  font-family: "Open Sans";
  margin-bottom: 10px;
  text-align: center;
}
.details-rsvp.v2 .survey .survey-head > a {
  margin-top: 10px;
}
.details-rsvp.v2 .survey .survey-head > div {
  margin-bottom: 10px;
}
.details-rsvp.v2 .survey .survey-head > div > div {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  margin-top: 10px;
  text-transform: uppercase;
}
.details-rsvp.v2 .survey .survey-body {
  padding-bottom: 0;
}
.details-rsvp.v2 .survey .survey-body .table {
  margin-bottom: 0;
}
.details-rsvp.v2 .survey .survey-body .table th {
  border-bottom: 1px solid #E2E3E4;
}
.details-rsvp.v2 .survey .q-list table th,
.details-rsvp.v2 .survey .q-list table td {
  padding: 15px 25px;
}
.details-rsvp.v2 .survey .q-list table th:first-child,
.details-rsvp.v2 .survey .q-list table td:first-child {
  padding-left: 25px;
}
.details-rsvp.v2 .survey .q-list table th:last-child,
.details-rsvp.v2 .survey .q-list table td:last-child {
  padding-right: 25px;
}
.details-rsvp.v2 .survey .q-list table #qBody .ui-sortable-helper {
  display: table;
  background: white;
}
.details-rsvp.v2 .survey .q-list table #qBody .hasfollowup {
  color: #666666;
  font-size: 12px;
  font-weight: 300;
}
.details-rsvp.v2 .advanced .body > div {
  margin-left: -5px;
}
.details-rsvp.v2 .advanced .body > div:not(:first-child) {
  padding-top: 20px;
}
.details-rsvp.v2 .advanced .body em {
  font-size: 12px;
}
.details-rsvp.v2 .advanced .merge-token-help {
  left: initial;
  right: 0;
  top: 0;
}
.details-rsvp.v2 .advanced .rsvp-info .merge-token-help {
  top: -24px;
}
.details-rsvp.v2 .advanced .rsvp-info,
.details-rsvp.v2 .advanced .rsvp-advanced {
  margin-top: 10px;
  margin-left: 30px;
}
.details-rsvp.v2 .modal.v2 .modal-header {
  padding: 15px 30px 10px 40px;
}
.details-rsvp.v2 .modal.v2 .modal-body {
  padding: 15px 40px;
}
.details-rsvp.v2 .modal.v2 .modal-dialog {
  max-width: 1092px;
}
.details-rsvp.v2 .modal.v2 .modal-title {
  font-size: 24px;
}
.details-rsvp.v2 .modal.v2 .modal-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  padding: 15px 40px;
  background: #F7F7F7;
}
.details-rsvp.v2 #editTicketModal .col > div,
.details-rsvp.v2 #editTicketModal #advanced-options > div {
  padding-top: 20px;
}
.details-rsvp.v2 #editTicketModal .col > div:first-of-type {
  padding-top: 15px;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: -10px;
  padding: 0;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li {
  display: flex;
  flex: 0 0 auto;
  width: calc(50% - 20px);
  margin: 10px;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-sizing: border-box;
  color: #9F9F9F;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a:hover {
  border-color: #4AB37E;
  color: #4AB37E;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a.selected {
  background-color: #E9F7F1;
  border-color: #4AB37E;
  color: #4AB37E;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a > span {
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a > span.name,
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a > span.type {
  font-weight: 600;
}
.details-rsvp.v2 #editTicketModal ol.gv-ticket-locations > li > a > span.no-location {
  text-align: center;
}
.details-rsvp.v2 #editTicketModal label {
  margin: 0;
}
.details-rsvp.v2 #editTicketModal strong {
  font-size: 16px;
}
.details-rsvp.v2 #editTicketModal .left {
  height: unset;
  margin-bottom: 15px;
}
.details-rsvp.v2 #editCouponModal .modal-body > div {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.details-rsvp.v2 #editCouponModal .modal-body > div label.gv-select.amount-type,
.details-rsvp.v2 #editCouponModal .modal-body > div label.gv-select.use-type {
  width: 115px;
}
.details-rsvp.v2 #editCouponModal .modal-body > div label.gv-select.applies-to {
  width: 135px;
}
.details-survey.v2 {
  font-size: 14px;
}
.details-survey.v2 #page-container {
  background: white;
  margin-top: -16px;
  padding: 20px 60px;
}
.details-survey.v2 .tag {
  border-radius: 4px;
}
.details-survey.v2 .flex-row {
  display: flex;
}
.details-survey.v2 .flex-row .col {
  flex: 1;
}
@media (max-width: 768px) {
  .details-survey.v2 .flex-row {
    flex-flow: row wrap;
  }
}
.details-survey.v2 hr {
  border: 0;
  clear: both;
  display: block;
  width: 100%;
  background-color: #E2E3E4;
  height: 1px;
}
.details-survey.v2 .section {
  background-color: white;
  border: 1px solid #E2E3E4;
  border-radius: 5px;
  padding: 15px 25px;
  margin: 12px;
}
.details-survey.v2 .section .gv-checkbox > span {
  display: initial;
}
.details-survey.v2 .section .heading {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.details-survey.v2 .section .heading small {
  text-transform: none;
  font-weight: normal;
}
.details-survey.v2 .inner-page {
  margin: -12px;
}
.details-survey.v2 .page-heading {
  margin: 12px;
}
.details-survey.v2 .survey {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.details-survey.v2 .survey .new-answer {
  margin-top: 10px;
}
.details-survey.v2 .survey .survey-head {
  font-family: "Open Sans";
  margin-bottom: 10px;
  text-align: center;
}
.details-survey.v2 .survey .survey-head > a {
  margin-top: 10px;
}
.details-survey.v2 .survey .survey-head > div {
  margin-bottom: 10px;
}
.details-survey.v2 .survey .survey-head > div > div {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  margin-top: 10px;
  text-transform: uppercase;
}
.details-survey.v2 .survey .survey-body {
  padding-bottom: 0;
}
.details-survey.v2 .survey .survey-body .table {
  margin-bottom: 0;
}
.details-survey.v2 .survey .survey-body .table th {
  border-bottom: 1px solid #E2E3E4;
}
.details-survey.v2 .survey .q-list table th,
.details-survey.v2 .survey .q-list table td {
  padding: 15px 25px;
}
.details-survey.v2 .survey .q-list table th:first-child,
.details-survey.v2 .survey .q-list table td:first-child {
  padding-left: 25px;
}
.details-survey.v2 .survey .q-list table th:last-child,
.details-survey.v2 .survey .q-list table td:last-child {
  padding-right: 25px;
}
.details-survey.v2 .survey .q-list table #qBody .ui-sortable-helper {
  display: table;
  background: white;
}
.details-survey.v2 .survey .q-list table #qBody .hasfollowup {
  color: #666666;
  font-size: 12px;
  font-weight: 300;
}
.details-survey.v2 .modal.v2 .modal-header {
  padding: 15px 30px 10px 40px;
}
.details-survey.v2 .modal.v2 .modal-body {
  padding: 15px 40px;
}
.details-survey.v2 .modal.v2 .modal-dialog {
  max-width: 1092px;
}
.details-survey.v2 .modal.v2 .modal-title {
  font-size: 24px;
}
.details-survey.v2 .modal.v2 .modal-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  padding: 15px 40px;
  background: #F7F7F7;
}
.details-email-edit .preview-spacing {
  width: 680px;
  margin: 0 auto;
}
.details-email-edit .preview-header-subject {
  margin-bottom: 15px;
  padding-left: 10px;
}
.details-email-edit .preview-header-subject strong {
  padding-right: 10px;
  font-size: 15px;
}
.details-email-edit .preview-header-subject input {
  display: inline;
  font-size: 15px;
  height: 35px;
}
.details-email-edit .preview-header-options {
  margin-bottom: 15px;
}
.details-email-edit .preview-title {
  border: 1px solid #CCC;
  background-color: #f1f1f1;
  padding: 5px;
  text-align: center;
  border-bottom: none;
}
.details-email-edit .preview-frame {
  border: 1px solid #CCC;
  padding: 15px;
}
.details-email-edit .preview-subject,
.details-email-edit .preview-from {
  padding: 5px 15px;
}
.details-email-edit .hoverTransparent:hover,
.details-email-edit .hoverTransparentForce {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
  opacity: 0.8;
  background-color: #F7F7F7;
  cursor: pointer;
}
.details-email-edit .hoverTransparent:hover {
  background-color: #F7F7F7;
  position: relative;
}
.details-email-edit .hoverTransparent:hover .hover-icon {
  display: inline !important;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #83c6d7;
}
.details-email-edit .hoverTransparent:hover .hover-hide {
  display: none !important;
}
.details-email-edit #card_HostImage .image-remove {
  position: absolute;
  top: 10px;
  right: 10px;
}
.details-email-edit .addicon {
  font-size: 20px;
  vertical-align: middle;
  top: -2px;
  position: relative;
}
.details-email-edit #card_EventShare {
  position: relative;
}
.details-email-edit .edit-share {
  position: relative;
  top: 15px;
  right: 10px;
  color: #67a0b1;
  cursor: pointer;
}
.details-email-edit .edit-share:lang(fr) {
  width: 50px;
}
.details-email-edit .edit-share.edit-share-enable {
  top: 2px;
  font-size: 12px;
  font-style: normal;
}
.details-email-edit .edit-share i {
  padding-right: 5px;
  color: #999999;
}
.details-email-edit .merge-token-help {
  float: right;
}
.details-email-edit.V2 #previewPanel .preview-heading {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.details-email-edit.V2 #previewPanel .preview-heading div:not(.text-center) {
  flex: 1;
}
.details-email-edit.V2 #previewPanel .preview-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header {
  background: #F1F1F1;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
  border-bottom: none;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header > * {
  padding: 3px 0;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels {
  display: flex;
  align-items: center;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  margin-left: 5px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid #CCCCCC;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: 7.5px;
  background: #F1F1F1;
  border: 1px solid #CCCCCC;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag:not(.active) {
  background: #F1F1F1 !important;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag:not(.active) > span {
  color: #666666;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag:hover {
  opacity: 0.7;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag.active {
  border-color: transparent;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-header .preview-labels .tags .gv-tag.active::before {
  background: transparent;
  border: 4px solid #F1F1F1;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col {
  flex: 1;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.left {
  margin-right: 20px;
  width: 220px;
  font-size: 14px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.left .qq-uploader {
  background: transparent;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.left div {
  padding-top: 10px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.mid {
  flex: 1 0 680px;
  min-width: 680px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.mid .accentColor {
  margin: 7px;
  margin-bottom: 18px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.mid .from {
  cursor: pointer;
  font-size: 16px;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.mid .from:hover {
  opacity: 0.5;
}
.details-email-edit.V2 #previewPanel .preview-container .preview-col.mid .from a {
  margin-left: 10px;
}
.details-email-edit.V2 #previewPanel .preview-container #preview-email #edit-event-name,
.details-email-edit.V2 #previewPanel .preview-container #preview-email #card_PrimaryCardLink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-email-edit.V2 #previewPanel .preview-container #preview-email #edit-event-name > a,
.details-email-edit.V2 #previewPanel .preview-container #preview-email #card_PrimaryCardLink > a {
  cursor: pointer;
}
.details-email-edit.V2 #previewPanel a {
  color: #427e8f;
}
.details-email-edit.V2 #previewPanel a.green {
  color: #4AB37E;
}
.details-email-edit.V2 #previewPanel a.green:hover {
  text-decoration: none;
  color: #269D64;
}
.details-email-edit.V2 #previewPanel a i:hover {
  color: #427e8f;
}
.details-email-edit.V2 #previewPanel a:hover {
  text-decoration: underline;
  color: #427e8f;
}
.details-email-edit.V2 #modalPreview .alert-bar {
  background-color: #EEEEEE;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 40px;
  padding: 10px;
  padding-right: 15px;
  text-align: center;
}
.details-email-edit.V2 #modalPreview .alert-bar > span.hostnamewarning {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.details-email-edit.V2 #modalPreview .alert-bar > span.hostnamewarning i {
  color: #4AB37E;
  font-size: 20px;
  margin-right: 5px;
}
.details-email-edit.V2 #modalPreview .header-bar {
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
}
.details-email-edit.V2 #modalPreview .header-bar div {
  padding: 20px;
}
.details-email-edit.V2 #modalPreview .header-bar .backtopreview i,
.details-email-edit.V2 #modalPreview .header-bar .continue i {
  margin: 5px;
}
.details-email-edit.V2 #modalPreview .header-bar a.gray {
  color: #666666;
}
.details-email-edit.V2 #modalPreview .header-bar a.gray:hover {
  color: #666666;
}
.details-email-edit.V2 #modalPreview .modal-body {
  padding: 0;
}
.details-email-edit.V2 #modalPreview iframe {
  border: none;
}
#modalEmployee {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
#modalEmployee .big-loading > i.fa-spin {
  color: #666666;
}
#modalEmployee .modal-dialog {
  width: 520px;
}
#modalEmployee .modal-dialog .modal-content {
  border-radius: 10px;
}
#modalEmployee .modal-dialog .modal-content > .modal-body {
  padding: 0 20px 20px 20px;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > div {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > div > a {
  margin: 0 20px;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > div > a.text-link {
  color: #666666;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > img {
  float: right;
  margin: 0 20px;
  position: relative;
  top: -20px;
  width: 150px;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > p {
  margin-top: 30px;
  padding: 0;
  text-align: center;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > p > a {
  color: #666666;
  display: inline-block;
  font-size: 14px;
  max-width: 300px;
  text-decoration: underline;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > span {
  color: #666666;
  display: block;
  margin-bottom: 20px;
}
#modalEmployee .modal-dialog .modal-content > .modal-body > div.marketing-employee > strong {
  color: #333333;
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 36px;
  font-weight: normal;
  margin: 20px 0;
}
#event-summary.v3 {
  padding: 20px 30px;
}
#event-summary.v3 > .loading {
  margin-top: 60px;
  text-align: center;
}
#event-summary.v3 > .loading > i {
  color: #269D64;
  font-size: 30px;
}
#event-summary.v3 > .loading > span {
  font-size: 16px;
}
#event-summary.v3 .chart {
  display: flex;
}
#event-summary.v3 .chart > div {
  flex: 0 0 auto;
  margin-left: 30px;
  text-align: right;
  width: 135px;
}
#event-summary.v3 .chart > div > canvas {
  cursor: pointer;
}
#event-summary.v3 .chart > ol {
  flex: 1 1 auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 50%;
}
#event-summary.v3 .chart > ol > li {
  cursor: pointer;
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
#event-summary.v3 .chart > ol > li:last-child {
  margin-bottom: 0;
}
#event-summary.v3 .chart > ol > li > em {
  border-radius: 16px;
  display: inline-block;
  flex: 0 0 auto;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  width: 16px;
}
#event-summary.v3 .chart > ol > li > span {
  color: #666666;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}
#event-summary.v3 .chart > ol > li > strong {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  position: absolute;
  right: 0;
  vertical-align: middle;
}
#event-summary.v3 > div.content {
  display: none;
}
#event-summary.v3 > div.content.show {
  display: block;
}
#event-summary.v3 > div.content .section {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 15px;
}
#event-summary.v3 > div.content .section > .section-content .actions {
  display: flex;
  margin-top: 30px;
}
#event-summary.v3 > div.content .section > .section-content .actions > a,
#event-summary.v3 > div.content .section > .section-content .actions > button {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 4px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#event-summary.v3 > div.content .section > .section-content .actions > a:first-child,
#event-summary.v3 > div.content .section > .section-content .actions > button:first-child {
  padding-left: 0;
  text-align: left;
}
#event-summary.v3 > div.content .section > .section-content .actions > a:last-child,
#event-summary.v3 > div.content .section > .section-content .actions > button:last-child {
  padding-right: 0;
  text-align: right;
}
#event-summary.v3 > div.content .section > .section-content .missing-data {
  color: #9F9F9F;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
}
#event-summary.v3 > div.content .section > .section-header {
  display: flex;
}
#event-summary.v3 > div.content .section > .section-header + .section-content {
  border-top: 1px solid #E8E8E8;
  margin-top: 15px;
  padding-top: 20px;
}
#event-summary.v3 > div.content .section > .section-header > .actions {
  flex: 0 0 auto;
}
#event-summary.v3 > div.content .section > .section-header > .actions > .action {
  color: #427e8f;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
  transition: color ease 0.25s;
  vertical-align: middle;
}
#event-summary.v3 > div.content .section > .section-header > .actions > .action > .arrow {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  margin-left: 4px;
  position: relative;
  top: -1px;
  transition: border-color ease 0.25s;
  vertical-align: middle;
  width: 24px;
}
#event-summary.v3 > div.content .section > .section-header > .actions > .action > .arrow::before {
  border-left: 2.5px solid #427e8f;
  border-radius: 2px;
  border-top: 2.5px solid #427e8f;
  content: '';
  display: block;
  height: 9px;
  left: 5px;
  position: relative;
  top: 7px;
  transform: rotate(-225deg);
  width: 9px;
}
#event-summary.v3 > div.content .section > .section-header > .actions > .action:hover {
  color: #3F7C93;
}
#event-summary.v3 > div.content .section > .section-header > .actions > .action:hover > .arrow::before {
  border-color: #3F7C93;
}
#event-summary.v3 > div.content .section > .section-header > h2 {
  color: #666666;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
#event-summary.v3 > div.content .section .section-separator {
  display: block;
  border-bottom: 1px solid #E8E8E8;
  margin: 20px 0;
  padding: 0;
}
#event-summary.v3 > div.content > .content-body {
  display: flex;
}
#event-summary.v3 > div.content > .content-body > .left {
  flex: 0 0 auto;
  width: 375px;
}
#event-summary.v3 > div.content > .content-body > .left > ol.actions {
  display: flex;
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
}
#event-summary.v3 > div.content > .content-body > .left > ol.actions > li {
  flex: 1 1 auto;
  width: 125px;
}
#event-summary.v3 > div.content > .content-body > .left > ol.actions > li:not(:last-child) {
  margin-right: 25px;
}
#event-summary.v3 > div.content > .content-body > .left > ol.actions > li > a {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 12px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#event-summary.v3 > div.content > .content-body > .left > ol.actions > li > a > i {
  margin-right: 5px;
}
#event-summary.v3 > div.content > .content-body > .left > .plan-info {
  font-size: 14px;
  padding: 2.5px;
  text-align: center;
}
#event-summary.v3 > div.content > .content-body > .left > .plan-info > a {
  display: inline-block;
  margin: 12.5px;
}
#event-summary.v3 > div.content > .content-body > .left > .plan-info > div {
  display: inline-block;
  margin: 12.5px;
}
#event-summary.v3 > div.content > .content-body > .left > .plan-info.trial {
  background-color: #91BCE7;
  border-color: #91BCE7;
  color: #ffffff;
}
#event-summary.v3 > div.content > .content-body > .right {
  flex: 1 1 auto;
  margin-left: 30px;
}
#event-summary.v3 > div.content .two-columns {
  display: flex;
  margin-top: 30px;
}
#event-summary.v3 > div.content .two-columns > div {
  flex: 1 1 auto;
  margin-right: 30px;
  min-width: 350px;
  width: 50%;
}
#event-summary.v3 > div.content .two-columns > div i.fa-question-circle {
  color: #CFCFCF;
  font-size: 16px;
  margin-left: 5px;
  vertical-align: middle;
}
#event-summary.v3 > div.content .two-columns > div:last-child {
  margin-right: 0;
}
#event-summary.v3 > div.content .two-columns > div.single > .section-content > div {
  display: flex;
}
#event-summary.v3 > div.content .two-columns > div.single > .section-content > div > div {
  flex: 1 1 auto;
}
#event-summary.v3 > div.content .two-columns > div.single > .section-content > div > div.section-separator {
  border-right: 1px solid #E8E8E8;
  flex: 0 0;
  margin: 0 20px;
  margin-top: 0 !important;
}
#event-summary.v3 > div.content .two-columns > div.single > .section-content > div > div .chart > div {
  margin: 0 15px;
}
#event-summary.v3 > div.content .two-columns > div div.not-ready {
  display: block !important;
  height: 225px;
  text-align: center;
}
#event-summary.v3 > div.content .two-columns > div div.not-ready > div.image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 72px;
  margin: 35px 0;
}
#event-summary.v3 > div.content .two-columns > div div.not-ready > div.image.send {
  background-image: url('https://css.greenvelope.com/user/_images/event-summary/icon-send.png');
}
#event-summary.v3 > div.content .two-columns > div div.not-ready > div.image.track {
  background-image: url('https://css.greenvelope.com/user/_images/event-summary/icon-track.png');
}
#event-summary.v3 > div.content .two-columns > div div.not-ready > span {
  color: #333333;
  display: block;
  font-size: 14px;
  margin: 25px 40px;
  text-align: center;
}
#event-summary.v3 > div.content .two-columns > div div.scheduled-send {
  display: flex;
}
#event-summary.v3 > div.content .two-columns > div div.scheduled-send > .icon {
  flex: 0 0;
  margin-right: 15px;
  position: relative;
}
#event-summary.v3 > div.content .two-columns > div div.scheduled-send > .icon > i {
  color: #FFD641;
  font-size: 20px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#event-summary.v3 > div.content .two-columns > div div.scheduled-send > .message {
  color: #666666;
  flex: 1 1 auto;
  font-size: 11px;
}
#event-summary.v3 > div.content #save-status {
  text-align: right;
  padding-top: 5px;
}
#event-summary.v3 > div.content .gv-savestatus {
  position: relative;
  padding-right: 3px;
}
#event-summary.v3 > div.content > .content-header {
  display: flex;
  margin-bottom: 25px;
}
#event-summary.v3 > div.content > .content-header > div:first-child {
  flex: 1 1 auto;
  position: relative;
}
#event-summary.v3 > div.content > .content-header > div:first-child .event-tag > .add-tag > a {
  vertical-align: middle;
}
#event-summary.v3 > div.content > .content-header > div:first-child .event-tag > .add-tag > i {
  color: #CFCFCF;
  font-size: 16px;
  margin-left: 4px;
  vertical-align: middle;
}
#event-summary.v3 > div.content > .content-header > div:first-child .event-tag > .add-tag div.addEventLabel > .popup {
  margin-top: 4px;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name {
  margin-bottom: 4px;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name > a {
  display: inline-block;
  font-size: 16px;
  line-height: 33px;
  margin-left: 10px;
  vertical-align: top;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name > a > i {
  border-bottom: 2px solid #269D64;
  color: #269D64;
  padding-bottom: 2px;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name > h1 {
  color: #666666;
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  line-height: 33px;
  margin: 0;
  vertical-align: middle;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name label.gv-input {
  margin: 0;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name label.gv-input .help-inline {
  display: inline-block;
  margin: 0 0 0 10px;
}
#event-summary.v3 > div.content > .content-header > div:first-child > .name label.gv-input input[type='text'] {
  width: 300px;
}
#event-summary.v3 > div.content > .content-header > div:nth-child(2) {
  flex: 0 0 auto;
  margin-left: 30px;
}
#event-summary.v3 > div.content .details ol.detail-groups {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -15px -25px -15px;
  padding: 0;
}
#event-summary.v3 > div.content .details ol.detail-groups > li {
  display: block;
  flex: 1 0;
  margin: 0 15px 25px 15px;
  min-width: 225px;
  width: 31%;
}
#event-summary.v3 > div.content .details ol.detail-groups > li > span {
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#event-summary.v3 > div.content .details ol.detail-groups > li > strong {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
#event-summary.v3 > div.content .modal.v2#modalNewUser > .modal-dialog {
  margin-top: 100px;
  width: 350px;
}
#event-summary.v3 > div.content .preview {
  text-align: center;
}
#event-summary.v3 > div.content .preview > .design-info {
  font-size: 14px;
  margin-top: 15px;
}
#event-summary.v3 > div.content .preview > .design-info > span {
  display: block;
}
#event-summary.v3 > div.content .preview > .design-info > i {
  display: block;
  font-style: italic;
}
#event-summary.v3 > div.content .preview > .image {
  position: relative;
}
#event-summary.v3 > div.content .preview > .image.loading {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  filter: none;
  -webkit-filter: none;
  min-height: 200px;
}
#event-summary.v3 > div.content .preview > .image > img {
  display: inline-block;
  max-height: 400px;
  max-width: 300px;
}
#event-summary.v3 > div.content .preview > .image > .incomplete {
  display: block;
  padding: 80px 0;
}
#event-summary.v3 > div.content .preview > .image > .incomplete > h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 20px 0;
}
#event-summary.v3 > div.content .preview > .image > a.open-preview {
  background-color: #ffffff;
  border-radius: 50%;
  color: #333333;
  cursor: pointer;
  display: none;
  height: 144px;
  left: 50%;
  opacity: 0.9;
  padding: 42px 0;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 144px;
}
#event-summary.v3 > div.content .preview > .image > a.open-preview > i {
  color: #333333;
  display: block;
  font-size: 22px;
  margin-bottom: 12px;
}
#event-summary.v3 > div.content .preview > .image > a.open-preview > span {
  font-size: 16px;
}
#event-summary.v3 > div.content .preview > .image > a.open-preview:hover > i {
  color: #333333;
}
#event-summary.v3 > div.content .preview > .image:hover > a.open-preview {
  display: block;
}
#event-summary.v3 > div.content .preview .preview-mode {
  margin-top: 25px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
#event-summary.v3 > div.content .service-progress {
  display: flex;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content {
  flex: 1 1 auto;
  width: 50%;
  margin-right: 30px;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content:last-child {
  margin-right: 0;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-bar {
  background-color: #E8E8E8;
  border-radius: 8px;
  display: block;
  height: 6px;
  position: relative;
  width: 100%;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-bar > span {
  background-color: #666666;
  border-radius: 8px;
  display: block;
  height: 6px;
  position: absolute;
  width: 0%;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-bar > span.green {
  background-color: #4AB37E;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-bar > span.yellow {
  background-color: #E0BB6D;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-header {
  color: #666666;
  display: flex;
  margin-bottom: 15px;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-header > div {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  text-align: left;
  vertical-align: bottom;
}
#event-summary.v3 > div.content .service-progress > .service-progress-content .service-progress-header > strong {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-align: right;
  vertical-align: bottom;
}
@media (max-width: 1235px) {
  #event-summary.v3 > div.content > .content-body > .left {
    width: 300px;
  }
  #event-summary.v3 > div.content > .content-body > .left > ol.actions > li > a {
    width: 83px;
  }
  #event-summary.v3 > div.content .preview > .image > img {
    max-width: 100%;
  }
  #event-summary.v3 > div.content .service-progress .service-progress-content {
    margin-right: 20px;
  }
  #event-summary.v3 > div.content .service-progress .service-progress-content > .service-progress-header > strong {
    margin-left: 10px;
  }
  #event-summary.v3 > div.content .two-columns {
    display: block;
    margin-top: 0;
  }
  #event-summary.v3 > div.content .two-columns > div {
    display: block;
    flex: none;
    margin: 30px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 825px) {
  #event-summary.v3 > div.content > .content-body {
    display: block;
  }
  #event-summary.v3 > div.content > .content-body > .left {
    flex: none;
    width: 100%;
  }
  #event-summary.v3 > div.content > .content-body > .left > ol.actions > li > a {
    width: unset;
  }
  #event-summary.v3 > div.content > .content-body > .right {
    flex: none;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #event-summary.v3 > div.content > .content-header {
    display: block;
  }
  #event-summary.v3 > div.content > .content-header > div {
    display: block;
    flex: none;
  }
  #event-summary.v3 > div.content > .content-header > div:nth-child(2) {
    display: block;
    text-align: right;
  }
  #event-summary.v3 > div.content .preview > .image > img {
    max-width: 300px;
  }
  #event-summary.v3 > div.content .service-progress .service-progress-content {
    margin-right: 30px;
  }
  #event-summary.v3 > div.content .service-progress .service-progress-content > .service-progress-header > strong {
    margin-left: 0;
  }
}
#event-summary.v3 .chevron {
  display: inline-block;
  border: 1px solid #427e8f;
  text-align: center;
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  width: 24px;
  margin-left: 4px;
}
#event-summary.v3 .fa {
  padding-left: 1px;
}
section.gv-addticket {
  max-width: 350px;
}
.gv-cohost.purchase-warning {
  max-width: 300px;
}
.gv-cohost.purchase-warning h4 {
  color: #333333;
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 20px 0;
  text-align: center;
}
.gv-cohost.purchase-warning > div {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.gv-cohost.purchase-warning > div.actions {
  margin: 30px 0 0 0;
}
.gv-cohost.purchase-warning > div.actions > button.btnV2-link {
  margin-top: 10px;
}
.gv-filters {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.gv-filters > li {
  flex: 1 1 auto;
  margin: 5px 15px 5px 0 !important;
  max-width: 250px;
  position: relative;
}
.gv-filters > li.actions {
  flex: 0 0 auto;
  margin-right: 0;
}
.gv-filters > li.actions > a.gv-filter-clearall {
  border: unset;
  color: #427e8f;
  cursor: pointer;
  display: unset;
  font-size: 13px;
  padding: 0;
  transition: color ease 0.25s;
}
.gv-filters > li.actions > a.gv-filter-clearall:hover,
.gv-filters > li.actions > a.gv-filter-clearall:focus {
  color: #325f6c;
  outline: none;
}
.gv-filters > li.open > div.gv-filter-dropdown {
  display: block;
}
.gv-filters > li.open > label > span::after {
  margin-top: -2px;
  transform: rotate(135deg);
}
.gv-filters > li > div.gv-filter-dropdown {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.0802);
  display: none;
  margin-top: 6px;
  position: absolute;
  z-index: 9999;
}
.gv-filters > li > div.gv-filter-dropdown.anchor-right {
  right: 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body {
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  max-height: 280px;
  overflow: auto;
  padding: 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body:first-child {
  border-radius: 4px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options {
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.multi > li > label > span {
  margin-left: 10px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question {
  width: 300px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question > li {
  flex-direction: column;
  margin: 10px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question > li > strong {
  display: block;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question > li > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question > li > ul > li {
  margin: 10px 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.question > li > ul > li > label {
  display: flex;
  margin: 0 !important;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.single > li > label > input[type='radio'] {
  display: none;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options.single > li > label > input[type='radio']:checked ~ span {
  color: #269D64;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options > li {
  display: flex;
  padding: 7px 10px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options > li > label {
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  margin: 0 !important;
  transition: background-color ease 0.25s;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options > li > label:hover {
  background-color: #E9F7F1;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-body ul.gv-filter-options > li > label > span {
  color: #666666;
  display: block;
  flex: 1 1 auto;
  white-space: nowrap;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header {
  background-color: #F7F7F7;
  border-radius: 4px 4px 0 0;
  padding: 8px 14px;
  min-width: 250px;
  white-space: nowrap;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > div.gv-form {
  margin: 15px 0 0 0;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong {
  color: #333333;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > a.gv-filter-clear {
  cursor: pointer;
  display: inline-block;
  flex: 0 0 auto;
  margin-left: 20px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > a.gv-filter-clear > i {
  color: #666666;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > small {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin-left: 20px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > small > a {
  color: #333333;
  cursor: pointer;
  font-size: 14px;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > small > span {
  color: #427e8f;
  font-size: 14px;
  font-weight: bold;
}
.gv-filters > li > div.gv-filter-dropdown > .gv-filter-dropdown-header > strong > span {
  flex: 1 1 auto;
}
.gv-filters > li > label:not(.gv-checkbox) {
  display: block;
  margin-bottom: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-filters > li > label:not(.gv-checkbox) > span {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  height: 37px;
  overflow: hidden;
  padding: 6px 30px 6px 10px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gv-filters > li > label:not(.gv-checkbox) > span::after {
  border-bottom: 2px solid #CFCFCF;
  border-left: 2px solid #CFCFCF;
  content: " ";
  display: block;
  height: 7px;
  margin-top: -6px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 7px;
  transform: rotate(-45deg);
}
.gv-filters > li > label:not(.gv-checkbox) > strong {
  display: block;
  color: #333333;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.571429px;
  line-height: 17px;
  margin-bottom: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
.gv-filters > li > label:not(.gv-checkbox) > strong > var {
  color: #9F9F9F;
  font-style: normal;
  font-weight: normal;
}
.gv-modal {
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  left: -100%;
  opacity: 0;
  position: fixed;
}
.gv-modal.full-height > section {
  bottom: 20px;
  top: 20px;
}
.gv-modal.full-height > section > div.big-loading {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gv-modal.full-width > section {
  width: 100%;
}
.gv-modal.priority-0 {
  z-index: 1031;
}
.gv-modal.priority-1 {
  z-index: 1032;
}
.gv-modal.priority-10 {
  z-index: 1041;
}
.gv-modal.scroll {
  overflow: auto;
  text-align: center;
}
.gv-modal.scroll > section {
  display: inline-flex;
  flex: none;
  margin-bottom: 20px;
  position: relative;
  top: 40px;
}
.gv-modal.show {
  align-items: center;
  bottom: 0;
  display: flex !important;
  justify-content: center;
  left: 0;
  opacity: 1;
  right: 0;
  top: 0;
  transition: opacity ease 0.5s;
}
.gv-modal.show.scroll {
  align-items: normal;
  display: block !important;
  justify-content: normal;
}
.gv-modal > section {
  background-color: #ffffff;
  border-radius: 6px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: calc(100% - 40px);
  overflow: hidden;
  padding: 22px 40px 25px 40px;
  position: absolute;
}
.gv-modal > section.loading {
  min-height: 200px;
  min-width: 200px;
}
.gv-modal > section.loading > .big-loading {
  background-color: #ffffff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.gv-modal > section > a.dismiss {
  color: #666666;
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: 15px;
  text-decoration: none;
  top: 15px;
  width: 15px;
}
.gv-modal > section > a.dismiss > i {
  color: #666666;
  display: inline-block;
  font-size: 24px;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
}
.gv-modal > section > div.body {
  flex: 1 1 auto;
  font-size: 14px;
  margin: 0;
  position: relative;
}
.gv-modal > section > div.body > div.html-body {
  font-size: 16px;
  max-width: 500px;
  min-width: 300px;
}
.gv-modal > section > footer {
  flex: 0 0 auto;
  font-size: 14px;
  margin: 0;
  padding-top: 25px;
  position: relative;
}
.gv-modal > section > footer > div.two-button {
  text-align: right;
}
.gv-modal > section > header {
  flex: 0 0 auto;
  margin: 0;
  padding-bottom: 22px;
  position: relative;
}
.gv-modal > section > header > strong.text-header {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
}
.gv-modal > section select.gv-dropdown[data-initialized] + .gv-dropdown-wrapper > ol.gv-dropdown-menu {
  position: fixed;
}
.gv-modify-question {
  z-index: 1031;
}
.gv-modify-question.followup {
  z-index: 1032;
}
.gv-modify-question.followup div.qdetails {
  width: 460px;
}
.gv-modify-question.followup ol.qtype > li {
  width: 460px;
}
.gv-modify-question .gv-tagpicker.show {
  position: fixed;
  transform: translateY(-28px);
}
.gv-modify-question .gv-tagpicker div.search div.results div.scroll {
  height: 110px;
}
.gv-modify-question .gv-tagpicker div.search div.results div.scrollable {
  max-height: 150px;
}
.gv-modify-question div.qdetails {
  width: 500px;
}
.gv-modify-question div.qdetails ol.answers {
  list-style-type: none;
  margin: 10px 0 20px -26px;
  padding: 0;
}
.gv-modify-question div.qdetails ol.answers.hide-move > li > span > i {
  display: none;
}
.gv-modify-question div.qdetails ol.answers > li {
  display: flex;
  margin-top: 10px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-modify-question div.qdetails ol.answers > li.edit > div.display {
  display: none;
}
.gv-modify-question div.qdetails ol.answers > li.edit > div.edit {
  display: block;
}
.gv-modify-question div.qdetails ol.answers > li > div {
  background-color: #E9F7F1;
  border-radius: 6px;
  display: block;
  flex: 1 1 auto;
  padding: 7px 10px;
}
.gv-modify-question div.qdetails ol.answers > li > div.edit {
  background-color: rgba(0, 0, 0, 0);
  display: none;
  padding: 15px 0;
}
.gv-modify-question div.qdetails ol.answers > li > div.edit > div.input {
  display: flex;
}
.gv-modify-question div.qdetails ol.answers > li > div.edit > div.input > div {
  flex: 0 0 auto;
  margin-left: 20px;
}
.gv-modify-question div.qdetails ol.answers > li > div.edit > div.input > label {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.gv-modify-question div.qdetails ol.answers > li > div > div {
  display: flex;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail {
  display: flex;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > a {
  color: #666666;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > a > i {
  color: #666666;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > div {
  flex: 1 1 auto;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > div > button {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > div > button > i {
  border-bottom: 1px solid #4AB37E;
  color: #4AB37E;
  display: block;
  flex: 0 0 auto;
  font-size: 10px;
  padding-bottom: 2px;
  position: relative;
  top: -2px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.detail > div > button > span {
  color: #333333;
  display: block;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 18px;
  margin-right: 5px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.header {
  margin-bottom: 10px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.header > a {
  color: #427e8f;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.header > span {
  color: #666666;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 18px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol {
  display: block;
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol.hide-move > li > span {
  display: none;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li {
  display: flex;
  margin-top: 10px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div {
  background-color: #ffffff;
  border-radius: 6px;
  flex: 1 1 auto;
  padding: 7px 10px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div {
  display: flex;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail {
  display: flex;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > a {
  color: #666666;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > a > i {
  color: #666666;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > div {
  flex: 1 1 auto;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > div > button {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > div > button > i {
  border-bottom: 1px solid #4AB37E;
  color: #4AB37E;
  display: inline-block;
  font-size: 10px;
  padding-bottom: 2px;
  position: relative;
  top: -2px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.detail > div > button > span {
  color: #333333;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-right: 5px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.header {
  margin-bottom: 10px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > div > div.header > span {
  color: #666666;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 18px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > span {
  flex: 0 0 auto;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 16px;
}
.gv-modify-question div.qdetails ol.answers > li > div > div.follow-ups > ol > li > span > i {
  cursor: move;
  display: block;
  position: relative;
  top: 30px;
}
.gv-modify-question div.qdetails ol.answers > li > span {
  flex: 0 0 auto;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.gv-modify-question div.qdetails ol.answers > li > span > i {
  cursor: move;
  display: block;
  position: relative;
  top: 30px;
}
.gv-modify-question div.qdetails .gv-input {
  margin: 0 0 15px 0;
}
.gv-modify-question div.qdetails .gv-input > input,
.gv-modify-question div.qdetails .gv-input select {
  margin-bottom: 0;
}
.gv-modify-question div.qdetails .gv-input > span {
  margin-bottom: 9px;
}
.gv-modify-question div.qdetails .add-answer {
  align-items: center;
  display: flex;
  margin-top: 20px;
}
.gv-modify-question div.qdetails .add-answer > div {
  flex: 0 0 auto;
  margin-left: 10px;
  padding: 0 5px;
  position: relative;
}
.gv-modify-question div.qdetails .add-answer > div > i {
  cursor: pointer;
  font-size: 16px;
  position: relative;
  top: 6px;
}
.gv-modify-question div.qdetails .add-answer > label {
  flex: 1 1 auto;
}
.gv-modify-question div.qpermissions > div {
  margin-bottom: 20px;
}
.gv-modify-question div.qpermissions > div.tags > div > .gv-tag {
  margin: 10px 0 10px 10px;
}
.gv-modify-question div.qpermissions > div.tags > div > .gv-tag:first-child {
  margin-left: 0;
}
.gv-modify-question div.qpermissions > div.tickets > ol {
  flex-wrap: wrap;
}
.gv-modify-question div.qpermissions > div.tickets > ol > li {
  width: 50%;
}
.gv-modify-question div.qpermissions > div.tickets > ol > li > label > span {
  display: inline-block;
  white-space: normal;
}
.gv-modify-question div.qpermissions > div > ol {
  color: #666666;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gv-modify-question div.qpermissions > div > ol > li {
  flex: 0 0 auto;
  margin: 0;
  padding: 15px 7.5px 15px 7.5px;
  white-space: nowrap;
  width: 150px;
}
.gv-modify-question div.qpermissions > div > ol > li > label > span {
  display: inline-block !important;
  font-size: 13px;
  line-height: 18px;
  margin-left: 10px;
  white-space: nowrap;
}
.gv-modify-question div.qpermissions > div > strong {
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.gv-modify-question footer .popover {
  margin-right: 8px;
}
.gv-modify-question ol.qtype {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-modify-question ol.qtype > li {
  background-color: #ffffff;
  border: 1px solid #E2E3E4;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  margin-bottom: 10px;
  padding: 0;
  transition-duration: 0.25s;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  width: 500px;
}
.gv-modify-question ol.qtype > li:not(.selected):hover {
  background-color: #F7F7F7;
  border-color: #CFCFCF;
}
.gv-modify-question ol.qtype > li.selected {
  background-color: #E9F7F1;
  border-color: #4AB37E;
}
.gv-modify-question ol.qtype > li > button {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  display: flex;
  flex: 1 1 auto;
  margin: 0;
  padding: 16px 20px;
  text-align: left;
}
.gv-modify-question ol.qtype > li > button > i {
  color: #666666;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 19px;
  margin-right: 20px;
}
.gv-modify-question ol.qtype > li > button > span {
  color: #333333;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 19px;
}
.gv-modify-question div.working {
  background-color: #ffffff;
  border-radius: 6px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 2px;
  width: 100%;
}
.gv-modify-question div.working > div.big-loading {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.gv-refer-a-friend {
  align-items: center;
  background-color: #666666;
  display: none;
  padding: 10px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.gv-refer-a-friend.in {
  display: flex;
}
.gv-refer-a-friend > a.content {
  align-content: center;
  cursor: pointer;
  display: inline-flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  justify-content: center;
}
.gv-refer-a-friend > a.content:hover {
  text-decoration: none;
}
.gv-refer-a-friend > a.content > em {
  background-color: #FF7B7B;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  flex: 0 0 auto;
  font-family: 'Open Sans';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  padding: 2px 5px;
  text-transform: uppercase;
}
.gv-refer-a-friend > a.content > picture {
  display: block;
  flex: 0 0 auto;
  margin-left: 10px;
}
.gv-refer-a-friend > a.content > span {
  color: #ffffff;
  display: block;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
  text-decoration: underline;
}
.gv-refer-a-friend > a.dismiss {
  color: #F7F7F7;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.gv-refer-a-friend > a.dismiss > i {
  color: #ffffff !important;
}
.gv-refer-a-friend > a.dismiss:hover {
  text-decoration: none;
}
iframe.gv-registernewguest {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.gv-share-qr.body {
  color: #666666;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 19px;
}
.gv-share-qr.body > section.config {
  border-top: 1px solid #E8E8E8;
  padding: 20px 0;
}
.gv-share-qr.body > section.config > header {
  margin: 0 0 10px 0;
}
.gv-share-qr.body > section.config > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: auto;
  padding: 0;
}
.gv-share-qr.body > section.config > ul > li {
  flex: 1 1 auto;
  width: 50%;
  margin-bottom: 10px;
}
.gv-share-qr.body > section.result {
  align-items: center;
  display: flex;
}
.gv-share-qr.body > section.result > img {
  flex: 0 0 auto;
  margin-right: 30px;
  width: 130px;
}
.gv-share-qr.body > section.result > ul {
  flex: 0 0 auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gv-share-qr.body > section.result > ul > li {
  margin-top: 10px;
}
.gv-share-qr.body > section.result > ul > li:first-child {
  margin-top: 0;
}
.gv-share-qr.body > section.result > ul > li > a {
  color: #4AB37E;
  font-size: 16px;
}
.gv-share-qr.body > section.result > ul > li > a > i {
  margin-right: 8px;
}
.gv-share-qr.body.with-card > div.image {
  position: relative;
}
.gv-share-qr.body.with-card > div.image > img.card {
  border: 1px solid #E8E8E8;
  position: relative;
}
.gv-share-qr.body.with-card > div.image > img.qr-code {
  position: absolute;
}
.gv-share-qr.body.with-card > div.size > label {
  width: 100%;
}
.gv-share-qr.body.with-card > div.size > div {
  display: flex;
  justify-content: space-between;
}
.gv-share-qr.body.with-card > div.size > div > small {
  color: #9F9F9F;
  flex: 0 0 auto;
}
.gv-share-qr.footer {
  text-align: right;
}
.gv-share-qr.footer.with-card {
  display: flex;
}
.gv-share-qr.footer.with-card > div {
  flex: 0 0 auto;
  text-align: right;
}
.gv-share-qr.footer.with-card > div:first-child {
  flex: 1 1 auto;
  text-align: left;
}
section.gv-service-selection {
  margin-top: 30px;
}
section.gv-service-selection > header {
  color: #000000;
  display: block;
  font-family: brandon-grotesque;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
}
section.gv-service-selection > ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  max-width: 990px;
}
section.gv-service-selection > ol > li {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  min-width: 440px;
  padding: 30px;
  width: 50%;
}
section.gv-service-selection > ol > li > a,
section.gv-service-selection > ol > li > label,
section.gv-service-selection > ol > li > span {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  display: block;
  flex: 1 1 auto;
}
section.gv-service-selection > ol > li > a:hover,
section.gv-service-selection > ol > li > label:hover,
section.gv-service-selection > ol > li > span:hover {
  border-color: #269D64;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
}
section.gv-service-selection > ol > li > a > p,
section.gv-service-selection > ol > li > label > p,
section.gv-service-selection > ol > li > span > p {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
section.gv-service-selection > ol > li > a > p > img,
section.gv-service-selection > ol > li > label > p > img,
section.gv-service-selection > ol > li > span > p > img {
  flex: 0 0 auto;
  margin: 0 40px 0 30px;
  width: 70px;
}
section.gv-service-selection > ol > li > a > p > span,
section.gv-service-selection > ol > li > label > p > span,
section.gv-service-selection > ol > li > span > p > span {
  flex: 1 1 auto;
  margin: 0 30px 0 0;
}
section.gv-service-selection > ol > li > a > p > span > em,
section.gv-service-selection > ol > li > label > p > span > em,
section.gv-service-selection > ol > li > span > p > span > em {
  color: #666666;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-top: 5px;
}
section.gv-service-selection > ol > li > a > p > span > small,
section.gv-service-selection > ol > li > label > p > span > small,
section.gv-service-selection > ol > li > span > p > span > small {
  color: #666666;
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
section.gv-service-selection > ol > li > a > p > span > strong,
section.gv-service-selection > ol > li > label > p > span > strong,
section.gv-service-selection > ol > li > span > p > span > strong {
  color: #000000;
  display: block;
  font-family: brandon-grotesque;
  font-size: 24px;
  font-weight: normal;
}
section.gv-service-selection > ol > li > a > span,
section.gv-service-selection > ol > li > label > span,
section.gv-service-selection > ol > li > span > span {
  display: flex;
  margin-bottom: 10px;
}
section.gv-service-selection > ol > li > a > span > em,
section.gv-service-selection > ol > li > label > span > em,
section.gv-service-selection > ol > li > span > span > em {
  color: #CFCFCF;
  flex: 1 1 auto;
  font-size: 14px;
  font-style: normal;
  padding: 3px 10px 3px 3px;
  text-align: right;
  text-transform: uppercase;
}
section.gv-service-selection > ol > li > a > span > strong,
section.gv-service-selection > ol > li > label > span > strong,
section.gv-service-selection > ol > li > span > span > strong {
  background-color: #269D64;
  border-radius: 3px 0 4px 0;
  color: #ffffff;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: normal;
  padding: 3px;
  text-align: center;
}
iframe.gv-updatersvp {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.gv-wizard {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: none;
  font-family: 'Open Sans';
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1031;
}
.gv-wizard.show {
  align-items: center;
  display: flex !important;
  justify-content: center;
}
.gv-wizard > section {
  background-color: #ffffff;
  border-radius: 6px;
  display: inline-block;
  flex: 0 0 auto;
  max-width: calc(100% - 40px);
  overflow: hidden;
  position: relative;
}
.gv-wizard > section > footer {
  padding: 20px 40px 30px 40px;
  text-align: right;
}
.gv-wizard > section > footer > button {
  min-width: 90px;
}
.gv-wizard > section select.gv-dropdown[data-initialized] + .gv-dropdown-wrapper > ol.gv-dropdown-menu {
  position: fixed;
}
.gv-wizard > section > .gv-wizard-actions-top {
  background-color: #ffffff;
  border-radius: 6px 6px 0 0;
  left: 0;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.gv-wizard > section > .gv-wizard-actions-top > a.back {
  color: #666666;
  cursor: pointer;
  font-size: 13px;
  left: 40px;
  position: absolute;
  text-decoration: none;
  top: 25px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.gv-wizard > section > .gv-wizard-actions-top > a.back > i {
  color: #666666;
  display: inline-block;
  font-size: 15px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.gv-wizard > section > .gv-wizard-actions-top > a.dismiss {
  color: #666666;
  cursor: pointer;
  position: absolute;
  right: 15px;
  text-decoration: none;
}
.gv-wizard > section > .gv-wizard-actions-top > a.dismiss > i {
  color: #666666;
  font-size: 24px;
}
.gv-wizard > section > .gv-wizard-body {
  overflow: auto;
  padding: 0 40px 40px 40px;
}
.gv-wizard > section > .gv-wizard-progress {
  background-color: #DADADA;
  border-radius: 6px 6px 0 0;
  display: block;
  height: 4px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.gv-wizard > section > .gv-wizard-progress > em {
  background-color: #4AB37E;
  border-radius: 0 6px 6px 0;
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
}
.gv-wizard > section > header {
  background-color: #ffffff;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  overflow: hidden;
  margin: 48px 40px 24px 40px;
  text-overflow: ellipsis;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}
.gv-wizard > section > header > small {
  color: #333333;
  line-height: 22px;
  font-size: 16px;
  font-weight: normal;
}
.gv-modal.jifiti.working > section {
  top: 50%;
  transform: translateY(-50%);
}
.gv-modal.jifiti:not(.working) > section {
  background-color: transparent;
  padding: 0;
}
.gv-modal.jifiti:not(.working) > section > div iframe {
  border-radius: 6px;
  height: 780px;
  width: 824px;
}
.messaging.v2 #page-container {
  background-color: rgba(0, 0, 0, 0);
  margin: 0 40px;
  padding: 15px 0 0 0;
}
.messaging.v2 .gv-tab-content {
  display: flex;
  padding: 0;
}
.messaging.v2 .gv-tab-content > div {
  flex: 1 1 auto;
  width: 100%;
}
.messaging.v2 .gv-tab-content .content {
  overflow: auto;
}
.messaging.v2 .gv-tab-content .content .drafts > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li {
  background-color: #ffffff;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  padding: 10px 20px;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions {
  flex: 0 0 auto;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions > a {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  line-height: 29px;
  padding: 10px;
  text-decoration: none;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions > a.delete {
  color: #F37575;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions > a.delete > i {
  color: #F37575;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions > a.edit {
  color: #4AB37E;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.actions > a.edit > i {
  color: #4AB37E;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.details {
  flex: 1 1 auto;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.details > span {
  color: #666666;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messaging.v2 .gv-tab-content .content .drafts > ol li > div.details > strong {
  color: #333333;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.messaging.v2 .gv-tab-content .content .messages ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.messaging.v2 .gv-tab-content .content .messages ol li {
  background-color: #ffffff;
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
  display: block;
  padding: 10px 20px;
}
.messaging.v2 .gv-tab-content .content .messages ol li.active {
  background-color: #FAFAFA;
}
.messaging.v2 .gv-tab-content .content .messages ol li::after {
  border: none;
  clear: both;
  content: "";
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
}
.messaging.v2 .gv-tab-content .content .messages ol li > div {
  color: #666666;
  float: right;
  font-size: 13px;
}
.messaging.v2 .gv-tab-content .content .messages ol li > div > em {
  color: #427e8f;
  font-style: normal;
  font-weight: bold;
}
.messaging.v2 .gv-tab-content .content .messages ol li > span {
  color: #666666;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messaging.v2 .gv-tab-content .content .messages ol li > strong {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.messaging.v2 .gv-tab-content .header {
  border-bottom: 1px solid #EEEEEE;
  padding: 20px;
}
.messaging.v2 .gv-tab-content .header > span {
  color: #333333;
  display: inline-block;
  font-size: 14px;
  line-height: 31px;
  vertical-align: middle;
}
.messaging.v2 .gv-tab-content .left {
  border-right: 1px solid #EEEEEE;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 50%;
}
.messaging.v2 .gv-tab-content .left .content {
  flex: 1 1 auto;
}
.messaging.v2 .gv-tab-content .left .footer {
  border-top: 1px solid #EEEEEE;
  flex: 0 0 auto;
  padding: 20px;
  text-align: right;
}
.messaging.v2 .gv-tab-content .left .footer .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.0802);
  padding: 15px;
  text-align: left;
}
.messaging.v2 .gv-tab-content .left .header {
  flex: 0 0 auto;
}
.messaging.v2 .gv-tab-content .right {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
  width: 50%;
}
.messaging.v2 .gv-tab-content .right .inbox-message-display .guest-history > .footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.messaging.v2 .gv-tab-content .right .not-chosen {
  color: #666666;
  font-size: 24px;
  font-weight: 600;
  margin-top: 90px;
  text-align: center;
}
.messaging.v2 .gv-tab-content .right .sent-message-display {
  padding: 20px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display div.attachments > i {
  float: left;
  text-align: center;
  width: 4%;
}
.messaging.v2 .gv-tab-content .right .sent-message-display div.attachments > ol {
  display: inline-block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: -3px;
  width: 95%;
}
.messaging.v2 .gv-tab-content .right .sent-message-display div.attachments > ol > li {
  display: inline-block;
  margin-left: 8px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display div.attachments > ol > li::after {
  content: ', ';
}
.messaging.v2 .gv-tab-content .right .sent-message-display div.attachments > ol > li:last-child::after {
  content: '';
}
.messaging.v2 .gv-tab-content .right .sent-message-display .email-property {
  display: block;
  margin-bottom: 8px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .email-property::after {
  border: none;
  clear: both;
  content: "";
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .email-property > strong {
  color: #9F9F9F;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  width: 10%;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .email-property > span {
  color: #666666;
  display: inline-block;
  font-size: 14px;
  margin-left: 1%;
  width: 88%;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .message {
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin: 20px 0 10px 0;
  padding: 20px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .reply {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.0802);
  margin-bottom: 20px;
  padding: 20px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .reply > .message {
  margin-bottom: 0;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .reply-header {
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
  font-size: 14px;
  margin: 40px 0 20px 0;
  padding-bottom: 8px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject {
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  font-size: 14px;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject > span {
  flex: 1 1 auto;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject > div {
  flex: 0 0 auto;
  margin-left: 10px;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject > div > a {
  color: #666666;
  cursor: pointer;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject > div > a:hover {
  color: #666666;
  text-decoration: none;
}
.messaging.v2 .gv-tab-content .right .sent-message-display .subject > div > a:hover > i {
  color: #666666;
}
.messaging.v2 .gv-tab-header {
  display: flex;
}
.messaging.v2 .gv-tab-header > div {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  width: calc(50% - 5px);
}
.messaging.v2 .gv-tab-header > div:first-child {
  justify-content: space-between;
  margin-right: 5px;
  text-align: left;
}
.messaging.v2 .gv-tab-header > div:last-child {
  justify-content: flex-end;
  margin-left: 5px;
  text-align: right;
}
.messaging.v2 .gv-tab-header > div > a {
  display: inline-block;
  margin-bottom: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messaging.v2 > #page-container > .header {
  margin-bottom: 20px;
}
.messaging.v2 > #page-container > .header > .title {
  color: #666666;
  font-size: 18px;
}
.new-mailing .event-circle {
  position: relative;
}
.new-mailing .event-circle .btn {
  left: 40px;
  position: absolute;
  top: 130px;
}
.new-mailing .event-type {
  border: 2px solid #ffffff;
  border-radius: 15px;
  margin-bottom: 25px;
  padding: 20px;
  position: relative;
}
.new-mailing .event-type:hover {
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
}
.new-mailing .event-type a:not(.dropdown-item),
.new-mailing .event-type .homepage .event-type a:not(.dropdown-item):hover,
.new-mailing .event-type .homepage .event-type a:not(.dropdown-item):active {
  color: inherit;
}
.new-mailing .event-type .card {
  -moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
}
.new-mailing .event-type .card-link:hover div {
  text-decoration: underline;
}
.new-mailing .event-type .card-link:hover img {
  box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.75);
}
.new-mailing .event-type .dropdown-menu {
  font-size: 15px;
}
.new-mailing .event-type .footer {
  background-color: #000000;
  border-radius: 0px 0px 15px 15px;
  bottom: 0px;
  color: #ffffff;
  font-size: 18px;
  left: 0;
  opacity: 0.7;
  padding-bottom: 7px;
  padding-top: 7px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.new-mailing .event-type-heading {
  color: #2f2f2f;
  font-size: 32px;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center;
}
.new-mailing .get-started .circle {
  background-color: #4AB37E;
  border-radius: 50px;
  height: 100px;
  width: 100px;
}
.new-mailing .get-started .fa {
  color: #ffffff;
  font-size: 48px;
  margin-top: 28px;
}
.new-mailing .get-started .fa-times-circle {
  color: #000000;
  font-size: 28px;
  margin: 0;
}
.new-mailing .mailing-title {
  position: relative;
}
.new-mailing .mailing-title .new-mailing-label {
  display: inline-block;
  margin-left: 10px;
  position: absolute;
}
.new-mailing .mailing-title .new-mailing-label.open > div {
  display: flex;
  align-items: center;
}
.new-mailing .mailing-title .new-mailing-label.open > div > i {
  flex: 0 0 auto;
  margin-left: 10px;
}
.new-mailing .mailing-title .new-mailing-label.open > div > input {
  flex: 0 0 auto;
  width: 150px;
}
.new-mailing .mailing-title .new-mailing-label > div {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.0802);
  display: none;
  padding: 10px;
  position: absolute;
  right: 0;
  white-space: nowrap;
}
.new-mailing .mailing-title .new-mailing-label > span {
  display: block;
  margin-top: 6px;
}
.new-mailing .mailing-title .new-mailing-label > span.tag {
  margin-top: 3px;
}
.new-mailing .service {
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  width: 250px;
}
.new-mailing .service .feature-list {
  font-size: 14px;
  text-align: left;
}
.new-mailing .service .feature-list .fa {
  margin-right: 10px;
}
.new-mailing .service .feature-list .feature {
  margin-bottom: 10px;
}
.new-mailing .service .feature-list .feature.no {
  color: #CCCCCC;
  margin-left: 24px;
}
.new-mailing .service .feature-list .feature.no .fa {
  display: none;
}
.new-mailing .service .name {
  font-size: 20px;
}
.new-mailing table.clone td {
  padding-right: 20px;
}
.new-mailing .tiles-desktop {
  font-size: 14px;
  margin: 0px auto;
  width: 980px;
}
.new-mailing .tiles-desktop .event-type .baby {
  background: url('https://css.greenvelope.com/pub/_images/tiles/baby.jpg') no-repeat;
  background-size: 477px 310px;
  color: #333333;
  height: 310px;
  margin-right: 22px;
  width: 477px;
}
.new-mailing .tiles-desktop .event-type .baptism {
  background: url('https://css.greenvelope.com/pub/_images/tiles/baptism-communion.jpg') no-repeat;
  background-size: 310px 310px;
  height: 310px;
  margin-right: 21px;
  padding-left: 80px;
  padding-top: 60px;
  width: 310px;
}
.new-mailing .tiles-desktop .event-type .birthday {
  background: url('https://css.greenvelope.com/pub/_images/tiles/birthday.jpg') no-repeat;
  background-size: 310px 310px;
  height: 310px;
  margin-right: 0px;
  padding-top: 40px;
  width: 310px;
}
.new-mailing .tiles-desktop .event-type .business {
  background: url('https://css.greenvelope.com/pub/_images/tiles/business.jpg') no-repeat;
  background-size: 390px 310px;
  color: #ffffff;
  height: 310px;
  padding-left: 35px;
  padding-top: 55px;
  width: 390px;
}
.new-mailing .tiles-desktop .event-type .business-card {
  background: url('https://css.greenvelope.com/pub/_images/tiles/business-card.png') no-repeat;
  background-size: 395px 285px;
  color: #ffffff;
  height: 285px;
  width: 395px;
}
.new-mailing .tiles-desktop .event-type .business-event {
  background: url('https://css.greenvelope.com/pub/_images/tiles/business-event.png') no-repeat;
  background-size: 565px 285px;
  color: #ffffff;
  height: 285px;
  width: 565px;
}
.new-mailing .tiles-desktop .event-type .entertaining {
  background: url('https://css.greenvelope.com/pub/_images/tiles/entertaining.jpg') no-repeat;
  background-size: 310px 310px;
  height: 310px;
  margin-right: 21px;
  padding-left: 110px;
  padding-top: 60px;
  width: 310px;
}
.new-mailing .tiles-desktop .event-type .graduation {
  background: url('https://css.greenvelope.com/pub/_images/tiles/graduation.jpg') no-repeat;
  background-size: 477px 310px;
  color: #333333;
  height: 310px;
  padding-left: 95px;
  width: 477px;
}
.new-mailing .tiles-desktop .event-type .holiday {
  background: url('https://css.greenvelope.com/pub/_images/tiles/2015-holiday-collection.png') no-repeat;
  background-size: 980px 310px;
  color: #ffffff;
  height: 310px;
  padding-right: 5px;
  padding-top: 30px;
  width: 980px;
}
.new-mailing .tiles-desktop .event-type .home {
  background: url('https://css.greenvelope.com/pub/_images/tiles/housewarming-moving.jpg') no-repeat;
  background-size: 477px 310px;
  color: #333333;
  height: 310px;
  margin-right: 21px;
  width: 477px;
}
.new-mailing .tiles-desktop .event-type .mitzvah {
  background: url('https://css.greenvelope.com/pub/_images/tiles/mitzvah.jpg') no-repeat;
  background-size: 310px 310px;
  height: 310px;
  padding-left: 140px;
  padding-top: 40px;
  width: 310px;
}
.new-mailing .tiles-desktop .event-type .other {
  background: url('https://css.greenvelope.com/pub/_images/tiles/other.jpg') no-repeat;
  background-size: 143px 310px;
  height: 310px;
  width: 143px;
}
.new-mailing .tiles-desktop .event-type .wedding {
  background: url('https://css.greenvelope.com/pub/_images/tiles/wedding-new.jpg') no-repeat;
  background-size: 642px 310px;
  color: #ffffff;
  height: 310px;
  margin-right: 22px;
  padding-top: 30px;
  text-align: left;
  width: 642px;
}
.new-mailing .tiles-desktop .event-type .wedding-related {
  background: url('https://css.greenvelope.com/pub/_images/tiles/other-wedding-related-events.jpg') no-repeat;
  background-size: 980px 310px;
  color: #ffffff;
  height: 310px;
  padding-top: 30px;
  width: 980px;
}
#modalNFFThanks .modal-dialog {
  width: 780px;
}
@media screen and (max-width: 780px) {
  #modalNFFThanks .modal-dialog {
    width: unset;
  }
}
#modalNFFThanks .modal-body {
  padding: 20px;
}
@media screen and (max-width: 780px) {
  #modalNFFThanks .modal-body {
    padding: 10px;
  }
}
#modalNFFThanks .modal-header {
  padding-bottom: 30px;
}
#modalNFFThanks h4 {
  margin: 10px;
  font-size: 32px;
  font-weight: normal;
}
@media screen and (max-width: 780px) {
  #modalNFFThanks h4 {
    font-size: 24px;
  }
}
#modalNFFThanks img.nff-logo {
  height: 150px;
  margin: 20px;
}
#modalNFFThanks .trees-planted-counter {
  text-transform: uppercase;
  color: #17745d;
  font-size: 22px;
}
@media screen and (max-width: 780px) {
  #modalNFFThanks .trees-planted-counter {
    font-size: 18px;
  }
}
#modalNFFThanks .partnership {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
@media screen and (max-width: 650px) {
  #modalNFFThanks .partnership {
    flex-flow: column-reverse wrap;
  }
}
#modalNFFThanks .partnership span {
  border-right: 2px solid black;
  padding-right: 20px;
  vertical-align: middle;
  margin: 20px 10px 20px 0px;
  max-width: 360px;
  text-align: right;
}
@media screen and (max-width: 650px) {
  #modalNFFThanks .partnership span {
    border: none;
    padding: 0;
    text-align: center;
    margin-top: 0;
  }
}
#modalNFFThanks .partnership img {
  height: 50px;
  margin: 10px;
}
#modalNFFThanks .tree-seal {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #F7F7F7;
  padding: 30px;
  border-radius: 6px;
  font-size: 12px;
}
@media screen and (max-width: 500px) {
  #modalNFFThanks .tree-seal {
    padding: 10px;
  }
}
#modalNFFThanks .tree-seal strong {
  font-size: 22px;
  color: #333333;
}
@media screen and (max-width: 500px) {
  #modalNFFThanks .tree-seal strong {
    font-size: 16px;
  }
}
#modalNFFThanks .tree-seal img {
  max-width: 140px;
  margin-top: 20px;
}
#modalNFFThanks .tree-seal .actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
@media screen and (max-width: 500px) {
  #modalNFFThanks .tree-seal .actions {
    flex-direction: column-reverse;
    padding-bottom: 10px;
  }
}
#modalNFFThanks .tree-seal .actions > * {
  flex: 1 0 auto;
  margin: 20px;
  max-width: 190px;
}
@media screen and (max-width: 500px) {
  #modalNFFThanks .tree-seal .actions > * {
    margin: 10px auto;
  }
}
.purchaseV3 .business-support-modal {
  align-items: flex-start;
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 6px;
  bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.0802) 0px 12px 16px;
  display: none;
  flex-direction: row;
  padding: 20px;
  position: fixed;
  right: 20px;
  white-space: nowrap;
}
.purchaseV3 .business-support-modal.in {
  display: flex;
}
.purchaseV3 .business-support-modal > a {
  margin-left: 20px;
}
.purchaseV3 .business-support-modal > a > i {
  color: #9F9F9F;
  display: inline-block;
  font-size: 24px;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
}
.purchaseV3 .business-support-modal > div {
  color: #333333;
  font-family: "brandon-grotesque", sans-serif;
}
.purchaseV3 .business-support-modal > div > div > a.btnV2 {
  display: inline-block;
  margin-right: 10px;
}
.purchaseV3 .business-support-modal > div > div > a.tel {
  color: #079455;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.purchaseV3 .business-support-modal > div > h5 {
  font-family: "brandon-grotesque", sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px 0;
}
.purchaseV3 .business-support-modal > div > p {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.purchaseV3 .business-support-modal > span {
  display: block;
  margin-right: 20px;
  position: relative;
}
.purchaseV3 .business-support-modal > span::after {
  background-color: #4AB37E;
  border: 2px solid #ffffff;
  border-radius: 50%;
  bottom: -2px;
  box-sizing: border-box;
  content: " ";
  height: 14px;
  position: absolute;
  right: -2px;
  width: 14px;
}
.purchaseV3 > .container > .row {
  display: flex;
  flex-direction: row;
}
.purchaseV3 .alertV2 > .alert-content {
  display: block !important;
}
.purchaseV3 .alertV2 > .alert-content i.success {
  color: #4AB37E;
}
.purchaseV3 .back-link {
  color: #666666;
  font-size: 14px;
}
.purchaseV3 .back-link:hover,
.purchaseV3 .back-link:active {
  color: #666666;
  text-decoration: none;
}
.purchaseV3 .mailing-title {
  font-size: 14px;
}
.purchaseV3 .new-layout {
  max-width: 980px;
  margin: 0 auto 30px auto;
}
.purchaseV3 .new-layout .checkout {
  margin: 8px 0;
}
.purchaseV3 .new-layout .checkout > .right-panel {
  align-items: center;
  padding: 20px 90px;
  display: flex;
  margin-top: 0;
}
.purchaseV3 .new-layout .checkout > .right-panel > div {
  flex: 1 1 auto;
}
.purchaseV3 .new-layout .checkout > .right-panel > div.actions {
  flex: 0 0 auto;
  margin-left: 16px;
  text-align: right;
}
.purchaseV3 .new-layout .checkout > .right-panel > div.actions > .btnV2 {
  text-align: center;
  width: 225px;
}
.purchaseV3 .new-layout .checkout > .right-panel > div .price {
  color: #333333;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.purchaseV3 .new-layout .checkout > .right-panel > div .price-detail {
  color: #666666;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.purchaseV3 .new-layout .checkout > .right-panel > div .title {
  color: #9F9F9F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  font-weight: 420;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.purchaseV3 .new-layout .collapsible-section {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin: 8px 0;
  padding: 0 90px;
  text-align: center;
}
.purchaseV3 .new-layout .collapsible-section > input[type=checkbox] {
  display: none;
}
.purchaseV3 .new-layout .collapsible-section > input[type=checkbox]:checked ~ header > label > picture.toggle.open {
  display: none;
}
.purchaseV3 .new-layout .collapsible-section > input[type=checkbox]:checked ~ section {
  display: block;
}
.purchaseV3 .new-layout .collapsible-section > header {
  display: flex;
  margin: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.purchaseV3 .new-layout .collapsible-section > header > label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  margin: 0;
  padding: 16px 0;
  position: relative;
}
.purchaseV3 .new-layout .collapsible-section > header > label > picture {
  display: block;
  flex: 0 0 auto;
}
.purchaseV3 .new-layout .collapsible-section > header > label > picture.icon {
  margin-right: 16px;
  width: 36px;
}
.purchaseV3 .new-layout .collapsible-section > header > label > picture.toggle {
  margin-left: 16px;
  width: 18px;
}
.purchaseV3 .new-layout .collapsible-section > header > label > span {
  color: #666666;
  flex: 1 1 auto;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.purchaseV3 .new-layout .collapsible-section > section {
  border-top: 1px solid #E8E8E8;
  display: none;
  padding: 28px 0 20px 0;
}
.purchaseV3 .new-layout .collapsible-section > section .content-cell:first-child {
  border-right-color: #E8E8E8;
}
.purchaseV3 .new-layout .collapsible-section > section .design-service-total {
  margin: 40px 0 30px 0;
}
.purchaseV3 .new-layout .collapsible-section > section .design-service-total > div {
  align-items: center;
  background-color: #F7F7F7;
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  color: #666666;
  display: flex;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  justify-content: center;
  margin: 0 auto;
  max-width: 268px;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.purchaseV3 .new-layout .collapsible-section > section .design-service-total > div > var {
  flex: 0 0 auto;
  font-size: 22px;
  font-weight: 700;
  margin-right: 10px;
}
.purchaseV3 .new-layout .collapsible-section > section .design-service-total > div > span {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 400;
}
.purchaseV3 .new-layout .collapsible-section > section .timing {
  font-weight: 600;
}
.purchaseV3 .package-custom {
  margin-bottom: 5px;
}
.purchaseV3 .main-step1 {
  margin: 0 auto;
  max-width: 980px;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  background-color: white;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-top: 30px;
}
.purchaseV3 .main-step1 .count {
  background-color: #4AB37E;
  border-bottom: #4AB37E;
  border-radius: 6px 6px 0 0;
  color: #ffffff;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.purchaseV3 .main-step1 .count > a {
  color: #ffffff;
}
.purchaseV3 .main-step1 .count > label.gv-select {
  float: right;
}
.purchaseV3 .main-step1 .count > label.gv-select > select {
  width: 90px;
}
.purchaseV3 .main-step1 .count span {
  font-size: 14px;
  font-weight: bold;
}
.purchaseV3 .main-step1 .count input {
  width: 100px;
  height: 37px;
}
.purchaseV3 .main-step1 .middle {
  margin-right: 10px;
  text-align: center;
  width: 50%;
}
.purchaseV3 .main-step1 .middle.active {
  background-color: #F4FFF9;
}
.purchaseV3 .main-step1 .middle .mode {
  font-size: 24px;
  color: #333333;
  margin-bottom: 20px;
}
.purchaseV3 .main-step1 .middle .package-table {
  margin-top: 20px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.purchaseV3 .main-step1 .middle .package-table table {
  width: 100%;
}
.purchaseV3 .main-step1 .middle .package-table th {
  background: #F7F7F7;
  padding: 10px 20px 10px 20px;
}
.purchaseV3 .main-step1 .middle .package-table td {
  color: #333333;
  text-align: left;
  padding: 10px 30px 10px 20px;
  font-size: 13px;
  background-color: #ffffff;
}
.purchaseV3 .main-step1 .middle .package-table td.border-left,
.purchaseV3 .main-step1 .middle .package-table th.border-left {
  border-left: 1px solid #CCCCCC;
}
.purchaseV3 .main-step1 .middle .package-table tr:hover td {
  background-color: #bfe9f4;
}
.purchaseV3 .main-step1 .middle .package-table tr.purchased td {
  color: #999999;
  background-color: #eee;
}
.purchaseV3 .main-step1 .middle .package-table tr.active td {
  background-color: #E9F7F1;
  color: #4AB37E;
}
.purchaseV3 .main-step1 .middletabs {
  text-align: center;
  width: 100%;
}
.purchaseV3 .main-step1 .middletabs .mode-container {
  font-family: 'brandon-grotesque';
  background-color: #4AB37E;
  border-bottom: 1px solid #4AB37E;
  padding-top: 10px;
  padding-left: 60px;
  padding-right: 60px;
}
.purchaseV3 .main-step1 .middletabs .mode-container .mode {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 8px 20px;
  margin-bottom: -1px;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 175px;
  text-align: center;
  width: 45%;
}
.purchaseV3 .main-step1 .middletabs .mode-container .mode.active {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  color: #4AB37E;
}
.purchaseV3 .main-step1 .middletabs .middletabs-content {
  padding: 30px 90px;
}
.purchaseV3 .main-step1 .middletabs .package-table > div.packages {
  border: 1px solid #CCCCCC;
  max-height: 114px;
  overflow: auto;
}
.purchaseV3 .main-step1 .middletabs .package-table table {
  width: 100%;
}
.purchaseV3 .main-step1 .middletabs .package-table table > thead > tr > th {
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  width: 50%;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.loading > tr > td {
  padding: 80px;
  text-align: center;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr:hover > td {
  background-color: #bfe9f4;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr.active > td {
  background-color: #E9F7F1;
  color: #4AB37E;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr.purchased > td {
  color: #999999;
  background-color: #eee;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr > td {
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  padding: 10px 30px 10px 20px;
  text-align: left;
  width: 50%;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr > td.border-left {
  border-left: 1px solid #CCCCCC;
}
.purchaseV3 .main-step1 .middletabs .package-table table > tbody.rows > tr > td > div.price {
  display: inline-block;
}
.purchaseV3 .main-step1 .single {
  border-right: 1px solid #E8E8E8;
}
.purchaseV3 .main-step1 .total {
  border-top: 1px solid #E8E8E8;
  width: 100%;
  padding: 30px 30px;
  position: relative;
}
.purchaseV3 .main-step1 .total .price {
  font-size: 20px;
  color: #333333;
  display: inline-block;
}
.purchaseV3 .main-step1 .total .descr {
  margin-left: 20px;
  display: inline-block;
  font-size: 14px;
}
.purchaseV3 .main-step1 .total .continue {
  position: absolute;
  top: 20px;
  right: 30px;
}
.purchaseV3 .design-servicesV2 {
  margin: 0 auto;
  max-width: 980px;
}
.purchaseV3 .design-servicesV2 .box {
  background-color: white;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  padding: 20px;
}
.purchaseV3 .design-servicesV2 .box .title {
  text-align: center;
  font-size: 36px;
  color: #333333;
  font-family: brandon-grotesque;
}
.purchaseV3 .design-servicesV2 .content-table {
  display: table;
  margin-top: 30px;
  width: 100%;
}
.purchaseV3 .design-servicesV2 .content-cell:first-child {
  display: table-cell;
  border-right: 1px solid #CCCCCC;
  width: 50%;
  padding-right: 15px;
}
.purchaseV3 .design-servicesV2 .content-cell:last-child {
  display: table-cell;
  border-right: 1px solid #CCCCCC;
  width: 50%;
  padding-left: 15px;
}
.purchaseV3 .design-servicesV2 .timing {
  font-family: brandon-grotesque;
  color: #333333;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.purchaseV3 .design-servicesV2 .gv-checkbox {
  margin: 10px 0 10px 0;
}
.purchaseV3 .design-servicesV2 label.gv-checkbox em {
  margin: 0;
}
.purchaseV3 .design-servicesV2 .package-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.purchaseV3 .design-servicesV2 .package-container.business > .package-alteration {
  width: 33%;
}
.purchaseV3 .design-servicesV2 .package-alteration {
  flex: 0 0 auto;
  padding: 5px;
  width: 50%;
}
.purchaseV3 .design-servicesV2 .package-alteration .name {
  color: #666666;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.purchaseV3 .design-servicesV2 .package-alteration .price {
  color: #4AB37E;
  cursor: pointer;
  font-size: 18px;
}
.purchaseV3 .design-servicesV2 .package-custom .name {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}
.purchaseV3 .design-servicesV2 .package-custom .price {
  color: #4AB37E;
  font-size: 18px;
  display: inline-block;
  cursor: pointer;
}
.purchaseV3 .design-servicesV2 .package-custom .summary {
  margin-top: 15px;
}
.purchaseV3 .design-servicesV2 label.gv-checkbox > input[type='checkbox'] ~ em:after {
  height: 20px;
  left: 10px;
  top: 2px;
  width: 10px;
}
.purchaseV3 .design-servicesV2 label.gv-checkbox > input[type='checkbox'] ~ em {
  height: 32px;
  width: 32px;
}
.purchaseV3 div.faq-new {
  border-radius: 6px;
  color: #333333;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.purchaseV3 div.faq-new > label {
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  position: relative;
}
.purchaseV3 div.faq-new > label.last {
  margin-bottom: 0;
}
.purchaseV3 div.faq-new > label.last > small,
.purchaseV3 div.faq-new > label.last > span {
  border-bottom: 0;
}
.purchaseV3 div.faq-new > label > input[type=checkbox] {
  display: none;
}
.purchaseV3 div.faq-new > label > input[type=checkbox]:checked ~ small {
  display: block;
}
.purchaseV3 div.faq-new > label > input[type=checkbox]:checked ~ span {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.purchaseV3 div.faq-new > label > input[type=checkbox]:checked ~ span::after {
  top: calc(50% - 7px);
  transform: rotate(-135deg);
}
.purchaseV3 div.faq-new > label > small {
  border-bottom: 1px solid #EEEEEE;
  color: #666666;
  display: none;
  font-size: 15px;
  line-height: 26px;
  padding-bottom: 20px;
}
.purchaseV3 div.faq-new > label > small > a.gv-link {
  font-size: 15px;
}
.purchaseV3 div.faq-new > label > span {
  border-bottom: 1px solid #EEEEEE;
  color: #000000;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 29px;
  margin: 0;
  padding: 20px 24px 20px 0;
  position: relative;
}
.purchaseV3 div.faq-new > label > span::after {
  border-bottom: 1.5px solid #4AB37E;
  border-right: 1.5px solid #4AB37E;
  content: " ";
  height: 8px;
  position: absolute;
  right: 4px;
  transform: rotate(45deg);
  top: calc(50% - 7px);
  width: 8px;
}
.purchaseV3 .main-step2 {
  margin: 0 auto;
  max-width: 980px;
  background-color: white;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 20px 110px;
  font-size: 14px;
}
.purchaseV3 .main-step2.with-image {
  align-items: flex-start;
  display: flex;
  max-width: 100%;
  padding: 20px 40px;
}
.purchaseV3 .main-step2.with-image > div {
  flex: 1 1 auto;
}
.purchaseV3 .main-step2.with-image > img {
  flex: 0 0 auto;
  margin-right: 40px;
  max-width: 300px;
}
@media screen and (max-width: 991px) {
  .purchaseV3 .main-step2.with-image > img {
    display: none;
  }
}
.purchaseV3 .main-step2 .cart-title {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8E8E8;
}
.purchaseV3 .main-step2 .cart-details {
  font-family: 'brandon-grotesque';
  font-size: 18px;
}
.purchaseV3 .main-step2 .cart-details table {
  width: 100%;
}
.purchaseV3 .main-step2 .cart-details td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.purchaseV3 .main-step2 .cart-details td small.detail-discount {
  color: #CC0000;
  display: block;
}
.purchaseV3 .main-step2 .cart-details tr.discount td {
  color: #CC0000;
}
.purchaseV3 .main-step2 .cart-details tr:first-child td {
  padding-top: 20px;
}
.purchaseV3 .main-step2 .cart-details tr:last-child td {
  padding-bottom: 20px;
}
.purchaseV3 .main-step2 .cart-details .price {
  text-align: right;
}
.purchaseV3 .main-step2 .cart-details tfoot td {
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  color: #333333;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.purchaseV3 .main-step2 .coupon {
  padding-bottom: 15px;
  padding-top: 15px;
}
.purchaseV3 .main-step2 .payment-save {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 59px;
}
.purchaseV3 .main-step2 .payment {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #E8E8E8;
}
.purchaseV3 .main-step2 .rewew-disclaimer {
  font-size: 12px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #E8E8E8;
}
.purchaseV3 .right-panel {
  background-color: white;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-top: 50px;
  padding: 20px 20px;
  font-size: 14px;
}
.purchaseV3 .right-panel .title {
  font-family: 'brandon-grotesque';
  color: #cccccc;
  font-size: 16px;
  margin-bottom: 15px;
}
.purchaseV3 .right-panel .price {
  font-family: 'brandon-grotesque';
  font-size: 20px;
  color: #333333;
  margin-bottom: 15px;
}
.purchaseV3 .right-panel .price-detail {
  font-size: 12px;
  color: #666666;
}
@media (max-width: 1000px) {
  .purchaseV3 .main-step2 {
    padding: 20px 40px;
  }
  .purchaseV3 .mode-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .purchaseV3 .mode {
    width: unset !important;
  }
}
@media (max-width: 1200px) {
  .purchaseV3 .middletabs-content {
    padding: 30px 30px !important;
  }
  .purchaseV3 .new-layout .checkout > .right-panel {
    align-items: center;
    padding: 20px 30px;
  }
  .purchaseV3 .new-layout .collapsible-section {
    padding: 0 30px;
  }
}
.received-mailings #page-container {
  min-height: 850px;
  padding-bottom: 20px;
  position: relative;
}
.received-mailings #page-container .received-mailing-list {
  width: 99%;
  padding-top: 20px;
}
.received-mailings #page-container .received-mailing-list div.design {
  padding-bottom: 10px;
  margin-bottom: 15px;
  width: 290px;
  margin-left: 0.5%;
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-bottom: 3px solid #CCCCCC;
  background-color: #ffffff;
}
.received-mailings #page-container .received-mailing-list div.design img.lazy {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
}
.received-mailings #page-container .received-mailing-list .received-mailing-cardurl {
  display: none;
  color: #999999;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 34%;
  top: 25%;
  width: 125px;
  height: 125px;
  border: 1px solid #CCC;
  -webkit-border-radius: 62.5px;
  border-radius: 62.5px;
  text-align: center;
  padding-top: 40px;
  font-size: 14px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-cardurl:hover {
  color: #67a0b1;
  background-color: rgba(255, 255, 255, 0.9);
}
.received-mailings #page-container .received-mailing-list .received-mailing-download {
  top: 12px;
  position: absolute;
  right: 36px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-download .fa-alink {
  font-size: 18px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-hideshow {
  top: 10px;
  position: absolute;
  right: 10px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-hideshow .fa-alink {
  font-size: 18px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-image {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  width: 288px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-info {
  color: #666666;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.received-mailings #page-container .received-mailing-list .received-mailing-name {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  display: inline-block;
  width: 220px;
  margin-bottom: 10px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-tag {
  position: absolute;
  top: 15%;
  right: 0;
  text-align: center;
  font-size: 0.875em;
  padding: 8px;
}
.received-mailings #page-container .received-mailing-list .received-mailing-tag.future {
  background-color: #609BD3;
  border-bottom: 3px solid #4F84B6;
  color: #ffffff;
}
.received-mailings #page-container .received-mailing-list .received-mailing-tag.past {
  background-color: #fbfabc;
  border-bottom: 3px solid #d3ae60;
}
.received-mailings #page-container .received-mailing-list .received-mailing-tag.today {
  background-color: #4AB37E;
  border-bottom: 3px solid #229B60;
  color: #ffffff;
}
.received-mailings .header {
  display: inline-block;
}
.received-mailings .header .holiday-mailing img {
  min-width: 800px;
  border: 2px solid white;
  border-radius: 15px;
}
.received-mailings .header .holiday-mailing img:hover {
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
}
.received-mailings .top-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.received-mailings .top-header {
  position: relative;
}
.gv-modal section.other-email-addresses.body {
  max-width: 100%;
  width: 600px;
}
.gv-modal section.other-email-addresses.body div.add-email {
  margin-top: 30px;
}
.gv-modal section.other-email-addresses.body div.add-email div.actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.gv-modal section.other-email-addresses.body ol.emails {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gv-modal section.other-email-addresses.body ol.emails > li {
  margin-bottom: 15px;
  text-align: center;
}
.gv-modal section.other-email-addresses.body ol.emails > li > a {
  margin-left: 10px;
  text-decoration: none;
}
.gv-modal section.other-email-addresses.body ol.emails > li > a.verify {
  margin-left: 0;
  margin-right: 5px;
}
.gv-modal section.other-email-addresses.body ol.emails > li > a > i {
  color: #CFCFCF;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  transition: color ease 0.25s;
  vertical-align: middle;
}
.gv-modal section.other-email-addresses.body ol.emails > li > a:hover > i {
  color: #666666;
  cursor: pointer;
}
.gv-modal section.other-email-addresses.body ol.emails > li > small {
  color: #666666;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  text-transform: uppercase;
}
.gv-modal section.other-email-addresses.body ol.emails > li > span {
  color: #666666;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.gv-modal section.other-email-addresses.body div.message {
  border-bottom: 1px solid #CFCFCF;
  color: #666666;
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  text-align: center;
}
.referral-2021 {
  position: relative;
}
.referral-2021 .btnV2.share {
  align-items: center;
  display: inline-flex;
  margin-top: 25px;
}
.referral-2021 .btnV2.share > img {
  flex: 0 0 auto;
  margin-right: 5px;
}
.referral-2021 .btnV2.share > span {
  flex: 0 0 auto;
  font-family: 'brandon-grotesque';
  margin-left: 5px;
}
.referral-2021 > div.loading {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.referral-2021 > div.loading > div {
  flex: 0 0 auto;
}
.referral-2021 > header {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  color: #ffffff;
  font-family: 'brandon-grotesque';
  margin: 0;
  min-height: 500px;
  padding: 50px;
  text-align: center;
}
.referral-2021 > header > div {
  font-size: 26px;
  line-height: 37px;
  letter-spacing: 0.01em;
}
.referral-2021 > header > h1 {
  font-size: 72px;
  font-weight: normal;
  line-height: 94px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.referral-2021 > section {
  background-color: #EEEEEE;
  min-height: calc(100vh - 500px);
  padding: 30px;
}
.referral-2021 > section > ul {
  display: block;
  list-style-type: none;
  margin: 0 auto;
  max-width: 720px;
  padding: 0;
  width: 100%;
}
.referral-2021 > section > ul > li {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin-bottom: 10px;
}
.referral-2021 > section > ul > li.expanded > div {
  display: block;
}
.referral-2021 > section > ul > li.expanded > h3 {
  border: 1px solid #4AB37E;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.referral-2021 > section > ul > li.expanded > h3 > a > picture.collapser {
  display: inline-block;
}
.referral-2021 > section > ul > li.expanded > h3 > a > picture.expander {
  display: none;
}
.referral-2021 > section > ul > li > div {
  display: none;
  padding: 30px 20px;
  position: relative;
}
.referral-2021 > section > ul > li > div > div {
  color: #333333;
}
.referral-2021 > section > ul > li > div > div > h4 {
  display: block;
  font-family: 'brandon-grotesque';
  font-size: 36px;
  line-height: 52px;
  margin: 0 0 15px 0;
}
.referral-2021 > section > ul > li > div > div.faqs > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.referral-2021 > section > ul > li > div > div.faqs > ol > li {
  margin-bottom: 30px;
}
.referral-2021 > section > ul > li > div > div.faqs > ol > li:last-child {
  margin-bottom: 0;
}
.referral-2021 > section > ul > li > div > div.faqs > ol > li > div {
  color: #666666;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 28px;
}
.referral-2021 > section > ul > li > div > div.faqs > ol > li > div > ol {
  margin: 5px 0;
  padding: 0 0 0 20px;
}
.referral-2021 > section > ul > li > div > div.faqs > ol > li > strong {
  display: block;
  font-family: 'brandon-grotesque';
  font-size: 18px;
  letter-spacing: 0.64125px;
  line-height: 26px;
  margin-bottom: 10px;
}
.referral-2021 > section > ul > li > div > div.rewards > span {
  color: #666666;
  display: block;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 28px;
}
.referral-2021 > section > ul > li > div > div.rewards > strong {
  display: block;
  font-family: 'brandon-grotesque';
  font-size: 18px;
  letter-spacing: 0.64125px;
  line-height: 26px;
  margin-bottom: 10px;
}
.referral-2021 > section > ul > li > div > div.stats {
  text-align: center;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts {
  display: block;
  background-color: #EEF4F6;
  border-radius: 0 0 4px 4px;
  margin: 0 auto 90px auto;
  max-width: 525px;
  padding: 0 0 20px 0;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > div {
  display: flex;
  position: relative;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > div > span {
  flex: 0 0 auto;
  font-family: 'Open Sans';
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 16px;
  position: relative;
  top: -8px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > div > strong {
  border-top: 1px solid #427e8f;
  flex: 1 1 auto;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol {
  align-items: center;
  display: flex;
  list-style-type: none;
  padding: 9px 25px 0 25px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.bar {
  background-color: #ffffff;
  border-radius: 4px;
  flex: 0 0 auto;
  height: 145px;
  position: relative;
  width: 20px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.bar > em {
  background-color: #427e8f;
  border-radius: 4px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.bar > div {
  left: -35px;
  position: absolute;
  top: calc(100% + 30px);
  width: 90px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.bar > div > div {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.bar > div > strong {
  display: block;
  font-size: 32px;
  letter-spacing: 0.64125px;
  line-height: 46px;
}
.referral-2021 > section > ul > li > div > div.stats > div.charts > ol > li.spacer {
  flex: 1 1 auto;
}
.referral-2021 > section > ul > li > div > div.stats > h4 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.referral-2021 > section > ul > li > div > div.stats > h4 > span {
  flex: 0 0 auto;
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.64125px;
  line-height: 33px;
  margin: 0 8px;
}
.referral-2021 > section > ul > li > div > div.stats > h4 > strong {
  flex: 0 0 auto;
  font-size: 50px;
  margin: 0 8px;
}
.referral-2021 > section > ul > li > div > ol.steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: -10px;
}
.referral-2021 > section > ul > li > div > ol.steps > li {
  flex: 0 1 auto;
  margin: 10px;
  max-width: 200px;
  min-width: 125px;
}
.referral-2021 > section > ul > li > div > ol.steps > li > h4 {
  align-items: center;
  display: flex;
  margin: 0 0 20px 0;
}
.referral-2021 > section > ul > li > div > ol.steps > li > h4 > picture {
  flex: 0 0 auto;
  margin-right: 20px;
}
.referral-2021 > section > ul > li > div > ol.steps > li > h4 > span {
  color: #333333;
  flex: 1 1 auto;
  font-family: 'brandon-grotesque';
  font-size: 36px;
  font-weight: normal;
  line-height: 52px;
  text-transform: uppercase;
}
.referral-2021 > section > ul > li > div > ol.steps > li > span {
  color: #666666;
  display: block;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 28px;
}
.referral-2021 > section > ul > li > div > ol.steps > li > strong {
  color: #333333;
  display: block;
  font-family: 'brandon-grotesque';
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.64125px;
  margin-bottom: 8px;
}
.referral-2021 > section > ul > li > h3 {
  color: #333333;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  display: flex;
  font-family: 'brandon-grotesque';
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 26px;
  margin: 0;
  padding: 12px 20px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.referral-2021 > section > ul > li > h3 > a {
  flex: 0 0 auto;
  text-decoration: none;
}
.referral-2021 > section > ul > li > h3 > a > picture {
  position: relative;
}
.referral-2021 > section > ul > li > h3 > a > picture > img {
  position: relative;
  top: -2px;
}
.referral-2021 > section > ul > li > h3 > a > picture.collapser {
  display: none;
}
.referral-2021 > section > ul > li > h3 > a > picture.expander {
  display: inline-block;
}
.referral-2021 > section > ul > li > h3 > span {
  flex: 1 1 auto;
}
.referral-2021.gv-raf-email.body > .gv-form {
  min-width: 360px;
  width: 360px;
}
.referral-2021.gv-raf-email.body > .gv-form > label.gv-input {
  width: 100%;
}
.referral-2021.gv-raf-email.body > .gv-form > label.gv-input > textarea {
  padding: 14px 20px;
  width: 100%;
}
.referral-2021.gv-raf-email.body > .gv-form > label.gv-input > textarea.emails {
  height: 200px;
  min-height: 200px;
}
.referral-2021.gv-raf-email.preview {
  max-width: 700px;
  width: calc(100vw - 120px);
  height: calc(100vh - 150px);
}
.referral-2021.gv-raf-email.preview > a {
  color: #666666;
  cursor: pointer;
  font-size: 24px;
  line-height: 15px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -62px;
  vertical-align: middle;
}
.referral-2021.gv-raf-email.preview > a:hover > i {
  color: #666666;
}
.referral-2021.gv-raf-email.preview > div {
  align-items: center;
  flex-direction: column;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.referral-2021.gv-raf-email.preview > div > div {
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  overflow: auto;
  width: 100%;
}
.referral-2021.gv-raf-email.preview > div > div > img {
  height: auto;
  width: 100%;
}
.referral-2021.gv-raf-email.preview > div > p {
  margin: 10px 0 0 0;
  text-align: center;
}
.referral-2021.gv-raf-email.footer {
  display: flex;
}
.referral-2021.gv-raf-email.footer > div {
  flex: 1 1 auto;
  width: 33.33%;
  text-align: center;
}
.referral-2021.gv-raf-email.footer > div:first-child {
  text-align: left;
}
.referral-2021.gv-raf-email.footer > div:last-child {
  text-align: right;
}
.referral-2021.gv-raf-share.header > strong {
  color: #000000;
  font-family: 'brandon-grotesque';
  font-size: 48px;
  line-height: 69px;
  text-transform: uppercase;
}
.referral-2021.gv-raf-share.header > p {
  color: #666666;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 28px;
}
.referral-2021.gv-raf-share.body {
  max-width: 840px;
  width: auto;
}
.referral-2021.gv-raf-share.body div.gv-form > label > span {
  color: #333333;
}
.referral-2021.gv-raf-share.body div.share-input {
  font-family: 'Open Sans';
}
.referral-2021.gv-raf-share.body div.share-input input:focus {
  outline: none;
}
.referral-2021.gv-raf-share.body div.share-input > div.with-button {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 4px 4px 4px 20px;
}
.referral-2021.gv-raf-share.body div.share-input > div.with-button > button.btnV2 {
  flex: 0 0 auto;
}
.referral-2021.gv-raf-share.body div.share-input > div.with-button > button.btnV2.copied {
  background-color: #EEEEEE;
  color: #333333;
}
.referral-2021.gv-raf-share.body div.share-input > div.with-button > input[type=text] {
  border: 0;
  flex: 1 1 auto;
}
.referral-2021.gv-raf-share.body div.share-input > div.with-button > input[type=text].copy-input {
  left: -999999px;
  position: fixed;
  top: -999999px;
}
.referral-2021.gv-raf-share.body div.share-input > span {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 15px;
}
.referral-2021.gv-raf-share.body > ul.actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 15px -15px 0 -15px;
  padding: 0;
}
.referral-2021.gv-raf-share.body > ul.actions > li {
  flex: 0 0 auto;
  padding: 15px;
}
.referral-2021.gv-raf-share.body > ul.actions > li > a {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  width: 260px;
}
.referral-2021.gv-raf-share.body > ul.actions > li > a:hover {
  border: 1px solid #4AB37E;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.referral-2021.gv-raf-share.body > ul.actions > li > a > picture {
  display: inline-block;
}
.referral-2021.gv-raf-share.body > ul.actions > li > a > strong {
  color: #333333;
  display: block;
  font-family: 'brandon-grotesque';
  font-size: 16px;
  line-height: 23px;
  margin-top: 8px;
}
.send-default.v2 {
  margin: 25px 40px;
}
.send-default.v2.has-trial-warning {
  padding-bottom: 50px;
}
.send-default.v2 .gift-card {
  display: flex;
}
.send-default.v2 .gift-card > div {
  flex: 0 0 auto;
}
.send-default.v2 .gift-card > div:first-child {
  width: 10.5px;
}
.send-default.v2 .gift-card > div:last-child {
  flex: 1 1 auto;
  margin-left: 10px;
}
.send-default.v2 .gift-card > div:last-child > span,
.send-default.v2 .gift-card > div:last-child > strong {
  display: block;
}
.send-default.v2 .import-suggestion {
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 5px;
  position: relative;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.send-default.v2 .import-suggestion > .dismiss {
  position: absolute;
  right: 10px;
  top: 6px;
}
.send-default.v2 .import-suggestion > .dismiss > i {
  color: #666666;
  font-size: 16px;
}
.send-default.v2 .import-suggestion > div {
  display: inline-block;
  padding: 0 30px;
}
.send-default.v2 .import-suggestion > div > div {
  display: inline-block;
  white-space: nowrap;
}
.send-default.v2 .import-suggestion > div > span {
  display: inline-block;
  font-size: 13px;
  margin: 12px 40px;
}
.send-default.v2 .owl-nav > .owl-next.disabled,
.send-default.v2 .owl-nav > .owl-prev.disabled {
  display: none;
}
.send-default.v2 #modalExportMailingList > .modal-dialog {
  margin-top: 250px;
  width: 350px;
}
.send-default.v2 #modalResend .modal-dialog {
  width: 625px;
}
.send-default.v2 #modalResend .modal-dialog .copy-url > input {
  border: 1px solid #CFCFCF;
  border-radius: 4px 0 0 4px;
  display: inline-block;
  padding: 8px 10px;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  width: 420px;
}
.send-default.v2 #modalResend .modal-dialog .copy-url > input:focus {
  border: 1px solid #4AB37E;
  box-shadow: none !important;
  filter: drop-shadow(0px, 0px, 0px, 0px, rgba(0, 0, 0, 0)) !important;
  outline: none !important;
}
.send-default.v2 #modalResend .modal-dialog .copy-url > .btnV2.btnV2-sm {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  left: -5px;
  padding: 8px 15px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  text-align: center;
  transition: color ease 0s;
  width: 95px;
}
.send-default.v2 #modalResend .modal-dialog .copy-url > .btnV2.btnV2-sm.copied {
  color: rgba(0, 0, 0, 0);
}
.send-default.v2 #modalResend .modal-dialog .copy-url > .btnV2.btnV2-sm.copied::before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  content: '';
  display: inline-block;
  height: 10px;
  left: 50%;
  position: absolute;
  transform: rotate(-42deg) translateX(-50%) translateY(-50%);
  width: 20px;
}
.send-default.v2 #modalResend .modal-dialog .copy-url > .btnV2.btnV2-sm.copied::after {
  color: #666666;
  content: 'Copied to Clipboard';
  display: block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  width: auto;
}
.send-default.v2 #modalRSVPPreview iframe {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  width: 100%;
}
.send-default.v2 #modalShare.v2 > .modal-dialog {
  margin-top: 200px;
  width: 650px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit {
  margin-top: 50px;
  width: 960px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .registration-note {
  margin-left: 32px;
  font-style: italic;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top {
  align-items: center;
  display: flex;
  margin-bottom: 25px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top > .enable {
  flex: 0 0 auto;
  margin-left: 20px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy {
  margin: 0;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > input {
  border: 1px solid #CFCFCF;
  border-radius: 4px 0 0 4px;
  display: inline-block;
  padding: 8px 10px;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  width: 500px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > input:focus {
  border: 1px solid #4AB37E;
  box-shadow: none !important;
  filter: drop-shadow(0px, 0px, 0px, 0px, rgba(0, 0, 0, 0)) !important;
  outline: none !important;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > .btnV2.btnV2-sm {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  left: -5px;
  padding: 8px 15px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  text-align: center;
  transition: color ease 0s;
  width: 95px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > .btnV2.btnV2-sm.copied {
  color: rgba(0, 0, 0, 0);
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > .btnV2.btnV2-sm.copied::before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  content: '';
  display: inline-block;
  height: 10px;
  left: 50%;
  position: absolute;
  transform: rotate(-42deg) translateX(-50%) translateY(-50%);
  width: 20px;
}
.send-default.v2 #modalShare.v2 > .modal-dialog.edit .share-top .url > .share-link-copy > .btnV2.btnV2-sm.copied::after {
  color: #666666;
  content: 'Copied to Clipboard';
  display: block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  width: auto;
}
.send-default.v2 #modalShareWarning.v2 > .modal-dialog {
  margin-top: 250px;
  width: 400px;
}
.send-default.v2 #modalThankYou.v2 > .modal-dialog {
  width: 950px;
}
@media only screen and (min-width: 1024px) {
  .send-default.v2 #modalThankYou.v2 > .modal-dialog {
    width: 980px;
  }
}
@media only screen and (min-width: 1280px) {
  .send-default.v2 #modalThankYou.v2 > .modal-dialog {
    width: 1200px;
  }
}
@media only screen and (min-width: 1440px) {
  .send-default.v2 #modalThankYou.v2 > .modal-dialog {
    width: 1380px;
  }
}
@media only screen and (min-width: 1680px) {
  .send-default.v2 #modalThankYou.v2 > .modal-dialog {
    width: 1600px;
  }
}
@media only screen and (min-width: 1920px) {
  .send-default.v2 #modalThankYou.v2 > .modal-dialog {
    width: 1800px;
  }
}
.send-default.v2 .sender {
  color: #ffffff;
  padding: 3px 5px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  min-width: 24px;
}
.send-default.v2 #sendGuestMenu {
  position: absolute;
  z-index: 802;
}
.send-default.v2 .status-circle {
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-right: 2px;
  position: relative;
  top: -2px;
  width: 6px;
}
.send-default.v2 .status-circle.Registered {
  background-color: #B8E99E;
}
.send-default.v2 .status-circle.Responded {
  background-color: #CDDEF1;
}
.send-default.v2 .status-circle.SurveySubmitted {
  background-color: #CDDEF1;
}
.send-default.v2 .status-circle.Unsent {
  background-color: #C7C7C7;
}
.send-default.v2 .status-circle.Opened {
  background-color: #F8DDA1;
}
.send-default.v2 .status-circle.Undeliverable {
  background-color: #CC0000;
}
.send-default.v2 .status-circle.Unopened {
  background-color: #F7BBBB;
}
.gift-card-reassign {
  position: relative;
}
.gift-card-reassign.footer {
  background-color: #F7F7F7;
  border-radius: 0 0 6px 6px;
  bottom: -30px;
  left: -40px;
  padding: 17px 40px;
  position: absolute;
  right: -40px;
  text-align: right;
}
.gift-card-reassign.footer > button {
  width: 150px;
}
.gift-card-reassign > div {
  color: #333333;
  font-size: 16px;
  line-height: 21.79px;
  margin-bottom: 5px;
}
.gift-card-reassign > ol {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -25px 10px -25px;
  max-height: 600px;
  max-width: 770px;
  min-width: 500px;
  overflow: auto;
  padding: 0;
  position: relative;
}
.gift-card-reassign > ol > li {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-block;
  margin: 20px;
  padding: 3px;
  position: relative;
  text-align: center;
  transition: border-color ease 0.25s;
}
.gift-card-reassign > ol > li.selected {
  border-color: #81C0FF;
}
.gift-card-reassign > ol > li.selected > span.selected-check {
  opacity: 1;
}
.gift-card-reassign > ol > li > div {
  color: #333333;
  font-size: 14px;
  line-height: 19.07px;
}
.gift-card-reassign > ol > li > img {
  border-radius: 6px;
  display: block;
  margin-bottom: 10px;
  width: 200px;
}
.gift-card-reassign > ol > li > span.selected-check {
  background-color: #81C0FF;
  border-radius: 50%;
  display: block;
  color: #ffffff;
  height: 26px;
  position: absolute;
  opacity: 0;
  right: -11px;
  text-align: center;
  top: -11px;
  transition: opacity ease 0.25s;
  width: 26px;
}
.gift-card-reassign > ol > li > span.selected-check > i {
  font-size: 14px;
  line-height: 26px;
}
#modalAddContacts > .modal-dialog {
  margin-top: 200px;
  width: 325px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog {
  max-width: unset;
  width: 95%;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .dropzone {
  border: none;
  border-radius: unset;
  font-size: 13px;
  padding: 0;
  text-align: left;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .dropzone .qq-upload-button-focus {
  border: none;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .dropzone .qq-upload-button-hover {
  border: none;
  display: inline;
  padding: 0;
  text-align: unset;
  width: unset;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .mailing-name {
  color: #666666;
  font-size: 18px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments {
  display: block;
  left: -8px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li {
  background-color: #FAFAFA;
  border-radius: 6px;
  color: #666666;
  display: inline-block;
  margin: 4px 8px;
  padding: 8px 12px;
  transition-property: background-color, color;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li:hover {
  background-color: #EEEEEE;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li:hover > a {
  color: #333333;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li > a {
  color: #666666;
  display: inline-block;
  font-size: 13px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li > a:not(:first-child) {
  margin-left: 12px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li > a > i {
  color: #333333;
  cursor: pointer;
  font-size: 18px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li > a > span {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog ol.attachments > li > a > span:not(:first-child) {
  font-size: 12px;
  margin-left: 12px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .qq-uploader {
  background: none;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .qq-uploader .qq-upload-success .qq-upload-delete-selector {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .qq-uploader .qq-upload-success > .qq-upload-file {
  margin-top: 0;
  vertical-align: middle;
  width: auto;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .qq-uploader .qq-upload-success > .qq-upload-size {
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .qq-uploader .qq-upload-success:last-child {
  margin-right: 0;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-actions {
  display: flex;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-actions > div {
  flex: 1 1 auto;
  text-align: left;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-actions > div:last-child {
  text-align: right;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-details {
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin-top: 10px;
  padding: 5px 20px 10px 20px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-details > em {
  display: block;
  margin-top: 20px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipient-details > ul {
  list-style-position: inside;
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 5px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: block;
  line-height: 20px;
  margin-bottom: 5px;
  padding: 10px 20px;
  width: 100%;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > label {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient {
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  font-size: 13px;
  margin: 2px 8px 2px 0;
  padding: 5px 14px 5px 10px;
  vertical-align: middle;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient > a {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient > a > i {
  color: #666666;
  font-weight: 700;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient > a:hover > i {
  color: #333333;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input {
  display: inline-block;
  position: relative;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > input[type='text'] {
  border: none;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > input[type='text']:focus {
  box-shadow: none;
  outline: none;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > input[type='text'].focused + ul.search-results {
  display: block;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > ul.search-results {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.05);
  display: none;
  list-style-type: none;
  margin-top: 14px;
  padding: 0;
  position: absolute;
  z-index: 99999;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > ul.search-results > li {
  cursor: pointer;
  padding: 8px 12px;
  white-space: nowrap;
}
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > ul.search-results > li:hover,
.v2 .modal.v2.modalSendMessage > .modal-dialog .recipients > .recipient-input > ul.search-results > li.highlight {
  background-color: #FAFAFA;
  color: #333333;
}
.v2 .modal.v2.modalSendMessagePreview > .modal-dialog {
  width: 700px;
}
.v2 .modal.v2.modalSendMessagePreview div.preview {
  border-radius: 6px;
}
.v2 .modal.v2.modalSendMessagePreview table[bgcolor="#FFFFFF"] {
  background-color: #ffffff;
}
.send-method {
  color: #333333;
  font-size: 13px;
  margin: 10px 0;
}
.send-method > div {
  margin-bottom: 10px;
}
.send-method > ol {
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.send-method > ol > li {
  display: inline-block;
  flex: 0 0 auto;
  margin-right: 20px;
}
.send-method > ol > li:last-child {
  margin-right: 0;
}
.send-method > ol > li > label {
  display: block;
  margin-bottom: 5px;
}
.send-method > ol > li > span {
  color: #666666;
  display: block;
  font-size: 12px;
  margin-left: 24px;
}
.send-method > ol > li > span > span.upgrade-link {
  display: none;
}
.send-method > ol > li > span.low {
  color: #CC0000;
}
.send-method > ol > li > span.low > span.upgrade-link {
  display: block;
}
.send-method > ol > li > span.low > span.upgrade-link > a {
  cursor: pointer;
}
#sharepage > #diviframe {
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
#sharepage > #diviframe > iframe {
  bottom: 0;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#modalContactEdit.v2 > .modal-dialog {
  max-width: 1200px;
  width: 95%;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .gv-input {
  margin-bottom: 15px;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .gv-input > span {
  color: #666666;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .gv-input > input,
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .gv-input > select,
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .gv-input > textarea {
  color: #333333;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row .contact-action {
  display: inline-block;
  margin-top: 7px;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row:last-child .gv-input {
  margin-bottom: 0;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-contact-row:last-child .gv-input > input {
  margin-bottom: 0;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-form .gv-input {
  vertical-align: top;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-form .gv-input.mini > span {
  color: #666666;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-form .gv-input > span.help-inline {
  color: #CC0000 !important;
  font-size: 12px;
  font-weight: normal;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-form .gv-tag-picker {
  z-index: 99999;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content .gv-form .gv-tag-picker .gv-input > input {
  margin-bottom: 16px;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content > .modal-footer {
  background-color: #F7F7F7;
  border-radius: 0px 0px 6px 6px;
  display: flex;
  padding: 20px 40px;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content > .modal-footer > div:first-child {
  flex: 0 0 auto;
}
#modalContactEdit.v2 > .modal-dialog > .modal-content > .modal-footer > div:last-child {
  flex: 1 1 auto;
  text-align: right;
}
#modalContactUpload.v2 > .modal-dialog {
  margin-top: 50px;
  width: 1100px;
}
#modalContactUpload.v2 > .modal-dialog.error {
  color: unset;
  outline: none;
  width: 550px;
}
#modalContactUpload.v2 > .modal-dialog .contact-uploader {
  position: relative;
}
#modalContactUpload.v2 > .modal-dialog .contact-uploader > span {
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 1;
}
#modalContactUpload.v2 > .modal-dialog .matching {
  height: 300px;
  overflow-x: auto;
  overflow-y: auto;
}
#modalContactUpload.v2 > .modal-dialog .matching .table-container {
  display: table;
  max-width: unset;
  min-width: 100%;
  overflow-x: visible;
  overflow-y: visible;
  width: auto;
}
#modalContactUpload.v2 > .modal-dialog .matching .table-container > table {
  max-width: unset;
  min-width: 100%;
  width: auto;
}
#modalContactUpload.v2 > .modal-dialog .stop-error > div.actions {
  display: flex;
}
#modalContactUpload.v2 > .modal-dialog .stop-error > div.actions > div.left {
  flex: 0 0 auto;
}
#modalContactUpload.v2 > .modal-dialog .stop-error > div.actions > div.right {
  flex: 0 1 auto;
  text-align: right;
}
#modalContactUpload.v2 > .modal-dialog .table-container {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
#modalContactUpload.v2 > .modal-dialog .table-container.warnings {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#modalContactUpload.v2 > .modal-dialog .table-container table {
  width: 100%;
}
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > td,
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > th {
  color: #333333;
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  font-size: 13px;
  font-weight: normal;
  padding: 16px 10px;
}
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > td:first-child,
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > th:first-child {
  border-left: none;
}
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > td:last-child,
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr > th:last-child {
  border-right: none;
}
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr:first-child > td,
#modalContactUpload.v2 > .modal-dialog .table-container table thead > tr:first-child > th {
  border-top: none;
}
#modalContactUpload.v2 > .modal-dialog .table-container table thead.green > tr > td,
#modalContactUpload.v2 > .modal-dialog .table-container table thead.green > tr > th {
  background-color: #E9F7F1;
}
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr > td,
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr th {
  border: 1px solid #CFCFCF;
  color: #666666;
  padding: 6px 10px;
}
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr > td:first-child,
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr th:first-child {
  border-left: none;
}
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr > td:last-child,
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr th:last-child {
  border-right: none;
}
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr:last-child > td,
#modalContactUpload.v2 > .modal-dialog .table-container table tbody > tr:last-child > th {
  border-bottom: none;
}
#modalContactUpload.v2 > .modal-dialog textarea {
  height: 150px;
}
#modalContactUpload.v2 > .modal-dialog .upload-instructions-header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.contact-upload.upload-errors.footer {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.contact-upload.upload-errors.footer > button {
  flex: 0 0 auto;
  margin-left: 20px;
}
.contact-upload.upload-errors.footer > div {
  display: flex;
  flex: 1 1 auto;
}
.contact-upload.upload-errors.footer > div > div {
  flex: 1 1 50%;
}
.contact-upload.upload-errors.footer > div > div.next {
  padding-left: 10px;
  text-align: right;
}
.contact-upload.upload-errors.footer > div > div.prev {
  padding-right: 10px;
  text-align: left;
}
#modalUploadCustom > .modal-dialog > .modal-content > .modal-header > h4.modal-title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
#modalUploadCustom > .modal-dialog > .modal-content > .modal-header > h4.modal-title > span {
  font-size: 30px;
  font-weight: normal;
  margin-left: 20px;
}
#modalUploadCustom i.fa-info-circle {
  margin-left: 10px;
  color: #269D64;
}
#modalUploadCustom .border-bottom {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#modalUploadCustom .dimensions {
  font-size: 12px;
  margin-bottom: 10px;
}
#modalUploadCustom .orientation {
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}
.track-default.v2 {
  margin: 25px 40px;
}
.track-default.v2.has-trial-warning {
  padding-bottom: 50px;
}
.track-default.v2 .checkin-edit,
.track-default.v2 .question-edit,
.track-default.v2 .rsvp-edit {
  cursor: pointer;
  position: relative;
}
.track-default.v2 .inline-edit-status {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  display: none;
  margin-left: -8px;
  margin-top: -8px;
  padding: 8px;
  position: absolute;
}
.track-default.v2 .inline-edit-status > .options:not(:last-child) {
  margin-bottom: 8px;
}
.track-default.v2 .inline-edit-status > .options > .rsvp-status {
  margin: 0 4px;
}
.track-default.v2 .inline-edit-status > .options > .rsvp-status:first-child {
  float: left;
}
.track-default.v2 .inline-edit-status > .options > .rsvp-status:last-child {
  float: right;
}
.track-default.v2 .inline-edit-status > .options::after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.track-default.v2 .inline-popup.question {
  position: absolute;
  z-index: 1001;
}
.track-default.v2 .inline-popup.question ol.options {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.track-default.v2 .inline-popup.question ol.options > li {
  padding: 0 8px 8px 8px;
}
.track-default.v2 .rsvp-status {
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  overflow: hidden;
  width: 16px;
  text-transform: uppercase;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  vertical-align: text-top;
}
.track-default.v2 .rsvp-status > i {
  color: #ffffff;
  display: block;
  font-size: 9px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.track-default.v2 .rsvp-status > span {
  color: #ffffff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.track-default.v2 .rsvp-status.large {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.track-default.v2 .rsvp-status.large > i {
  font-size: 14px;
  line-height: 24px;
}
.track-default.v2 .rsvp-status.large > span {
  font-size: 15px;
  line-height: 24px;
}
.track-default.v2 .rsvp-status.no {
  background-color: #ED4949;
}
.track-default.v2 .rsvp-status.pending {
  background-color: #CFCFCF;
}
.track-default.v2 .rsvp-status.yes {
  background-color: #4AB37E;
}
.track-default.v2 .gv-grid .gv-grid-side-actions {
  position: relative;
  top: -0.5px;
}
.track-default.v2 .gv-grid .tdcheckbox > span {
  display: block;
  width: 40px;
}
.track-default.v2 .gv-grid .tdcheckin {
  padding: 16px 8px;
}
.track-default.v2 .gv-grid .tddate .pendingStatus {
  color: #666666;
  font-size: 12px;
}
.track-default.v2 .gv-grid .tddate .pendingStatus.pending {
  color: #9F9F9F;
  font-weight: normal;
  font-style: italic;
}
.track-default.v2 .gv-grid .tddate .pendingStatus.pending::after {
  content: ")";
  display: inline-block;
}
.track-default.v2 .gv-grid .tddate .pendingStatus.pending::before {
  content: "(";
  display: inline-block;
}
.track-default.v2 .gv-grid .tdmessage {
  width: 150px;
  padding-left: 12px;
  padding-right: 12px;
}
.track-default.v2 .gv-grid .tdmessage > .message {
  position: relative;
}
.track-default.v2 .gv-grid .tdmessage > .message > .rsvp-message {
  max-width: 300px;
  overflow: hidden;
  padding-right: 20px;
  line-clamp: 4;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.track-default.v2 .gv-grid .tdmessage > .message > .rsvp-message.full {
  background: white;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  cursor: pointer;
  display: none;
  max-height: unset;
  position: absolute;
  padding: 11px 31px 11px 11px;
  right: -12px;
  top: -12px;
  white-space: normal;
  width: 275px;
  z-index: 1039;
}
.track-default.v2 .gv-grid .tdmessage > .message > .rsvp-message.full > a.reply {
  position: absolute;
  right: 11px;
}
.track-default.v2 .gv-grid .tdmessage > .message > .rsvp-message.full > div.action {
  margin-right: -20px;
  margin-top: 5px;
  text-align: right;
}
.track-default.v2 .gv-grid .tdmessage > .message > .rsvp-message > a.reply {
  position: absolute;
  right: 0;
}
.track-default.v2 .gv-grid .tdmessage > .message:hover > .rsvp-message.full {
  display: inline-block;
}
.track-default.v2 .gv-grid .tdname > a:hover {
  text-decoration: none;
}
.track-default.v2 .gv-grid .tdname span:hover.name {
  text-decoration: underline;
}
.track-default.v2 .gv-grid .tdname span.family-name {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.track-default.v2 .gv-grid .tdquestion .message {
  position: relative;
}
.track-default.v2 .gv-grid .tdquestion .message .response-text {
  display: block;
}
.track-default.v2 .gv-grid .tdquestion .message .response-text.full {
  background: white;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.0802);
  box-sizing: content-box;
  display: none;
  padding: 11px;
  position: absolute;
  right: -12px;
  top: -12px;
  white-space: normal;
  width: 100%;
  z-index: 1000;
}
.track-default.v2 .gv-grid .tdquestion .message:hover .response-text.full {
  display: block;
}
.track-default.v2 .gv-grid .tdtable {
  padding-right: 20px;
}
.track-default.v2 .gv-grid .thquestion > div > .sorthovercontainer {
  max-height: 60px;
}
.track-default.v2 .gv-grid .thquestion > div > .sorthovercontainer > .sorthover > a {
  overflow: hidden;
  line-clamp: 3;
  display: -webkit-box;
  max-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.track-default.v2 .gv-grid ul > li {
  margin: 5px 0;
  min-height: 17px;
}
.track-default.v2 .gv-grid ul > li:first-child {
  margin-top: 0;
}
.track-default.v2 .track-header-container {
  display: flex;
  margin-bottom: 25px;
}
.track-default.v2 .track-header-container > .primary {
  flex: 0 0 auto;
  width: 500px;
}
.track-default.v2 .track-header-container > .primary > ol.actions {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.track-default.v2 .track-header-container > .primary > ol.actions > li {
  flex: 1 1 auto;
  text-align: center;
}
.track-default.v2 .track-header-container > .primary > ol.actions > li:first-child {
  text-align: left;
}
.track-default.v2 .track-header-container > .primary > ol.actions > li:last-child {
  text-align: right;
}
.track-default.v2 .track-header-container > .primary.narrow {
  width: 250px;
}
.track-default.v2 .track-header-container > .primary.narrow > ol.actions {
  display: block;
}
.track-default.v2 .track-header-container > .primary.narrow > ol.actions > li {
  display: block;
  text-align: left;
  margin-top: 15px;
}
.track-default.v2 .track-header-container > .primary.narrow > ol.actions > li :first-child {
  text-align: left;
  margin-top: 0;
}
.track-default.v2 .track-header-container > .primary.narrow > ol.actions > li :last-child {
  text-align: left;
}
.track-default.v2 .track-header-container > .secondary {
  display: flex;
  flex: 1;
  margin-left: 20px;
}
.track-default.v2 .track-header-container .payment-summary {
  color: #666666;
  width: 250px;
}
.track-default.v2 .track-header-container .payment-summary > .title {
  font-size: 18px;
}
.track-default.v2 .track-header-container .payment-summary > .summary-row {
  display: block;
  margin-bottom: 15px;
}
.track-default.v2 .track-header-container .payment-summary > .summary-row:last-child {
  margin-bottom: 0;
}
.track-default.v2 .track-header-container .payment-summary > .summary-row > strong {
  display: block;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.track-default.v2 .track-header-container .payment-summary > .summary-row > span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.track-default.v2 .track-header-container .track-header {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  display: block;
  margin-bottom: 15px;
  padding: 15px 20px;
  position: relative;
}
.track-default.v2 .track-header-container .track-header:not(:first-child) {
  margin-left: 20px;
}
.track-default.v2 .track-header-container .track-header > .reminders > ol {
  display: block;
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0;
}
.track-default.v2 .track-header-container .track-header > .reminders > ol > li {
  display: block;
  margin-bottom: 10px;
}
.track-default.v2 .track-header-container .track-header > .reminders > ol > li > strong {
  display: inline-block;
  margin-right: 10px;
}
.track-default.v2 .track-header-container .track-header > .track-chart {
  display: flex;
  white-space: nowrap;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner {
  border-left: 1px solid #E8E8E8;
  display: block;
  margin-left: 25px;
  padding-left: 25px;
  position: relative;
  vertical-align: top;
  width: 375px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner.clickable > .track-chart-container .chart-legend > table tbody > tr,
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner.clickable > .track-chart-container .chart-image canvas {
  cursor: pointer;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner > .title {
  font-size: 14px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner.pie > .title {
  width: 60%;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container {
  background-color: transparent;
  box-sizing: content-box;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  margin-left: -20px;
  width: 100%;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-image {
  display: block;
  text-align: center;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-image.bar > canvas {
  width: 100%;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-image.pie {
  position: relative;
  top: -10px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-image > canvas {
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend {
  margin-top: 16px;
  height: 100px;
  overflow: auto;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr .color {
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  width: 16px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr .color > i {
  background-color: transparent;
  color: #ffffff;
  display: block;
  font-size: 9px;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr .color > span {
  background-color: transparent;
  color: #ffffff;
  display: block;
  font-size: 9px;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr .count {
  display: inline-block;
  margin-left: 20px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr > td {
  font-size: 14px;
  overflow: hidden;
  max-width: 100px;
  padding-bottom: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-inner .track-chart-container .chart-legend > table > tbody > tr:last-child > td {
  padding-bottom: 0;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-nav {
  bottom: 2px;
  position: absolute;
  right: 6px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-nav > a {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 22px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-nav > a::before {
  border-left: 2.5px solid #427e8f;
  border-radius: 2px;
  border-top: 2.5px solid #427e8f;
  content: '';
  display: block;
  height: 8px;
  position: relative;
  top: 6px;
  width: 8px;
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-nav > a.next::before {
  left: 5px;
  transform: rotate(-225deg);
}
.track-default.v2 .track-header-container .track-header > .track-chart > div.track-chart-nav > a.prev::before {
  left: 7px;
  transform: rotate(-45deg);
}
.track-default.v2 .track-header-container .track-header > .track-chart .select {
  bottom: 2px;
  position: absolute;
  right: 6px;
}
.track-default.v2 .track-header-container .track-header > .track-chart .select > .select-toggle {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 22px;
  width: 22px;
}
.track-default.v2 .track-header-container .track-header > .track-chart .select > .select-toggle::before {
  border-left: 2.5px solid #427e8f;
  border-radius: 2px;
  border-top: 2.5px solid #427e8f;
  content: '';
  display: block;
  height: 8px;
  left: 6px;
  position: relative;
  top: 6px;
  transform: rotate(-135deg);
  width: 8px;
}
.track-default.v2 .track-header-container .track-header > .track-chart .select > .dropdown-menu {
  padding: 15px;
  max-width: 800px;
}
.track-default.v2 .track-header-container .track-header > .track-chart .select > .dropdown-menu > li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.track-default.v2 .track-header-container .track-header > .track-chart .select.open .select-toggle::before {
  top: 8px;
  transform: rotate(45deg);
}
.track-default.v2 .track-header-container .track-header > .track-chart:not(:first-child) {
  border-left: 1px solid #E8E8E8;
  padding: 0 20px;
}
.track-default.v2 .track-header-container .track-header .title {
  color: #666666;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.track-default.v2 .track-header-container .track-header .separator {
  border: 0 solid #E8E8E8;
  padding: 0;
}
.track-default.v2 .track-header-container .track-header .separator.horizontal {
  border-top-width: 1px;
  display: block;
  height: 1px;
  margin: 25px 0;
  width: 100%;
}
.track-default.v2 #modalAutoReminders > .modal-dialog {
  margin-top: 100px;
  width: 1030px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog .mce-tinymce > .mce-container-body > .mce-edit-area > iframe {
  height: 100px !important;
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select > li {
  display: inline-block;
  border: none;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  flex: 1 1 auto;
  margin: 30px;
  padding: 26px;
  position: relative;
  text-align: center;
  width: 33.33%;
  margin-top: 15px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select > li > a.btnV2 {
  bottom: 32px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select > li > img {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-bottom: 15px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select > li > span {
  color: #666666;
  display: block;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 65px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog ol.mode-select > li > strong {
  color: #333333;
  display: block;
  font-family: 'Source Serif 4';
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 5px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog .reminder-instructions {
  line-height: 25px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog table.table {
  position: relative;
  top: -8px;
}
.track-default.v2 #modalAutoReminders > .modal-dialog table.table > tbody > tr > td {
  border: 0;
}
.track-default.v2 #modalCopyLink .modal-dialog {
  width: 625px;
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > input {
  border: 1px solid #CFCFCF;
  border-radius: 4px 0 0 4px;
  display: inline-block;
  padding: 8px 10px;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  width: 420px;
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > input:focus {
  border: 1px solid #4AB37E;
  box-shadow: none !important;
  filter: drop-shadow(0px, 0px, 0px, 0px, rgba(0, 0, 0, 0)) !important;
  outline: none !important;
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > .btnV2.btnV2-sm {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  left: -5px;
  padding: 8px 15px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  text-align: center;
  transition: color ease 0s;
  width: 95px;
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > .btnV2.btnV2-sm.copied {
  color: rgba(0, 0, 0, 0);
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > .btnV2.btnV2-sm.copied::before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  content: '';
  display: inline-block;
  height: 10px;
  left: 50%;
  position: absolute;
  transform: rotate(-42deg) translateX(-50%) translateY(-50%);
  width: 20px;
}
.track-default.v2 #modalCopyLink .modal-dialog .copy-url > .btnV2.btnV2-sm.copied::after {
  color: #666666;
  content: 'Copied to Clipboard';
  display: block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  width: auto;
}
.track-default.v2 #modalExportRSVPs > .modal-dialog {
  margin-top: 250px;
  width: 300px;
}
.track-default.v2 #modalReminderPreview .modal-dialog {
  margin-top: 50px;
  width: 750px;
}
.track-default.v2 #modalReminderPreview .modal-dialog > .modal-content .message-info {
  background-color: #F7F7F7;
  border: 1px solid #CFCFCF;
  border-bottom: 0;
  font-size: 12px;
}
.track-default.v2 #modalReminderPreview .modal-dialog > .modal-content .message-info > div {
  display: block;
  padding: 5px 10px;
}
.track-default.v2 #modalReminderPreview .modal-dialog > .modal-content .message-preview {
  border: 1px solid #CFCFCF;
  margin-bottom: 10px;
}
.track-default.v2 .sender {
  color: #ffffff;
  padding: 3px 5px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  min-width: 24px;
}
.track-default.v2 .badge.incomplete {
  background: #FFD641;
  margin-top: 5px;
  color: #666666;
}
.track-gift-cards .gv-table > table > tbody > tr.redeemed > td:not(:last-child) > * {
  opacity: 0.5;
}
.track-gift-cards .gv-table > table > tbody > tr.redeemed > td:last-child > a {
  color: #F9A51A;
}
.track-gift-cards .gv-table > table > tbody > tr > td > a {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
#trackGuestMenu {
  position: absolute;
  z-index: 802;
}
.track-sales.v2 .cancelled {
  color: #9F9F9F;
}
.track-sales.v2 .chart > .chart-legend {
  margin-bottom: 20px;
  text-align: center;
}
.track-sales.v2 .chart > .chart-legend > span {
  color: #666666;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  margin-right: 25px;
  padding: 0;
}
.track-sales.v2 .chart > .chart-legend > span:last-child {
  margin-right: 0;
}
.track-sales.v2 .chart > .chart-legend > span > i {
  display: inline-block;
  font-size: 10px;
  margin-right: 5px;
  padding: 0;
}
.track-sales.v2 .chart > .chart-legend > span > i.donation {
  color: #b4b4b4;
}
.track-sales.v2 .chart > .chart-legend > span > i.item {
  color: #4dae9d;
}
.track-sales.v2 .chart > .chart-legend > span > i.ticket {
  color: #97bbcd;
}
.track-sales.v2 > .loading {
  margin-top: 60px;
  text-align: center;
}
.track-sales.v2 > .loading > i {
  color: #269D64;
  font-size: 30px;
}
.track-sales.v2 > .loading > span {
  font-size: 16px;
}
.track-sales.v2 .payout-row {
  display: flex;
  color: #666666;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 20px;
}
.track-sales.v2 .payout-row:last-child {
  margin-bottom: 0;
}
.track-sales.v2 .payout-row.summary {
  border-top: 1px solid #CFCFCF;
  padding-top: 20px;
}
.track-sales.v2 .payout-row > div:first-child {
  flex: 1 1 auto;
  text-align: left;
}
.track-sales.v2 .payout-row > div:last-child {
  flex: 0 0;
  margin-left: 60px;
  text-align: right;
}
.track-sales.v2 .payout-row ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.track-sales.v2 .payout-row ol > li {
  display: flex;
  margin-bottom: 10px;
  white-space: nowrap;
}
.track-sales.v2 .payout-row ol > li:last-child {
  margin-bottom: 0;
}
.track-sales.v2 .payout-row ol > li > span {
  flex: 1 1 auto;
  margin-right: 20px;
  text-align: left;
}
.track-sales.v2 .payout-row ol > li > span:last-child {
  margin-right: 0;
  text-align: right;
}
.track-sales.v2 .refunded {
  color: #ED4949;
}
.track-sales.v2 .track-donations {
  color: #666666;
  font-size: 16px;
  text-align: left;
}
.track-sales.v2 .track-donations > i {
  display: inline-block;
  margin-right: 5px;
}
.track-sales.v2 .track-donations > var {
  font-weight: bold;
}
.track-sales.v2 .track-payout {
  display: inline-block;
  min-width: 500px;
  max-width: 800px;
  width: 75%;
}
.track-section {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  padding: 0;
}
.track-section > .body {
  padding: 30px;
  text-align: center;
}
.track-section > .body .sub-section {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin-top: 30px;
  padding: 20px;
}
.track-section > .header {
  background-color: #CFCFCF;
  border-radius: 3px 3px 0 0;
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 20px;
}
.track-section > .header.blue {
  background-color: #91BCE7;
  color: #ffffff;
}
#track-grid table {
  width: 100%;
}
#track-grid table thead {
  background-color: #F7F7F7;
}
#track-grid table thead th {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  color: #999999;
}
#track-grid table thead th:first-child {
  padding-left: 10px;
}
#track-grid table tr {
  padding-left: 10px;
}
#track-grid table tr.primary td {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
  border-top: 1px solid #CCCCCC;
}
#track-grid table tr td.tddate {
  min-width: 90px;
  padding-left: 10px;
  vertical-align: top;
  padding-top: 5px;
}
#track-grid table tr.primary td.tddate {
  padding-top: 10px;
}
#track-grid table tr td.tdname {
  min-width: 225px;
}
#track-grid .hoverFulltext.pointer {
  cursor: text;
}
#track-grid table tr th.tdcheckbox {
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
#track-grid table tr td.tdcheckbox {
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}
#track-grid table tr.primary td.tdcheckbox {
  padding-top: 7px;
}
#track-grid table tr.active td {
  background-color: #DFF4EC;
}
#track-grid table tr td.tdname ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  line-height: 1.5;
}
#track-grid table tr td.tdname li {
  position: relative;
  cursor: pointer;
}
#track-grid table tr td.tdname.nohover li {
  cursor: text;
}
#track-grid table tr td.tdname:not(.nohover) li:hover {
  background-color: #F7F7F7;
}
#track-grid table tr td.tdname .fa-edit {
  font-size: 16px;
  display: none;
  padding-right: 5px;
  margin-top: 8px;
}
#track-grid table tr td.tdname:not(.nohover) li:hover .fa-edit {
  display: inline-block;
}
#track-grid table tr td.tdname .block,
.track-default #modalTaskDetails table tr td .block {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  color: white;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 10px;
  font-size: 14px;
  padding-top: 2px;
}
#track-grid table tr td.tdname .block.guest:last-of-type {
  margin-bottom: 0;
}
#track-grid table tr td.tdname .block.yes,
.track-default #modalTaskDetails table tr td .block.yes {
  background-color: #27A868;
  border-top: 1px solid #216E47;
}
#track-grid table tr td.tdname .block.no,
.track-default #modalTaskDetails table tr td .block.no {
  background-color: #CC0000;
  border-top: 1px solid #7a0000;
}
#track-grid table tr td.tdname .block.pending,
.track-default #modalTaskDetails table tr td .block.pending {
  background-color: #C7C7C7;
  border-top: 1px solid #999999;
}
#track-grid table tr td.tdname .rsvpEdit {
  position: absolute;
  background: white;
  padding: 5px 0 0 8px;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  left: 0;
  z-index: 2;
  top: -5px;
}
#track-grid table tr td.tdpurchases {
  min-width: 100px;
}
#track-grid table tr td.tdpurchases ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#track-grid table tr td.tdpurchases ul li {
  padding: 2px;
}
#track-grid table tr td.tdpaymentstatus {
  min-width: 50px;
  vertical-align: top;
}
#track-grid table tr td.tdpaymentstatus .paymentstatus {
  padding: 2px;
}
#track-grid table tr td.tdquestion {
  min-width: 100px;
}
#track-grid table tr td.tdcustomfield {
  min-width: 100px;
  vertical-align: top;
}
#track-grid table tr td.tdcompany {
  min-width: 125px;
  vertical-align: top;
}
#track-grid table tr td.tdlabels {
  min-width: 125px;
  vertical-align: top;
}
#track-grid table tr td.tdmessage {
  min-width: 100px;
  vertical-align: top;
}
#track-grid table tr td.tdmessage a.read {
  position: absolute;
  white-space: nowrap;
  background: white;
  padding: 8px;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  z-index: 1;
  margin-top: 6px;
}
#track-grid table tr td.tddropdown {
  width: 30px;
  vertical-align: top;
}
#track-grid table tr td .pendingDate {
  font-style: italic;
  color: #CCCCCC;
}
#track-grid table tr td .pendingStatus {
  color: #CCCCCC;
}
#track-grid .tab-bar a.pull-right {
  padding-right: 13px;
}
#track-grid .track-table-container {
  min-height: 300px;
  background-color: white;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
#track-grid table tr td.tdcheckin {
  cursor: pointer;
  min-width: 75px;
  position: relative;
}
#track-grid table tr td.tdcheckin ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  line-height: 1.5;
  position: relative;
}
#track-grid table tr td.tdcheckin li a.check-in {
  display: none;
}
#track-grid table tr td.tdcheckin li:hover a.check-in {
  display: inline-block;
}
#track-grid table tr td.tdcheckin .fa-edit {
  font-size: 16px;
  display: none;
  padding-right: 5px;
  margin-top: 8px;
}
#track-grid table tr td.tdcheckin li:hover .fa-minus {
  color: #F7F7F7 !important;
}
#track-grid table tr td.tdcheckin .block {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 10px;
  font-size: 20px;
  padding-top: 2px;
  margin-left: 2px;
}
#track-grid table tr td.tdcheckin .block.yes {
  color: #27A868;
}
#track-grid table tr td.tdcheckin .block.no {
  color: #CC0000;
}
#track-grid table tr td.tdcheckin .checkinEdit {
  position: absolute;
  background: white;
  padding: 5px 0 0 8px;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  left: -9px;
  z-index: 2;
  top: -6px;
}
.track-default .followup {
  font-size: 13px;
  min-height: 185px;
}
.track-default .chart {
  width: 280px;
  min-width: 280px;
  height: 215px;
  float: left;
  padding: 5px;
  overflow-x: auto;
  display: block;
  margin-right: 20px;
}
.track-default .chart-container {
  width: 475px;
  display: table;
}
.track-default .chart-data {
  display: table-cell;
  vertical-align: top;
}
.track-default .chart-data table td {
  vertical-align: top;
}
.track-default .chart-image {
  display: table-cell;
}
.track-default .chart-data .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #cccccc;
  margin-right: 10px;
  margin-top: 3px;
}
.track-default .chart-data .datalabel {
  padding-left: 20px;
}
.track-default .info-panel {
  height: 270px;
}
.track-default .info-panel .panel {
  min-height: 256px;
}
.track-default .rsvp-panel {
  float: left;
  width: 200px;
}
.track-default .rsvp-panel:lang(es) {
  width: 300px;
}
.track-default .chart-panel {
  overflow: hidden;
  padding-left: 20px;
}
.track-default .chart-loading {
  height: 223px;
}
.track-default .strikethrough {
  text-decoration: line-through;
}
.track-default .ticket-panel {
  float: left;
}
.track-default .ticket-panel .panel {
  height: 256px;
}
.track-default .ticket-panel .panel .ticket-panel-data {
  font-weight: bold;
  font-size: 24px;
}
.track-default .ticket-panel .panel .ticket-panel-label {
  font-size: 12px;
  padding-bottom: 15px;
}
.track-default #modalTaskDetails .task-details-container {
  min-height: 80px;
}
.track-default #modalTaskDetails table .status-circle {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: red;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.track-default #modalTaskDetails table .status-circle.Opened {
  background: #F8DDA1;
}
.track-default #modalTaskDetails table .status-circle.Undeliverable {
  background: #CC0000;
}
.track-default #modalTaskDetails table .status-circle.Sent {
  background: #F7BBBB;
}
.track-default #modalTaskDetails table {
  width: 100%;
  position: relative;
}
.track-default #modalTaskDetails table .header {
  background-color: #F7F7F7;
}
.track-default #modalTaskDetails table tr {
  border: 1px solid #CCCCCC;
}
.track-default #modalTaskDetails table td,
.track-default #modalTaskDetails table th {
  padding: 10px;
}
.track-default #modalTaskDetails .pagerDiv {
  min-height: 40px;
}
.track-default #modalTaskDetails .pager {
  float: right;
  padding-top: 20px;
}
.track-default #modalTaskDetails .loading {
  text-align: center;
  font-size: 24px;
}
@media print {
  .printpage .event-name {
    color: black;
  }
  .printpage #track-grid .track-table-container {
    background-color: white;
    border: none;
  }
  #track-grid table thead {
    background-color: white;
  }
  #track-grid table thead th {
    color: black;
  }
  .tag {
    color: black;
    background-color: white !important;
  }
  #track-grid table tr td .pendingDate {
    color: black;
  }
  #track-grid table tr td .pendingStatus {
    color: black;
  }
  #track-grid table tr td.tdname .block {
    color: black;
  }
  #track-grid table tr td.tdname .block.yes,
  #track-grid table tr td.tdname .block.no,
  #track-grid table tr td.tdname .block.pending {
    background-color: white;
    border-top: none;
  }
}
@media only screen and (max-width: 1520px) {
  .track-default.v2 .track-header-container > .primary {
    width: 400px;
  }
}
.template-liningPosition #boundingRect {
  position: absolute;
  pointer-events: none;
}
.template-liningPosition > .buttons {
  display: flex;
}
.template-liningPosition > .buttons > div {
  padding-left: 10px;
}
.template-liningPosition > .buttons > div:first-child {
  padding-left: unset;
}
.template-liningPosition > .buttons > div:last-child {
  margin-left: auto;
  white-space: nowrap;
}
.template-liningPosition > .buttons > div:last-child > a > i {
  margin-right: 5px;
}
.template-liningPosition > .buttons > .slider-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.template-liningPosition > .buttons > .slider-container > div:first-child {
  margin-right: 10px;
}
.template-liningPosition > .buttons > .slider-container > .slider {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
}
@media only screen and (max-height: 700px) {
  .template-liningPosition > .buttons > .slider-container.portrait,
  .template-liningPosition > .buttons > .slider-container.landscape-l {
    display: none;
  }
}
@media only screen and (max-height: 640px) {
  .template-liningPosition > .buttons > .slider-container.landscape-s {
    display: none;
  }
}
@media only screen and (max-height: 850px) {
  .template-liningPosition > .buttons > .slider-container.square {
    display: none;
  }
}
.template-liningPosition .liningWrapper {
  position: relative;
  background-color: #4AB37E;
  overflow: hidden;
}
.template-liningPosition .liningWrapper.portrait,
.template-liningPosition .liningWrapper.landscape-l {
  height: 1124px;
  width: 840px;
}
.template-liningPosition .liningWrapper.landscape-s {
  height: 712px;
  width: 600px;
}
.template-liningPosition .liningWrapper.square {
  height: 1254px;
  width: 730px;
}
.template-liningPosition .liningWrapper .liningPreview {
  position: absolute;
  cursor: move;
}
.template-liningPosition .liningWrapper .liningCover {
  position: absolute;
  pointer-events: none;
}
.template-liningPosition .liningWrapper .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 96px;
  height: 96px;
}
.template-liningPosition .liningWrapper .loading > div {
  position: absolute;
  left: -50%;
  top: -50%;
}
.template-liningPosition .liningWrapper .loading > div > i {
  font-size: 96px;
}
.template-liningPosition:not(.debug) {
  overflow: hidden;
}
.template-liningPosition.debug #imageTarget {
  position: absolute;
  border: dashed 1px black;
  pointer-events: none;
  left: -106px;
  top: 84px;
  height: 752px;
  width: 1052px;
  z-index: 100;
}
.template-liningPosition.debug #boundingRect {
  background-color: yellow;
  opacity: 0.5;
}
.template-liningPosition.debug .liningWrapper {
  overflow: visible;
}
.template-liningPosition.debug .liningWrapper .liningPreview {
  opacity: 0.5;
}
.template-liningPosition.debug .liningWrapper.landscape-s #imageTarget {
  left: -226px;
  top: 59px;
}
.template-liningPosition.debug .highlight {
  background-color: yellow;
}
.template-liningPosition.mobile > .buttons a {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  font-size: 16px;
}
.template-liningPosition.mobile .zoomWrapper {
  position: fixed;
  margin-top: 10px;
}
.template-liningPosition.mobile .zoomWrapper .liningPreview {
  overscroll-behavior-y: contain;
}
.template-liningPosition.mobile .debug {
  position: absolute;
  top: 640px;
}
.design-envelope {
  padding-bottom: 60px;
}
.design-envelope .gv-tab-content h5 {
  letter-spacing: 1.5px !important;
  font-weight: normal;
  font-size: 20px;
  margin: 20px 0 10px 0px;
  font-family: 'Source Serif 4' !important;
  font-weight: 300;
  padding-bottom: 5px;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;
}
.design-envelope .envelope-material {
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
.design-envelope .envelope-material div {
  height: 45px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  overflow: hidden;
  width: 45px;
  margin-right: 4px;
  background-color: #ffffff;
  margin-bottom: 5px;
  cursor: pointer;
}
.design-envelope .envelope-material img {
  width: 72px;
  left: -34px;
  top: 5px;
  position: relative;
}
.design-envelope .envelope-material.die img {
  width: 49px;
  left: -3px;
  top: -2px;
}
.design-envelope .envelope-material.active,
.design-envelope .envelope-border.active,
.stamp-picker .stamp-type.active,
.design-envelope .background-category.active,
.envelope-lining.active {
  color: #4AB37E;
}
.design-envelope .envelope-material.active div,
.design-envelope .envelope-border.active div,
.design-envelope .stamp-type.active div {
  border-color: #4AB37E;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
}
.design-envelope ol.color-list > li {
  height: 26px;
  width: 26px;
  margin: 6px;
}
.design-envelope ol.color-list > li > em {
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease;
  border: none;
}
.design-envelope ol.color-list > li > em.border {
  border: 1px solid #CCC;
}
.design-envelope ol.color-list > li:hover > em {
  box-shadow: 0px 0px 3px 3px #4AB37E;
}
.design-envelope .envelope-border {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  margin-right: 10px;
}
.design-envelope .envelope-border div {
  padding: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-bottom: 5px;
}
.design-envelope ol.color-list > li.bg-image > em {
  background-repeat: repeat;
  background-size: 30px 30px;
}
.design-envelope ol.color-list > li.bg-image > em.border {
  background-repeat: repeat;
  background-size: 30px 30px;
  border: 1px solid #cccccc;
}
.span-radio {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  display: block;
}
.span-radio.active {
  border: 1px solid #4AB37E;
}
.span-radio label {
  font-size: 14px;
  display: block;
  cursor: pointer;
}
.stamp-picker .stamp-type,
.envelope-lining {
  flex: 1;
  text-align: center;
}
.stamp-picker .stamp-type div {
  height: 70px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  overflow: hidden;
  width: 70px;
  margin-right: 0px;
  background-color: #f7f7f7;
  margin-bottom: 5px;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 10px;
}
.stamp-picker .stamp-type img {
  width: 63px;
  position: relative;
  left: -2px;
  top: 5px;
}
.stamp-picker .colors .swatch {
  height: 26px;
  width: 26px;
  border: none;
}
.stamp-picker .colors {
  margin-top: -8px !important;
}
.stamp-picker .colors .swatch.border {
  border: 1px solid #CFCFCF;
}
.stamp-picker .colors .swatch.selected {
  border: 2px solid white;
  box-shadow: 0 0 0 3px #4AB37E;
}
.stamp-picker .colors .swatch:hover {
  box-shadow: 0px 0px 3px 3px #4AB37E;
}
.design-envelope ol.color-list > li > em.selected {
  border: 2px solid white;
  box-shadow: 0 0 0 3px #4AB37E;
}
.stamp-picker .stamps > div.stamp-container > div.stamp {
  margin: 3px;
  border: 1px solid white;
}
.stamp-picker .stamps > div.stamp-container > div.stamp.selected {
  border: 1px solid #4AB37E;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 3px #4AB37E40;
  background-color: #FFFFFF;
}
.design-envelope ol.seal-colors {
  margin-top: 15px;
  padding: 0 10px;
}
.design-envelope ol.seal-colors > li.seal-color {
  border: none;
  height: 26px;
  width: 26px;
}
.design-envelope ol.seal-colors > li.seal-color:hover > em {
  box-shadow: 0px 0px 3px 3px #4AB37E;
}
.design-envelope ol.seal-colors > li.seal-color > em {
  flex: 1 1 auto;
  background-size: 30px 30px;
}
.design-envelope ol.seal-colors > li.seal-color > em.selected {
  border: 2px solid white;
  box-shadow: 0 0 0 3px #4AB37E;
}
.design-envelope ol.seal-groups > li.seal-group.selected {
  border: 1px solid #4AB37E;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
  color: #4ab37e;
}
.design-envelope ol.seal-groups > li.seal-group {
  margin: 10px;
}
.design-envelope ol.seal-groups > li.seal-group {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #F5F5F6;
}
.design-envelope ol.seal-groups > li.seal-group.empty > span {
  font-size: 15px !important;
  margin-top: 15px !important;
  font-style: normal !important;
}
.design-envelope div.overlay-color img {
  border-radius: 4px;
}
.design-envelope div.overlay div {
  height: 82px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #CCCCCC;
  background-color: #f7f7f7;
  font-size: 28px;
  color: #666666;
}
.design-envelope div.overlay div i {
  padding-top: 10px;
}
.design-envelope .material-colors {
  padding: 0px 10px;
  margin-top: -5px;
  margin-bottom: 15px;
}
.design-envelope div.overlay.active div,
.design-envelope div.overlay-color.active img {
  border: 1px solid #4AB37E;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
  color: #4ab37e;
}
.overlay-scroll,
.stamp-picker .stamps {
  overflow: auto;
  max-height: 180px;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}
.design-envelope .backgrounds {
  width: 345px;
}
.design-envelope .backgrounds .type-selector {
  width: 100%;
  white-space: nowrap;
  padding-left: 15px;
  padding-right: 20px;
}
.backgrounds .type-selector .owl-carousel .owl-prev,
.backgrounds .type-selector .owl-carousel .owl-next {
  position: absolute;
  background: none;
  color: #4ab37e;
  font-size: 18px;
}
.backgrounds .type-selector .owl-carousel .owl-next {
  top: 18px;
  /* right: -37px; */
  right: -31px;
}
.backgrounds .type-selector .owl-carousel .owl-prev {
  top: 18px;
  /* left: -34px; */
  left: -27px;
}
/*    .design-envelope .backgrounds .type-selector::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .design-envelope .backgrounds .type-selector::-webkit-scrollbar-track {
      background: #ccc;
      border-radius: 10px;
    }
    .design-envelope .backgrounds .type-selector::-webkit-scrollbar-thumb {
      background: #4ab37eaa;
      border-radius: 10px;
    }
    .design-envelope .backgrounds .type-selector::-webkit-scrollbar-thumb:hover{
      background: #4ab37e;
      cursor: pointer;
    }*/
.design-envelope .backgrounds .type-selector::-webkit-scrollbar,
.design-envelope div.backgrounds > div ol::-webkit-scrollbar,
.design-envelope .overlay-scroll::-webkit-scrollbar,
.design-envelope .color-list-scroll::-webkit-scrollbar,
.design-envelope .lining-list::-webkit-scrollbar,
#stamps-scroll::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.design-envelope .backgrounds .type-selector::-webkit-scrollbar-track,
.design-envelope div.backgrounds > div ol::-webkit-scrollbar-track,
.design-envelope .overlay-scroll::-webkit-scrollbar-track,
.design-envelope .color-list-scroll::-webkit-scrollbar-track,
.design-envelope .lining-list::-webkit-scrollbar-track,
#stamps-scroll::-webkit-scrollbar-track {
  background: #ccc;
  border-radius: 10px;
}
.design-envelope .backgrounds .type-selector::-webkit-scrollbar-thumb,
.design-envelope div.backgrounds > div ol::-webkit-scrollbar-thumb,
.design-envelope .overlay-scroll::-webkit-scrollbar-thumb,
.design-envelope .color-list-scroll::-webkit-scrollbar-thumb,
.design-envelope .lining-list::-webkit-scrollbar-thumb,
#stamps-scroll::-webkit-scrollbar-thumb {
  background: #4ab37eaa;
  border-radius: 10px;
}
.design-envelope .backgrounds .type-selector::-webkit-scrollbar-thumb:hover,
.design-envelope div.backgrounds > div ol::-webkit-scrollbar-thumb:hover,
.design-envelope .overlay-scroll::-webkit-scrollbar-thumb:hover,
.design-envelope .color-list-scroll::-webkit-scrollbar-thumb:hover,
.design-envelope .lining-list::-webkit-scrollbar-thumb:hover,
#stamps-scroll::-webkit-scrollbar-thumb:hover {
  background: #4ab37e;
  cursor: pointer;
}
.design-envelope .color-list-scroll {
  max-height: 442px;
  overflow-y: scroll;
}
.design-envelope .background-category {
  width: 75px !important;
  margin-top: 3px;
  text-align: center;
  display: inline-block;
  text-wrap: wrap;
}
.design-envelope .background-category.active div {
  border: 1px solid #4AB37E;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
  color: #4ab37e;
}
.stamp-picker .color-header {
  margin-top: -2px;
}
.design-envelope .background-category div {
  height: 70px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  overflow: hidden;
  width: 70px;
  background-color: #f7f7f7;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.design-envelope .background-category img {
  width: 50px;
  margin-top: 10px;
}
.design-envelope .background-category span {
  width: 75px;
  display: inline-block;
  line-height: 1.3;
  white-space: normal;
}
.design-envelope .envelope-lining {
  width: 75px !important;
  margin-top: 3px;
  text-align: center;
  display: inline-block;
  text-wrap: wrap;
}
.design-envelope .envelope-lining div {
  height: 70px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  overflow: hidden;
  width: 70px;
  background-color: #ffffff;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.design-envelope .envelope-lining img {
  width: 70px;
  margin-top: -4px;
  margin-left: -14px;
}
.design-envelope .envelope-lining span {
  width: 75px;
  display: inline-block;
  line-height: 1.3;
}
.design-envelope .envelope-lining.active div {
  border: 1px solid #4AB37E;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
  color: #4ab37e;
}
.design-envelope div.backgrounds > div ol .background {
  margin: 3px;
  border: 1px solid #ffffff;
  transition-property: none;
}
.design-envelope div.backgrounds > div ol .background.selected {
  border: 1px solid #4AB37E;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 3px #4ab37e40;
  background-color: #FFFFFF;
}
.design-envelope div.backgrounds > div ol {
  max-height: 370px;
}
.design-envelope div.backgrounds .gv-select select {
  width: 100%;
}
.design-envelope div.backgrounds {
  margin-top: 0 !important;
}
.design-envelope .background-category img.bg {
  width: 73px;
  margin-top: 0;
}
#envelopeTextOptions label {
  font-size: 16px;
}
.stamp-picker .colors,
.stamp-picker .categories,
.stamp-picker .type-selector {
  padding: 0 20px 0 10px;
}
.stamp-picker .stamp-header {
  padding: 0 !important;
  padding-bottom: 5px !important;
}
.design-envelope ol.seal-groups {
  margin: 10px 4px 4px 4px !important;
}
.design-envelope div.actions .link,
.design-envelope div.actions .text {
  font-size: 14px;
}
.design-envelope div.backgrounds > div > div.color {
  align-items: flex-end;
  display: flex;
  margin-top: -10px;
  padding-left: 10px;
}
.design-envelope ol.lining-list > li.selected > span {
  border: 2px solid white;
  box-shadow: 0 0 0 3px #4AB37E;
}
.design-envelope ol.lining-list > li > span {
  border-radius: 4px;
}
.design-envelope div.backgrounds .owl-hidden {
  opacity: 1;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
body {
  font-family: 'Open Sans';
  font-size: 12px;
}
.brandon {
  font-family: 'brandon-grotesque';
}
.sans {
  font-family: 'Open Sans', Arial, sans-serif;
}
a {
  color: #4AB37E;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #4AB37E;
}
a i:hover {
  text-decoration: none;
  color: #4AB37E;
}
a.disable,
a.disable:hover,
a.disable:focus {
  cursor: not-allowed;
}
a.disable:not(.btn),
a.disable:not(.btn):hover,
a.disable:not(.btn):focus {
  color: #CCCCCC;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
}
.pager {
  margin: 0px 0px;
}
.dropdown-menu {
  font-size: 13px;
}
.dropdown-menu > li > a {
  padding: 3px 10px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #41A7BD;
}
.btn {
  padding: 7px 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #4AB37E;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn:hover,
btn:active,
btn:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-lg {
  font-size: 16px;
  font-weight: normal;
}
.mobile-only {
  display: none;
}
var {
  font-style: normal;
}
.popover {
  max-width: 300px!important;
}
.onoffswitch {
  position: relative;
  width: 75px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
}
.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "On";
  padding-left: 10px;
  background-color: #7AC4D4;
  color: #FFFFFF;
  text-align: left;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}
.onoffswitch-switch {
  width: 16px;
  margin: 7px;
  background: #FFFFFF;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 41px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
.onoffswitch-checkbox + label {
  margin: 0 !important;
}
.onoffswitch-checkbox + label:before {
  content: none !important;
}
.onoffswitch-checkbox:checked + label:hover:before {
  content: none !important;
}
.onoffswitch-checkbox:checked + label:before {
  content: none !important;
}
.lang-es.onoffswitch-inner:before {
  content: "Activada";
}
.lang-es.onoffswitch-inner:after {
  content: "Apagado";
}
.lang-es.onoffswitch {
  width: 115px;
}
.lang-es.onoffswitch-switch {
  right: 81px;
}
.lang-ru.onoffswitch-inner:before {
  content: "вкл.";
}
.lang-ru.onoffswitch-inner:after {
  content: "выкл";
}
.lang-nl.onoffswitch-inner:before {
  content: "Aan";
}
.lang-nl.onoffswitch-inner:after {
  content: "Uit";
}
.lang-pt.onoffswitch-inner:before {
  content: "Ativ.";
}
.lang-pt.onoffswitch-inner:after {
  content: "Desativ";
}
.lang-pt.onoffswitch {
  width: 90px;
}
.lang-pt.onoffswitch-switch {
  right: 60px;
}
.big-loading {
  font-size: 48px;
  padding: 48px;
  text-align: center;
}
.page-loading {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  font-size: 48px;
  padding: 48px;
  text-align: center;
}
.next-button {
  padding-left: 40px;
  padding-right: 40px;
}
.rotate90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.graybox {
  border: 1px solid #CCCCCC;
  border-bottom-width: 2px;
  background-color: #F7F7F7;
  padding: 15px;
}
.graybox-link {
  color: inherit;
  display: block;
  padding: 10px;
  border-radius: 5px;
  border-bottom: 2px solid transparent;
}
.graybox-link:hover {
  color: inherit;
  background-color: white;
  border-bottom-color: #CCCCCC;
}
.graybox-link i {
  color: #67a0b1;
  font-size: 36px;
  padding-bottom: 10px;
}
.whitebox-link {
  color: inherit;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  border-bottom-width: 2px;
}
.whitebox-link:hover {
  color: inherit;
  background-color: #F1F1F1;
}
.whitebox-link i {
  color: #67a0b1;
  font-size: 18px;
}
.two-col-container {
  display: table;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
}
.two-col-container .left {
  display: table-cell;
  width: 250px;
  border-right: 1px solid #CCCCCC;
  padding: 20px 15px;
}
.two-col-container .right {
  display: table-cell;
  background-color: white;
  border-radius: 4px;
  padding: 20px;
}
.jcrop-vline.right {
  padding: 0px;
}
.two-col-container .left .menu div:not(.arrow) {
  font-size: 13px;
  padding-top: 5px;
  cursor: pointer;
}
.two-col-container .left .menu div.active a {
  color: inherit;
}
.two-col-container .left .menu div i {
  margin-right: 10px;
  text-align: center;
  font-size: 14px;
  width: 14px;
  color: #999999;
}
.force-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.inline-block {
  display: inline-block;
}
a.edit-link > i.fa.fa-pencil {
  display: none;
}
a.edit-link:hover > i.fa.fa-pencil {
  display: inline;
}
.tag {
  border-radius: 15px;
  color: white;
  display: inline-block;
  margin-bottom: 2px;
  padding: 3px 7px 2px 9px;
  white-space: nowrap;
}
.tag > button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.tag i {
  color: #ffffff;
  cursor: pointer;
}
.tag i:hover {
  color: #F3F3F3;
}
.event-tag.tag {
  display: inline-block;
  padding: 3px 7px 2px 9px;
  margin-bottom: 2px;
  color: white;
  background-color: #686666;
  border-radius: 0;
}
.dropzone {
  font-size: 13px;
  border: 1px solid #F1F1F1;
  padding-top: 15px;
  padding-bottom: 10px;
  border-radius: 2px;
  text-align: center;
}
.qq-upload-button {
  color: #67a0b1;
}
.qq-upload-button,
.qq-upload-button-hover {
  display: block;
  width: 100%;
  padding: 0px 0;
  text-align: center;
  background: none;
  border-bottom: none;
}
.qq-upload-drop-area-active {
  background: #DFF3F6;
  border: 1px solid #B5E4EA;
}
.qq-upload-list li {
  border-radius: 5px;
  margin-top: 3px;
  background-color: #DFF3F6;
  line-height: normal;
  font-size: 13px;
  text-align: left;
}
.qq-upload-list i {
  font-size: 16px;
  margin-right: 10px;
}
.qq-upload-cancel {
  float: right;
  margin-right: 0px;
  font-size: 16px;
}
.qq-upload-size {
  color: #666;
}
.qq-upload-file {
  margin-top: 2px;
  display: inline-block;
}
.qq-progress-bar {
  margin-top: 3px;
  height: 3px;
}
.qq-upload-list li.qq-upload-success {
  background-color: #8DB3B7;
  color: inherit;
}
.qq-uploader-v5.dropzone {
  min-height: 100px;
}
.qq-uploader-v5 .qq-upload-button {
  border: none;
  box-shadow: none;
}
.qq-uploader-v5.qq-uploader-minimize {
  min-height: 0;
  border: 0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.pac-container {
  z-index: 1100;
}
#page-container .sp-replacer {
  border-color: #CCCCCC;
  background-color: #ffffff;
  border-radius: 3px;
}
.progress-bar-animation-on {
  -o-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-animation-off {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
html,
body {
  background-color: #F7F7F7;
  color: #666666;
  height: 100%;
}
header {
  margin-left: 40px;
  margin-right: 40px;
}
#1page {
  height: 100%;
  position: relative;
}
#page-container {
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 15px;
}
.trial-warning {
  align-items: center;
  background-color: #FBF8F0;
  border-bottom: 1px solid #F1DAA5;
  border-top: 1px solid #F1DAA5;
  bottom: 0px;
  display: flex;
  margin-left: -40px;
  padding: 5px 40px 10px 40px;
  position: fixed;
  width: 100%;
  z-index: 1001;
}
.trial-warning > a {
  align-self: flex-start;
  position: relative;
  top: -5px;
}
.trial-warning a {
  white-space: nowrap;
}
.trial-warning .badge {
  color: #ffffff;
  background-color: #F47967;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0 2px 1px #883822;
  -webkit-box-shadow: 0 1px 1px #883822;
  display: inline-block;
  padding: 10px 30px;
}
.trial-warning .message {
  display: inline-block;
  flex: 1 1 auto;
  padding: 0 20px;
  text-align: center;
}
.notificationbar {
  background-color: #2E2E2E;
  color: white;
  font-size: 14px;
  padding: 5px 20px 5px 45px;
  position: fixed;
  width: 100%;
  z-index: 11;
}
.notificationbar a:hover {
  color: #67a0b1;
}
.notificationbar a > span {
  color: white;
  padding-top: 1px;
}
.notificationbar .fa-rss {
  color: red;
  font-size: 14px;
  margin-right: 12px;
}
#header {
  position: relative;
  margin: 0 40px;
}
#header .event-name {
  color: #999999;
  font-weight: bold;
  font-size: 14px;
  padding-right: 10px;
}
#header .top {
  margin-top: 15px;
  padding-bottom: 20px;
}
#header .top.popover {
  padding-bottom: 0;
  padding-top: 0;
}
#header #menuV2 {
  display: table;
  width: 100%;
}
#header #menuV2 i {
  font-size: 14px;
  color: #ccc;
}
#header #menuV2 .fa-home {
  font-size: 18px;
  color: #999;
}
#header #menuV2 div {
  display: inline-block;
}
#header #menuV2 div.home-container {
  display: table-cell;
  width: 50px;
  padding-right: 15px;
  text-align: center;
}
#header #menuV2 div.menu-container {
  display: table-cell;
  border: 1px solid #EBEBEB;
  margin-left: 15px;
  border-right: none;
  border-radius: 4px;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.0442);
}
#header #menuV2 div.menu-container .menu-table {
  display: flex;
  width: 100%;
}
#header #menuV2 div.menu-container a {
  align-items: center;
  background-color: white;
  color: #4a4a4a;
  display: flex;
  flex: 1 1 auto;
  font-family: brandon-grotesque;
  font-size: 14px;
  height: 46px;
  justify-content: center;
  letter-spacing: 0.5px;
  padding: 11px 20px;
  text-align: center;
  width: 19%;
}
#header #menuV2 div.menu-container a:first-child {
  border-radius: 4px 0px 0px 4px;
}
#header #menuV2 div.menu-container a:last-child {
  border-radius: 0px 4px 4px 0px;
}
#header #menuV2 div.menu-container a.active,
#header #menuV2 div.menu-container a:not(.disabled):hover {
  background-color: #E9F7F1;
  color: #2BB573;
  font-weight: bold;
}
#header #menuV2 div.menu-container a.active div.circle,
#header #menuV2 div.menu-container a:not(.disabled):hover div.circle {
  background-color: white;
}
#header #menuV2 div.menu-container a.active i,
#header #menuV2 div.menu-container a:not(.disabled):hover i {
  color: #2BB573;
}
#header #menuV2 div.menu-container a.disabled {
  background-color: #F7F7F7;
  color: #4A4A4A;
  opacity: 0.5;
  cursor: not-allowed;
}
#header #menuV2 div.menu-container a.spacer {
  display: flex;
  flex: 0 0 auto;
  padding: 0px;
  width: 1px;
}
#header #menuV2 div.menu-container a.spacer > span {
  border-left: 1px solid #E8E8E8;
  flex: 0 0 auto;
  height: 26px;
}
#header #menuV2 div.menu-container a div.circle {
  background-color: #f7f7f7;
  width: 28px;
  text-align: center;
  border-radius: 14px;
  padding: 3px;
  margin-right: 7px;
}
@media screen and (max-width: 1285px) {
  #header #menuV2 div.menu-container a div.circle:lang(en),
  #header #menuV2 div.menu-container a div.circle:lang(fr) {
    display: none;
  }
}
@media screen and (max-width: 1485px) {
  #header #menuV2 div.menu-container a div.circle:lang(nl) {
    display: none;
  }
}
@media screen and (max-width: 1445px) {
  #header #menuV2 div.menu-container a div.circle:lang(de) {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  #header #menuV2 div.menu-container a div.circle:lang(es) {
    display: none;
  }
}
#header #menuV2 div.next-container {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
#header #menuV2 div.next-container .btnV2.next-button {
  text-transform: uppercase;
  font-size: 14px;
  padding: 13px 35px;
  margin-left: 20px;
  white-space: nowrap;
}
#header #menuV2 div.next-container .btnV2.next-button .fa-chevron-right {
  margin-left: 10px;
  display: inline;
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
}
#mainAlertBar > div.alertV2 {
  margin: 15px 40px;
  width: calc(100% - 80px);
}
.title {
  color: #229B60;
  font-size: 24px;
}
#headerSmall {
  height: 40px;
  background-color: white;
  margin: 0px;
  padding-left: 40px;
  font-size: 20px;
  padding-top: 5px;
  border-bottom: 1px solid #CCCCCC;
  color: #999999;
}
.videoLink i {
  color: #999999;
  font-size: 14px;
}
.videoTooltip .popover {
  bottom: auto;
  display: block;
  left: auto;
  top: 18px;
  right: -13px;
  position: absolute;
  min-width: 255px;
}
.videoTooltip .popover > .arrow {
  left: 33%!important;
}
.videoTooltip .popover.bottom > .arrow {
  margin-left: 140px;
}
.videoTooltip .popover .popover-buttons {
  float: right;
  margin-top: 10px;
}
.videoTooltip .popover .popover-buttons a:first-child {
  margin-right: 15px;
}
.videoTooltip .popover > .popover-content {
  font-size: 14px;
}
.videoLink.v2 > div > a {
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
}
.videoLink.v2 > div > a > i {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.videoLink.v2 > div > a > span {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}
#modalHelpVideo .popover-buttons {
  text-align: center;
  height: 31px;
}
#modalHelpVideo iframe {
  border: solid 1px #CCCCCC;
}
header.sub-nav {
  border-top: none;
  margin-top: 10px;
}
.underline:hover {
  text-decoration: underline;
}
.menuitem .fa-plus:lang(de),
.menuitem .fa-envelope:lang(de),
.menuitem .fa-plus:lang(fr),
.menuitem .fa-envelope:lang(fr),
.menuitem .fa-plus:lang(pt),
.menuitem .fa-envelope:lang(pt),
.menuitem .fa-plus:lang(es),
.menuitem .fa-envelope:lang(es) {
  display: none;
}
#wrap {
  display: flex;
  width: 100%;
  height: 100%;
}
#wrap #leftmenuplaceholder {
  flex: 0 0 auto;
  width: 40px;
  min-width: 40px;
  transition-duration: 0.25s;
  transition-property: min-width, width;
  transition-timing-function: linear;
}
#wrap #leftmenuplaceholder.open {
  min-width: 210px;
  width: 15%;
}
#wrap #leftmenuplaceholder.open > #leftmenuwrapper {
  min-width: 210px;
}
#wrap #leftmenuplaceholder.open > #leftmenuwrapper + #main {
  width: 85%;
}
#wrap #leftmenuplaceholder.open > #leftmenuwrapper #leftmenu .referBox {
  min-width: 210px;
  width: 100%;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper {
  background-color: #4AB37E;
  height: 100%;
  min-width: 40px;
  position: relative;
  transition-duration: 0.25s;
  transition-property: min-width, width;
  transition-timing-function: linear;
  z-index: 1030;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu {
  color: #ffffff;
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  width: 100%;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu > .scrollable {
  flex: 1 1 auto;
  overflow-y: hidden;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu > .scrollable:hover {
  overflow-y: auto;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu a {
  color: #ffffff;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #2F9B65;
  border-bottom: 1px solid #57C18D;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .avatar {
  margin-left: 15px;
  width: 22px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .clone li {
  padding: 3px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .clone .nohoverstyle a:hover,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .clone .nohoverstyle a:active {
  background-color: #27A868;
  color: white;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist {
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist .event-labels {
  margin-left: 20px;
  font-size: 14px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist a.mailing {
  cursor: pointer;
  font-size: 13px;
  padding: 7px 20px;
  display: block;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist a.mailing.active {
  color: white;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist a.mailing.active,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .eventlist a.mailing:hover {
  background-color: #269D64;
  font-weight: bold;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .logo {
  padding: 30px 0;
  margin-bottom: 0px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .logout {
  color: #c1e4c2;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  padding-top: 3px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .logout:hover {
  color: #ffffff;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu a.menuitem {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu a.menuitem:hover {
  text-decoration: none;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu span.menuitem {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown {
  border: solid 1px #459F67;
  border-radius: 4px;
  display: inline-block;
  padding: 10px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown:hover,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown.open {
  background-color: #328f61;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown:hover > i,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown.open > i {
  color: #ffffff;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown i {
  color: #1b7748;
  font-size: 18px;
  margin-right: 10px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown .dropdown-menu > li {
  padding: 0;
  text-align: left;
  color: #333;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown .dropdown-menu > li > a:hover,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown.langDropdown .dropdown-menu > li a:focus {
  background-color: #ffffff;
  color: #229B60;
  font-weight: bold;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown-menu a {
  color: #216E47;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown-menu li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown-menu > li > a:hover,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu .dropdown-menu > li > a:focus {
  background-color: #ffffff;
  color: #229B60;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu ul {
  list-style-position: outside;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu li {
  border: 0;
  font-size: 14px;
  padding: 10px 0px 10px 15px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu li.active:not(.nohoverstyle),
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu li:hover:not(.nohoverstyle) {
  background-color: #269D64;
  border: 0;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu li.mailings {
  padding-bottom: 0;
  padding-left: 0;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menu li.mailings .menuitem {
  padding-left: 15px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .menuitem i.fa-tooltip {
  color: #ffffff !important;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .new-count {
  font-size: 11px;
  font-weight: bold;
  padding-left: 25px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox {
  background-color: #269D64;
  border-top: solid 1px #CFCFCF;
  height: 80px;
  min-width: 40px;
  transition-duration: 0.25s;
  transition-property: min-width, width;
  transition-timing-function: linear;
  width: 40px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox.eventworks {
  background-color: #333333;
  border-top-color: #CFCFCF;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox.eventworks:hover {
  background-color: #666666;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox.eventworks .new-callout {
  position: absolute;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox.eventworks .new-callout div {
  margin-left: 15px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox div {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .new-callout {
  height: 27px;
  margin-bottom: 1px;
  margin-top: -1px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .new-callout div {
  background-color: #fbfabc;
  color: #269D64;
  font-weight: bold;
  position: relative;
  margin: -1px auto 1px auto;
  width: 50px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .popover {
  bottom: 100px;
  display: block;
  left: 25px;
  min-width: 350px;
  position: fixed;
  top: auto;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .popover > .arrow {
  left: 33% !important;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .popover > .popover-content {
  font-size: 14px;
  position: relative;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .popover > .popover-content > i {
  position: absolute;
  right: 5px;
  top: 5px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .referBoxCheck {
  font-size: 30px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .referBox .referBoxText {
  font-weight: bold;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .user {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  font-size: 14px;
  padding: 10px 0;
  display: block;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .user.active {
  border: 0;
  border-bottom: 1px solid #57C18D;
  border-top: 1px solid #57C18D;
  background-color: #269D64;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenu .username {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  margin-left: 15px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed {
  color: #216E47;
  padding-top: 15px;
  vertical-align: top;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed div.item {
  cursor: pointer;
  padding: 10px 0;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed div.item:hover {
  background-color: #27A868;
  color: white;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed div.rotate90 {
  bottom: 25px;
  position: fixed;
  text-transform: uppercase;
  white-space: nowrap;
  width: 40px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #2F9B65;
  border-bottom: 1px solid #57C18D;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed .expand,
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed .message {
  font-size: 21px;
}
#wrap #leftmenuplaceholder > #leftmenuwrapper #leftmenucollapsed .logo {
  margin-bottom: 30px;
}
#wrap > #main {
  flex: 1 1 auto;
  height: 100%;
  vertical-align: top;
  overflow: auto;
}
.design-default .btn {
  border-radius: 5px;
  border: none;
  box-shadow: none;
}
.design-default .form-control {
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 10px;
  min-height: 35px;
  height: unset;
}
.design-default .form-control:focus {
  border-color: #4AB37E;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.design-default .preview-animation {
  font-size: 125%;
}
.design-default h1 {
  font-family: brandon-grotesque;
  font-size: 36px;
  color: #333333;
}
@media (min-width: 992px) {
  .design-default .container {
    max-width: 1230px;
  }
}
.design-default ul.autocomplete {
  border-radius: 0 0 4px 4px;
  border-color: #CCCCCC;
  box-shadow: none;
  margin: 5px 0 0 -5px;
  padding: 5px 0;
  background: white;
}
.design-default ul.autocomplete li:first-child {
  border-radius: 0;
}
.design-default ul.autocomplete li.active,
.design-default ul.autocomplete li:hover {
  background: white;
  color: #4AB37E;
}
.design-default .main-col .design-list-single {
  margin-top: 20px;
}
.design-default .design-award {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.design-default .design-list-single h1 {
  font-size: 24px;
}
.design-default .design-list-single .favorite-star {
  font-size: 24px;
}
.design-default .design-list-single a.btnV2 {
  color: white;
}
.design-default .design-list-single a.btnV2:hover {
  text-decoration: none;
}
.design-default .design-list-single .design-styles {
  margin-top: 10px;
}
.design-default .design-list-single .design-styles .design-style {
  border: 1px solid #999999;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 4px transparent;
}
.design-default .design-list-single .design-styles .design-style.active {
  margin: 0 2px;
  padding: 1px;
  box-shadow: 0 0 0 4px #cfcfcf;
}
.design-default .design-list-single .btn {
  font-family: brandon-grotesque;
  padding: 16px;
  font-size: 20px;
}
.design-default .design-list-single .btn i {
  vertical-align: bottom;
  margin-left: 10px;
}
.design-default .design-list-single #btnCustomize {
  font-family: brandon-grotesque;
  margin: 20px 0;
  color: white;
}
.design-default .design-list-single #btnCustomize:hover {
  text-decoration: none;
}
.design-default .design-list-single .btn-default {
  color: #4AB37E;
  text-align: left;
  padding-left: 0;
}
.design-default .design-list-single .btn-default:hover,
.design-default .design-list-single .btn-default:active,
.design-default .design-list-single .btn-default:focus {
  color: #216E47;
  background-color: white;
  text-decoration: none;
}
.design-default .design-list-single .desc {
  margin: 10px 0;
  color: #333333;
}
.design-default .design-list-single .desc small {
  display: block;
  margin-top: 10px;
  color: #999999;
  font-style: italic;
}
.design-default .design-list-single .desc small > span.customize {
  align-items: flex-start;
  color: #333333;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-style: normal;
  margin-top: 20px;
}
.design-default .design-list-single .desc small > span.customize > img {
  margin-right: 10px;
}
.design-default .design-list-single .desc small > span.customize > span > span:not(:first-child) {
  margin-top: 20px;
}
.design-default .design-list-single .design {
  border: none;
  border-radius: 6px;
  margin-top: -20px;
  padding: 15px;
}
.design-default .design-list-single .design img {
  margin: 0 0 20px;
}
.design-default .design-list-single .ds-container {
  height: unset;
  text-align: center;
  cursor: pointer;
  font-family: brandon-grotesque;
  font-size: 18px;
  margin: 0 auto 20px;
}
.design-default .design-list-single .ds-container:hover {
  color: #4AB37E;
}
.design-default .design-list-single .ds-container:hover .double-sided {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large-hover2.png");
}
.design-default .design-list-single .ds-container span {
  vertical-align: top;
}
.design-default .design-list-single .ds-container .double-sided {
  display: inline-block;
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  right: unset;
}
.design-default .design-list-single .ds-container .double-sided img {
  opacity: 0;
  width: unset;
  max-width: unset;
  vertical-align: unset;
}
.design-default .design-list-single .ds-container .double-sided:hover,
.design-default .design-list-single .ds-container .double-sided:active {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-large-hover2.png");
}
.design-default .design-list-single .related-designs {
  font-family: brandon-grotesque;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  font-size: 16px;
}
.design-default .design-list-single .related-designs h2 {
  color: #CCCCCC;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 20px;
}
.design-default .design-list-single .related-designs .related-designs-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.design-default .design-list-single .related-designs .related-container {
  display: inline-block;
  max-width: 340px;
  cursor: pointer;
}
.design-default .design-list-single .related-designs .related-container div {
  font-weight: bold;
  color: #333333;
}
.design-default .design-list-single .related-designs .related-container div div {
  padding: 20px;
}
.design-default .design-list-single .related-designs .related-container div:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-default .design-list-single #designHint,
.design-default .design-list-single .hint {
  font-size: 12px;
  color: #333;
  background: #e9f7f1;
  border-radius: 6px;
  padding: 10px;
  margin: 24px 0 32px;
}
.design-default .design-list-single #designHint .heading,
.design-default .design-list-single .hint .heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.design-default .design-list-single #designHint .heading .fa-stack,
.design-default .design-list-single .hint .heading .fa-stack {
  color: #4AB37E;
  margin-right: 5px;
}
.design-default .design-list-other {
  font-family: brandon-grotesque;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  font-size: 16px;
  width: unset;
}
.design-default .design-list-other h2 {
  color: #CCCCCC;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 20px;
}
.design-default .design-list-other .other-container {
  display: inline-block;
  padding: 20px;
  cursor: pointer;
}
.design-default .design-list-other .other-container div {
  padding: 20px;
}
.design-default .design-list-other .other-container a {
  font-weight: bold;
  color: #333333;
}
.design-default .design-list-other .other-container a:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-default .design-list #tiles {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto;
  max-width: 1440px;
  text-align: center;
}
.design-default .design-list div.pagination {
  text-align: center;
  padding-bottom: 30px;
  font-size: 14px;
  font-family: 'Open Sans';
  width: 100%;
}
.design-default .design-list div.pagination > a > label {
  display: none;
}
.design-default .design-list div.pagination div.page {
  display: inline-block;
  padding-top: 5px;
  margin-top: 5px;
  border-radius: 5px;
  width: 34px;
  height: 33px;
  border: 1px solid #F1F1F1;
  color: #000000;
  cursor: pointer;
}
.design-default .design-list div.pagination div.page:hover {
  border-color: #4AB37E;
  color: #4AB37E;
}
.design-default .design-list div.pagination div.disable,
.design-default .design-list div.pagination div.disable:hover {
  border-color: #F1F1F1;
  color: #F1F1F1;
}
.design-default .design-list div.pagination div.page.active {
  background-color: #4AB37E;
  border-color: #4AB37E;
  color: #ffffff !important;
}
.design-default .design-list div.pagination-loading {
  text-align: center;
  padding-bottom: 30px;
}
.design-default .design-list div.pagination-loading > i {
  color: #229B60;
  font-size: 36px;
}
.design-default .design-list div.pagination-loading > span {
  color: #666666;
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
.design-default .design-list div.design {
  display: inline-block;
  margin: 15px 10px 40px 10px;
  width: 275px;
}
.design-default .design-list div.design div.ds-container {
  cursor: pointer;
  font-family: brandon-grotesque;
  font-size: 16px;
  margin: 0 auto 5px auto;
  position: relative;
  text-align: center;
}
.design-default .design-list div.design div.ds-container:hover,
.design-default .design-list div.design div.ds-container:active {
  color: #4AB37E;
}
.design-default .design-list div.design div.ds-container:hover > .double-sided,
.design-default .design-list div.design div.ds-container:active > .double-sided {
  background-image: url("https://css.greenvelope.com/pub/_images/design/ds-small-hover2.png");
}
.design-default .design-list div.design div.ds-container .double-sided {
  background: url("https://css.greenvelope.com/pub/_images/design/ds-small2.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  height: 25px;
  width: 35px;
}
.design-default .design-list div.design div.ds-container > span {
  position: relative;
  top: -6px;
}
.design-default .design-list div.design div.hover-container:hover .design-info > .top-line > .hover-actions > button,
.design-default .design-list div.design div.hover-container:hover .design-info > .top-line > .hover-actions > span {
  display: block;
}
.design-default .design-list div.design div.hover-container > div {
  margin: 0 auto;
  position: relative;
}
.design-default .design-list div.design div.hover-container > div img.design-award {
  bottom: -20px;
  position: absolute;
  right: 4px;
}
.design-default .design-list div.design div.hover-container > div img.lazy.loading {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  background-color: #F1F1F1;
}
.design-default .design-list div.design div.hover-container .design-designer {
  margin-top: -3px;
  font-size: 11px;
  display: block;
  color: #666666;
}
.design-default .design-list div.design div.hover-container .design-image {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.design-default .design-list div.design div.hover-container .design-info {
  display: block;
  margin: 8px 0 0 0;
  min-height: 115px;
  position: relative;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 50px 5px 50px;
  padding: 0;
  position: relative;
  z-index: 1;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .hover-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  line-height: 20px;
  position: absolute;
  right: 0px;
  top: 0;
  transform: translateX(100%);
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > button {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #666666;
  cursor: pointer;
  display: none;
  font-size: 20px;
  margin-left: 5px;
  padding: 0;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > span {
  cursor: pointer;
  display: none;
  margin-left: 5px;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .hover-actions > span.active {
  display: block;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .design-hint {
  flex: 0 0 auto;
  margin-left: 4px;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .design-hint > i.fa-circle {
  color: #4AB37E;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .design-name {
  color: #666666;
  display: inline-block;
  flex: 0 1 auto;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > img.design-national-park {
  flex: 0 0 auto;
  height: 16px;
  margin-left: 4px;
  width: 16px;
}
.design-default .design-list div.design div.hover-container .design-info > .top-line > .design-trash {
  display: inline-block;
  flex: 0 0 auto;
  margin-left: 4px;
}
.design-default .design-list div.design div.hover-container .pick-design2 {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  top: 6px;
  right: 6px;
}
.design-default .design-list div.design div.hover-container .pick-design2 .btn {
  border-radius: 0;
  font-size: 14px;
}
.design-default .design-list div.design div.hover-container .pick-design2 .btn:hover {
  background-color: #269D64;
  color: #ffffff;
}
.design-default .design-list div.design .design-styles {
  padding-top: 15px;
}
.design-default .design-list div.design .design-styles .design-style {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  cursor: pointer;
  background-position: center;
}
@media (max-width: 479px) {
  .design-default .design-list div.design .design-styles .design-style {
    width: 20px;
    height: 20px;
  }
}
.design-default .design-list .tags {
  color: white;
  font-size: 0.875em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 15%;
}
.design-default .design-list .tags .active-design {
  background: #609BD3;
  border-bottom: 3px solid #4F84B6;
  clear: both;
  display: block;
  float: right;
  margin-bottom: 5px;
  padding: 8px;
  width: 75px;
}
.design-default .design-list .tags .previous-design {
  background: #808186;
  border-bottom: 3px solid #49494a;
  clear: both;
  display: block;
  float: right;
  margin-bottom: 5px;
  padding: 8px;
}
@media (max-width: 1270px) {
  .design-default .design-list .design-list .design {
    width: 48%;
  }
}
@media (max-width: 690px) {
  .design-default .design-list .design-list .design {
    width: 300px;
  }
}
@media (max-width: 479px) {
  .design-default .design-list .design-list .design .pick-design2 {
    display: block;
  }
}
.design-default .collection-menu {
  font-family: Helvetica Neue, Arial, sans-serif;
  border-radius: 0 0 4px 4px;
  color: #666666;
  font-size: 12px;
  line-height: 16pt;
  padding: 20px 0 0;
  left: -2px;
  overflow: auto;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}
.design-default .collection-menu .design-menu {
  padding-bottom: 20px;
}
.design-default .collection-menu .featured strong {
  font-size: 14px;
}
.design-default .collection-menu strong {
  color: #333333;
  font-size: 15px;
}
.design-default .collection-menu a {
  color: #666666;
}
.design-default .collection-menu a:hover,
.design-default .collection-menu a strong:hover {
  text-decoration: none;
  color: #4AB37E;
}
.design-default .collection-menu .header {
  font-family: brandon-grotesque;
  margin: 15px 0 5px;
}
.design-default .collection-menu .panel-body {
  padding: 0 15px;
}
.design-default .collection-menu .business {
  background: #f9f9f9;
  border-radius: 4px;
  margin-top: -2em;
  padding-top: 2em;
  padding-left: 3em;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .design-default .collection-menu .business {
    height: unset;
    padding-bottom: 30px;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
@media (max-height: 700px) and (min-height: 300px) {
  .design-default .collection-menu {
    max-height: 250px;
  }
}
@media (max-height: 700px) and (min-height: 400px) {
  .design-default .collection-menu {
    max-height: 350px;
  }
}
@media (max-height: 700px) and (min-height: 500px) {
  .design-default .collection-menu {
    max-height: 450px;
  }
}
@media (max-width: 767px) and (min-height: 700px) {
  .design-default .collection-menu {
    max-height: 650px;
  }
}
.design-default .design-search-top-section {
  padding-bottom: 0;
}
.design-default .design-search-top-section .search-bar {
  font-family: brandon-grotesque;
  font-size: 16px;
}
.design-default .design-search-top-section .search-bar .col1 {
  background-color: #4AB37E;
  border-color: #4AB37E;
}
@media (max-width: 767px) {
  .design-default .design-search-top-section .search-bar .col1 {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin: 10px 0;
  }
}
.design-default .design-search-top-section .search-bar .col2 {
  border-color: #CCCCCC;
}
@media (min-width: 767px) {
  .design-default .design-search-top-section .search-bar .col2 {
    border-left: none;
  }
}
.design-default .design-search-top-section .search-bar .col2 i {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}
.design-default .design-search-top-section .search-bar .col2:focus-within {
  border-color: #4AB37E;
}
.design-default .design-search-top-section .search-bar .col3 {
  align-self: center;
  text-align: right;
  width: 190px;
}
@media (max-width: 767px) {
  .design-default .design-search-top-section .search-bar .col3 {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.design-default .design-search-top-section .search-bar .col3 a {
  padding-right: 0;
  border: none;
  background: none;
  color: #666666;
  font-size: 16px;
}
.design-default .design-search-top-section .search-bar .col3 a.green {
  color: #4AB37E;
}
.design-default .design-search-top-section .search-bar .col3 a.green:hover {
  color: #216E47;
}
.design-default .design-search-top-section .search-bar .col3 a:hover {
  cursor: pointer;
  color: #4AB37E;
  text-decoration: none;
}
.design-default .design-search-top-section .search-bar .col4.my-photo {
  align-self: center;
  flex: 0 0 auto;
  margin-left: 50px;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 3px 5px;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div > a {
  font-size: 14px;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div > a.remove {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div > a.upload {
  border-radius: 5px 0 0 5px;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div > img {
  border: 1px solid #666666;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin: 0 10px;
  max-height: 46px;
  max-width: 60px;
  overflow: hidden;
  width: auto;
}
.design-default .design-search-top-section .search-bar .col4.my-photo > div > span {
  color: #333333;
  flex: 0 0 auto;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.design-default .design-search-top-section.navbar-fixed-top {
  padding: 10px 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.design-default .filter-dropdown {
  padding-top: 26px;
}
@media (max-width: 767px) {
  .design-default .filter-dropdown {
    padding-top: 10px;
  }
}
.design-default .filter-dropdown .btn {
  text-align: left;
  padding: 10px 0;
  border-radius: 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.design-default .filter-dropdown .btn:hover i,
.design-default .filter-dropdown .btn:focus i {
  color: #4AB37E;
}
.design-default #sidebar {
  position: fixed;
  overflow-y: hidden;
  margin-top: 20px;
}
.design-default #sidebar:hover {
  overflow-y: auto;
}
.design-default .sidebar__inner {
  padding-bottom: 100px;
}
.design-default .design-search-filter-menu {
  width: 260px;
  font-size: 14px;
}
.design-default .design-search-filter-menu .header {
  font-family: brandon-grotesque;
  font-size: 16px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  padding: 10px;
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .design-default .design-search-filter-menu .header {
    padding-right: 20px;
  }
}
.design-default .design-search-filter-menu a {
  color: #4AB37E;
}
.design-default .design-search-filter-menu a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-default .design-search-filter-menu .section .filter-header {
  font-family: brandon-grotesque;
  font-size: 16px;
  padding: 10px 0;
  cursor: pointer;
  color: #333333;
  text-transform: uppercase;
}
.design-default .design-search-filter-menu .section .filter-header em {
  color: #999999;
}
.design-default .design-search-filter-menu .section .filter-header i {
  margin-left: 10px;
}
.design-default .design-search-filter-menu .section .color {
  margin: 4px;
}
.design-default .design-search-filter-menu .section .color:hover {
  opacity: 0.5;
}
.design-default .design-search-filter-menu .section .color.active {
  width: 18px;
  height: 18px;
  margin: 0 2px;
  padding: 1px;
  border: 2px solid white;
  box-shadow: 0 0 0 1px #4AB37E;
}
.design-default .design-search-filter-menu .section .sizebox {
  border-bottom: 1px solid #CCCCCC;
}
.design-default .design-search-filter-menu .section .sizebox.portrait {
  width: 41px;
  height: 60px;
}
.design-default .design-search-filter-menu .section .sizebox.landscapel {
  width: 60px;
  height: 41px;
}
.design-default .design-search-filter-menu .section .sizebox.square {
  width: 52px;
  height: 52px;
}
.design-default .design-search-filter-menu .section .sizebox.landscapes {
  width: 40px;
  height: 25px;
}
.design-default .design-search-filter-menu .section .sizebox:hover {
  background-color: #e0e0e0;
}
.design-default .design-search-filter-menu .section .sizebox.active {
  border: 1px solid #4AB37E;
  box-shadow: none;
}
.design-default .design-search-filter-menu .section ul {
  list-style: none;
  margin: 0;
  padding: 5px;
}
.design-default .design-search-filter-menu .section ul li {
  color: #333333;
  padding: 2px;
}
.design-default .design-search-filter-menu .section ul li ul {
  padding: 0 10px;
  padding-top: 10px;
}
.design-default .design-search-filter-menu .section ul li ul li:hover {
  cursor: pointer;
}
.design-default .design-search-filter-menu .section ul li ul li:hover a {
  color: #4AB37E;
}
.design-default .design-search-filter-menu .section ul li a {
  padding-left: 12px;
  color: #333333;
}
.design-default .design-search-filter-menu .section ul li a.active {
  padding-left: 10px;
  border-left: 2px solid #4AB37E;
}
.design-default .design-search-filter-menu .section ul li label.gv-checkbox a {
  padding-left: 0;
}
.design-default .design-search-filter-menu .section ul li:hover {
  cursor: pointer;
  color: #4AB37E;
}
.design-default .design-search-filter-menu .section ul li:hover a {
  color: #4AB37E;
}
.design-default .design-search-filter-menu .section ul li:hover label.gv-checkbox a {
  color: #333333;
}
.design-default .design-search-filter-menu .section ul li .show-more {
  padding-left: 24px;
  color: #4AB37E;
  text-transform: initial;
  font-size: 14px;
}
.design-default .page-design-search .designs {
  position: relative;
}
.design-default .page-design-search .collection-menu {
  width: unset;
  overflow-x: hidden;
}
.design-default .page-design-search .feature-collection {
  margin-bottom: 60px;
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-default .page-design-search .feature-collection h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-default .page-design-search .feature-collection a {
  color: #4AB37E;
}
.design-default .page-design-search .feature-collection a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-default .page-design-search .feature-collection a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-default .page-design-search .feature-designer {
  margin-bottom: 60px;
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-default .page-design-search .feature-designer h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-default .page-design-search .feature-designer a {
  color: #4AB37E;
}
.design-default .page-design-search .feature-designer a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-default .page-design-search .feature-designer a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-default .page-design-search .feature-designer img {
  border: 2px solid #CCCCCC;
}
.design-default .page-design-search .feature-designer p {
  color: #666666;
}
.design-default #tiles {
  margin: 0 auto;
}
.design-default .tiles {
  text-align: left;
}
.design-default .tiles > ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.design-default .tiles > ol > li {
  display: flex;
  flex: 0 0 auto;
  margin: 10px;
  max-width: 200px;
  min-width: 180px;
  text-align: center;
  width: calc(20% - 20px);
}
.design-default .tiles > ol > li > a {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0802);
  cursor: pointer;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}
.design-default .tiles > ol > li > a:hover {
  border: 1px solid #4AB37E;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.0802);
}
.design-default .tiles > ol > li > a > picture {
  align-items: center;
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  height: 125px;
}
.design-default .tiles > ol > li > a > picture > img {
  border: 0;
  padding: 0;
}
.design-default .tiles > ol > li > a > span {
  display: block;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 15px;
}
.design-default .tiles > ol > li > a > strong {
  color: #333333;
  flex: 1 0 auto;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.design-default #divDesignSuggest {
  font-family: brandon-grotesque;
  background-color: #f9f9f9;
  padding: 30px;
  margin-top: 45px;
  margin-bottom: 45px;
}
.design-default #divDesignSuggest h2 {
  font-family: brandon-grotesque;
  font-size: 36px;
  color: #333333;
}
.design-default #divDesignSuggest .design-suggest {
  width: 20%;
  min-width: 300px;
  margin: 10px auto 20px auto;
}
.design-default .signup-form .form-control {
  margin: 0;
}
.design-default .modal-content {
  border-radius: 6px;
}
.design-default #modalFilters .modal-body {
  overflow: auto;
}
@media (min-height: 500px) {
  .design-default #modalFilters .modal-body {
    max-height: 400px;
  }
}
@media (min-height: 700px) {
  .design-default #modalFilters .modal-body {
    max-height: 600px;
  }
}
@media (min-height: 900px) {
  .design-default #modalFilters .modal-body {
    max-height: 800px;
  }
}
@media (min-height: 1200px) {
  .design-default #modalFilters .modal-body {
    max-height: 1100px;
  }
}
@media (max-width: 1023px) {
  .design-default .topArrows {
    display: block;
    font-size: 24px;
  }
  .design-default #searchbar {
    padding-bottom: 0;
  }
}
@media (min-width: 1023px) {
  .design-default .topArrows {
    display: none;
  }
}
@media (max-width: 800px) {
  .design-default .gv-search-filters.horizontal {
    display: none;
  }
}
.design-default .btn {
  font-weight: normal;
}
.design-default h1 {
  font-weight: 500;
}
.design-default #page-container {
  padding-top: 40px;
}
.design-default .related-container {
  width: 340px;
}
.design-default .collection-menu .business {
  height: 462px;
}
.design-default .design-search-top-section {
  border-radius: 4px;
}
.design-default .design-search-top-section .search-bar {
  display: flex;
}
.design-default .design-search-top-section .search-bar .col2 {
  flex: 1;
}
.design-default .design-search-top-section .search-bar .col3 {
  width: auto;
}
.design-default .design-search-top-section .search-bar .col3 a {
  padding-left: 50px;
  text-align: right;
}
.design-default.navbar-fixed-top {
  border-radius: 0;
}
.design-default #sidebar {
  overflow-x: hidden;
}
.design-default #selectDesignContent {
  background: white;
  min-height: 800px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}
.design-default #selectDesignContent .designs {
  position: relative;
}
.design-default #selectDesignContent .collection-menu {
  width: unset;
  border-top-right-radius: 4px;
}
.design-default #selectDesignContent .feature-collection {
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-default #selectDesignContent .feature-collection h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-default #selectDesignContent .feature-collection a {
  color: #4AB37E;
}
.design-default #selectDesignContent .feature-collection a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-default #selectDesignContent .feature-collection a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-default #selectDesignContent .feature-designer {
  padding: 0;
  background: none;
  border-bottom: none;
  font-size: 12pt;
}
.design-default #selectDesignContent .feature-designer h1 {
  max-width: 70%;
  font-size: 24pt;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.design-default #selectDesignContent .feature-designer a {
  color: #4AB37E;
}
.design-default #selectDesignContent .feature-designer a.feature-link {
  display: unset;
  float: unset;
  margin-top: unset;
  margin-left: 0.3em;
}
.design-default #selectDesignContent .feature-designer a:hover {
  cursor: pointer;
  color: #216E47;
  text-decoration: none;
}
.design-default #selectDesignContent .feature-designer img {
  width: 120px;
  border: 2px solid #CCCCCC;
  margin-right: 30px;
}
.design-default #selectDesignContent .feature-designer p {
  color: #666666;
}
.design-default #tiles {
  margin: 0 auto;
}
.design-default #modalAnimationPreview .modal-body {
  padding: 0;
}
.design-default #modalAnimationPreview .card-alt-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.design-default #modalAnimationPreview .card-alt-text i {
  margin-right: 10px;
}
.design-default #modalAnimationPreview .card-alt-text textarea {
  height: 125px;
  width: 500px;
}
#modalSnowAnimationPreview .modal-dialog {
  width: 982px;
}
#modalSnowAnimationPreview .modal-dialog .modal-header {
  padding: 15px 30px 10px 20px;
  font-weight: bolder;
  font-size: 14px;
}
#modalSnowAnimationPreview .modal-dialog .modal-body {
  padding: 0;
}
.envelope-style div {
  height: 39px;
  width: 65px;
  margin: 3px 5px;
  display: inline-block;
  border: 1px solid #CCC;
  cursor: pointer;
}
.envelope-style div img {
  display: block;
  width: 100%;
}
.store-text-image {
  background-color: #FAFAFA;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
  height: 46px;
  position: relative;
  text-align: center;
  width: 138px;
  vertical-align: middle;
}
#modalBulkEdit > .modal-dialog {
  width: 425px;
}
#modalBulkEdit > .modal-dialog.plus,
#modalBulkEdit > .modal-dialog.select,
#modalBulkEdit > .modal-dialog.senders,
#modalBulkEdit > .modal-dialog.tags {
  margin-top: 250px;
}
#modalBulkEdit > .modal-dialog.remove {
  margin-top: 200px;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body .bulk-message {
  line-height: 19px;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body .bulk-remove-confirm {
  border-top: 1px solid #E8E8E8;
  color: #333333;
  padding: 10px 0;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body ol.bulk-options {
  list-style-type: none;
  margin-top: 15px;
  padding: 0;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body ol.bulk-options > li {
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body ol.bulk-remove-fields {
  list-style-type: none;
  padding: 0;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body ol.bulk-remove-fields > li {
  display: block;
  margin-bottom: 15px;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body div.bulk-scrollable {
  margin: 10px 0;
  max-height: 250px;
  overflow-x: auto;
  overflow-y: auto;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body div.bulk-senders {
  margin-bottom: 40px;
  margin-top: 25px;
  text-align: center;
}
#modalBulkEdit > .modal-dialog > .modal-content > .modal-body div.bulk-senders > a:not(:first-child) {
  margin-left: 20px;
}
.modal.v2.modalNameTags .modal-dialog.step1 {
  width: 600px;
}
.modal.v2.modalNameTags .modal-dialog.step1 ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.modal.v2.modalNameTags .modal-dialog.step1 ol > li > a {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  color: #666666;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.25s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease;
}
.modal.v2.modalNameTags .modal-dialog.step1 ol > li > a:hover {
  background-color: #FAFAFA;
  border-color: #CFCFCF;
  color: #333333;
}
.modal.v2.modalNameTags .modal-dialog.step1 ol > li > a.selected,
.modal.v2.modalNameTags .modal-dialog.step1 ol > li > a.selected:hover {
  background-color: #E9F7F1;
  border-color: #269D64;
  color: #269D64;
}
.modal.v2.modalNameTags .modal-dialog.step2 {
  width: 95%;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol {
  display: inline-block;
  list-style-type: none;
  margin: 0 0 10px 0;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  text-align: left;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  width: 170px;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .actions {
  margin: 10px 0 15px 0;
  padding: 0 6px;
  display: block;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .nameBadgeConfig {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  transition-duration: 0.25s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .nameBadgeConfig > strong {
  color: #333333;
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .nameBadgeConfig > .preview {
  display: block;
  overflow: hidden;
  text-align: center;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .nameBadgeConfig > .preview > span {
  display: block;
  margin: 0;
  padding: 0;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li > .nameBadgeConfig > .preview > span svg {
  border: 1px solid #E8E8E8;
  display: inline-block;
  height: 109px;
  transition: border-color ease 0.25s;
  width: 144px;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li:hover > .nameBadgeConfig {
  background-color: #FAFAFA;
  border-color: #CFCFCF;
  color: #333333;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li:hover > .nameBadgeConfig > .preview > span > svg {
  border-color: #CFCFCF;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected > .nameBadgeConfig,
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected:hover > .nameBadgeConfig {
  background-color: #E9F7F1;
  border-color: #269D64;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected > .nameBadgeConfig > strong,
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected:hover > .nameBadgeConfig > strong {
  color: #269D64;
}
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected > .nameBadgeConfig > .preview > span > svg,
.modal.v2.modalNameTags .modal-dialog.step2 ol > li.selected:hover > .nameBadgeConfig > .preview > span > svg {
  border-color: #269D64;
}
.modal.v2.modalNameTags .modal-dialog.step3 {
  margin-top: -20px;
  width: 900px;
}
.modal.v2.modalNameTags .modal-dialog.step3 .nameBadgeConfig > div.preview {
  background-color: #EEEEEE;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  margin: 0 20px 20px 0;
  padding: 10px;
}
.modal.v2.modalNameTags .modal-dialog.step3 .nameBadgeConfig > div.preview > svg {
  border: 1px solid #CFCFCF;
  display: block;
  height: 155.5px;
  width: 207px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog {
  margin-top: -20px;
  width: 700px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body ol.name-tag-template-picker {
  background-color: #ffffff;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.0802);
  left: 100%;
  list-style-type: none;
  padding: 15px;
  position: absolute;
  transform: translateX(-100%);
  width: 340px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body ol.name-tag-template-picker > li {
  display: inline-block;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body ol.name-tag-template-picker > li.description {
  color: #333333;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body ol.name-tag-template-picker > li > svg {
  border: 1px solid #CFCFCF;
  display: inline-block;
  height: 50px;
  margin: 0 8px 8px 0;
  width: 66px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body div.name-tag-template-picker-toggle > div {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  vertical-align: middle;
  width: 44px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body div.name-tag-template-picker-toggle > div > svg {
  width: 100%;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body div.name-tag-template-picker-toggle > i {
  line-height: 30px;
  vertical-align: middle;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul {
  display: block;
  list-style-type: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.action {
  display: inline-block;
  max-width: 94px;
  vertical-align: middle;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 0 2px;
  height: 52px;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
  width: 52px;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image:hover {
  background-color: #FAFAFA;
  border-color: #CFCFCF;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image:hover > a.remove {
  display: block;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image.selected {
  background-color: #E9F7F1;
  border-color: #4AB37E;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image.selected > span {
  border: 1px solid #4AB37E;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image > a.remove {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 0 4px 4px 0;
  display: none;
  float: right;
  font-size: 16px;
  height: 52px;
  line-height: 48px;
  margin: -7px -31px 0 0;
  padding: 2px 6px;
  position: relative;
  vertical-align: middle;
}
.modal.v2.modalNameTagConfigurationEdit > .modal-dialog .modal-body .name-tag-images > ul > li.logo-image > span {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog {
  margin-top: -20px;
  width: 700px;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog ol > li.previewImage {
  background-color: #ffffff;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  margin: 5px;
  transition-duration: 0.25s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog ol > li.previewImage:hover {
  background-color: #FAFAFA;
  border-color: #CFCFCF;
  color: #333333;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog ol > li.previewImage:hover > svg {
  border-color: #CFCFCF;
}
.modal.v2.modalNameTagLayoutPicker > .modal-dialog ol > li.previewImage > svg {
  border: 1px solid #E8E8E8;
  display: inline-block;
  height: 109px;
  transition: border-color ease 0.25s;
  width: 144px;
}
.modal.modalSeatingChart > .modal-dialog {
  width: auto;
}
.modal.modalSeatingChart > .modal-dialog .missing {
  margin: 75px 0;
  text-align: center;
}
.modal.modalSeatingChart > .modal-dialog .missing > i {
  font-size: 30px;
}
.modal.modalSeatingChart > .modal-dialog .missing > span {
  color: #666666;
  display: block;
  font-size: 16px;
  margin-top: 18px;
  text-align: center;
}
.modal.modalSeatingChart > .modal-dialog .seating-content {
  padding-top: 40px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .floor-plan-stat {
  display: inline-block;
  font-size: 13px;
  margin: 6px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content label {
  display: block;
  margin-bottom: 12px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .layout {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: block;
  min-height: 400px;
  overflow: auto;
  padding: 4px;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .layout > ul {
  display: block;
  height: 392px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments {
  position: relative;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments .filter {
  display: block !important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments .gv-grid {
  overflow: auto;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments .search {
  margin-top: 10px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments .search > i.fa {
  margin: 10px 0 0 8px;
  position: absolute;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments .search > input {
  display: block;
  padding-left: 24px;
  width: 100%;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table {
  width: 100%;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.primary > td > i.is-child {
  display: none!important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td {
  border-top: none !important;
  padding: 2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td:not(.drag-column) {
  display: none;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td > i.is-child {
  display: none!important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td .envelope-greeting .summary {
  display: block;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td {
  padding: 15px 0;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td.drag-column {
  cursor: pointer;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td.drag-column > i.is-child {
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td.message {
  padding: 20px 0;
  text-align: center;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .envelope-greeting {
  cursor: pointer;
  display: block;
  margin: 0 6px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .envelope-greeting .summary {
  display: none;
  font-weight: normal;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .envelope-greeting.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  padding: 4px 8px;
  white-space: nowrap;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .envelope-greeting.ui-draggable-dragging .summary {
  display: block;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .name {
  display: inline-block;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .table-assignment {
  background-color: #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  line-height: 19px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.guests table > tbody > tr > td .table-assignment.unassigned {
  background-color: #CFCFCF !important;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-assignments div.footer-bar {
  border-radius: 0 0 4px 4px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  margin: 8px;
  position: relative;
  vertical-align: text-top;
  width: 200px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > div.table-info {
  opacity: 1;
  padding: 6px 8px;
  transition: opacity 0.25s ease;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > div.table-info.highlight {
  color: transparent;
  opacity: 0.75;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > div.table-info.highlight::before {
  color: #ffffff;
  content: "Drop to assign...";
  display: block;
  position: absolute;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > div.table-info > span {
  display: block;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol {
  border-top: 1px solid #CFCFCF;
  color: #666666;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li {
  background-color: #ffffff;
  display: block;
  padding: 6px 8px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li:last-child {
  border-radius: 0 0 4px 4px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.empty {
  background-color: #ffffff;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest {
  background-color: #ffffff;
  color: #666666;
  cursor: pointer;
  opacity: 1;
  transition-property: color, opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest .actions {
  display: none;
  float: right;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest:hover .actions {
  display: block;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest.highlight {
  background-color: #E8E8E8;
  color: transparent;
  opacity: 0.75;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest.highlight::before {
  color: #333333;
  content: "Drop to switch...";
  display: block;
  position: absolute;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest.highlight .actions {
  display: none;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 4px 8px;
  white-space: nowrap;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .seating-tabular .table > ol > li.guest.ui-draggable-dragging .actions {
  display: none!important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar {
  display: inline-block;
  vertical-align: top;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .sidebar-actions {
  margin: 0;
  text-align: right;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .table-types {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .table-types .table {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 10px 18px;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 836px) {
  .modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .table-types .table {
    width: 100%;
  }
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .table-types .table > .icon {
  margin-bottom: 10px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .sidebar .table-types .table.selected {
  background-color: #E9F7F1;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  margin: 4px;
  position: absolute;
  width: auto;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin: 4px;
  text-align: center;
  transition: box-shadow ease 0.25s;
  vertical-align: middle;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon > .seat {
  border: 1px solid #CFCFCF;
  border-radius: 7px;
  display: inline-block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon > .seat.open {
  background-color: #ffffff !important;
  border-color: #CFCFCF !important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle {
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > span {
  margin-top: 5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > small {
  font-size: 11px;
  top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat1 {
  margin-left: 20.5px;
  margin-top: -2.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat2 {
  margin-left: 20px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat3 {
  margin-left: 43px;
  margin-top: 19px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat4 {
  margin-left: -2px;
  margin-top: 19px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat5 {
  margin-left: 32px;
  margin-top: 1px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat6 {
  margin-left: 40.5px;
  margin-top: 31px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat7 {
  margin-left: 8px;
  margin-top: 39.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat8 {
  margin-left: 1px;
  margin-top: 8.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat9 {
  margin-left: 40px;
  margin-top: 9px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat10 {
  margin-left: 32.5px;
  margin-top: 39.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat11 {
  margin-left: 0px;
  margin-top: 30.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle > .seat.seat12 {
  margin-left: 8.5px;
  margin-top: 1px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large {
  border-radius: 45px;
  height: 45px;
  width: 45px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > span {
  margin-top: 8px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > small {
  top: -3px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat1 {
  margin-left: 23px;
  margin-top: -2.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat2 {
  margin-left: 22.5px;
  margin-top: 48px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat3 {
  margin-left: 48px;
  margin-top: 23px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat4 {
  margin-left: -2.5px;
  margin-top: 23px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat5 {
  margin-left: 33px;
  margin-top: -0.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat6 {
  margin-left: 46px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat7 {
  margin-left: 12.5px;
  margin-top: 46px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat8 {
  margin-left: -0.5px;
  margin-top: 13px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat9 {
  margin-left: 41px;
  margin-top: 5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat10 {
  margin-left: 40.5px;
  margin-top: 41px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat11 {
  margin-left: 5px;
  margin-top: 41px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat12 {
  margin-left: 5px;
  margin-top: 5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat13 {
  margin-left: 46px;
  margin-top: 13px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat14 {
  margin-left: 32.5px;
  margin-top: 46.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat15 {
  margin-left: -0.5px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.large > .seat.seat16 {
  margin-left: 12.5px;
  margin-top: -0.5px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small {
  border-radius: 35px;
  height: 35px;
  width: 35px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > span {
  margin-top: 4px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > small {
  top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat1 {
  margin-left: 18px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat2 {
  margin-left: 18px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat3 {
  margin-left: 36px;
  margin-top: 8px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat4 {
  margin-left: 0;
  margin-top: 28px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat5 {
  margin-left: 36px;
  margin-top: 28px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.circle.small > .seat.seat6 {
  margin-left: 0;
  margin-top: 8px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle {
  height: 60px;
  width: 100px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > span {
  margin-top: 2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > small {
  top: -1px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat1 {
  margin-left: 7px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat2 {
  margin-left: 73px;
  margin-top: 12px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat3 {
  margin-left: 63px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat4 {
  margin-left: -2px;
  margin-top: 25px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat5 {
  margin-left: 25px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat6 {
  margin-left: 73px;
  margin-top: 25px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat7 {
  margin-left: 45px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat8 {
  margin-left: -2px;
  margin-top: 12px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat9 {
  margin-left: 45px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat10 {
  margin-left: 25px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat11 {
  margin-left: 63px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle > .seat.seat12 {
  margin-left: 7px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large {
  height: 40px;
  width: 80px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > span {
  margin-top: 4px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > small {
  top: 0;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat1 {
  margin-left: 8px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat2 {
  margin-left: 83px;
  margin-top: 9px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat3 {
  margin-left: 74px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat4 {
  margin-left: -2px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat5 {
  margin-left: 24px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat6 {
  margin-left: 83px;
  margin-top: 21px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat7 {
  margin-left: 58px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat8 {
  margin-left: -2px;
  margin-top: 21px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat9 {
  margin-left: 41px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat10 {
  margin-left: 83px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat11 {
  margin-left: 41px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat12 {
  margin-left: -2px;
  margin-top: 9px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat13 {
  margin-left: 58px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat14 {
  margin-left: 24px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat15 {
  margin-left: 74px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.large > .seat.seat16 {
  margin-left: 8px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small {
  height: 30px;
  width: 60px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat1 {
  margin-left: 15px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat2 {
  margin-left: 63px;
  margin-top: 15px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat3 {
  margin-left: 47px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat4 {
  margin-left: -2px;
  margin-top: 15px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat5 {
  margin-left: 47px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.rectangle.small > .seat.seat6 {
  margin-left: 15px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square {
  height: 60px;
  width: 60px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat1 {
  margin-left: 8px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat2 {
  margin-left: 43px;
  margin-top: 9px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat3 {
  margin-left: 32px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat4 {
  margin-left: -2px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat5 {
  margin-left: 20px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat6 {
  margin-left: 43px;
  margin-top: 21px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat7 {
  margin-left: 20px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat8 {
  margin-left: -2px;
  margin-top: 21px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat9 {
  margin-left: 32px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat10 {
  margin-left: 43px;
  margin-top: 33px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat11 {
  margin-left: 8px;
  margin-top: 43px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square > .seat.seat12 {
  margin-left: -2px;
  margin-top: 9px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large {
  height: 45px;
  padding-top: 8px;
  width: 45px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat1 {
  margin-left: 6px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat2 {
  margin-left: 48px;
  margin-top: 7px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat3 {
  margin-left: 39px;
  margin-top: 48px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat4 {
  margin-left: -2px;
  margin-top: 40px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat5 {
  margin-left: 17px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat6 {
  margin-left: 48px;
  margin-top: 18px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat7 {
  margin-left: 28px;
  margin-top: 48px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat8 {
  margin-left: -2px;
  margin-top: 29px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat9 {
  margin-left: 28px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat10 {
  margin-left: 48px;
  margin-top: 29px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat11 {
  margin-left: 17px;
  margin-top: 48px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat12 {
  margin-left: -2px;
  margin-top: 18px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat13 {
  margin-left: 39px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat14 {
  margin-left: 48px;
  margin-top: 40px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat15 {
  margin-left: 6px;
  margin-top: 48px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.large > .seat.seat16 {
  margin-left: -2px;
  margin-top: 7px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small {
  height: 35px;
  padding-top: 4px;
  width: 35px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat1 {
  margin-left: 10px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat2 {
  margin-left: 38px;
  margin-top: 18px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat3 {
  margin-left: 25px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat4 {
  margin-left: -2px;
  margin-top: 18px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat5 {
  margin-left: 25px;
  margin-top: -2px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.square.small > .seat.seat6 {
  margin-left: 10px;
  margin-top: 38px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon > span {
  display: block;
  font-size: 16px;
  line-height: 16px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon > small {
  display: block;
  font-size: 11px;
  font-weight: normal;
  position: relative;
  white-space: nowrap;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table > .icon.small small {
  font-size: 11px;
  line-height: 11px;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table:focus {
  box-shadow: none;
  outline: none;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table.full > .icon {
  background-color: #EEEEEE !important;
  border-color: #CFCFCF !important;
  color: #333333 !important;
}
.modal.modalSeatingChart > .modal-dialog .seating-content .table.ui-selected > .icon,
.modal.modalSeatingChart > .modal-dialog .seating-content .table.ui-selecting > .icon {
  box-shadow: 0 0 4px 6px #E9F7F1;
}
.modal.modalSeatingChartTableEdit > .modal-dialog {
  margin-top: 50px;
}
.modal.modalSeatingChartTableEdit > .modal-dialog ol.assigned-guests {
  list-style-type: none;
  padding: 0;
}
.modal.modalSeatingChartTableEdit > .modal-dialog ol.assigned-guests > li.guest {
  background-color: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  display: block;
  float: left;
  height: 52px;
  margin: 4px;
  overflow: hidden;
  padding: 8px;
  text-overflow: ellipsis;
  width: 48%;
}
.modal.modalSeatingChartTableEdit > .modal-dialog ol.assigned-guests > li.guest > div > span {
  display: block;
}
.ui-selectable-helper {
  z-index: 1041;
}
#modalViewPreferences > .modal-dialog {
  margin-top: 100px;
  width: 425px;
}
#modalViewPreferences > .modal-dialog ol {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
#modalViewPreferences > .modal-dialog ol > li > label.gv-checkbox {
  margin-bottom: 10px;
}
.attachment-dragging {
  background-color: #ffffff;
  font-size: 16px;
  padding: 16px;
  opacity: 0.8;
}
img.photo-dragging {
  max-height: 200px;
  max-width: 200px;
}
.design-background .left {
  width: 20%;
}
.design-background .right {
  width: 80%;
}
.design-background .right .nav-preview {
  height: 50px;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
  z-index: 100;
}
.design-background .right .nav-preview div {
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
}
.design-background .right .nav-preview a {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
}
.design-background .right .nav-preview div.active {
  background: url('https://css.greenvelope.com/user/_images/grad-bg.png') repeat-x;
  background-position: 0px -50px;
}
.design-background .right .nav-preview div:hover {
  background: url('https://css.greenvelope.com/user/_images/grad-bg.png') repeat-x;
  background-position: 0px 0px;
}
.design-background .right .nav-preview-v4 {
  width: 100%;
  height: 40px;
  border-bottom: 2px solid #CCC;
  text-align: center;
  background-color: #FFF;
  z-index: 10;
}
.design-background .right .nav-preview-v4 .item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  height: 40px;
  padding-top: 10px;
  display: inline-block;
  min-width: 80px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.design-background .right .nav-preview-v4 .item:hover {
  border-bottom: 5px solid #959595;
}
.design-background .right .nav-preview-v4 .item:hover a {
  color: #959595;
}
.design-background .right .nav-preview-v4 .item a {
  color: #666666;
}
.design-background .right .nav-preview-v4 .item.active {
  border-bottom: 5px solid #959595;
}
.design-background .right .nav-preview-v4 .item.active a {
  color: #000;
}
.blue-grid.btn-group .btn-default:hover,
.blue-grid.btn-group .btn-default:focus,
.blue-grid.btn-group .btn-default:active,
.blue-grid.btn-group .btn-default.active,
.blue-grid.btn-group .open .dropdown-toggle.btn-default {
  background-color: #7AC4D4;
  border-color: #48AFC5;
  box-shadow: 0 1px 1px #41A7BD;
  -webkit-box-shadow: 0 1px 1px #41A7BD;
  color: #ffffff;
}
.blue-grid.btn-group .large-option {
  width: 163px;
  font-size: 14px;
}
.blue-grid .footer-bar {
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  padding: 10px;
}
.blue-grid .subtab-bar {
  background-color: #ffffff;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 10px;
}
.blue-grid .subtab-bar .form-control {
  display: inline-block;
  width: inherit;
}
.blue-grid .subtab-bar .loading {
  min-height: 42px;
  padding-top: 16px;
  text-align: center;
}
.blue-grid .tab-bar {
  background-color: #41A7BD;
  border: 1px solid #CCCCCC;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 5px 5px 0 5px;
}
.blue-grid .tab-bar a:not(.link) {
  background-color: #48AFC5;
  border: 1px solid #3C98AD;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 1px 1px #CCCCCC;
  -webkit-box-shadow: inset 0 1px 1px #CCCCCC;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  margin: 0 3px;
  padding: 8px;
}
.blue-grid .tab-bar a.active {
  background-color: #ffffff;
  color: inherit;
}
.blue-grid .tab-bar a.disable {
  background-color: #7AC4D4;
  color: #ffffff;
}
.blue-grid .tab-bar a.link {
  border-radius: 5px 5px 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  margin: 0 3px;
  padding: 8px;
}
.blue-grid .tab-content {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-top: none;
  margin-bottom: 50px;
  padding: 10px;
}
.gray-grid .tab-bar {
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 0px 0px;
  background-color: #F1F1F1;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.gray-grid .tab-bar a:not(.link) {
  color: #333333;
  display: inline-block;
  padding: 8px;
  border-radius: 5px 5px 0px 0px;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 13px;
  border: 1px solid #CCCCCC;
  border-bottom: none;
  background-color: #F3F3F3;
}
.gray-grid .tab-bar a.active {
  color: inherit;
  background-color: white;
  position: relative;
  top: 1px;
}
.gray-grid .tab-bar a.link {
  color: white;
  display: inline-block;
  padding: 8px;
  border-radius: 5px 5px 0px 0px;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 13px;
}
.gray-grid .tab-content {
  border: 1px solid #CCCCCC;
  border-top: none;
  background-color: white;
  padding: 10px;
  margin-bottom: 50px;
}
.gray-grid .subtab-bar .form-control {
  width: inherit;
  display: inline-block;
}
.gray-grid .subtab-bar {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
}
.gray-grid .footer-bar {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
}
#envelopeTextOptions label {
  font-size: 13px;
}
#envelopeTextOptions textarea {
  font-size: 12px;
  height: 65px;
}
.envelope-preview-spinner {
  padding-top: 20em;
}
#send-grid table {
  width: 100%;
}
#send-grid table thead {
  background-color: #F7F7F7;
}
#send-grid table thead th {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
  color: #999999;
}
#send-grid table tr {
  padding-left: 10px;
}
#send-grid table tr:last-child td {
  border-bottom: none;
}
#send-grid table tr td {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}
#send-grid table tr td:first-child {
  padding-left: 10px;
}
#send-grid table tr td:last-child {
  padding-right: 10px;
}
#send-grid table tr th.tdcheckbox {
  width: 40px;
  padding-left: 10px;
}
#send-grid table tr td.tdcheckbox {
  width: 40px;
  padding-left: 10px;
  padding-top: 5px;
}
#send-grid table tr .tdname a {
  color: #666666;
  cursor: pointer;
  display: block;
  padding-top: 2px;
  padding-left: 2px;
}
#send-grid table tr .tdname a:hover {
  background-color: #F7F7F7;
}
#send-grid table tr .tdname a:hover .fa-edit {
  display: inline-block;
}
#send-grid table tr .tdname .fa-edit {
  font-size: 16px;
  display: none;
  padding-right: 5px;
}
#send-grid table tr .tdname .fa-edit:hover {
  color: inherit;
}
#send-grid table tr .tdname span {
  font-weight: bold;
}
#send-grid table tr .tdname ul {
  padding-left: 15px;
}
#send-grid table tr .tdemail ul,
#send-grid table tr .tdprefix ul,
#send-grid table tr .tdsuffix ul,
#send-grid table tr .tdphone ul {
  list-style-type: none;
  padding-top: 20px;
  padding-left: 0;
}
#send-grid table tr .status-circle {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: red;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#send-grid table tr .status-circle.Registered {
  background: #B8E99E;
}
#send-grid table tr .status-circle.Responded {
  background: #CDDEF1;
}
#send-grid table tr .status-circle.SurveySubmitted {
  background: #CDDEF1;
}
#send-grid table tr .status-circle.Unsent {
  background: #C7C7C7;
}
#send-grid table tr .status-circle.Opened {
  background: #F8DDA1;
}
#send-grid table tr .status-circle.Undeliverable {
  background: #CC0000;
}
#send-grid table tr .status-circle.Unopened {
  background: #F7BBBB;
}
#send-grid table tr .respondedY {
  color: #27A868;
}
#send-grid table tr .respondedN {
  color: #CC0000;
}
#send-grid table tr td.tddropdown {
  width: 30px;
}
#send-grid table tr td div.lastsent {
  color: #CCCCCC;
}
#send-grid table tr td.tdcustomfield {
  min-width: 70px;
}
#send-grid table tr.active td {
  background-color: #DFF4EC;
}
#send-grid .tab-bar a.pull-right {
  padding-right: 13px;
}
#send-grid .notInvited {
  color: #CCCCCC;
}
.public-fields tr td {
  padding: 5px 15px;
}
#modalResend .code {
  width: 470px;
}
#modalResend .fa-link {
  font-size: 16px;
}
#modalBulkSendStart .plain-text-sample {
  background-color: #e9e9e9;
  border-top: 1px solid #e5e5e5;
  display: flex;
  padding: 32px;
}
#modalBulkSendStart .plain-text-sample > div {
  background-color: #ffffff;
  border: 2px solid #2f2f2f;
  flex: 1 1 auto;
  padding: 18px;
}
.editHover {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 2px 21px 2px 2px;
}
.editHover:hover {
  background-color: #F7F7F7;
}
.editHover .fa-edit {
  font-size: 16px;
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
}
.editHover:hover .fa-edit {
  display: inline-block;
}
.hoverFulltext {
  cursor: default;
  display: block;
  position: relative;
}
.hoverFulltext.pointer {
  cursor: pointer;
}
.hoverFulltext .fulltext {
  display: none;
}
.hoverFulltext:hover .fulltext {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7;
  min-width: 200px;
  padding: 2px 25px 2px 2px;
  z-index: 20;
  border: 1px solid #CCCCCC;
}
.editHover:hover .fulltext .fa-edit {
  display: inline-block;
}
.customizeView {
  position: relative;
}
.customizeView .popup {
  z-index: 10;
  min-width: 200px;
  max-width: 500px;
  padding: 10px;
  border: 1px solid #CCC;
  border-bottom-width: 3px;
  position: absolute;
  background-color: white;
  border-radius: 5px;
  top: -4px;
  right: -4px;
}
.customizeView .popup ul {
  padding: 10px;
  list-style-type: none;
  margin-bottom: 0;
}
.customizeView .popup .header {
  font-size: 14px;
  font-weight: bold;
}
.customizeView .popup hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
#address-grid.blue-grid .subtab-bar {
  padding: 0 10px 10px 10px;
}
#address-grid.blue-grid .tab-bar-all {
  padding-left: 15px;
  padding-right: 15px;
}
#send-grid.blue-grid .subtab-bar {
  padding: 0 10px 10px 10px;
}
#send-grid.blue-grid .tab-bar-all {
  padding-left: 15px;
  padding-right: 15px;
}
#track-grid.blue-grid .subtab-bar {
  padding: 0 10px 10px 10px;
}
#track-grid.blue-grid .tab-bar-all {
  padding-left: 15px;
  padding-right: 15px;
}
.clearAllFilters {
  margin-top: 15px;
}
.chooseFilter {
  display: inline-block;
  height: auto;
  min-height: 32px;
  margin-top: 10px;
}
.chooseFilter .removeFilterA {
  color: #999999;
}
.chooseFilter .chooseFilterA {
  color: #555;
  padding-right: 20px;
}
.chooseFilter .chooseFilterI {
  cursor: pointer;
}
.chooseFilter.btn-group.open .chooseFilterA.dropdown-toggle,
.chooseFilter.btn-group.open .chooseFilterI.dropdown-toggle {
  box-shadow: none;
}
.customizeFilter {
  position: relative;
}
.customizeFilter .popup {
  z-index: 10;
  min-width: 450px;
  max-width: 600px;
  padding: 10px;
  border: 1px solid #CCC;
  border-bottom-width: 3px;
  position: absolute;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  top: 10px;
  left: -8px;
}
.customizeFilter .popup hr {
  margin-bottom: 0;
}
.customizeFilter .popup .filter-heading {
  padding: 10px;
}
.customizeFilter .popup ul {
  padding: 10px;
  list-style-type: none;
}
.customizeFilter .popup ul li label {
  padding-right: 15px;
}
.customizeFilter .popup ul li.filter-item-heading {
  font-weight: bold;
  margin-top: 10px;
}
#inline-payment-status-component {
  display: none;
}
.inline-payment-status-component .status-section {
  white-space: nowrap;
  display: block;
}
.inline-payment-status-component .tag.awaiting-check-tag {
  background-color: #609BD3;
  margin: 0;
}
.inline-payment-status-component .tag.awaiting-check-tag a {
  text-decoration: none;
  color: #FFF;
}
.inline-payment-status-component .status-circle {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: red;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.inline-payment-status-component .status-circle.incomplete {
  background: #F8DDA1;
}
.inline-payment-status-component .status-circle.inprogress {
  background: #F8DDA1;
}
.inline-payment-status-component .status-circle.Paid {
  background: #B8E99E;
}
.inline-payment-status-component .status-circle.Unpaid {
  background: #F7BBBB;
}
.inline-payment-status-component .status-circle.Cancelled {
  background: #CDDEF1;
}
.inline-payment-status-component .status-circle.Refunded {
  background: #C7C7C7;
}
.inline-payment-status-component .status-circle.Partial {
  background: #F8DDA1;
}
.inline-payment-template {
  min-width: 100px;
}
.inline-payment-template ul {
  padding: 10px;
  list-style-type: none;
  margin-bottom: 0;
}
.inline-payment-template li {
  padding-top: 5px;
}
.inline-payment-template .invalid {
  color: #CC0000;
  padding: 3px 6px;
  background-color: #F7C6C6;
}
.inline-payment-template .box {
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.inline-payment-template .box i {
  padding-left: 5px;
}
.inline-payment-template .box .innerBox {
  padding: 10px;
}
.inline-payment-template .box .formBox {
  border-top: solid 1px #ccc;
  background-color: #F1F1F1;
  padding: 10px;
}
.inline-payment-template .box .buttonBox {
  height: 55px;
  border-top: solid 1px #ccc;
  background-color: #F1F1F1;
  padding: 10px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.inline-payment-template .box .buttonBox .boxLeft {
  display: inline-block;
  width: 200px;
}
.inline-payment-template .box .buttonBox .boxRight {
  display: inline-block;
  width: 200px;
  float: right;
}
.inline-payment-template .box .buttonBox .balanceDue {
  position: relative;
  top: 25%;
  transform: translateY(-25%);
}
.inline-payment-template .box .buttonBox .switch {
  position: relative;
  top: 40%;
}
.inline-payment-template .payment-history {
  max-height: 210px;
  overflow-y: scroll;
}
.inline-payment-template .payment-history i {
  padding-left: 5px;
}
.inline-payment-template .cc-form {
  margin-bottom: 0;
}
.inline-payment-template .coupons {
  display: flex;
  justify-content: flex-end;
  padding: 0 10px;
}
.inline-payment-template .input-container {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.inline-payment-template .input-container .col {
  padding: 5px 0;
}
.inline-payment-template .input-container .col:first-child {
  margin-right: 60px;
  min-width: 45%;
}
.inline-payment-template .input-container input {
  width: 100%;
}
.inline-payment-template .input-container #card-element {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  color: #666666;
  font-size: 14px;
  padding: 6px 10px;
  transition-duration: 0.25s;
  transition-property: background-color, border, color;
  transition-timing-function: ease;
  text-decoration: none;
  vertical-align: middle;
}
.printpage {
  margin: 10px;
  font-size: 11px;
}
.printpage .event-name {
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
}
.printpage .filter-bar {
  font-size: 14px;
  padding: 10px;
}
.printpage #track-grid .track-table-container,
.printpage #send-grid .send-table-container,
.printpage #address-grid .address-table-container {
  border: solid 1px #CCC;
}
.printpage #send-grid .send-table-container,
.printpage #address-grid .address-table-container {
  background-color: white;
}
.printpage #track-grid .track-table-container .tdname ul,
.printpage #send-grid .send-table-container .tdname ul,
.printpage #address-grid .address-table-container .tdname ul {
  margin-top: 0;
  margin-bottom: 0;
}
.printpage #send-grid table thead th:first-child,
.printpage #address-grid table thead th:first-child {
  padding-left: 10px;
}
.printpage .footer-bar {
  padding: 5px;
}
#address-grid table {
  width: 100%;
}
#address-grid table thead {
  background-color: #F7F7F7;
}
#address-grid table thead th {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
  color: #999999;
}
#address-grid table tr:last-child td {
  border-bottom: none;
}
#address-grid table tr th.tdcheckbox,
#address-grid table tr td.tdcheckbox {
  padding: 4px 10px;
}
#address-grid table tr td {
  vertical-align: top;
}
#address-grid table tr.beginrow {
  border-top: 1px solid #CCCCCC;
}
#address-grid table tr.beginrow td {
  padding-top: 5px;
}
#address-grid table tr.beginrow td.tdname {
  font-weight: bold;
}
#address-grid table tr.endrow td {
  padding-bottom: 5px;
}
#address-grid table tr td:last-child {
  padding-right: 10px;
}
#address-grid table tr td.tdcustomfield {
  min-width: 70px;
}
#address-grid table tr .tdname {
  min-width: 100px;
}
#address-grid table tr .tdname a {
  color: #666666;
  cursor: pointer;
  display: block;
  padding-top: 2px;
  padding-left: 2px;
  position: relative;
}
#address-grid table tr .tdname a:hover {
  background-color: #F7F7F7;
}
#address-grid table tr .tdname a:hover .fa-edit {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -7px;
}
#address-grid table tr .tdname .fa-edit {
  font-size: 16px;
  display: none;
}
#address-grid table tr .tdname .fa-edit:hover {
  color: inherit;
}
#address-grid table tr .tdname ul {
  padding-left: 0;
  list-style-type: none;
}
#address-grid table tr .tdemail ul,
#address-grid table tr .tdprefix ul,
#address-grid table tr .tdsuffix ul,
#address-grid table tr .tdphone ul {
  list-style-type: none;
  padding-top: 20px;
  padding-left: 0;
}
#address-grid table tr .tdactions {
  white-space: nowrap;
}
#address-grid table tr.active td {
  background-color: #DFF4EC;
}
#address-grid .tab-bar a.pull-right {
  padding-right: 13px;
}
#modalAddressBookPopup {
  z-index: 1039;
}
#modalAddressBookPopup #address-grid {
  position: relative;
  overflow: hidden;
}
#modalAddressBookPopup #address-grid .tdemail li {
  padding-bottom: 4px;
}
#modalAddressBookPopup .chooseFilter {
  display: inline-block;
  width: inherit;
  vertical-align: middle;
}
#modalAddressBookPopup hr {
  border-top: 1px solid #e5e5e5;
  margin: 10px 0 0 0;
}
#modalAddressBookPopup .modal-body {
  padding: 10px 20px 20px 20px;
}
#modalAddressBookPopup .popupPager {
  min-height: 45px;
  text-align: right;
}
#modalAddressBookPopup .popupPager .pager {
  display: inline-block;
  margin-top: 20px;
}
#modalAddressBookPopup .popupPager .pager > li {
  display: inline-block;
  vertical-align: middle;
}
#modalAddressBookPopup .popupPager .pager > li > a {
  position: relative;
  top: -2px;
}
#modalAddressBookPopup #section-grid {
  margin-top: 10px;
}
#modalAddressBookPopup .content {
  max-height: 50vh;
  overflow: auto;
  margin-right: -20px;
}
#modalAddressBookPopup .scroll {
  position: absolute;
  height: 100%;
  max-height: 50vh;
  width: 8px;
  top: 30px;
  right: 0;
}
@media screen and (min-height: 900px) {
  #modalAddressBookPopup .content,
  #modalAddressBookPopup .scroll {
    max-height: 57vh;
  }
}
#modalAddressBookPopup .top-control {
  min-height: 45px;
}
.paste-emails-panel .paste-emails-body {
  border: 1px solid #cccccc;
  border-bottom-width: 3px;
  background-color: #f7f7f7;
  padding: 12px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.paste-emails-panel .paste-emails-body div {
  text-align: left;
  padding-top: 5px;
}
.paste-emails-panel .paste-emails-body textarea {
  width: 100%;
  height: 105px;
  margin-bottom: 20px;
  resize: none;
}
.templateContactEdit .panel-heading i {
  font-size: 18px;
}
.templateContactEdit .plus1 {
  font-size: 13px;
  text-align: right;
  display: inline;
  padding-top: 8px;
  white-space: nowrap;
}
.templateContactEdit .customField {
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
  margin-bottom: 20px;
}
.templateContactEdit .customField label {
  margin-right: 5px;
}
.addLabel .popup {
  z-index: 10;
  width: 200px;
  padding: 10px;
  border: 1px solid #CCC;
  border-bottom-width: 3px;
  position: absolute;
  background-color: white;
  border-radius: 5px;
}
.addLabel .popup .labellistoverflow {
  height: 150px;
  overflow-y: scroll;
}
.addLabel .popup .label-list .label-item {
  color: white;
  border-radius: 15px;
  padding: 3px 7px 2px 9px;
  margin-bottom: 2px;
  cursor: pointer;
}
.addLabel .popup .label-list div {
  margin-bottom: 3px;
}
.addLabel .popup .label-new input {
  display: inline-block;
  width: 150px;
  margin-right: 5px;
}
.addLabel .popup .label-new i {
  cursor: pointer;
}
.editQuestion .popup {
  z-index: 20;
  min-width: 200px;
  max-width: 400px;
  padding: 10px;
  border: 1px solid #CCC;
  border-bottom-width: 3px;
  position: absolute;
  background-color: white;
  border-radius: 5px;
}
.editQuestion .popup .labellistoverflow {
  height: 150px;
  overflow-y: scroll;
}
.editQuestion .popup .label-list ul {
  padding: 10px;
  list-style-type: none;
}
.editQuestion .popup .label-list .selectbox {
  padding: 10px;
}
.editQuestion .popup .label-list .textbox {
  padding: 10px;
  min-width: 300px;
}
.editQuestion .popup .label-list .textbox input {
  width: 100%;
}
.editQuestion .popup .label-list .textbox textarea {
  width: 100%;
  height: 100px;
  overflow: auto;
  resize: none;
}
.uploadlist table.matching {
  border: 1px solid #CCCCCC;
  width: 100%;
}
.uploadlist table.matching th {
  padding: 8px;
  background-color: #F1F1F1;
  border-right: 1px solid #CCC;
}
.uploadlist table.matching tr {
  border-bottom: 1px solid #CCCCCC;
}
.uploadlist table.matching tr .form-control {
  width: inherit;
}
.uploadlist table.matching td {
  padding: 8px;
  border-right: 1px solid #CCC;
}
.uploadlist .matchingContainer .colMatch {
  max-width: 175px;
}
.guest-history .contact {
  font-weight: bold;
}
.guest-history .history-date {
  color: #999999;
}
.guest-history .history-title {
  color: #999999;
}
.guest-history .message {
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin-right: 10px;
}
.guest-history .message-body {
  color: #333333;
}
.guest-history .message.in {
  margin-left: 100px;
}
.guest-history .message.out {
  margin-right: 100px;
}
.guest-history .message-error {
  background-color: #F7BBBB;
  padding: 5px 10px;
}
.guest-history .message-error.in {
  margin-left: 100px;
}
.guest-history .message-error.out {
  margin-right: 100px;
}
.guest-history .conversation-list {
  max-height: 320px;
  overflow-y: scroll;
}
.guest-history .send-container {
  border: 1px solid #CCCCCC;
  background-color: #F3F3F3;
}
.guest-history .send-container textarea {
  border: none;
  padding: 5px;
  color: #666666;
  width: 100%;
  height: 28px;
}
.guest-history .send {
  border-top: 1px solid #CCCCCC;
  position: relative;
  overflow: hidden;
}
.guest-history .send .fa-times-circle {
  color: white;
  font-size: 16px;
}
.guest-history .send .dropzone {
  padding: 15px;
}
.guest-history .send .qq-upload-button {
  display: inline;
}
.guest-history .send .qq-upload-list li.qq-upload-success:last-child {
  margin-bottom: 10px;
}
.guest-history .send .qq-uploader {
  padding-left: 10px;
  padding-right: 10px;
}
.guest-history .send .btn-primary {
  margin-top: -5px;
}
.guest-history .message .file {
  display: inline-block;
  padding: 10px;
}
.guest-history .message .file a {
  color: #999999;
}
.guest-history .message .file a:hover {
  color: #67a0b1;
}
.details-default .host-info .no-picture {
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  width: 150px;
  height: 125px;
}
.details-default .host-info .image-container {
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
}
.details-default .host-info .image-remove {
  position: absolute;
  top: 10px;
  right: 10px;
}
.details-default .host-info table td {
  padding: 5px;
}
.details-default .host-info #btnbrowse {
  color: inherit;
}
.details-default .host-info #btnbrowse:hover {
  color: #67a0b1;
}
.details-default .date-info #txtStart,
.details-default .date-info #txtStart1,
.details-default .date-info #txtEnd1,
.details-default .date-info #txtEnd2 {
  width: 150px;
}
.details-default .panel-heading a.btn-sm {
  margin-top: -5px;
}
.details-default .panel-heading .btn {
  font-size: 13px;
  padding: 5px 10px;
  border-color: transparent;
}
.details-default .locations .form-control {
  display: inline-block;
}
.details-default .calendar img {
  margin: 1px 7px 3px 4px;
}
.details-default .separator {
  padding: 5px;
  background-color: #efefef;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  margin-top: 20px;
}
.details-default .sender {
  display: inline-block;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  margin-bottom: 10px;
}
.details-default .sender img {
  max-height: 60px;
}
.details-default .sender .initials {
  color: white;
  padding: 3px 5px;
  margin-right: 3px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  min-width: 24px;
}
.details-rsvp .left,
.details-survey .left {
  height: 400px;
}
.details-rsvp .menu,
.details-survey .menu {
  min-width: 219px;
}
.details-rsvp div.question-edit,
.details-survey div.question-edit {
  border: 1px solid #CCCCCC;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.details-rsvp div.question-edit .left-col,
.details-survey div.question-edit .left-col {
  padding: 15px;
  width: 50%;
}
.details-rsvp div.question-edit .right-col,
.details-survey div.question-edit .right-col {
  padding: 15px;
  width: 50%;
  border-left: solid 1px #CCCCCC;
  background-color: #F1F1F1;
}
.details-rsvp .tickets .ticket-list .ticket,
.details-survey .tickets .ticket-list .ticket {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
  margin-bottom: 10px;
}
.details-rsvp .tickets .ticket-list .ticket .actions,
.details-survey .tickets .ticket-list .ticket .actions {
  width: 100px;
}
.details-rsvp .tickets .ticket-list .ticket .actions i,
.details-survey .tickets .ticket-list .ticket .actions i,
.details-rsvp .tickets .ticket-list .ticket .actions a,
.details-survey .tickets .ticket-list .ticket .actions a {
  margin-top: 3px;
}
.details-rsvp div.ticket-edit,
.details-survey div.ticket-edit {
  border: 1px solid #CCCCCC;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.details-rsvp div.ticket-edit .left-col,
.details-survey div.ticket-edit .left-col {
  padding: 15px;
  width: 50%;
}
.details-rsvp div.ticket-edit .right-col,
.details-survey div.ticket-edit .right-col {
  padding: 15px;
  width: 50%;
  border-left: solid 1px #CCCCCC;
  background-color: #F1F1F1;
}
.details-rsvp div.ticket-edit .right-col > .advanced,
.details-survey div.ticket-edit .right-col > .advanced {
  border-top: solid 1px #CCCCCC;
  margin: 0 -15px -15px -15px;
  padding: 15px;
}
.details-rsvp div.ticket-list .inactive,
.details-survey div.ticket-list .inactive {
  color: #CCCCCC;
}
.details-rsvp .ticketinfo,
.details-survey .ticketinfo {
  font-size: 14px;
}
.details-rsvp .ticketinfo .fa,
.details-survey .ticketinfo .fa {
  font-size: 18px;
  min-width: 25px;
}
.details-rsvp .ticketinfo .green-block,
.details-survey .ticketinfo .green-block {
  height: 200px;
  width: 250px;
  background-color: #4ab37e;
  color: white;
  padding-top: 25px;
}
.details-rsvp .ticketinfo .green-block a:hover,
.details-survey .ticketinfo .green-block a:hover {
  text-decoration: underline;
}
.details-rsvp .ticketinfo .green-plus,
.details-survey .ticketinfo .green-plus {
  padding-top: 50px;
  vertical-align: top;
}
.details-rsvp .rsvp-title,
.details-survey .rsvp-title {
  display: inline-block;
}
.details-rsvp .rsvp-title .help-block,
.details-survey .rsvp-title .help-block {
  float: right;
  margin-left: 15px;
}
.details-rsvp .rsvp-title .onoffswitch,
.details-survey .rsvp-title .onoffswitch {
  margin-left: 7px;
}
.details-rsvp .survey-q-actions,
.details-survey .survey-q-actions {
  width: 110px;
}
.details-rsvp .survey-q-actions i,
.details-survey .survey-q-actions i {
  margin-top: 2px;
}
.details-rsvp .survey-a-actions i,
.details-survey .survey-a-actions i {
  margin-top: 2px;
}
.details-rsvp .rsvp-info,
.details-survey .rsvp-info {
  position: relative;
}
.details-rsvp .rsvp-info .merge-token-help,
.details-survey .rsvp-info .merge-token-help {
  position: absolute;
  top: -16px;
  right: 0;
}
.details-rsvp .rsvp-advanced,
.details-survey .rsvp-advanced {
  position: relative;
}
.details-rsvp .rsvp-advanced .merge-token-help,
.details-survey .rsvp-advanced .merge-token-help {
  position: absolute;
  top: 0;
  left: 357px;
}
.details-rsvp #answer-header,
.details-survey #answer-header {
  margin: 0 4px;
}
.details-rsvp #answer-list div.row,
.details-survey #answer-list div.row {
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
  margin: 0 4px;
  padding: 8px 0;
}
.details-rsvp #answer-list div.row:nth-child(even),
.details-survey #answer-list div.row:nth-child(even) {
  background-color: #fff;
}
.details-rsvp #answer-list div.row table.follow-up-questions tr,
.details-survey #answer-list div.row table.follow-up-questions tr {
  border-top: 1px solid #ccc;
}
.details-rsvp #answer-list div.row table.follow-up-questions tr:nth-child(1),
.details-survey #answer-list div.row table.follow-up-questions tr:nth-child(1) {
  border-top: 0;
}
.details-rsvp #answer-list div.row table.follow-up-questions tr > th,
.details-survey #answer-list div.row table.follow-up-questions tr > th {
  font-size: 4px;
  height: 4px;
  line-height: 4px;
  margin: 0;
  padding: 0;
}
.details-rsvp #answer-list div.row table.follow-up-questions tr > td,
.details-survey #answer-list div.row table.follow-up-questions tr > td {
  padding: 4px;
}
.details-rsvp #answer-list div.row table.follow-up-questions tr > td i.fa-circle,
.details-survey #answer-list div.row table.follow-up-questions tr > td i.fa-circle {
  font-size: 0.5em;
  vertical-align: middle;
}
.details-integration .music .music-player {
  margin-top: 15px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
}
.details-integration .photo-gallery .manage-comments table.table.header {
  margin-bottom: 0px;
}
.details-integration .photo-gallery .manage-comments table.table tr > td.actionsCol,
.details-integration .photo-gallery .manage-comments table.table tr > th.actionsCol {
  text-align: right;
  width: auto;
}
.details-integration .photo-gallery .manage-comments table.table tr > td.commentCol,
.details-integration .photo-gallery .manage-comments table.table tr > th.commentCol {
  width: 250px;
}
.details-integration .photo-gallery .manage-comments table.table tr > td.dateCol,
.details-integration .photo-gallery .manage-comments table.table tr > th.dateCol {
  width: 50px;
}
.details-integration .photo-gallery .manage-comments table.table tr > td.fromCol,
.details-integration .photo-gallery .manage-comments table.table tr > th.fromCol {
  width: 125px;
}
.details-integration .photo-gallery .manage-comments table.table tr > td.photoCol,
.details-integration .photo-gallery .manage-comments table.table tr > th.photoCol {
  width: 200px;
}
.details-integration .photo-gallery .manage-comments table.table tr.comment-hidden > td:not(.actionsCol) {
  color: #999999;
  text-decoration: line-through;
}
.details-integration .photo-gallery .manage-comments div.data {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
.details-integration .photo-gallery .photo-container {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
  margin-bottom: 10px;
}
.details-integration .photo-gallery .photo-container div.text {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.details-integration .photo-gallery .photo-container div.text .title,
.details-integration .photo-gallery .photo-container div.text .description {
  color: #666666;
}
.details-integration .photo-gallery .photo-container div.text .title > a,
.details-integration .photo-gallery .photo-container div.text .description > a {
  display: none;
}
.details-integration .photo-gallery .photo-container div.text .title > [data-role="display"],
.details-integration .photo-gallery .photo-container div.text .description > [data-role="display"] {
  display: inline;
}
.details-integration .photo-gallery .photo-container div.text .title > [data-role="display"] > .fa-pencil-square-o,
.details-integration .photo-gallery .photo-container div.text .description > [data-role="display"] > .fa-pencil-square-o {
  display: none;
}
.details-integration .photo-gallery .photo-container div.text .title > [data-role="display"]:hover,
.details-integration .photo-gallery .photo-container div.text .description > [data-role="display"]:hover {
  color: #67a0b1;
  cursor: pointer;
}
.details-integration .photo-gallery .photo-container div.text .title > [data-role="display"]:hover > .fa-pencil-square-o,
.details-integration .photo-gallery .photo-container div.text .description > [data-role="display"]:hover > .fa-pencil-square-o {
  display: inline-block;
}
.details-integration .photo-gallery .photo-container div.text .title > [data-role="edit"],
.details-integration .photo-gallery .photo-container div.text .description > [data-role="edit"] {
  display: none;
  white-space: nowrap;
}
.details-integration .photo-gallery .photo-container div.text .title.edit > a,
.details-integration .photo-gallery .photo-container div.text .description.edit > a {
  display: none!important;
}
.details-integration .photo-gallery .photo-container div.text .title.edit > [data-role="display"],
.details-integration .photo-gallery .photo-container div.text .description.edit > [data-role="display"] {
  display: none!important;
}
.details-integration .photo-gallery .photo-container div.text .title.edit > [data-role="edit"],
.details-integration .photo-gallery .photo-container div.text .description.edit > [data-role="edit"] {
  display: inline-block !important;
}
.details-integration .photo-gallery .photo-container div.text .title.empty > a,
.details-integration .photo-gallery .photo-container div.text .description.empty > a {
  display: inline;
}
.details-integration .photo-gallery .photo-container div.text .title.empty > [data-role="display"],
.details-integration .photo-gallery .photo-container div.text .description.empty > [data-role="display"] {
  display: none;
}
.details-integration .photo-gallery .photo-container div.text .title.empty > [data-role="edit"],
.details-integration .photo-gallery .photo-container div.text .description.empty > [data-role="edit"] {
  display: none;
}
.details-integration .photo-gallery .photo-container div.text .title {
  font-size: 18px;
}
.details-integration .photo-gallery .photo-container div.text .description {
  font-size: 14px;
}
.details-integration .photo-gallery .photo-container > img {
  max-height: 150px;
  max-width: 150px;
}
.details-integration .photo-gallery .actions i {
  margin-top: 3px;
}
.details-integration .registry .registry-list .registry-actions {
  width: 120px;
}
.details-integration .registry .registry-list .registry-actions i {
  margin-top: 3px;
}
.details-integration .registry .registry-list .registry-store {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
  margin-bottom: 10px;
}
.details-integration .registry .registry-results-table td {
  vertical-align: middle;
}
.details-integration .registry .registry-create .registry-store {
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.details-integration .savethedate .slider {
  display: inline-block;
  padding-left: 20px;
  vertical-align: top;
}
.details-integration .store {
  display: inline-block;
  border: 1px solid #CCC;
  border-radius: 5px;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 2px 0 #CCCCCC;
  min-width: 140px;
  text-align: center;
  vertical-align: middle;
  height: 42px;
  margin: 3px;
}
.details-integration .store span {
  padding-top: 9px;
  display: inline-block;
  font-size: 14px;
}
.details-email .preview-title {
  width: 680px;
  margin: 0 auto;
  border: 1px solid #CCC;
  background-color: #f1f1f1;
  padding: 5px;
  text-align: center;
  border-bottom: none;
}
.details-email .preview-frame {
  width: 680px;
  margin: 0 auto;
  border: 1px solid #CCC;
  padding: 15px;
}
.details-email .preview-subject {
  width: 680px;
  margin: 0 auto;
  border: 1px solid #CCC;
  border-bottom: none;
  border-top: none;
  padding-left: 10px;
  padding-bottom: 10px;
}
.details-email .preview-from {
  width: 680px;
  margin: 0 auto;
  border: 1px solid #CCC;
  border-bottom: none;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.details-list {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -1px;
}
.details-list:hover {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
  opacity: 0.8;
  background-color: #f7f7f7;
  cursor: pointer;
}
.details-list .icon {
  max-width: 15px;
  vertical-align: top;
  margin-top: 3px;
}
.details-list .item {
  display: inline-block;
  font-size: 14px;
  max-width: 950px;
}
.details-list .col-md-8 .col-md-1 {
  padding-left: 0;
}
.details-list .item-actions {
  display: inline-block;
  font-size: 14px;
  width: 190px;
}
.details-list .item-actions-wide {
  width: 210px;
}
.details-list .item-actions .actions {
  padding-top: 3px;
  padding-right: 5px;
}
.details-list .item strong {
  display: block;
}
.details-list .item-narrow {
  width: 298px;
}
.details-event .basic-info .no-picture {
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  width: 600px;
  height: 125px;
}
.details-event .basic-info .image-container {
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
}
.details-event .basic-info .image-remove {
  position: absolute;
  top: 10px;
  right: 10px;
}
.details-event .notification-list .notification {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  padding: 10px;
  margin-bottom: 10px;
}
.details-event .event-description {
  position: relative;
  margin-top: 20px;
}
.details-event .event-description .merge-token-help {
  position: absolute;
  top: -28px;
  right: 0;
}
#eventPagePreview {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#eventPagePreview .event-page-link {
  color: #6A91A3;
  text-decoration: none;
}
#eventPagePreview #eventPagePreviewBG {
  margin-left: 40px;
  margin-right: 40px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px 1px;
}
#eventPagePreview .locations .form-control {
  display: inline-block;
}
#eventPagePreview.page-details #details-locations .location {
  padding-bottom: 0;
}
#eventPagePreview #editEventDate #txtStart {
  width: 95px;
}
#eventPagePreview #editEventDate #txtEnd {
  width: 95px;
}
#eventPagePreview .hoverTransparent:hover,
#eventPagePreview .hoverTransparentForce {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
  opacity: 0.8;
  background-color: #F7F7F7;
  cursor: pointer;
}
#eventPagePreview #upFile-dz input {
  right: -11px !important;
  top: -17px !important;
  font-size: 12px !important;
  height: 50px !important;
  width: 274px;
}
#eventPagePreview .headerImageOuter {
  background-color: white;
  margin: 10px 10px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
#eventPagePreview .headerImageOuter .headerImageContainer {
  padding: 10px;
}
#eventPagePreview .headerImageOuter a {
  top: 4px;
  position: relative;
}
#eventPagePreview .headerImageOuter .dimensionsDiv {
  padding-left: 25px;
  font-style: italic;
  font-size: 12px;
}
#eventPagePreview .section-title {
  position: relative;
}
#eventPagePreview .section-title .section-table-add {
  position: absolute;
  top: -11px;
  right: -15px;
  width: 80px;
  height: 28px;
  background-color: #fff;
  font-size: 14px;
}
#eventPagePreview .addicon {
  font-size: 20px;
  vertical-align: middle;
  top: -2px;
}
#eventPagePreview .section-title .section-table-add.count1 {
  width: 30px;
}
#eventPagePreview .section-title .section-table-add.many {
  width: 90px;
}
#eventPagePreview .details-scroll-menu input[type=checkbox] + label {
  float: right;
}
#eventPagePreview .dropdown-menu.event-edit {
  position: absolute;
  top: 22px;
  left: -115px;
}
#eventPagePreview .dropdown-menu.event-edit li {
  width: 100%;
  text-align: left;
}
#eventPagePreview .header .editTextColor {
  position: absolute;
  top: 20px;
}
#eventPagePreview .header .editTextColor span {
  padding: 5px;
  margin-left: 5px;
  font-size: 18px;
  font-weight: bold;
}
#eventPagePreview .header .editTextColor span.font-white {
  background-color: #000000;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
#eventPagePreview .header .editTextColor span.font-grey {
  background-color: #FFFFFF;
  color: #5B5B5B;
  border: solid 1px #5B5B5B;
}
#eventPagePreview .header .editTextColor span.font-black {
  background-color: #FFFFFF;
  color: #000000;
  border: solid 1px #000000;
}
#eventPagePreview .header .editTextColor .font-white.caret {
  color: #FFFFFF;
  position: absolute;
  top: 23px;
  font-size: 24px;
  left: 1px;
  border: none;
  background: none;
}
#eventPagePreview .header .editTextColor .font-grey.caret {
  color: #5B5B5B;
  position: absolute;
  top: 23px;
  font-size: 24px;
  left: 35px;
  border: none;
  background: none;
}
#eventPagePreview .header .editTextColor .font-black.caret {
  color: #000000;
  position: absolute;
  top: 23px;
  font-size: 24px;
  left: 69px;
  border: none;
  background: none;
}
#eventPagePreview .add-custom-eventsection {
  color: #4AB37E;
}
.details-event .enable-event-page .event-page-header {
  padding-left: 40px;
}
.details-event .enable-event-page .enable-event-body {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
}
.details-event .event-page-help {
  padding: 20px 40px 20px 40px;
}
.details-event .event-page-help div {
  padding: 20px;
  border: solid 1px #CCCCCC;
  background-color: #ebf0ff;
  text-shadow: 1px 1px 2px #ffffff;
}
#eventPagePreview #txtEditSectionName {
  width: auto;
  display: inline-block;
}
#eventPagePreview .section-icon {
  margin-top: 10px;
  margin-bottom: 10px;
}
#eventPagePreview .hoverTransparent:hover {
  background-color: #F7F7F7;
  position: relative;
}
#eventPagePreview .hoverTransparent:hover .hover-icon {
  display: inline !important;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #83c6d7;
}
#eventPagePreview.page-details .right-body #details .header.blank {
  min-height: 245px;
}
#eventPagePreview.page-details .right-body #details .header.blank td {
  height: 230px;
}
#eventPagePreview .description {
  padding: 20px 20px 0 20px;
}
#eventPagePreview .add {
  text-align: center;
}
#eventPagePreview #editLocation .endDate {
  margin-left: 35px;
}
.details-event .previewLinks {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.details-event .previewURL {
  margin-left: 20px;
  float: left;
}
#eventPagePreview .left-menu {
  position: absolute;
}
#eventPagePreview .left-menu.stick {
  position: fixed;
  top: 20px;
  z-index: 1000;
}
#eventPagePreview #add-date {
  border-radius: 10px;
  padding: 10px;
  background-color: #fff;
  line-height: 1;
  width: 120px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 10px;
  height: 70px;
  cursor: pointer;
  border: 1px solid #b5e4ea;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
#eventPagePreview #add-date div {
  position: relative;
}
#eventPagePreview #add-date div .add-date-circle {
  position: absolute;
  top: 17px;
  left: 0;
}
#eventPagePreview #add-date div .add-date-text {
  position: absolute;
  top: 11px;
  left: 20px;
}
#eventPagePreview .showHide {
  border-radius: 5px;
  padding: 8px;
  background-color: #fff;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  border: solid 1px #b5e4ea;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 165px;
  text-align: center;
  font-size: 13px;
}
#eventPagePreview .showHideHeaderText {
  top: 15px;
}
#eventPagePreview .showHideHostInfo {
  top: 60px;
  left: 140px;
}
#eventPagePreview .row.eventsection .sectionImage {
  margin: 15px;
  float: left;
  width: 200px;
  height: 200px;
}
#eventPagePreview .row.eventsection .sectionImage.placeholder {
  border: solid 1px #CCCCCC;
  border-bottom-width: 3px;
  text-align: center;
}
#eventPagePreview .row.eventsection .sectionImage.placeholder div {
  margin-top: 65px;
}
#eventPagePreview .row.eventsection .sectionImage.placeholder div a div {
  margin-top: 20px;
}
#eventPagePreview .modal.fade.section {
  z-index: 1041;
}
#eventPagePreview #editSection .sectionImage img {
  margin-bottom: 15px;
  height: 200px;
  width: 200px;
}
#eventPagePreview #editSection .sectionImage i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#eventPagePreview #editSection .section-image .addSectionImage {
  margin-top: 5px;
  font-size: 12px;
  position: absolute;
  right: 25px;
}
#eventPagePreview .eventLogo .addNew {
  height: 100px;
  width: 100px;
  border: solid 1px #ccc;
  border-bottom-width: 3px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
#eventPagePreview .eventLogo .addNew a {
  margin-top: 25px;
  display: inline-block;
}
#eventPagePreview .eventLogo .addNew i {
  font-size: 18px;
}
#eventPagePreview .eventLogo .eventLogoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px;
  text-align: center;
  width: 100%;
}
#eventPagePreview #editLogo .logoImage img {
  margin-bottom: 15px;
  height: 100px;
}
#eventPagePreview #editLogo .logoImage i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#eventPagePreview .edit-background {
  border-radius: 5px;
  padding: 8px;
  background-color: #fff;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  border: solid 1px #b5e4ea;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 135px;
  text-align: center;
  font-size: 13px;
  right: -145px;
}
#eventPagePreview .edit-background.narrow {
  right: 10px;
  top: -40px;
}
.messaging .nomessages {
  background-color: white;
  padding: 20px;
  border: 1px solid #CCCCCC;
  border-bottom-width: 2px;
}
.messaging .inbox table,
.messaging .sentbox table {
  width: 100%;
}
.messaging .inbox .panel,
.messaging .sentbox .panel {
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 0px;
}
.messaging .inbox .panel-body,
.messaging .sentbox .panel-body {
  padding: 0px;
}
.messaging .inbox-message,
.messaging .sentbox-message {
  background-color: white;
  cursor: pointer;
}
.messaging .inbox-message td,
.messaging .sentbox-message td {
  border-bottom: 1px solid #CCCCCC;
}
.messaging .inbox-message.active,
.messaging .sentbox-message.active {
  background-color: #DFF4EC;
}
.messaging .inbox-message .name,
.messaging .sentbox-message .name {
  font-size: 16px;
}
.messaging .inbox-message .avatar,
.messaging .sentbox-message .avatar {
  margin: 5px;
}
.messaging #modalGuestHistory.fade {
  opacity: 1;
}
.messaging #modalGuestHistory.modal {
  position: inherit;
  overflow-y: visible;
  overflow: visible;
}
.messaging #modalGuestHistory .modal-dialog {
  width: auto;
  padding: 0px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.messaging #modalGuestHistory .modal-header {
  display: none;
}
.messaging #modalGuestHistory .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.messaging .sent-message {
  min-width: 400px;
  background-color: white;
  border: 1px solid #CCCCCC;
}
.messaging .sent-message .subject {
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid #CCCCCC;
}
.messaging .sent-message .main {
  padding: 10px;
}
.messaging .sent-message .main div.p7 {
  padding-bottom: 7px;
}
.messaging .sent-message .main .body {
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px;
  background-color: #F1F1F1;
}
.messaging .sent-message .file {
  display: inline-block;
  padding: 10px;
}
.messaging .sent-message .file a {
  color: #999999;
}
.messaging .sent-message .file a:hover {
  color: #67a0b1;
}
.messaging .sent-message .reply {
  border: 1px solid #cccccc;
  padding: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
}
#modalGuestHistory .merge-token-container {
  height: 35px;
}
#modalGuestHistory .merge-token-container .merge-token-help {
  float: right;
}
.messaging .create ul.select2-choices {
  height: 30px;
  font-size: 13px;
  padding: 3px 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.messaging .create .create-container textarea {
  border: none;
  padding: 5px;
  color: #666666;
  width: 100%;
  height: 60px;
}
.messaging .create .create-container {
  border: 1px solid #cccccc;
  background-color: #f3f3f3;
  margin-top: 50px;
}
.messaging .create .create-container .send {
  border-top: 1px solid #cccccc;
  position: relative;
  overflow: hidden;
}
.messaging .create .create-container .send .dropzone {
  padding: 15px;
}
.messaging .create .create-container .send .qq-upload-button {
  display: inline;
}
.messaging .create .create-container .send .btn-primary {
  margin-top: -5px;
}
.messaging .create .create-container .send .qq-uploader {
  padding-left: 10px;
  padding-right: 10px;
}
.messaging .create .create-container .send .qq-upload-list li.qq-upload-success:last-child {
  margin-bottom: 10px;
}
.messaging .merge-token-help {
  float: right;
}
#company-support-portal {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
.support-contact {
  background-color: #E7E2ED;
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  padding: 20px;
  border: 1px solid #CCC;
  vertical-align: middle;
  text-align: center;
}
.support-contact .support-message {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
  padding-top: 5px;
}
.support-button {
  min-width: 142px;
  padding-top: 7px;
  float: right;
}
.support-hours {
  font-weight: bold;
}
.support-hours .support-hours-open {
  color: green;
}
.support-hours .support-hours-closed {
  color: red;
}
.support-search-big:lang(es),
.support-search-big:lang(fr),
.support-search-big:lang(de) {
  display: none;
}
#philosophy-modal .modal-dialog {
  border: 0;
  font-family: Architects Daughter;
}
#philosophy-modal .modal-dialog .modal-content {
  background-image: url(https://css.greenvelope.com/user/_images/note-background.png);
}
#philosophy-modal .modal-dialog .modal-content .modal-body {
  padding: 15px;
}
#philosophy-modal .modal-dialog .modal-content .modal-body p {
  font-size: 9pt;
  margin: 0 0 22px;
  line-height: 24px;
}
#philosophy-modal .modal-dialog .modal-content .modal-body p.p2 {
  margin: 0 0 2px;
}
#philosophy-modal .modal-dialog .modal-content .modal-body p:last-child {
  margin: 0;
}
.help-center-video {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.help-center-video .videothumb {
  border: solid 1px #CCCCCC;
  background-color: #fff;
  margin: 5px;
  height: auto;
  float: left;
  font-size: 14px;
}
.help-center-video .videothumb .thumbbox {
  min-height: 310px;
}
.help-center-video .videothumb .thumbbox img {
  width: 350px;
  height: 197px;
}
.help-center-video .videothumb .thumbbox .help-video-title-block {
  width: 350px;
  padding: 10px;
}
.help-center-video .videothumb .thumbbox .help-video-title-block .help-video-title {
  font-size: 18px;
  font-weight: bold;
}
.help-center-video .videothumb .help-video-bottom-bar {
  border-top: solid 1px #CCCCCC;
  padding: 10px;
}
.help-center-video .videothumb .help-video-bottom-bar i {
  font-size: 24px;
  vertical-align: middle;
}
.help-center-video .videothumb .help-video-bottom-bar .help-video-runtime {
  padding-left: 5px;
}
.help-center-video .videothumb .thumbbox .videoOverlay {
  background: url('https://css.greenvelope.com/pub/_images/help/video_thumb/Button_3-60.png') center center no-repeat;
  margin: 0 0 0 0;
  height: 160px;
  position: relative;
  z-index: 10;
}
.admin-header {
  background-color: #2E2E2E;
  text-align: center;
}
.admin-header hr {
  border: 0;
  border-bottom: 1px solid #505050;
  border-top: 1px solid #222222;
  margin-bottom: 0;
  margin-top: 0;
}
.admin-header .admin-menu .item {
  display: inline-block;
  padding: 9px 25px 10px 25px;
  margin-left: 5px;
  margin-right: 5px;
}
.admin-header .admin-menu .item a {
  color: #e4e4e4;
  font-size: 14px;
  text-transform: uppercase;
}
.admin-header .admin-menu .item a .fa {
  color: #999999;
  margin-right: 10px;
}
.admin-header .admin-menu .item.active,
.admin-header .admin-menu .item:hover {
  border-bottom: 5px solid #ad9159;
}
.admin-header .admin-menu .item.active a,
.admin-header .admin-menu .item:hover a,
.admin-header .admin-menu .item.active a .fa,
.admin-header .admin-menu .item:hover a .fa {
  color: #ad9159;
}
.admin-assets .designs .fa {
  font-size: 14px;
  width: 15px;
}
.admin-assets .designs .fa-check {
  color: #4AB37E;
}
.admin-assets .designs .fa-exclamation {
  color: #CC0000;
  padding-left: 5px;
}
.admin-assets .designs .preview-image {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  margin-bottom: 10px;
  max-height: 200px;
  max-width: 250px;
  min-height: 150px;
  min-width: 150px;
}
.admin-assets .designs .preview-image.notshared {
  opacity: 0.3;
}
.admin-assets .designs table#design-templates .ui-sortable-helper {
  display: table;
}
.admin-assets .images .preview-image {
  margin-bottom: 10px;
  max-height: 200px;
  max-width: 200px;
}
.admin-assets .images .preview-image.notshared {
  opacity: 0.3;
}
.admin-assets .videos-page .videos {
  display: flex;
  align-items: flex-end;
  flex-flow: row wrap;
}
.admin-assets .videos-page .videos .image-container {
  margin: 10px;
}
.admin-assets .videos-page .videos .image-container .preview-image {
  margin-bottom: 10px;
  max-height: 200px;
  max-width: 200px;
}
.admin-assets .videos-page .videos .image-container.notshared {
  opacity: 0.3;
}
.admin-assets .videos-page .videos .image-container.processing {
  width: 150px;
  text-align: center;
  border: solid 1px #cccccc;
  min-height: 100px;
  padding-top: 20px;
}
.admin-assets .stamps .preview-image {
  background: url('https://css.greenvelope.com/user/_images/ajax.gif') no-repeat center center;
  margin-bottom: 10px;
  min-width: 80px;
}
.admin-assets .stamps .preview-image.notshared {
  opacity: 0.3;
}
.admin-assets .stamps .stamp {
  margin-right: 10px;
}
.admin-mailings .blue-grid .tab-bar a.active {
  background-color: #FFFFFF;
}
.admin-mailings .event {
  padding: 15px;
  margin: 0px;
  border-bottom: 1px solid #CCCCCC;
  min-height: 105px;
}
.admin-mailings .event.loading {
  text-align: center;
  font-size: 20px;
}
.admin-mailings .event .event-name {
  font-size: 20px;
  margin-bottom: 5px;
}
.admin-mailings .event .event-date {
  font-size: 16px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.admin-mailings .event .event-user {
  margin-bottom: 10px;
}
.admin-mailings .event .service a {
  font-size: 14px;
}
.admin-mailings .event .service {
  border-right: 1px solid #666666;
  padding-right: 10px;
  padding-left: 10px;
}
.admin-mailings .event .service:first-child {
  padding-left: 0px;
}
.admin-mailings .event .service:last-child {
  border-right: none;
}
.admin-mailings .event .service.active a {
  color: #666666;
}
.admin-mailings .event .card-preview {
  padding-left: 5px;
  padding-right: 5px;
}
.admin-mailings .event .card-preview img {
  max-height: 105px;
}
.admin-mailings .chart-container {
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-left: 10px;
  margin-right: 10px;
}
.admin-mailings .chart-data {
  display: table-cell;
  vertical-align: top;
  width: 150px;
}
.admin-mailings .chart-data .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
}
.admin-mailings .chart-data .datalabel {
  padding-left: 20px;
}
.admin-mailings .chart-image {
  display: table-cell;
  padding-left: 40px;
}
.admin-mailings .chart-image .no-data {
  width: 100px;
  height: 100px;
  border: 1px solid #CCC;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  padding-top: 40px;
}
.admin-mailings .no-events {
  text-align: center;
  padding-top: 50px;
  font-size: 20px;
}
.admin-mailings .tab-bar .sentOnly {
  padding-right: 15px;
}
.admin-mailings .select2-container .select2-choice {
  width: 100%;
  height: 32px;
}
.select2-results li {
  font-size: 13px;
  padding: 3px;
}
.admin-mailings .select2-container .select2-choice span {
  margin-top: -4px;
}
.admin-mailings a.gv-dropdown-toggle {
  height: 32px;
  font-size: 13px;
}
.admin-users .main-bar {
  background-color: white;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  padding: 15px;
}
.admin-users .main-bar table {
  margin-bottom: 0;
}
.admin-users .footer-bar {
  min-height: 52px;
}
.admin-users .searchbar {
  display: inline-block;
}
.admin-insights .menu-bar {
  padding: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  background-color: #ffffff;
  min-height: 64px;
}
.admin-insights .menu-bar div:first-child {
  display: inline-block;
}
.admin-insights .menu-bar select:first-child {
  width: 110px;
  margin-left: 10px;
}
.admin-insights .header-bar {
  min-height: 75px;
}
.admin-insights .header-bar .bar-chart-container {
  display: table;
  min-height: 75px;
}
.admin-insights .header-bar .bar-chart-container .bar-chart-loading {
  display: table-cell;
  min-height: 75px;
  vertical-align: middle;
  padding-left: 20px;
}
.admin-insights .header-bar .bar-chart-container-left {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.admin-insights .header-bar .bar-chart-container-right {
  display: table-cell;
  vertical-align: middle;
}
.admin-insights .header-bar .bar-chart-container-right .dropdown-menu {
  right: 0;
  left: auto;
  top: 25px;
}
.admin-insights .header-bar .bar-chart {
  height: 50px;
  width: 95%;
  position: relative;
}
.admin-insights .header-bar .bar-chart-background {
  border: solid 1px #CCCCCC;
  background-color: #ffffff;
  height: 45px;
  width: 100%;
  margin-top: 8px;
}
.admin-insights .header-bar .bar-chart-foreground {
  background-color: #4AB37E;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
}
.admin-insights .header-bar .bar-chart-label {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 14pt;
  color: #ffffff;
  text-shadow: 0 1px 1px #2f2f2f;
}
.admin-insights .main-bar {
  background-color: white;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 15px;
}
.admin-insights .main-bar table {
  margin-bottom: 0;
}
.admin-insights .main-bar .rate {
  min-width: 30px;
  display: inline-block;
}
.admin-insights .main-bar .bar-chart {
  height: 14px;
  width: 100px;
  position: relative;
  display: inline-block;
  margin-left: 20px;
}
.admin-insights .main-bar .bar-chart-background {
  border: solid 1px #CCCCCC;
  background-color: #ffffff;
  height: 20px;
  width: 100%;
}
.admin-insights .main-bar .bar-chart-foreground {
  background-color: #4AB37E;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.admin-insights .footer-bar {
  min-height: 52px;
}
.admin-insights .searchbar {
  display: inline-block;
}
.benefits-panel {
  padding: 20px 0px;
  font-size: 14px;
}
.benefits-panel .stripe td {
  background-color: #F7F7F7;
  padding-top: 4px;
  padding-bottom: 4px;
}
.benefits-panel td {
  text-align: center;
}
.benefits-panel td:first-child {
  padding-left: 40px;
  text-align: left;
  color: #4ab37e;
}
.benefits-panel td:last-child {
  padding-right: 20px;
}
.sortdropdown {
  padding: 3px 10px;
  cursor: auto;
}
.sortdropdown span {
  padding-left: 8px;
}
.sort {
  height: 32px;
}
.sort span {
  position: absolute;
}
.sort span i {
  display: block;
}
.sort .sortname {
  padding-left: 20px;
  padding-top: 4px;
}
.sort .sortsingle {
  padding-top: 6px;
  color: #CC0000;
}
.sortMenuArrowUp {
  margin-top: 2px;
  color: #999999;
}
.sortMenuArrowDown {
  margin-top: -3px;
  color: #999999;
}
.sorthovercontainer {
  padding-right: 24px;
}
.sorthover {
  position: relative;
  display: inline-block;
}
.sorthover .sorthoverposition {
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  right: -16px;
  height: 50%;
  width: 50%;
  text-align: right;
}
.sorthover .sorthoverposition.sortgreen {
  color: #27A868;
}
.sorthover .sorthoverposition.sorthoverup {
  color: #999999;
  top: -2px;
}
.sorthover .sorthoverposition.sorthoverdown {
  color: #999999;
  top: 6px;
}
.referral {
  height: 300px;
}
.referral .referral-header {
  height: 285px;
  text-align: center;
  padding-top: 60px;
  font-family: "brandon-grotesque";
}
.referral .referral-links {
  margin-top: 20px;
  min-height: 120px;
}
.referral .referral-links #txtEmail,
.referral .referral-links #txtLink {
  width: 260px;
}
.referral .referral-links .btn.facebook {
  position: relative;
  width: 110px;
  padding-left: 18px;
}
.referral .referral-links .btn.facebook i {
  font-size: 20px;
  position: absolute;
  bottom: 2px;
  left: 5px;
}
.referral .referral-links .btn.facebook i:hover {
  color: #333333;
}
.referral .referral-links .referral-links-sub {
  font-size: 18px;
  text-align: center;
  min-height: 25px;
}
.referral .referral-cloudsponge img {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.referral .stats {
  display: inline-block;
  position: relative;
  text-align: center;
}
.referral .stats .stats-title {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  font-size: 16px;
}
.referral .stats .stats-number {
  position: absolute;
  top: 65px;
  left: 10px;
  right: 10px;
  color: white;
  font-size: 40px;
}
.referral .stats .stats-image {
  margin-top: 50px;
  width: 170px;
}
.referral .stats-table {
  border: 1px solid #DDD;
  width: 750px;
  border-radius: 5px;
  border-collapse: separate !important;
  margin: 0px auto;
  margin-top: 10px;
}
.referral .stats-table thead {
  background-color: #f5f5f5;
}
.referral .stats-table thead th {
  padding: 10px;
  border-bottom: 2px solid #DDD;
}
.referral .stats-table td {
  padding: 10px;
  text-align: left;
}
.referral .referral-status-circle {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: red;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.referral .referral-status-circle.Registered {
  background: #B8E99E;
}
.referral .referral-status-circle.Purchased {
  background: #CDDEF1;
}
.referral .referral-status-circle.Sent {
  background: #C7C7C7;
}
.referral .referral-status-circle.Opened {
  background: #F8DDA1;
}
.referral .referral-status-circle.Clicked {
  background: #F7BBBB;
}
.referral .share-email {
  width: 100%;
  padding-left: 10px;
}
.referral .share-email .left {
  padding: 20px 10px;
}
.referral .share-email .right {
  background-color: #F1F1F1;
  min-width: 250px;
}
.likedModal {
  border-radius: 8px;
  color: #999999;
}
.likedModal .modal-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 16pt;
}
.likedModal .row {
  padding: 20px;
  border-top: solid 1px #cccccc;
  margin-left: -20px;
  margin-right: -20px;
  background-color: #F6F6F6;
}
.likedModal .last {
  border-bottom: solid 2px #cccccc;
}
.likedModal .step {
  font-size: 12pt;
  font-weight: bold;
  color: #4AB37E;
}
.likedModal .text {
  font-size: 12pt;
}
.likedModal .action {
  font-size: 10pt;
}
.likedModal .noThanks {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 10pt;
}
.likedModal .noThanks a {
  color: #666666;
  font-weight: bold;
}
.likedModal .finished {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 10pt;
  text-align: center;
}
.likedModal .fb-like {
  overflow: hidden;
}
.btn-primary.facebook {
  background-color: #4867A4;
  border-color: #355188;
  -webkit-box-shadow: 0 1px 1px #1A3160;
  box-shadow: 0 1px 1px #1A3160;
}
.btn-primary.facebook:hover,
.btn-primary.facebook:focus,
.btn-primary.facebook:active,
.btn-primary.active.facebook,
.open .dropdown-toggle.btn-primary.facebook {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.cardLimitPopup {
  position: fixed;
  bottom: 44px;
  right: 0px;
  border: solid 1px #cccccc;
  width: 300px;
}
.cardLimitPopup .header {
  background-color: #4AB37E;
  padding: 15px;
  color: white;
}
.cardLimitPopup .body {
  padding: 15px 15px 35px 15px;
  background-color: white;
}
.cardLimitPopup .choice {
  height: 15px;
}
.cardLimitPopup .choice a {
  color: #666666;
}
.cardLimitPopup .choice.last {
  margin-top: 10px;
}
#modalEventworks .modal-body {
  padding: 0;
}
#modalEventworks .close {
  color: #CCC;
  opacity: 1;
  margin-top: 15px;
  margin-right: 15px;
}
#modalEventworks .heading {
  background-color: #2E2E2E;
  text-align: center;
}
#modalEventworks .body {
  padding: 20px 30px;
  font-size: 14px;
}
#modalEventworks .body .fa {
  color: #3C5163;
}
#modalEventworks .body .pricing1 {
  background-color: #496379;
  color: white;
  padding: 10px 45px;
  border-radius: 20px 0 0 20px;
  position: relative;
}
#modalEventworks .body .pricing1:before {
  content: "";
  width: 27px;
  height: 27px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 6px;
  right: -14px;
  background-color: #496379;
}
#modalEventworks .body .pricing2 {
  background-color: #3C5163;
  color: white;
  padding: 10px 45px;
  border-radius: 0 20px 20px 0;
}
#modalEventworks .footer {
  padding: 20px 30px;
  text-align: center;
  background-color: #F3F3F3;
  border-top: 2px solid #CCCCCC;
}
#progressBar .progressMessage {
  padding-top: 15px;
  font-size: 14px;
}
#progressBar .progressValue {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}
.designer-design .add-style {
  height: 40px;
  vertical-align: top;
  padding-top: 10px;
  font-size: 13px;
  margin-left: 10px;
}
.designer-design .no-image {
  width: 152px;
  text-align: center;
  padding: 30px;
  font-size: 18px;
  height: 150px;
  cursor: pointer;
  display: inline-block;
}
.designer-design .template-image {
  max-width: 100%;
}
.designer-design .image-remove {
  position: absolute;
  top: 10px;
  right: 10px;
}
.designer-design .image-remove-header {
  position: absolute;
  top: 10px;
  left: 620px;
}
.designer-design .design-menu {
  margin-bottom: 10px;
  font-size: 13px;
  min-height: 34px;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px #cccccc, inset 0 2px #FFFFFF;
  display: table;
  width: 100%;
}
.designer-design .design-menu a {
  position: relative;
  color: #999999;
  width: 14%;
  border-right: 1px solid #cccccc;
  text-align: center;
  display: table-cell;
  line-height: 34px;
}
.designer-design .design-menu a.active {
  color: #666666;
  font-weight: bold;
  background-color: white;
}
.designer-design .design-menu a:after {
  top: 5px;
  right: -12px;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-color: #f1f1f1;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  content: "";
  border-radius: 0px 5px 0px 0px;
}
.designer-design .design-menu a:hover:after,
.designer-design .design-menu a.active:after {
  background-color: white;
}
.designer-design .design-menu a:not(.disable):hover {
  background-color: white;
}
.designer-design .design-menu a:last-child:after {
  display: none;
}
.designer-design .style {
  width: 152px;
  border: 1px solid #CCC;
  margin-right: 10px;
  vertical-align: top;
}
.designer-design .style img {
  max-width: 150px;
}
.designer-design .style .color {
  border: 1px solid #CCC;
  width: 130px;
  height: 10px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.designer-design .headerTextColor span {
  padding: 5px;
  margin-left: 5px;
  font-size: 18px;
  font-weight: bold;
}
.designer-design .headerTextColor span.active {
  box-shadow: 3px 3px 1px #CCC;
}
.designer-design .headerTextColor div {
  display: inline-block;
}
.designer-design .headerTextColor span.font-white {
  background-color: #000000;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
.designer-design .headerTextColor span.font-grey {
  background-color: #FFFFFF;
  color: #5B5B5B;
  border: solid 1px #5B5B5B;
}
.designer-design .headerTextColor span.font-black {
  background-color: #FFFFFF;
  color: #000000;
  border: solid 1px #000000;
}
.designer-design .edit-header .date {
  background-color: black;
  border-radius: 10px;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 1;
  width: 70px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 10px;
  top: 150px;
  position: absolute;
  left: 30px;
}
.designer-design .edit-header .date.colorFFFFFF {
  background-color: #FFFFFF;
  color: #000000;
}
.designer-design .edit-header .date.color000000 {
  background-color: #000000;
  color: #FFFFFF;
}
.designer-design .edit-header .date.color5B5B5B {
  background-color: #5B5B5B;
  color: #FFFFFF;
}
.designer-design .edit-header .date .month {
  font-size: 16px;
}
.designer-design .edit-header .date .day {
  font-size: 32px;
}
.designer-design .edit-header .eventname {
  display: inline-block;
  top: 150px;
  position: absolute;
  left: 120px;
}
.designer-design .edit-header .eventname.colorFFFFFF {
  color: #FFFFFF;
}
.designer-design .edit-header .eventname.color5B5B5B {
  color: #5B5B5B;
}
.designer-design .edit-header .eventname.color000000 {
  color: #000000;
}
.designer-design .edit-header .eventname .name {
  font-size: 20px;
  font-weight: bold;
  padding-top: 27px;
}
.designer-design .edit-header .eventname .host {
  font-size: 15px;
  font-style: italic;
  margin-top: -3px;
}
.designer-design .style-picker {
  height: 30px;
  width: 30px;
  display: inline-block;
  margin: 5px;
  border: 1px solid #CCC;
}
.designer-design .picker-title {
  vertical-align: top;
  padding-top: 12px;
  font-size: 13px;
}
.designer-design .designer-preview .main-menu {
  width: 100%;
  height: 40px;
  border-bottom: 2px solid #CCC;
  text-align: center;
  background-color: #FFF;
  z-index: 10;
}
.designer-design .designer-preview .main-menu .item {
  height: 40px;
  padding-top: 10px;
  display: inline-block;
  min-width: 80px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.designer-design .designer-preview .main-menu .item a {
  color: #AAA;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
}
.designer-design .designer-preview .preview-mode {
  padding: 10px;
}
.designer-design .designer-preview a.preview-mode.active {
  color: #666666;
  border-bottom: 3px solid #4ab37e;
}
.designer-design .validation-errors {
  font-size: 14px;
}
.designer-design .validation-errors .color {
  height: 18px;
  width: 18px;
  border: 1px solid #CCC;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.designer-design .two-sided-chk {
  vertical-align: top;
  margin-left: 20px;
  padding-top: 10px;
  display: inline-block;
}
.designer-creative .stock-photos-section {
  padding: 10px;
  background: #fff;
  border: 1px solid #999999;
}
.designer-creative .stock-photos-section hr {
  border-top: 1px solid #999999;
}
.designer-creative .stock-photos {
  display: inline-block;
  overflow-y: auto;
  max-height: 800px;
  min-height: 250px;
}
.designer-creative .stock-photos .stock-photos-header {
  margin-left: 10px;
  font-weight: bold;
}
.designer-creative .stock-photos .stock-photo-single {
  display: inline-block;
  margin: 10px;
  position: relative;
}
.designer-creative .stock-photos .stock-photo-single i {
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
  font-size: 20px;
}
.designer-creative .stock-photos .stock-photo-single span {
  position: absolute;
  top: -12px;
  right: -12px;
  border: solid 1px;
  background-color: #E9E9E9;
  padding: 2px;
}
.designer-creative .stock-photos .stock-photo-single a {
  cursor: pointer;
}
.designer-creative .stock-photos .stock-photo-single img {
  max-height: 150px;
}
.share-share .share-access {
  width: 300px;
  padding: 20px;
  border: solid 1px #CCCCCC;
  margin-bottom: 20px;
}
.share-share .share-access-buttons {
  margin-top: 20px;
  min-height: 25px;
}
.mergeTokenHelpText {
  color: #666666;
  font-size: 14px;
  position: relative;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup {
  background-color: #ffffff;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  box-shadow: 0 3px 23px rgba(0, 0, 0, 0.0802);
  margin-top: 5px;
  max-width: 500px;
  min-width: 325px;
  padding: 0;
  position: absolute;
  right: -2px;
  top: 100%;
  z-index: 10;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup > div {
  padding: 0 15px;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup .actions {
  padding: 15px;
  text-align: right;
  white-space: nowrap;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup .actions > a {
  text-transform: uppercase;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup .header {
  background-color: #FAFAFA;
  border-radius: 3px 3px 0 0;
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 10px 15px;
}
.mergeTokenHelpText .mergeTokenHelpTextPopup ol.gv-dropdown-menu > li {
  text-align: left;
}
#modalExpiredMembership .modal-title {
  text-align: center;
}
#modalExpiredMembership .modal-body {
  font-size: 14px;
  text-align: center;
}
.modal-select-service {
  background-color: #E4E4E4;
}
.modal-select-service div.service-block {
  position: relative;
  display: inline-block;
  margin: 3px;
  margin-top: 10px;
  background-color: #fff;
  vertical-align: top;
  height: 180px;
  text-align: center;
  padding: 10px;
  width: 185px;
}
.modal-select-service div.service {
  color: #229B60;
  font-size: 14px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.modal-select-service div.service-block a.btn {
  bottom: 10px;
  position: absolute;
  left: 10px;
  width: 165px;
}
.modal-select-service div.service-block span.norsvp {
  display: block;
  padding-top: 5px;
  font-style: italic;
  color: #999999;
}
#modalUpgrade .info img {
  width: 200px;
}
#modalUpgrade .info td {
  padding: 15px;
}
#modalUpgrade .info .timeline {
  font-family: brandon-grotesque;
  color: #333333;
  font-size: 21px;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
}
#modalUpgrade .info div.spacer {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  color: #666666;
}
#modalUpgrade .info div.hi {
  font-family: brandon-grotesque;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#modalUpgrade .info h2 {
  margin-top: 0;
}
#modalUpgrade .info .descr {
  padding-left: 20px;
  padding-right: 20px;
}
#modalUpgrade .billingSaved {
  color: #9F9F9F;
}
#modalUpgrade .copy {
  line-height: 1.7;
}
#modalUpgrade .modal-body {
  padding-bottom: 40px;
}
div.event-notifications-modify {
  padding: 8px;
  display: inline-block;
}
div.event-notifications-modify[data-isprimary='0']:hover {
  background-color: #f8f8f8;
}
div.event-notifications-modify div.email {
  display: inline-block;
  margin: 8px;
  vertical-align: middle;
}
div.event-notifications-modify div.email > input {
  display: inline-block;
}
div.event-notifications-modify div.email > i.delete {
  display: inline-block;
  margin: 0 8px 0 0;
}
div.event-notifications-modify div.notifications {
  display: inline-block;
  margin: 8px;
}
div.event-notifications-modify div.notifications > ul.notification-types {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.event-notifications-modify div.notifications > ul.notification-types li {
  display: inline-block;
  margin: 0 8px;
}
@media print {
  html,
  body {
    height: 99%;
    background: none;
    background-color: white;
  }
  body .printpage {
    color: black;
    background-color: white;
  }
  #leftmenucollapsed,
  #leftmenu,
  #notificationbar,
  #header {
    display: none;
  }
  #header #menu div:after {
    display: none;
  }
  .tddropdown,
  .tdcheckbox {
    display: none;
  }
  #send-grid table tr .tdname a {
    color: black;
  }
  #send-grid .filter-bar {
    display: none;
  }
  #send-grid table thead th {
    border-top: 1px solid #CCCCCC;
  }
  .printpage #send-grid .send-table-container {
    border: none;
    border-bottom: solid 1px #CCCCCC;
  }
  .printpage #send-grid .send-table-container table td,
  .printpage #send-grid table thead {
    background-color: white;
  }
  .printpage #send-grid table thead th {
    color: black;
    border-top: none;
    padding-left: 10px;
  }
  .printpage #send-grid .lastsent,
  .printpage #send-grid table tr .respondedY,
  .printpage #send-grid table tr .respondedN {
    color: black;
  }
  .printpage #address-grid .address-table-container {
    border: none;
    border-bottom: solid 1px #CCCCCC;
  }
  .printpage #address-grid .address-table-container table td,
  .printpage #address-grid table thead {
    background-color: white;
  }
  .printpage #address-grid table thead th {
    color: black;
  }
}
.background {
  display: inline-block;
}
.background .background-delete {
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 999px;
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  z-index: 9999;
  margin: 38px 8px 8px 8px;
  font-size: 16px;
  padding: 1px;
  box-shadow: 0 0 3px #333;
}
.lining {
  display: inline-block;
}
.lining .lining-delete {
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 999px;
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  z-index: 9999;
  margin: 38px 8px 8px 8px;
  font-size: 16px;
  padding: 1px;
  box-shadow: 0 0 3px #333;
}
.inline-popup .popup {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-bottom-width: 2px;
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.valignTop {
  vertical-align: top!important;
}
.textOnOffToggle {
  cursor: pointer;
  display: inline-block;
  margin: -2px 2px 0 2px;
  white-space: nowrap;
}
.textOnOffToggle > .option {
  background-color: #f7f7f7;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  box-shadow: inset -1px -1px #cccccc;
  color: #666666;
  display: block;
  float: left;
  text-align: center;
  text-transform: lowercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 28px;
}
.textOnOffToggle > .option:first-child {
  border-left: 1px solid #999999;
  border-radius: 4px 0 0 4px;
}
.textOnOffToggle > .option:last-child {
  border-right: 1px solid #999999;
  border-radius: 0 4px 4px 0;
}
.textOnOffToggle > .option.enabled.active {
  background-color: #27A868;
  box-shadow: inset 1px 1px #145535;
  color: #ffffff;
  text-shadow: 1px 1px 1px #145535;
}
.textOnOffToggle > .option.disabled.active {
  background-color: #999999;
  box-shadow: inset 1px 1px #666666;
  color: #F3F3F3;
  text-shadow: 1px 1px 1px #666666;
}
ol.suggestedColors {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 4px;
}
ol.suggestedColors > li {
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  margin: 2px;
  padding: 0px;
  width: 20px;
  vertical-align: middle;
}
ol.suggestedColors > li > span {
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  flex: 1 1 auto;
}
.modalPreviewEnvelopes .previewEnvelopes {
  width: 920px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes {
  background: #E9E9E9;
  border-top: 1px solid #E5E5E5;
  padding: 10px 34px 10px 33px;
  margin: 10px -20px -20px -20px;
  min-height: 275px;
  width: 860px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-theme {
  margin-top: 0;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-theme .owl-nav .owl-nav-hide {
  display: none !important;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-theme .owl-nav .owl-next {
  right: 5px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-theme .owl-nav .owl-prev {
  left: 5px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="landscape-l"] .owl-nav .owl-next,
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="landscape-l"] .owl-nav .owl-prev {
  top: 125px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="landscape-s"] .owl-nav .owl-next,
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="landscape-s"] .owl-nav .owl-prev {
  top: 100px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="portrait"] .owl-nav .owl-next,
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="portrait"] .owl-nav .owl-prev {
  top: 125px;
}
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="square"] .owl-nav .owl-next,
.modalPreviewEnvelopes .previewEnvelopes .envelopes.owl-carousel[data-orientation="square"] .owl-nav .owl-prev {
  top: 150px;
}
.modalPreviewEnvelopes .previewEnvelopes .loading {
  font-size: 24px;
  padding: 64px;
  text-align: center;
}
.modalPreviewEnvelopes .previewEnvelopes .send-email {
  display: block;
  line-height: 22px;
}
.modalPreviewEnvelopes .previewEnvelopes .send-email-value {
  display: inline-block;
  padding-left: 1px;
}
.modalPreviewEnvelopes.v2 .modal-body {
  padding: 0;
}
.modalPreviewEnvelopes.v2 .modal-body .modalPreviewEnvelopes-body {
  padding: 0 40px;
}
.modalPreviewEnvelopes.v2 .modal-body .modalPreviewEnvelopes-body.begin {
  padding-top: 15px;
}
.modalPreviewEnvelopes.v2 .modal-body .modalPreviewEnvelopes-body.end {
  padding-bottom: 15px;
}
.modalPreviewEnvelopes.v2 .previewEnvelopes .envelopes {
  background: #E8E8E8;
  border-top: 1px solid #CFCFCF;
  padding: 10px 34px;
  margin: 10px 0;
  width: 100%;
}
#nameTags div.nameBadgeSize {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
}
#nameTags div.nameBadgeSize.selected {
  background-color: #DFF4EC;
  border-color: #4AB37E;
}
#nameTags div.nameBadgeSize:hover:not(.selected):not(.no-hover) {
  background-color: #F1F1F1;
  cursor: pointer;
}
#nameTags div.nameBadgeConfig {
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
}
#nameTags div.nameBadgeConfig:hover:not(.selected):not(.no-hover) div.preview {
  background-color: #F1F1F1;
  cursor: pointer;
}
#nameTags div.nameBadgeConfig.generate {
  text-align: left;
}
#nameTags div.nameBadgeConfig.generate div.preview {
  background-color: #F1F1F1;
  cursor: default!important;
  display: inline-block;
  margin: 0;
}
#nameTags div.nameBadgeConfig.new div.preview i.fa {
  display: inline-block;
  font-size: 48px;
  margin: 32px 53px 33px;
}
#nameTags div.nameBadgeConfig.selected div.preview {
  background-color: #DFF4EC;
  border-color: #4AB37E;
}
#nameTags div.nameBadgeConfig div.preview {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  display: inline-block;
  padding: 8px;
  overflow: hidden;
}
#nameTags div.nameBadgeConfig div.preview svg {
  margin: 0 auto;
  height: 108px;
  width: 144px;
}
#nameTags div.nameBadgeConfig div.actions {
  display: block;
  margin: 10px auto 0;
  width: 160px;
}
#nameTags div.nameBadgeConfig div.actions > a {
  display: inline-block;
  margin: 0 0 0 1%;
  width: 48%;
}
#nameTags div.nameBadgeConfig div.actions > a:last-child {
  margin: 0 1% 0 0;
}
#nameTags #nameTagConfiguration_Edit div.loading {
  font-size: 48px;
  padding: 48px;
  text-align: center;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul {
  display: block;
  list-style-type: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.action {
  display: inline-block;
  max-width: 94px;
  vertical-align: middle;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 0 2px;
  height: 52px;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
  width: 52px;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image:hover {
  background-color: #F1F1F1;
  border-color: #999999;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image:hover > a.remove {
  display: block;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image.selected {
  background-color: #DFF4EC;
  border-color: #4AB37E;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image.selected > span {
  border: 1px solid #4AB37E;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image > a.remove {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 0 4px 4px 0;
  display: none;
  float: right;
  font-size: 16px;
  height: 52px;
  line-height: 48px;
  margin: -7px -31px 0 0;
  padding: 2px 6px;
  position: relative;
  vertical-align: middle;
}
#nameTags #nameTagConfiguration_Edit .name-tag-images > ul > li.logo-image > span {
  background-color: #ffffff;
  border: 1px solid #999999;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}
#nameTags #nameTagConfiguration_Edit ul.font-list {
  background-color: #ffffff;
  border: 1px solid #999999;
  height: 500px;
  overflow: auto;
  padding: 0;
  width: 100%;
}
#nameTags #nameTagConfiguration_Edit ul.font-list > li.font {
  border-left: 3px solid #ffffff;
  cursor: pointer;
  min-height: 30px;
  padding-left: 5px;
}
#nameTags #nameTagConfiguration_Edit ul.font-list > li.font.active {
  border-left: 3px solid #5595AD;
  color: #5595AD;
}
#nameTags #nameTagConfiguration_Edit ul.font-list > li.font:hover {
  color: #5595AD;
}
#nameTags #nameTagConfiguration_Edit ul.font-list > li.font > img {
  height: 20px;
  margin-left: 10px;
  margin-top: -2px;
}
#nameTags #nameTagConfiguration_Edit ul.font-list > li.font-group {
  background-color: #F1F1F1;
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
}
#nameTags #nameTagConfiguration_LayoutPicker div.nameTagTemplate {
  cursor: pointer;
}
#nameTags #nameTagConfiguration_LayoutPicker div.nameTagTemplate > div.previewImage {
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  display: inline-block;
  height: 108px;
  width: 143px;
}
#nameTags #nameTagConfiguration_LayoutPicker div.nameTagTemplate > div.previewImage > svg {
  max-height: 100%;
  max-width: 100%;
}
#nameTags .name-tag-template-picker-toggle {
  cursor: pointer;
  display: inline-block;
}
#nameTags .name-tag-template-picker-toggle > div {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  display: inline-block;
  height: 28px;
  width: 37px;
  vertical-align: middle;
}
#nameTags .name-tag-template-picker-toggle > div > svg {
  max-height: 100%;
  max-width: 100%;
}
#nameTags ul.name-tag-template-picker {
  padding: 0;
  width: 292px;
}
#nameTags ul.name-tag-template-picker > li.description {
  border-bottom: 1px solid #CCCCCC;
  cursor: default;
  display: block;
  font-weight: bold;
  padding: 4px;
}
#nameTags ul.name-tag-template-picker > li:not(.description) {
  border: 1px solid transparent;
  display: inline-block;
  height: 108px;
  margin: 0;
  padding: 4px;
  width: 143px;
}
#nameTags ul.name-tag-template-picker > li:not(.description):last-child {
  border-radius: 0 0 4px 4px;
}
#nameTags ul.name-tag-template-picker > li:not(.description):hover {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
}
#nameTags ul.name-tag-template-picker > li:not(.description) > svg {
  max-height: 100%;
  max-width: 100%;
}
.seating-chart {
  margin: 8px;
}
.seating-chart .floor-plan-stat {
  display: inline-block;
  font-size: 13px;
  margin: 6px;
}
.seating-chart .layout {
  background-color: #F1F1F1;
  border: 1px solid #999999;
  border-radius: 2px;
  box-shadow: inset 2px 2px 2px #CCCCCC;
  display: block;
  min-height: 400px;
  overflow: auto;
  padding: 4px;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.seating-chart .layout > ul {
  display: block;
  height: 97%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.seating-chart .seating-assignments {
  position: relative;
}
.seating-chart .seating-assignments .filter {
  display: block !important;
}
.seating-chart .seating-assignments .search {
  margin-top: 10px;
}
.seating-chart .seating-assignments .search > i.fa {
  margin: 10px 0 0 8px;
  position: absolute;
}
.seating-chart .seating-assignments .search > input {
  display: block;
  padding-left: 24px;
  width: 100%;
}
.seating-chart .seating-assignments div.guests {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  display: block;
  min-height: 315px;
  overflow: auto;
}
.seating-chart .seating-assignments div.guests table {
  width: 100%;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 0;
  white-space: nowrap;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging:not(.guest) {
  padding-right: 8px;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td {
  border-top: none !important;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td:not(.drag-column) {
  display: none;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td:last-child {
  padding-right: 8px;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.ui-draggable-dragging > td .envelope-greeting .summary {
  display: block;
}
.seating-chart .seating-assignments div.guests table > tbody > tr.primary:not(:first-child) > td {
  border-top: 1px solid #CCCCCC;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td {
  padding: 4px 0;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td.drag-column {
  cursor: pointer;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td.message {
  padding: 20px 0;
  text-align: center;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .envelope-greeting {
  cursor: pointer;
  display: block;
  margin: 0 8px 0 16px;
  padding-top: 4px;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .envelope-greeting .summary {
  display: none;
  font-weight: normal;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .envelope-greeting.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 4px 8px;
  white-space: nowrap;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .envelope-greeting.ui-draggable-dragging .summary {
  display: block;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .name {
  display: inline-block;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .table-assignment {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  line-height: 16px;
  margin: 2px 4px 2px 10px;
  padding: 3px 0;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.seating-chart .seating-assignments div.guests table > tbody > tr > td .table-assignment.unassigned {
  background-color: #F1F1F1;
  color: #666666;
}
.seating-chart .seating-assignments div.guests table > thead {
  background-color: #F7F7F7;
}
.seating-chart .seating-assignments div.guests table > thead > tr > th {
  border-bottom: 1px solid #CCCCCC;
  color: #999999;
  font-weight: normal;
  padding: 10px 0;
}
.seating-chart .seating-assignments div.guests table > thead > tr > th:first-child {
  padding-left: 10px;
}
.seating-chart .seating-assignments div.guests table > thead > tr > th:last-child {
  padding-right: 10px;
}
.seating-chart .seating-assignments div.footer-bar {
  border-radius: 0 0 4px 4px;
}
.seating-chart .seating-tabular .table {
  border: 1px solid #999999;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #F1F1F1;
  color: #ffffff;
  display: inline-block;
  margin: 8px;
  position: relative;
  vertical-align: text-top;
  width: 200px;
}
.seating-chart .seating-tabular .table > div.table-info {
  padding: 6px 8px;
}
.seating-chart .seating-tabular .table > div.table-info.highlight {
  background-color: #DFF4EC !important;
  color: #4AB37E !important;
}
.seating-chart .seating-tabular .table > div.table-info > span {
  display: block;
  text-transform: uppercase;
}
.seating-chart .seating-tabular .table > div.table-info > strong {
  display: block;
}
.seating-chart .seating-tabular .table > ol {
  border-top: 1px solid #999999;
  color: #666666;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.seating-chart .seating-tabular .table > ol > li {
  display: block;
}
.seating-chart .seating-tabular .table > ol > li.empty {
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  padding: 6px 8px;
}
.seating-chart .seating-tabular .table > ol > li.guest {
  background-color: #ffffff;
  cursor: pointer;
  padding: 6px 8px;
}
.seating-chart .seating-tabular .table > ol > li.guest:last-child {
  border-radius: 0 0 4px 4px;
}
.seating-chart .seating-tabular .table > ol > li.guest:nth-child(odd) {
  background-color: #F1F1F1;
}
.seating-chart .seating-tabular .table > ol > li.guest .actions {
  display: none;
  float: right;
}
.seating-chart .seating-tabular .table > ol > li.guest:hover .actions {
  display: block;
}
.seating-chart .seating-tabular .table > ol > li.guest.highlight {
  background-color: #DFF4EC !important;
  color: #4AB37E !important;
}
.seating-chart .seating-tabular .table > ol > li.guest.highlight .actions {
  display: none;
}
.seating-chart .seating-tabular .table > ol > li.guest.ui-draggable-dragging {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 4px 8px;
  white-space: nowrap;
}
.seating-chart .seating-tabular .table > ol > li.guest.ui-draggable-dragging .actions {
  display: none!important;
}
.seating-chart .sidebar {
  display: inline-block;
  vertical-align: top;
}
.seating-chart .sidebar .sidebar-actions {
  margin: 10px 0;
  text-align: right;
}
.seating-chart .sidebar .table-types {
  list-style-type: none;
  margin: 4px;
  padding: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.seating-chart .sidebar .table-types .table {
  border: 1px solid transparent;
  display: inline-block;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
  position: relative;
  text-align: center;
}
.seating-chart .sidebar .table-types .table.selected {
  background-color: #DFF4EC;
  border-color: #4AB37E;
}
.seating-chart .table {
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  margin: 4px;
  position: absolute;
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 836px) {
  .seating-chart .table {
    width: 100%;
  }
}
.seating-chart .table > .icon {
  background-color: #ffffff;
  border: 1px solid #2f2f2f;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #CCCCCC;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin: 4px;
  text-align: center;
  vertical-align: middle;
}
.seating-chart .table > .icon > .seat {
  border: 1px solid #2f2f2f;
  border-radius: 7px;
  display: inline-block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
.seating-chart .table > .icon > .seat.open {
  background-color: #ffffff !important;
}
.seating-chart .table > .icon.circle {
  border-radius: 40px;
  height: 40px;
  width: 40px;
}
.seating-chart .table > .icon.circle > span {
  margin-top: 5px;
}
.seating-chart .table > .icon.circle > small {
  font-size: 11px;
  top: -2px;
}
.seating-chart .table > .icon.circle > .seat.seat1 {
  margin-left: 20.5px;
  margin-top: -2.5px;
}
.seating-chart .table > .icon.circle > .seat.seat2 {
  margin-left: 20px;
  margin-top: 43px;
}
.seating-chart .table > .icon.circle > .seat.seat3 {
  margin-left: 43px;
  margin-top: 19px;
}
.seating-chart .table > .icon.circle > .seat.seat4 {
  margin-left: -2px;
  margin-top: 19px;
}
.seating-chart .table > .icon.circle > .seat.seat5 {
  margin-left: 32px;
  margin-top: 1px;
}
.seating-chart .table > .icon.circle > .seat.seat6 {
  margin-left: 40.5px;
  margin-top: 31px;
}
.seating-chart .table > .icon.circle > .seat.seat7 {
  margin-left: 8px;
  margin-top: 39.5px;
}
.seating-chart .table > .icon.circle > .seat.seat8 {
  margin-left: 1px;
  margin-top: 8.5px;
}
.seating-chart .table > .icon.circle > .seat.seat9 {
  margin-left: 40px;
  margin-top: 9px;
}
.seating-chart .table > .icon.circle > .seat.seat10 {
  margin-left: 32.5px;
  margin-top: 39.5px;
}
.seating-chart .table > .icon.circle > .seat.seat11 {
  margin-left: 0px;
  margin-top: 30.5px;
}
.seating-chart .table > .icon.circle > .seat.seat12 {
  margin-left: 8.5px;
  margin-top: 1px;
}
.seating-chart .table > .icon.circle.large {
  border-radius: 45px;
  height: 45px;
  width: 45px;
}
.seating-chart .table > .icon.circle.large > span {
  margin-top: 8px;
}
.seating-chart .table > .icon.circle.large > small {
  top: -3px;
}
.seating-chart .table > .icon.circle.large > .seat.seat1 {
  margin-left: 23px;
  margin-top: -2.5px;
}
.seating-chart .table > .icon.circle.large > .seat.seat2 {
  margin-left: 22.5px;
  margin-top: 48px;
}
.seating-chart .table > .icon.circle.large > .seat.seat3 {
  margin-left: 48px;
  margin-top: 23px;
}
.seating-chart .table > .icon.circle.large > .seat.seat4 {
  margin-left: -2.5px;
  margin-top: 23px;
}
.seating-chart .table > .icon.circle.large > .seat.seat5 {
  margin-left: 33px;
  margin-top: -0.5px;
}
.seating-chart .table > .icon.circle.large > .seat.seat6 {
  margin-left: 46px;
  margin-top: 33px;
}
.seating-chart .table > .icon.circle.large > .seat.seat7 {
  margin-left: 12.5px;
  margin-top: 46px;
}
.seating-chart .table > .icon.circle.large > .seat.seat8 {
  margin-left: -0.5px;
  margin-top: 13px;
}
.seating-chart .table > .icon.circle.large > .seat.seat9 {
  margin-left: 41px;
  margin-top: 5px;
}
.seating-chart .table > .icon.circle.large > .seat.seat10 {
  margin-left: 40.5px;
  margin-top: 41px;
}
.seating-chart .table > .icon.circle.large > .seat.seat11 {
  margin-left: 5px;
  margin-top: 41px;
}
.seating-chart .table > .icon.circle.large > .seat.seat12 {
  margin-left: 5px;
  margin-top: 5px;
}
.seating-chart .table > .icon.circle.large > .seat.seat13 {
  margin-left: 46px;
  margin-top: 13px;
}
.seating-chart .table > .icon.circle.large > .seat.seat14 {
  margin-left: 32.5px;
  margin-top: 46.5px;
}
.seating-chart .table > .icon.circle.large > .seat.seat15 {
  margin-left: -0.5px;
  margin-top: 33px;
}
.seating-chart .table > .icon.circle.large > .seat.seat16 {
  margin-left: 12.5px;
  margin-top: -0.5px;
}
.seating-chart .table > .icon.circle.small {
  border-radius: 35px;
  height: 35px;
  width: 35px;
}
.seating-chart .table > .icon.circle.small > span {
  margin-top: 4px;
}
.seating-chart .table > .icon.circle.small > small {
  top: -2px;
}
.seating-chart .table > .icon.circle.small > .seat.seat1 {
  margin-left: 18px;
  margin-top: -2px;
}
.seating-chart .table > .icon.circle.small > .seat.seat2 {
  margin-left: 18px;
  margin-top: 38px;
}
.seating-chart .table > .icon.circle.small > .seat.seat3 {
  margin-left: 36px;
  margin-top: 8px;
}
.seating-chart .table > .icon.circle.small > .seat.seat4 {
  margin-left: 0;
  margin-top: 28px;
}
.seating-chart .table > .icon.circle.small > .seat.seat5 {
  margin-left: 36px;
  margin-top: 28px;
}
.seating-chart .table > .icon.circle.small > .seat.seat6 {
  margin-left: 0;
  margin-top: 8px;
}
.seating-chart .table > .icon.rectangle {
  height: 35px;
  width: 70px;
}
.seating-chart .table > .icon.rectangle > span {
  margin-top: 2px;
}
.seating-chart .table > .icon.rectangle > small {
  top: -1px;
}
.seating-chart .table > .icon.rectangle > .seat.seat1 {
  margin-left: 7px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle > .seat.seat2 {
  margin-left: 73px;
  margin-top: 12px;
}
.seating-chart .table > .icon.rectangle > .seat.seat3 {
  margin-left: 63px;
  margin-top: 38px;
}
.seating-chart .table > .icon.rectangle > .seat.seat4 {
  margin-left: -2px;
  margin-top: 25px;
}
.seating-chart .table > .icon.rectangle > .seat.seat5 {
  margin-left: 25px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle > .seat.seat6 {
  margin-left: 73px;
  margin-top: 25px;
}
.seating-chart .table > .icon.rectangle > .seat.seat7 {
  margin-left: 45px;
  margin-top: 38px;
}
.seating-chart .table > .icon.rectangle > .seat.seat8 {
  margin-left: -2px;
  margin-top: 12px;
}
.seating-chart .table > .icon.rectangle > .seat.seat9 {
  margin-left: 45px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle > .seat.seat10 {
  margin-left: 25px;
  margin-top: 38px;
}
.seating-chart .table > .icon.rectangle > .seat.seat11 {
  margin-left: 63px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle > .seat.seat12 {
  margin-left: 7px;
  margin-top: 38px;
}
.seating-chart .table > .icon.rectangle.large {
  height: 40px;
  width: 80px;
}
.seating-chart .table > .icon.rectangle.large > span {
  margin-top: 4px;
}
.seating-chart .table > .icon.rectangle.large > small {
  top: 0;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat1 {
  margin-left: 8px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat2 {
  margin-left: 83px;
  margin-top: 9px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat3 {
  margin-left: 74px;
  margin-top: 43px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat4 {
  margin-left: -2px;
  margin-top: 33px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat5 {
  margin-left: 24px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat6 {
  margin-left: 83px;
  margin-top: 21px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat7 {
  margin-left: 58px;
  margin-top: 43px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat8 {
  margin-left: -2px;
  margin-top: 21px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat9 {
  margin-left: 41px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat10 {
  margin-left: 83px;
  margin-top: 33px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat11 {
  margin-left: 41px;
  margin-top: 43px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat12 {
  margin-left: -2px;
  margin-top: 9px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat13 {
  margin-left: 58px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat14 {
  margin-left: 24px;
  margin-top: 43px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat15 {
  margin-left: 74px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.large > .seat.seat16 {
  margin-left: 8px;
  margin-top: 43px;
}
.seating-chart .table > .icon.rectangle.small {
  height: 30px;
  width: 60px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat1 {
  margin-left: 15px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat2 {
  margin-left: 63px;
  margin-top: 15px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat3 {
  margin-left: 47px;
  margin-top: 33px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat4 {
  margin-left: -2px;
  margin-top: 15px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat5 {
  margin-left: 47px;
  margin-top: -2px;
}
.seating-chart .table > .icon.rectangle.small > .seat.seat6 {
  margin-left: 15px;
  margin-top: 33px;
}
.seating-chart .table > .icon.square {
  height: 40px;
  padding-top: 6px;
  width: 40px;
}
.seating-chart .table > .icon.square > .seat.seat1 {
  margin-left: 8px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square > .seat.seat2 {
  margin-left: 43px;
  margin-top: 9px;
}
.seating-chart .table > .icon.square > .seat.seat3 {
  margin-left: 32px;
  margin-top: 43px;
}
.seating-chart .table > .icon.square > .seat.seat4 {
  margin-left: -2px;
  margin-top: 33px;
}
.seating-chart .table > .icon.square > .seat.seat5 {
  margin-left: 20px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square > .seat.seat6 {
  margin-left: 43px;
  margin-top: 21px;
}
.seating-chart .table > .icon.square > .seat.seat7 {
  margin-left: 20px;
  margin-top: 43px;
}
.seating-chart .table > .icon.square > .seat.seat8 {
  margin-left: -2px;
  margin-top: 21px;
}
.seating-chart .table > .icon.square > .seat.seat9 {
  margin-left: 32px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square > .seat.seat10 {
  margin-left: 43px;
  margin-top: 33px;
}
.seating-chart .table > .icon.square > .seat.seat11 {
  margin-left: 8px;
  margin-top: 43px;
}
.seating-chart .table > .icon.square > .seat.seat12 {
  margin-left: -2px;
  margin-top: 9px;
}
.seating-chart .table > .icon.square.large {
  height: 45px;
  padding-top: 8px;
  width: 45px;
}
.seating-chart .table > .icon.square.large > .seat.seat1 {
  margin-left: 6px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.large > .seat.seat2 {
  margin-left: 48px;
  margin-top: 7px;
}
.seating-chart .table > .icon.square.large > .seat.seat3 {
  margin-left: 39px;
  margin-top: 48px;
}
.seating-chart .table > .icon.square.large > .seat.seat4 {
  margin-left: -2px;
  margin-top: 40px;
}
.seating-chart .table > .icon.square.large > .seat.seat5 {
  margin-left: 17px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.large > .seat.seat6 {
  margin-left: 48px;
  margin-top: 18px;
}
.seating-chart .table > .icon.square.large > .seat.seat7 {
  margin-left: 28px;
  margin-top: 48px;
}
.seating-chart .table > .icon.square.large > .seat.seat8 {
  margin-left: -2px;
  margin-top: 29px;
}
.seating-chart .table > .icon.square.large > .seat.seat9 {
  margin-left: 28px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.large > .seat.seat10 {
  margin-left: 48px;
  margin-top: 29px;
}
.seating-chart .table > .icon.square.large > .seat.seat11 {
  margin-left: 17px;
  margin-top: 48px;
}
.seating-chart .table > .icon.square.large > .seat.seat12 {
  margin-left: -2px;
  margin-top: 18px;
}
.seating-chart .table > .icon.square.large > .seat.seat13 {
  margin-left: 39px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.large > .seat.seat14 {
  margin-left: 48px;
  margin-top: 40px;
}
.seating-chart .table > .icon.square.large > .seat.seat15 {
  margin-left: 6px;
  margin-top: 48px;
}
.seating-chart .table > .icon.square.large > .seat.seat16 {
  margin-left: -2px;
  margin-top: 7px;
}
.seating-chart .table > .icon.square.small {
  height: 35px;
  padding-top: 4px;
  width: 35px;
}
.seating-chart .table > .icon.square.small > .seat.seat1 {
  margin-left: 10px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.small > .seat.seat2 {
  margin-left: 38px;
  margin-top: 18px;
}
.seating-chart .table > .icon.square.small > .seat.seat3 {
  margin-left: 25px;
  margin-top: 38px;
}
.seating-chart .table > .icon.square.small > .seat.seat4 {
  margin-left: -2px;
  margin-top: 18px;
}
.seating-chart .table > .icon.square.small > .seat.seat5 {
  margin-left: 25px;
  margin-top: -2px;
}
.seating-chart .table > .icon.square.small > .seat.seat6 {
  margin-left: 10px;
  margin-top: 38px;
}
.seating-chart .table > .icon > span {
  display: block;
  font-size: 16px;
  line-height: 16px;
}
.seating-chart .table > .icon > small {
  display: block;
  font-size: 11px;
  font-weight: normal;
  position: relative;
  white-space: nowrap;
}
.seating-chart .table > .icon.small small {
  font-size: 11px;
  line-height: 11px;
}
.seating-chart .table.full > .icon {
  background-color: #999999 !important;
  border-color: #2f2f2f !important;
  color: #F1F1F1 !important;
}
.seating-chart .table.highlight > .icon {
  background-color: #DFF4EC;
  border-color: #4AB37E;
  color: #4AB37E;
}
.seating-chart .table.ui-selected > .icon,
.seating-chart .table.ui-selecting > .icon {
  box-shadow: 0 0 6px 4px #66afe9;
  transition: box-shadow 0.15s linear;
}
.seating-table-tooltip {
  color: #2f2f2f;
}
.seating-table-tooltip > span {
  display: block;
  margin-bottom: 4px;
}
.seating-table-tooltip > div > span {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
.seating-table-tooltip > div > ul {
  border: 1px solid #999999;
  display: block;
  list-style-type: none;
  margin: 2px 0 4px 0;
  padding: 0;
  text-align: left;
}
.seating-table-tooltip > div > ul:empty {
  display: none;
}
.seating-table-tooltip > div > ul > li {
  background-color: #ffffff;
  display: block;
  font-size: 11px;
  padding: 4px 8px;
}
.seating-table-tooltip > div > ul > li:nth-child(even) {
  background-color: #F1F1F1;
}
.seating-table-tooltip > div > ul > li > span {
  display: block;
}
#editSeatingTableModal ol.assigned-guests {
  list-style-type: none;
  padding: 0;
}
#editSeatingTableModal ol.assigned-guests > li.guest {
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  display: block;
  float: left;
  height: 52px;
  margin: 4px;
  overflow: hidden;
  padding: 8px;
  width: 48%;
}
#editSeatingTableModal ol.assigned-guests > li.guest > div > span {
  display: block;
}
.modal.cropImage {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.modal.cropImage .crop-options {
  display: flex;
  margin-bottom: 10px;
}
.modal.cropImage .crop-options > div {
  flex: 1 1 auto;
}
.modal.cropImage .crop-options > div.crop-mode-options > ol {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.modal.cropImage .crop-options > div.crop-mode-options > ol > li {
  display: inline-block;
  flex: 0 0 auto;
  margin: 8px 10px 0 0;
  white-space: nowrap;
}
.modal.cropImage img.cropModalPreviewImage {
  position: absolute;
  left: -99999px;
  top: -99999px;
}
.modal.cropImage .jcrop-holder {
  margin: auto;
}
.modal.cropImage .jcrop-keymgr {
  opacity: 0;
}
.modal.modalOffer .coupon {
  color: #4AB37E;
}
.modal.modalOffer .modal-banner {
  display: block;
  height: 60px;
  margin-top: 20px;
  position: relative;
}
.modal.modalOffer .modal-banner > div {
  color: #ffffff;
  font-size: 16px;
  left: 50%;
  margin: 0;
  margin-right: -50%;
  position: absolute;
  top: 12px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal.modalOffer .modal-banner > img {
  left: 50%;
  margin: 0;
  margin-right: -50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal.modalOffer .modal-body {
  background-color: #ffffff;
  color: #666666;
  padding: 0;
}
.modal.modalOffer .modal-body .off-white {
  background-color: #f7f6f6;
}
.modal.modalOffer .modal-body div.details {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  font-size: 16px;
  padding: 8px;
}
.modal.modalOffer .modal-body div.details table {
  width: 100%;
}
.modal.modalOffer .modal-body div.details table td {
  padding: 8px;
  text-align: left;
}
.modal.modalOffer .modal-body div.details table td.price {
  text-align: right;
}
.modal.modalOffer .modal-body div.details table > tbody > tr.discount > td {
  color: #CC0000;
}
.modal.modalOffer .modal-body div.details table > tfoot > tr {
  border-top: 1px solid #F3F3F3;
  font-weight: bold;
  padding-top: 10px;
}
.modal.modalOffer .modal-dialog {
  width: 750px;
}
.modal.modalOffer .sub-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.modal.modalOffer .title {
  font-size: 30px;
  margin-bottom: 40px;
  margin-top: 30px;
}
.modal.modalOffer .whitebg {
  background-color: #ffffff;
}
.modal.purchaseUpsell {
  text-align: center;
}
.modal.purchaseUpsell .page-center {
  display: table;
  height: 100%;
  text-align: center;
  width: 100%;
}
.modal.purchaseUpsell .page-center .modal-dialog {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content {
  border-radius: 4px;
  display: inline-block;
  width: auto;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content.countdown .modal-body div.countdown {
  display: block;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content.countdown .modal-body .message {
  margin: 0 0 12px 0;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content.image {
  width: 700px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content.image .modal-body div.image {
  display: block;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body {
  padding: 36px 44px 20px 36px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body div.image {
  display: none;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body div.image img {
  max-width: 95%;
  margin-top: -12px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body a.close {
  color: #666666;
  cursor: pointer;
  font-size: 24px;
  opacity: 1;
  position: absolute;
  right: 8px;
  text-decoration: none;
  top: 4px;
  user-select: none;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body h4 {
  color: #2f2f2f;
  margin: 0 0 12px 0;
  font-size: 20px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body h4 > span {
  display: block;
  font-size: 24px;
  line-height: 32px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body h4 > span > i {
  color: #9F9F9F;
  font-size: 18px;
  position: relative;
  top: -2px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body h4 > span > span.price {
  color: #4AB37E;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body h4 > span > span.price > var {
  font-style: normal;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body div.countdown {
  background-color: #F1F1F1;
  border: 1px solid #CCCCCC;
  border-radius: 32px;
  display: none;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 8px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body div.countdown var {
  font-weight: bold;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message {
  font-size: 16px;
  margin: 38px 0;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message .price {
  align-items: flex-start;
  color: #4AB37E;
  display: flex;
  font-size: 32px;
  font-weight: bold;
  justify-content: center;
  margin: 16px 0;
  width: 100%;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message .price > sup {
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  top: 16px;
  margin-left: 4px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message .upsell-type {
  text-transform: lowercase;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0 0 -20px 0;
  padding: 0;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message ul > li {
  align-items: baseline;
  color: #666666;
  display: flex;
  font-size: 16px;
  margin-bottom: 20px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message ul > li > i {
  flex: 0 0 auto;
  margin-right: 15px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body .message ul > li > span {
  font-weight: bold;
  text-align: left;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body a.action {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 8px 0px;
  padding: 8px;
}
.modal.purchaseUpsell .page-center .modal-dialog .modal-content .modal-body a.action.primary {
  color: #ffffff;
  background-color: #4AB37E;
  border-radius: 3px;
  font-size: 14px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #269D64;
  color: #fff;
}
.btn-default {
  background-color: #fff;
  color: #4AB37E;
  border-color: #4AB37E;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: #fff;
  background-color: #4AB37E;
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-default:focus-visible {
  outline: solid 2px #000000;
}
.btn-default.disabled:focus-visible {
  color: #4AB37E;
  border-color: #4AB37E;
  outline: solid 2px #000000;
}
.btn-info {
  background-color: #666666;
  color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #333333;
  color: #fff;
}
.btn-point:before,
.btn-point-left:before {
  display: none;
}
.btn-point {
  margin-right: 0;
}
.blue-grid.btn-group .btn-default:hover,
.blue-grid.btn-group .btn-default:focus,
.blue-grid.btn-group .btn-default:active,
.blue-grid.btn-group .btn-default.active,
.blue-grid.btn-group .open .dropdown-toggle.btn-default {
  background-color: #4AB37E;
  border-color: #4AB37E;
  box-shadow: none;
  -webkit-box-shadow: none;
}
select.form-control {
  height: 32px;
}
.form-control:focus {
  border-color: #269D64;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.panel-default > .panel-heading {
  background-color: #5895ac;
}
.blue-grid .tab-bar {
  background-color: #5895ac;
}
.blue-grid .tab-bar a:not(.link) {
  background-color: #68adc7;
  border-color: 1px solid #5895ac;
  border-bottom: none;
}
.blue-grid .tab-bar a.active {
  background-color: #ffffff;
  color: inherit;
}
.no-scroll {
  overflow: hidden!important;
}
.qq-uploader {
  background-color: #E9F7F1;
}
.qq-uploader.dropzone {
  border-color: #2BB573;
}
.qq-uploader.dropzone .fa {
  border-color: #2BB573;
  color: #2BB573;
}
.qq-uploader .qq-progress-bar {
  background-color: #2BB573;
}
.qq-uploader .qq-upload-button {
  color: #2BB573;
}
.qq-uploader .qq-upload-list {
  box-shadow: none;
}
.qq-uploader .qq-upload-list li {
  background-color: #ffffff;
}
a:hover {
  text-decoration: underline;
}
a.bluelink {
  color: #427e8f;
}
a.bluelink *:hover {
  color: #427e8f;
}
.v2 .guest-history > .conversation {
  padding: 25px 40px;
}
.v2 .guest-history > .conversation > .header {
  margin-bottom: 15px;
}
.v2 .guest-history > .conversation > .header > .options {
  float: right;
  margin-top: 4px;
}
.v2 .guest-history > .conversation > .header > .text {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.v2 .guest-history .contact-info {
  border-bottom: 1px solid #E8E8E8;
  font-size: 14px;
  padding-bottom: 15px;
}
.v2 .guest-history .contact-info > span {
  display: block;
  line-height: 22px;
}
.v2 .guest-history .contact-info > span > var {
  color: #333333;
  font-weight: bold;
}
.v2 .guest-history .conversation-list {
  max-height: 400px;
  overflow-y: auto;
  padding-top: 20px;
}
.v2 .guest-history .conversation-list > div.history {
  font-size: 13px;
  margin-bottom: 20px;
}
.v2 .guest-history .conversation-list > div.history > .history-date {
  color: #9F9F9F;
}
.v2 .guest-history .conversation-list > div.history > .history-title {
  color: #333333;
}
.v2 .guest-history .conversation-list > div.message {
  border: 0;
  border-radius: 6px;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 20px;
  padding: 13px 20px;
}
.v2 .guest-history .conversation-list > div.message .message-body {
  color: #333333;
}
.v2 .guest-history .conversation-list > div.message .message-date {
  color: #9F9F9F;
}
.v2 .guest-history .conversation-list > div.message ol.message-files {
  display: inline-block;
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.v2 .guest-history .conversation-list > div.message ol.message-files > li {
  display: inline;
}
.v2 .guest-history .conversation-list > div.message ol.message-files > li:not(:last-child)::after {
  content: ', ';
}
.v2 .guest-history .conversation-list > div.message .message-title {
  color: #333333;
}
.v2 .guest-history .conversation-list > div.message.in {
  background-color: #E9F7F1;
  margin-left: 0;
  margin-right: 30px;
}
.v2 .guest-history .conversation-list > div.message.out {
  background-color: #F7F7F7;
  margin-left: 30px;
  margin-right: 5px;
}
.v2 .guest-history .footer {
  background-color: #FAFAFA;
  padding: 19px 20px 20px;
}
.v2 .guest-history .footer .attachments {
  margin-bottom: 20px;
}
.v2 .guest-history .footer .attachments > .qq-uploader {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}
.v2 .guest-history .footer .attachments > .qq-uploader .qq-upload-list > li {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #CFCFCF;
  border-radius: 0;
  border-top: 0;
  color: #666666;
  font-size: 14px;
  margin: 0;
  padding: 10px 0;
}
.v2 .guest-history .footer .attachments > .qq-uploader .qq-upload-list > li.qq-upload-success {
  color: #666666;
}
.v2 .guest-history .footer .attachments > .qq-uploader .qq-upload-list > li .qq-upload-delete-selector {
  color: #666666;
}
.v2 .guest-history .footer .attachments > .qq-uploader .qq-upload-list > li .qq-upload-size {
  color: #666666;
  font-size: 12px;
}
.v2 .guest-history .footer .dropzone {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 0;
  text-align: left;
}
.v2 .guest-history .footer .dropzone > span {
  display: inline-block;
  vertical-align: text-top;
}
.v2 .guest-history .footer .dropzone > span > small {
  display: block;
}
.v2 .guest-history .footer .no-messaging {
  margin-bottom: 0 !important;
  text-align: left;
}
.v2 .guest-history .footer .no-messaging .alert-content > span {
  display: block;
  margin-bottom: 10px;
}
.v2 .guest-history .footer .qq-upload-button-hover {
  display: inline!important;
}
.v2 .reported-spam {
  color: #ED4949 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: bold !important;
  margin-top: 4px !important;
  text-transform: uppercase !important;
}
#modalBulkSendStart.v2 .modal-dialog {
  width: 900px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body.split > .modal-body-part.end,
#modalScheduleSend.v2 .modal-dialog .modal-body.split > .modal-body-part.end {
  padding-bottom: 0;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div,
#modalScheduleSend.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div {
  border-bottom: 1px solid #E8E8E8;
  margin: 15px 0;
  padding-bottom: 15px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div label.gv-checkbox,
#modalScheduleSend.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div label.gv-checkbox {
  color: #333333;
  font-size: 13px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div:last-child,
#modalScheduleSend.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div .send-method,
#modalScheduleSend.v2 .modal-dialog .modal-body.split > .modal-body-part.end > div .send-method {
  margin-bottom: 0;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .preview,
#modalScheduleSend.v2 .modal-dialog .modal-body .preview {
  background-color: #E8E8E8;
  border-bottom: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  display: flex;
  margin: 10px 0 0 0;
  min-height: 275px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule {
  flex: 1 1 auto;
  min-height: 275px;
  padding: 10px 34px;
  text-align: center;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-l .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-l .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-l .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-l .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-l .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-l .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-l .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-l .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-l .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-l .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-l .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-l .owl-prev {
  top: 125px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-s .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-s .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-s .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-s .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-s .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-s .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-s .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.landscape-s .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-s .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.landscape-s .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-s .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.landscape-s .owl-prev {
  top: 100px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.portrait .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.portrait .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.portrait .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.portrait .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.portrait .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.portrait .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.portrait .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.portrait .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.portrait .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.portrait .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.portrait .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.portrait .owl-prev {
  top: 125px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.square .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.square .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.square .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.square .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.square .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.square .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel.square .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel.square .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel.square .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel.square .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.square .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel.square .owl-prev {
  top: 150px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-carousel .owl-item img,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-carousel .owl-item img,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-carousel .owl-item img,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-carousel .owl-item img,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel .owl-item img,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-carousel .owl-item img {
  display: block;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav {
  margin-top: 0;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav [class*="owl-"],
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav [class*="owl-"],
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav [class*="owl-"],
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav [class*="owl-"],
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav [class*="owl-"],
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav .owl-next,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav .owl-next,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav .owl-next {
  right: 5px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front.owl-theme .owl-nav .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes.owl-theme .owl-nav .owl-prev,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav .owl-prev,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule.owl-theme .owl-nav .owl-prev {
  left: 5px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .card-front .owl-nav-hide,
#modalScheduleSend.v2 .modal-dialog .modal-body .card-front .owl-nav-hide,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes .owl-nav-hide,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes .owl-nav-hide,
#modalBulkSendStart.v2 .modal-dialog .modal-body #envelopes-schedule .owl-nav-hide,
#modalScheduleSend.v2 .modal-dialog .modal-body #envelopes-schedule .owl-nav-hide {
  display: none !important;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .plain-text-sample,
#modalScheduleSend.v2 .modal-dialog .modal-body .plain-text-sample {
  flex: 1 1 auto;
  padding: 40px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .plain-text-sample > div,
#modalScheduleSend.v2 .modal-dialog .modal-body .plain-text-sample > div {
  background-color: #ffffff;
  border: 0;
  border-radius: 6px;
  color: #333333;
  font-size: 12px;
  line-height: 16px;
  padding: 20px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .send-info,
#modalScheduleSend.v2 .modal-dialog .modal-body .send-info {
  font-size: 14px;
  margin-bottom: 10px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .send-email,
#modalScheduleSend.v2 .modal-dialog .modal-body .send-email {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 19px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-body .send-email .send-email-value,
#modalScheduleSend.v2 .modal-dialog .modal-body .send-email .send-email-value {
  display: inline-block;
  padding-left: 1px;
}
#modalBulkSendStart.v2 .modal-dialog .modal-footer,
#modalScheduleSend.v2 .modal-dialog .modal-footer {
  background-color: #F7F7F7;
  border-radius: 0px 0px 6px 6px;
}
#modalAppleImport .modal-dialog {
  margin-top: 200px;
}
#modalAppleImport .modal-title {
  text-align: center;
}
#modalAppleImport .import-options {
  display: flex;
  align-items: center;
  margin: -10px;
  padding: 15px 0;
}
#modalAppleImport .import-options .import-option {
  align-self: stretch;
  text-align: center;
  padding: 10px;
}
#modalAppleImport .import-options .import-option .option-title {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
}
#modalAppleImport .import-options .import-option .option-detail .link {
  font-size: 10px;
  display: block;
}
#modalAppleImport .import-steps .actions {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0;
  margin: -5px;
}
#modalAppleImport .import-steps .actions .btnV2 {
  margin: 5px;
}
#modalExpiredMembership.v2 {
  z-index: 1050;
}
#modalExpiredMembership.v2 > .modal-dialog {
  width: 615px;
}
#modalExpiredMembership.v2 > .modal-dialog > .modal-content > .modal-body div.shared-mailings {
  border-top: 1px solid #E8E8E8;
  margin-top: 20px;
  padding-top: 20px;
}
#modalExpiredMembership.v2 > .modal-dialog > .modal-content > .modal-body div.shared-mailings ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#modalExpiredMembership.v2 > .modal-dialog > .modal-content > .modal-body div.shared-mailings ul li {
  display: block;
  margin-top: 10px;
  text-align: center;
}
#modalGuestHistory.v2 .modal-content {
  width: 620px;
}
.modalPreviewEnvelopes.v2 .previewEnvelopes .envelopes {
  background: #E8E8E8;
  border-top: 1px solid #CFCFCF;
  padding: 10px 34px;
  margin: 10px 0;
  width: 100%;
}
#modalScheduleSend.v2 .modal-dialog {
  width: 1000px;
}
#modalSendConfirm.v2 .modal-dialog {
  width: 770px;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  overflow: hidden;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table {
  width: 100%;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > thead > tr > th {
  background-color: #F7F7F7;
  border-left: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  line-height: 27px;
  padding: 15px 10px 17px 10px;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > thead > tr:first-child > th {
  border-top: 0;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > thead > tr > th:first-child {
  border-left: 0;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > thead > tr > th:last-child {
  border-right: 0;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > tbody > tr > td {
  background-color: #ffffff;
  border-left: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  color: #666666;
  font-size: 14px;
  padding: 6px 10px;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > tbody > tr > td:first-child {
  border-left: 0;
}
#modalSendConfirm.v2 .modal-dialog .modal-body div.results table > tbody > tr > td:last-child {
  border-right: 0;
  width: 150px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 1024px) {
  header {
    margin-left: 8px;
    margin-right: 8px;
  }
  #page-container {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1280px) {
  #default .btn-white .fa {
    display: none;
  }
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1680px) {
}
@media only screen and (min-width: 1920px) {
}