.event-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  box-shadow:
    0 0 0 1px rgba(50, 50, 93, 0.05),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px 3px 4px 4px;
}

.event-card.selected {
  box-shadow:
    0 0 0 4px rgb(0 198 113 / 20%),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.15) !important;
}

.event-card:hover {
  box-shadow:
    0 0 0 4px rgb(0 0 0 / 3%),
    0 2px 5px 0 rgb(25 25 44 / 4%),
    0 1px 1px 0 rgb(0 0 0 / 10%);
}

.event-card .card-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 12px 20px 8px;
}

.event-card .card-top .checkbox {
  margin-right: 3px;
  transform: translateY(2px);
}

.event-card .card-top .text-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 44px;
  padding: 0px 35px 0px 0px;
}

.event-card .card-top .text-box .title {
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.event-card .card-top .text-box .text {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.34;
  padding: 3px 0px 10px 0px;
}

.event-card .card-top .text-box .ty-ex {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 0px;
  background: #bea;
  border-radius: 50%;
  font-size: 9px;
  color: #387126;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.5px;
  font-family: monospace;
}

.event-card .card-top .text-box .ty-re {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 0px;
  background: #ca81ff;
  border-radius: 50%;
  font-size: 9px;
  color: #fff;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.5px;
  font-family: monospace;
}

.event-card .card-top .text-box .ty-se {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 0px;
  background: #5063ff;
  border-radius: 50%;
  font-size: 9px;
  color: #fff;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.5px;
  font-family: monospace;
}

.event-card .card-top .more-t1 {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 14px;
}

.event-card .card-top .more-t1 .rx {
  position: relative;
}

.event-card .card-top .more-t1 .rx .ico {
  width: 34px;
  height: 34px;
  position: relative;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.event-card .card-top .more-t1 .rx .ico:hover {
  background: #f5f6f7;
}

.event-card .card-top .more-t1 .rx .ico.active {
  background: #f5f6f7;
}

.event-card .card-top .more-t1 .rx .ico .ic {
  font-size: 22px;
  line-height: 34px;
}

.event-card .card-top .more-t1 .rx .opt {
  width: 230px;
  position: absolute;
  right: -2px;
  top: 38px;
  z-index: 2;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}

.event-card .card-top .more-t1 .rx .opt .px {
  clear: both;
  padding: 8px;
}

.event-card .card-top .more-t1 .rx .opt .px .item {
  display: block;
  position: relative;
  padding: 8px 12px 8px 46px;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
}

.event-card .card-top .more-t1 .rx .opt .px .item:hover {
  background: #f0f5ff;
}

.event-card .card-top .more-t1 .rx .opt .px .item .ab {
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
}

.event-card .card-top .more-t1 .rx .opt .px .item .ab .ic {
  font-size: 20px;
  line-height: 28px;
  color: #62666b;
}

.event-card .card-top .more-t1 .rx .opt .px .sp-t1 {
  width: 100%;
  clear: both;
  position: relative;
  padding: 6px 0px;
}

.event-card .card-top .more-t1 .rx .opt .px .sp-t1 .bdr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
  background: #eee;
}

.event-card .card-top .more-t1 .rx .opt {
  display: none;
  margin-top: -20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.event-card .card-top .more-t1 .rx .opt.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.event-card .card-middle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 20px 59px;
  flex: 1;
}

.event-card .card-middle .date-box {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.event-card .card-middle .date-box .date {
  display: inline-block;
  font-size: 14px;
  line-height: 135%;
  padding: 6px 8px;
  background: #f5f6f7;
  border-radius: 8px;
}

.event-card .card-middle .date-box .type {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
}

.event-card .card-middle .date-box .type .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 16px;
  width: 16px;
  margin: 0px 3px 0px 0px;
}

.event-card .card-middle .date-box .type .ico-recurring-event {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: #ed8451;
  border-radius: 6px;
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.5px;
  margin: 0px 4px 0px 0px;
  cursor: default;
}

.event-card .card-middle .date-box .type .ico-event-series {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: #e7d6ff80;
  border-radius: 6px;
  font-size: 10px;
  color: #6c5c83;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.5px;
  margin: 0px 4px 0px 0px;
  cursor: default;
}

.event-card .card-middle .date-box .type .ico-event-external {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: #bea;
  border-radius: 6px;
  font-size: 10px;
  color: #448263;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.5px;
  margin: 0px 4px 0px 0px;
  cursor: default;
}

.event-card .card-middle .icon-box {
  display: flex;
  align-items: center;
}

.event-card .card-middle .icon-box .ito:first-child {
  margin: 0;
}

.event-card .card-middle .icon-box .calendars {
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 7px;
  margin: 0px 0px 0px 20px;
}

.event-card .card-middle .icon-box .calendars .calendar-circle {
  display: block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 50%;
  margin-left: -4px;
  box-shadow: 0px 0px 0px 1px #ffffffbd;
}

.event-card .card-middle .icon-box .calendars .calendar-circle:first-child {
  margin-left: -1px;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.green {
  background-color: #1dc67d;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.violet {
  background-color: #6758f3;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.cadet-blue {
  background-color: #989fbd;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.yellow {
  background-color: #f8c200;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.orange {
  background-color: #ff7849;
}

.event-card .card-middle .icon-box .calendars .calendar-circle.lilac {
  background-color: #cc85e4;
}

.event-card .card-middle .icon-box .tags {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 20px;
}

.event-card .card-middle .icon-box .tags .itm {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 50%;
  cursor: default;
}

.event-card .card-middle .icon-box .tags .icon {
  font-size: 20px;
}

.event-card .card-middle .icon-box .tags .icon.green {
  color: #1dc67d;
}

.event-card .card-middle .icon-box .tags .icon.yellow {
  color: #f8c200;
}

.event-card .card-middle .icon-box .tags .icon.red {
  color: #f60049;
}

.event-card .card-bottom {
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 0px 0px 4px 4px;
  border-top: 1px solid #f3f3f3;
  background: #fbfbfb;
}

.event-card .card-bottom .rsvp-state {
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 16px;
}

.event-card .card-bottom .rsvp-state .state {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0px 10px 0px 6px;
  border-radius: 4px;
  cursor: pointer;
}

.event-card .card-bottom .rsvp-state .state:hover {
  background: #f5f6f7;
}

.event-card .card-bottom .rsvp-state .state:last-child {
  margin-right: 0;
}

.event-card .card-bottom .rsvp-state .state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-right: 4px;
}

.event-card .card-bottom .rsvp-state .state.going .icon {
  color: #1dc67d;
}

.event-card .card-bottom .rsvp-state .state.maybe .icon {
  color: #f8c200;
  font-size: 20px;
}

.event-card .card-bottom .rsvp-state .state.notgoing .icon {
  color: #f60049;
  font-size: 20px;
}

.event-card .card-bottom .rsvp-state .state .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.29;
}

.event-card .card-bottom .action {
  position: absolute;
  top: 8px;
  right: 14px;
}

.event-card .card-bottom .action .itm {
  float: left;
}

.event-card .card-bottom .action .share {
  width: 38px;
  height: 38px;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 50%;
}

.event-card .card-bottom .action .share .icon {
  display: inline-block;
  color: #85888f;
  font-size: 23px;
  line-height: 38px;
  margin: 0px 0px 0px -2px;
}

.event-card .card-bottom .action .share .ic {
  font-size: 20px;
  line-height: 38px;
  color: #85888f;
}

.event-card .card-bottom .action .share:hover {
  background: #f5f6f7;
}

.event-card .init {
  height: 200px;
  position: relative;
  box-shadow:
    0 0 0 1px rgba(50, 50, 93, 0.05),
    0 2px 5px 0 rgb(50 50 93 / 0%),
    0 1px 1px 0 rgb(0 0 0 / 0%);
  border-radius: 3px 3px 4px 4px;
  cursor: pointer;
}

.event-card {
  transition: all 0.2s ease;
}

.event-card.fst:hover {
  box-shadow:
    0 0 0 5px rgb(145 217 97 / 10%),
    0 2px 5px 0 rgb(71 112 27 / 11%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-card .init .plus {
  clear: both;
  padding: 62px 0px 0px 0px;
  text-align: center;
}

.event-card .init .plus i {
  font-size: 60px;
  color: #125ef8;
  background: -webkit-linear-gradient(rgb(105 155 255), rgb(169 255 0));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.event-card .init .text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 30px;
  text-align: center;
}

.event-card .init .text p {
  margin: 0px;
  position: relative;
  font-size: 17px;
  color: #1b212b;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.1px;
  display: inline-block;
}

.event-card.blank {
  box-shadow: unset;
  background: #f9f9f9;
}

.event-card.blank .inx {
  height: 200px;
  position: relative;
}

.events-table-t1 {
  clear: both;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #e9eaeb8c;
}

.events-table-t1 .checkbox {
  position: absolute;
  left: 20px;
  top: 20px;
  display: none;
}

.events-table-t1 .checkbox.disabledcheck {
  opacity: 0.5;
  cursor: default;
}

.events-table-t1 .checkbox.disabledcheck .c-label::before {
  background-color: #ebebeb;
  cursor: default;
}

.events-table-t1 .txta {
  clear: both;
  padding: 20px 30px 22px 53px;
}

.events-table-t1 .txta .ma {
  clear: both;
  position: relative;
  margin: 0px 85px 0px 0px;
}

.events-table-t1 .txta .ma .dot {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -30px;
  top: 4px;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgb(0 0 0 / 50%);
}

.events-table-t1 .txta .ma .tit {
  margin: 0px 0px 5px 0px;
  display: inline-block;
  font-size: 19px;
  line-height: 115%;
  color: #222;
  font-weight: 600;
  cursor: pointer;
}

.events-table-t1 .txta .ma .tit .lnk {
  cursor: pointer;
}

.events-table-t1 .txta .ma .tit:hover {
  text-decoration: underline;
}

.events-table-t1 .txta .ma .tit .rsvw {
  display: inline-block;
  width: 60px;
  height: 14px;
  position: relative;
}

.events-table-t1 .txta .ma .tit .rsvw .rsvi {
  position: absolute;
  left: 10px;
  top: -2px;
  font-size: 12px;
  font-weight: 600;
  background: #ffecea;
  color: #ae2e24;
  line-height: 20px;
  padding: 0px 6px;
  display: inline-block;
  border-radius: 3px;
  cursor: default;
}

.events-table-t1 .txta .ma .dat {
  clear: both;
  position: relative;
}

.events-table-t1 .txta .ma .dat.wic {
  padding: 0px 0px 0px 30px;
  margin: 12px 0px 0px 0px;
}

.events-table-t1 .txta .ma .dat .rru {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.events-table-t1 .txta .ma .dat .rru .exic {
  display: inline;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: #e36c0fed !important;
}

.events-table-t1 .txta .ma .dat .rpt {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.events-table-t1 .txta .ma .dat .rpt .exic {
  display: inline;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #08ad20 !important;
}

.events-table-t1 .txta .ma .dat p {
  margin: 0;
  font-size: 15px;
  line-height: 135%;
  color: #5f5f5f;
  font-weight: 400;
}

.events-table-t1 .txta .ma .dat .tziinl {
  display: inline-block;
  position: relative;
  cursor: default;
  color: #999;
  padding: 0px 0px 0px 23px;
  margin: 0px 0px 0px 10px;
  font-size: 15px;
}

.events-table-t1 .txta .ma .dat .tziinl .ic {
  position: absolute;
  left: 0px;
  top: 2px;
  color: #6d6d6d73;
  font-size: 16px;
}

.events-table-t1 .txta .ma .tab {
  display: grid;
  grid-template-columns: auto 260px;
  gap: 20px;
}

.events-table-t1 .txta .ma .tab .tbcl2 {
  position: relative;
}

.events-table-t1 .txta .desc {
  max-width: 80%;
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.events-table-t1 .txta .exst {
  clear: both;
  position: relative;
  padding: 12px 0px 0px 0px;
}

.events-table-t1 .txta .exst .flt {
  height: 32px;
  float: left;
  margin: 0px 28px 0px 0px;
}

.events-table-t1 .txta .rsvp-state {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px -7px;
}

.events-table-t1 .txta .rsvp-state.neutral .state.going {
  background: #f3f4f8a6;
}

.events-table-t1 .txta .rsvp-state .state {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0px 12px 0px 6px;
  margin: 0px 4px 0px 0px;
  border-radius: 24px;
}

.events-table-t1 .txta .rsvp-state .state:last-child {
  margin-right: 0;
}

.events-table-t1 .txta .rsvp-state .state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-right: 4px;
}

.events-table-t1 .txta .rsvp-state .state.going {
  background: #1dc67d14;
}

.events-table-t1 .txta .rsvp-state .state.going .icon {
  color: #1dc67d;
}

.events-table-t1 .txta .rsvp-state .state.maybe {
  background: #f8c2001f;
}

.events-table-t1 .txta .rsvp-state .state.maybe .icon {
  color: #f8c200;
  font-size: 20px;
}

.events-table-t1 .txta .rsvp-state .state.notgoing {
  background: #f600490a;
}

.events-table-t1 .txta .rsvp-state .state.notgoing .icon {
  color: #f60049;
  font-size: 20px;
}

.events-table-t1 .txta .rsvp-state .state .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.29;
}

.events-table-t1 .txta .git {
  display: block;
  position: relative;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  padding: 0px 0px 0px 44px;
  border-radius: 24px;
  color: #1c1e1fc9;
  font-size: 15px;
  font-weight: 400;
}

.events-table-t1 .txta .gitcal {
  max-width: 220px;
}

.events-table-t1 .txta .gittypes {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
}

.events-table-t1 .txta .gittypes .flt {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
  margin: 0px 5px 0px 0px;
}

.events-table-t1 .txta .gittypes .xtt {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 2px;
  cursor: default;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.events-table-t1 .txta .gittypes .xtt .ic {
  display: inline;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #289fe5 !important;
}

.events-table-t1 .txta .gittypes .rpt {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 2px;
  cursor: default;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.events-table-t1 .txta .gittypes .rpt .ic {
  display: inline;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #08ad20 !important;
}

.events-table-t1 .txta .gittypes .rsv {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  cursor: default;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.events-table-t1 .txta .gittypes .rsv .ic {
  display: inline;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #ec1f99 !important;
}

.events-table-t1 .txta .git .icx {
  width: 28px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 2px;
  text-align: left;
  /*display: none;*/
}

.events-table-t1 .txta .git .io {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 24px;
  top: 8px;
  border-radius: 50%;
  box-shadow: inset 0 0 0px 1px rgb(0 0 0 / 9%);
}

.events-table-t1 .txta .git .icx .ic {
  font-size: 16px;
  line-height: 24px;
  color: #72767ac9;
}

.events-table-t1 .txta .git .icx .ic.ilo {
  font-size: 20px;
  line-height: 24px;
  color: #e60505;
}

.events-table-t1 .txta .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.events-table-t1 .txta .more {
  position: absolute;
  top: 15px;
  right: 18px;
}

.events-table-t1 .txta .more .li-op {
  width: 38px;
  height: 38px;
  float: left;
  margin: 0px 0px 0px 5px;
}

.events-table-t1 .txta .more .li-ext {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  text-align: center;
}

.events-table-t1 .txta .more .li-ext:hover {
  background: #f5f6f7;
}

.events-table-t1 .txta .more .li-ext:active {
  background: #f5f6f7;
}

.events-table-t1 .txta .more .li-ext .ic {
  font-size: 20px;
  line-height: 38px;
  display: inline-block;
  color: #5f6368;
}

.events-table-t1 .txta .more .li-mo {
  width: 38px;
  height: 38px;
  float: left;
  margin: 0px 0px 0px 5px;
}

.events-table-t1 .txta .more .li-more {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  text-align: center;
}

.events-table-t1 .txta .more .li-more:hover {
  background: #f5f6f7;
}

.events-table-t1 .txta .more .li-more.active {
  background: #f5f6f7;
}

.events-table-t1 .txta .more .li-more .ic {
  font-size: 20px;
  line-height: 38px;
  display: inline-block;
  color: #5f6368;
}

.events-table-t1 .txta .more .li-menu {
  width: 230px;
  position: absolute;
  right: 34px;
  top: -8px;
  z-index: 2;
  display: none;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}

.events-table-t1 .txta .more .li-menu .px {
  clear: both;
  padding: 8px;
}

.events-table-t1 .txta .more .li-menu .px .item {
  display: block;
  position: relative;
  padding: 8px 12px 8px 46px;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
}

.events-table-t1 .txta .more .li-menu .px .item:hover {
  background: #f0f5ff;
}

.events-table-t1 .txta .more .li-menu .px .item .icx {
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
}

.events-table-t1 .txta .more .li-menu .px .item .icx .ic {
  font-size: 20px;
  line-height: 28px;
  color: #62666b;
}

.events-table-t1 .txta .more .li-menu .px .sp-t1 {
  width: 100%;
  clear: both;
  position: relative;
  padding: 6px 0px;
}

.events-table-t1 .txta .more .li-menu .px .sp-t1 .bdr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
  background: #eeeeee8c;
}

.events-table-t1 .txta .more .li-menu {
  display: none;
  margin-right: -20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.events-table-t1 .txta .more .li-menu.show {
  opacity: 1;
  margin-right: 0px;
  margin-top: -10px;
  transform: scale(1, 1);
}

.calendar {
  width: 100%;
  height: 100%;
  clear: both;
  position: relative;
}

.calendar {
  width: 100%;
  height: 100%;
}

.calendar table,
.calendar th,
.calendar td {
  vertical-align: top;
  text-align: left;
  line-height: 100%;
}

.calendar table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.calendar td {
  height: 70px;
  padding: 0px;
  border: 1px solid #a6a8b31f;
  background: #fff;
  color: #aaaaaa;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.calendar tr td:first-child {
  border-left: 1px solid transparent;
}

.calendar tr td:last-child {
  border-right: 1px solid transparent;
}

.calendar table tr:last-child td {
  border-bottom: 1px solid transparent;
}

.calendar .th {
  text-align: left;
  font-weight: 700;
  color: #888;
  background: none;
  border: 0 !important;
  font-size: 12px;
  padding: 0px 0px 5px 0px;
}

.calendar .td1 {
  height: 100px;
}

.calendar .td2 {
  height: 100px;
}

.calendar .td2 .dna {
  display: none;
}

.calendar .tnu {
  position: relative;
  padding: 8px 0px 0px 0px;
  font-size: 13px;
  text-align: center;
  color: #98a0a6;
  font-weight: 500;
}

.calendar .weekend {
  color: #349ad4;
}

.calendar .currentday .tnu span {
  position: relative;
  z-index: 3;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.calendar .currentday .tnu::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin: -8px 0px 0px -15px;
  z-index: 3;
  line-height: 24px;
  background: #006eff;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #ffffffa3;
}

.calendar .list {
  display: block;
  padding: 6px 0px 6px 0px;
  position: relative !important;
}

.calendar .th0 {
  width: 15%;
}

.calendar .th1 {
  width: 14%;
}

.calendar .th2 {
  width: 14%;
}

.calendar .th3 {
  width: 14%;
}

.calendar .th4 {
  width: 14%;
}

.calendar .th5 {
  width: 14%;
}

.calendar .th6 {
  width: 15%;
}

.calendar .blank {
  background: #fff
    url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 40 40%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27%23f9f9fa%27 fill-opacity=%271%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 40L40 0H20L0 20M40 40V20L20 40%27/%3E%3C/g%3E%3C/svg%3E");
}

.calendar .dna {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #98a0a6;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  padding: 10px 0px 0px 0px;
  letter-spacing: -0.25px;
}

.calendar .ddok {
  position: relative;
}

.calendar .ddok .calmarker {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 26px;
  line-height: 27px;
  background: #fffda8;
  font-size: 14px;
  font-weight: 500;
  color: #5d5c42;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1002;
  word-wrap: break-word;
  opacity: 0.85;
  box-shadow:
    rgb(57 57 38 / 20%) -1px 2px 0px -1px,
    #cdcb8e 0px 1px 3px -1px;
}

.calendar .ddok .calmarker .ine {
  display: inline-block;
  padding: 0px 0px 0px 8px;
}

.calendar .ddok .calmarker.co000000 {
  color: rgba(0, 0, 0, 0.75) !important;
}

.calendar .ddok .calmarker.coffffff {
  color: rgba(255, 255, 255, 0.9) !important;
}

.weekly {
  width: 100%;
  height: 100%;
  clear: both;
  position: relative;
}

.weekview {
  height: 100%;
  clear: both;
  padding: 0px 1px 1px 0px;
}

.weekview table,
.weekview th,
.weekview td {
  vertical-align: top;
  text-align: left;
  line-height: 100%;
  position: relative;
}

.weekview table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.weekview td {
  padding: 0px;
  border: 1px solid #a6a8b31f;
  border-bottom: 1px solid transparent;
  background: #fff;
  color: #aaaaaa;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.weekview td:first-child {
  border-left: 1px solid transparent;
}

.weekview td:last-child {
  border-right: 1px solid transparent;
}

.weekview .th {
  text-align: center;
  text-transform: uppercase;
  color: #707070;
  font-size: 11px;
  line-height: 100%;
  font-weight: 400;
  padding: 6px 0px 0px 0px;
  letter-spacing: -0.25px;
  border-bottom: none;
}

.weekview .wkvday {
  display: block;
  padding: 4px 0px 0px 0px;
  font-size: 12px;
  line-height: 100%;
  color: #98a0a6;
  font-weight: 500;
}

.weekview .wkvdaymon {
  display: none;
}

.weekview .wkvdaynum {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 3px 0px 7px 0px;
  line-height: 30px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  color: #282f33;
  letter-spacing: -0.5px;
  border-radius: 50%;
}

.weekview .currentday .wkvday {
  color: #006eff;
  font-weight: 600;
}

.weekview .currentday .wkvdaynum {
  background: #006eff;
  color: #fff;
}

.weekview .list {
  display: block;
}

.weekview .td1 {
  height: 100%;
  min-height: 300px;
  border-top: none;
}

.weekview .weekend {
  color: #349ad4;
}

.weekview .currentday {
  position: relative;
  z-index: 1;
  font-weight: 600;
  background-color: #fff !important;
}

.weekview .tnu {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #98a0a6;
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  padding: 10px 0px 0px 0px;
  letter-spacing: -0.25px;
}

.weekview .cl1 {
  width: 15%;
}

.weekview .cl2 {
  width: 14%;
}

.weekview .cl3 {
  width: 14%;
}

.weekview .cl4 {
  width: 14%;
}

.weekview .cl5 {
  width: 14%;
}

.weekview .cl6 {
  width: 14%;
}

.weekview .cl7 {
  width: 15%;
}

.weekview .longchld .ino .inw {
  display: none;
}

.weekview .wks-mob-hed {
  display: none;
}

.weekview .calmarker {
  position: absolute;
  left: 0px;
  top: -29px;
  right: 0px;
  height: 26px;
  line-height: 27px;
  background: #fffda8;
  font-size: 14px;
  font-weight: 500;
  color: #5d5c42;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1002;
  word-wrap: break-word;
  opacity: 0.85;
  box-shadow:
    rgb(57 57 38 / 20%) -1px 2px 0px -1px,
    #cdcb8e 0px 1px 3px -1px;
}

.weekview .calmarker .ine {
  display: inline-block;
  padding: 0px 0px 0px 8px;
}

.weekview .calmarker.co000000 {
  color: rgba(0, 0, 0, 0.75) !important;
}

.weekview .calmarker.coffffff {
  color: rgba(255, 255, 255, 0.9) !important;
}

.pop-evt-det {
  width: 450px;
  position: absolute;
  left: 200px;
  top: 50px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  border-radius: 8px;
  transition:
    opacity 0.1s ease,
    transform 0.1s ease,
    height 0.2s ease,
    left 0.1s ease,
    top 0.1s ease;
}

.pop-evt-det .fx {
  width: 100%;
  height: 70px;
  clear: both;
  position: relative;
}

.pop-evt-det .fx .rgt {
  position: absolute;
  top: 12px;
  right: 12px;
}

.pop-evt-det .fx .rgt .act {
  float: left;
  position: relative;
  margin: 0 3px 0 2px;
}

.pop-evt-det .fx .rgt .act .bt {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  position: relative;
  cursor: pointer;
  line-height: 40px;
  border-radius: 50%;
}

.pop-evt-det .fx .rgt .act .bt i {
  position: absolute;
  left: 9px;
  top: 8px;
  font-size: 20px;
  line-height: 24px;
  color: #5f6368;
}

.pop-evt-det .fx .rgt .act .bt.share i {
  font-size: 20px;
  line-height: 24px;
}

.pop-evt-det .fx .rgt .act .bt:hover {
  background: #f1f1f1;
}

.pop-evt-det .fx .rgt .act .active {
  background: #f1f1f1;
}

.pop-evt-det .fx .rgt .act .bt.close {
  margin: 0px 0px 0px 8px;
}

.pop-evt-det .fx .rgt .act .bt.close i {
  font-size: 24px;
  left: 8px;
}

.pop-evt-det .fx .rgt .act .bt.disabled {
  cursor: default !important;
  opacity: 0.3;
}

.pop-evt-det .det {
  max-height: 420px;
  clear: both;
  margin: 0 6px 6px 0;
  padding: 0 0 20px 0;
  overflow: auto;
}

.pop-evt-det .det .hed {
  clear: both;
  position: relative;
  padding: 0 20px 0 70px;
  margin: 0 0 5px 0;
}

.pop-evt-det .det .hed p {
  margin: 0;
  display: inline-block;
  font-size: 19px;
  line-height: 115%;
  color: #222;
  font-weight: 600;
}

.pop-evt-det .det .hed .lnk {
  cursor: pointer;
}

.pop-evt-det .det .hed .lnk:hover {
  text-decoration: underline;
}

.pop-evt-det .det .hed .rsvw {
  display: inline-block;
  width: 60px;
  height: 14px;
  position: relative;
}

.pop-evt-det .det .hed .rsvw .rsvi {
  position: absolute;
  left: 10px;
  top: -3px;
  font-size: 12px;
  font-weight: 600;
  background: #ffecea;
  color: #ae2e24;
  line-height: 20px;
  padding: 0px 6px;
  display: inline-block;
  border-radius: 3px;
  cursor: default;
}

.pop-evt-det .det .hed .dot {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 32px;
  top: 5px;
  border-radius: 50%;
}

.pop-evt-det .det .dat {
  clear: both;
  position: relative;
  padding: 0 20px 0 70px;
  margin: 0 0 20px 0;
}

.pop-evt-det .det .dat p {
  margin: 0;
  font-size: 15px;
  line-height: 135%;
  color: #5f5f5f;
  font-weight: 400;
}

.pop-evt-det .det .dat .dalb {
  display: inline-block;
  margin: 0px 10px 0px 0px;
}

.pop-evt-det .det .dat .tziinl {
  display: inline-block;
  position: relative;
  cursor: default;
  color: #999;
  padding: 0px 0px 0px 23px;
  font-size: 15px;
}

.pop-evt-det .det .dat .tziinl .ic {
  position: absolute;
  left: 0px;
  top: 2px;
  color: #6d6d6d73;
  font-size: 16px;
}

.pop-evt-det .det .det-t1 {
  clear: both;
  position: relative;
  padding: 8px 20px 8px 70px;
  overflow-wrap: break-word;
}

.pop-evt-det .det .det-t1 p {
  margin: 0;
  display: inline-block;
  position: relative;
  font-size: 15px;
  line-height: 135%;
  color: #222;
  font-weight: 400;
}

.pop-evt-det .det .det-t1 .ico {
  position: absolute;
  left: 29px;
  top: 7px;
}

.pop-evt-det .det .det-t1 .ico.p1 {
  top: 12px;
}

.pop-evt-det .det .det-t1 .ico.p2 {
  top: 10px;
}

.pop-evt-det .det .det-t1 .ico i {
  font-size: 20px;
  line-height: 22px;
  color: #6d6d6d;
}

.pop-evt-det .det .det-t1 .ico i.s1 {
  font-size: 18px;
  margin: 0px 0px 0px 1px;
}

.pop-evt-det .det .det-t1 .ico i.s2 {
  margin: 0px 0px 0px 1px;
}

.pop-evt-det .det .det-t1.repevt p {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 30px;
}

.pop-evt-det .det .det-t1.extevt p {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 30px;
}

.pop-evt-det .det .det-t1 .rru {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: -16px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.pop-evt-det .det .det-t1 .xtt {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.pop-evt-det .det .det-t1 .rpt {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  background: #fff;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.pop-evt-det .det .det-t1 .rru .exic {
  display: inline;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #e36c0fed !important;
}

.pop-evt-det .det .det-t1 .xtt .exic {
  display: inline;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #289fe5 !important;
}

.pop-evt-det .det .det-t1 .rpt .exic {
  display: inline;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #08ad20 !important;
}

.pop-evt-det .det .det-t1.loc .ico i {
  color: #e60505;
}

.pop-evt-det .det .det-t1.evtads .ico i {
  color: #6d6d6d78;
}

.pop-evt-det .det .det-t1.rsvpgoi .ico i {
  color: #6d6d6db3;
}

.pop-evt-det .det .det-t2 {
  clear: both;
  position: relative;
  padding: 4px 20px 8px 70px;
  font-size: 15px;
  line-height: 145%;
  color: #222;
  font-weight: 400;
  overflow-wrap: break-word;
}

.pop-evt-det .det .det-t2 p {
  margin: 0;
  font-size: 15px;
  line-height: 145%;
  color: #222;
  font-weight: 400;
}

.pop-evt-det .det .det-t2 a {
  color: #0079f3;
  text-decoration: underline;
}

.pop-evt-det .det .det-t2 a:hover {
  text-decoration: none;
}

.pop-evt-det .det .det-t2 .dd {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pop-evt-det .det .det-t2 .more {
  text-decoration: underline;
  color: #222;
}

.pop-evt-det .det .det-t2 .more i {
  display: none;
}

.pop-evt-det .det .det-t2 .more:hover {
  text-decoration: none;
}

.pop-evt-det .det .det-t2 .truncated {
  display: none;
}

.pop-evt-det .det .det-t2 .fulltext {
  display: block;
}

.pop-evt-det .det .det-t2.istruncated .truncated {
  display: block;
}

.pop-evt-det .det .det-t2.istruncated .fulltext {
  display: none;
}

.pop-evt-det .det .det-t2 .ico {
  position: absolute;
  left: 29px;
  top: 4px;
}

.pop-evt-det .det .det-t2 .ico i {
  font-size: 20px;
  line-height: 22px;
  color: #6d6d6d;
}

.pop-evt-det .det .det-t2.desc .ico i {
  transform: scaleY(-1) rotate(-180deg);
}

.pop-evt-det .det-t1.recevt {
  margin: -15px 0px 5px 0px;
}

.pop-evt-det .det-t1 {
  clear: both;
  padding: 12px 0px 12px 0px;
}

.pop-evt-det .det-t1 .rx {
  clear: both;
}

.pop-evt-det .det-t1 .rx .pxx-t1 {
  width: 20px;
  height: 1px;
  position: relative;
  top: 0px;
  display: inline-block;
  line-height: 18px;
  margin: 0px 5px 0px 0px;
}

.pop-evt-det .det-t1 .rx p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #2d2d2d;
}

.pop-evt-det .det-t1 .rsvp-state {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px -7px;
}

.pop-evt-det .det-t1 .rsvp-state.neutral .state.going {
  background: #f3f4f8a6;
}

.pop-evt-det .det-t1 .rsvp-state .state {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0px 12px 0px 6px;
  margin: 0px 4px 0px 0px;
  border-radius: 24px;
}

.pop-evt-det .det-t1 .rsvp-state .state:last-child {
  margin-right: 0;
}

.pop-evt-det .det-t1 .rsvp-state .state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-right: 4px;
}

.pop-evt-det .det-t1 .rsvp-state .state.going {
  background: #1dc67d14;
}

.pop-evt-det .det-t1 .rsvp-state .state.going .icon {
  color: #1dc67d;
}

.pop-evt-det .det-t1 .rsvp-state .state.maybe {
  background: #f8c2001f;
}

.pop-evt-det .det-t1 .rsvp-state .state.maybe .icon {
  color: #f8c200;
  font-size: 20px;
}

.pop-evt-det .det-t1 .rsvp-state .state.notgoing {
  background: #f600490a;
}

.pop-evt-det .det-t1 .rsvp-state .state.notgoing .icon {
  color: #f60049;
  font-size: 20px;
}

.pop-evt-det .det-t1 .rsvp-state .state .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.29;
}

.pop-evt-det .det-box {
  display: flex;
}

.pop-evt-det .det-box .ito:first-child {
  margin: 0;
}

.pop-evt-det .det-box .calendars {
  display: inline-block;
}

.pop-evt-det .det-box .calendars .calendar-circle {
  display: block;
  position: relative;
  padding: 0px 30px 0px 22px;
  min-height: 18px;
  margin: 0;
  font-size: 15px;
  line-height: 135%;
  color: #222;
  font-weight: 400;
}

.pop-evt-det .det-box .calendars .calendar-circle .io {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 2px;
  top: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0px 1px rgb(0 0 0 / 9%);
}

.pop-evt-det .det-box .calendars .calendar-circle:first-child {
  margin-left: -1px;
}

.pop-evt-det .det-box .calendars .calendar-circle .xtt {
  top: -1px;
  left: auto;
  right: 0px;
  cursor: default;
}

.pop-evt-det .det-box .tags {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 20px;
}

.pop-evt-det .det-box .tags .itm {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 50%;
  cursor: default;
}

.pop-evt-det .det-box .tags .icon {
  font-size: 20px;
}

.pop-evt-det {
  display: none;
  visibility: hidden;
  z-index: 1001;
  opacity: 0;
  transform: scale(0.98, 0.98) translate(12px, 0px);
}

.pop-evt-det.show {
  visibility: visible;
  opacity: 1;
  margin: 0;
  transform: scale(1, 1) translate(0);
}

.qckevt-t1 {
  width: 450px;
  position: absolute;
  left: 200px;
  top: 20px;
  z-index: 200;
  display: none;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  background: #fff;
  border-radius: 8px;
}
.qckevt-t1 .px {
  clear: both;
}
.qckevt-t1 .pxi {
  clear: both;
  position: relative;
}
.qckevt-t1 .pxi .close {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
}
.qckevt-t1 .pxi .close:hover {
  background: #efefef;
}
.qckevt-t1 .pxi .close:active {
  background: #eee;
}
.qckevt-t1 .pxi .close .ico {
  font-size: 23px;
  line-height: 36px;
  color: #5f6368;
}
.qckevt-t1 .pxi .tzidsel {
  float: left;
  line-height: 40px;
  position: relative;
  padding: 0px 40px 0px 34px;
  margin: -10px 0px 0px 0px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}
.qckevt-t1 .pxi .tzidsel.notzid {
  padding: 0px 14px 0px 36px;
}
.qckevt-t1 .pxi .tzidsel.notzid .clear {
  display: none;
}
.qckevt-t1 .pxi .tzidsel:hover {
  background: #f5f6f6;
}
.qckevt-t1 .pxi .tzidsel:active {
  background: #eeefef;
}
.qckevt-t1 .pxi .tzidsel:hover .res {
  background: #f5f6f6;
}
.qckevt-t1 .pxi .tzidsel .tziddrop {
  height: 364px;
}
.qckevt-t1 .pxi .tzidsel .glo {
  position: absolute;
  left: 9px;
  top: 1px;
}
.qckevt-t1 .pxi .tzidsel .glo .ic {
  font-size: 16px;
  line-height: 40px;
  color: #9a9a9a;
}
.qckevt-t1 .pxi .tzidsel .lbl {
  display: block;
  font-size: 15px;
  line-height: 40px;
  color: #555;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.25px;
}
.qckevt-t1 .pxi .tzidsel .lbl .gtm {
  font-size: 14px;
  display: inline-block;
  margin: 0px 4px 0px 0px;
  color: #999;
}
.qckevt-t1 .pxi .tzidsel .res {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 7px;
  border-radius: 50%;
  text-align: center;
}
.qckevt-t1 .pxi .tzidsel .res:hover {
  background: #fff;
}
.qckevt-t1 .pxi .tzidsel .res:hover .ic {
  color: #585858;
}
.qckevt-t1 .pxi .tzidsel .res .ic {
  font-size: 20px;
  line-height: 24px;
  display: block;
  color: #58585852;
}
.qckevt-t1 .pxi .mh {
  clear: both;
  padding: 14px 30px 25px 20px;
  max-height: 400px;
}
.qckevt-t1 .pxi .tit {
  clear: both;
  position: relative;
  padding: 0px 30px 0px 50px;
  margin: 0px 0px 20px 0px;
}
.qckevt-t1 .pxi .tit input {
  width: 100%;
  margin: 0;
  padding: 8px 10px 8px 0;
  outline: 0;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.25px;
  border: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #dadce0;
  border-radius: 4px;
}
.qckevt-t1 .pxi .tit input:focus {
  border-bottom: 1px solid #bec8dc;
  color: #111;
}
.qckevt-t1 .pxi .tit input::placeholder {
  font-weight: 500;
}
.qckevt-t1 .pxi .tit input::-ms-input-placeholder {
  font-weight: 500;
}
.qckevt-t1 .pxi .tit.err input {
  font-weight: 500;
}
.qckevt-t1 .pxi .tit .col {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 9px;
  top: 16px;
  cursor: pointer;
}
.qckevt-t1 .pxi .tit .col:hover {
  box-shadow: 0px 0px 0px 7px #f4f6f7;
  border-radius: 50%;
}
.qckevt-t1 .pxi .tit .col .co {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.qckevt-t1 .pxi .tit .col .co:hover {
  box-shadow: 0px 0px 0px 5px #f4f6f7;
}
.qckevt-t1 .pxi .tit .col .mnu {
  width: 180px;
  position: absolute;
  z-index: 10;
  left: -2px;
  top: -15px;
  margin: 0px 0px 0px -15px;
  background: #fff;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.qckevt-t1 .pxi .tit .col .mnu .po {
  clear: both;
  padding: 12px 8px 8px 14px;
}
.qckevt-t1 .pxi .tit .col .mnu .po .vtcolors {
  padding: 0px;
  margin: 0px;
}
.qckevt-t1 .pxi .tit .col .mnu .po .clr {
  width: 100%;
  height: 0px;
  clear: both;
  overflow: hidden;
}
.qckevt-t1 .pxi .tit .col .mnu {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9, 0.9) translate(-30px);
  transition:
    opacity 0.1s ease,
    transform 0.1s ease,
    height 0.2s ease,
    left 0.1s ease,
    top 0.1s ease;
}
.qckevt-t1 .pxi .tit .col .mnu.show {
  visibility: visible;
  z-index: 1001;
  opacity: 1;
  transform: scale(1, 1) translate(0);
}
.qckevt-t1 .pxi .dat {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
  margin: 0px 0px 8px -10px;
}
.qckevt-t1 .pxi .dat .icw {
  position: absolute;
  left: 18px;
  top: 7px;
}
.qckevt-t1 .pxi .dat .datestart {
}
.qckevt-t1 .pxi .dat .dateend {
  display: none;
}
.qckevt-t1 .pxi .dat.alldayset .datestart {
}
.qckevt-t1 .pxi .dat.alldayset .dateend {
  display: block;
}
.qckevt-t1 .pxi .dat.alldayset .timestart {
  display: none;
}
.qckevt-t1 .pxi .dat.alldayset .timeend {
  display: none;
}
.qckevt-t1 .pxi .dat.alldayset .sepdot {
  display: none;
}
.qckevt-t1 .pxi .dat.alldayset .sepdash {
}
.qckevt-t1 .pxi .dat .daterr {
  background: #fce8e6;
}
.qckevt-t1 .pxi .dat .icw .ic {
  font-size: 20px;
  line-height: 24px;
  color: #5f6368;
}
.qckevt-t1 .pxi .dat .dat-t1 {
  float: left;
}
.qckevt-t1 .pxi .dat .dat-t1 input {
  width: 96px;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0px 10px;
  font-size: 15px;
  color: #222;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
}
.qckevt-t1 .pxi .dat .dat-t1 input:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .dat .dat-t1.active {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .dat .tim-t1 {
  float: left;
  font-size: 15px;
  color: #222;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
}
.qckevt-t1 .pxi .dat .tim-t1 input {
  width: 96px;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0px 10px;
  font-size: 15px;
  color: #222;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
}
.qckevt-t1 .pxi .dat .tim-t1 input:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .dat .tim-t1.active {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .dat .sp-t1 {
  float: left;
  position: relative;
  z-index: 2;
  margin: 0px -2px;
  font-size: 15px;
  color: #222;
  line-height: 40px;
}
.qckevt-t1 .pxi .dat .clr {
  height: 1px;
  clear: both;
  overflow: hidden;
}
.qckevt-t1 .pxi .allday {
  clear: both;
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 52px;
  margin: 0px 0px 10px 0px;
}
.qckevt-t1 .pxi .cals {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
  margin: 0px 0px 2px -10px;
}
.qckevt-t1 .pxi .cals .icw {
  position: absolute;
  left: 18px;
  top: 7px;
}
.qckevt-t1 .pxi .cals.single .icw {
  top: 9px;
}
.qckevt-t1 .pxi .cals .icw .ic {
  font-size: 18px;
  line-height: 24px;
  color: #5f6368;
}
.qckevt-t1 .pxi .cals .calall {
  min-height: 42px;
  display: block;
  padding: 2px 0px;
  border-radius: 5px;
  cursor: pointer;
}
.qckevt-t1 .pxi .cals .calall:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .cals .calall.active {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .cals .calsel {
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
  padding: 0px 0px 0px 36px;
  white-space: nowrap;
  font-size: 15px;
  color: #222;
  font-weight: 400;
  line-height: 36px;
}
.qckevt-t1 .pxi .cals .calsel.max {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qckevt-t1 .pxi .cals .calsel .co {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 9px;
  border-radius: 50%;
}
.qckevt-t1 .pxi .cals .calsel.nocal {
  font-style: italic;
  color: #72777c;
}
.qckevt-t1 .pxi .cals .calsel.nocal .co {
  background: #fff;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.3),
    0 1px 1px 0 rgba(0, 0, 0, 0.3),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.qckevt-t1 .pxi .cals .calsel .arr {
  position: absolute;
  right: 6px;
  top: 6px;
}
.qckevt-t1 .pxi .cals .calsel .arr .icx {
  font-size: 22px;
  line-height: 24px;
  color: #5f6368;
}
.qckevt-t1 .pxi .cals .anlb {
  color: #616161;
  font-style: italic;
  display: inline-block;
  padding: 0px 3px 0px 0px;
}
.qckevt-t1 .pxi .cals .and {
  float: left;
  position: relative;
  margin: 0px 0px 0px 5px;
  white-space: nowrap;
  font-size: 15px;
  color: #222;
  font-weight: 400;
  line-height: 36px;
}
.qckevt-t1 .pxi .cals .and .num {
  color: #125ef8;
  cursor: pointer;
}
.qckevt-t1 .pxi .cals .clr {
  height: 1px;
  clear: both;
  overflow: hidden;
}
.qckevt-t1 .pxi .cals .connect-box {
  width: 360px;
  min-height: 180px;
  left: 50px;
  top: -55px;
  box-shadow:
    0 0 0 1px rgba(50, 50, 93, 0.05),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.qckevt-t1 .pxi .cals .connect-box .connect-element .c-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.qckevt-t1 .pxi .cals .connect-box .connect-element .c-label::before {
  top: 2px;
  margin: -1px 0px 0px 0px;
}
.qckevt-t1 .pxi .cals .connect-box .connect-element {
  padding: 10px 14px 10px 12px;
}
.qckevt-t1 .pxi .cals .connect-box .wrp {
  max-height: 206px;
  padding: 12px 8px 8px 8px;
}
.qckevt-t1 .pxi .cals .connect-box {
  display: none;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.qckevt-t1 .pxi .cals .connect-box.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.qckevt-t1 .pxi .cals .sel {
  clear: both;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
}
.qckevt-t1 .pxi .cals .sel .select-t2 {
  display: block;
  clear: both;
}
.qckevt-t1 .pxi .cals .sel .select-t2 .rad {
  clear: both;
  position: relative;
  border-radius: 5px;
}
.qckevt-t1 .pxi .cals .sel .select-t2:hover .rad {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .cals .sel .select-t2 .rad select {
  width: 100%;
  min-width: 50px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 8px 12px 8px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.qckevt-t1 .pxi .cals .sel .select-t2 .rad .arr {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 0;
}
.qckevt-t1 .pxi .cals .sel .select-t2 .rad .arr .ic {
  font-size: 25px;
  line-height: 30px;
  color: #5f6368;
}
.qckevt-t1 .pxi .loca {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
  margin: 0px 0px 2px -10px;
}
.qckevt-t1 .pxi .loca .icw {
  position: absolute;
  left: 15px;
  top: 8px;
}
.qckevt-t1 .pxi .loca.active .lbl {
  display: none;
}
.qckevt-t1 .pxi .loca.active .inp {
  display: block;
}
.qckevt-t1 .pxi .loca.haslocations .inp .arr {
  display: block;
}
.qckevt-t1 .pxi .loca.locationset .inp .arr {
  display: none;
}
.qckevt-t1 .pxi .loca.locationset .inp .clear {
  display: block;
}
.qckevt-t1 .pxi .loca .icw .ic {
  font-size: 23px;
  line-height: 24px;
  color: #5f6368;
}
.qckevt-t1 .pxi .loca .inp {
  clear: both;
  position: relative;
}
.qckevt-t1 .pxi .loca .inp input {
  width: 100%;
  margin: 0;
  padding: 8px 60px 8px 10px;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border: 0;
  border-radius: 5px;
}
.qckevt-t1 .pxi .loca .inp input:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .loca .inp input:focus {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .loca .inp .arr {
  display: none;
  width: 36px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.qckevt-t1 .pxi .loca .inp .arr:hover {
  background: #e2e5e657;
}
.qckevt-t1 .pxi .loca .inp .arr .icx {
  font-size: 25px;
  line-height: 40px;
  color: #5f6368;
}
.qckevt-t1 .pxi .loca .inp .clear {
  display: none;
  width: 30px;
  height: 30px;
  background: #eee;
  position: absolute;
  right: 3px;
  top: 5px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.qckevt-t1 .pxi .loca .inp .clear:hover {
  background: #ddd;
}
.qckevt-t1 .pxi .loca .inp .clear .icx {
  font-size: 22px;
  line-height: 30px;
  color: #5f6368;
}
.qckevt-t1 .pxi .loca .lbl {
  clear: both;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}
.qckevt-t1 .pxi .loca .lbl:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .loca .lbl p {
  margin: 0;
  padding: 8px 60px 8px 10px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #72777c;
}
.qckevt-t1 .pxi .desc {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
  margin: 0px 0px 2px -10px;
}
.qckevt-t1 .pxi .desc.active .lbl {
  display: none;
}
.qckevt-t1 .pxi .desc.active .txt {
  display: block;
}
.qckevt-t1 .pxi .desc .icw {
  position: absolute;
  left: 18px;
  top: 8px;
}
.qckevt-t1 .pxi .desc .icw .ic {
  font-size: 19px;
  line-height: 24px;
  color: #5f6368;
  transform: scale(-1, 1);
}
.qckevt-t1 .pxi .desc .lbl {
  clear: both;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}
.qckevt-t1 .pxi .desc .lbl:hover {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .desc .lbl p {
  margin: 0;
  padding: 8px 60px 8px 10px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #72777c;
}
.qckevt-t1 .pxi .desc .txt {
  clear: both;
  padding: 5px 0px 0px 0px;
}
.qckevt-t1 .pxi .desc .txt .rad {
  clear: both;
  position: relative;
  background: #f4f6f7;
  border-radius: 5px;
  padding: 5px 5px;
}

.qckevt-t1 .pxi .desc .txt .rad textarea {
  width: 100%;
  height: 90px;
  display: block;
  background: transparent;
  overflow: auto;
  font-size: 15px;
  line-height: 135%;
  border: 0;
  outline: 0;
  padding: 4px 6px;
}
.qckevt-t1 .pxi .desc .txt .rad textarea.scroll::-webkit-scrollbar-track-piece {
  background-color: #f4f6f7;
}
.qckevt-t1 .pxi .frbu {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
  margin: 0px 0px 0px 0px;
}
.qckevt-t1 .pxi .frbu.active {
  display: block;
}
.qckevt-t1 .pxi .frbu.active .lbl {
  display: none;
}
.qckevt-t1 .pxi .frbu.active .sel {
  display: block;
}
.qckevt-t1 .pxi .frbu .icw {
  position: absolute;
  left: 5px;
  top: 8px;
}
.qckevt-t1 .pxi .frbu .icw .ic {
  font-size: 22px;
  line-height: 24px;
  color: #5f6368;
}
.qckevt-t1 .pxi .frbu .lbl {
  clear: both;
  position: relative;
}
.qckevt-t1 .pxi .frbu .lbl p {
  margin: 0;
  padding: 8px 60px 8px 0px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #72777c;
}
.qckevt-t1 .pxi .frbu .sel {
  clear: both;
  position: relative;
  margin: 0px 0px 0px -10px;
  padding: 2px 0px 0px 0px;
}
.qckevt-t1 .pxi .frbu .sel .select-t2 {
  display: inline-block;
  clear: both;
}
.qckevt-t1 .pxi .frbu .sel .select-t2 .rad {
  clear: both;
  position: relative;
  border-radius: 5px;
}
.qckevt-t1 .pxi .frbu .sel .select-t2:hover .rad {
  background: #f4f6f7;
}
.qckevt-t1 .pxi .frbu .sel .select-t2 .rad select {
  min-width: 50px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 6px 15px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.qckevt-t1 .pxi .frbu .sel .select-t2 .rad .arr {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 0;
}
.qckevt-t1 .pxi .frbu .sel .select-t2 .rad .arr .ic {
  font-size: 25px;
  line-height: 26px;
  color: #5f6368;
}
.qckevt-t1 .pxi .frbu .clr {
  height: 1px;
  clear: both;
  overflow: hidden;
}
.qckevt-t1 .bt {
  height: 64px;
  clear: both;
  position: relative;
  padding: 12px 20px 0px 0px;
  border-top: 1px solid #dadce078;
}
.qckevt-t1 .bt .flt {
  float: right;
}
.qckevt-t1 .bt .flt .fl {
  float: left;
  margin: 0px 12px 0px 0px;
}
.qckevt-t1 .bt .flt .fl.no {
  float: left;
}
.qckevt-t1 .bt .flt .fl .cancel {
  padding: 6px 12px;
  color: #666;
}
.qckevt-t1 .bt .flt .fl .save {
  padding: 6px 20px;
}
.qckevt-t1 {
  display: none;
  visibility: hidden;
  z-index: 1001;
  opacity: 0;
  transform: scale(0.92) translate(20px, 0px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.qckevt-t1.rtl {
  transform: scale(0.92) translate(-20px, 0px);
}
.qckevt-t1.show {
  visibility: visible;
  opacity: 1;
  margin: 0;
  transform: scale(1, 1) translate(0);
}

.locations-box {
  width: 360px;
  left: 50px;
  top: -100px;
  position: absolute;
  background: #fff;
  display: none;
  padding: 3px;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 8px;
}
.locations-box {
  display: none;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.locations-box.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.locations-box .lst-t1 .ctn {
  height: 240px;
  clear: both;
  padding: 8px;
  overflow: auto;
}
.locations-box .lst-t1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.locations-box .lst-t1 ul li {
  position: relative;
}
.locations-box .lst-t1 ul li .itm {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.locations-box .lst-t1 ul li .itm:hover {
  background: #edf1fa;
}
.locations-box .lst-t1 ul li .itm .link {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}
.locations-box .lst-t1 ul li .itm .link i {
  font-size: 21px;
  line-height: 30px;
  color: #00832d;
  transform: rotate(-45deg);
}
.locations-box .lst-t1 ul li .itm .address {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}
.locations-box .lst-t1 ul li .itm .address i {
  font-size: 21px;
  line-height: 30px;
  color: #ff6334;
}
.locations-box .lst-t1 ul li .itm .customlocation {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}
.locations-box .lst-t1 ul li .itm .customlocation i {
  font-size: 21px;
  line-height: 30px;
  color: #797890;
}
.locations-box .lst-t1 ul li .itm .zoom {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-zoom-t2.svg)
    no-repeat 50% 50%;
  background-size: 21px auto;
}
.locations-box .lst-t1 ul li .itm .googlemeet {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-googlemeet-t1.svg)
    no-repeat 50% 50%;
  background-size: 21px auto;
}
.locations-box .lst-t1 ul li .itm .gotomeeting {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-gotomeeting-t1.svg)
    no-repeat 50% 50%;
  background-size: 19px auto;
}
.locations-box .lst-t1 ul li .itm .microsoftteams {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-microsoft-teams-t1.svg)
    no-repeat 50% 50%;
  background-size: 19px auto;
}
.locations-box .lst-t1 ul li .itm .hopin {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-hopin-t1.svg)
    no-repeat 50% 50%;
  background-size: 19px auto;
}
.locations-box .lst-t1 ul li .itm .otherconference {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 9px;
  text-align: center;
}
.locations-box .lst-t1 ul li .itm .otherconference i {
  font-size: 21px;
  color: #ff6334;
}
.locations-box .lst-t1 ul li .itm .txt {
  clear: both;
  padding: 10px 0px 10px 52px;
}
.locations-box .lst-t1 ul li .itm .txt p {
  margin: 0px 0px 2px 0px;
  font-size: 16px;
  color: #222;
  line-height: 100%;
  font-weight: 600;
}
.locations-box .lst-t1 ul li .itm .txt p em {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  font-size: 15px;
  font-weight: 400;
  color: #777;
}
.locations-box .lst-t1 ul li .itm .txt .tit {
  padding: 0px;
  margin: 0;
}
.locations-box .lst-t1 ul li .itm .txt .des {
  width: 90%;
  padding: 2px 0px 0px 0px;
  font-size: 15px;
  color: #222;
  font-weight: 400;
  line-height: 1.3em;
  max-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.locations-box .lst-t1 ul li .itm .txt .desext {
  width: 90%;
  padding: 2px 0px 0px 0px;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  line-height: 1.3em;
  max-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.locations-box .lst-t1 ul li .itm .tag {
  display: inline-flex;
  margin: 8px 0px 0px 0px;
  line-height: 22px;
  border-radius: 26px;
  background: #d3f3d8;
  color: #35533a;
  font-size: 11px;
  font-weight: 600;
  padding: 0px 7px;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locations-box .lst-t1 ul li .itm .edit {
  display: none;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  text-align: center;
}
.locations-box .lst-t1 ul li .itm .edit i {
  font-size: 19px;
  line-height: 36px;
}
.locations-box .lst-t1 ul li .itm .edit:hover {
  background: #dce2ef;
}
.locations-box .lst-t1 ul li .itm .edit:active {
  background: #d0ddf9;
}
.locations-box .lst-t1 ul li .nolocations {
  clear: both;
  padding: 80px 0px 0px 0px;
  text-align: center;
}
.locations-box .lst-t1 ul li .nolocations p {
  margin: 0;
  font-size: 19px;
  color: #707070;
  line-height: 30px;
}

.month-ctx-t1 {
  width: 249px;
  position: absolute;
  z-index: 700;
  right: -104px;
  top: 40px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  -moz-box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}
.month-ctx-t1 .px {
  clear: both;
  position: relative;
  z-index: 1;
}
.month-ctx-t1 .px .arr {
  width: 13px;
  height: 7px;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: -7px;
  margin: 0px 0px 0px -6px;
}
.month-ctx-t1 .px .mon-sel-t1 {
  clear: both;
  padding: 10px;
  border-radius: 8px;
}
.month-ctx-t1 .px .mon-sel-t1 .nav {
  width: 100%;
  height: 26px;
  clear: both;
  position: relative;
  margin: 0px 0px 10px 0px;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .prev {
  width: 26px;
  height: 26px;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .prev i {
  font-size: 24px;
  line-height: 26px;
  color: #5f6368;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .prev:hover {
  background: #f4f4f4;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .prev:hover i {
  color: #222;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .prev:active {
  top: 1px;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .next {
  width: 26px;
  height: 26px;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .next i {
  font-size: 24px;
  line-height: 26px;
  color: #5f6368;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .next:hover {
  background: #f4f4f4;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .next:hover i {
  color: #222;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .next:active {
  top: 1px;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .mlbl {
  clear: both;
  text-align: center;
  padding: 5px 0px 0px 0px;
}
.month-ctx-t1 .px .mon-sel-t1 .nav .mlbl p {
  margin: 0;
  font-size: 16px;
  color: #222;
  line-height: 100%;
  font-weight: 600;
}
.month-ctx-t1 .px .mon-sel-t1 .months {
  width: 100%;
  clear: both;
  margin: 0px 0px 6px 0px;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon {
  width: 52px;
  height: 52px;
  float: left;
  position: relative;
  border-radius: 4px;
  margin: 0px 7px 0px 0px;
  cursor: pointer;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon.currentmonth {
  background: #ffe684;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon.currentmonth:hover {
  background: #ffe684;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon p {
  margin: 0;
  font-size: 15px;
  color: #2d2d2d;
  line-height: 52px;
  text-align: center;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon:hover {
  background: #f9f9f9;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon:active {
  top: 1px;
}
.month-ctx-t1 .px .mon-sel-t1 .months .mon:hover p {
  color: #000;
}
.month-ctx-t1 .px .mon-sel-t1 .months .current {
  background-color: #006eff !important;
}
.month-ctx-t1 .px .mon-sel-t1 .months .current:hover {
  background-color: #006eff !important;
}
.month-ctx-t1 .px .mon-sel-t1 .months .current.currentmonth:hover {
  background-color: #006eff !important;
}
.month-ctx-t1 .px .mon-sel-t1 .months .current p {
  color: #fff !important;
}
.month-ctx-t1 .px .mon-sel-t1 .months .last {
  margin: 0;
}
.month-ctx-t1 .px .mon-sel-t1 .months .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.month-ctx-t1 .px .mon-sel-t1 .months:last-child {
  margin: 0;
}
.month-ctx-t1 {
  margin-top: -12px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
  display: none;
}
.month-ctx-t1.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.week-ctx-t1 {
  width: 278px;
  position: absolute;
  z-index: 700;
  right: -120px;
  top: 40px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  -moz-box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}
.week-ctx-t1 .px {
  clear: both;
  position: relative;
  z-index: 1;
}
.week-ctx-t1 .px .week-picker {
  clear: both;
}
.week-ctx-t1 .px .week-picker .ui-datepicker-calendar .rowselected td {
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-today {
  background-color: #006eff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-today
  a {
  background-color: #006eff !important;
  color: #fff !important;
  border-radius: 0px !important;
}
.week-ctx-t1 .px .week-picker .ui-datepicker-calendar .rowselected td:hover {
  background: #006eff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  tbody
  tr.rowselected
  td:not(.ui-datepicker-unselectable, .ui-datepicker-week-col):hover {
  background: #006eff !important;
}
.week-ctx-t1 .px .week-picker .ui-datepicker-calendar .rowselected td:hover {
  background: none !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .ui-datepicker-current-day {
  border-radius: 4px !important;
  background: #086cff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .ui-datepicker-current-day:hover {
  background: #086cff !important;
}
.week-ctx-t1 .px .week-picker .ui-datepicker table td.ui-datepicker-week-col {
  background: #fff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker
  table
  td.ui-datepicker-week-col:hover {
  background: #fff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  tbody
  tr.rowselected
  td.ui-datepicker-current-day:hover {
  /*background: #086cff !important;*/
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  tbody
  tr:hover:not(.ui-datepicker-unselectable) {
  background: #f9f9f9 !important;
}

.week-ctx-t1 .px .week-picker .ui-datepicker-calendar tbody tr td:nth-child(2) {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.week-ctx-t1 .px .week-picker .ui-datepicker-calendar tbody tr td:nth-child(8) {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-current-day {
  border-radius: 0px !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  td:nth-child(2) {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  td:nth-child(8) {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  tbody
  tr
  td:not(.ui-datepicker-unselectable):hover {
}
.week-ctx-t1 .ui-datepicker {
  position: relative;
}
.week-ctx-t1 {
  display: none;
  margin: -12px 0px 0px 0px;
  transition: all 0.12s ease-out;
  opacity: 0;
  transform: scale(0.92);
}
.week-ctx-t1.show {
  margin: 0;
  visibility: visible;
  transform: scale(1);
  opacity: 1;
}

.bulktask-t1 {
  height: 58px;
  position: absolute;
  left: 31px;
  top: 95px;
  right: 40px;
  z-index: 100;
  display: none;
  background: #11b36d;
  box-shadow:
    0 0 0 1px rgba(50, 50, 93, 0.05),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.bulktask-t1 .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.bulktask-t1 .chk {
  width: 40px;
  height: 38px;
  position: absolute;
  left: 20px;
  top: 18px;
}
.bulktask-t1 .its {
  width: 140px;
  position: absolute;
  left: 60px;
  top: 0px;
  text-align: left;
}
.bulktask-t1 .its p {
  margin: 0;
  font-size: 16px;
  line-height: 58px;
  color: #ffffffed;
  font-weight: 400;
}
.bulktask-t1 .bdr-t1 {
  width: 2px;
  height: 34px;
  position: absolute;
  left: 210px;
  top: 12px;
  background: #ffffff1f;
  border-right: 1px solid #00000042;
}
.bulktask-t1 .opts {
  position: absolute;
  left: 220px;
  top: 10px;
}
.bulktask-t1 .opts ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.bulktask-t1 .opts ul li {
  height: 38px;
  float: left;
  margin: 0px 6px 0px 0px;
}
.bulktask-t1 .opts ul li .con {
  display: block;
  position: relative;
  line-height: 38px;
  padding: 0px 15px 0px 36px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.bulktask-t1 .opts ul li .con:hover {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .con.active {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .con.disabled:hover {
  background: transparent !important;
}
.bulktask-t1 .opts ul li .con .num {
  width: 24px;
  display: inline-block;
  position: relative;
  line-height: 38px;
  margin: 0px -5px 0px 5px;
}
.bulktask-t1 .opts ul li .con .num.hide {
  display: none;
}
.bulktask-t1 .opts ul li .con .num .no {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0px;
  color: #4b4b20;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  white-space: nowrap;
}
.bulktask-t1 .opts ul li .con .ico {
  position: absolute;
  left: 11px;
  top: 9px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffffdb;
}
.bulktask-t1 .opts ul li .connect-box {
  top: calc(100% - 150px);
}
.bulktask-t1 .opts ul li .tgs {
  display: block;
  position: relative;
  line-height: 38px;
  padding: 0px 15px 0px 36px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.bulktask-t1 .opts ul li .tgs:hover {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .tgs.active {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .tgs.disabled:hover {
  background: transparent !important;
}
.bulktask-t1 .opts ul li .tgs .num {
  width: 24px;
  display: inline-block;
  position: relative;
  line-height: 38px;
  margin: 0px -5px 0px 5px;
}
.bulktask-t1 .opts ul li .tgs .num .no {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0px;
  color: #4b4b20;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  white-space: nowrap;
}
.bulktask-t1 .opts ul li .tgs .num.hide {
  display: none;
}
.bulktask-t1 .opts ul li .tgs .ico {
  position: absolute;
  left: 11px;
  top: 9px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffffdb;
}
.bulktask-t1 .opts ul li .del {
  display: block;
  position: relative;
  line-height: 38px;
  padding: 0px 15px 0px 36px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.bulktask-t1 .opts ul li .del:hover {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .del.disabled:hover {
  background: transparent !important;
}
.bulktask-t1 .opts ul li .del .ico {
  position: absolute;
  left: 11px;
  top: 9px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffffdb;
}

.bulktask-t1 .opts ul li .dup {
  display: block;
  position: relative;
  line-height: 38px;
  padding: 0px 15px 0px 36px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.bulktask-t1 .opts ul li .dup:hover {
  background: #1ba76b;
}
.bulktask-t1 .opts ul li .dup.disabled:hover {
  background: transparent !important;
}
.bulktask-t1 .opts ul li .dup .ico {
  position: absolute;
  left: 11px;
  top: 9px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffffdb;
}

.bulktask-t1 .opts ul li.sp-t1 {
  width: 16px;
  height: 38px;
  float: left;
  position: relative;
}
.bulktask-t1 .opts ul li.sp-t1 .io {
  width: 2px;
  height: 34px;
  position: absolute;
  left: 4px;
  top: 2px;
  background: #ffffff1f;
  border-right: 1px solid #00000042;
}
.bulktask-t1 .close {
  width: 38px;
  height: 38px;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}
.bulktask-t1 .close:hover {
  background: #1ba76b;
}
.bulktask-t1 .close .ico {
  font-size: 26px;
  line-height: 38px;
  color: #fff;
}
.bulktask-t1 {
  margin-top: 20px;
  opacity: 0;
  transform: scale(1, 0.92);
  transition: all 0.1s ease;
}
.bulktask-t1.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.analytics-selector-wrapper .crumb-t1 {
  display: flex;
  align-items: start;
}
.analytics-selector-wrapper .details-link {
  margin-left: 20px;
}
.analytics-card {
  max-width: 820px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px 4px 6px 6px;
  padding: 20px 24px 24px;
}

.analytics-card.nopd {
  padding: 0;
}

.analytics-card.nopd-t1 {
  padding: 0;
  box-shadow: none;
}

.analytics-card .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-bottom: 45px;
}

.analytics-card .top.m1 {
  margin-bottom: 15px;
}

.analytics-card .top .text-box .title {
  color: #828797;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 500;
}

.analytics-card .top .text-box .value {
  color: #1b212b;
  font-size: 26px;
  line-height: 1.34;
}

.analytics-card .top .text-box .value .text {
  font-size: 12px;
  line-height: 1.5;
  margin-left: 4px;
}

.analytics-card .top .text-box .value .text.green {
  color: #1f9d68;
}

.analytics-card .top .text-box .value .text.red {
  color: #d11f55;
}

.analytics-card .top .text-box .value .text.grey {
  color: #626875;
}

.analytics-card .top .text-box .value .text .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  transform: none;
  cursor: default;
}

.analytics-card .top .text-box .value .text .icon.down {
  transform: rotate(180deg);
}

.analytics-card .mid-box-t1 {
  height: 140px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}

.analytics-card .mid-box-t1 .title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  color: #90949e;
  font-size: 19px;
  line-height: 1.58;
  font-weight: 500;
}

.analytics-card .mid-box-t1 .value {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0px 0px 4px 0px;
  color: #1b212b;
  font-size: 38px;
  line-height: 100%;
  font-weight: 600;
  letter-spacing: -1px;
}

.analytics-card .mid-box-t1 .value .text {
  font-size: 12px;
  line-height: 1.5;
  margin-left: 4px;
}

.analytics-card .mid-box-t1 .gotosection {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #415e78;
  background: #ebf1ff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  border-radius: 4px 4px 6px 6px;
}

.analytics-card .mid-box-t1 .gotosection .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #415e78;
  line-height: 140px;
}

.analytics-card .mid-box-t1 .gotosection:hover {
  box-shadow: 0px 0px 0px 2px #426bc81f;
  background: #ebf1ff42;
}

.analytics-card .mid-box-t1 .gotosection:hover .ic {
  color: #1c4dbc;
}

.analytics-card .mid-box-t1 .upgrade,
.analytics-card .mid-box-t1 .upgrade a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff0098;
  background: #fff0f9;
  cursor: pointer;
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 4px 4px 6px 6px;
  text-align: center;
}

.analytics-card .mid-box-t1 .upgrade .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #ff0098;
  line-height: 140px;
}

.analytics-card .mid-box-t1 .upgrade:hover {
  box-shadow: 0px 0px 0px 4px #f861bb4d;
}

.analytics-card .mid-box-t1 .upgradeic {
  width: 42px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: -27px;
  margin: 0px 0px 0px -21px;
}

.analytics-card .mid-box-t1 .upgradeic .upg-ico-t3 {
  width: 42px;
  height: 42px;
}

.analytics-card .mid-box-t1 .upgradeic .upg-ico-t3:hover {
  transform: scale(1);
  background: unset;
}

.analytics-card .mid-box-t1 .upgradeic .upg-ico-t3 .rio .mrk {
  width: 36px;
  height: 36px;
  box-shadow: 0px 0px 0px 5px #fff;
}

.analytics-card .mid-box-t1 .upgradeic .upg-ico-t3 .rio .ico {
  font-size: 24px;
  line-height: 42px;
  left: 9px;
}

.analytics-card .mid-box-t1 .last30 {
  position: absolute;
  left: 12px;
  top: -14px;
  font-size: 14px;
  font-weight: 500;
  color: #90949e;
  background: #fff;
  padding: 0px 10px;
}

.analytics-card .mid-box-t1 .unveriic {
  font-size: 38px;
  color: #e93f3f;
}

.analytics-card .mid-box-t1 .unveritx {
  color: #e93f3f;
}

.analytics-card .mid-box-t1 .veriic {
  font-size: 38px;
  color: #00c100;
}

.analytics-card .mid-box-t1 .veritx {
  color: #00c100;
}

.analytics-card .main .upgrade {
  background-color: #fff !important;
  background-image:
    url(https://cdn.addevent.com/app/v2/images/chart-dummy-t1.59dadb13.svg), url(https://cdn.addevent.com/app/v2/images/deco-dot-t1.3896ffec.svg) !important;
  background-position:
    50% 30%,
    0px 0px !important;
  background-repeat: no-repeat, repeat !important;
  background-size:
    200px auto,
    13px 13px !important;
}

.analytics-card .main .upgrade {
  height: 322px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px 4px 6px 6px;
  text-align: center;
}

.analytics-card .main .upgrade .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #ff0098;
  line-height: 140px;
}

.analytics-card .main .upgradew {
  height: 46px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin: 0px 0px -100px 0px;
  background: #fff;
  border-radius: 36px;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.analytics-card .main .upgradew:hover {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0px rgb(50 50 93 / 10%),
    0px 0px 0px 4px #f861bb38;
}

.analytics-card .main .upgradew .upl {
  height: 100%;
  position: relative;
  padding: 0px 25px 0px 54px;
}

.analytics-card .main .upgradew .upl p {
  margin: 0;
  font-size: 17px;
  line-height: 46px;
  color: #222;
  font-weight: 600;
}

.analytics-card .main .upgradew .upl .upg-ico-t3 {
  width: 36px;
  height: 36px;
}

.analytics-card .main .upgradew .upl .upg-ico-t3:hover {
  transform: scale(1);
  background: unset;
}

.analytics-card .main .upgradew .upl .upg-ico-t3 .rio .mrk {
  width: 30px;
  height: 30px;
}

.analytics-card .main .upgradew .upl .upg-ico-t3 .rio .ico {
  font-size: 24px;
  line-height: 36px;
  left: 6px;
}

.analytics-card .main .upgradew .upgradeic {
  width: 42px;
  height: 50px;
  position: absolute;
  left: 6px;
  top: 6px;
}

.analytics-card .main .unverifiedctn {
  background-color: #fff !important;
  background-image:
    url(https://cdn.addevent.com/app/v2/images/chart-dummy-t1.59dadb13.svg), url(https://cdn.addevent.com/app/v2/images/deco-dot-t1.3896ffec.svg) !important;
  background-position:
    50% 30%,
    0px 0px !important;
  background-repeat: no-repeat, repeat !important;
  background-size:
    200px auto,
    13px 13px !important;
}

.analytics-card .main .unverifiedctn {
  height: 322px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px 4px 6px 6px;
  text-align: center;
}

.analytics-card .main .unverifiedctn .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #ff0098;
  line-height: 140px;
}

.analytics-card .main .unverifiedctn .ver {
  height: 46px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin: 0px 0px -100px 0px;
  font-size: 17px;
  line-height: 46px;
  color: #222;
  font-weight: 600;
  background: #fff;
  border-radius: 36px;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.analytics-card .main .unverifiedctn .ver:hover {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0px rgb(50 50 93 / 10%),
    0px 0px 0px 4px #f861bb38;
}

.analytics-card .main .unverifiedctn .ver .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.analytics-card .main .unverifiedctn .ver .rl .ino {
  clear: both;
  position: relative;
  padding: 0px 25px 0px 50px;
}

.analytics-card .main .unverifiedctn .ver .ix {
  position: absolute;
  left: 16px;
  top: 10px;
  color: #eb4436;
  font-size: 24px;
}

.analytics-card .top .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 16px;
  transform: translateY(4px);
  cursor: pointer;
}

.analytics-card .top .icon:hover {
  color: #7d8088;
}

.analytics-card .main {
  width: 760px;
  position: relative;
  margin: 0 auto;
}

.analytics-card.nodata .selw .download {
  opacity: 0.5;
}

.analytics-card.nodata .selw .select-t2 {
  opacity: 0.5;
}

.analytics-card.nodata .selw:after {
  content: "";
  position: absolute;
  left: -10px;
  top: -5px;
  right: 0px;
  bottom: -5px;
  z-index: 10;
  background: #ffffff01;
}

.analytics-card.upgradedata .selw .download {
  opacity: 0.5;
}

.analytics-card.upgradedata .selw .select-t2 {
  opacity: 0.5;
}

.analytics-card.upgradedata .selw:after {
  content: "";
  position: absolute;
  left: -10px;
  top: -5px;
  right: 0px;
  bottom: -5px;
  z-index: 10;
  background: #ffffff01;
}

.alyt-t1.size-800 .analytics-card .main {
  width: 660px;
}

.alyt-t1.size-750 .analytics-card .main {
  width: 600px;
}

.alyt-t1.size-700 .analytics-card .main {
  width: 550px;
}

.analytics-card .main .graph {
  min-height: 88px;
  width: 100%;
  position: relative;
}

.analytics-card .main .graph.unverified {
  height: auto !important;
}

.analytics-card .main .graph.upgrade {
  height: auto !important;
}

.analytics-card .main .graph-t1 {
  height: 400px;
  width: 100%;
  background: #f1f3f894 url(https://cdn.addevent.com/app/v2/images/icon-load-t11.21b4a6d1.svg) no-repeat 50% 47%;
  background-size: 100px auto;
  border-radius: 5px;
}

.analytics-card .main .graph-t1.loaded {
  background: #fff;
}

.analytics-card .main .graph-t2 {
  height: 470px;
  width: 100%;
}

.analytics-card .main .graph-t3 {
  height: 300px;
  width: 100%;
}

.analytics-card .main .link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 22px 4px;
  width: 100%;
  background-color: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
}

.analytics-card .main .link .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 8px;
}

.analytics-card .main .link .icon.blue {
  color: #125ef8;
}

.analytics-card .main .link .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.43;
  margin: 0;
}

.analytics-card .main svg {
  max-width: 100% !important;
}

.analytics-card .main .nodata {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #f1f3f86e;
  border-radius: 5px;
}

.analytics-card .main .nodata .pi {
  clear: both;
  text-align: center;
}

.analytics-card .main .nodata p {
  margin: -15px 0px 0px 0px;
  font-size: 20px;
  line-height: 130%;
  color: #6e7179;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  text-align: center;
}

.analytics-card.t1 {
  height: 240px;
}

.alyt-t1 {
  clear: both;
  max-width: 950px;
  position: relative;
  z-index: 0;
}

.alyt-t1 .cols-t1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.alyt-t1 .cols-t1 .analytics-card .top .text-box .title {
  font-size: 17px;
}

.alyt-t1 .cols-t2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.alyt-t1 .cols-t3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.alyt-t1 .table-t1 {
  clear: both;
  min-height: 250px;
  overflow: auto;
  background: #f9f9f9;
  margin: 0px 0px 15px 0px;
}

.alyt-t1 .table-nodata-t1 {
  clear: both;
  min-height: 250px;
  background: #f9f9f9;
  margin: 0px 0px 15px 0px;
  text-align: center;
}

.alyt-t1 .table-nodata-t1 p {
  margin: 0;
  padding: 70px 0px 0px 0px;
  font-size: 20px;
  line-height: 130%;
  color: #6e7179;
}

.alyt-t1 .datalist {
  clear: both;
  position: relative;
  min-height: 250px;
  border-radius: 5px;
  background: #ebf1ff66 url(https://cdn.addevent.com/app/v2/images/icon-load-t11.21b4a6d1.svg) no-repeat 50% 50%;
  background-size: 60px auto;
}

.alyt-t1 .datalist.loaded {
  background: none;
}

.alyt-t1 .datalist .upgrade {
  border: 1px dashed #b3b5bb;
  background-color: #fff !important;
  background-image: url(https://cdn.addevent.com/app/v2/images/deco-dot-t1.3896ffec.svg) !important;
  background-position: 0px 0px !important;
  background-repeat: repeat !important;
  background-size: 13px 13px !important;
}

.alyt-t1 .datalist .upgrade {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px 4px 6px 6px;
  text-align: center;
}

.alyt-t1 .datalist .upgrade .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #ff0098;
  line-height: 140px;
}

.alyt-t1 .datalist .upgradew {
  height: 46px;
  position: absolute;
  left: 50%;
  bottom: 100px;
  cursor: pointer;
  background: #fff;
  border-radius: 36px;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.alyt-t1 .datalist .upgradew:hover {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0px rgb(50 50 93 / 10%),
    0px 0px 0px 4px #f861bb38;
}

.alyt-t1 .datalist .upgradew .upl {
  height: 100%;
  position: relative;
  padding: 0px 25px 0px 54px;
}

.alyt-t1 .datalist .upgradew .upl p {
  margin: 0;
  font-size: 17px;
  line-height: 46px;
  color: #222;
  font-weight: 600;
}

.alyt-t1 .datalist .upgradew .upl .upg-ico-t3 {
  width: 36px;
  height: 36px;
}

.alyt-t1 .datalist .upgradew .upl .upg-ico-t3:hover {
  transform: scale(1);
  background: unset;
}

.alyt-t1 .datalist .upgradew .upl .upg-ico-t3 .rio .mrk {
  width: 30px;
  height: 30px;
}

.alyt-t1 .datalist .upgradew .upl .upg-ico-t3 .rio .ico {
  font-size: 24px;
  line-height: 36px;
  left: 6px;
}

.alyt-t1 .datalist .upgradew .upgradeic {
  width: 42px;
  height: 50px;
  position: absolute;
  left: 6px;
  top: 6px;
}

.alyt-t1 .datalist .unverifiedctn {
  background-color: #fff !important;
  background-image:
    url(https://cdn.addevent.com/app/v2/images/chart-dummy-t1.59dadb13.svg), url(https://cdn.addevent.com/app/v2/images/deco-dot-t1.3896ffec.svg) !important;
  background-position:
    50% 30%,
    0px 0px !important;
  background-repeat: no-repeat, repeat !important;
  background-size:
    200px auto,
    13px 13px !important;
}

.alyt-t1 .datalist .unverifiedctn {
  height: 322px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ddd;
  cursor: pointer;
  border-radius: 4px 4px 6px 6px;
  text-align: center;
  box-shadow: inset 0px 0px 0px 8px #f8f8f8;
}

.alyt-t1 .datalist .unverifiedctn .ic {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 46px;
  color: #ff0098;
  line-height: 140px;
}

.alyt-t1 .datalist .unverifiedctn .ver {
  height: 46px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin: 0px 0px -100px 0px;
  font-size: 17px;
  line-height: 46px;
  color: #222;
  font-weight: 600;
  background: #fff;
  border-radius: 36px;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.alyt-t1 .datalist .unverifiedctn .ver:hover {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0px rgb(50 50 93 / 10%),
    0px 0px 0px 4px #f861bb38;
}

.alyt-t1 .datalist .unverifiedctn .ver .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.alyt-t1 .datalist .unverifiedctn .ver .rl .ino {
  clear: both;
  position: relative;
  padding: 0px 25px 0px 50px;
}

.alyt-t1 .datalist .unverifiedctn .ver .ix {
  position: absolute;
  left: 16px;
  top: 10px;
  color: #eb4436;
  font-size: 24px;
}

.alyt-t1 .sizer {
  clear: both;
  position: relative;
}

.alyt-t1 .sizer .ab {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
}

.alyt-t1 .break-t1 {
  clear: both;
  padding: 30px 35px;
  margin: 0px 0px 35px 0px;
  background: #f5f2ff;
  border-radius: 8px;
}

.alyt-t1 .gra-hed-t1 {
  clear: both;
  position: relative;
  margin: 0px 0px 20px 0px;
}

.alyt-t1 .gra-hed-t1:after {
  content: "";
  position: absolute;
  left: -31px;
  top: 11px;
  background: #115ef8;
  height: 3px;
  width: 15px;
  border-radius: 8px;
}

.alyt-t1 .gra-hed-t1 p {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

.alyt-t1 .gra-hed-t2 {
  clear: both;
  position: relative;
  margin: 0px 0px 30px 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

.alyt-t1 .dist-t1 {
  width: 100%;
  height: 5px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t2 {
  width: 100%;
  height: 10px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t3 {
  width: 100%;
  height: 15px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t4 {
  width: 100%;
  height: 20px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t5 {
  width: 100%;
  height: 25px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t6 {
  width: 100%;
  height: 30px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t7 {
  width: 100%;
  height: 35px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t8 {
  width: 100%;
  height: 40px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t9 {
  width: 100%;
  height: 45px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t10 {
  width: 100%;
  height: 50px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t11 {
  width: 100%;
  height: 55px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t12 {
  width: 100%;
  height: 60px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t13 {
  width: 100%;
  height: 65px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t14 {
  width: 100%;
  height: 70px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t15 {
  width: 100%;
  height: 75px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .dist-t16 {
  width: 100%;
  height: 80px;
  clear: both;
  overflow: hidden;
}

.alyt-t1 .selw {
  position: absolute;
  top: 0px;
  right: 0px;
}

.alyt-t1 .selw .select-t2 {
  display: inline-block;
  clear: both;
  position: relative;
  margin: 0px 0px 0px 20px;
}

.alyt-t1 .selw .select-t2 .rad {
  clear: both;
  position: relative;
  border-radius: 5px;
  background: #f4f6f7;
}

.alyt-t1 .selw .select-t2:hover .rad {
  background: #f4f6f7;
}

.alyt-t1 .selw .select-t2 .rad select {
  min-width: 50px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 6px 35px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.alyt-t1 .selw .select-t2 .rad .arr {
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 0;
}

.alyt-t1 .selw .select-t2 .rad .arr .ic {
  font-size: 25px;
  line-height: 26px;
  color: #5f6368;
}

.alyt-t1 .selw .download {
  width: 40px;
  height: 40px;
  float: left;
  margin: -2px 0px 0px 20px;
  position: relative;
  color: #222;
  border-radius: 50%;
  cursor: pointer;
}

.alyt-t1 .selw .download:hover {
  color: #111;
  background: #f5f6f7;
}

.alyt-t1 .selw .download .ab {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
}

.alyt-t1 .selw .download .ab .ic {
  font-size: 24px;
  line-height: 40px;
  color: #5f6368;
}

.alyt-t1 .graph-inline-data-t1 {
  width: 340px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
  background: #ffffff4a;
  background: linear-gradient(
    175deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.6) 60%
  );
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 5px;
}

.alyt-t1 .graph-inline-data-t1:hover {
  background: #ffffff;
}

.alyt-t1 .graph-inline-data-t1 .gico {
  width: 36px;
  height: 36px;
  clear: both;
  position: relative;
  cursor: pointer;
  text-align: center;
  display: none;
}

.alyt-t1 .graph-inline-data-t1 .gico .ic {
  font-size: 26px;
  line-height: 36px;
  color: #5f6368;
  transform: rotate(90deg);
}

.alyt-t1 .graph-inline-data-t1 .minimize {
  height: 4px;
  clear: both;
  position: relative;
  border-radius: 5px 5px 0px 0px;
  margin: 3px 0px 2px 0px;
  cursor: pointer;
}

.alyt-t1 .graph-inline-data-t1 .minimize .open {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: -19px;
  margin: 0px 0px 0px -13px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.alyt-t1 .graph-inline-data-t1 .minimize .open:hover {
  background: #efefef;
}

.alyt-t1 .graph-inline-data-t1 .minimize .open .ic {
  font-size: 26px;
  line-height: 29px;
  color: #222;
}

.alyt-t1 .graph-inline-data-t1 .minimize .clo .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.alyt-t1 .graph-inline-data-t1 .minimize .clo .rl .mi {
  width: 12px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #ffffff;
  margin: -1px 0px 0px -6px;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list {
  max-height: 400px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px {
  clear: both;
  padding: 2px 20px 0px 20px;
  max-height: 420px;
  overflow: auto;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 130%;
  color: #222;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .lb {
  display: inline-block;
  border-bottom: 1px dashed #555;
  font-size: 14px;
  font-weight: 600;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .cl1 {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 8px 0px 8px 0px;
  font-size: 15px;
  text-align: left;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .cl1 .indi {
  width: 100px;
  height: 2px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #1a73e8;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .cl2 {
  width: 60px;
  border-bottom: 1px solid #eee;
  padding: 8px 0px 8px 0px;
  text-align: left;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .cl3 {
  width: 50px;
  border-bottom: 1px solid #eee;
  padding: 8px 0px 8px 0px;
  text-align: center;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .cl4 {
  width: 70px;
  border-bottom: 1px solid #eee;
  padding: 8px 0px 8px 0px;
  text-align: left;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .px .fihd-t1 .pct {
  display: inline-block;
  line-height: 18px;
  background: #c3ffc0;
  padding: 0px 5px;
  margin: 0px 0px 0px 5px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  font-family: monospace;
}

.alyt-t1 .graph-inline-data-t1 .map-details-list .fx {
  width: 100%;
  height: 20px;
  clear: both;
}

.alyt-t1 .graph-inline-data-t1 {
}

.alyt-t1 .graph-inline-data-t1.minimized .minimize {
  height: 1px;
  background: #fff;
  margin: 0px;
  border-radius: 2px;
}

.alyt-t1 .graph-inline-data-t1.minimized .minimize .open {
  top: -12px;
}

.alyt-t1 .graph-inline-data-t1.minimized:hover {
}

.alyt-t1 .graph-inline-data-t1.minimized .minimize .open .ic {
  line-height: 25px;
}

.alyt-t1 .graph-inline-data-t1.minimized .map-details-list {
  transform: scale(0.6);
}

.alyt-t1 .graph-inline-data-t1.minimized .minimize .open .ic {
  transform: rotate(-180deg);
}

.ussta-t1 {
  clear: both;
  margin: 0px 0px 30px 0px;
}
.ussta-t1 .hi-t1 {
  width: 100%;
  height: 40px;
  clear: both;
  position: relative;
  margin: 0px 0px 35px 0px;
}
.ussta-t1 .hi-t1 h1 {
  margin: 0;
  font-size: 24px;
  color: #000;
  font-weight: 600;
  line-height: 130%;
}
.ussta-t1 .wrn-t1 {
  clear: both;
  position: relative;
  padding: 14px 40px 28px 50px;
  margin: 25px 0px 8px 0px;
  border-radius: 8px;
}
.ussta-t1 .wrn-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  color: #1d1d17;
}
.ussta-t1 .wrn-t1 .upg {
  margin: 0;
  padding: 6px 0px 0px 0px;
  font-size: 16px;
  line-height: 140%;
  color: #1d1d17;
}
.ussta-t1 .wrn-t1 .upg a {
  text-decoration: underline;
  color: #125ef8;
}
.ussta-t1 .wrn-t1 .upg a:hover {
}
.ussta-t1 .wrn-t1 .ico {
  position: absolute;
  top: 5px;
  left: 0px;
  color: #dc7f2b;
  font-size: 30px;
  line-height: 38px;
}
.ussta-t1 .wrn-t2 {
  clear: both;
  position: relative;
  padding: 0px 40px 30px 42px;
  margin: 0px 0px 8px 0px;
  border-radius: 8px;
}
.ussta-t1 .wrn-t2 p {
  margin: 0;
  font-size: 17px;
  line-height: 150%;
  color: #6e5028;
}
.ussta-t1 .wrn-t2 strong {
  display: block;
  margin: 0px 0px 0px 0px;
  font-size: 18px;
  color: #e38700;
}
.ussta-t1 .wrn-t2 .ico {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ff9800;
  font-size: 25px;
}
.ussta-t1 .wrn-t3 {
  clear: both;
  position: relative;
  margin: 0px 0px 45px 0px;
}
.ussta-t1 .wrn-t3 p {
  margin: 0px 0px 15px 0px;
  font-size: 17px;
  line-height: 140%;
  color: #111;
}
.ussta-t1 .wrn-t3 strong {
  font-size: 20px;
  color: #222;
}
.ussta-t1 .wrn-t3 .norm {
  font-size: 17px;
  color: #111;
}
.ussta-t1 .wrn-t3 p a {
  text-decoration: underline;
  color: #125ef8;
}
.ussta-t1 .wrn-t3 p a:hover {
}
.ussta-t1 .wrn-t3 .emo1 {
  position: absolute;
  font-size: 24px;
  margin: -1px 0px 0px 8px;
}
.ussta-t1 .wrn-t3 .emo2 {
  position: absolute;
  font-size: 24px;
  margin: -2px 0px 0px 8px;
}
.ussta-t1 .wrn-t3 .emo3 {
  position: absolute;
  font-size: 24px;
  margin: 0px 0px 0px 8px;
}
.ussta-t1 .wrn-t3 .ico {
  position: absolute;
  top: 7px;
  left: 0px;
  color: #46ba7b;
  font-size: 38px;
  line-height: 38px;
}
.ussta-t1 .wrn-t3 .btn {
  clear: both;
  padding: 15px 0px 0px 0px;
}
.ussta-t1 .wrn-t3 .upgrade {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  line-height: 46px;
  padding: 0px 56px 0px 48px;
  font-size: 17px;
  font-weight: 500;
  background: #125ef8;
  color: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ussta-t1 .wrn-t3 .upgrade:hover {
  background-color: #004fee;
  -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.ussta-t1 .wrn-t3 .upgrade:active {
  background-color: #125ef8;
  -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
  border-top-width: 2px;
  border-bottom-width: 0px;
}
.ussta-t1 .wrn-t3 .upgrade .ico {
  position: absolute;
  top: 8px;
  left: 14px;
  font-size: 23px;
  line-height: 30px;
  color: #fff;
  transform: rotate(17deg);
}
.ussta-t1 .ouhd-t1 {
  clear: both;
  position: relative;
  padding: 30px 0px 5px 5px;
}
.ussta-t1 .ouhd-t1 p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 130%;
  color: #1a1a1d;
}
.ussta-t1 .ouhd-t2 {
  clear: both;
  padding: 55px 0px 10px 0px;
}
.ussta-t1 .ouhd-t2 p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  color: #1a1a1d;
}
.ussta-t1 .secd {
  clear: both;
  padding: 20px 0px 5px 0px;
}
.ussta-t1 .secd p {
  margin: 0;
  font-size: 19px;
  line-height: 130%;
  font-weight: 500;
}
.ussta-t1 .expo {
  clear: both;
  padding: 30px 0px 0px 30px;
}
.ussta-t1 .expo p {
  margin: 0;
  font-size: 15px;
  color: #808080;
  font-style: italic;
  line-height: 140%;
}
.ussta-t1 .dio-t1 {
  width: 100%;
  height: 40px;
  clear: both;
  overflow: hidden;
}
.ussta-t1 .list {
  clear: both;
  padding: 35px 0px 0px 0px;
  position: relative;
}
.ussta-t1 .list .sh-t1 {
  clear: both;
  border: 1px solid #dee0e38f;
  border-radius: 4px;
}
.ussta-t1 .list .sh-t1.sp {
  border-radius: 4px 0px 4px 4px;
}
.ussta-t1 .list .sh-t2 {
  clear: both;
  padding: 0px 0px 15px 0px;
  border-radius: 4px;
}
.ussta-t1 .list .sh-t2.sp {
  border-radius: 4px 0px 4px 4px;
}
.ussta-t1 .list .tab {
  width: 100%;
  display: table;
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  border-collapse: collapse;
}
.ussta-t1 .list .tab .row {
  display: table-row;
}
.ussta-t1 .list .tab .row .th1 {
  display: table-cell;
  border: 1px solid transparent;
  padding: 16px 20px 16px 30px;
  background: #f5f6f7;
}
.ussta-t1 .list .tab .row .th1 p {
  margin: 0;
  line-height: 130%;
  font-size: 16px;
  font-weight: 500;
  color: #626875;
}
.ussta-t1 .list .tab .row .th2 {
  width: 125px;
  display: table-cell;
  border: 1px solid transparent;
  padding: 16px 20px;
  background: #f5f6f7;
  text-align: center;
  vertical-align: middle;
}
.ussta-t1 .list .tab .row .th2 p {
  margin: 0;
  line-height: 130%;
  font-size: 16px;
  font-weight: 500;
  color: #626875;
}
.ussta-t1 .list .tab .row .th3 {
  width: 150px;
  display: table-cell;
  border: 1px solid transparent;
  padding: 16px 0px;
  background: #f5f6f7;
  text-align: center;
  vertical-align: middle;
}
.ussta-t1 .list .tab .row .th3 p {
  margin: 0;
  line-height: 130%;
  font-size: 16px;
  font-weight: 500;
  color: #626875;
}
.ussta-t1 .list .tab .row .th4 {
  width: 200px;
  display: table-cell;
  border: 1px solid transparent;
  padding: 16px 20px;
  background: #f5f6f7;
  text-align: left;
  vertical-align: middle;
}
.ussta-t1 .list .tab .row .th4 p {
  margin: 0;
  line-height: 130%;
  font-size: 16px;
  font-weight: 500;
  color: #626875;
}
.ussta-t1 .list .tab .row .td1 {
  display: table-cell;
  border-top: 1px solid #e5eaf3;
  padding: 15px 20px 15px 30px;
  position: relative;
}
.ussta-t1 .list .tab .row .td1 p {
  margin: 0;
}
.ussta-t1 .list .tab .row .td1 a {
  text-decoration: underline;
}
.ussta-t1 .list .tab .row .td1 a:hover {
  text-decoration: none;
}
.ussta-t1 .list .tab .row .td2 {
  width: 100px;
  display: table-cell;
  border-top: 1px solid #e5eaf3;
  padding: 15px 20px;
  text-align: center;
}
.ussta-t1 .list .tab .row .td2 p {
  margin: 0;
  display: inline-block;
  color: #585d69;
  padding: 2px 8px;
  font-weight: 600;
  border-radius: 2px;
  background: #eeeff2;
}
.ussta-t1 .list .tab .row .td3 {
  width: 100px;
  display: table-cell;
  border-top: 1px solid #e5eaf3;
  padding: 15px 20px;
  text-align: center;
}
.ussta-t1 .list .tab .row .td3 p {
  margin: 0;
  display: inline-block;
  color: #585d69;
  padding: 2px 8px;
  font-weight: 600;
  border-radius: 2px;
  background: #eeeff2;
}
.ussta-t1 .list .tab .row .td4 {
  width: 150px;
  display: table-cell;
  border-top: 1px solid #e5eaf3;
  padding: 15px 20px;
}
.ussta-t1 .list .tab .row .td4 .indi {
  width: 100px;
  height: 10px;
  clear: both;
  position: relative;
  border-radius: 18px;
  background: #eeeff2;
}
.ussta-t1 .list .tab .row .td4 .indi .inx {
  width: 0%;
  max-width: 100%;
  height: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 18px;
}
.ussta-t1 .list .tab .row .td4 .indi .num {
  position: absolute;
  top: -6px;
  right: -39px;
  font-size: 12px;
  color: #aaa;
  line-height: 20px;
}
.ussta-t1 .list .tab .spacer * {
  padding: 0px !important;
  line-height: 10px !important;
}
.ussta-t1 .list .tab .total .td1 {
  border-top: 1px solid #eee !important;
  padding-top: 15px;
  padding-bottom: 0px;
}
.ussta-t1 .list .tab .total .td2 {
  border-top: 1px solid #eee !important;
  padding-top: 5px;
  padding-bottom: 0px;
}
.ussta-t1 .list .tab .total .td3 {
  border-top: 1px solid #eee !important;
  padding-top: 5px;
  padding-bottom: 0px;
}
.ussta-t1 .list .tab .total .td4 {
  border-top: 1px solid #eee !important;
  padding-top: 5px;
  padding-bottom: 0px;
}
.ussta-t1 .list .tab .total .td1 p {
  font-weight: 600;
}
.ussta-t1 .list .tab .loadmore .td1 {
  padding-top: 0px;
  padding-bottom: 20px;
}
.ussta-t1 .list .tab .loadmore .td2 {
  padding-top: 0px;
  padding-bottom: 20px;
}
.ussta-t1 .list .tab .loadmore .td3 {
  padding-top: 0px;
  padding-bottom: 20px;
}
.ussta-t1 .list .tab .loadmore .td4 {
  padding-top: 0px;
  padding-bottom: 20px;
}
.ussta-t1 .list .tab .loadmore .td1 a {
  display: inline-block;
  line-height: 28px;
  position: relative;
  padding: 0px 0px 0px 30px;
  font-weight: 500;
  text-decoration: underline;
  color: #1163f8;
}
.ussta-t1 .list .tab .loadmore .td1 a span {
  position: absolute;
  left: -5px;
  top: 1px;
  line-height: 28px;
  font-size: 26px;
  color: #1163f8;
}
.ussta-t1 .details .tab .row .th2 {
  text-align: right;
  padding: 22px 20px;
}
.ussta-t1 .details .tab .row .th3 {
  text-align: right;
  padding: 22px 50px 22px 20px;
}
.ussta-t1 .details .tab .row .th4 {
  text-align: right;
  padding: 22px 20px;
}
.ussta-t1 .details .tab .row .td2 {
  text-align: right;
  padding: 10px 20px;
}
.ussta-t1 .details .tab .row .td3 {
  text-align: right;
  padding: 10px 50px 10px 20px;
}
.ussta-t1 .details .tab .row .td4 {
  text-align: right;
  padding: 10px 20px;
}
.ussta-t1 .details.fx1 .tab .row .th2 {
  width: 150px;
}
.ussta-t1 .details.fx1 .tab .row .th3 {
  width: 130px;
}
.ussta-t1 .list .tab .rsvp {
  display: inline-block;
  line-height: 22px;
  background: #f68900;
  padding: 0px 6px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  margin: 0px 0px 0px 8px;
  font-weight: 500;
}
.ussta-t1 .list .green .inx {
  background: #38c314;
}
.ussta-t1 .list .greenokay .inx {
  background: #38c314;
}
.ussta-t1 .list .greenokayspe .inx {
  background: #eeeff2;
}
.ussta-t1 .list .yellowgreen .inx {
  background: #b7cf14;
}
.ussta-t1 .list .yellow .inx {
  background: #dddb25;
}
.ussta-t1 .list .orange .inx {
  background: #ff9a64;
}
.ussta-t1 .list .red .inx {
  background: #f77272;
}
.ussta-t1 .list .green .td2 p {
  background: #e1faef !important;
  color: #068a52 !important;
}
.ussta-t1 .list .greenokay .td2 p {
}
.ussta-t1 .list .greenokayspe .td2 p {
}
.ussta-t1 .list .yellowgreen .td2 p {
  background: #b7cf1478 !important;
  color: #828a49 !important;
}
.ussta-t1 .list .yellow .td2 p {
  background: #dddb256b !important;
  color: #92915f !important;
}
.ussta-t1 .list .orange .td2 p {
  background: #ff9a6459 !important;
  color: #955735 !important;
}
.ussta-t1 .list .red .td2 p {
  background: #f772724a !important;
  color: #ab4a4a !important;
}
.ussta-t1 .list.fst .sh-t2 {
  box-shadow: 0px 0px 0px 4px rgb(0 141 31 / 15%);
}
.ussta-t1 .list.snd {
  padding: 25px 0px 0px 0px;
}
.ussta-t1 .list.snd .tab .row .td1 {
  border-top: 1px solid transparent;
}
.ussta-t1 .list.snd .tab .row .td2 {
  border-top: 1px solid transparent;
}
.ussta-t1 .list.snd .tab .row .td3 {
  border-top: 1px solid transparent;
}
.ussta-t1 .list.snd .tab .row .td4 {
  border-top: 1px solid transparent;
}
.ussta-t1 .cur {
  clear: both;
  position: relative;
  padding: 3px 0px 12px 0px;
}
.ussta-t1 .cur p {
  margin: 0px;
  font-size: 17px;
  color: #000;
  line-height: 30px;
}
.ussta-t1 .cur p span {
  background: #eeeff2;
  border-radius: 6px;
  line-height: 30px;
  display: inline-block;
  padding: 0px 7px;
}
.ussta-t1 .peri {
  position: absolute;
  top: -34px;
  right: -4px;
}
.ussta-t1 .peri .lbl {
  float: left;
  margin: 0px 22px 0px 0px;
  display: none;
}
.ussta-t1 .peri .lbl p {
  margin: 0;
  font-size: 16px;
  line-height: 38px;
  color: #373745;
}
.ussta-t1 .peri .sel {
  float: left;
}
.ussta-t1 .peri .sel .inl {
  display: inline-block;
  position: relative;
  line-height: 38px;
  background: #d5eada80;
  border-radius: 8px;
}
.ussta-t1 .peri .sel .inl select {
  width: 280px;
  display: block;
  position: relative;
  z-index: 2;
  margin: 0;
  border: 0;
  line-height: 100%;
  padding: 12px 10px 12px 18px;
  font-size: 15px;
  color: #3e5443;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.ussta-t1 .peri .sel .inl .ico {
  position: absolute;
  top: 1px;
  right: 9px;
  z-index: 1;
  color: #3e5443;
  font-size: 26px;
  line-height: 38px;
}
.ussta-t1 .peri.lf {
  position: absolute;
  top: -2px;
  left: 0px;
}
.ussta-t1 .peri.lf .sel {
  float: left;
}
.ussta-t1 .peri.lf .sel .inl {
  display: inline-block;
  position: relative;
  line-height: 38px;
  background: #fff;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.ussta-t1 .peri.lf .sel .inl:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.ussta-t1 .peri.lf .sel .inl select {
  width: 310px;
  display: block;
  position: relative;
  z-index: 2;
  margin: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  line-height: 100%;
  padding: 14px 10px 14px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  background: transparent;
  -webkit-appearance: none;
}
.ussta-t1 .peri.lf .sel .inl .ico {
  position: absolute;
  top: 3px;
  right: 12px;
  z-index: 1;
  color: #3e5443;
  font-size: 28px;
  line-height: 38px;
}

.ussta-t1 .dis {
  width: 100%;
  height: 75px;
  clear: both;
}
.ussta-t1 .tip-t2 {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  margin: -1px 0px 0px 4px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.ussta-t1 .tip-t2 span {
  font-size: 17px;
  line-height: 24px;
  color: #aaafb8;
}
.ussta-t1 .tip-t2:hover {
  background: #e6edff;
}
.ussta-t1 .tip-t2:hover span {
  color: #125ef8;
}
.ussta-t1 .tooltip-t2 {
  display: none;
  position: absolute;
  top: 0px;
  left: 20px;
  padding: 16px 18px;
  width: 320px;
  background-color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #1c212b;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1001;
}
.ussta-t1 .tooltip-t2::before {
  position: absolute;
  bottom: -3px;
  left: 26px;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: " ";
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.ussta-t1 .tooltip-t2 a {
  color: #125ef8;
  text-decoration: underline;
}
.ussta-t2 {
  clear: both;
  padding: 20px 0px 60px 0px;
  text-align: center;
}
.ussta-t2 a {
  font-size: 18px;
  color: #125ef8;
  line-height: 150%;
  text-decoration: underline;
}
.ussta-t2 a:hover {
}

.event-details {
  background-color: #fff;
  padding: 0px 0px 75px;
}

.event-details.edit-mode {
  padding: 0;
}

.event-details.hidden {
  display: none;
}

.event-details.ma1 {
  padding: 0px 0px 30px;
}

.event-details a:not(.btn):not(.ttabs-t1 a) {
  color: #0079f3;
  text-decoration: underline;
}

.event-details a:hover {
  text-decoration: none;
}

.event-details .top {
  height: 54px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e9eaeb;
  margin-bottom: 28px;
}

.event-details .top.noc {
  height: 8px;
}

.event-details .top .title {
  color: #1b212b;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.5;
}

.event-details .top .edwr {
  position: absolute;
  bottom: 6px;
  right: 0px;
}

.event-details .top .edit {
  display: inline-block;
  position: relative;
  padding: 0px 12px;
  color: #125ef8;
  font-size: 15px;
  line-height: 36px;
  cursor: pointer;
  border: 1px solid transparent;
}

.event-details .top .edit:hover {
  color: #1559e1;
  background: #cfe0ff52;
  text-decoration: none;
}

.event-details .top .edit:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.event-details .main {
  display: flex;
  flex-direction: column;
}

.event-details.edit-mode .main {
  padding: 24px;
}

.event-details.edit-mode .main .e-row {
  margin-bottom: 20px;
}

.event-details.edit-mode .main .e-row:last-child {
  margin-bottom: 0;
}

.event-details .main .e-row {
  display: grid;
  justify-items: flex-start;
  align-items: center;
  grid-template-columns: 20px 1fr;
  column-gap: 25px;
  margin-bottom: 16px;
}

.event-details .main .e-row .date-t1 {
  clear: both;
}

.event-details .main .e-row .date-t1 p {
  margin: 0;
  font-size: 16px;
}

.event-details .main .e-row .date-t1 .time {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  line-height: 135%;
  color: #8a8484;
}

.event-details .main .e-row .date-tzid-t1 {
  clear: both;
}

.event-details .main .e-row .date-tzid-t1 p {
  margin: 0;
  font-size: 16px;
}

.event-details .main .e-row .date-tzid-t1 .gmt {
  font-size: 14px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 5px 0px 0px;
  letter-spacing: -0.5px;
}

.event-details .main .e-row.m1 {
  padding: 5px 0px 0px 0px;
}

.event-details .main .e-row.mb-0 {
  margin-bottom: 0px;
}

.event-details .main .e-row.mb-5 {
  margin-bottom: 5px;
}

.event-details .main .e-row.mb-8 {
  margin-bottom: 8px;
}

.event-details .main .e-row.mb-14 {
  margin-bottom: 14px;
}

.event-details .main .e-row.mb-25 {
  margin-bottom: 25px;
}

.event-details .main .e-row.mb-35 {
  margin-bottom: 35px;
}

.event-details .main .e-row.ud-t1 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.event-details .main .e-row.align-start {
  align-items: flex-start;
}

.event-details .main .e-row .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6d6d6d;
  font-size: 22px;
}

.event-details .main .e-row .icon.globe {
  color: #8e8484;
}

.event-details .main .e-row .icon.tip {
  cursor: help;
  transition: all 0.1s ease;
}

.event-details .main .e-row .icon.tip:hover {
  color: #474747;
  transform: scale(1.1);
}

.event-details .main .e-row .icon.s1 {
  font-size: 18px;
  margin: -1px 0px 0px 2px;
}

.event-details .main .e-row .icon.s2 {
  margin: -12px 0px 0px 0px;
}

.event-details .main .e-row .icon.ty1 {
  transform: translateY(1px);
}

.event-details .main .e-row .icon.ty2 {
  transform: translateY(2px);
}

.event-details .main .e-row .icon.ty3 {
  transform: translateY(3px);
}

.event-details .main .e-row .icon.t1 {
  transform: translateY(11px);
}

.event-details .main .e-row .icon.t2 {
  font-size: 21px;
  color: #919191;
}

.event-details .main .e-row .icon.t3 {
  transform: translateY(-1px);
}

.event-details .main .e-row .content {
  width: 100%;
}

.event-details .main .e-row .content ol,
.event-details .main .e-row .content ul {
  padding-left: revert;
  padding-bottom: revert;
  margin-left: revert;
  margin-bottom: revert;
}

.event-details .main .e-row .content .tx-t1 {
  clear: both;
  margin: 0px 0px 22px 0px;
  padding: 1px 0px 0px 0px;
}

.event-details .main .e-row .content .tx-t1 .hd {
  margin: 0px 0px 2px 0px;
  font-size: 16px;
  color: #323130;
  font-weight: 600;
  line-height: 145%;
}

.event-details .main .e-row .content .tx-t1 .tx {
  margin: 0;
  font-size: 16px;
  color: #323130;
  font-weight: 400;
  line-height: 140%;
}

.event-details .main .e-row .content .tx-t1 .tx.m1 {
  padding: 12px 0px 0px 0px;
}

.event-details .main .e-row .content .tx-t1 ul {
  margin: 17px 0px 0px 22px;
  padding: 0px;
  list-style-type: none;
}

.event-details .main .e-row .content .tx-t1 ul li {
  padding: 0px 0px 8px 20px;
  position: relative;
}

.event-details .main .e-row .content .tx-t1 ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: #b4bbd0;
  border-radius: 50%;
}

.event-details .main .e-row .content .tx-t2 {
  clear: both;
  position: relative;
  padding: 0;
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel {
  display: inline-block;
  position: relative;
  padding: 0px 52px 0px 15px;
  margin: 0px 8px 0px 12px;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel .lbl {
  max-width: 136px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel .gtm {
  font-size: 13px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  letter-spacing: -0.5px;
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 9;
  text-align: center;
}

.event-details .main .e-row .content .tx-t2 .sel .tzidsel .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}

.event-details .main .e-row .content .tx-t3 {
  clear: both;
  position: relative;
  padding: 5px 50px 0px 0px;
}

.event-details .main .e-row .content .lnk-t3-wrp {
  clear: both;
}

.event-details .main .e-row .content .lnk-t3-wrp .ds-t1 {
  width: 100%;
  height: 10px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .content .lnk-t3-wrp .ds-t2 {
  width: 100%;
  height: 40px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .content .lnk-t3 {
  width: 100%;
  clear: both;
  margin: 0px 0px 5px 0px;
  border: 1px solid #b7b7b74d;
  box-shadow: 0px 1px 0px rgba(28, 33, 42, 0.14);
  border-radius: 6px;
}

.event-details .main .e-row .content .lnk-t3 .rl {
  clear: both;
  position: relative;
}

.event-details .main .e-row .content .lnk-t3 .rl .iplbl {
  position: absolute;
  left: 77px;
  top: -11px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.event-details .main .e-row .content .lnk-t3 .rl .cla {
  margin: 0;
  position: absolute;
  left: 16px;
  top: 17px;
  font-size: 14px;
  color: #5b5b5b;
  line-height: 100%;
  display: none;
}

.event-details .main .e-row .content .lnk-t3 .rl input {
  width: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 17px 160px 17px 85px;
  font-family: monospace;
  font-size: 13px;
  color: #222;
  background: transparent;
  border-radius: 4px;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck {
  width: 54px;
  height: 34px;
  position: absolute;
  top: 9px;
  left: 12px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck:hover {
  box-shadow:
    0 0 0 0.5px rgb(50 50 93 / 8%),
    0 2px 5px 0 rgb(50 50 93 / 8%),
    0 1px 1.5px 0 rgb(0 0 0 / 4%),
    0 1px 2px 0 rgb(0 0 0 / 3%),
    0 0 0 0 transparent;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx {
  width: 100%;
  height: 100%;
  position: relative;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .co {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 8px;
  top: 5px;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .ar {
  width: 20px;
  height: 22px;
  position: absolute;
  left: 32px;
  top: 7px;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .ar i {
  font-size: 20px;
  line-height: 22px;
  color: #222;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .opts {
  width: 170px;
  position: absolute;
  left: 62px;
  top: -63px;
  background: #fff;
  padding: 10px 0px 10px 15px;
  z-index: 20;
  border-radius: 4px;
  box-shadow:
    0 8px 10px 1px rgb(0 0 0 / 9%),
    0 3px 8px 2px rgb(0 0 0 / 8%),
    0 5px 2px -3px rgb(0 0 0 / 6%);
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .opts {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck.active .rx .opts {
  visibility: visible;
  z-index: 101;
  opacity: 1;
  margin: 0px;
  transform: scale(1, 1);
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .paluse {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .paluse li {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px 5px 5px 0px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .paluse li:hover {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.event-details .main .e-row .content .lnk-t3 .rl .colpck .rx .paluse li:active {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.event-details
  .main
  .e-row
  .content
  .lnk-t3
  .rl
  .colpck
  .rx
  .paluse
  li.checked::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 24px;
  height: 24px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
}

.event-details .main .e-row .content .lnk-t3 .lbl {
  width: 150px;
  position: absolute;
  z-index: 2;
  left: -170px;
  top: 12px;
}

.event-details .main .e-row .content .lnk-t3 .lbl label {
  font-size: 14px;
  color: #999;
  float: right;
}

.event-details .main .e-row .content .lnk-t3 .act {
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 14px;
}

.event-details .main .e-row .content .lnk-t3 .act ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}

.event-details .main .e-row .content .lnk-t3 .act ul .del {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.event-details .main .e-row .content .lnk-t3 .act ul .del a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.event-details .main .e-row .content .lnk-t3 .act ul .del a i {
  font-size: 20px;
  line-height: 36px;
  color: #222;
}

.event-details .main .e-row .content .lnk-t3 .act ul .del a:hover {
  background: #efefef;
}

.event-details .main .e-row .content .lnk-t3 .act ul .del a:hover i {
  color: #000;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync a i {
  font-size: 20px;
  line-height: 36px;
  color: #222;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync a:hover {
  background: #efefef;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync a:hover i {
  color: #000;
}

.event-details .main .e-row .content .lnk-t3 .act ul .sync .syncing {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background: #fff
    url(https://cdn.addevent.com/legacy2000/gfx/icon-loading-t1.svg) no-repeat
    50% 50%;
  background-size: 22px auto;
  display: none;
}

.event-details .main .e-row .content .lnk-t3 .act ul .chk {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.event-details .main .e-row .content .lnk-t3 .act ul .chk a {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: help;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.event-details .main .e-row .content .lnk-t3 .act ul .chk a i {
  font-size: 22px;
  line-height: 36px;
  color: #4caf50;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 14px;
  top: 7px;
  z-index: 14;
  overflow: hidden;
  cursor: help;
  border-radius: 50%;
  background: #fff;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .ico {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .ico .ic {
  font-size: 26px;
  line-height: 36px;
  color: #fc2828;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .info {
  width: 320px;
  position: absolute;
  right: 40px;
  top: -100px;
  z-index: 100;
  background: #fff;
  border-radius: 4px;
  padding: 15px 22px 17px 22px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  text-align: left;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .info p {
  margin: 0px;
  font-size: 15px;
  line-height: 155%;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .info p strong {
  font-weight: 600;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1:hover {
  background: #efefef;
  overflow: visible;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1:hover .info {
}

.event-details .main .e-row .content .lnk-t3 .alert-t1 .info {
  opacity: 0;
  transform: translateX(35px) scale(0.8);
  transition: all 0.2s ease;
}

.event-details .main .e-row .content .lnk-t3 .alert-t1:hover .info {
  opacity: 1;
  transform: translateX(0px) scale(1);
}

.event-details .main .e-row .content .lnk-t4 {
  clear: both;
}

.event-details .main .e-row .content .lnk-t4 a {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  font-weight: 500;
  line-height: 44px;
  padding: 0px 18px 0px 48px;
  color: #333;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}

.event-details .main .e-row .content .lnk-t4 a:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .lnk-t4 a:active {
  top: 1px;
}

.event-details .main .e-row .content .lnk-t4 .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  left: 9px;
  z-index: 9;
  text-align: center;
}

.event-details .main .e-row .content .lnk-t4 .arr .ic {
  font-size: 26px;
  line-height: 35px;
  color: #125ef8;
}

.event-details .main .e-row .content .fltxt {
  float: left;
  color: #1b212b;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}

.event-details .main .e-row .content .flsel {
  float: left;
  position: relative;
  margin: 1px 10px 0px 0px;
}

.event-details .main .e-row .content .flsel .tzidsel {
  display: inline-block;
  position: relative;
  padding: 0px 52px 0px 15px;
  margin: 0px 8px 0px 12px;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .flsel .tzidsel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .flsel .tzidsel .lbl {
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-details .main .e-row .content .flsel .tzidsel .gtm {
  font-size: 13px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  letter-spacing: -0.5px;
}

.event-details .main .e-row .content .flsel .tzidsel .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 9;
  text-align: center;
}

.event-details .main .e-row .content .flsel .tzidsel .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}

.event-details .main .e-row .content .flsel .tzidsel .addresslookup {
  left: -5px;
  right: unset;
}

.event-details .main .e-row .content .flclr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .content .clsl-t1 {
  clear: both;
  display: inline-block;
  position: relative;
  margin: 0px 0px 0px 10px;
}

.event-details .main .e-row .content .clsl-t1.noma {
  margin: 0px;
  padding: 4px 0px 0px 0px;
}

.event-details .main .e-row .content .clsl-t1.noma .fl {
  background: none;
  padding: 0;
  border-radius: unset;
  margin: 0;
  cursor: default;
}

.event-details .main .e-row .content .clsl-t1 .fl {
  float: left;
  position: relative;
  background: #f4f7fc;
  padding: 8px 54px 8px 9px;
  border-radius: 20px;
  margin: -8px 0px 0px 0px;
  cursor: pointer;
}

.event-details .main .e-row .content .clsl-t1 .fl:hover {
  background: #ebeff5c9;
}

.event-details .main .e-row .content .clsl-t1 .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 6px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
}

.event-details .main .e-row .content .clsl-t1 .arr .ic {
  line-height: 30px;
  font-size: 26px;
  color: #3a3c3e;
}

.event-details .main .e-row .content .clsl-t1 .paluse {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.event-details .main .e-row .content .clsl-t1 .paluse li {
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px -6px 0px 0px;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(1) {
  z-index: 20;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(2) {
  z-index: 19;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(3) {
  z-index: 18;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(4) {
  z-index: 17;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(5) {
  z-index: 16;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(6) {
  z-index: 15;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(7) {
  z-index: 14;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(8) {
  z-index: 13;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(9) {
  z-index: 12;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(10) {
  z-index: 11;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(11) {
  z-index: 10;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(12) {
  z-index: 9;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(13) {
  z-index: 8;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(14) {
  z-index: 7;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(15) {
  z-index: 6;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(16) {
  z-index: 5;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(17) {
  z-index: 4;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(18) {
  z-index: 3;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(19) {
  z-index: 2;
}

.event-details .main .e-row .content .clsl-t1 .paluse li:nth-child(20) {
  z-index: 1;
}

.event-details .main .e-row .content .clsl-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .content .clsl-t2 {
  clear: both;
  display: inline-block;
  position: relative;
  padding: 0;
}

.event-details .main .e-row .content .clsl-t2 .selec {
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .clsl-t2 .selec:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content .clsl-t2 .selec select {
  position: relative;
  z-index: 2;
  width: 200px;
  margin: 0;
  padding: 0px 30px 0px 15px;
  border: 0;
  outline: 0;
  cursor: pointer;
  appearance: none;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  background: transparent;
}

.event-details .main .e-row .content .clsl-t2 .selec .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 0;
  text-align: center;
}

.event-details .main .e-row .content .clsl-t2 .selec .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}

.event-details .main .e-row .content.mobile {
  display: none;
}

.event-details .main .e-row .content.only {
  grid-column: 2;
}

.event-details .main .e-row .content.rruleedit {
  margin: -12px 0px 30px 0px;
  cursor: pointer;
}

.event-details .main .e-row .content.rruleedit:hover {
  border-bottom: 1px solid #94b8ff4d;
  box-shadow:
    0 0 0 4px rgb(18 94 248 / 10%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content.rruleedit {
  padding: 12px 16px 0px 16px;
  border: 1px dashed #dadada;
  border-radius: 8px;
}

.event-details .main .e-row .content.rruleedit .mai {
  clear: both;
  margin: 0px 0px 8px 0px;
}

.event-details .main .e-row .content.rruleedit.noweekly {
  grid-column: 2;
}

.event-details .main .e-row .content.rruleedit.noweekly .date-box .tp .days {
  display: none;
}

.event-details .main .e-row .content.rruleedit.noweekly .date-box .tp .title {
  max-width: unset;
}

.event-details .main .e-row .content.seriesedit {
  margin: -12px 0px 30px 0px;
  cursor: pointer;
}

.event-details .main .e-row .content.seriesedit:hover {
  border-bottom: 1px solid #94b8ff4d;
  box-shadow:
    0 0 0 4px rgb(18 94 248 / 10%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .e-row .content.seriesedit {
  padding: 12px 16px 0px 16px;
  border: 1px dashed #dadada;
  border-radius: 8px;
}

.event-details .main .e-row .content.seriesedit .mai {
  clear: both;
  margin: 0px 0px 8px 0px;
}

.event-details .main .e-row .content.rruleview {
  padding: 6px 0px 0px 0px;
  display: block;
}

.event-details .main .e-row .content.rruleview.hide {
  display: none;
}

.event-details .main .e-row .content.rruleview .recurw {
  width: 116px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.event-details .main .e-row .content.rruleview .recurw .recur {
  position: absolute;
  left: 0px;
  top: 7px;
}

.event-details .main .e-row .content.rruleview.noweekly {
  grid-column: 2;
}

.event-details .main .e-row .content.rruleview.noweekly .date-box .tp .days {
  display: none;
}

.event-details .main .e-row .content.rruleview.noweekly .date-box .tp .title {
  max-width: 80%;
}

.event-details .main .e-row .content.norule {
  position: relative;
  z-index: 2;
  border: 0;
  box-shadow:
    0 0 0 4px rgb(255 234 199 / 48%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-bottom: 1px solid #eadabf;
}

.event-details .main .e-row .content.norule:hover::after {
  display: none;
}

.event-details .main .e-row .content.norule::after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #fff;
  border-radius: 6px;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    box-shadow:
      0 0 0 4px rgb(255 234 199 / 48%),
      0 2px 3px 0 rgb(50 50 93 / 7%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }
  to {
    opacity: 0;
    box-shadow:
      0 0 0 4px rgb(255 234 199 / 80%),
      0 2px 3px 0 rgb(50 50 93 / 7%),
      0px 0px 0px 15px rgb(0 0 0 / 15%);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    box-shadow:
      0 0 0 4px rgb(255 234 199 / 48%),
      0 2px 3px 0 rgb(50 50 93 / 7%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }
  to {
    opacity: 0;
    box-shadow:
      0 0 0 4px rgb(255 234 199 / 80%),
      0 2px 3px 0 rgb(50 50 93 / 7%),
      0px 0px 0px 10px rgb(0 0 0 / 15%);
  }
}

.event-details .main .e-row .eventseriesnote {
  clear: both;
  padding: 11px 0px 5px 45px;
}

.event-details .main .e-row .eventseriesnote p {
  margin: 0;
  display: inline-block;
  background: #ffe8c3ed;
  border-radius: 8px;
  line-height: 24px;
  padding: 0px 5px;
  font-size: 11px;
  color: #544836;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}

.event-details .main .elink {
  clear: both;
  padding: 20px 0px 0px 0px;
}

.event-details .main .elink .po {
  clear: both;
  position: relative;
  padding: 8px 0px 0px 26px;
}

.event-details .main .elink .po .icp {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0px;
  left: -6px;
}

.event-details .main .elink .po .icp .rad {
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 50%;
  text-align: center;
  background: #e8f9f2;
}

.event-details .main .elink .po .icp .rad i {
  font-size: 24px;
  line-height: 34px;
  color: #1f9d68;
  transform: rotate(-45deg);
}

.event-details .main .elink .po .sl {
  clear: both;
  padding: 0px 0px 0px 18px;
}

.event-details .main .elink .po .sl .lb {
  margin: 0px 0px 2px 0px;
  font-size: 15px;
  color: #7e828b;
  line-height: 23px;
  font-weight: 400;
}

.event-details .main .elink .po .sl .inl {
  margin: -5px 0px 0px 0px;
  position: relative;
  font-size: 17px;
  color: #111;
  line-height: 18px;
}

.event-details .main .elink .po .sl .inl .url {
  float: left;
  margin: 6px 0px 0px 0px;
  line-height: 26px;
  font-size: 16px;
  color: #1b212b;
}

.event-details .main .elink .po .sl .inl .act {
  height: 40px;
  float: left;
  margin: -1px 0px 0px 25px;
  padding: 0px 3px 0px 0px;
}

.event-details .main .elink .po .sl .inl .act .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.event-details .main .elink .po .sl .inl .act .rl .sel {
  width: 170px;
  height: 40px;
  float: left;
  margin: 0px 20px 0px 0px;
  cursor: pointer;
  box-shadow:
    0 0 0 0.5px rgb(50 50 93 / 17%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1.5px 0 rgb(0 0 0 / 7%),
    0 1px 2px 0 rgb(0 0 0 / 8%),
    0 0 0 0 transparent;
  border-radius: 5px;
}

.event-details .main .elink .po .sl .inl .act .rl .sel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.event-details .main .elink .po .sl .inl .act .rl .sel .sel-t2 {
  width: 100%;
  line-height: 40px;
}

.event-details .main .elink .po .sl .inl .act .rl .sel .sel-t2 .ro {
  background: transparent;
}

.event-details .main .elink .po .sl .inl .act .rl .sel .sel-t2 .arr {
  top: 6px;
  right: 8px;
}

.event-details .main .elink .po .sl .inl .act .rl .sel .sel-t2 .arr i {
  font-size: 25px;
}

.event-details .main .elink .po .sl .inl .act .rl .sel .sel-t2 select {
  padding: 0px 40px 0px 15px;
  font-size: 16px;
  line-height: 40px;
}

.event-details .main .elink .po .sl .inl .act .rl .sp-t1 {
  width: 1px;
  height: 34px;
  float: left;
  margin: 3px 3px 0px 3px;
  background: #cccccc5c;
  overflow: hidden;
  display: none;
}

.event-details .main .elink .po .sl .inl .act .rl .sp-t2 {
  width: 1px;
  height: 34px;
  float: left;
  margin: 3px 3px 0px 3px;
  background: #cccccc5c;
  overflow: hidden;
  display: none;
}

.event-details .main .elink .po .sl .inl .act .rl .copy {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid transparent;
  margin: 0px 6px 0px 0px;
}

.event-details .main .elink .po .sl .inl .act .rl .copy:hover {
  background: #f0f3f7;
}

.event-details .main .elink .po .sl .inl .act .rl .copy:active {
  background: #eceff1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.event-details .main .elink .po .sl .inl .act .rl .copy .io {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
  text-align: center;
}

.event-details .main .elink .po .sl .inl .act .rl .copy .io span {
  font-size: 18px;
  line-height: 40px;
  transform: rotate(180deg);
  margin: 0px 0px 0px -2px;
}

.event-details .main .elink .po .sl .inl .act .rl .exlnk {
  width: 40px;
  height: 40px;
  float: left;
}

.event-details .main .elink .po .sl .inl .act .rl .exlnk a {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 50%;
  border: 1px solid transparent;
}

.event-details .main .elink .po .sl .inl .act .rl .exlnk a:hover {
  background: #f0f3f7;
}

.event-details .main .elink .po .sl .inl .act .rl .exlnk a:active {
  background: #eceff1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.event-details .main .elink .po .sl .inl .act .rl .exlnk a span {
  font-size: 19px;
  line-height: 40px;
  color: #000;
}

.event-details .main .elink .po .sl .inl .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-top .text-box .externalevent {
  clear: both;
  padding: 0px 45px 0px 0px;
  margin: 0px 0px 28px 0px;
}

.event-top .text-box .externalevent .in {
  clear: both;
  position: relative;
  padding: 16px 90px 17px 25px;
  background: #fcffca;
  border-radius: 6px;
}

.event-top .text-box .externalevent p {
  margin: 0;
  font-size: 15px;
  line-height: 145%;
  color: #43443b;
  font-weight: 400;
}

.event-top .text-box .externalevent p strong {
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin: 0px 0px 6px 0px;
}

.event-top .text-box .externalevent .ico-t1 {
  position: absolute;
  top: 20px;
  right: 25px;
  background: #eff1bc;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
}

.event-top .text-box .externalevent .ico-t1 i {
  font-size: 22px;
  line-height: 38px;
  color: #6d6f44;
}

.event-top .text-box .externalevent .goto {
  display: inline-block;
  margin: 5px 0px 0px 0px;
  text-decoration: underline;
}

.event-top .text-box .recurringrulecopy {
  clear: both;
  padding: 0px 45px 0px 0px;
  margin: 0px 0px 28px 0px;
  display: none;
}

.event-top .text-box .recurringrulecopy .in {
  clear: both;
  position: relative;
  padding: 16px 90px 17px 25px;
  background: #fcffca;
  border-radius: 6px;
}

.event-top .text-box .recurringrulecopy p {
  margin: 0;
  font-size: 15px;
  line-height: 145%;
  color: #43443b;
  font-weight: 400;
}

.event-top .text-box .recurringrulecopy p strong {
  font-weight: 600;
}

.event-top .text-box .recurringrulecopy .ico-t1 {
  position: absolute;
  top: 20px;
  right: 25px;
  background: #eff1bc;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
}

.event-top .text-box .recurringrulecopy .ico-t1 i {
  font-size: 22px;
  line-height: 38px;
  color: #6d6f44;
}

.event-details .main .e-row .content .text {
  display: inline;
  color: #1b212b;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.58;
}

.event-details .main .e-row .content .text.grey {
  color: #aaafb8;
}

.event-details .main .e-row .content .text .calgre {
  display: inline-block;
  margin: 0px 8px 0px 0px;
  color: #7b8089;
}

.event-details .main .e-row .content .text.lblmobl {
  display: none;
}

.event-details .main .e-row .content .sel {
  display: inline;
  clear: both;
  position: relative;
  margin: 2px 2px 0px 0px;
  padding: 2px 0px 0px 0px;
}

.event-details .main .e-row .content .sel .select-t2 {
  display: inline-block;
  clear: both;
}

.event-details .main .e-row .content .sel .select-t2 .rad {
  clear: both;
  position: relative;
  border-radius: 5px;
}

.event-details .main .e-row .content .sel .select-t2:hover .rad {
  background: #f4f6f7;
}

.event-details .main .e-row .content .sel .select-t2 .rad select {
  min-width: 50px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 6px 35px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.event-details .main .e-row .content .sel .select-t2 .rad .arr {
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 0;
}

.event-details .main .e-row .content .sel .select-t2 .rad .arr .ic {
  font-size: 25px;
  line-height: 26px;
  color: #5f6368;
}

.event-details .main .e-row .content .recur {
  display: inline-block;
  background: #ffe8c3ed;
  border-radius: 8px;
  line-height: 24px;
  padding: 0px 5px;
  font-size: 11px;
  color: #544836;
  text-transform: uppercase;
  font-weight: 600;
}

.event-details .main .e-row .content .more {
  color: #125ef8;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  cursor: pointer;
}

.event-details .main .e-row .content .more:hover {
  color: #1559e1;
}

.event-details .main .e-row .content .inp-t2 {
  width: 100%;
  clear: both;
  position: relative;
}

.event-details .main .e-row .content .inp-t2 .lin {
  width: 100%;
  clear: both;
}

.event-details .main .e-row .content .inp-t2.allday .lin .time-t1 {
  display: none;
}

.event-details .main .e-row .content .inp-t2.allday .lin .time-t2 {
  display: none;
}

.event-details .main .e-row .content .inp-t2.allday .lin .date-t1 {
  padding-right: 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t1 {
  float: left;
  position: relative;
  padding: 0px 8px 10px 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t1 input {
  width: 160px;
  margin: 0;
  padding: 0px 10px;
  outline: 0;
  font-size: 15px;
  line-height: 42px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3b5;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t1 .distip {
  width: 22px;
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 10px;
  cursor: help;
  display: none;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t1 .distip .ic {
  font-size: 24px;
  color: #ff4700;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t1.disabled {
  opacity: 0.5;
  color: #868686;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t2 {
  float: left;
  position: relative;
  padding: 0px 14px 10px 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t2 input {
  width: 160px;
  margin: 0;
  padding: 0px 10px;
  outline: 0;
  font-size: 15px;
  line-height: 42px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3b5;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t2 .distip {
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 100;
  top: 9px;
  left: 10px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-alert-t1.svg)
    no-repeat;
  background-size: 20px auto;
  display: none;
}

.event-details .main .e-row .content .inp-t2 .lin .date-t2.disabled {
  opacity: 0.5;
  color: #868686;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t1 {
  float: left;
  position: relative;
  padding: 0px 0px 10px 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t1 input {
  width: 86px;
  margin: 0;
  padding: 0px 10px;
  outline: 0;
  font-size: 15px;
  line-height: 42px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3b5;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t1.disabled {
  opacity: 0.5;
  color: #868686;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t1.disabled:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #ffffff01;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t2 {
  float: left;
  position: relative;
  padding: 0px 8px 10px 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t2 input {
  width: 86px;
  margin: 0;
  padding: 0px 10px;
  outline: 0;
  font-size: 15px;
  line-height: 42px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3b5;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t2.disabled {
  opacity: 0.5;
  color: #868686;
}

.event-details .main .e-row .content .inp-t2 .lin .time-t2.disabled:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #ffffff01;
}

.event-details .main .e-row .content .inp-t2 .lin .to {
  width: 35px;
  float: left;
  padding: 0px 0px 10px 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .to p {
  margin: 0;
  padding: 9px 0px 0px 0px;
  font-size: 15px;
  color: #333;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2.evtserdis .date-t1 {
  display: none;
}

.event-details .main .e-row .content .inp-t2.evtserdis .date-t2 {
  display: none;
}

.event-details .main .e-row .content .inp-t2.evtserdis .distip {
  display: none !important;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel {
  float: left;
  line-height: 42px;
  position: relative;
  padding: 0px 40px 0px 36px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel.notzid {
  padding: 0px 14px 0px 36px;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel.notzid .clear {
  display: none;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel:hover {
  background: #f5f6f6;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel:active {
  background: #eeefef;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel:hover .res {
  background: #f5f6f6;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .tziddrop {
  height: 364px;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .glo {
  position: absolute;
  left: 9px;
  top: 0px;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .glo .ic {
  font-size: 19px;
  line-height: 42px;
  color: #9a9a9a;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .lbl {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #555;
  max-width: 145px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.25px;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .lbl .gtm {
  font-size: 14px;
  display: inline-block;
  margin: 0px 4px 0px 0px;
  color: #999;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .res {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50%;
  text-align: center;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .res:hover {
  background: #fff;
}

.event-details .main .e-row .content .inp-t2 .lin .tzidsel .res .ic {
  font-size: 21px;
  line-height: 30px;
  color: #585858;
}

.event-details .main .e-row .content .inp-t2 .lin .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .content .inp-t2 .ico-t1 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -40px;
  top: 3px;
  text-align: center;
  border-radius: 50%;
  cursor: default;
}

.event-details .main .e-row .content .inp-t2 .ico-t1 .ri {
  width: 100%;
  height: 100%;
  position: relative;
}

.event-details .main .e-row .content .inp-t2 .ico-t1 i {
  font-size: 20px;
  line-height: 30px;
  color: #6d6d6d;
}

.event-details .main .e-row .content .inp-t2.alldayslim .date-t1 {
  padding-right: 1px;
}

.event-details .main .e-row .content .el-t1 {
  display: inline-block;
  clear: both;
  padding: 0px 0px 0px 15px;
}

.event-details .main .e-row .content .el-t1 {
  height: 38px;
  padding: 7px 0px 0px 15px;
}

.event-details .main .e-row .content .el-wr-t1 {
  float: left;
  padding: 0px 20px 0px 0px;
}

.event-details .main .e-row .content .el-wr-t2 {
  float: left;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel {
  float: left;
  line-height: 42px;
  position: relative;
  padding: 0px 40px 0px 36px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel.notzid {
  padding: 0px 14px 0px 36px;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel.notzid .clear {
  display: none;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel:hover {
  background: #f5f6f6;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel:active {
  background: #eeefef;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel:hover .res {
  background: #f5f6f6;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .tziddrop {
  height: 364px;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .glo {
  position: absolute;
  left: 9px;
  top: 0px;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .glo .ic {
  font-size: 19px;
  line-height: 42px;
  color: #9a9a9a;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .lbl {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #555;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.25px;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .lbl .gtm {
  font-size: 14px;
  display: inline-block;
  margin: 0px 4px 0px 0px;
  color: #999;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .res {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50%;
  text-align: center;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .res:hover {
  background: #fff;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .res .ic {
  font-size: 21px;
  line-height: 30px;
  color: #585858;
}

.event-details .main .e-row .content .el-wr-t2 .tzidsel .tziddrop {
  right: auto;
  left: -10px;
}

.event-details .main .e-row .content .elclr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .fldlocation {
  clear: both;
}

.event-details .main .e-row .fldlocation .ix-t2 .epd {
  clear: both;
  padding: 0px 76px 0px 0px;
}

.event-details .main .e-row .fldlocation .ix-t2 .epd .loc {
  padding: 11px 55px 12px 16px;
}

.event-details .main .e-row .fldlocation .ix-t2 .remove {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 11px;
  right: 90px;
  z-index: 10;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
  background: #f1f3f3;
  text-align: center;
}

.event-details .main .e-row .fldlocation .ix-t2 .remove span {
  font-size: 22px;
  color: #000;
  line-height: 29px;
}

.event-details .main .e-row .fldlocation .ix-t2 .remove:hover {
  background: #ddd;
}

.event-details .main .e-row .fldlocation .ix-t2 .remove:active {
  background: #ccc;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations {
  width: 60px;
  height: 42px;
  position: absolute;
  top: 3px;
  right: 0px;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  border-radius: 4px 4px 4px 4px;
  background: #fff;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.17),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.07),
    0 1px 2px 0 rgba(0, 0, 0, 0.08),
    0 0 0 0 transparent;
  border: 1px solid transparent;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations:hover {
  background: #f9f9f9;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.17),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.07),
    0 1px 2px 0 rgba(0, 0, 0, 0.08),
    0 0 0 0 transparent;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
  background: #f1f1f1;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations .rl .ico {
  font-size: 29px;
  color: #ec4a17;
  line-height: 38px;
  position: absolute;
  left: 8px;
  top: 1px;
}

.event-details .main .e-row .fldlocation .ix-t2 .locations .rl .arr {
  font-size: 24px;
  color: #000000;
  line-height: 38px;
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 2;
}

.event-details .main .e-row .orga {
  clear: both;
}

.event-details .main .e-row .orga .lf {
  width: 300px;
  display: inline-block;
  padding: 0px 12px 0px 0px;
}

.event-details .main .e-row .orga .rg {
  width: 300px;
  display: inline-block;
}

.event-details .main .e-row .nh-t1 {
  clear: both;
  padding: 3px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 16px 0px;
}

.event-details .main .e-row .nh-t1 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 600;
}

.event-details .main .e-row .nh-t2 {
  clear: both;
  margin: 0px 0px 16px 0px;
  padding: 0;
}

.event-details .main .e-row .nh-t2 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 600;
}

.event-details .main .e-row .nh-t2 p .par {
  display: inline-block;
  margin: 0px 0px 0px 6px;
  font-size: 15px;
  color: #626875;
  font-weight: 400;
}

.event-details .main .e-row .nh-t3 {
  clear: both;
  padding: 0;
  margin: 0px 0px 15px 0px;
}

.event-details .main .e-row .nh-t4 {
  clear: both;
  padding: 0px 0px 25px 0px;
}

.event-details .main .e-row .nh-t4 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 500;
}

.event-details .main .e-row .nh-t5 {
  padding: 0;
}

.event-details .main .e-row .nh-t6 {
  clear: both;
  padding: 11px 0px 0px 21px;
  margin: 0px 0px 30px 0px;
}

.event-details .main .e-row .nh-t6 p {
  margin: 0;
  font-size: 14px;
  color: #626875;
  line-height: 130%;
}

.event-details .main .e-row .nh-t7 {
  clear: both;
  padding: 3px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 26px 0px;
}

.event-details .main .e-row .nh-t7 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 600;
}

.event-details .main .e-row .nh-t8 {
  clear: both;
  position: relative;
  margin: 0px 0px 20px 0px;
  padding: 0px 120px 0px 0px;
}

.event-details .main .e-row .sechd-t1 {
  clear: both;
  padding: 0px;
  position: relative;
  margin: -6px 0px 22px 0px;
}

.event-details .main .e-row .sechd-t1 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 400;
}

.event-details .main .e-row .nh-t8 .bts {
  position: absolute;
  top: 7px;
  right: 20px;
}

.event-details .main .e-row .nh-t8 .bts .attnlstrefresh {
  width: 38px;
  height: 38px;
  float: left;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  margin: 0px 6px 0px 0px;
}

.event-details .main .e-row .nh-t8 .bts .attnlstrefresh:hover {
  background: #f5f5f5;
}

.event-details .main .e-row .nh-t8 .bts .attnlstrefresh:active {
  background: #f1f1f1;
}

.event-details .main .e-row .nh-t8 .bts .attnlstrefresh .ic {
  font-size: 24px;
  line-height: 38px;
  color: #333;
}

.event-details .main .e-row .nh-t8 .bts .attnlstlink {
  width: 38px;
  height: 38px;
  float: left;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  margin: 0px 6px 0px 0px;
}

.event-details .main .e-row .nh-t8 .bts .attnlstlink:hover {
  background: #f5f5f5;
}

.event-details .main .e-row .nh-t8 .bts .attnlstlink:active {
  background: #f1f1f1;
}

.event-details .main .e-row .nh-t8 .bts .attnlstlink .ic {
  font-size: 24px;
  line-height: 38px;
  color: #333;
  transform: rotate(-45deg);
}

.event-details .main .e-row .nh-t9 {
  clear: both;
  padding: 3px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 26px 0px;
}

.event-details .main .e-row .nh-t9 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 600;
}

.event-details .main .e-row .nh-t10 {
  clear: both;
  margin: 0px 0px 16px 0px;
  padding: 0;
}

.event-details .main .e-row .nh-t10 p {
  margin: 0;
  font-size: 16px;
  color: #1b2132;
  line-height: 130%;
  font-weight: 600;
}

.event-details .main .e-row .nh-t10 p .par {
  display: inline-block;
  margin: 0px 0px 0px 6px;
  font-size: 15px;
  color: #626875;
  font-weight: 400;
}

.event-details .main .e-row .nh-t11 {
  clear: both;
  padding: 0;
  margin: 0px 0px 15px 0px;
}

.event-details .main .e-row .ops-t1 {
  clear: both;
  padding: 0;
  margin: 0px 0px 24px 0px;
}

.event-details .main .e-row .ops-t1 .ck-t1 {
  float: left;
}

.event-details .main .e-row .ops-t1 .ck-t2 {
  float: left;
  padding: 0px 0px 0px 35px;
}

.event-details .main .e-row .ops-t1 .ck-t2 .ra {
  float: left;
}

.event-details .main .e-row .ops-t1 .ck-t2 .ip {
  float: left;
  margin: -3px 0px 0px 14px;
}

.event-details .main .e-row .ops-t1 .ck-t2 .ip input {
  width: 80px;
  margin: 0;
  padding: 8px 10px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

.event-details .main .e-row .ops-t1 .ck-t2 .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .ops-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .ops-t2 {
  clear: both;
  padding: 0;
  margin: 0px 0px 30px 0px;
}

.event-details .main .e-row .ops-t2 .nr {
  clear: both;
  margin: 0px 0px 5px 0px;
}

.event-details .main .e-row .ops-t2 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details .main .e-row .ops-t3 {
  clear: both;
  padding: 0;
  margin: 0px 0px 24px 0px;
}

.event-details .main .e-row .ops-t4 {
  padding: 0;
}

.event-details .main .e-row .ops-t4 .lb-t1 {
  float: left;
}

.event-details .main .e-row .ops-t4 .lb-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 36px;
}

.event-details .main .e-row .ops-t4 .op {
  float: left;
  padding: 0px 12px;
}

.event-details .main .e-row .ops-t4 .op select {
  border: 1px solid #dadada !important;
}

.event-details .main .e-row .ops-t4 .lb-t2 {
  float: left;
}

.event-details .main .e-row .ops-t4 .lb-t2 p {
  margin: 0;
  font-size: 16px;
  line-height: 36px;
}

.event-details .main .e-row .ops-t4 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.event-details.edit-mode .main .e-row .content .item {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.event-details.edit-mode .main .e-row .content .item.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.event-details.edit-mode .main .e-row .content .item.g-12 {
  gap: 12px;
}

.event-details.edit-mode .event-type-box {
  display: flex;
  justify-content: flex-start;
  position: relative;
  width: max-content;
}

.event-details.edit-mode .event-type-box .input {
  cursor: pointer;
}

.event-details.edit-mode .event-type-box .drop {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  filter: drop-shadow(-4px -16px 22px rgba(20, 18, 30, 0.04))
    drop-shadow(4px 16px 32px rgba(20, 18, 30, 0.08));
  padding: 8px 12px;
  width: max-content;
  max-width: 320px;
  z-index: 1;
}

.event-details.edit-mode .event-type-box .drop .event-item {
  padding: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.event-details.edit-mode .event-type-box .drop .event-item:hover {
  background-color: #f9fafb;
}

.event-details.edit-mode .event-type-box .drop .event-item .top {
  justify-content: flex-start;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
}

.event-details.edit-mode .event-type-box .drop .event-item .top .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  transform: none;
  margin-right: 8px;
}

.event-details.edit-mode .event-type-box .drop .event-item .top .title {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
}

.event-details.edit-mode .event-type-box .drop .event-item .text {
  color: #626875;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.34;
}

.event-details .main .e-row .content .date-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.event-details .main .e-row .content .date-box.single .tp {
  display: block;
}

.event-details .main .e-row .content .date-box.single .tp .title {
  max-width: unset;
}

.event-details.edit-mode .main .e-row .content .date-box:hover {
  box-shadow:
    1px 1px 2px rgba(28, 33, 42, 0.04),
    0px 1px 5px rgba(28, 33, 42, 0.09);
  cursor: pointer;
}

.event-details.create .main .e-row .content .date-box:hover {
  box-shadow: none;
  cursor: auto;
}

.event-details .main .e-row .content.rruleview .date-box .tp {
  margin-bottom: 5px;
}

.event-details .main .e-row .content .date-box .tp {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 13px;
  padding-bottom: 0;
  border-bottom: none;
}

.event-details .main .e-row .content .date-box .tp .title {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
  margin-right: 8px;
  max-width: 400px;
}

.event-details .main .e-row .content .date-box .tp .seriesexp {
  display: block;
  margin: 0px 0px 4px 0px;
}

.event-details .main .e-row .content .date-box .tp .days {
  display: flex;
  gap: 2px;
}

.event-details .main .e-row .content .date-box .tp .days.hidden {
  display: none;
}

.event-details .main .e-row .content .date-box .tp .days .day-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  color: #626875;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  background: #dee0e34a;
  border-radius: 50%;
}

.event-details .main .e-row .content .date-box .tp .days .day-circle.active {
  background-color: #125ef8;
  border-color: #125ef8;
  color: #fff;
}

.event-details .main .e-row .content .date-box .tp a {
  font-size: 15px;
  color: #125ef8;
  text-decoration: underline;
}

.event-details .main .e-row .content .date-box .tp a:hover {
  text-decoration: none;
}

.event-details .main .e-row .content .date-box .tp .edit {
}

.event-details .main .e-row .content .date-box .text {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.event-details .main .e-row .content .date-box .date-control {
  display: grid;
  grid-template-columns: 21.37% 78.63%;
  justify-items: flex-start;
  align-items: baseline;
  border: none;
  padding: 0;
  margin-bottom: 16px;
}

.event-details .main .e-row .content .date-box .date-control:last-child {
  margin-bottom: 0;
}

.event-details .main .e-row .content .date-box .date-control .d-label {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-right: 24px;
}

.event-details .main .e-row .content .date-box .date-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.event-details .main .e-row .content .date-box .date-flex.vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.event-details .main .e-row .content .date-box .date-range {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.event-details .main .e-row .content .date-box .date-range .input {
  padding-left: 12px;
  padding-right: 12px;
}

.event-details .main .e-row .content .date-box .date-range .input {
  width: 100%;
}

.event-details .main .e-row .content .date-box .date-range .input:first-child {
  max-width: 86px;
}

.event-details .main .e-row .content .date-box .date-range .modal-flex {
  width: 100%;
}

.event-details .main .e-row .content .date-box .date-range .input {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 100%;
}

.event-details .main .e-row .content .date-box .date-range.all-day .modal-flex {
  width: 100%;
}

.event-details .main .e-row .content .date-box .date-range.all-day .input {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 100%;
}

.event-details .main .e-row .content .date-box .all-day-hide.hidden {
  display: none;
}

.event-details .main .e-row .content .key-box {
  display: flex;
  align-items: center;
}

.event-details .main .e-row .content .key-box .text {
  margin-right: 24px;
}

.event-details .main .e-row .content .key-box .text:last-child {
  margin-right: 0;
}

.event-details .main .e-row .content .key-box .text span {
  background-color: #eeeff2;
  border-radius: 4px;
  padding: 4px 6px;
  color: #626875;
  font-size: 15px;
  line-height: 150%;
}

.event-details .main .e-row .content .key-box .kyvl {
  display: inline-block;
  position: relative;
  line-height: 30px;
  margin: 0px 25px 0px 0px;
}

.event-details .main .e-row .content .key-box .kyvl .lb {
  display: inline-block;
  position: relative;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0px 12px 0px 0px;
}

.event-details .main .e-row .content .key-box .kyvl .vl {
  display: inline-block;
  position: relative;
  line-height: 30px;
  white-space: nowrap;
  padding: 0px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
  background: #eeeff2;
  border-radius: 8px;
  cursor: pointer;
}

.event-details .main .e-row .content .key-box .kyvl .vl:hover {
  background: #e8e9ec;
}

.event-details .main .e-row .content .key-box .kyvl .vl:active {
  background: #eeeff2;
}

.event-details .main .e-row .content .wysiwygeditor textarea {
  width: 100%;
  height: 170px;
  border: none;
  visibility: hidden;
}

.event-details.edit-mode .main .e-row .select-location {
  width: min-content;
  position: relative;
}

.event-details.edit-mode .main .e-row .select-location .input {
  cursor: pointer;
}

.event-details.edit-mode .main .e-row .select-location .drop {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: -4px;
  z-index: 11;
  background-color: #fff;
  box-shadow:
    4px 16px 32px rgba(20, 18, 30, 0.08),
    -4px -16px 32px rgba(20, 18, 30, 0.08);
  border-radius: 4px;
  padding: 0;
  width: max-content;
  max-width: 659px;
}

.event-details.edit-mode .main .e-row .select-location .drop .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 12px;
  margin: 0;
  border-bottom: 1px solid #e9eaeb;
}

.event-details.edit-mode .main .e-row .select-location .drop .item-list.hidden {
  display: none;
}

.event-details.edit-mode .main .e-row .select-location .drop .add-item.hidden {
  display: none;
}

.event-details.edit-mode .main .e-row .select-location .drop .add-item .top {
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 24px;
  border-bottom: 1px solid #e9eaeb;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .top
  .back {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.57;
  color: #626875;
  cursor: pointer;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .top
  .back:hover {
  color: #5d626f;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .top
  .back
  .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 12px;
  margin-right: 8px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .top
  .back:hover
  .icon {
  color: #7d8088;
  transform: translateX(-25%);
}

.event-details.edit-mode .main .e-row .select-location .drop .main {
  display: flex;
  flex-direction: column;
  max-height: 420px;
  overflow-y: auto;
  padding: 18px 12px 24px;
}

.event-details.edit-mode .main .e-row .select-location .drop .add-item .main {
  padding: 6px 10px 16px;
  max-height: 100%;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main::-webkit-scrollbar {
  width: 6px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main::-webkit-scrollbar-thumb {
  background-color: #cccfd4;
  border-radius: 20px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main::-webkit-scrollbar-track {
  width: 8px;
  background-color: transparent;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 4px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item:hover {
  background-color: #f9fafb;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item:last-child {
  margin-bottom: 0;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 12px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  padding: 0;
  margin-bottom: 8px;
  width: 100%;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .top
  .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .top
  .title
  span {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .top
  .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  cursor: pointer;
  margin: 0;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .top
  .icon:hover {
  color: #7d8088;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .text-1 {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-bottom: 4px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .text-2 {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-bottom: 8px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .l-tag {
  padding: 2px 8px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .l-tag.purple {
  background-color: rgba(103, 88, 243, 0.1);
  color: #6758f3;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .main
  .location-item
  .text-box
  .l-tag.green {
  background-color: rgba(29, 198, 125, 0.1);
  color: #1dc67d;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item {
  display: flex;
  align-items: center;
  padding: 12px;
  cursor: pointer;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item:hover {
  background-color: #f9fafb;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin-right: 12px;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.orange {
  color: #ff7849;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.red {
  color: #f60049;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.green {
  color: #1ac67d;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.blue {
  color: #3984fd;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.orange2 {
  color: #ff9800;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.blue2 {
  color: #175fff;
}

.event-details.edit-mode
  .main
  .e-row
  .select-location
  .drop
  .add-item
  .main
  .new-location-item
  .icon.purple {
  color: #6758f3;
}

.event-details.edit-mode .bottom {
  display: flex;
  gap: 16px;
  background-color: #fff;
  padding: 16px 24px;
  border-top: 1px solid #e9eaeb;
  z-index: 1;
}

.event-details.edit-mode .bottom .btn.equal {
  width: 100px;
}

.repeat-t2 {
  width: 450px;
  position: absolute;
  left: 50%;
  top: 50px;
  z-index: -1;
  margin: -20px 0px 0px -225px;
  background: #fff;
  border-radius: 8px;
  display: none;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.repeat-t2 .pd {
  clear: both;
  padding: 25px 45px 15px 35px;
  position: relative;
}
.repeat-t2 .pd p {
  margin: 0px 0px 30px 0px;
  font-size: 16px;
  line-height: 150%;
  color: #333;
}
.repeat-t2 .pd p strong {
  display: block;
  font-size: 19px;
  margin: 0px 0px 10px 0px;
  color: #222;
  font-weight: 600;
}
.repeat-t2 .pd ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  line-height: 135%;
}
.repeat-t2 .pd ul li {
  margin: 0px 0px 18px 0px;
  position: relative;
  padding: 0px 0px 0px 40px;
  cursor: default;
}
.repeat-t2 .pd ul li strong {
  font-size: 16px;
  display: block;
  margin: 0px 0px 5px 0px;
  color: #333;
}
.repeat-t2 .pd ul li .radio {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  left: 2px;
  top: -1px;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.repeat-t2 .pd ul li .radio .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.repeat-t2 .pd ul li .radio .rl .rin {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: 5px;
  background: #222;
  border-radius: 50%;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.repeat-t2 .pd ul .checked .radio .rl .rin {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.repeat-t2 .pd .tx1 {
  font-size: 16px;
}
.repeat-t2 .pd .tx2 {
  margin: 0;
  font-size: 15px;
  color: #6d6d6d;
  background: url(https://cdn.addevent.com/legacy2000/gfx/1x1-ddd.png) no-repeat
    left 20px;
  background-size: 35px 1px;
  padding: 35px 0px 10px 0px;
}
.repeat-t2 .pd .tx2 a {
  text-decoration: underline;
}
.repeat-t2 .pd .tx3 {
  margin: 0;
  font-size: 15px;
  color: #6d6d6d;
  padding: 10px 0px 10px 0px;
}
.repeat-t2 .pd .expwl {
  color: #737373;
  font-style: italic;
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 30px;
}
.repeat-t2 .pd .expwl a {
  color: #737373;
}
.repeat-t2 .pd .expwl a:hover {
  text-decoration: underline;
}
.repeat-t2 .pd .expwl .ic {
  position: absolute;
  left: 0px;
  top: -3px;
  font-size: 18px;
  line-height: 26px;
  color: orange;
  font-style: normal;
}
.repeat-t2 .pd .dc1 {
  background: lightyellow;
}
.repeat-t2 .pd .dc2 {
  font-weight: bold;
  color: #000;
}
.repeat-t2 .pd .glwrn,
.repeat-t2 .pd .glwrn2 {
  clear: both;
  position: relative;
  display: none;
  padding: 0px 0px 0px 40px;
  margin: -10px 0px 30px 0px;
  font-size: 15px;
  line-height: 135%;
  color: #111;
}
.repeat-t2 .pd .glwrn .ix,
.repeat-t2 .pd .glwrn2 .ix {
  position: absolute;
  left: 1px;
  top: -1px;
}
.repeat-t2 .pd .glwrn .ix .ic,
.repeat-t2 .pd .glwrn2 .ix .ic {
  font-size: 22px;
  color: #ff6c00;
}
.repeat-t2 .bts {
  height: 75px;
  clear: both;
  padding: 13px 0px 0px 0px;
  border-top: 1px solid #eee;
}
.repeat-t2 .bts .bt {
  float: right;
  padding: 0px 35px 0px 0px;
}
.repeat-t2 .bts .fl {
  float: left;
  padding: 0px 0px 0px 5px;
}
.repeat-t2 .bts .save {
  width: 120px;
  font-size: 16px;
  line-height: 44px;
  padding: 0px;
}
.repeat-t2 .bts .save {
  background: #da3030;
  border-color: #da3030;
}
.repeat-t2 .bts .save:hover {
  background-color: #cc2c2c;
}
.repeat-t2 .bts .save:active {
  background-color: #da3030;
}
.repeat-t2 .bts .cancel {
  width: 100px;
  font-size: 16px;
  line-height: 44px;
  padding: 0px;
}
.repeat-t2 .bts .cancel:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}
.repeat-t2 .bts .cancel:focus {
  background-color: #cfe0ff52;
  color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.repeat-t2 .bts .load {
  width: 30px;
  height: 30px;
  float: left;
  margin: 5px 15px 0px 0px;
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-load-t11.svg)
    no-repeat 50% 50%;
  background-size: 30px auto;
  display: none;
}
.repeat-t2.rulechange .pd ul #rule-this strong,
.repeat-t2.calendarchange .pd ul #rule-this strong {
  text-decoration: line-through;
}
.repeat-t2.rulechange .pd ul #rule-this .lilbl,
.repeat-t2.calendarchange .pd ul #rule-this .lilbl {
  display: none;
}
.repeat-t2.rulechange .pd ul #rule-this::after,
.repeat-t2.calendarchange .pd ul #rule-this::after {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -5px;
  z-index: 10;
  background: #ffffff03;
}
.repeat-t2.rulechange .pd ul #rule-following strong,
.repeat-t2.calendarchange .pd ul #rule-following strong {
  text-decoration: line-through;
}
.repeat-t2.rulechange .pd ul #rule-following .lilbl,
.repeat-t2.calendarchange .pd ul #rule-following .lilbl {
  display: none;
}
.repeat-t2.rulechange .pd ul #rule-following::after,
.repeat-t2.calendarchange .pd ul #rule-following::after {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -5px;
  z-index: 10;
  background: #ffffff03;
}
.repeat-t2.rulechange .pd .polbl,
.repeat-t2.calendarchange .pd .polbl {
  display: none;
}
.repeat-t2.rulechange .pd .glwrn {
  display: block;
}
.repeat-t2.calendarchange .pd .glwrn2 {
  display: block;
}
.repeat-t2.rulechange .pd ul,
.repeat-t2.calendarchange .pd ul {
  display: flex;
  flex-direction: column;
}
.repeat-evt-bg {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgb(0, 0, 0, 0.1);
  display: none;
  z-index: -1;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.repeat-t2.show {
  visibility: visible;
  z-index: 1013;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.repeat-evt-bg.show {
  visibility: visible;
  z-index: 1001;
  opacity: 1;
}
.repeat-evt-bg {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgb(0, 0, 0, 0.1);
  display: none;
  z-index: -1;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.repeat-t2.show {
  visibility: visible;
  z-index: 1013;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.repeat-evt-bg.show {
  visibility: visible;
  z-index: 1001;
  opacity: 1;
}

.rru-pop {
  width: 510px;
  position: absolute;
  left: 50%;
  top: 50px;
  margin: 20px 0px 0px -255px;
  background: #fff;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.rru-pop-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0);
  z-index: -1;
  opacity: 1;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.rru-pop.show {
  z-index: 1013;
  opacity: 1;
  margin-top: 0px;
}
.rru-pop-bg.show {
  z-index: 1012;
}
.rru-pop.w1 {
  width: 550px;
  margin: 0px 0px 0px -275px;
}
.rru-pop.w2 {
  width: 530px;
  margin: 0px 0px 0px -265px;
}
.rru-pop .pad {
  clear: both;
  position: relative;
  padding: 30px 0px 0px 45px;
}
.rru-pop .act {
  position: absolute;
  top: 18px;
  right: 22px;
  z-index: 10;
}
.rru-pop .act .fl {
  float: left;
  position: relative;
  margin: 0px 0px 0px 2px;
}
.rru-pop .act .fl .close {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  position: relative;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}
.rru-pop .act .fl .close:hover {
  background: #f1f1f1;
}
.rru-pop .act .fl .close i {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}
.rru-pop .con {
  clear: both;
  max-height: 420px;
  margin: 0px 6px 6px 0px;
  padding: 0px 0px 20px 2px;
  overflow: auto;
}
.rru-pop .hed {
  clear: both;
  position: relative;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 25px 0px;
}
.rru-pop .hed p {
  margin: 0;
  font-size: 22px;
  line-height: 130%;
  color: #222;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.rru-pop .r1 {
  clear: both;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 15px 0px;
  position: relative;
}
.rru-pop .r1 .f1 {
  width: 100px;
  float: left;
  position: relative;
}
.rru-pop .r1 .f1 p {
  margin: 0;
  font-size: 15px;
  color: #111;
  line-height: 37px;
}
.rru-pop .r1 .f2 {
  width: 110px;
  float: left;
  position: relative;
}
.rru-pop .r1 .f2 .rl {
  width: 100%;
  clear: both;
  position: relative;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.rru-pop .r1 .f2 .rl select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 8px 38px 8px 10px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  border: 0;
  background: transparent;
}
.rru-pop .r1 .f2 .rl .arr {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 0;
}
.rru-pop .r1 .f2 .rl .arr i {
  font-size: 26px;
  line-height: 26px;
}
.rru-pop .r1 .f3 {
  float: left;
  padding: 0px 15px 0px 15px;
}
.rru-pop .r1 .f3 p {
  margin: 0;
  font-size: 15px;
  color: #969696;
  line-height: 37px;
}
.rru-pop .r1 .f4 {
  width: 60px;
  float: left;
  position: relative;
  margin: 0px 7px 0px 0px;
}
.rru-pop .r1 .f4 input {
  width: 100%;
  margin: 0;
  padding: 8px 4px;
  outline: 0;
  font-size: 15px;
  background: transparent;
  text-align: center;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.rru-pop .r1 .f5 {
  float: left;
  padding: 1px 0px 0px 0px;
}
.rru-pop .r1 .f5 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rru-pop .r1 .f5 ul li {
  width: 34px;
  float: left;
  margin: 0px 4px 0px 0px;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-align: center;
  background: #f3f3f3;
  border-radius: 50%;
  cursor: pointer;
}
.rru-pop .r1 .f5 ul li:hover {
  background: #e8e8e8;
}
.rru-pop .r1 .f5 ul li.active {
  background: #286efa;
  color: #fff;
}
.rru-pop .r1 .f5 ul li.active:hover {
}
.rru-pop .r1 .f6 {
  width: 70px;
  float: left;
  position: relative;
  padding: 0px 7px 0px 7px;
}
.rru-pop .r1 .f6.w1 {
  width: 140px;
}
.rru-pop .r1 .f6 input {
  width: 100%;
  margin: 0;
  padding: 8px 4px;
  outline: 0;
  font-size: 15px;
  background: transparent;
  text-align: center;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.rru-pop .r1 .f7 {
  float: left;
}
.rru-pop .r1 .f7 p {
  margin: 0;
  font-size: 15px;
  color: #969696;
  line-height: 37px;
}
.rru-pop .r2 {
  clear: both;
  padding: 0px 20px 10px 0px;
  position: relative;
}
.rru-pop .r2 .o1 {
  clear: both;
  margin: 0px 0px 10px 0px;
}
.rru-pop .r2 .f1 {
  width: 100px;
  float: left;
  padding: 3px 0px 0px 0px;
}
.rru-pop .r2 .f2 {
  float: left;
}
.rru-pop .r2 .f2.m1 {
  float: left;
  padding: 0px 0px 0px 7px;
}
.rru-pop .r2 .f2 .rl {
  width: 104px;
  clear: both;
  position: relative;
  background: transparent;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.rru-pop .r2 .f2 .rl.w1 {
  width: 88px;
}
.rru-pop .r2 .f2 .rl.w2 {
  width: 140px;
}
.rru-pop .r2 .f2 .rl select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 8px 38px 8px 10px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
}
.rru-pop .r2 .f2 .rl .arr {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 0;
}
.rru-pop .r2 .f2 .rl .arr i {
  font-size: 26px;
  line-height: 26px;
}
.rru-pop .r2 .f3 {
  float: left;
  padding: 0px 8px 0px 8px;
}
.rru-pop .r2 .f3 p {
  margin: 0;
  font-size: 15px;
  color: #969696;
  line-height: 37px;
}
.rru-pop .r3 {
  clear: both;
  padding: 15px 20px 0px 0px;
  position: relative;
}
.rru-pop .r3 p {
  margin: 0;
  font-size: 15px;
  line-height: 125%;
  color: #555;
}
.rru-pop .r3 .rp {
  margin: 0px 0px 15px 0px;
}
.rru-pop .r3 .rp strong {
  font-weight: 600;
}
.rru-pop .r3 a {
  text-decoration: underline;
}
.rru-pop .r3 a:hover {
  text-decoration: none;
}
.rru-pop .foot {
  height: 76px;
  clear: both;
  position: relative;
  padding: 16px 0px 0px 0px;
  border-top: 1px solid #eee;
}
.rru-pop .foot .fi {
  position: absolute;
  left: 35px;
  top: 11px;
}
.rru-pop .foot .fl {
  position: absolute;
  right: 35px;
  top: 11px;
}
.rru-pop .foot .fl .btn {
  float: left;
  padding: 0px 0px 0px 5px;
}
.rru-pop .foot .load {
  width: 24px;
  height: 24px;
  float: left;
  margin: 7px 15px 0px 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-loading-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
  display: none;
}
.rru-pop .foot .ifi {
  position: absolute;
  left: 29px;
  top: 19px;
}
.rru-pop .foot .ifi p {
}
.rru-pop .foot .fl .save {
  line-height: 44px;
  padding: 0px 24px;
}
.rru-pop .foot .fl .cancel {
  line-height: 44px;
  padding: 0px 20px;
}
.rru-pop .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.rru-pop input,
.rru-pop select,
.rru-pop textarea {
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.tagsman-t1 {
  width: 300px;
  position: absolute;
  left: 0px;
  top: -100px;
  background: #fff;
  user-select: none;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 6px;
}

.tagsman-t1 .px {
  clear: both;
  position: relative;
  padding: 10px 6px;
}

.tagsman-t1 .px .clo {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.tagsman-t1 .px .clo:hover {
  background: #f4f4f4;
}

.tagsman-t1 .px .clo:active {
  background: #eee;
}

.tagsman-t1 .px .clo span {
  line-height: 36px;
  font-size: 22px;
  color: #5f6368;
}

.tagsman-t1 .px .nv {
  height: 40px;
  clear: both;
}

.tagsman-t1 .px .nv p {
  margin: 0;
  padding: 8px 0px 0px 15px;
  font-size: 14px;
  line-height: 140%;
  color: #8c8c8c;
  font-weight: 500;
}

.tagsman-t1 .px .list {
  height: 180px;
  clear: both;
  position: relative;
  overflow: auto;
}

.tagsman-t1 .px .list.loading:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 15;
  background: #ffffffab
    url(https://cdn.addevent.com/web/images/icon-load-t2b.svg) no-repeat 50% 50%;
  background-size: 36px auto;
}

.tagsman-t1 .px .list .itm {
  clear: both;
  height: 42px;
  position: relative;
  z-index: 10;
  border-radius: 6px;
  cursor: pointer;
}

.tagsman-t1 .px .list .itm * {
}

.tagsman-t1 .px .list .itm input {
  cursor: pointer;
}

.tagsman-t1 .px .list .itm:hover {
  background: #edf1fa;
}

.tagsman-t1 .px .list .itm.edit {
  z-index: 11;
  box-shadow: inset 0px 0px 5px rgb(73 56 168 / 22%);
  background: #fff !important;
}

.tagsman-t1 .px .list .itm.edit:hover {
  cursor: unset;
}

.tagsman-t1 .px .list .itm.editmode {
  cursor: default !important;
}

.tagsman-t1 .px .list .itm.editmode:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  background: #ffffffcc;
}

.tagsman-t1 .px .list .itm.editmode .ico {
  background: #fff !important;
}

.tagsman-t1 .px .list .itm.editmode .edt {
  display: none !important;
}

.tagsman-t1 .px .list .itm.editmode .del {
  display: none !important;
}

.tagsman-t1 .px .list .itm.editmode:hover {
  background: #fff !important;
}

.tagsman-t1 .px .list .itm.editmode .ipx .lbl {
  right: 42px;
}

.tagsman-t1 .px .list .itm .ipx {
  clear: both;
  padding: 10px 80px 10px 50px;
  border-radius: 4px;
}

.tagsman-t1 .px .list .itm .ipx .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 6px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.tagsman-t1 .px .list .itm .ipx .ico:hover {
  background: #e9eefb;
}

.tagsman-t1 .px .list .itm .ipx .ico:active {
  background: #dee5f8;
}

.tagsman-t1 .px .list .itm .ipx .ico span {
  line-height: 30px;
  font-size: 18px;
  color: green;
}

.tagsman-t1 .px .list .itm .ipx .lbl {
  position: absolute;
  left: 50px;
  top: 0px;
  right: 75px;
  bottom: 0px;
}

.tagsman-t1 .px .list .itm .ipx .lbl input {
  border: 0;
  margin: 0;
  outline: 0;
  width: 100%;
  position: relative;
  z-index: 3;
  height: 42px;
  line-height: 42px;
  background: transparent;
  font-size: 15px;
}

.tagsman-t1 .px .list .itm .ipx .act {
}

.tagsman-t1 .px .list .itm .ipx .edt {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 36px;
  top: 4px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

.tagsman-t1 .px .list .itm .ipx .edt:hover {
  background: #dee5f8;
}

.tagsman-t1 .px .list .itm .ipx .edt span {
  line-height: 32px;
  font-size: 17px;
  color: #5f6368;
}

.tagsman-t1 .px .list .itm .ipx .del {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 4px;
  top: 4px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

.tagsman-t1 .px .list .itm .ipx .del:hover {
  background: #dee5f8;
}

.tagsman-t1 .px .list .itm .ipx .del span {
  line-height: 32px;
  font-size: 22px;
  color: #5f6368;
}

.tagsman-t1 .px .list .itm .ipx .sav {
  border: 0;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer !important;
  background: #fff;
  display: none;
}

.tagsman-t1 .px .list .itm .ipx .sav span {
  line-height: 32px;
  font-size: 22px;
  color: #111;
}

.tagsman-t1 .px .list .itm .ipx .sav:hover {
  background: #074ddc;
}

.tagsman-t1 .px .list .itm .ipx .sav:hover span {
  color: #fff;
}

.tagsman-t1 .px .list .itm:hover .edt {
  display: block;
}

.tagsman-t1 .px .list .itm:hover .del {
  display: block;
}

.tagsman-t1 .px .list .itm.edit .ipx .del {
  display: none;
}

.tagsman-t1 .px .list .itm.edit .ipx .edt {
  display: none;
}

.tagsman-t1 .px .list .itm.edit .ipx .sav {
  display: block;
}

.tagsman-t1 .px .list .itm.edit * {
  cursor: unset;
}

.tagsman-t1 .px .list .itmreadonly {
  display: none;
  clear: both;
  height: 42px;
  position: relative;
  z-index: 10;
  border-radius: 6px;
  cursor: pointer;
}

.tagsman-t1 .px .list.load {
  background: #ececec url(https://cdn.addevent.com/web/images/icon-load-t2c.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
  cursor: default;
}

.tagsman-t1 .px .fot {
  clear: both;
  border-top: 1px solid #eee;
}

.tagsman-t1 .px .fot .pd {
  clear: both;
  padding: 6px 0px 0px 0px;
}

.tagsman-t1 .px .fot .pd .brl {
  clear: both;
  position: relative;
  border-radius: 6px;
  background: #f9f9f9;
}

.tagsman-t1 .px .fot .pd .brl input {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0px 50px 0px 50px;
  width: 100%;
  position: relative;
  z-index: 3;
  height: 44px;
  line-height: 50px;
  background: transparent;
  font-size: 15px;
  border-radius: 6px;
}

.tagsman-t1 .px .fot .pd .brl .wico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 6px;
  z-index: 10;
}

.tagsman-t1 .px .fot .pd .brl .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 6px;
  z-index: 10;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl .ic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl .ic:hover {
  background: #e9eefb;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl .ic:active {
  background: #fff;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl .ic.active {
  background: #fff;
}

.tagsman-t1 .px .fot .pd .brl .ico .rl .ic span {
  line-height: 32px;
  font-size: 18px;
  color: #1565c0;
}

.tagsman-t1 .px .fot .pd .brl .sav {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 10;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  background: #f9f9f9;
  display: none;
}

.tagsman-t1 .px .fot .pd .brl .sav:hover {
  background: #074ddc;
}

.tagsman-t1 .px .fot .pd .brl .sav:hover span {
  color: #fff;
}

.tagsman-t1 .px .fot .pd .brl .sav span {
  line-height: 32px;
  font-size: 22px;
  color: #3c3c3c;
}

.tagsman-t1 .px .fot .pd .brl .sav.load {
  background: #ececec url(https://cdn.addevent.com/web/images/icon-load-t2c.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
  cursor: default;
}

.tagsman-t1 .px .fot .pd .brl .sav.load span {
  display: none;
}

.tagsman-t1 .px .fot.active .pd .brl .sav {
}

.tagsman-t1 .px .fot.error .pd .brl {
  background: #fff1f1;
}

.tagsman-t1 .px .fotsav {
  clear: both;
  border-top: 1px solid #e9eaeb;
  padding: 12px 19px 4px 15px;
}

.tagsman-t1 .px .fotsav .save {
  width: 100px;
}

.tagsman-t1 .px .fotsav .btn:first-child {
  margin: 0px 6px 0px 0px;
}

.tagsman-t1.p1 {
  left: unset;
  top: 43px;
  right: 0px;
}

.tagsman-t1.selectonly .px .list .itm {
  display: none;
}

.tagsman-t1.selectonly .px .list .itmreadonly {
  display: block;
}

.tagsman-t1.selectonly .px .list .itmreadonly:hover {
  background: #edf1fa;
}

.tagsman-t1.selectonly .px .list .itmreadonly .chk {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 11px;
}

.tagsman-t1.selectonly .px .list .itmreadonly .chk .bi {
  width: 18px;
  height: 18px;
  display: block;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow:
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(0 0 0 / 12%) 0 1px 1px 0,
    rgb(60 66 87 / 16%) 0 0 0 1px,
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(60 66 87 / 12%) 0 2px 5px 0;
  background: #fff
    url(https://cdn.addevent.com/app/v2/gfx/icon-check-000-t2.svg)
    no-repeat -100px -100px;
  background-size: 11px auto;
}

.tagsman-t1.selectonly .px .list .itmreadonly .lbl {
  clear: both;
  padding: 0px 20px 0px 76px;
  font-size: 15px;
  line-height: 42px;
}

.tagsman-t1.selectonly .px .list .itmreadonly .lbl .tx {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tagsman-t1.selectonly .px .list .itmreadonly .lbl .ic {
  position: absolute;
  left: 50px;
  top: 11px;
  font-size: 18px;
  line-height: 20px;
  color: #989fbd;
}

.tagsman-t1.selectonly .px .list .itmreadonly.checked .chk .bi {
  background-position: 50% 50%;
  border: 2px solid #efefef;
}

.tagsman-t1.selectonly .px .fot {
  display: none;
}

.tagsman-t2 {
  width: 300px;
  position: absolute;
  left: 0px;
  top: -100px;
  background: #fff;
  user-select: none;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 6px;
}

.tagsman-t2 .px {
  clear: both;
  position: relative;
  padding: 10px 6px;
}

.tagsman-t2 .px .clo {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.tagsman-t2 .px .clo:hover {
  background: #f4f4f4;
}

.tagsman-t2 .px .clo:active {
  background: #eee;
}

.tagsman-t2 .px .clo span {
  line-height: 36px;
  font-size: 22px;
  color: #5f6368;
}

.tagsman-t2 .px .nv {
  height: 40px;
  clear: both;
}

.tagsman-t2 .px .nv p {
  margin: 0;
  padding: 8px 0px 0px 15px;
  font-size: 14px;
  line-height: 140%;
  color: #8c8c8c;
  font-weight: 500;
}

.tagsman-t2 .px .list {
  height: 180px;
  clear: both;
  position: relative;
  overflow: auto;
}

.tagsman-t2 .px .list.loading:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 15;
  background: #ffffffab
    url(https://cdn.addevent.com/web/images/icon-load-t2b.svg) no-repeat 50% 50%;
  background-size: 36px auto;
}

.tagsman-t2 .px .list .itmreadonly {
  clear: both;
  height: 42px;
  position: relative;
  z-index: 10;
  border-radius: 6px;
  cursor: pointer;
}

.tagsman-t2 .px .list .itmreadonly:hover {
  background: #edf1fa;
}

.tagsman-t2 .px .list .itmreadonly .chk {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 11px;
}

.tagsman-t2 .px .list .itmreadonly .chk .bi {
  width: 18px;
  height: 18px;
  display: block;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow:
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(0 0 0 / 12%) 0 1px 1px 0,
    rgb(60 66 87 / 16%) 0 0 0 1px,
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(60 66 87 / 12%) 0 2px 5px 0;
  background: #fff
    url(https://cdn.addevent.com/app/v2/gfx/icon-check-000-t2.svg)
    no-repeat -100px -100px;
  background-size: 11px auto;
}

.tagsman-t2 .px .list .itmreadonly .lbl {
  clear: both;
  padding: 0px 20px 0px 76px;
  font-size: 15px;
  line-height: 42px;
}

.tagsman-t2 .px .list .itmreadonly .lbl .tx {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tagsman-t2 .px .list .itmreadonly .lbl .ic {
  position: absolute;
  left: 50px;
  top: 11px;
  font-size: 18px;
  line-height: 20px;
  color: #989fbd;
}

.tagsman-t2 .px .list .itmreadonly.checked .chk .bi {
  background-position: 50% 50%;
  border: 2px solid #efefef;
}

.tagsman-t2 .px .list.load {
  background: #ececec url(https://cdn.addevent.com/web/images/icon-load-t2c.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
  cursor: default;
}

.tagsman-t2 .px .fotsav {
  clear: both;
  border-top: 1px solid #e9eaeb;
  padding: 12px 19px 4px 15px;
}

.tagsman-t2 .px .fotsav .save {
  width: 100px;
}

.tagsman-t2 .px .fotsav .btn:first-child {
  margin: 0px 6px 0px 0px;
}

.tagsman-t2.p1 {
  left: unset;
  top: -50px;
  right: 0px;
}

.systemfield .ix-t2.questionInputTypeSelectBox,
.systemfield .ix-t2.questionInputTypeSelectBox * {
  cursor: default !important;
}
/** Showing it like disabled */
.systemfield .ix-t2 .wr input {
  color: #878787;
  box-shadow: none !important;
  border: 1px solid #cfcfcf82 !important;
}

.rsvp-left {
  display: flex;
  flex-direction: column;
  padding: 32px 48px 32px 0;
  width: 100%;
  max-height: 100%;
}

.rsvp-left.inactive {
  opacity: 0.3;
  pointer-events: none;
}

.rsvp-left .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 4px;
}

.rsvp-left .text {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-bottom: 16px;
}

.rsvp-left .new-form {
  width: 100%;
  margin-bottom: 32px;
}

.rsvp-left .forms-box {
  display: grid;
  gap: 16px;
  margin-bottom: 40px;
  max-height: 518px;
  overflow-y: auto;
}

.rsvp-left .forms-box::-webkit-scrollbar {
  width: 6px;
}

.rsvp-left .forms-box::-webkit-scrollbar-track {
  background-color: transparent;
}

.rsvp-left .forms-box .item {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #e9eaeb;
  position: relative;
  cursor: pointer;
}

.rsvp-left .forms-box .item:hover {
  box-shadow:
    1px 1px 2px rgba(28, 33, 42, 0.04),
    0px 1px 5px rgba(28, 33, 42, 0.09);
}

.rsvp-left .forms-box .item.active {
  border-color: #125ef8;
  box-shadow: 0px 0px 0px 2px rgba(18, 94, 248, 0.2);
}

.rsvp-left .forms-box .item .applied {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background-color: #125ef8;
  padding: 2px 8px;
  color: #fff;
  position: absolute;
  top: 4px;
  right: 4px;
}

.rsvp-left .forms-box .item .applied .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-right: 4px;
}

.rsvp-left .forms-box .item .applied .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.rsvp-left .forms-box .item .title {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-bottom: 7px;
}

.rsvp-left .forms-box .item .bottom {
  display: flex;
  align-items: center;
}

.rsvp-left .forms-box .item .text-box {
  display: flex;
  align-items: center;
  margin-right: 24px;
}

.rsvp-left .forms-box .item .text-box:last-child {
  margin-right: 0;
}

.rsvp-left .forms-box .item .text-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-right: 4px;
}

.rsvp-left .forms-box .item .text-box .icon.orange {
  color: #ff7849;
}

.rsvp-left .forms-box .item .text-box .icon.purple {
  color: #8b00e9;
}

.rsvp-left .forms-box .item .text-box .text {
  color: #626875;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.rsvp-left .buttons .btn {
  width: 100px;
  margin-right: 16px;
}

.rsvp-left .buttons .btn:last-child {
  margin-right: 0;
}

.rsvp-form {
  background-color: #fff;
  padding: 0px 0 69px;
}

.rsvp-form .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.rsvp-form .top .left {
  display: flex;
  align-items: center;
}

.rsvp-form .top .left .title {
  color: #1b212b;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.34;
}

.rsvp-form .top .left .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 24px;
  margin-left: 16px;
}

.rsvp-form .top .right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rsvp-form .top .right .discard {
  color: #f60049;
  font-size: 15px;
  line-height: 1.58;
}

.rsvp-form .hed-t1-wrp {
  padding: 40px 0px 0px 0px;
}
.rsvp-form .hed-t1 {
  clear: both;
  margin: 0px 0px 18px 0px;
}
.rsvp-form .hed-t1 p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #323130;
  line-height: 145%;
}
.rsvp-form .hed-t1 .des {
  margin: 0;
  padding: 10px 0px 0px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #323130;
  line-height: 145%;
}

.rsvp-form .man {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 36px 0px 0px 0px;
}

.rsvp-form .man .section {
  display: flex;
  gap: 16px;
}

.rsvp-form .man .section .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #f5f6f7;
  border-radius: 50%;
}

.rsvp-form .man .section .circle .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.rsvp-form .man .section .circle .icon.orange {
  color: #ff7849;
}

.rsvp-form .man .section .circle .icon.purple {
  color: #8b00e9;
}

.rsvp-form .man .section .part {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 9px 0px 0px 0px;
}

.rsvp-form .man .section .part .title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #323130;
  line-height: 145%;
}

.rsvp-form .man .section .part .text {
  color: #323130;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 10px 0px 0px 0px;
}

.rsvp-form .man .section .part .questions-box {
  display: grid;
  grid-template-columns: 100%;
  gap: 8px;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 10px 0;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper.ma {
  margin: 15px 0px 10px 0px;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper.hidden {
  display: none;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions {
  display: flex;
  align-items: center;
  gap: 0px;
}

/* stylelint-disable */
.rsvp-form
  .man
  .section
  .part
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action {
  width: 32px;
  height: 46px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper.systemfield .edit-actions .visibility:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background: #ffffff01;
  cursor: default;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 24px;
  margin: 2px 0px 0px 0px;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action .icon-move {
  cursor: move;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action:hover .icon {
  color: #7d8088;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action.visibility .icon-hidden {
  display: none;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action.visibility.hidden .icon-visible {
  display: none;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action.visibility.hidden .icon-hidden {
  display: flex;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action .man-t1 {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 3px 0px 0px 0px;
  border-radius: 50%;
  color: #85888f;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  transition: transform 250ms ease-in;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper .edit-actions .action .man-t1.mandatory {
  color: #ea1f64;
  transform: scale(1.08);
  cursor: default;
}

.rsvp-form .man .section .part .questions-box .item-edit-wrapper.systemfield .edit-actions .action .man-t1 {
  color: #ea1f64 !important;
  transform: scale(1.08) !important;
  cursor: default;
}

.man-t1.man-t1-edit-mode {
  cursor: pointer !important;
}

.man-t1.man-t1-edit-mode:hover {
  background: #f0f3f7;
}

.rsvp-form .man .section .part .questions-box .sortable-placeholder {
  height: 48px;
  background: #fff;
  border: 2px dashed #e4e4e4;
}

.rsvp-form .man .section .part .questions-box .editmode .item .tilepresent {
  display: none;
}

.rsvp-form .man .section .part .questions-box .editmode .item .tileedit {
  min-height: 50px;
  display: flex;
}

.rsvp-form .man .section .part .questions-box .item {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}

.rsvp-form .man .section .part .questions-box .item.inactive {
  opacity: 0.3;
  pointer-events: none;
}

.rsvp-form .man .section .part .questions-box .item .tile {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 12px 120px 12px 48px;
  background-color: #fff;
  border: 1px solid #e9eaeb;
  box-shadow: 0px 1px 0px rgba(28, 33, 42, 0.14);
  border-radius: 4px;
  position: relative;
}

.rsvp-form .man .section .part .questions-box .item .tileedit {
  display: none;
  padding: 0;
}

.rsvp-form .man .section .part .questions-box .item .tile.big {
  padding-top: 12px;
  padding-bottom: 12px;
}

.rsvp-form .man .section .part .questions-box .item .tile .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-left: 0;
  margin-right: 12px;
}

.rsvp-form .man .section .part .questions-box .item .tile .icon.green {
  color: #1dc67d;
}

.rsvp-form .man .section .part .questions-box .item .tile .icon.purple {
  color: #8b00e9;
}

.rsvp-form .man .section .part .questions-box .item .tile .icon.light-blue {
  color: #1fb6ff;
}

.rsvp-form .man .section .part .questions-box .item .tile .icwr {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 6px;
  top: 4px;
  text-align: center;
}

.rsvp-form .man .section .part .questions-box .item .tile .icwr .icon {
  margin: 0;
  line-height: 40px;
}

.rsvp-form .man .section .part .questions-box .item .tile .man {
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 12px;
  max-width: unset;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .tp {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .tp .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 0;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .tp .text {
  color: #1c1f24;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 12px;
  display: inline-block;
  background: #f2f7ff;
  border-radius: 4px;
  padding: 0px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .content {
  clear: both;
  padding: 5px 0px 15px 4px;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .content .multiselect-checkbox {display: flex;
  flex-direction: column;
  gap: 8px;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .content .multiselect-checkbox .item {
  display: flex;
  align-items: center;
  gap: 0;
  color: #626875;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.rsvp-form .man .section .part .questions-box .item .tile .man .content .multiselect-checkbox .item::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #c3c6cc;
  border-radius: 3px;
  margin-right: 14px;
}

.rsvp-form .man .section .part .questions-box .item .tile .actions {
  display: flex;
  align-items: center;
  gap: 0px;
  position: absolute;
  top: 8px;
  right: 16px;
}

.rsvp-form .man .section .part .questions-box .item .tile .actions .action {
  width: 32px;
  height: 32px;
  float: left;
  position: relative;
  line-height: 32px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}

.rsvp-form .man .section .part .questions-box .item .tile .actions .action:hover {
  background: #f0f3f7;
}

.rsvp-form .man .section .part .questions-box .item .tile .actions .action .ic {
  font-size: 21px;
  line-height: 32px;
  color: #455065;
}

/** A bit greyed out (like disabled) */
.rsvp-form .man .section .part .questions-box .systemfield .item .tile .actions .delete:after,
.rsvp-form .man .section .part .questions-box .item .tile .actions .action.disabled:after
{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background: #ffffff82;
  cursor: default;
}

.rsvp-form .man .section .part .questions-box .item .slug {
  padding: 7px 0px 0px 0px;
  color: #626875;
  font-size: 15px;
  line-height: 1.15;
  white-space: nowrap;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx {
  display: inline-block;
  position: relative;
  padding: 12px 14px 12px 34px;
  border-radius: 4px;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx .lb {
  font-size: 12px;
  color: #323130;
  font-weight: 500;
  line-height: 16px;
  padding: 0px 6px 0px 5px;
  position: absolute;
  left: 5px;
  top: -9px;
  background: #fff;
  display: none;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx .sl {
  display: block;
  font-size: 12px;
  font-family: monospace;
  font-weight: 500;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx .icon {
  position: absolute;
  left: 9px;
  top: 11px;
  font-size: 16px;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx:hover {
  background: #f0f3f7;
}

.rsvp-form .man .section .part .questions-box .item .slug .itx:hover .sl {
  color: #000;
}

.rsvp-form .man .section .part .add-question {
  width: 100%;
  clear: both;
  padding: 0px 0px 0px 64px;
  margin: -5px 0px 0px 0px;
}

.rsvp-form .man .section .part .add-question .lim {
  width: 100%;
  max-width: 500px;
  height: 50px;
  clear: both;
  position: relative;
}

.rsvp-form .man .section .part .add-question .lim .bd {
  height: 1px;
  position: absolute;
  left: 0px;
  top: 25px;
  right: 0px;
  z-index: 1;
  border-bottom: 1px dashed #ccc;
}

.rsvp-form .man .section .part .add-question .lim .ou {
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 2px;
  z-index: 2;
  border-radius: 50%;
  margin: 0px 0px 0px -23px;
  background: #ffffff;
}

.rsvp-form .man .section .part .add-question .lim .ou:hover {
  background: #f6f6f6;
}

.rsvp-form .man .section .part .add-question .lim .ou:hover .ix .ic {
  color: #0c4fd6;
}

.rsvp-form .man .section .part .add-question .lim .ix {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 5px;
  z-index: 3;
  border-radius: 50%;
  margin: 0px 0px 0px -18px;
  background: #fff;
  color: #125ef8;
  text-align: center;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  cursor: pointer;
}

.rsvp-form .man .section .part .add-question .lim .ix .ic {
  color: #125ef8;
  line-height: 36px;
  font-size: 26px;
}

/* stylelint-enable */

.rsvp-form .dpd {
  clear: both;
  display: unset;
}
.rsvp-form .dpd .tabfx {
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 50;
  margin: 0px -10px;
  padding: 0px 10px;
}
.rsvp-form .dpd .tabwrap {
  height: 53px;
  clear: both;
  position: relative;
}
.rsvp-form .dpd .tabwrap .ttabs-t1 {
  position: relative;
}
.rsvp-form .dpd .tabwrap .bdr {
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #eee;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li {
  float: left;
  position: relative;
  margin: 0px 15px 0px 0px;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li a {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 52px;
  padding: 0px 4px 0px 4px;
  font-weight: 500;
  color: #a1a1a1;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li a:hover {
  color: #1a73e8;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li .bd {
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #1a73e8;
  border-radius: 4px 4px 0px 0px;
  visibility: hidden;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li .selected {
  color: #1a73e8;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li .selected .bd {
  visibility: visible;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li .bolt {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 18px;
  right: -24px;
  z-index: 1;
  background: #f861bb;
  border-radius: 50%;
}
.rsvp-form .dpd .tabwrap .ttabs-t2 ul li .bolt .ico {
  position: absolute;
  left: 1px;
  top: -3px;
  z-index: 2;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  transform: rotate(18deg);
}
.rsvp-form .dpd .cont {
  clear: both;
  position: relative;
  padding: 45px 0px 0px 0px;
}
.rsvp-form .dpd .cont .freeze {
  position: absolute;
  left: -10px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  display: none;
  background: #ffffffab;
}

.rsvp-form .new-question {
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  border: 1px solid #d2d5da;
  box-shadow:
    0px 0px 0px 4px rgb(105 149 255 / 13%),
    0px 1px 0px rgb(1 90 255 / 10%);
  border-radius: 4px;
}

.rsvp-form .new-question.systemfield .system {
  display: block;
}

.rsvp-form .new-question .man {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0px;
}

.rsvp-form .new-question .man .exa {
  clear: both;
  padding: 28px 25px 0px;
}

.rsvp-form .new-question .man .exb {
  clear: both;
  margin: 0px 0px 25px 0px;
}

.rsvp-form .new-question .man .exb .expo .ro {
  clear: both;
  margin: 0px 0px 20px 0px;
  font-size: 15px;
  line-height: 150%;
  color: #212020;
}

.rsvp-form .new-question .man .exb .expo .ro.no {
  margin: 0;
}

.rsvp-form .new-question .man .exb .expo .ro .ex {
  font-weight: 600;
}
.rsvp-form .new-question .man .exb .ix-t2 {
  z-index: unset;
}
.rsvp-form .new-question .man .exc {
  clear: both;
  margin: 0px 0px 45px 0px;
}

.rsvp-form .new-question .man .question-type {
  position: relative;
}

.rsvp-form .new-question .man .question-type .input-icon-box .input-icon-left {
  color: #85888f;
  left: 16px;
}

.rsvp-form .new-question .man .question-type .input-icon-box .input {
  padding-left: 48px;
}

.rsvp-form .new-question .man .question-type .input-icon-box2 {
  padding: 12px 8px;
  gap: 8px;
}

.rsvp-form .new-question .man .question-type .drop {
  display: none;
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  padding: 4px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  z-index: 20;
}

.rsvp-form .new-question .man .question-type .drop .dropovf {
  width: 100%;
  max-height: 309px;
  overflow: auto;
}

.rsvp-form .new-question .man .question-type .drop .drop-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
}

.rsvp-form .new-question .man .question-type .drop .drop-item:hover {
  background-color: #f0f5ff;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin: 0px 19px 0px 4px;
  transform: translateY(0px);
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.green {
  color: #1dc67d;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.purple {
  color: #8b00e9;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.violet {
  color: #6758f3;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.blue {
  color: #4e82eb;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.light-blue {
  color: #1fb6ff;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.yellow {
  color: #f8c200;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .icon.grey {
  color: #989fbd;
}

.rsvp-form .new-question .man .question-type .drop .drop-item .text {
  color: #1e242f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.72;
  margin: 0;
}

.rsvp-form .new-question .man .exa .opt-t3 {
  clear: both;
  position: relative;
  padding: 0px 50px 0px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t1 {
  width: 100%;
  clear: both;
  margin: 0px 0px 20px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t1 p {
  margin: 0;
  font-size: 15px;
  line-height: 135%;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t1 p strong {
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 17px;
  line-height: 135%;
  font-weight: 600;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  margin: 0px 0px 30px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .lft {
  clear: both;
  padding: 0px 100px 0px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .lft .pd {
  clear: both;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .lft .pd input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .rgt {
  width: 85px;
  position: absolute;
  top: 6px;
  right: 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .rgt input {
  font-size: 15px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t3 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 {
  clear: both;
  position: relative;
  z-index: 1;
  margin: 0px 0px 5px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .lft {
  clear: both;
  padding: 0px 100px 0px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .lft .pd {
  clear: both;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .lft .pd input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt {
  width: 87px;
  position: absolute;
  top: 6px;
  right: 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul {
  margin: 0;
  list-style-type: none;
  padding: 4px 0px 0px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li {
  float: left;
  padding: 0px 5px 0px 0px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort {
  width: 34px;
  height: 34px;
  float: left;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  cursor: move;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort i {
  margin: 0 !important;
  color: #85888f;
  font-size: 24px !important;
  line-height: 34px;
  display: inline-block !important;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort:hover {
  background: #f3f3f3;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete {
  width: 34px;
  height: 34px;
  float: left;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete i {
  color: #85888f;
  font-size: 20px;
  line-height: 34px;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete:hover {
  background: #f3f3f3;
}

.rsvp-form .new-question .man .exa .opt-t3 .des-t2 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.rsvp-form .new-question .bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 32px 14px 32px;
}

.rsvp-form .new-question .bottom .btn.equal {
  width: 80px;
}

.rsvp-form .new-question .bottom .cancel {
  border: 1px solid transparent;
  box-shadow: none !important;
}

.rsvp-form .new-question .bottom .cancel:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.rsvp-form .man .section .part .messages-box {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}

.rsvp-form .bottom {
  height: 80px;
  position: relative;
  clear: both;
  border-top: 1px solid #eee;
}

.rsvp-form .bottom .flt {
  float: left;
  margin: 0px 6px 0px 0px;
}

.rsvp-form .que-list-t1 {
  clear: both;
  padding: 0px 0px 0px 15px;
}
.rsvp-form .dist-t1 {
  width: 100%;
  height: 22px;
  clear: both;
}
.rsvp-form .dist-t2 {
  width: 100%;
  height: 100px;
  clear: both;
}

.rsvp-form .new-question .man .exa .systemfld {
  clear: both;
  margin: 0px 0px 40px 0px;
}
.rsvp-form .new-question .man .exa .systemfld .noti1 {
  margin: 0px 0px 2px 0px;
  font-size: 16px;
  line-height: 140%;
  color: #aa4322;
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding: 0px 28px 0px 10px;
}
.rsvp-form .new-question .man .exa .systemfld .noti1 .ic {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 20px;
  line-height: 20px;
}
.rsvp-form .new-question .man .exa .systemfld .noti2 {
  margin: 0;
  font-size: 15px;
  line-height: 140%;
  color: #aa4322;
  padding: 0px 10px 0px 10px;
}

#rsvp-new-question-template {
  display: none;
}

.rsvpbox-t1 {
  clear: both;
  margin: 0px 0px 20px 0px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 6px;
}

.rsvpbox-t1 .tp {
  height: 120px;
  clear: both;
  position: relative;
}

.rsvpbox-t1 .tp .icotoggle {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 26px;
  right: 24px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.rsvpbox-t1 .tp .icotoggle:hover {
  background: #cfe0ff52;
}

.rsvpbox-t1 .tp .icotoggle.minus span {
  font-size: 28px;
  line-height: 38px;
  color: #1a73e8;
}

.rsvpbox-t1 .tp .icotoggle.plus span {
  font-size: 28px;
  line-height: 38px;
  color: #1a73e8;
}

.rsvpbox-t1 .tp .icotoggle.plus {
  display: none;
}

.rsvpbox-t1 .tp .icotoggle.minus {
  display: block;
}

.rsvpbox-t1 .tp .op-t1 {
  clear: both;
  padding: 28px 0px 0px 32px;
}

.rsvpbox-t1 .tp .op-t1 .hd {
  clear: both;
  margin: 0px 0px 1px 0px;
}
.rsvpbox-t1 .tp .op-t1 .hd p {
  margin: 0;
  color: #1b212b;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.58;
}
.rsvpbox-t1 .tp .op-t1 .ds {
  clear: both;
  margin: 0px;
}
.rsvpbox-t1 .tp .op-t1 .ds .tx-t1 {
  margin: 0;
  float: left;
  line-height: 36px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}
.rsvpbox-t1 .tp .op-t1 .ds .sel-t1 {
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0px 14px 0px 12px;
}
.rsvpbox-t1 .tp .op-t1 .ds .sel-t1 .hx {
  height: 36px;
  clear: both;
  position: relative;
  background: #eff5ff;
  border-radius: 6px;
}
.rsvpbox-t1 .tp .op-t1 .ds .sel-t1 .hx select {
  margin: 0;
  outline: 0;
  position: relative;
  z-index: 3;
  line-height: 36px;
  height: 36px;
  padding: 0px 38px 0px 15px;
  border: none;
  background: transparent;
  border-radius: 6px;
  -webkit-appearance: none;
  appearance: none;
}
.rsvpbox-t1 .tp .op-t1 .ds .sel-t1 .hx .arr {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 2;
}
.rsvpbox-t1 .tp .op-t1 .ds .sel-t1 .hx .arr i {
  font-size: 26px;
  line-height: 26px;
  color: #222;
}
.rsvpbox-t1 .tp .op-t1 .ds .readonlylbl {
  font-size: 17px;
  line-height: 30px;
  color: #000;
  float: left;
  padding: 0px 7px;
  background: #eff5ff;
  margin: 3px 9px 0px 9px;
  border-radius: 3px;
  display: none;
}
.rsvpbox-t1 .tp .op-t1 .ds .tx-t2 {
  margin: 0;
  float: left;
  line-height: 36px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.rsvpbox-t1 .tp .op-t2 {
  width: 140px;
  position: absolute;
  top: 34px;
  right: 82px;
}
.rsvpbox-t1 .tp .op-t2 .fl {
  float: left;
  position: relative;
}
.rsvpbox-t1 .tp .op-t2 .fl .lbl {
  float: left;
  width: 73px;
  color: #626875;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 0;
  margin-right: 15px;
}
.rsvpbox-t1 .tp .op-t2 .fl .chk {
  float: left;
  position: relative;
}
.rsvpbox-t1 .tp .op-t2 .fl .chk .toggler {
  margin: 3px 0px 0px 0px;
}
.rsvpbox-t1 .tp .op-t2 .fl .readonlychk {
  position: absolute;
  left: -6px;
  top: -5px;
  right: -8px;
  bottom: -6px;
  z-index: 2;
  background: #ffffff9c;
  display: none;
}
.rsvpbox-t1 .tp .op-t2 .icotoggle {
  top: 24px;
}
.rsvpbox-t1 .bxo {
  clear: both;
  display: block;
}
.rsvpbox-t1 .bxo .emasbj {
  padding: 5px 30px 0px 30px;
  border-bottom: none;
  background: none;
}
.rsvpbox-t1 .bxo .emasbj .ix-t2 .wr .lbl {
  background: #fcfdff;
  display: block;
}
.rsvpbox-t1 .bxo .emasbj .ix-t2 .wr input {
  padding: 13px 16px 14px 18px;
}
.rsvpbox-t1 .bxo .emasbj .ix-t2 .wr .eic {
  position: absolute;
  left: 17px;
  top: 14px;
  font-size: 24px;
  line-height: 24px;
  color: #93959b;
  display: none;
}
.rsvpbox-t1 .bxo .inps-c-t1 {
  padding: 20px 0px 0px 0px;
}
.rsvpbox-t1 .bxo .wyswrp {
  width: 100%;
  clear: both;
  position: relative;
}
.rsvpbox-t1 .bxo .wyswrp .fr-toolbar .fr-btn-grp {
  margin: 0px !important;
  padding: 6px 0px 6px 26px;
}
.rsvpbox-t1 .bxo .wyswrp .fr-toolbar .fr-newline {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.rsvpbox-t1 .bxo .fot {
  height: 80px;
  clear: both;
  position: relative;
  border-top: 1px solid #eee;
}
.rsvpbox-t1 .bxo .fot .bts-t1 {
  position: absolute;
  left: 30px;
  top: 15px;
}
.rsvpbox-t1 .bxo .fot .bts-t1 .sva {
  float: left;
  margin: 0px 6px 0px 0px;
}
.rsvpbox-t1 .bxo .fot .bts-t1 .sva input {
}
.rsvpbox-t1 .bxo .fot .bts-t1 .can {
  float: left;
  margin: 0px 6px 0px 0px;
}
.rsvpbox-t1 .bxo .fot .bts-t1 .can input:hover {
  background-color: #efefef;
}
.rsvpbox-t1 .bxo .fot .bts-t1 .can input:active {
  background-color: #f1f3f3;
}
.rsvpbox-t1 .bxo .fot .bts-t2 {
  position: absolute;
  right: 30px;
  top: 15px;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .fl {
  float: left;
  margin: 0px 6px 0px 0px;
  position: relative;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .fl .emailtest {
}
.rsvpbox-t1 .bxo .fot .bts-t2 .fl .emailtest.active {
  background: #efefef;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #45474b;
  font-size: 16px;
  font-weight: 400;
  line-height: 42px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  padding: 0px 15px 0px 45px;
  cursor: pointer;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1 .ico {
  position: absolute;
  left: 13px;
  top: 12px;
  font-size: 20px;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1:hover {
  background: #efefef;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1:active {
  background: #eee;
  color: #000;
}
.rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1:active {
  border-top: 2px solid transparent;
}
.rsvpbox-t1 .fr-box {
  min-height: 300px;
}
.rsvpbox-t1 .exp {
  width: 100%;
  height: 25px;
  clear: both;
  position: relative;
  border-top: 1px solid #e2e2e2b5;
  border-radius: 0px 0px 8px 8px;
  display: none;
}
.rsvpbox-t1 .exp .ct {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin: 0px 0px 0px -13px;
  text-align: center;
}
.rsvpbox-t1 .exp .ct .ico {
  font-size: 26px;
  line-height: 26px;
  color: #222;
}
.rsvpbox-t1.readonly {
  cursor: pointer;
}
.rsvpbox-t1.readonly:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 4%),
    0 2px 5px 0 rgb(50 50 93 / 6%),
    0 1px 1px 0 rgb(0 0 0 / 4%);
}
.rsvpbox-t1.readonly:hover .exp {
  background-color: #f3f3f53d;
}
.rsvpbox-t1.readonly .bxo {
  display: none;
}
.rsvpbox-t1.readonly .exp {
  display: block;
}
.rsvpbox-t1.readonly .tp .icotoggle.plus {
  display: block;
}
.rsvpbox-t1.readonly .tp .icotoggle.minus {
  display: none;
}
.rsvpbox-w-t1 {
  clear: both;
  padding: 44px 0px 0px 0px;
}
.rsvpbox-w-t1 .mrl {
  max-width: 1104px;
  clear: both;
  position: relative;
  padding: 0px;
}
.rsvpbox-w-t1 .mrl .icot {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #f5f6f7;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
}
.rsvpbox-w-t1 .mrl .icot i {
  display: inline-block;
  font-size: 24px;
  color: #8b00e9;
  line-height: 48px;
}
.rsvpbox-w-t1 .mrl .sec {
  width: 100%;
  clear: both;
  padding: 0px;
}
.rsvpbox-w-t1 .mrl .sec .hed {
  color: #323130;
  font-size: 17px;
  font-weight: 600;
  line-height: 145%;
  margin-bottom: 0px;
}
.rsvpbox-w-t1 .mrl .sec .des {
  color: #323130;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 10px 0px 0px 0px;
}
.rsvpbox-w-t1 .mrl .sec .box {
  clear: both;
}
.rsvpbox-w-t1 .dist-t3 {
  width: 100%;
  height: 10px;
  clear: both;
}
.rsvpbox-w-t1 .dist-t4 {
  width: 100%;
  height: 23px;
  clear: both;
}
.rsvpbox-w-t1 .selwrp-t1 {
  width: 300px;
  clear: both;
  padding: 0px 0px 0px 15px;
}
.rsvpbox-w-t2 {
  clear: both;
  padding: 25px 0px 0px 0px;
}
.rsvpbox-w-t2 a {
  text-decoration: underline;
  font-size: 16px;
  color: #1a73e8;
}
.rsvpbox-w-t2 a:hover {
  text-decoration: none;
}
#cal-subinfo .questions-box-wrap {
  clear: both;
  padding: 0px 0px 0px 55px;
}
#cal-subinfo .questions-box {
  display: grid;
  grid-template-columns: 100%;
  gap: 8px;
}

#cal-subinfo .questions-box-wrap.newquestionstate .questions-box .sortable {
  position: relative;
}

#cal-subinfo
  .questions-box-wrap.newquestionstate
  .questions-box
  .sortable:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff0a;
  cursor: default;
}

#cal-subinfo .questions-box .item-edit-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0px 0px 10px 0px;
}

#cal-subinfo .questions-box .item-edit-wrapper.editlock {
  position: relative;
}

#cal-subinfo .questions-box .item-edit-wrapper.editlock:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff0a;
  cursor: default;
}

#cal-subinfo .questions-box .item-edit-wrapper.ma {
  margin: 15px 0px 10px 0px;
}

#cal-subinfo .questions-box .item-edit-wrapper.hidden {
  display: none;
}

#cal-subinfo .questions-box .item-edit-wrapper .edit-actions {
  display: flex;
  align-items: center;
  gap: 0px;
}

#cal-subinfo .questions-box .item-edit-wrapper .edit-actions .action {
  width: 32px;
  height: 46px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#cal-subinfo .questions-box .item-edit-wrapper .edit-actions .action .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 24px;
  margin: -3px 0px 0px 0px;
}

#cal-subinfo
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action
  .icon-move {
  cursor: move;
}

#cal-subinfo
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action:hover
  .icon {
  color: #7d8088;
}

#cal-subinfo
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action.visibility
  .icon-hidden {
  display: none;
}

#cal-subinfo
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action.visibility.hidden
  .icon-visible {
  display: none;
}

#cal-subinfo
  .questions-box
  .item-edit-wrapper
  .edit-actions
  .action.visibility.hidden
  .icon-hidden {
  display: flex;
}

#cal-subinfo .questions-box .item-edit-wrapper .edit-actions .action .man-t1 {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 3px 0px 0px 0px;
  border-radius: 50%;
  color: #85888f;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  transition: transform 250ms ease-in;
}

/* stylelint-disable */
#cal-subinfo .questions-box .item-edit-wrapper .edit-actions .action .man-t1:hover {
  background: #f0f3f7;
}

#cal-subinfo .questions-box .item-edit-wrapper .edit-actions .action .man-t1.mandatory {
  color: #ea1f64;
  transform: scale(1.08);
}

/*
#cal-subinfo .questions-box .item-edit-wrapper.systemfield .edit-actions .action .man-t1 {
  color: #ea1f64 !important;
  transform: scale(1.08) !important;
  cursor: default;
}
*/

/* stylelint-enable */

#cal-subinfo .questions-box .sortable-placeholder {
  height: 48px;
  background: #fff;
  border: 2px dashed #e4e4e4;
}

#cal-subinfo .questions-box .editmode .item .tilepresent {
  display: none;
}

#cal-subinfo .questions-box .editmode .item .tileedit {
  min-height: 50px;
  display: flex;
}

#cal-subinfo .questions-box .item {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 18px;
  width: 100%;
}

#cal-subinfo .questions-box .item.inactive {
  opacity: 0.3;
  pointer-events: none;
}

#cal-subinfo .questions-box .item .tile {
  display: flex;
  align-items: flex-start;
  width: 410px;
  max-width: 608px;
  padding: 12px 120px 12px 48px;
  background-color: #fff;
  border: 1px solid #e9eaeb;
  box-shadow: 0px 1px 0px rgba(28, 33, 42, 0.14);
  border-radius: 4px;
  position: relative;
}

#cal-subinfo .questions-box .item .tileedit {
  display: none;
  padding: 0;
}

#cal-subinfo .questions-box .item .tile.big {
  padding-top: 12px;
  padding-bottom: 12px;
}

#cal-subinfo .questions-box .item .tile .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-left: 0;
  margin-right: 12px;
}

#cal-subinfo .questions-box .item .tile .icon.green {
  color: #1dc67d;
}

#cal-subinfo .questions-box .item .tile .icon.purple {
  color: #8b00e9;
}

#cal-subinfo .questions-box .item .tile .icon.light-blue {
  color: #1fb6ff;
}

#cal-subinfo .questions-box .item .tile .icwr {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 6px;
  top: 4px;
  text-align: center;
}

#cal-subinfo .questions-box .item .tile .icwr .icon {
  margin: 0;
  line-height: 40px;
}

#cal-subinfo .questions-box .item .tile .man {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#cal-subinfo .questions-box .item .tile .man .tp {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: baseline;
}

#cal-subinfo .questions-box .item .tile .man .tp .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

#cal-subinfo .questions-box .item .tile .man .tp .text {
  color: #1c1f24;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 12px;
  display: inline-block;
  background: #f2f7ff;
  border-radius: 4px;
  padding: 0px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
}

#cal-subinfo .questions-box .item .tile .man .content {
  width: auto;
  clear: both;
  padding: 5px 0px 15px 4px;
}

#cal-subinfo .questions-box .item .tile .man .content .multiselect-checkbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#cal-subinfo
  .questions-box
  .item
  .tile
  .man
  .content
  .multiselect-checkbox
  .item {
  display: flex;
  align-items: center;
  gap: 0;
  color: #626875;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

#cal-subinfo
  .questions-box
  .item
  .tile
  .man
  .content
  .multiselect-checkbox
  .item::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #c3c6cc;
  border-radius: 3px;
  margin-right: 14px;
}

#cal-subinfo .questions-box .item .tile .actions {
  display: flex;
  align-items: center;
  gap: 0px;
  position: absolute;
  top: 8px;
  right: 16px;
}

#cal-subinfo .questions-box .item .tile .actions .action {
  width: 32px;
  height: 32px;
  float: left;
  position: relative;
  line-height: 32px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}

#cal-subinfo .questions-box .item .tile .actions .action:hover {
  background: #f0f3f7;
}

#cal-subinfo .questions-box .item .tile .actions .action .ic {
  font-size: 21px;
  line-height: 32px;
  color: #455065;
}

#cal-subinfo .questions-box .item .slug {
  position: absolute;
  left: 424px;
  top: 0px;
  padding: 7px 0px 0px 0px;
  color: #626875;
  font-size: 15px;
  line-height: 1.15;
  white-space: nowrap;
}

#cal-subinfo .questions-box .item .slug .itx {
  display: inline-block;
  position: relative;
  padding: 12px 14px 12px 34px;
  border-radius: 4px;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

#cal-subinfo .questions-box .item .slug .itx .lb {
  font-size: 12px;
  color: #323130;
  font-weight: 500;
  line-height: 16px;
  padding: 0px 6px 0px 5px;
  position: absolute;
  left: 5px;
  top: -9px;
  background: #fff;
  display: none;
}

#cal-subinfo .questions-box .item .slug .itx .sl {
  display: block;
  font-size: 12px;
  font-family: monospace;
  font-weight: 500;
}

#cal-subinfo .questions-box .item .slug .itx .icon {
  position: absolute;
  left: 9px;
  top: 11px;
  font-size: 16px;
}

#cal-subinfo .questions-box .item .slug .itx:hover {
  background: #f0f3f7;
}

#cal-subinfo .questions-box .item .slug .itx:hover .sl {
  color: #000;
}

#cal-subinfo .add-question {
  clear: both;
  padding: 0px 0px 0px 64px;
  margin: -5px 0px 0px 0px;
}

#cal-subinfo .add-question .lim {
  width: 410px;
  height: 50px;
  clear: both;
  position: relative;
}

#cal-subinfo .add-question .lim .bd {
  height: 1px;
  position: absolute;
  left: 0px;
  top: 25px;
  right: 0px;
  z-index: 1;
  border-bottom: 1px dashed #ccc;
}

#cal-subinfo .add-question .lim .ou {
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 2px;
  z-index: 2;
  border-radius: 50%;
  margin: 0px 0px 0px -23px;
  background: #ffffff;
}

#cal-subinfo .add-question .lim .ou:hover {
  background: #f6f6f6;
}

#cal-subinfo .add-question .lim .ou:hover .ix .ic {
  color: #0c4fd6;
}

#cal-subinfo .add-question .lim .ix {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 5px;
  z-index: 3;
  border-radius: 50%;
  margin: 0px 0px 0px -18px;
  background: #fff;
  color: #125ef8;
  text-align: center;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  cursor: pointer;
}

#cal-subinfo .add-question .lim .ix .ic {
  color: #125ef8;
  line-height: 36px;
  font-size: 26px;
}

#cal-subinfo .new-question {
  width: 410px;
  max-width: 608px;
  background-color: #fff;
  border: 1px solid #d2d5da;
  box-shadow:
    0px 0px 0px 4px rgb(105 149 255 / 13%),
    0px 1px 0px rgb(1 90 255 / 10%);
  border-radius: 4px;
}

#cal-subinfo .new-question.systemfield .system {
  display: block;
}

#cal-subinfo .new-question .man {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 28px 25px 0px;
}

#cal-subinfo .new-question .man .exa {
  clear: both;
  padding: 0px;
}

#cal-subinfo .new-question .man .exb {
  clear: both;
  margin: 0px 0px 25px 0px;
}

#cal-subinfo .new-question .man .exb .ix-t2 {
  z-index: unset;
}

#cal-subinfo .new-question .man .exc {
  clear: both;
  margin: 0px 0px 45px 0px;
}

#cal-subinfo .new-question .man .exa .systemfld {
  clear: both;
  margin: 0px 0px 40px 0px;
}

#cal-subinfo .new-question .man .exa .systemfld .noti1 {
  margin: 0px 0px 2px 0px;
  font-size: 16px;
  line-height: 140%;
  color: #aa4322;
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding: 0px 28px 0px 10px;
}

#cal-subinfo .new-question .man .exa .systemfld .noti1 .ic {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 20px;
  line-height: 20px;
}

#cal-subinfo .new-question .man .exa .systemfld .noti2 {
  margin: 0;
  font-size: 15px;
  line-height: 140%;
  color: #aa4322;
  padding: 0px 10px 0px 10px;
}

#cal-subinfo .new-question .questionInputTypeSelectBox .opts {
}

#cal-subinfo .new-question .man .question-type {
  position: relative;
}

#cal-subinfo
  .new-question
  .man
  .question-type
  .input-icon-box
  .input-icon-left {
  color: #85888f;
  left: 16px;
}

#cal-subinfo .new-question .man .question-type .input-icon-box .input {
  padding-left: 48px;
}

#cal-subinfo .new-question .man .question-type .input-icon-box2 {
  padding: 12px 8px;
  gap: 8px;
}

#cal-subinfo .new-question .man .question-type .drop {
  display: none;
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  padding: 4px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  z-index: 20;
}

#cal-subinfo .new-question .man .question-type .drop .dropovf {
  width: 100%;
  max-height: 309px;
  overflow: auto;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item:hover {
  background-color: #f0f5ff;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin: 0px 19px 0px 4px;
  transform: translateY(0px);
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.green {
  color: #1dc67d;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.purple {
  color: #8b00e9;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.violet {
  color: #6758f3;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.blue {
  color: #4e82eb;
}

#cal-subinfo
  .new-question
  .man
  .question-type
  .drop
  .drop-item
  .icon.light-blue {
  color: #1fb6ff;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.yellow {
  color: #f8c200;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .icon.grey {
  color: #989fbd;
}

#cal-subinfo .new-question .man .question-type .drop .drop-item .text {
  color: #1e242f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.72;
  margin: 0;
}

#cal-subinfo .new-question .man .exa .opt-t3 {
  clear: both;
  position: relative;
  padding: 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t1 {
  width: 100%;
  clear: both;
  margin: 0px 0px 20px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t1 p {
  margin: 0;
  font-size: 15px;
  line-height: 135%;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t1 p strong {
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 17px;
  line-height: 135%;
  font-weight: 600;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  margin: 0px 0px 30px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .lft {
  clear: both;
  padding: 0px 100px 0px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .lft .pd {
  clear: both;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .lft .pd input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .rgt {
  width: 85px;
  position: absolute;
  top: 6px;
  right: 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .rgt input {
  font-size: 15px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t3 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 {
  clear: both;
  position: relative;
  z-index: 1;
  margin: 0px 0px 5px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .lft {
  clear: both;
  padding: 0px 100px 0px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .lft .pd {
  clear: both;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .lft .pd input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt {
  width: 87px;
  position: absolute;
  top: 6px;
  right: 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul {
  margin: 0;
  list-style-type: none;
  padding: 4px 0px 0px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li {
  float: left;
  padding: 0px 5px 0px 0px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort {
  width: 34px;
  height: 34px;
  float: left;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  cursor: move;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort i {
  margin: 0 !important;
  color: #85888f;
  font-size: 24px !important;
  line-height: 34px;
  display: inline-block !important;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .sort:hover {
  background: #f3f3f3;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete {
  width: 34px;
  height: 34px;
  float: left;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete i {
  color: #85888f;
  font-size: 20px;
  line-height: 34px;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .rgt ul li .delete:hover {
  background: #f3f3f3;
}

#cal-subinfo .new-question .man .exa .opt-t3 .des-t2 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

#cal-subinfo .new-question .man .exb .expo .ro {
  clear: both;
  margin: 0px 0px 20px 0px;
  font-size: 15px;
  line-height: 150%;
  color: #212020;
}

#cal-subinfo .new-question .man .exb .expo .ro.no {
  margin: 0;
}

#cal-subinfo .new-question .man .exb .expo .ro .ex {
  font-weight: 600;
}

#cal-subinfo .new-question .man .exb .ix-t2 {
  z-index: unset;
}

#cal-subinfo .new-question .bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0px 32px 26px 32px;
}

#cal-subinfo .new-question .bottom .btn.equal {
  width: 80px;
}

#cal-subinfo .new-question .bottom .nqcancel {
  border: 1px solid transparent;
  box-shadow: none !important;
  color: #666;
}

#cal-subinfo .new-question .bottom .nqcancel:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

#cal-subinfo .messages-box {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}

.event-rsvp-details {
  background-color: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
  padding: 0 24px;
}
.event-rsvp-details .section {
  display: flex;
  flex-direction: column;
  padding: 16px 0 24px;
  border-bottom: 1px solid #f5f6f7;
}
.event-rsvp-details .section:last-child {
  border-bottom: 0;
}
.event-rsvp-details .section .top {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.event-rsvp-details .section .top .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}
.event-rsvp-details .section .top .bxabs {
  position: absolute;
  top: 1px;
  right: -11px;
}
.event-rsvp-details .section .top .link {
  display: flex;
  align-items: center;
  color: #125ef8;
  font-size: 15px;
  line-height: 1.58;
}
.event-rsvp-details .section .top .link:hover {
  color: #1559e1;
  text-decoration: underline;
}
.event-rsvp-details .section .top .link .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.event-rsvp-details .section .top .seeall-t1 {
  display: inline-block;
  position: relative;
  padding: 0px 30px 0px 12px;
  color: #125ef8;
  font-size: 15px;
  line-height: 36px;
}
.event-rsvp-details .section .top .seeall-t1 span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: 6px;
  font-size: 22px;
  line-height: 22px;
}
.event-rsvp-details .section .top .seeall-t1:hover {
  background: #cfe0ff52;
}
.event-rsvp-details .section .top.nobg {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border-bottom: none;
}
.event-rsvp-details .section .main .rsvp-state {
  display: flex;
  align-items: center;
  gap: 24px;
}
.event-rsvp-details .section .main .rsvp-state .state {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-rsvp-details .section .main .rsvp-state .state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.event-rsvp-details .section .main .rsvp-state .state.going .icon {
  color: #1dc67d;
}
.event-rsvp-details .section .main .rsvp-state .state.not-sure .icon {
  color: #f8c200;
}
.event-rsvp-details .section .main .rsvp-state .state.not-going .icon {
  color: #f60049;
}
.event-rsvp-details .section .main .analytics-info {
  display: flex;
  align-items: center;
}
.event-rsvp-details .section .main .analytics-info .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}
.event-rsvp-details .section .main .analytics-info .text span {
  color: #1b212b;
  font-size: 24px;
  line-height: 1.34;
  margin-right: 8px;
}

.event-info-factbox-t1 {
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 24px 24px;
}
.event-info-factbox-t1 .tp {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.event-info-factbox-t1 .tp .pd {
  position: relative;
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  padding: 0px 0px 0px 30px;
}
.event-info-factbox-t1 .tp .pd .ic {
  position: absolute;
  left: -3px;
  top: 5px;
  font-size: 24px;
  color: #898a8b;
}
.event-info-factbox-t1 .kyvl {
  display: flex;
  position: relative;
  line-height: 30px;
  margin: 0px 25px 0px 0px;
}
.event-info-factbox-t1 .kyvl .lb {
  display: inline-block;
  position: relative;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0px 12px 0px 0px;
}
.event-info-factbox-t1 .kyvl .vl {
  display: inline-block;
  position: relative;
  line-height: 30px;
  white-space: nowrap;
  padding: 0px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  background: #eeeff2;
  border-radius: 8px;
  cursor: pointer;
}
.event-info-factbox-t1 .kyvl .vl:hover {
  background: #e8e9ec;
}
.event-info-factbox-t1 .kyvl .vl:active {
  background: #eeeff2;
}

.header-grid {
  display: flex;
  flex-direction: column;
  padding: 45px 0 45px 0;
}
.header-grid.form {
  padding: 45px 0px 25px 0px;
}
.header-grid.pdt1 {
  padding: 45px 0px 20px 0px;
}
.header-grid.pdt2 {
  padding: 45px 0px 0px 0px;
}
.header-grid .back-wrap {
  clear: both;
  margin: 0px 0px 24px 0px;
}
.header-grid .back-wrap .back {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #626875;
}
.header-grid .back-wrap .back i {
  position: absolute;
  left: -26px;
  top: 2px;
  font-size: 20px;
}
.header-grid .back-wrap .back:hover i {
  transform: translateX(-5%);
  -webkit-transform: translateX(-5%);
}
.header-grid .back-wrap .back:hover {
  text-decoration: underline;
}
.header-grid .act-top-t1 {
  min-height: 46px;
  margin: 0px 0px 9px 0px;
  display: grid;
  align-items: flex-start;
  grid-template-columns: auto 100px;
}
.header-grid .act-top-t1 .lft {
}
.header-grid .act-top-t1 .rgt {
  position: relative;
}
.header-grid .act-top-t1 .rgt .context-func {
  top: -2px;
}
.header-grid .title {
  width: 100%;
  clear: both;
  position: relative;
}
.header-grid .title #title-input-wrapper {
  border-radius: 4px;
  border: transparent;
  padding: 4px 8px 4px 4px;
  margin-left: -4px;
}
.header-grid .title #title-input-wrapper.active {
  box-shadow: 0px 0px 0px 2px rgb(18 94 248 / 55%) !important;
}
.header-grid .title input {
  width: 100%;
  height: 32px;
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0px 10px 0px 0px;
  border: 0;
  outline: 0;
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  color: #1b212b;
  background: transparent;
}
.header-grid .title input::placeholder {
  color: #969799;
  font-weight: 400;
}
.header-grid .title .inperr-t2 {
  display: block;
  box-shadow: 0px 0px 0px 2px rgb(233 30 99 / 40%) !important;
}
.header-grid .title .errwrp {
  position: absolute;
  left: -7px;
  top: -4px;
  right: 0px;
  bottom: -4px;
  z-index: 9;
  border-radius: 3px;
}
.header-grid .t-row {
  min-height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}

.header-grid .t-row:last-child {
  margin-bottom: 0;
}

.header-grid .t-row .left,
.header-grid .t-row .right {
  min-height: 46px;
  display: flex;
  position: relative;
  align-items: center;
  gap: 16px;
}

.header-grid .t-row .right .selectbox-g-t1 {
  margin: 0px 20px 0px 0px;
}

.header-grid .t-row .title {
  display: flex;
  align-items: center;
  color: #1b212b;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  white-space: nowrap;
}

.header-grid .t-row .title span {
  color: #535362;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  margin-left: 16px;
  border-radius: 6px;
  background: #f5f5ff;
  display: inline-block;
  padding: 0px 10px;
}

.header-grid .t-row .upgrade {
  display: flex;
  align-items: center;
  background-color: #ffdff2;
  border-radius: 4px;
  padding: 0px 0px 0px 16px;
}

.header-grid .t-row .upgrade .grey-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #373c46;
}

.header-grid .t-row .upgrade .pink-line {
  display: block;
  width: 1px;
  height: 16px;
  background-color: #f861bb33;
  margin: 0px 4px 0px 10px;
}

.header-grid .t-row .upgrade .pink-text {
  display: flex;
  position: relative;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 42px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  color: #f861bb;
  padding: 0px 16px 0px 8px;
  border-radius: 4px;
}

.header-grid .t-row .upgrade .pink-text i {
  font-size: 20px;
  line-height: 1;
  margin-right: 8px;
}

.header-grid .t-row .upgrade .pink-text:hover {
  background: #f861bb;
  color: #fff;
}

.header-grid .t-row .upgrade .pink-text:active {
  background: #e051a6;
  color: #fff;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.header-grid .t-row .search-box {
  display: flex;
  align-items: center;
}

.header-grid .t-row .search-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  margin-right: 8px;
}

.header-grid .t-row .search-box .search-input {
  padding: 0 3px;
  color: #1b212b;
  font-size: 15px;
  line-height: 1.58;
  background-color: transparent;
  border: none;
  outline: none;
}

.header-grid .t-row .search-box .search-input::placeholder {
  color: #85888f;
}

.header-grid .t-row .sort-box {
  display: block;
  position: relative;
  min-width: 138px;
  width: 138px;
}

.header-grid .t-row .sort-box .sort-label {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 8px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #85888f;
  cursor: pointer;
}

.header-grid .t-row .sort-box .input-sort {
  padding-left: 60px;
  cursor: pointer;
}

.header-grid .t-row .sort-box .radio-box {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  padding: 24px;
  min-width: 240px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1;
  filter: drop-shadow(-4px -16px 32px rgba(20, 18, 30, 0.04))
    drop-shadow(4px 16px 32px rgba(20, 18, 30, 0.08));
}

.header-grid .t-row .sort-box .radio-box .r-label {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.15;
  color: #626875;
}

.header-grid .t-row .sort-box .radio-box .r-label:before {
  margin-right: 16px;
}

.header-grid .t-row .sort-box .radio-box .radio {
  margin-bottom: 24px;
}

.header-grid .t-row .sort-box .radio-box .radio:last-child {
  margin-bottom: 0px;
}

.header-grid .backwrap-t2 {
  margin: 0px 0px 35px 0px;
}

.header-grid .backwrap-t2 a {
  font-size: 16px;
  line-height: 160%;
}

.header-grid .backwrap-t2 .current {
  color: #818690;
}

.header-grid .backwrap-t2 a:hover {
  text-decoration: underline;
}

.header-grid .t-row .upg {
  float: left;
  background: #f2f2f240;
  line-height: 44px;
  border-radius: 26px;
  position: absolute;
  top: 3px;
  right: 160px;
}
.header-grid .t-row .upg .conlft {
  float: left;
  position: relative;
  font-size: 15px;
  color: #626875;
  line-height: 44px;
  padding: 0px 15px 0px 19px;
}
.header-grid .t-row .upg .conupg {
  float: left;
}
.header-grid .t-row .upg .conupg a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 40px;
  padding: 0px 20px 0px 45px;
  background: #ffdff28c;
  color: #de59a8;
  border-radius: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.header-grid .t-row .upg .conupg a:hover {
  background: #ffdff2d1;
}
.header-grid .t-row .upg .conupg a:active {
  background: #ffdff2bf;
}
.header-grid .t-row .upg .conupg a .icon {
  position: absolute;
  left: 16px;
  top: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  color: #de59a8;
}

.templates-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  grid-auto-rows: auto;
}

.templates-grid.cols4 {
  grid-template-columns: repeat(4, 1fr);
}

.templates-grid.cg-22 {
  row-gap: 22px;
}

.templates-grid.cg-32 {
  row-gap: 32px;
}

.templates-grid.cg-44 {
  row-gap: 44px;
}

.templates-grid.g10px {
  gap: 10px;
}

.template-type {
  display: flex;
  flex-direction: column;
  padding: 18px 24px 24px 24px;
  background: #fff;
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.template-type .bas-t0 {
  clear: both;
  position: relative;
  z-index: 10;
}

.template-type .sha-t1 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  background: #fff;
  box-shadow:
    0px 1px 3px rgb(28 33 42 / 25%),
    0px 1px 0px rgb(237 239 242 / 40%);
  border-radius: 4px;
  transition: transform 0.1s ease-in;
}

.template-type .sha-t2 {
  position: absolute;
  left: 4px;
  top: 0px;
  right: 4px;
  bottom: -4px;
  z-index: 2;
  background: #fff;
  box-shadow:
    0px 1px 3px rgb(28 33 42 / 25%),
    0px 1px 0px rgb(237 239 242 / 40%);
  border-radius: 4px;
  opacity: 0.5;
}

.template-type .sha-t3 {
  position: absolute;
  left: 8px;
  top: 0px;
  right: 8px;
  bottom: -8px;
  z-index: 1;
  background: #fff;
  box-shadow:
    0px 1px 3px rgb(28 33 42 / 25%),
    0px 1px 0px rgb(237 239 242 / 40%);
  border-radius: 4px;
  opacity: 0.2;
}

.template-type:hover .sha-t1 {
  transform: scale(1.01);
}

.template-type.new {
  cursor: pointer;
}

.template-type.new:hover {
}

.template-type.new .circle {
  margin-bottom: 30px;
}

.template-type.new:hover .circle {
  background-color: #fff;
}

.template-type.new .title {
  margin-bottom: 0;
}

.template-type .more {
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  display: none;
}

.template-type .more .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaafb8;
  font-size: 16px;
}

.template-type .more:hover .icon {
  color: #94a3ad;
}

.template-type .circle {
  display: flex;
  align-items: center;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  margin-bottom: 32px;
}

.template-type .circle .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}

.template-type .title {
  display: flex;
  align-items: center;
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 4px;
}

.template-type .title .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.template-type:hover .title .icon {
  opacity: 1;
  visibility: visible;
  z-index: auto;
}

.template-type:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #93baff66;
}

.template-type.red .circle .icon,
.template-type.red:hover .title,
.template-type.red .title .icon {
  color: #e85871;
}

.template-type.orange .circle .icon,
.template-type.orange:hover .title,
.template-type.orange .title .icon {
  color: #ff7849;
}

.template-type.pink .circle .icon,
.template-type.pink:hover .title,
.template-type.pink .title .icon {
  color: #f861bb;
}

.template-type.purple .circle .icon,
.template-type.purple:hover .title,
.template-type.purple .title .icon {
  color: #9f4eb6;
}

.template-type.green .circle .icon,
.template-type.green:hover .title,
.template-type.green .title .icon {
  color: #1dc67d;
}

.template-type.blue .circle .icon,
.template-type.blue:hover .title,
.template-type.blue .title .icon {
  color: #2d64ba;
}

.template-type.teal .circle .icon,
.template-type.teal:hover .title,
.template-type.teal .title .icon {
  color: #52b9d1;
}

.template-type.red:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #e8587166;
}

.template-type.orange:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #ff784966;
}

.template-type.pink:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #f861bb66;
}

.template-type.purple:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #9f4eb666;
}

.template-type.green:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #1dc67d66;
}

.template-type.blue:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #2d64ba66;
}

.template-type.teal:hover .sha-t1 {
  box-shadow: 0px 0px 0px 4px #52b9d166;
}

.template-type .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.43;
  font-weight: 400;
}

.template-card {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}

.template-card .context-func {
  top: 15px;
  right: 20px;
  z-index: 50;
}

.template-card .context-func .opts .usx {
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.template-card .box {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  min-height: 202px;
  margin-bottom: 12px;
}

.template-card .box .image {
  display: block;
  max-width: 100%;
  box-shadow: 2px 12px 27px rgba(91, 58, 25, 0.07);
}

.template-card .title {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.34;
  position: relative;
}

.template-card:hover .title {
  text-decoration: underline;
}

.template-card .title.isstandard {
  padding: 0px 0px 0px 36px;
}

.template-card .title.isstandard .standard {
  display: block;
}

.template-card .title .standard {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0px;
  top: -5px;
  display: none;
}

.template-card .title .standard .ic {
  display: block;
  color: #ff9300;
  line-height: 26px;
  font-size: 26px;
}

.template-card:hover .box {
  transform: scale(1.01);
  box-shadow:
    0px 0px 0px 4px rgb(28 33 42 / 4%),
    0px 1px 0px rgb(237 239 242 / 40%);
  border-radius: 4px;
}

.tempslist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  grid-auto-rows: auto;
  row-gap: 0px;
  padding: 0px 0px 40px 0px;
}

.tempslist .item {
  clear: both;
  position: relative;
  cursor: pointer;
  margin: 0px 0px 20px 0px;
  border: 1px solid #eee;
  padding: 24px 20px 24px 30px;
  border-radius: 4px;
}

.tempslist .item.standard {
  box-shadow:
    0px 0px 0px 4px rgb(0 81 232 / 6%),
    0px 1px 0px rgb(1 90 255 / 10%);
}

.tempslist .item.standard:hover {
  box-shadow:
    0px 0px 0px 4px rgb(0 81 232 / 10%),
    0px 1px 0px rgb(1 90 255 / 14%);
}

.tempslist .item:hover {
  box-shadow:
    0px 0px 0px 4px rgb(28 33 42 / 4%),
    0px 1px 0px rgb(237 239 242 / 40%);
}

.tempslist .item .tit {
  margin: 0px 0px 18px 0px;
  font-size: 18px;
  font-weight: 600;
}

.tempslist .item .ls1 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  line-height: 36px;
  color: #6f7279;
}

.tempslist .item .ls1 li.ques {
  display: inline-block;
  margin: 0px 20px 0px 0px;
  position: relative;
  color: #535362;
  border-radius: 6px;
  line-height: 36px;
  padding: 0px 15px;
  font-size: 15px;
  background: #f5f5ff;
}

.tempslist .item .ls1 li.norm {
  display: block;
  margin: 0px 30px 0px 0px;
  position: relative;
  padding: 0px 0px 0px 32px;
  color: #535362;
  line-height: 36px;
}

.tempslist .item .ls1 li.norm .ic1 {
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 22px;
  color: #535362;
}

.tempslist .item .ls2 {
  margin: 0;
  padding: 20px 0px 0px 0px;
  list-style-type: none;
  font-size: 15px;
  line-height: 140%;
  color: #6f7279;
}

.tempslist .item .ls2 li {
  margin: 0px 30px 4px 0px;
  position: relative;
  padding: 0px 0px 0px 27px;
  color: #777;
}

.tempslist .item .ls2 li .ic {
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 14px;
  color: #9a9abc;
}

.tempslist .item .ico {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 22px;
  top: 22px;
  border-radius: 50%;
  background: #7bca00;
}

.tempslist .item .ico .ic {
  display: none;
}

.tempslist .item.standard .ico {
  background: none;
}

.tempslist .item.standard .ico .ic {
  display: block;
  color: #ff9300;
  line-height: 18px;
  font-size: 26px;
  margin: 0px 0px 0px -4px;
}

.tempslist .item .context-func {
  top: 15px;
  right: 25px;
}

.tempslist .item.standard .context-func {
  display: none;
}

.params-t1 {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.params-t1 .row {
  display: table-row;
}

.params-t1 .row .th1 {
  width: 270px;
  display: table-cell;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 10px 10px 0px;
  border-top: 1px dotted #ececec;
  border-bottom: 1px dotted #ececec;
}

.params-t1 .row .th2 {
  display: table-cell;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 10px 10px 35px;
  border-top: 1px dotted #ececec;
  border-bottom: 1px dotted #ececec;
  border-left: 1px dotted #ececec;
}

.params-t1 .row .td1 {
  min-width: 220px;
  display: table-cell;
  font-family: monospace;
  font-size: 13px;
  padding: 15px 10px 10px 0px;
  border-top: 1px dotted #ececec;
  border-bottom: 1px dotted #ececec;
}

.params-t1 .row .td2 {
  display: table-cell;
  font-size: 16px;
  font-weight: 400;
  line-height: 145%;
  padding: 25px 0px 25px 35px;
  border-top: 1px dotted #ececec;
  border-bottom: 1px dotted #ececec;
  border-left: 1px dotted #ececec;
}

.params-t1 .row .td2 .flx {
  display: flex;
}

.params-t1 .row .td2 .CodeMirror {
  width: 100%;
  display: block;
  margin: 0px 0px 0px -10px;
  overflow: hidden;
}

.params-t1 .high {
  background: #f9f9f9;
}

.params-t1 a {
  text-decoration: underline;
}
.params-t1 h2 a {
  text-decoration: none;
}

.params-t1.wd1 .row .th1 {
  width: 160px;
}

.params-t1.wd1 .row .td1 {
  width: 160px;
}

.params-t1.wd2 .row .th1 {
  width: 190px;
}

.params-t1.wd2 .row .td1 {
  width: 190px;
}

.temp-doc-t1 {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1015;
}

.temp-doc-t1 .tpx {
  height: 70px;
  position: sticky;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 22;
  background: #fff;
  overflow: hidden;
  box-shadow:
    0 1px 2px 0 rgb(60 64 67 / 20%),
    0 -2px 5px 2px rgb(60 64 67 / 15%);
}

.temp-doc-t1 .tpx .rx {
  width: 100%;
  height: 100%;
  position: relative;
}

.temp-doc-t1 .tpx .rx .mnu {
  clear: both;
  padding: 20px 0px 0px 0px;
}

.temp-doc-t1 .tpx .rx .mnu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 18px;
  line-height: 150%;
  color: #000;
}

.temp-doc-t1 .tpx .rx .mnu ul li {
  margin: 0px 25px 0px 0px;
  display: inline;
}

.temp-doc-t1 .tpx .rx .mnu ul li a {
  font-size: 17px;
  color: #000000;
  line-height: 150%;
  font-weight: 600;
  text-decoration: none;
}

.temp-doc-t1 .tpx .rx .mnu ul li a:hover {
  text-decoration: underline;
}

.temp-doc-t1 .tpx .rx .mnu ul li .active {
  color: #115ef8;
}

.temp-doc-t1 .tpx .rx .close-lbl {
  position: absolute;
  top: 26px;
  right: 85px;
  text-align: right;
}

.temp-doc-t1 .tpx .rx .close-lbl p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: #9a9a9a;
  font-style: italic;
}

.temp-doc-t1 .tpx .rx .close-lbl p strong {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  display: inline-block;
  margin: 0px 0px 0px 4px;
  font-style: normal;
}

.temp-doc-t1 .tpx .rx .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 20px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.temp-doc-t1 .tpx .rx .close .ico {
  font-size: 30px;
  line-height: 40px;
  color: #6d6d6d;
}

.temp-doc-t1 .tpx .rx .close:hover {
  background: #f7f7f7;
}

.temp-doc-t1 .tpx .rx .close:active {
  top: 16px;
}

.temp-doc-t1 .tbx {
  position: absolute;
  left: 0px;
  top: 70px;
  right: 0px;
  bottom: 0px;
  z-index: 21;
  overflow: auto;
  scroll-behavior: smooth;
  background: #fff;
  display: block;
}

.temp-doc-t1 .tbx .ipn {
  clear: both;
  padding: 90px 0px 0px 0px;
}

.temp-doc-t1 .tbx .dis {
  width: 100%;
  height: 120px;
  clear: both;
  overflow: hidden;
}

.account-details .top .role-box {
  display: flex;
  align-items: center;
}

.account-details .top .role-box .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}

.account-details .top .role-box .role {
  font-size: 14px;
  line-height: 28px;
  padding: 0px 11px;
  border-radius: 3px;
  margin: 0px 6px 0px 14px;
  cursor: default;
}

.account-details .top .role-box .role.purple {
  color: #6758f3;
  background-color: rgba(103, 88, 243, 0.1);
}

.account-details .top .role-box .role.teal {
  color: #2faed7;
  background-color: rgba(47, 174, 215, 0.1);
}

.account-details .top .role-box .tooltip-box {
  margin-left: 4px;
}

.account-details .main {
  display: flex;
  flex-direction: column;
}

.account-details .main .item {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background-color: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
  margin-bottom: 16px;
  position: relative;
}

.account-details .main .item:last-child {
  margin-bottom: 0;
}

.account-details .main .item .left .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.account-details .main .item .left .top .i-label {
  color: #626875;
  font-size: 12px;
  line-height: 1.5;
}

.account-details .main .item .left .content {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
}

.account-details .main .item .left .content.no-data {
  color: #85888f;
}

.account-details .main .item .edit {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  right: 16px;
}

.account-details .main .item .edit .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  cursor: pointer;
}

.account-details .main .item .edit:hover .icon {
  color: #7d8088;
}

.account-details .base {
  clear: both;
}

.account-details .base .item {
  clear: both;
  margin: 0px 0px 20px 0px;
}

.account-additional-info .top {
  margin-bottom: 24px;
}

.account-additional-info .main {
  display: flex;
  flex-direction: column;
}

.account-additional-info .main .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.account-additional-info .main .item:last-child {
  margin-bottom: 0;
}

.account-additional-info .main .item .i-label {
  color: #626875;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.subscription-plan .main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 16px;
}

.subscription-plan .main .plan-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 25px 25px 25px;
  background: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
}

.subscription-plan .main .plan-box .text-box {
  display: flex;
  flex-direction: column;
}

.subscription-plan .main .plan-box .text-box .name-price {
  display: flex;
  flex-direction: column;
}

.subscription-plan .main .plan-box .text-box .name {
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.58;
  margin-bottom: 8px;
}

.subscription-plan .main .plan-box .text-box .price {
  color: #1b212b;
  font-size: 15px;
  line-height: 1.58;
  margin-bottom: 8px;
}

.subscription-plan .main .plan-box .text-box .description {
  color: #626875de;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 32px;
}

.subscription-plan .main .plan-box .buttons .btnplanchange {
  margin-bottom: 16px;
}

.subscription-plan .main .plan-box .buttons .cancel {
  box-shadow: unset;
  color: #f60049;
  font-size: 15px;
  line-height: 1.58;
  border: 1px solid transparent;
  background: transparent;
}

.subscription-plan .main .plan-box .buttons .cancel:hover {
  color: #e90045;
  background: #fff;
}

.billing-details .main {
  display: flex;
  flex-direction: column;
}

.billing-details .main .item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 25px 22px 25px;
  background-color: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 6px;
  margin-bottom: 16px;
  position: relative;
}

.billing-details .main .item.align-center {
  align-items: center;
}

.billing-details .main .item:last-child {
  margin-bottom: 0;
}

.billing-details .main .item .left .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.billing-details .main .item .left .top .i-label {
  margin: 0px 0px 5px 0px;
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.billing-details .main .item .left .content {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
}

.billing-details .main .item .left .content.no-data {
  color: #85888f;
}

.billing-details .main .item .edit {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  right: 16px;
}

.billing-details .main .item .edit .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  cursor: pointer;
}

.billing-details .main .item .edit:hover .icon {
  color: #7d8088;
}

.billing-details .main .item .right .btn-secondary {
  white-space: nowrap;
  background-color: transparent;
}

.billing-details .main .item .right .act-t1 {
  position: absolute;
  right: 25px;
  bottom: 20px;
}

.card-details {
  display: flex;
  flex-direction: column;
}

.card-details .company {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.card-details .company .logo {
  max-width: 34px;
  margin-right: 8px;
}

.card-details .company .name {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}

.card-details .px {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 55px;
}

.card-details .px .card-base {
  width: 38px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 3px;
}

.card-details .px .card-base.card-visa {
  background: #00579f url(https://cdn.addevent.com/app/v2/images/visa.5da02bb8.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-amex {
  background: #0193ce url(https://cdn.addevent.com/app/v2/images/amex.28e899d3.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-discover {
  background: #fff url(https://cdn.addevent.com/app/v2/images/discover.d3c0d2e5.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-jcb {
  background: #fff url(https://cdn.addevent.com/app/v2/images/jcb.96bfdfcd.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-maestro {
  background: #000 url(https://cdn.addevent.com/app/v2/images/maestro.59bddc13.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-mastercard {
  background: #000 url(https://cdn.addevent.com/app/v2/images/mastercard.2a60a639.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .card-base.card-other,
.card-details .px .card-base.card-diners,
.card-details .px .card-base.card-unionpay {
  background: #0193ce url(https://cdn.addevent.com/app/v2/images/other.f67a913e.svg) no-repeat 50% 50%;
  background-size: cover;
}

.card-details .px .lbl {
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  font-weight: 500;
}

.card-details .px .lbl .num {
  display: inline-block;
  padding: 0px 6px;
  letter-spacing: 1px;
  color: #1d1f22;
  font-size: 11px;
  line-height: 18px;
}

.card-details .px .lbl .exp {
  color: #687385;
  font-weight: 400;
}

.payment-history {
}

.payment-history .top {
  padding: 20px 24px 16px;
  margin: 0;
}

.payment-history .table-place {
  overflow-x: auto;
  overscroll-behavior: auto;
}

.payment-history .table-place::-webkit-scrollbar {
  height: 6px;
}

.payment-history .table-place::-webkit-scrollbar-track {
  background-color: transparent;
}

.payment-history .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 24px 24px;
}

.payment-history .bottom button {
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  border-color: rgba(18, 94, 248, 0.5);
  color: #125ef8;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
}

.payment-history .bottom .showmore {
  position: relative;
  padding: 10px 26px 10px 48px;
}

.payment-history .bottom .showmore .icon {
  position: absolute;
  left: 16px;
  top: 4px;
  font-size: 24px;
}

.payment-history .bottom .showmore:hover {
  background: #e8f0fe33;
}

.payment-history .bottom .showmore:active {
  background: #e8f0fe66;
}

.payments-table {
  border: none;
}

.payments-table th {
  color: #626875;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  padding: 12px 20px;
  text-transform: capitalize;
}

.payments-table td {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
  padding: 10px 20px;
  border-top: none;
  white-space: nowrap;
  border-bottom: 1px solid #e5e5e5;
}

.payments-table th:last-child,
.payments-table td:last-child {
  text-align: right;
}

.payments-table th:nth-child(2),
.payments-table td:nth-child(2) {
  text-align: right;
}

.payments-table tr:nth-child(2) td {
  padding-top: 9px;
}

.payments-table td:nth-child(2) {
  color: #1b212b;
  font-weight: 500;
}

.payments-table .w1 {
  width: 140px;
}

.payments-table .w2 {
  width: 120px;
}

.payments-table .w3 {
  width: 130px;
}

.payments-table .column-sort {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.payments-table .column-sort span {
  color: #85888f;
  font-weight: 500;
  line-height: 1.4;
}

.payments-table .column-sort .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.payments-table .column-sort .icon .path1::before,
.payments-table .column-sort .icon .path2::before {
  color: #cccfd4;
}

.payments-table .column-sort .icon.desc .path1::before,
.payments-table .column-sort .icon.asc .path2::before {
  color: #125ef8;
}

.payments-table .link {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 26px;
  color: #125ef8;
  font-size: 15px;
  line-height: 1.58;
  cursor: pointer;
}

.payments-table .link:hover {
  color: #1559e1;
  text-decoration: underline;
}

.payments-table .link .icon {
  color: #125ef8;
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 19px;
  line-height: 22px;
}

.settings-list {
  display: flex;
  flex-direction: column;
}

.settings-list .question-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 11px 16px;
  border-radius: 4px;
  margin-bottom: 24px;
  background: lightyellow;
}

.settings-list .question-box .left,
.settings-list .question-box .right {
  display: flex;
  align-items: center;
}

.settings-list .question-box .left .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b6b4f;
  font-size: 20px;
  margin: -1px 10px 0px 0px;
}

.settings-list .question-box .left .text {
  color: #6b6b4f;
  font-size: 16px;
  font-weight: 500;
  line-height: 38px;
}

.settings-list .question-box .right .link {
  display: inline-block;
  position: relative;
  padding: 0px 12px 0px 40px;
  border-radius: 4px;
  color: #6b6b4f;
  font-size: 16px;
  line-height: 38px;
  cursor: pointer;
}

.settings-list .question-box .right .link:hover {
  background: #f9f9dc;
  text-decoration: none;
}

.settings-list .question-box .right .link .icon {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 20px;
}

.settings-list .bottom {
  margin-top: 28px;
}

.settings-list .table-place {
}

.settings-list .table-place::-webkit-scrollbar {
  height: 6px;
}

.settings-list .table-place::-webkit-scrollbar-track {
  background-color: transparent;
}

.settings-list .table-place .list-t1 {
  min-height: 350px;
  overflow: auto;
  background: #f9f9f9;
}

.settings-list .actlst-t1 {
  height: 50px;
  clear: both;
  position: relative;
  margin: 0px 0px 20px 0px;
}

.settings-list .actlst-t1 .hd {
  position: absolute;
  top: 5px;
  left: 0px;
}

.settings-list .actlst-t1 .hd .fl {
  float: left;
}

.settings-list .actlst-t1 .hd .fl p {
  margin: 0;
  color: #1b212b;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}

.settings-list .actlst-t1 .act {
  position: absolute;
  right: 0px;
  top: -3px;
}

.settings-list .actlst-t1 .act .extlst {
  float: left;
  position: relative;
  padding: 3px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
}

.settings-list .actlst-t1 .act .extlst a {
  display: inline-block;
  line-height: 40px;
  position: relative;
  padding: 0px 28px 0px 36px;
  font-size: 16px;
  color: #626875;
}

.settings-list .actlst-t1 .act .extlst a .ic {
  position: absolute;
  left: 7px;
  top: 5px;
  line-height: 30px;
  font-size: 19px;
  color: #9ca0a4;
}

.settings-list .actlst-t1 .act .extlst a .ic-t1 {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: -1px;
  top: 0px;
}

.settings-list .actlst-t1 .act .extlst a .ic-t1-wr {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 2px;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  margin: 0px 0px 0px 8px;
}

.settings-list .actlst-t1 .act .extlst a:hover {
  text-decoration: underline;
}

.settings-list .actlst-t1 .act .extlst a .ic-t1-wr:hover {
  background-color: #e5e9ec;
}

.settings-list .actlst-t1 .act .extlst a .ic-t1-wr:active {
  background-color: #ebeef0;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.settings-list .actlst-t1 .act .extlst a.active .ic-t1-wr {
  background-color: #ebeef0;
}

/*
.settings-list .actlst-t1 .act .extlst a {
  display: inline-block;
  line-height: 40px;
  position: relative;
  padding: 0px 10px 0px 38px;
  font-size: 16px;
  color: #626875;
}
.settings-list .actlst-t1 .act .extlst a .ic {
  position: absolute;
  left: 7px;
  top: 5px;
  line-height: 30px;
  font-size: 20px;
  color: #ff5faa;
}
.settings-list .actlst-t1 .act .extlst a:hover {
  text-decoration: underline;
}

 */

.settings-list .actlst-t1 .act .dwnlst {
  float: left;
  padding: 3px 0px 0px 0px;
  margin: 0px 35px 0px 0px;
}

.settings-list .actlst-t1 .act .dwnlst a {
  display: inline-block;
  line-height: 40px;
  position: relative;
  padding: 0px 10px 0px 38px;
  font-size: 16px;
  color: #626875;
}

.settings-list .actlst-t1 .act .dwnlst a .ic {
  position: absolute;
  left: 7px;
  top: 5px;
  line-height: 30px;
  font-size: 22px;
  color: #e25942;
}

.settings-list .actlst-t1 .act .dwnlst a:hover {
  text-decoration: underline;
}

.settings-list .actlst-t1 .act .seabx {
  float: left;
}

/* External list popup */
.settings-list .actlst-t1 .extlistpop-t1 {
  width: 450px;
  position: absolute;
  right: -20px;
  top: 45px;
  z-index: 100;
  background: #fff;
  border-radius: 6px;
  display: block;
  box-shadow:
    0 3px 17px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
}

.settings-list .actlst-t1 .extlistpop-t1 .po {
  clear: both;
  padding: 27px 40px 35px 40px;
  position: relative;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .hx {
  clear: both;
  margin: 0px 0px 8px 0px;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .hx p {
  margin: 0;
  font-size: 17px;
  color: #222;
  line-height: 130%;
  font-weight: 600;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .ds {
  clear: both;
  margin: 0px 0px 35px 0px;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .ds p {
}

.settings-list .actlst-t1 .extlistpop-t1 .po .inx {
  clear: both;
  position: relative;
  margin: 0px -8px;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .inx .ix-t2 .wr textarea {
  height: 115px;
  font-size: 14px;
  word-break: break-all;
  font-family: monospace;
  border: 1px solid #b7b7b74d;
  box-shadow: 0px 1px 0px rgba(28, 33, 42, 0.14);
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx {
  position: absolute;
  bottom: 20px;
  right: 10px;
  z-index: 10;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstrefresh {
  width: 36px;
  height: 36px;
  float: left;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  margin: 0px 6px 0px 0px;
  background: #eff0f196;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstrefresh:hover {
  background: #e7e8ea;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstrefresh:active {
  background: #f1f1f1;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstrefresh .ic {
  font-size: 24px;
  line-height: 36px;
  color: #5c5c5c;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstlink {
  width: 36px;
  height: 36px;
  float: left;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  margin: 0px 6px 0px 0px;
  background: #dbf6ea;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstlink:hover {
  background: #c2f9e1;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstlink:active {
  background: #dbf6ea;
}

.settings-list .actlst-t1 .extlistpop-t1 .po .acx .attnlstlink .ic {
  font-size: 22px;
  line-height: 36px;
  color: #1dc67d;
}

.settings-list .actlst-t1 .extlistpop-t1 {
  margin-top: -20px;
  display: none;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.settings-list .actlst-t1 .extlistpop-t1.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.settings-table {
  border: none;
}

.settings-table.mobile {
  display: none;
}

.settings-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dee0e3;
  border-radius: 6px;
}

.settings-table th {
  background-color: #f5f6f7;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  color: #626875;
  padding: 24px 33px;
  text-align: left;
}

.settings-table th {
  position: relative;
}

.settings-table .lblwtic {
  display: inline-block;
  position: relative;
  padding: 0px 25px 0px 0px;
}

.settings-table .lblwtic .ab {
  position: absolute;
  top: 3px;
  right: 0px;
}

.settings-table .tooltip-box .w-t1 {
  width: 350px;
}

.settings-table td {
  padding: 24px 33px;
  border-top: 1px solid #dee0e3;
  border-bottom: 1px solid #dee0e3;
}

.settings-table th {
  color: #626875;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  padding: 12px 20px;
  text-transform: none;
}

.settings-table td {
  vertical-align: middle;
  position: relative;
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
  padding: 12px 20px;
  border-top: none;
  border-bottom: none;
  border-bottom: 1px solid #e5e5e5;
}

.settings-table .w1 {
  width: 200px;
}

.settings-table .w2 {
  width: 110px;
}

.settings-table .w3 {
  width: 180px;
}

.settings-table .w4 {
  width: 150px;
}

.settings-table .w5 {
  width: 170px;
}

.settings-table.users-table {
  padding-top: 16px;
  padding-bottom: 16px;
}

.settings-table td .icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #85888f;
  font-size: 20px;
}

.settings-table td .icon.green {
  color: #1ac67d;
}

.settings-table td .select2 {
  width: 100px;
}

.settings-table td .select2 .select2-selection__rendered {
  padding-left: 8px;
}

.settings-table .column-multi {
  display: flex;
  align-items: center;
  position: relative;
}

.settings-table .column-filter {
  display: flex;
  align-items: center;
  position: relative;
}

.settings-table .filter {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.settings-table .filter .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 12px;
  margin-left: 4px;
}

.settings-table .sort {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 10px;
  line-height: 1.4;
  white-space: nowrap;
  letter-spacing: 0.02em;
  margin-left: 4px;
}

.settings-table .sort::after {
  content: "|";
  color: #cccfd4;
  font-size: 11px;
  line-height: 1;
  margin: 0 8px;
}

.settings-table .sort .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin-left: 4px;
  cursor: pointer;
}

.settings-table .search-box {
  display: block;
  position: relative;
  width: 100%;
}

.settings-table .search-box .icon-search {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 20px;
  left: 10px;
  color: #85888f;
  cursor: pointer;
}

.settings-table .search-box .icon-search:hover {
  color: #125ef8;
}

.settings-table .search-box .input {
  padding-left: 42px;
}

.settings-table .search-box .input.hidden {
  width: 0px;
  padding: 0px;
  border: 0;
  opacity: 0;
}

.settings-table .search-box .close-search {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #e9eaeb;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 18px;
  width: 20px;
  height: 20px;
  right: 10px;
  color: #85888f;
  cursor: pointer;
  overflow: hidden;
}

.settings-table .search-box .input.hidden ~ .icon-search {
  left: 0;
}

.settings-table .search-box .input.hidden ~ .close-search {
  width: 0px;
  height: 0px;
}

.settings-table .search-box .close-search:hover {
  color: #e9eaeb;
  background-color: #85888f;
}

.settings-table .search-box .close-search:hover {
  color: #e9eaeb;
  background-color: #85888f;
}

.settings-table .domain {
  display: flex;
  align-items: center;
}

.settings-table .domain .logo {
  display: block;
  max-width: 20px;
  margin-right: 8px;
}

.settings-table .domain .text {
  color: #14121e;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
}

.settings-table .user {
  display: flex;
  align-items: center;
}

.settings-table .user .avatar {
  display: block;
  width: 100%;
  min-width: 32px;
  max-width: 32px;
  margin-right: 12px;
}

.settings-table .user .text {
  display: flex;
  align-items: center;
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
}

.settings-table .user .text span {
  color: #999;
  font-size: 15px;
  line-height: 1.5;
  margin-left: 8px;
  font-weight: 400;
}

.settings-table .user .penico {
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #c43cc4;
  border-radius: 6px;
  padding: 0px 8px;
  margin: 0px 10px 0px 0px;
}

.settings-table .role {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  border-radius: 2px;
}

.settings-table .role.purple {
  color: #6758f3;
  background-color: rgba(103, 88, 243, 0.1);
}

.settings-table .role.teal {
  color: #208fb3;
  background-color: rgba(32, 143, 179, 0.1);
}

.settings-table .more {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.settings-table .more .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
}

.settings-table .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

.settings-table .actions .action {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.settings-table .actions .action:hover {
  color: #7d8088;
}

.settings-table .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 12px 12px;
}

.settings-table .no-data .image {
  display: block;
  max-width: 135px;
  margin-bottom: 43px;
}

.settings-table .no-data .title {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 4px;
}

.settings-table .no-data .text {
  color: #626875;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 16px;
}

.settings-table .filt-t1 {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  margin: 0px 0px 0px 8px;
}

.settings-table .filt-t1 .ic {
  font-size: 13px;
  line-height: 20px;
  position: absolute;
  left: 3px;
  top: 0px;
}

.settings-table .filt-t1 .ic-t1 {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  left: -1px;
  top: 0px;
}

.settings-table .filt-t1:before {
  display: block;
  font-family: "Material Icons";
  content: "\e152";
  color: #000;
  font-size: 13px;
  line-height: 20px;
  font-style: normal;
}

.settings-table .filt-t1.asc:before {
  display: block;
  font-family: "Material Icons";
  content: "\e5d8";
  color: #000;
  font-size: 13px;
  line-height: 20px;
  font-style: normal;
}

.settings-table .filt-t1.desc:before {
  display: block;
  font-family: "Material Icons";
  content: "\e5db";
  color: #000;
  font-size: 13px;
  line-height: 20px;
  font-style: normal;
}

.settings-table .filt-t1.sortattnstatus:before {
  display: none;
}

.settings-table .itmactive-t1 {
  display: inline-block;
  display: none;
  width: 16px;
  height: 16px;
  margin: 0px 2px 0px 9px;
  box-shadow: 0px 0px 0px 2px #e25942;
  color: #e25942;
  font-family: monospace;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  border-radius: 5px;
}

.settings-table .filt-t1 .ic {
  display: none;
}

.settings-table .filt-t1:hover {
  background-color: #e5e9ec;
}

.settings-table .filt-t1:active {
  background-color: #ebeef0;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.settings-table .filt-t1.active {
  background-color: #ebeef0;
}

.settings-table .verified-t1 {
  width: 34px;
  height: 34px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 50%;
  margin: -5px 0px 0px 10px;
}

.settings-table .verified-t1 .ic {
  color: #1ac67d;
  font-size: 20px;
  line-height: 34px;
}

.settings-table .verified-t1:hover {
  background: #f6f6f8;
}

.settings-table .verified-t1:active {
  background: #ebeef0;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.settings-table .verified-t1.notverified .ic {
  color: #ff6464;
}

.settings-table .verified-t1.verified:hover {
  background: none;
  cursor: default;
}

.settings-table .delete-t1 {
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 50%;
  margin: 0px 0px 0px 10px;
}

.settings-table .delete-t1.disabled {
  background: transparent !important;
}

.settings-table .delete-t1.disabled .ic {
  color: #333 !important;
}

.settings-table .delete-t1 .ic {
  color: #333;
  font-size: 20px;
  line-height: 34px;
}

.settings-table .delete-t1:hover {
  background: #ff6464;
}

.settings-table .delete-t1:hover .ic {
  color: #fff;
}

.settings-table .delete-t1:active {
  background: #f34646;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.settings-table .user .rolx {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0px 12px 0px 0px;
  border-radius: 50%;
  text-align: center;
}

.settings-table .user .rolx.role-admin {
  background: #dfe8f5;
  color: #3d74ca;
}

.settings-table .user .rolx.role-editor {
  background: #dcf7ec;
  color: #25b275;
}

.settings-table .user .rolx.role-user {
  background: #fee7f5;
  color: #f861bb;
}

.settings-table .user .rolx.role-pending {
  background: #fff;
  color: #70624a;
  box-shadow: inset 0px 0px 0px 2px #c43cc494;
}

.settings-table .user .rolx p {
  margin: 0;
  font-size: 12px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.settings-table .user .rolx .ic {
  font-size: 24px;
  line-height: 36px;
  color: #c43cc4;
}

.settings-table .optsel {
  width: 120px;
  clear: both;
  position: relative;
  background: #f1f3f3;
  border-radius: 4px;
}

.settings-table .optsel.disabled:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff01;
}

.settings-table .optsel select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px 12px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.settings-table .optsel .arr {
  position: absolute;
  top: 5px;
  right: 2px;
  z-index: 0;
}

.settings-table .optsel .arr .ic {
  font-size: 26px;
  line-height: 26px;
}

.settings-table .attn {
  width: 110px;
  padding: 12px 0px 12px 20px;
}

.settings-table .attnopts {
  width: 250px;
  position: absolute;
  left: -29px;
  top: 30px;
  z-index: 10;
  border-radius: 6px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  display: none;
}

.settings-table .attnopts .px {
  clear: both;
  padding: 18px 22px 17px 21px;
}

.settings-table .attnopts .px .po {
  clear: both;
  padding: 0px 7px;
}

.settings-table .attnopts .px .po .check-t2 {
  margin: 0px 0px 8px 0px;
}

.settings-table .attnopts .px .bo {
  clear: both;
  padding: 20px 0px 0px 0px;
}

.settings-table .attnopts .px .bo input {
  width: 100%;
}

.settings-table .attnopts {
  margin-top: -20px;
  display: none;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.settings-table .attnopts.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.settings-table .usrdel {
  padding: 12px 0px 12px 28px;
}

.settings-table .usrdel .userdelete {
  margin: 0;
}

.settings-table .usrsta {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0px 12px 0px 5px;
  border-radius: 50%;
  text-align: center;
}

.settings-table .usrsta .icon {
  font-size: 22px;
  display: inline-block;
  line-height: 36px;
  font-weight: 600;
}

.settings-table .usrsta.going {
  background: #1dc67d29;
  color: #3d74ca;
}

.settings-table .usrsta.going .icon {
  color: #1dc67d;
}

.settings-table .usrsta.maybe {
  background: #f8c20024;
  color: #f8c200;
}

.settings-table .usrsta.maybe .icon {
  color: #cda000;
}

.settings-table .usrsta.notgoing {
  background: #f600490d;
  color: #f60049;
}

.settings-table .usrsta.notgoing .icon {
  color: #f60049;
}

.settings-table .usrsta.active {
  background: #1dc67d29;
  color: #3d74ca;
}

.settings-table .usrsta.active .icon {
  color: #1dc67d;
}

.settings-table .usrsta.inactive {
  background: #f8c20024;
  color: #f8c200;
}

.settings-table .usrsta.inactive .icon {
  color: #cda000;
}

.settings-table .usrsta.blocked {
  background: #f600490d;
  color: #f60049;
}

.settings-table .usrsta.blocked .icon {
  color: #f60049;
}

.settings-table.nw th {
  white-space: nowrap;
}

.settings-table.nw td {
  white-space: nowrap;
  background: #fff;
}

.settings-table.nw .lnk {
  cursor: pointer;
}

.settings-table.nw .lnk:hover td {
  background: #c1dffe36;
}

.users-table tr.pending td,
.users-table tr.pending .user .text,
.users-table tr.pending .user .text span {
  color: #85888f;
}

.users-table tr.pending .role {
  opacity: 0.4;
}

.users-table tr.pending .select2 {
  pointer-events: none;
}

.users-table tr.pending .select2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
}

.send-invitation {
  display: grid;
  grid-template-columns: 260fr 140fr;
  align-items: center;
  gap: 12px;
}

.send-invitation-sbt {
  clear: both;
  padding: 18px 0px 0px 0px;
}

.send-invitation-sbt button {
  width: 100%;
  padding: 12px 15px !important;
}

.send-spacer {
  width: 100%;
  height: 1px;
  background-color: #e9eaeb;
  margin: 50px 0 40px 0;
}

.send-link {
  display: flex;
  flex-direction: column;
}

.send-link .title {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.34;
  margin-bottom: 8px;
}

.send-link .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
  margin-bottom: 24px;
}

.table-bottom-wrap-t1 {
  clear: both;
  padding: 20px 0px 0px 0px;
}

.table-bottom-wrap-t2 {
  clear: both;
  padding: 13px 15px 18px 15px;
}

.table-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}

.table-bottom.mobile {
  display: none;
}

.table-bottom .left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table-bottom .left .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
  margin: 0;
}

.table-bottom .left .shwsel {
  margin: 0px 8px 0px 8px;
}

.table-bottom .left .shwsel .rad {
  clear: both;
  position: relative;
  background: #f1f3f3;
  border-radius: 4px;
}

.table-bottom .left .shwsel .rad select {
  width: 70px;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px 12px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.table-bottom .left .shwsel .rad .arr {
  position: absolute;
  top: 5px;
  right: 2px;
  z-index: 0;
}

.table-bottom .left .shwsel .rad .arr .ic {
  font-size: 26px;
  line-height: 26px;
}

.table-bottom .right {
  display: flex;
  align-items: center;
}

.settings-box {
  display: flex;
  flex-direction: column;
  padding: 0px 30px 0px 0px;
}
.settings-box.ma-t1 {
  margin: 0px 0px 15px 0px;
}
.settings-box .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.section-usage-summary .settings-box .top {
  margin-bottom: 0;
}
.settings-box .top.pd-t0 {
  padding: 0px 0px 0px 0px;
}
.settings-box .top.pd-t1 {
  padding: 30px 0px 0px 0px;
}
.settings-box .top.ma-t1 {
  margin: 0;
}
.settings-box .top.ma-t2 {
  margin-bottom: 10px;
}
.settings-box .top .title {
  color: #1b212b;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  padding: 0px 0px 0px 5px;
}
.settings-box .subtitle {
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 0px 5px;
}
.settings-box .subtitle.t1 {
  font-size: 19px;
  margin: 0px 0px 12px 0px;
}
.settings-box .sehd-t1 {
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 5px;
}
.settings-box .sehd-t1 p {
  margin: 0;
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
}
.settings-box .sehd-t2 {
  clear: both;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 0px 5px;
}
.settings-box .sehd-t2 p {
  margin: 0;
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
}
.settings-box .seds-t1 {
  clear: both;
  margin: 0px 0px 30px 5px;
}
.settings-box .seds-t1 p {
  margin: 0;
  color: #1b212b;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
}
.settings-box .ipt-t2 {
  clear: both;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 10px;
}
.settings-box .ipt-t2 .chkbrd {
  clear: both;
  position: relative;
  display: inline-block;
  padding: 5px 50px 0px 60px;
}
.settings-box .ipt-t2 .chkbrd p {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  color: #222;
}
.settings-box .ipt-t2 .chkbrd .ab {
  position: absolute;
  left: 0px;
  top: 7px;
}
.settings-box .ipt-t2 .chkbrd .ab .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.settings-box .ipt-t2 .chkbrd .ab .rl #appt_branding_upg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #ffffff0a;
  cursor: default;
}
.settings-box .ipt-t2 .chkbrd .info-ico-t1 {
  top: 3px !important;
}
.settings-box .ipt-t3 {
  max-width: 700px;
  clear: both;
}
.settings-box .ipt-t3 .lf {
  width: 50%;
  float: left;
}
.settings-box .ipt-t3 .lf .in {
  clear: both;
  padding: 0px 15px 0px 0px;
}
.settings-box .ipt-t3 .rg {
  width: 50%;
  float: left;
}
.settings-box .ipt-t3 .rg .in {
  clear: both;
  padding: 0px 0px 0px 15px;
}
.settings-box .ipt-t3 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.settings-box .ipt-t4 .list-t1 ul {
  margin: 0px 0px 15px 12px;
  list-style-type: none;
  font-size: 15px;
  color: #474f65;
  line-height: 145%;
}
.settings-box .ipt-t4 .list-t1 ul li {
  position: relative;
  padding: 0px 0px 0px 32px;
  margin: 0px 0px 30px 0px;
}
.settings-box .ipt-t4 .list-t1 ul li .hd {
  display: block;
  margin: 0px 0px 6px 0px;
  font-size: 16px;
  font-weight: 600;
}
.settings-box .ipt-t4 .list-t1 ul > li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 8px;
  border-radius: 50%;
  background: #d8d8d8;
}
.settings-box .ipt-t4 .list-t1 ol {
  margin: 0px 0px 15px 12px;
  padding: 12px 0px 0px 0px;
  list-style-type: none;
  font-size: 15px;
  color: #474f65;
  line-height: 145%;
  counter-reset: listitem;
}
.settings-box .ipt-t4 .list-t1 ol li {
  position: relative;
  padding: 0px 0px 0px 36px;
  margin: 0px 0px 30px 0px;
}
.settings-box .ipt-t4 .list-t1 ol li .hd {
  display: block;
  margin: 0px 0px 6px 0px;
  font-size: 16px;
  font-weight: 600;
}
.settings-box .ipt-t4 .list-t1 ol > li:before {
  counter-increment: listitem;
  content: counter(listitem);
  background: #eef0f3;
  color: #9199a7;
  font-size: 11px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 1px;
}
.settings-box .ipt-t4 {
  clear: both;
  padding: 25px 0px 0px 0px;
  border-top: 1px solid #ddd;
}
.settings-box .ipt-t4 .hix-t1 {
  clear: both;
  margin: 0px 0px 20px 0px;
}
.settings-box .ipt-t4 .hix-t1 p {
  margin: 0;
  font-size: 17px;
  line-height: 135%;
  font-weight: 600;
}
.settings-box .ipt-t4 .hds {
  clear: both;
}
.settings-box .ipt-t4 .hds p {
  margin: 0px 0px 35px 0px;
  font-size: 16px;
  line-height: 150%;
}
.settings-box .ipt-t4 .hds p em {
  font-style: italic;
}
.settings-box .ipt-t4 .hds p strong {
  font-weight: 600;
}
.settings-box .ipt-t4 .hds .act {
  clear: both;
}
.settings-box .ipt-t4 .hds .act .btnverify {
  padding: 8px 20px 8px 15px;
  color: #009900;
  box-shadow: 0px 0px 0px 2px rgb(0 128 0 / 17%);
  border: 1px solid #bbd3bb;
}
.settings-box .ipt-t4 .hds .act .btnverify .ic {
  font-size: 22px;
  line-height: 22px;
  margin: 0px 12px 0px 0px;
  color: #65b237;
}
.settings-box .ipt-t4 .hds .act .btnverify:hover {
  box-shadow: 0px 0px 0px 3px rgb(0 128 0 / 24%);
}
.settings-box .ipt-t4 .hds .act .btnverify:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.settings-box .ipt-t4 .pros {
  clear: both;
}
.settings-box .ipt-t4 .pros .vhd-t1 {
  margin: 0px 0px 30px 0px;
  position: relative;
  font-size: 18px;
  line-height: 150%;
  font-weight: 600;
  color: #000;
}
.settings-box .ipt-t4 .pros .box-error {
  clear: both;
  margin: 0px 0px 20px 0px;
}
.settings-box .ipt-t4 .pros .box-error .px {
  clear: both;
  position: relative;
  padding: 35px 60px 14px 80px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #ffd9d9;
  border-radius: 8px;
}
.settings-box .ipt-t4 .pros .box-error .px p {
  margin: 0px;
  font-size: 15px;
  color: #635050;
  line-height: 145%;
}
.settings-box .ipt-t4 .pros .box-error .px ul {
  margin: 0px 0px 0px 20px;
  color: #635050;
}
.settings-box .ipt-t4 .pros .box-error .px ul li {
  margin: 0px 0px 25px 0px;
}
.settings-box .ipt-t4 .pros .box-error .px ul li strong {
  display: block;
  margin: 0px 0px 5px 0px;
  font-weight: 600;
}
.settings-box .ipt-t4 .pros .box-error .px .lic {
  position: absolute;
  left: 30px;
  top: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #c75353;
}
.settings-box .expbox-t1 {
  clear: both;
  position: relative;
  margin: 0px 0px 8px 0px;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.settings-box .expbox-t1 .hx {
  height: 60px;
  clear: both;
  padding: 0px 50px 0px 74px;
  position: relative;
}
.settings-box .expbox-t1 .hx .num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 15px;
  background: #eef0f3;
  color: #9199a7;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.settings-box .expbox-t1 .hx .lbl {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 60px;
}
.settings-box .expbox-t1 .hx .lbl .status {
  display: inline-block;
  padding: 0px 6px;
  position: absolute;
  top: 19px;
  right: 80px;
  margin: 0px 0px 0px 16px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  line-height: 22px;
  border-radius: 3px;
}
.settings-box .expbox-t1 .hx .lbl .status.done {
  background: #6ebf3e;
}
.settings-box .expbox-t1 .hx .lbl .status.todo {
  background: #f6ac36;
}
.settings-box .expbox-t1 .hx .lbl .status.todo[data-todo]:before {
  content: attr(data-todo);
}
.settings-box .expbox-t1 .hx .lbl .status.done[data-done]:before {
  content: attr(data-done);
}
.settings-box .expbox-t1 .bd {
  clear: both;
  border-top: 1px solid #eee;
  padding: 30px 70px 35px 74px;
  display: none;
}
.settings-box .expbox-t1 .bd .lbl-t1 {
  margin: 0px;
  font-size: 16px;
  line-height: 145%;
  color: #000;
}
.settings-box .expbox-t1 .bd .lbl-t1 .high {
  display: inline-block;
  padding: 0px 6px;
  margin: 0px 4px 0px 0px;
  background: #fff8bc;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  line-height: 145%;
  border-radius: 3px;
}
.settings-box .expbox-t1 .bd .lbl-t1.ma-t1 {
  margin: 0px 0px 25px 0px;
}
.settings-box .expbox-t1 .bd .dis-t1 {
  width: 100%;
  height: 20px;
  clear: both;
  overflow: hidden;
}
.settings-box .expbox-t1 .bd .dis-t2 {
  width: 100%;
  height: 10px;
  clear: both;
  overflow: hidden;
}
.settings-box .expbox-t1 .bd .inpwrp-t1 {
  clear: both;
  padding: 0px 80px 0px 0px;
  margin: 10px 0px 25px 0px;
  position: relative;
}
.settings-box .expbox-t1 .bd .inpwrp-t1 .ix-t2 .wr input {
  padding: 13px 56px 14px 16px;
}
.settings-box .expbox-t1 .bd .inpwrp-t2 {
  clear: both;
  padding: 0px 120px 0px 0px;
  margin: 10px 0px 25px 0px;
  position: relative;
}
.settings-box .expbox-t1 .bd .sbt-t1 {
  clear: both;
  display: block;
}
.settings-box .expbox-t1.disabled {
  opacity: 0.4;
  cursor: default;
}
.settings-box .expbox-t1.disabled .bd {
  display: none;
}
.settings-box .expbox-t1.disabled .icotoggle.plus {
  display: block;
}
.settings-box .expbox-t1.disabled::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  cursor: default;
  background: #ffffff03;
}
.settings-box .expbox-t1 .icotoggle {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 12px;
  right: 16px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.settings-box .expbox-t1 .icotoggle:hover {
  background: #cfe0ff52;
}
.settings-box .expbox-t1 .icotoggle.minus span {
  font-size: 28px;
  line-height: 36px;
  color: #1a73e8;
}
.settings-box .expbox-t1 .icotoggle.plus span {
  font-size: 28px;
  line-height: 36px;
  color: #1a73e8;
}
.settings-box .expbox-t1.expanded .icotoggle.plus {
  display: none;
}
.settings-box .expbox-t1.expanded .icotoggle.minus {
  display: block;
}
.settings-box .expbox-t1.expanded .bd {
  display: block;
}
.settings-box .expbox-t1 .bd .exmp-t1 {
  clear: both;
  padding: 0px 0px 25px 0px;
}
.settings-box .expbox-t1 .bd .exmp-t1 .lnk {
  clear: both;
  display: block;
}
.settings-box .expbox-t1 .bd .exmp-t1 .lnk a {
  display: inline-block;
  color: #385e9d;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  position: relative;
  padding: 0px 20px 0px 23px;
  border-radius: 4px;
}
.settings-box .expbox-t1 .bd .exmp-t1 .lnk a .ic {
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 15px;
  color: #385e9d;
  line-height: 20px;
}
.settings-box .expbox-t1 .bd .exmp-t1 .lnk a:hover {
  text-decoration: underline;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm {
  clear: both;
  padding: 25px 0px 0px 0px;
  display: none;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px {
  clear: both;
  display: inline-block;
  padding: 18px 40px 18px 9px;
  position: relative;
  border-top: 1px solid #d2d2d2;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px p {
  margin: 0px;
  position: absolute;
  left: 10px;
  top: -11px;
  z-index: 8;
  font-size: 14px;
  color: #7b7b7b;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px .s1 {
  width: 300px;
  max-width: 100%;
  display: block;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px .s2 {
  width: 370px;
  max-width: 100%;
  display: block;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px .s3 {
  width: 410px;
  max-width: 100%;
  display: block;
}
.settings-box .expbox-t1 .bd .exmp-t1 .exm .px .s4 {
  width: 460px;
  max-width: 100%;
  display: block;
}
.settings-box .expboxsbt-t1 {
  clear: both;
  padding: 20px 0px 10px 0px;
}
.settings-box .mor-t1 {
  clear: both;
}
.settings-box .mor-t1 .ipt-t5 {
  clear: both;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 5px;
}
.settings-box .mor-t1 .ipt-t5 .lbx-t1 {
  height: 38px;
  float: left;
  position: relative;
}
.settings-box .mor-t1 .ipt-t5 .lbx-t1 p {
  margin: 0;
  font-size: 15px;
  line-height: 34px;
  color: #222;
}
.settings-box .mor-t1 .ipt-t5 .lbx-t1 .exp {
  display: inline-block;
  background: url(https://cdn.addevent.com/legacy2000/gfx/1x1-ddd.png) no-repeat
    left 26px;
  background-size: 100% 3px;
  cursor: help;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 {
  height: 38px;
  float: left;
  margin: 0px 10px 0px 10px;
  position: relative;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .ro {
  clear: both;
  position: relative;
  background: #f1f3f3;
  border-radius: 4px;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .ro-t1 {
  clear: both;
  position: relative;
  cursor: pointer;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .ro-t1 .bt {
  clear: both;
  padding: 6px 30px 6px 8px;
  outline: 0;
  font-size: 15px;
  line-height: 130%;
  font-weight: 500;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .ro-t1 .bt:hover {
  background: #ececec;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .ro-t1 .bt .lbl {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px 12px 6px 8px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .arr {
  position: absolute;
  top: 5px;
  right: 2px;
  z-index: 0;
}
.settings-box .mor-t1 .ipt-t5 .sel-t1 .arr i {
  font-size: 26px;
  line-height: 26px;
}
.settings-box .mor-t1 .ipt-t5 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.settings-box .mor-t1 .ipt-t5 .ico-t1 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -40px;
  top: 2px;
  text-align: center;
  border-radius: 50%;
  cursor: default;
}
.settings-box .mor-t1 .ipt-t5 .ico-t1 .ri {
  width: 100%;
  height: 100%;
  position: relative;
}
.settings-box .mor-t1 .ipt-t5 .ico-t1 i {
  font-size: 20px;
  line-height: 30px;
  color: #6d6d6d;
}
.settings-box .emadis {
  clear: both;
  padding: 25px 20px 25px 96px;
  margin: 0px 0px 30px 0px;
  border: 1px solid #ddd;
  border-radius: 5px 5px 8px 8px;
  position: relative;
}
.settings-box .emadis .ico {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 25px;
  top: 23px;
  background: #eefdf7;
  text-align: center;
  border-radius: 50%;
}
.settings-box .emadis .ico .ic {
  font-size: 26px;
  color: #25b275;
  line-height: 50px;
}
.settings-box .emadis .sndnam {
  margin: 0px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.settings-box .emadis .sndema {
  margin: 0px;
  font-size: 15px;
  color: #999393;
  font-weight: 400;
}
.settings-box .emadis .edit {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
}
.settings-box .emadis .edit .ic {
  color: #666;
  font-size: 20px;
  line-height: 34px;
}
.settings-box .emadis .edit:hover {
  background: #f5f5f5;
}
.settings-box .emadis .edit:active {
  background: #f1f1f1;
}

/* ---------------------------------------------------
Feature limitation warnings for popups
--------------------------------------------------- */

.mo-upg-t1 {
  clear: both;
  position: relative;
  padding: 14px 20px 14px 72px;
  background: #f861bb2b;
  border-radius: 6px 6px 0px 0px;
}

.mo-upg-t1 p {
  margin: 0;
  color: #473c43;
  font-size: 15px;
  line-height: 130%;
}

.mo-upg-t1 a {
  text-decoration: underline;
}

.mo-upg-t1 a:hover {
  text-decoration: none;
}

.mo-upg-t1 .pri {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 20px;
  top: 18px;
  background: #f861bb;
  border-radius: 50%;
  text-align: center;
}

.mo-upg-t1 .pri .ico {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  transform: rotate(18deg);
}

.pop-loc-t1 {
  width: 450px;
  min-height: 400px;
  position: absolute;
  z-index: 1050;
  margin: 0px 0px 40px 0px;
  overflow: hidden;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  border-radius: 8px;
}

.pop-loc-t1 {
  opacity: 0;
  transform: scale(0.94, 0.94);
  transition: all 0.2s ease;
  margin: 10px 0px 0px 0px;
}

.pop-loc-t1.show {
  opacity: 1;
  transform: scale(1, 1);
  margin: 0;
}

.pop-loc-t1 .frm {
  width: 100%;
  position: relative;
  transition: all 0.25s cubic-bezier(0.08, 0.52, 0.52, 1);
}

.pop-loc-t1 .load {
  position: absolute;
  left: 0px;
  top: 57px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background: #ffffffde
    url(https://cdn.addevent.com/app/v2/gfx/icon-load-t11.svg) no-repeat 50% 50%;
  background-size: 48px auto;
  display: none;
}

.pop-loc-t1 #loc-ajax-templates {
  clear: both;
}

.pop-loc-t1 .lstlft {
  clear: both;
  position: relative;
  z-index: 10;
}

.pop-loc-t1 .tpx-t1 {
  height: 56px;
  clear: both;
  position: relative;
  padding: 0px 0px 0px 22px;
  border-bottom: 1px solid #eee;
}

.pop-loc-t1 .tpx-t1.wi {
  padding: 0px 0px 0px 100px;
}

.pop-loc-t1 .tpx-t1 .ico {
  display: none;
}

.pop-loc-t1 .tpx-t1 .icolink {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
}

.pop-loc-t1 .tpx-t1 .icolink i {
  font-size: 26px;
  line-height: 30px;
  color: #00832d;
  transform: rotate(-45deg);
}

.pop-loc-t1 .tpx-t1 .icoaddress {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 14px;
}

.pop-loc-t1 .tpx-t1 .icoaddress i {
  font-size: 26px;
  line-height: 30px;
  color: #ff6334;
}

.pop-loc-t1 .tpx-t1 .icocustomlocation {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 14px;
}

.pop-loc-t1 .tpx-t1 .icocustomlocation i {
  font-size: 26px;
  line-height: 30px;
  color: #797890;
}

.pop-loc-t1 .tpx-t1 .icozoom {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-zoom-t2.svg)
    no-repeat 50% 50%;
  background-size: 26px auto;
}

.pop-loc-t1 .tpx-t1 .icogooglemeet {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-googlemeet-t1.svg)
    no-repeat 50% 50%;
  background-size: 26px auto;
}

.pop-loc-t1 .tpx-t1 .icogotomeeting {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-gotomeeting-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.pop-loc-t1 .tpx-t1 .icomicrosoftteams {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-microsoft-teams-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.pop-loc-t1 .tpx-t1 .icohopin {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 13px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-hopin-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.pop-loc-t1 .tpx-t1 .icootherconference {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 60px;
  top: 15px;
}

.pop-loc-t1 .tpx-t1 .icootherconference i {
  font-size: 26px;
  color: #ff6334;
}

.pop-loc-t1 .tpx-t1 .txt {
  margin: 0;
  font-size: 16px;
  color: #222;
  line-height: 56px;
  font-weight: 500;
  display: none;
}

.pop-loc-t1 .tpx-t1 .txt.show {
  display: block;
}

.pop-loc-t1 .tpx-t1 .close {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 12px;
  top: 11px;
  z-index: 9;
  border-radius: 50%;
  text-align: center;
}

.pop-loc-t1 .tpx-t1 .close i {
  font-size: 24px;
  line-height: 36px;
  color: #787878;
}

.pop-loc-t1 .tpx-t1 .close:hover {
  background: #f1f3f3;
}

.pop-loc-t1 .tpx-t1 .close:hover i {
  color: #222;
}

.pop-loc-t1 .tpx-t1 .close-t1 {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 14px;
  top: 11px;
  z-index: 9;
  border-radius: 50%;
  text-align: center;
}

.pop-loc-t1 .tpx-t1 .close-t1 i {
  font-size: 24px;
  line-height: 36px;
  color: #787878;
}

.pop-loc-t1 .tpx-t1 .close-t1:hover {
  background: #f1f3f3;
}

.pop-loc-t1 .tpx-t1 .close-t1:hover i {
  color: #222;
}

.pop-loc-t1 .tpx-t1 .newdrp {
  position: absolute;
  top: 12px;
  left: 190px;
}

.pop-loc-t1 .tpx-t1 .newdrp a {
  display: inline-block;
  position: relative;
  line-height: 34px;
  padding: 0px 40px 0px 14px;
  background: #f0f3f7;
  border-radius: 5px;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}

.pop-loc-t1 .tpx-t1 .newdrp a span {
  position: absolute;
  top: 1px;
  right: 8px;
  font-size: 22px;
  line-height: 32px;
}

.pop-loc-t1 .tpx-t1 .newdrp a:hover {
  background: #eaecee;
}

.pop-loc-t1 .tpx-t1 .newdrp a:active {
  background: #e3eaf0;
}

.pop-loc-t1 .lst-t1 {
  clear: both;
  min-height: 300px;
  max-height: 340px;
  overflow: auto;
  transition: all 0.25s cubic-bezier(0.08, 0.52, 0.52, 1);
  padding: 3px;
  margin: 4px;
}

.pop-loc-t1 .lst-t1 .ctn {
  max-height: 340px;
  clear: both;
  overflow: auto;
}

.pop-loc-t1 .lst-t1 {
  padding: 7px 7px;
  position: relative;
}

.pop-loc-t1 .lst-t1 .itm {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}

.pop-loc-t1 .lst-t1 .itm:hover {
  background: #edf1fa;
}

.pop-loc-t1 .lst-t1 .itm .link {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}

.pop-loc-t1 .lst-t1 .itm .link i {
  font-size: 24px;
  line-height: 30px;
  color: #00832d;
  transform: rotate(-45deg);
}

.pop-loc-t1 .lst-t1 .itm .address {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}

.pop-loc-t1 .lst-t1 .itm .address i {
  font-size: 24px;
  line-height: 30px;
  color: #ff6334;
}

.pop-loc-t1 .lst-t1 .itm .customlocation {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  text-align: center;
}

.pop-loc-t1 .lst-t1 .itm .customlocation i {
  font-size: 21px;
  line-height: 30px;
  color: #797890;
}

.pop-loc-t1 .lst-t1 .itm .zoom {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-zoom-t2.svg)
    no-repeat 50% 50%;
  background-size: 21px auto;
}

.pop-loc-t1 .lst-t1 .itm .googlemeet {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-googlemeet-t1.svg)
    no-repeat 50% 50%;
  background-size: 21px auto;
}

.pop-loc-t1 .lst-t1 .itm .gotomeeting {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-gotomeeting-t1.svg)
    no-repeat 50% 50%;
  background-size: 20px auto;
}

.pop-loc-t1 .lst-t1 .itm .microsoftteams {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-microsoft-teams-t1.svg)
    no-repeat 50% 50%;
  background-size: 20px auto;
}

.pop-loc-t1 .lst-t1 .itm .hopin {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 9px;
  top: 3px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-hopin-t1.svg)
    no-repeat 50% 50%;
  background-size: 20px auto;
}

.pop-loc-t1 .lst-t1 .itm .otherconference {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 13px;
  top: 3px;
}

.pop-loc-t1 .lst-t1 .itm .otherconference i {
  font-size: 30px;
  color: #ff6334;
}

.pop-loc-t1 .lst-t1 .itm .txt {
  clear: both;
  padding: 10px 0px 10px 52px;
}

.pop-loc-t1 .lst-t1 .itm .txt p {
  margin: 0px 0px 2px 0px;
  font-size: 16px;
  color: #222;
  line-height: 100%;
  font-weight: 600;
}

.pop-loc-t1 .lst-t1 .itm .txt p em {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  font-size: 15px;
  font-weight: 400;
  color: #777;
}

.pop-loc-t1 .lst-t1 .itm .txt .des {
  width: 90%;
  padding: 2px 0px 0px 0px;
  font-size: 15px;
  color: #222;
  font-weight: 400;
  line-height: 1.3em;
  max-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pop-loc-t1 .lst-t1 .itm .txt .desext {
  width: 90%;
  padding: 2px 0px 0px 0px;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  line-height: 1.3em;
  max-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pop-loc-t1 .lst-t1 .itm .tag {
  display: inline-flex;
  margin: 8px 0px 0px 0px;
  line-height: 22px;
  border-radius: 26px;
  background: #d3f3d8;
  color: #35533a;
  font-size: 11px;
  font-weight: 600;
  padding: 0px 7px;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pop-loc-t1 .lst-t1 .itm .edit {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  text-align: center;
}

.pop-loc-t1 .lst-t1 .itm .edit i {
  font-size: 19px;
  line-height: 36px;
}

.pop-loc-t1 .lst-t1 .itm .edit:hover {
  background: #dce2ef;
}

.pop-loc-t1 .lst-t1 .itm .edit:active {
  background: #d0ddf9;
}

.pop-loc-t1 .lst-t1 .itm .delete {
  display: none;
}

.pop-loc-t1 .lst-t1 .nolocations {
  clear: both;
  padding: 120px 0px 0px 0px;
  text-align: center;
}

.pop-loc-t1 .lst-t1 .nolocations p {
  margin: 0;
  font-size: 19px;
  color: #707070;
  line-height: 30px;
}

.pop-loc-t1 .ips {
  clear: both;
  padding: 30px 40px 20px 58px;
}

.pop-loc-t1 .ips.zgg {
  padding: 30px 40px 20px 58px;
}

.pop-loc-t1 .ips .ix-t2 {
  clear: both;
  position: relative;
  margin: 0px 0px 10px 0px;
}

.pop-loc-t1 .ips .ix-t2 .wr {
  clear: both;
  position: relative;
}

.pop-loc-t1 .ips .ix-t2 .wr .lbl {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 12;
  font-size: 15px;
  color: #323130;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.pop-loc-t1 .ips .ix-t2 .wr input {
  width: 100%;
  margin: 0;
  padding: 11px 16px 12px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 400;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}

.pop-loc-t1 .ips .ix-t2 .wr input:focus {
  box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
  border: 1px solid #4b78b782;
}

.pop-loc-t1 .ips .ix-t2 .wr textarea {
  width: 100%;
  height: 98px;
  margin: 0;
  padding: 11px 16px 12px 16px;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  resize: none;
}

.pop-loc-t1 .ips .ix-t2 .wr textarea:focus {
  box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
  border: 1px solid #4b78b782;
}

.pop-loc-t1 .ips .ix-t2 .wr select {
  width: 100%;
  position: relative;
  z-index: 11;
  margin: 0;
  padding: 11px 16px 12px 16px;
  outline: 0;
  background: transparent;
  font-size: 17px;
  font-weight: 400;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  appearance: none;
}

.pop-loc-t1 .ips .ix-t2 .wr select:focus {
  box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
  border: 1px solid #4b78b782;
}

.pop-loc-t1 .ips .ix-t2 .wr .hx1 {
  height: 105px;
}

.pop-loc-t1 .ips .ix-t2 .wr .attention {
  box-shadow: 0px 0px 0px 3px #39c43221;
}

.pop-loc-t1 .ips .ix-t2 .wr .inperr-t1 {
  border: 1px solid #ff5722;
}

.pop-loc-t1 .ips .ix-t2 .wr .bld {
  font-weight: 600;
}

.pop-loc-t1 .ips .ix-t2 .wr .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  text-align: center;
}

.pop-loc-t1 .ips .ix-t2 .wr .arr i {
  line-height: 30px;
  color: #49575e;
  font-size: 28px;
}

.pop-loc-t1 .ips .ix-t2 .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -42px;
  top: 9px;
  border-radius: 50%;
  text-align: center;
}

.pop-loc-t1 .ips .ix-t2 .ico i {
  font-size: 22px;
  color: #ff6334;
  line-height: 30px;
}

.pop-loc-t1 .ips .ix-t2 .ico .lb {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #4e70a3;
}

.pop-loc-t1 .ips .ix-t2 .ex {
  clear: both;
  padding: 12px 0px 0px 25px;
  position: relative;
  display: block;
}

.pop-loc-t1 .ips .ix-t2 .ex p {
  margin: 0;
  font-size: 13px;
  color: #575757;
  line-height: 130%;
}

.pop-loc-t1 .ips .ix-t2 .ex .if {
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  left: 0px;
  top: 11px;
  color: #607d8b;
}

.pop-loc-t1 .ips .ix-t2 .wr .fl1 {
  width: 65%;
  float: left;
  position: relative;
}

.pop-loc-t1 .ips .ix-t2 .wr .fl2 {
  width: 3%;
  float: left;
}

.pop-loc-t1 .ips .ix-t2 .wr .fl3 {
  width: 32%;
  float: left;
  position: relative;
}

.pop-loc-t1 .ips .ix-t2 .wr .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.pop-loc-t1 .ips .ix-t2.m1 {
  margin: 0px 0px 20px 0px;
}

.pop-loc-t1 .ips .ix-t3 {
  clear: both;
  padding: 15px 0px 8px 0px;
  display: none;
}

.pop-loc-t1 .ips .ix-t3 .hx {
  clear: both;
  margin: 0px 0px 9px 0px;
}

.pop-loc-t1 .ips .ix-t3 .hx p {
  margin: 0;
  font-size: 15px;
  color: #000;
  line-height: 110%;
  font-weight: 600;
}

.pop-loc-t1 .ips .ix-t3 .opx {
  clear: both;
}

.pop-loc-t1 .ips .ix-t3 .opx .fl {
  float: left;
  margin: 0px 18px 0px 0px;
}

.pop-loc-t1 .ips .ix-t3 .opx .fl.nom {
  margin: 0;
}

.pop-loc-t1 .ips .ix-t3 .opx .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.pop-loc-t1 .foot {
  height: 80px;
  clear: both;
  position: relative;
  z-index: 22;
  padding: 15px 0px 0px 0px;
  border-top: 1px solid #eee;
}

.pop-loc-t1 .foot .fl {
  position: absolute;
  left: 54px;
  top: 13px;
}

.pop-loc-t1 .foot .fl .btn {
  float: left;
  padding: 0px 0px 0px 5px;
}

.pop-loc-t1 .foot .fl .btn .save {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  width: 120px;
  border-radius: 5px;
  padding: 0px 24px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 500;
  background-color: #125ef8;
  border-color: #125ef8;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
}

.pop-loc-t1 .foot .fl .btn .save:hover {
  background-color: #1559e1;
}

.pop-loc-t1 .foot .fl .btn .save:active {
  background-color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.pop-loc-t1 .foot .fl .btn .cancel:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}

.pop-loc-t1 .foot .fl .btn .cancel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  width: 100px;
  border-radius: 5px;
  padding: 0px 24px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 500;
  border-color: transparent;
  color: #444;
  box-shadow: unset;
  background: transparent;
}

.pop-loc-t1 .foot .dl {
  position: absolute;
  right: 39px;
  top: 18px;
}

.pop-loc-t1 .foot .dl a {
  display: inline-block;
  font-size: 15px;
  line-height: 36px;
  border: 1px solid transparent;
  color: #e91e63;
  padding: 0px 12px;
  border-radius: 5px;
}

.pop-loc-t1 .foot .dl a:hover {
  background: #f1f2f3;
  text-decoration: none;
}

.pop-loc-t1 .foot .dl a:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.pop-loc-t1 .foot .load {
  width: 24px;
  height: 24px;
  float: left;
  margin: 7px 15px 0px 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-loading-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
  display: none;
}

.pop-loc-t1 .disabled000 {
  background: #fff;
  opacity: 0.3;
}

.loc-typ-spop {
  width: 300px;
  position: absolute;
  left: 200px;
  top: 400px;
  z-index: 1051;
  display: none;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  background: #fff;
  border-radius: 8px;
}

.loc-typ-spop {
  opacity: 0;
  transition: all 0.2s ease;
  margin: -10px 0px 0px 0px;
}

.loc-typ-spop.show {
  opacity: 1;
  transform: scale(1, 1);
  margin: 0;
}

.loc-typ-spop .pd {
  clear: both;
  padding: 7px 7px 7px 7px;
}

.loc-typ-spop .pd .mx {
  clear: both;
  max-height: 430px;
  position: relative;
  overflow: auto;
}

.loc-typ-spop .pd .mx .itm {
  clear: both;
  padding: 0px 0px 0px 53px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  height: 40px;
}

.loc-typ-spop .pd .mx .itm:hover {
  background: #edf1faa8;
}

.loc-typ-spop .pd .mx .itm .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 11px;
  top: 4px;
  border-radius: 50%;
}

.loc-typ-spop .pd .mx .itm .ico i {
  font-size: 24px;
  color: #000;
  line-height: 32px;
}

.loc-typ-spop .pd .mx .itm .ico .t1 {
  color: #00832d;
  transform: rotate(-45deg);
}

.loc-typ-spop .pd .mx .itm .ico .t2 {
  color: #ff6334;
}

.loc-typ-spop .pd .mx .itm .ico .t3 {
  color: #797890;
}

.loc-typ-spop .pd .mx .itm .ico .t4 {
  color: #ff6334;
  margin: 0px 0px 0px 2px;
}

.loc-typ-spop .pd .mx .itm p {
  margin: 0;
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 40px;
}

.loc-typ-spop .pd .mx .sep {
  height: 1px;
  margin: 6px 0px;
  clear: both;
  border-top: 1px solid #ddd;
}

.loc-typ-spop .pd .mx .itm .zoom {
  left: 10px;
  top: 4px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-zoom-t2.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
}

.loc-typ-spop .pd .mx .itm .googlemeet {
  position: absolute;
  left: 10px;
  top: 4px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-googlemeet-t1.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
}

.loc-typ-spop .pd .mx .itm .gotomeeting {
  left: 10px;
  top: 4px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-gotomeeting-t1.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
}

.loc-typ-spop .pd .mx .itm .msteams {
  left: 10px;
  top: 4px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-microsoft-teams-t1.svg)
    no-repeat 50% 50%;
  background-size: 20px auto;
}

.loc-typ-spop .pd .mx .itm .hopin {
  left: 10px;
  top: 4px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-hopin-t1.svg)
    no-repeat 50% 50%;
  background-size: 22px auto;
}

.embed-pop-options-t2-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1004;
  overflow: auto;
  background: #0000001f;
  display: none;
}

.embed-pop-options-t2-bg .px {
  clear: both;
  padding: 50px 0px 70px 0px;
}

.embed-pop-options-t2 {
  width: 700px;
  min-height: 300px;
  margin: 0 auto;
  display: none;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 6px;
  background: #fff;
}

.embed-pop-options-t2 .pad {
  clear: both;
  position: relative;
  padding: 34px 25px 30px 25px;
}

.embed-pop-options-t2 .pad .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 27px;
  right: 34px;
  z-index: 10;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
}

.embed-pop-options-t2 .pad .close:hover {
  background: #eee;
}

.embed-pop-options-t2 .pad .close span {
  font-size: 29px;
  line-height: 40px;
  color: #222;
}

.embed-pop-options-t2 .pad .set {
  clear: both;
  padding: 0px 0px 0px 20px;
}

.embed-pop-options-t2 .pad .opt {
  clear: both;
  padding: 4px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 40px 0px;
}

.embed-pop-options-t2 .pad .opt .pd {
  clear: both;
  padding: 4px 70px 0px 48px;
  position: relative;
}

.embed-pop-options-t2 .pad .opt .pd .hd {
  margin: 0px 0px 2px 0px;
  font-size: 17px;
  font-weight: 600;
  line-height: 140%;
}

.embed-pop-options-t2 .pad .opt .pd .ds {
  margin: 0px 0px 20px 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #69727d;
}

.embed-pop-options-t2 .pad .opt .pd .ds .rm {
  color: #69727d;
  text-decoration: underline;
}

.embed-pop-options-t2 .pad .opt .pd .ds .rm:hover {
  color: #222;
  text-decoration: none;
}

.embed-pop-options-t2 .pad .opt .pd .mor {
  display: none;
  padding: 18px 0px 0px 0px;
}

.embed-pop-options-t2 .pad .opt .pd .mor .hde {
  color: #080c15;
  font-size: 17px;
  font-weight: 600;
}

.embed-pop-options-t2 .pad .opt .pd .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-js-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.embed-pop-options-t2 .pad .opt .pd .ico.emb {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-frame-t1.svg)
    no-repeat 50% 50%;
  background-size: 90% auto;
}

.embed-pop-options-t2 .pad .opt .pd .ico.url {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-url-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.embed-pop-options-t2 .pad .opt .pd .ico.email {
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-share-email-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.embed-pop-options-t2 .pad .opt .rl {
  clear: both;
  padding: 0px 0px 0px 40px;
  margin: 0px 40px 0px 0px;
  position: relative;
}

.embed-pop-options-t2 .pad .opt .rl .fl {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  border: 8px solid #ffffffa1;
  border-radius: 6px;
}

.embed-pop-options-t2 .pad .opt .rl .fl .copy {
  display: inline-block;
  padding: 0px 25px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 51px;
  border: 1px solid transparent;
  background: #125ef8;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
}

.embed-pop-options-t2 .pad .opt .rl .fl .copy:hover {
  background: #0d57ed;
}

.embed-pop-options-t2 .pad .opt .rl .fl .copy:active {
  background: #125ef8;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.embed-pop-options-t2 .pad .opt .rl .fl .copy .ic {
  position: absolute;
  left: 9px;
  top: 6px;
  font-size: 17px;
  line-height: 26px;
  color: #111;
}

.embed-pop-options-t2 .pad .opt .rl .are {
  clear: both;
  border-radius: 5px;
  padding: 0px 5px 0px 5px;
  background: #fff;
  box-shadow:
    0 0 0 0.5px rgb(50 50 93 / 9%),
    0 2px 5px 0 rgb(50 50 93 / 11%),
    0 1px 1.5px 0 rgb(0 0 0 / 7%),
    0 1px 2px 0 rgb(0 0 0 / 5%),
    0 0 0 0 #00000000;
}

.embed-pop-options-t2 .pad .opt .rl .are textarea {
  width: 100%;
  height: 220px;
  display: block;
  padding: 10px 10px;
  font-family: monospace;
  border: 0px;
  outline: 0;
  resize: vertical;
  background: transparent;
  font-size: 13px;
  color: #000;
  line-height: 140%;
  word-wrap: normal;
  overflow-y: hidden;
}

.embed-pop-options-t2 .pad .opt .rl .are textarea::selection {
  background: #a8d1ff;
}

.embed-pop-options-t2 .pad .opt .rl .are.fx textarea {
  height: 52px;
  resize: none;
  white-space: nowrap;
  padding: 14px 10px;
}

.embed-pop-options-t2 {
  opacity: 0;
  transform: scale(0.94, 0.94);
  transition: all 0.2s ease;
  margin-top: 20px;
}

.embed-pop-options-t2.show {
  opacity: 1;
  transform: scale(1, 1);
  margin-top: 0;
}

.pop-mth {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: -1;
  background: #fff;
  transform: scale(0.92, 0.92);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.pop-mth-bg.show {
  z-index: 1014;
  opacity: 1;
  margin-top: 0px;
}

.pop-mth.show {
  z-index: 1015;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.pop-mth .rel {
  width: 100%;
  height: 100%;
  position: relative;
}

.pop-mth .rel .tpx {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  box-shadow: 0 2px 6px 0 rgba(0, 45, 91, 0.12);
}

.pop-mth .rel .tpx .rlx {
  width: 100%;
  height: 100%;
  position: relative;
}

.pop-mth .rel .tpx .rlx .lf {
  width: 350px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.pop-mth .rel .tpx .rlx .lf .hx {
  height: 60px;
  clear: both;
}

.pop-mth .rel .tpx .rlx .lf .hx .px {
  clear: both;
  position: relative;
  padding: 17px 0px 0px 74px;
}

.pop-mth .rel .tpx .rlx .lf .hx .px .lb {
  margin: 0;
  font-size: 19px;
  line-height: 110%;
  color: #222;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.pop-mth .rel .tpx .rlx .lf .hx .px .bx {
  width: 26px;
  height: 28px;
  position: absolute;
  left: 30px;
  top: 14px;
  background: #006eff;
  text-align: center;
  display: block;
}

.pop-mth .rel .tpx .rlx .lf .hx .px .bx p {
  margin: 0;
  font-size: 17px;
  line-height: 27px;
  color: #fff;
  font-weight: 700;
}

.pop-mth .rel .tpx .rlx .rg {
  position: absolute;
  left: 350px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.pop-mth .rel .tpx .rlx .rg .hx {
  height: 60px;
  clear: both;
  position: relative;
}

.pop-mth .rel .tpx .rlx .rg .hx .px {
  clear: both;
  position: relative;
  padding: 17px 0px 0px 95px;
}

.pop-mth .rel .tpx .rlx .rg .hx .px .lb {
  margin: 0;
  font-size: 19px;
  line-height: 110%;
  color: #222;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.pop-mth .rel .tpx .rlx .rg .hx .px .bx {
  width: 26px;
  height: 28px;
  position: absolute;
  left: 50px;
  top: 14px;
  background: #006eff;
  text-align: center;
  display: block;
}

.pop-mth .rel .tpx .rlx .rg .hx .px .bx p {
  margin: 0;
  font-size: 17px;
  line-height: 27px;
  color: #fff;
  font-weight: 700;
}

.pop-mth .rel .tpx .rlx .rg .hx .copy {
  height: 40px;
  position: absolute;
  top: 8px;
  right: 60px;
}

.pop-mth .rel .tpx .rlx .rg .hx .copy input {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 40px;
  padding: 0px 20px 1px;
  border: 1px solid transparent;
  background: #286efa;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  border-radius: 3px;
}

.pop-mth .rel .tpx .rlx .rg .hx .copy input:hover {
  background: #065fd4;
}

.pop-mth .rel .tpx .rlx .rg .hx .copy input:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.pop-mth .rel .tpx .rlx .rg .hx .copy a span {
  position: absolute;
  left: 16px;
  top: 11px;
  color: #fff;
  font-size: 20px;
  display: none;
}

.pop-mth .rel .tpx .rlx .rg .hx .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}

.pop-mth .rel .tpx .rlx .rg .hx .close i {
  font-size: 28px;
  line-height: 40px;
  color: #333;
}

.pop-mth .rel .tpx .rlx .rg .hx .close:hover {
  background: #f1f3f3;
}

.pop-mth .rel .tpx .rlx .rg .hx .close:active {
  background: #f1f1f1;
}

.pop-mth .rel .lfc {
  width: 350px;
  position: absolute;
  left: 0px;
  top: 60px;
  bottom: 0px;
  overflow: auto;
  border-right: 1px solid #ddd;
}

.pop-mth .rel .lfc .pix {
  clear: both;
  padding: 10px 0px 60px 0px;
}

.pop-mth .rel .dma {
  position: absolute;
  left: 350px;
  top: 60px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background: #f1f5f94d;
}

.pop-mth .rel .dma .in1 {
  clear: both;
  padding: 40px 0px 0px 50px;
}

.pop-mth .rel .dma .in1 #embelptxtexm {
  max-width: 400px;
}

.pop-mth .rel .ema {
  position: absolute;
  left: 350px;
  top: 60px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background: #fff;
  overflow: auto;
}

.pop-mth .rel .ema .in1 {
  clear: both;
  padding: 40px 50px 40px 50px;
}

.pop-mth .rel .ema .in1 #embtxtcode {
  position: absolute;
  left: -1000px;
}

.pop-mth .inp-t1 {
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 30px;
}

.pop-mth .inp-t1.x1 {
  padding: 30px 20px 0px 30px;
}

.pop-mth .inp-t1 input {
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3;
}

.pop-mth .inp-t1 select {
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  border: 1px solid transparent;
  background: #f1f3f3
    url(https://cdn.addevent.com/legacy2000/gfx/icon-arrow-down-t1.svg)
    no-repeat 97% 60%;
  background-size: 28px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}

.pop-mth .lst-t1 {
  clear: both;
  padding: 20px 20px 0px 0px;
  margin: 0px 0px 10px 0px;
}

.pop-mth .lst-t1.ls {
  padding-right: 5px;
}

.pop-mth .lst-t1 .hd-t2 {
  clear: both;
  margin: 0px 0px 10px 0px;
}

.pop-mth .lst-t1 .hd-t2 .hdinl {
  position: relative;
  display: inline-block;
  padding: 0px 45px 0px 0px;
}

.pop-mth .lst-t1 .hd-t2 .hdinl .info-ico-t1 {
  right: 5px;
  top: 2px;
}

.pop-mth .lst-t1 .hd-t2 .hdinl .info-des-t1 {
  width: 300px;
  left: -180px;
  top: 40px;
  z-index: 100;
}

.pop-mth .lst-t1 .hd-t2 .hdinl .info-des-t1 .px p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 145%;
}

.pop-mth .lst-t1 .hd-t2.x1 {
  clear: both;
  margin: 0px 0px 18px 0px;
}

.pop-mth .lst-t1 .hd-t2 p {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 5px 0px 0px 30px;
  font-size: 17px;
  color: #000;
  line-height: 135%;
  font-weight: 600;
}

.pop-mth .lst-t1 .ls-t1 {
  clear: both;
  padding: 5px 20px 0px 42px;
}

.pop-mth .lst-t1 .ls-t1.mxh {
  max-height: 600px;
  overflow: auto;
}

.pop-mth .lst-t1 .ls-t1.sp-t1 {
  padding: 10px 0px 20px 32px;
}

.pop-mth .lst-t1 .ls-t1.sp-t1 .inp-t1 {
  margin: 0;
  padding: 0;
}

.pop-mth .lst-t1 .ls-t1 .checkwrp {
  clear: both;
  position: relative;
}

.pop-mth .lst-t1 .ls-t1 .checkwrp .swiwrp {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 4;
  padding: 3px 5px 0px 5px;
  background: #fff;
  display: none;
}

.pop-mth .lst-t1 .ls-t1 .checkwrp.selected .swiwrp {
  display: block;
}

.pop-mth .lst-t1 .ls-t1 .check-t1 {
  margin: 0px 0px 5px 0px;
}

.pop-mth .lst-t1 .ls-t1 .check-t1.calsdisplay .check {
  top: 4px;
}

.pop-mth .lst-t1 .ls-t1 .check-t1.calsdisplay .label {
  padding: 3px 55px 3px 34px;
  word-break: break-all;
}

.pop-mth .lst-t1 .ls-t1 .check-t1 .label {
  clear: both;
  padding: 2px 0px 2px 34px;
}

.pop-mth .nm {
  width: 26px;
  height: 28px;
  position: absolute;
  left: -30px;
  top: -6px;
  background: #006eff;
  text-align: center;
  border: 2px solid #006eff;
}

.pop-mth .nm p {
  margin: 0;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
  font-weight: 600;
}

.pop-mth #embelptxtcode {
  position: absolute;
  left: -10000px;
}

.pop-mth .wrnbox-t1 {
  clear: both;
  padding: 14px 20px 0px 30px;
  position: relative;
}

.pop-mth .wrnbox-t1 .pox {
  clear: both;
  padding: 14px 36px 13px 18px;
  margin: 0px 0px -6px 0px;
  position: relative;
  background: #f861bb2b;
  border-radius: 6px;
}

.pop-mth .wrnbox-t1 .pox p {
  margin: 0;
  font-size: 15px;
  line-height: 130%;
  color: #4b4b30;
}

.pop-mth .wrnbox-t1 .pox a {
  text-decoration: underline;
}

.pop-mth .wrnbox-t1 .pox .ico {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f861bb;
  border-radius: 50%;
  text-align: center;
}

.pop-mth .wrnbox-t1 .pox .ico i {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  transform: rotate(18deg);
}

.embed-pop-options-t1-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1016;
  overflow: auto;
  background: #0000001f;
  display: none;
}

.embed-pop-options-t1-bg .px {
  clear: both;
  padding: 50px 0px 70px 0px;
}

.embed-pop-options-t1 {
  width: 700px;
  min-height: 300px;
  margin: 0 auto;
  display: none;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 6px;
  background: #fff;
}

.embed-pop-options-t1 .pad {
  clear: both;
  position: relative;
  padding: 30px 45px;
}

.embed-pop-options-t1 .pad .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
}

.embed-pop-options-t1 .pad .close:hover {
  background: #eee;
}

.embed-pop-options-t1 .pad .close span {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}

.embed-pop-options-t1 .pad .tit {
  clear: both;
  margin: 0px 0px 40px 0px;
}

.embed-pop-options-t1 .pad .tit p {
  margin: 0;
  font-size: 23px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.5px;
}

.embed-pop-options-t1 .pad .set {
  clear: both;
  padding: 0px 0px 0px 20px;
}

.embed-pop-options-t1 .pad .opt {
  clear: both;
  padding: 4px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 40px 0px;
}

.embed-pop-options-t1 .pad .opt .pd {
  clear: both;
  padding: 4px 50px 0px 48px;
  position: relative;
}

.embed-pop-options-t1 .pad .opt .pd .hd {
  margin: 0px 0px 2px 0px;
  font-size: 17px;
  font-weight: 600;
  line-height: 140%;
}

.embed-pop-options-t1 .pad .opt .pd .ds {
  margin: 0px 0px 20px 0px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: #69727d;
}

.embed-pop-options-t1 .pad .opt .pd .ds .rm {
  color: #69727d;
  text-decoration: underline;
}

.embed-pop-options-t1 .pad .opt .pd .ds .rm:hover {
  color: #222;
  text-decoration: none;
}

.embed-pop-options-t1 .pad .opt .pd .mor {
  display: none;
  padding: 18px 0px 0px 0px;
}

.embed-pop-options-t1 .pad .opt .pd .mor .hde {
  color: #080c15;
  font-size: 17px;
  font-weight: 600;
}

.embed-pop-options-t1 .pad .opt .pd .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-js-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.embed-pop-options-t1 .pad .opt .pd .ico.emb {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-frame-t1.svg)
    no-repeat 50% 50%;
  background-size: 90% auto;
}

.embed-pop-options-t1 .pad .opt .pd .ico.url {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-share-url-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.embed-pop-options-t1 .pad .opt .rl {
  clear: both;
  padding: 0px 0px 0px 40px;
  margin: 0px 40px 0px 0px;
  position: relative;
}

.embed-pop-options-t1 .pad .opt .rl .fl {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  border-radius: 4px;
}

.embed-pop-options-t1 .pad .opt .rl .fl .copy {
  width: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 0px 5px 5px 0px;
  text-align: center;
  background: #f4f4f4;
  border: 1px solid transparent;
}

.embed-pop-options-t1 .pad .opt .rl .fl .copy:hover {
  background: #f0f5ff;
}

.embed-pop-options-t1 .pad .opt .rl .fl .copy:hover .ic {
  color: #1a73e8;
}

.embed-pop-options-t1 .pad .opt .rl .fl .copy:active {
  background: #eee;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.embed-pop-options-t1 .pad .opt .rl .fl .copy .ic {
  font-size: 19px;
  line-height: 40px;
  color: #111;
  transform: rotate(-180deg);
}

.embed-pop-options-t1 .pad .opt .rl .are {
  clear: both;
  position: relative;
  border-radius: 5px;
  padding: 0px;
  background: #fff;
  box-shadow:
    0 0 0 0.5px rgb(50 50 93 / 9%),
    0 2px 5px 0 rgb(50 50 93 / 11%),
    0 1px 1.5px 0 rgb(0 0 0 / 7%),
    0 1px 2px 0 rgb(0 0 0 / 5%),
    0 0 0 0 #00000000;
}

.embed-pop-options-t1 .pad .opt .rl .upgradeprev {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  background: #ffffff01;
  cursor: default;
}

.embed-pop-options-t1 .pad .opt .rl .are textarea {
  width: 100%;
  height: 68px;
  display: block;
  padding: 8px 15px;
  font-family: monospace;
  border: 0px;
  outline: 0;
  resize: vertical;
  border-right: 40px solid #eee;
  background: transparent;
  font-size: 13px;
  color: #000;
  line-height: 140%;
  word-wrap: break-word;
  overflow-y: hidden;
}

.embed-pop-options-t1 .pad .opt .rl .are.fx textarea {
  height: 68px;
  resize: none;
  padding: 8px 15px;
  word-wrap: break-word;
  border-right: 40px solid #eee;
}

.embed-pop-options-t1 .pad .opt .rl .are.fx textarea.single {
  height: 44px;
  padding: 12px 15px 8px 15px;
  white-space: nowrap;
  word-wrap: unset;
}

.embed-pop-options-t1 {
  opacity: 0;
  transform: scale(0.94, 0.94);
  transition: all 0.2s ease;
  margin-top: 20px;
}

.embed-pop-options-t1.show {
  opacity: 1;
  transform: scale(1, 1);
  margin-top: 0;
}

.pop-user-det-t1-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1016;
  overflow: auto;
  background: #0000001f;
  display: none;
}

.pop-user-det-t1-bg .px {
  clear: both;
  padding: 50px 0px 70px 0px;
}

.pop-user-det-t1 {
  width: 600px;
  margin: 0 auto;
  border-radius: 8px;
  background: #fff;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.pop-user-det-t1.wt1 {
  width: 430px;
  margin: 30px 0px 50px -215px;
}

.pop-user-det-t1 .input {
  border: unset;
  border-radius: unset;
  background-color: unset;
  padding: 0;
  width: auto;
  outline: none;
}

.pop-user-det-t1 .input::placeholder {
  color: #85888f;
  font-weight: 400;
  line-height: 1.58;
}

.pop-user-det-t1 .input:hover,
.input:focus {
  border: unset;
  box-shadow: unset;
}

.pop-user-det-t1 .rel {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.pop-user-det-t1 .rel .pd {
  clear: both;
  padding: 30px 35px 15px 35px;
}

.pop-user-det-t1 .rel .pd .cont {
  width: 100%;
  clear: both;
}

.pop-user-det-t1 .rel .opt-t1 .close {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 100;
  right: 22px;
  top: 18px;
}

.pop-user-det-t1 .rel .opt-t1 .close a {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  border-radius: 50%;
  text-align: center;
}

.pop-user-det-t1 .rel .opt-t1 .close a i {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}

.pop-user-det-t1 .rel .opt-t1 .close a:hover {
  background: #f3f3f3;
}

.pop-user-det-t1 .rel .opt-t1 .close a:active {
  background: #efefef;
}

.pop-user-det-t1 .rel .tab-t1 {
  height: 60px;
  clear: both;
  position: relative;
  border-bottom: 1px solid #eee;
  margin: 0px 0px 15px 0px;
}

.pop-user-det-t1 .rel .tab-t1 .ab {
  position: absolute;
  left: 25px;
  top: 10px;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 17px;
  line-height: 50px;
  color: #a1a1a1;
  font-weight: 600;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li {
  float: left;
  position: relative;
  line-height: 50px;
  margin: 0px 18px 0px 0px;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a {
  display: block;
  position: relative;
  padding: 0px 4px 0px 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 50px;
  color: #a1a1a1;
  text-decoration: none;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a:hover {
  color: #1a73e8;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a:hover .bdr {
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a:hover .icon i {
  color: #333;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a .icon {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 4px;
  display: none;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a .icon i {
  font-size: 20px;
  line-height: 18px;
  color: #a1a1a1;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li a .bdr {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #1a73e8;
  border-radius: 4px 4px 0px 0px;
  visibility: hidden;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li .active {
  color: #1a73e8 !important;
  font-weight: 600;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li .active .bdr {
  visibility: visible;
}

.pop-user-det-t1 .rel .tab-t1 .ab ul li .active .icon i {
  color: #286efa !important;
}

.pop-user-det-t1 .rel .dt1 {
  clear: both;
  padding: 10px 0px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .tbco {
  clear: both;
  padding: 5px 50px 35px 50px;
}

.pop-user-det-t1 .rel .dt1 .tbco .brkbox-t2 {
  margin: 0px !important;
}

.pop-user-det-t1 .rel .dt1 .tab-t1 .ab {
  left: 50px;
}

.pop-user-det-t1 .rel .dt1 .opt-t1 {
  padding: 0px;
}

.pop-user-det-t1 .rel .dt1 .he-t1 {
  clear: both;
  position: relative;
  padding: 6px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
}

.pop-user-det-t1 .rel .dt1 .he-t1 p {
  margin: 0;
  font-size: 17px;
  line-height: 130%;
  color: #000;
  font-weight: 600;
}

.pop-user-det-t1 .rel .dt1 .he-t2 {
  clear: both;
  padding: 15px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.pop-user-det-t1 .rel .dt1 .he-t2 p {
  margin: 0;
  font-size: 17px;
  line-height: 130%;
  color: #000;
  font-weight: 600;
}

.pop-user-det-t1 .rel .dt1 .he-t3 {
  clear: both;
  position: relative;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

.pop-user-det-t1 .rel .dt1 .he-t3 p {
  margin: 0;
  font-size: 17px;
  line-height: 130%;
  color: #000;
  font-weight: 600;
}

.pop-user-det-t1 .rel .dt1 .ds-t1 {
  clear: both;
  margin: 0px 0px 25px 0px;
}

.pop-user-det-t1 .rel .dt1 .ds-t1 p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 150%;
}

.pop-user-det-t1 .rel .dt1 .input-t1 {
  clear: both;
  position: relative;
  margin: 0px 0px 25px 0px;
}

.pop-user-det-t1 .rel .dt1 .input-t1 input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  background: #fff;
}

.pop-user-det-t1 .rel .dt1 .input-t1 select {
  width: 100%;
  margin: 0;
  padding: 13px 40px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}

.pop-user-det-t1 .rel .dt1 .input-multiple-select:after {
  width: 26px;
  height: 30px;
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 27px;
  line-height: 30px;
  color: #464646;
}

.pop-user-det-t1 .rel .dt1 .input-t1 input:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .dates {
  padding: 10px 40px 10px 15px;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .month:after {
  width: 26px;
  height: 30px;
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 27px;
  line-height: 30px;
  color: #464646;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .day:after {
  width: 26px;
  height: 30px;
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 27px;
  line-height: 30px;
  color: #464646;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .year:after {
  width: 26px;
  height: 30px;
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 27px;
  line-height: 30px;
  color: #464646;
}

.pop-user-det-t1 .rel .dt1 .input-t1 label {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .month {
  width: 100px;
  display: inline-block;
  position: relative;
  padding: 0px 5px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .day {
  width: 100px;
  display: inline-block;
  position: relative;
  padding: 0px 5px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .input-t1 .year {
  width: 100px;
  display: inline-block;
  position: relative;
}

.pop-user-det-t1 .rel .dt1 .input-t1.input-date {
  margin: 14px 0px 6px 0px;
  padding: 35px 0px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .input-t1.input-date label {
  left: -7px;
  top: 6px;
  font-size: 15px;
  color: #222;
  font-weight: 400;
}

.pop-user-det-t1 .rel .dt1 .input-t1.input-date .sel-t1 select {
  padding: 6px 12px 6px 8px;
}

.pop-user-det-t1 .rel .dt1 .input-t1.input-date .sel-t1 .arr {
  top: 5px;
  right: 6px;
}

.pop-user-det-t1 .rel .dt1 .in-t2 {
  clear: both;
}

.pop-user-det-t1 .rel .dt1 .in-t3 {
  clear: both;
}

.pop-user-det-t1 .rel .dt1 .in-t3 .fl {
  float: left;
  margin: 0px 15px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .in-t3 .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.pop-user-det-t1 .rel .dt1 .in-t4 {
  clear: both;
}

.pop-user-det-t1 .rel .dt1 .in-t4 .s1 {
  display: inline-block;
  margin: 0px 2px 5px 5px;
  line-height: 20px;
  font-family: monospace;
  padding: 0px 8px;
  cursor: default;
  border-radius: 8px;
  background: #dfebff;
  font-size: 12px;
  font-weight: 600;
}

.pop-user-det-t1 .rel .dt1 .in-t4 .s2 {
  font-size: 15px;
  color: #555;
  letter-spacing: -0.25px;
}

.pop-user-det-t1 .rel .dt1 .in-t5 {
  clear: both;
  padding: 0px 0px 10px 0px;
}

.pop-user-det-t1 .rel .dt1 .in-t5 .map {
  height: 200px;
  clear: both;
  border-radius: 8px;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 {
  display: block;
  height: 38px;
  position: relative;
  clear: both;
  margin: 0px 0px 30px 0px;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .ro {
  clear: both;
  position: relative;
  background: #fff;
  border-radius: 4px;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .ro-t1 {
  clear: both;
  position: relative;
  cursor: pointer;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .ro-t1 .bt {
  clear: both;
  padding: 6px 30px 6px 8px;
  outline: 0;
  font-size: 15px;
  line-height: 130%;
  font-weight: 400;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f1f3f3;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .ro-t1 .bt:hover {
  background: #ececec;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .ro-t1 .bt .lbl {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.pop-user-det-t1 .rel .dt1 .sel-t1 select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 13px 40px 14px 16px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  background: transparent;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .arr {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 0;
  display: none;
}

.pop-user-det-t1 .rel .dt1 .sel-t1 .arr i {
  font-size: 26px;
  line-height: 26px;
}

.pop-user-det-t1 .rel .dt1 .input-t2 {
  width: 80%;
  clear: both;
  position: relative;
  margin: 0px 0px 25px 0px;
  padding: 25px 0px 0px 0px;
}

.pop-user-det-t1 .rel .dt1 .input-t2.input-multiple-radios {
  margin: 14px 0px 35px 0px;
  padding: 30px 0px 0px 15px;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .label {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  font-size: 16px;
  color: #222;
  line-height: 100%;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio {
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 32px;
  margin: 0px 20px 10px 0px;
  cursor: default;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio:hover .chk {
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.45),
    0 2px 5px 0 rgba(50, 50, 93, 0.25),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.25),
    0 1px 2px 0 rgba(0, 0, 0, 0.25),
    0 0 0 0 transparent;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio .chk {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 1px;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio .chk .rnd {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: 5px;
  background: #333;
  border-radius: 50%;
  display: none;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio.checked .chk .rnd {
  display: block;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio.checked .chk {
  box-shadow:
    0 0 0 3px rgb(0 123 255 / 15%),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio p {
  margin: 0;
  font-size: 15px;
  color: #333;
}

.pop-user-det-t1 .rel .dt1 .input-t2 .radio input {
  display: none;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult0 {
  margin: 0px 0px 25px 0px;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  color: #474f65;
  line-height: 145%;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult0 li {
  position: relative;
  padding: 0px 0px 0px 32px;
  margin: 0px 0px 6px 0px;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult0 li a {
  text-decoration: none;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult0 li a:hover {
  text-decoration: underline;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult1 li {
  margin: 0px 0px 22px 0px;
}

.pop-user-det-t1 .rel .dt1 .ult0lst ul.ult0 > li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  top: 8px;
  border-radius: 50%;
  background: #d8d8d8;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap {
  clear: both;
  position: relative;
  padding: 15px 15px 15px 15px;
  margin: 0px 0px 35px 0px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap .hdp {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap .hdp p {
  margin: 0;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap .ck {
  clear: both;
  padding: 7px 0px 8px 8px;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap .ck .check-t1 .check {
  top: 0px;
}

.pop-user-det-t1 .rel .dt1 .check-t1-wrap .ck .check-t1 .label p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 130%;
}

.pop-user-det-t1 .rel .opt-t4 {
  height: 76px;
  clear: both;
  position: relative;
  padding: 16px 0px 0px 0px;
  border-top: 1px solid #eee;
}

.pop-user-det-t1 .rel .opt-t4 .fl {
  position: absolute;
  right: 35px;
  top: 13px;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn {
  float: left;
  padding: 0px 0px 0px 5px;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn input {
  line-height: 44px;
  padding: 0px 24px;
  font-size: 16px;
  font-weight: 500;
  background-color: #125ef8;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  outline: none;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn .save:hover {
  background-color: #1559e1;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn .save:active {
  background-color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn .cancel {
  background: none;
  box-shadow: unset;
  color: #222;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn .cancel:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}

.pop-user-det-t1 .rel .opt-t4 .fl .btn .cancel:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.pop-user-det-t1 .rel .opt-t4 .load {
  width: 24px;
  height: 24px;
  float: left;
  margin: 7px 15px 0px 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-loading-t1.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
  display: none;
}

.pop-user-det-t1 .rel .opt-t4 .cst-t1 {
  float: left;
  padding: 0px 0px 0px 20px;
}

.pop-user-det-t1 .rel .opt-t4 .cst-t1 .rl {
  clear: both;
  padding: 0px 0px 1px 61px;
  position: relative;
}

.pop-user-det-t1 .rel .opt-t4 .cst-t1 .rl p {
  margin: 0;
  font-size: 16px;
  color: #000000ba;
  line-height: 140%;
}

.pop-user-det-t1 .rel .opt-t4 .cst-t1 .rl i {
  position: absolute;
  left: 28px;
  top: 0px;
  font-size: 22px;
  line-height: 20px;
  color: #a231ff;
}

.pop-user-det-t1-bg.show {
  z-index: 1001;
  opacity: 1;
}

.pop-user-det-t1.show {
  z-index: 1002;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.pop-snd-upd-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.pop-snd-upd {
  width: 660px;
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: -1;
  margin: 20px 0px 0px -330px;
  background: #fff;
  border-radius: 8px;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: scale(0.8);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.pop-snd-upd .pd {
  clear: both;
  padding: 30px 45px 0px 45px;
}

.pop-snd-upd .pd .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 18px;
  right: 22px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}

.pop-snd-upd .pd .close .ic {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}

.pop-snd-upd .pd .close:hover {
  background: #f3f3f3;
}

.pop-snd-upd .pd .close:active {
  background: #f7f7f7;
}

.pop-snd-upd .pd .hd-t1 {
  clear: both;
  margin: 0px 0px 10px 0px;
}

.pop-snd-upd .pd .hd-t1 p {
  margin: 0;
  font-size: 22px;
  color: #222;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.25px;
}

.pop-snd-upd .pd .ds-t1 {
  clear: both;
  margin: 0px 0px 32px 0px;
}

.pop-snd-upd .pd .ds-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 155%;
  color: #333;
}

.pop-snd-upd .pd .sndto {
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 8px;
}

.pop-snd-upd .pd .sndto p {
  font-size: 15px;
  font-weight: 400;
  line-height: 130%;
}

.pop-snd-upd .pd .pop-wrn-t1 {
  margin-bottom: 30px;
}

.pop-snd-upd .pd .selectbox-g-t3 {
  height: 48px;
  clear: both;
  position: relative;
  cursor: pointer;
  margin: 0px 0px 35px 0px;
  padding: 12px 50px 12px 60px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}

.pop-snd-upd .pd .selectbox-g-t3:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.pop-snd-upd .pd .selectbox-g-t3 .sic {
  position: absolute;
  left: 20px;
  top: 10px;
}

.pop-snd-upd .pd .selectbox-g-t3 .sic .ic {
  font-size: 22px;
  color: #6d6d6d99;
  line-height: 26px;
}

.pop-snd-upd .pd .selectbox-g-t3 .lbl {
  margin: 0;
  position: absolute;
  left: 10px;
  top: -12px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst {
  float: left;
  margin: -1px 0px 0px 0px;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm {
  float: left;
  position: relative;
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 0px 32px;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .ix {
  position: absolute;
  left: 2px;
  top: 1px;
  font-size: 22px;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .ix.icon-going {
  color: #1dc67d;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .ix.icon-maybe {
  color: #f8c200;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .ix.icon-notgoing {
  color: #f60049;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .px {
  margin: 0;
  color: #616b75;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
}

.pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .px .num {
  color: #1c1f24;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  margin-left: 4px;
  display: inline-block;
  background: #f2f7ff;
  border-radius: 4px;
  padding: 0px 4px;
  white-space: nowrap;
}

.pop-snd-upd .pd .selectbox-g-t3 .arr {
  position: absolute;
  top: 10px;
  right: 13px;
}

.pop-snd-upd .pd .selectbox-g-t3 .arr .ic {
  font-size: 28px;
  color: #222;
  line-height: 30px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 50px;
  z-index: 20;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts.pos1 {
  left: auto;
  right: 0px;
  top: 43px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts.w1 {
  width: 230px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px {
  clear: both;
  padding: 6px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option {
  height: 46px;
  clear: both;
  padding: 0px 0px 0px 86px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option p {
  margin: 0;
  font-size: 15px;
  line-height: 46px;
  color: #616b75;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .ra-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 11px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(183 192 201);
  border: 4px solid transparent;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .icon {
  position: absolute;
  left: 55px;
  top: 11px;
  font-size: 22px;
  line-height: 24px;
  color: #333;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .num {
  color: #1c1f24;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  margin-left: 4px;
  display: inline-block;
  background: #f2f7ff;
  border-radius: 4px;
  padding: 0px 4px;
  white-space: nowrap;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .icon-going {
  color: #1dc67d;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .icon-maybe {
  color: #f8c200;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .icon-notgoing {
  color: #f60049;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option:hover .ra-t1 {
  box-shadow: 0 0 0 2px rgb(183 192 201 / 60%);
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option:hover {
  background: #c1dffe36;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option.active {
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option.active p {
  color: #2d3135 !important;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option.active .ra-t1 {
  background: #4cb12b !important;
  box-shadow: 0 0 0 2px rgb(76 177 43 / 51%) !important;
  border: 4px solid #fff !important;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .chk {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 13px;
  top: 12px;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option .chk .bi {
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow:
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(0 0 0 / 12%) 0 1px 1px 0,
    rgb(60 66 87 / 16%) 0 0 0 1px,
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(60 66 87 / 12%) 0 2px 5px 0;
  background: #fff
    url(https://cdn.addevent.com/app/v2/gfx/icon-check-000-t2.svg)
    no-repeat -100px -100px;
  background-size: 11px auto;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts .px .option.checked .chk .bi {
  background-position: 50% 50%;
  border: 2px solid #efefef;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts {
  z-index: -1;
  margin-top: -12px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.pop-snd-upd .pd .selectbox-g-t3 .opts.show {
  z-index: 201;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}

.pop-snd-upd .pd .atops {
  clear: both;
  font-size: 0px;
  margin: 0px 0px 45px 0px;
}

.pop-snd-upd .pd .atops .it {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 38px;
  padding: 0px 8px 0px 42px;
  margin: 0px 6px 0px 0px;
  border-radius: 36px;
  font-size: 15px;
  font-weight: 500;
}

.pop-snd-upd .pd .atops .it:hover {
  box-shadow: 0px 0px 0px 3px #9999995e;
}

.pop-snd-upd .pd .atops .it .nu {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 8px;
  border-radius: 26px;
}

.pop-snd-upd .pd .atops .it .icon {
  font-size: 22px;
  position: absolute;
  left: 14px;
  top: 1px;
  line-height: 36px;
  font-weight: 600;
}

.pop-snd-upd .pd .atops .it.going {
  background: #e5f6ee;
  color: #17a251;
}

.pop-snd-upd .pd .atops .it.going .nu {
  background: #ffffff;
  color: #17a251;
}

.pop-snd-upd .pd .atops .it.going .icon {
  color: #1dc67d;
}

.pop-snd-upd .pd .atops .it.maybe {
  background: #f2992a21;
  color: #d88927;
}

.pop-snd-upd .pd .atops .it.maybe .nu {
  background: #ffffff;
  color: #d88927;
}

.pop-snd-upd .pd .atops .it.maybe .icon {
  color: #d88927;
}

.pop-snd-upd .pd .atops .it.notgoing {
  background: #e644201a;
  color: #e64420;
}

.pop-snd-upd .pd .atops .it.notgoing .nu {
  background: #fff;
  color: #e64420;
}

.pop-snd-upd .pd .atops .it.notgoing .icon {
  color: #e64420;
}

.pop-snd-upd .pd .atops .it.disabled {
  background: #fff !important;
  color: #333 !important;
  cursor: pointer !important;
}

.pop-snd-upd .pd .atops .it.disabled .nu {
  background: #d8d8d8;
  color: #333 !important;
}

.pop-snd-upd .pd .atops .it.disabled .icon {
  color: #333 !important;
}

.pop-snd-upd .pd .pr-t1 {
  clear: both;
  margin: 0px 0px 10px 0px;
}

.pop-snd-upd .pd .pr-t1 p {
  margin: 0;
  font-size: 14px;
  color: #999;
  line-height: 100%;
}

.pop-snd-upd .pd .inp-t1 {
  clear: both;
  margin: 0px 0px 28px 0px;
}

.pop-snd-upd .pd .inp-t2 {
  clear: both;
  position: relative;
  margin: 0px;
}

.pop-snd-upd .pd .inp-t2 .lbl {
  clear: both;
  position: relative;
}

.pop-snd-upd .pd .inp-t2 .lbl p {
  margin: 0;
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.pop-snd-upd .pd .inp-t2 .wysiwygeditor {
  margin: 0;
}

.pop-snd-upd .pd .inp-t2 .wysiwygeditor textarea {
  width: 100%;
  height: 200px;
  border: none;
  outline: 0;
}

.pop-snd-upd .pd .inp-t2 .wysiwygeditor iframe {
  width: 100%;
  height: 200px !important;
  border: none;
  outline: 0;
}

.pop-snd-upd .pd .load {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  background: #ffffffd6
    url(https://cdn.addevent.com/app/v2/gfx/icon-load-t11.svg) no-repeat 50%
    190px;
  background-size: 80px auto;
  border-radius: 8px;
}

.pop-snd-upd .pd .load .bx {
  clear: both;
  padding: 305px 0px 0px 0px;
  text-align: center;
}

.pop-snd-upd .pd .load .bx p {
  margin: 0;
  font-size: 22px;
  line-height: 150%;
  color: #555;
  font-weight: 600;
}

.pop-snd-upd .sbt {
  height: 90px;
  clear: both;
  position: relative;
  padding: 16px 0px 0px 0px;
  border-top: 1px solid transparent;
}

.pop-snd-upd .sbt .sta {
  position: absolute;
  left: 45px;
  top: 36px;
}

.pop-snd-upd .sbt .sta p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  color: #999;
}

.pop-snd-upd .sbt .bt {
  position: absolute;
  right: 35px;
  top: 20px;
}

.pop-snd-upd .sbt .bt .fl {
  float: left;
  padding: 0px 0px 0px 6px;
}

.pop-snd-upd .sbt .bt .fl .save {
  width: 98px;
  line-height: 44px;
  padding: 0px 24px;
}

.pop-snd-upd .sbt .bt .fl .cancel {
  line-height: 44px;
  padding: 0px 24px;
}

.pop-snd-upd .sbt .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.pop-snd-upd-bg.show {
  z-index: 1001;
  opacity: 1;
}

.pop-snd-upd.show {
  z-index: 1002;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1);
}

.upg-ico-t1 {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  left: 0px;
  animation: 0.5s ease-in;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  background: #f861bb;
  box-shadow: inset 0px 0px 3px rgb(0 0 0 / 30%);
}
.upg-ico-t1 .ico {
  font-size: 23px;
  line-height: 30px;
  color: #fff;
  transform: rotate(18deg);
}
.upg-ico-t1:hover {
  transform: scale(1.1);
}
.upg-ico-t2 {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -10px;
  left: 0px;
  animation: 0.5s ease-in;
  cursor: pointer;
  text-align: center;
  border: 2px solid #f861bb;
  border-radius: 50%;
  box-shadow:
    rgb(0 0 0 / 0%) 0px 0px 0px 0px,
    rgb(0 0 0 / 0%) 0px 0px 0px 0px,
    rgb(0 0 0 / 12%) 0px 1px 1px 0px,
    rgb(60 66 87 / 16%) 0px 0px 0px 1px,
    rgb(0 0 0 / 0%) 0px 0px 0px 0px,
    rgb(0 0 0 / 0%) 0px 0px 0px 0px,
    rgb(60 66 87 / 12%) 0px 2px 5px 0px;
}
.upg-ico-t2 .ico {
  font-size: 23px;
  line-height: 27px;
  color: #f861bb;
  transform: rotate(18deg);
}
.upg-ico-t2:hover {
  transform: scale(1.1);
}
.upg-ico-t3 {
  width: 22px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: 0px;
  animation: 0.5s ease-in;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
}
.upg-ico-t3 .rio {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
}
.upg-ico-t3 .rio .mrk {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #f861bb;
  border-radius: 50%;
}
.upg-ico-t3 .rio .ico {
  display: block;
  position: absolute;
  left: 4px;
  top: 0px;
  z-index: 2;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  transform: rotate(18deg);
}
.upg-ico-t3 .rio .icn {
  position: absolute;
  left: 4px;
  top: 0px;
  z-index: 2;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  transform: rotate(18deg);
}

.upg-ico-t3:hover {
  transform: scale(1.1);
  background: #f861bb45;
}
.upg-t1 {
  width: 745px;
  position: fixed;
  left: 50%;
  top: calc(50% - 180px);
  z-index: 99999;
  margin: -20px 0px 0px -372px;
}
.upg-t1-center {
  margin: -20px 0px 0px -186px;
}
.upg-t1-center .tx a {
  color: #125ef8;
  text-decoration: underline;
}
.upg-t1-center .tx a:hover {
  color: #125ef8;
  text-decoration: none;
}
.upg-t1 .bg {
  clear: both;
  background: #fff;
}
.upg-t1 .bg .sha {
  clear: both;
}
.upg-t1 .bg .sha .rl {
  width: 100%;
  clear: both;
  position: relative;
}
.upg-t1 .bg .sha .rl .txt {
  width: 400px;
  clear: both;
  border-radius: 8px;
  box-shadow:
    0 0 0 9px rgb(50 50 93 / 5%),
    0 2px 15px 0 rgb(50 50 93 / 10%),
    0 1px 11px 0 rgb(0 0 0 / 15%);
}
.upg-t1 .bg .sha .rl .txt .bin {
  clear: both;
  border-radius: 8px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 15%);
}
.upg-t1 .bg .sha .rl .txt .hx {
  min-height: 195px;
  clear: both;
  position: relative;
  padding: 42px 50px 60px 54px;
}
.upg-t1 .bg .sha .rl .txt .hx .hd {
  margin: 0px 0px 17px 0px;
  padding: 0px 40px 0px 0px;
  font-size: 23px;
  line-height: 130%;
  font-weight: 600;
  color: #000;
}
.upg-t1 .bg .sha .rl .txt .hx .hd.l1 {
  font-size: 20px;
}
.upg-t1 .bg .sha .rl .txt .hx .tx {
  margin: 0px;
  font-size: 16px;
  line-height: 170%;
  color: #000;
}
.upg-t1 .bg .sha .rl .txt .hx .tx span {
  font-size: 16px;
  line-height: 170%;
  color: #000;
  background: #eeeff2;
  border-radius: 8px;
  padding: 0px 5px;
}
.upg-t1 .bg .sha .rl .txt .hx .tx span span {
  padding: 0;
}
.upg-t1 .bg .sha .rl .txt .hx .tx span.feature-verb {
  background: none;
  border: none;
  padding: 0;
}

.upg-t1 .bg .sha .rl .txt .bt {
  height: 90px;
  clear: both;
  position: relative;
  padding: 0px 0px 0px 50px;
}
.upg-t1 .bg .sha .rl .txt .bt button {
  margin: 0;
  outline: 0;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  line-height: 46px;
  padding: 0px 56px 0px 48px;
  font-size: 17px;
  font-weight: 500;
  background: #125ef8;
  color: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.upg-t1 .bg .sha .rl .txt .bt button:hover {
  background-color: #004fee;
  -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.upg-t1 .bg .sha .rl .txt .bt button:active {
  background-color: #125ef8;
  -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
  border-top-width: 2px;
  border-bottom-width: 0px;
}
.upg-t1 .bg .sha .rl .txt .bt button .ico {
  position: absolute;
  top: 8px;
  left: 14px;
  font-size: 23px;
  line-height: 30px;
  color: #fff;
  transform: rotate(17deg);
}
.upg-t1 .bg .sha .rl .fea {
  width: 340px;
  position: absolute;
  right: 0px;
  top: 5px;
  bottom: 0px;
  z-index: 10;
}
.upg-t1 .bg .sha .rl .fea .pd {
  clear: both;
  position: relative;
  padding: 25px 0px 0px 34px;
}
.upg-t1 .bg .sha .rl .fea .pd p {
  margin: 0px 0px 18px 0px;
  padding: 0px 40px 0px 0px;
  font-size: 20px;
  line-height: 130%;
  font-weight: 600;
  color: #095b0f;
}
.upg-t1 .bg .sha .rl .fea .pd ul {
  margin: 0;
  padding: 0px 0px 0px 25px;
  list-style-image: url(https://cdn.addevent.com/legacy2000/gfx/list-icon-black.svg);
}
.upg-t1 .bg .sha .rl .fea .pd ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.35;
  color: #111;
  font-weight: 400;
  margin-bottom: 8px;
  padding: 0px 0px 0px 6px;
}
.upg-t1 .bg .sha .rl .fea .pd ul li:last-child {
  margin-bottom: 0;
}
.upg-t1 .bg .sha .rl .fea .pd ul li.selected {
  font-weight: 400;
}
.upg-t1 .bg .sha .rl .lbic {
  width: 220px;
  height: 60px;
  position: absolute;
  left: 440px;
  bottom: 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/tryitnow-v2.svg)
    no-repeat 0px 0px;
  background-size: auto 100%;
}
.upg-t1-clo {
  width: 48px;
  height: 48px;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 999999;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}
.upg-t1-clo i {
  font-size: 30px;
  line-height: 48px;
  color: #555;
}
.upg-t1-clo:hover {
  background: #f8f4f4;
}
.upg-t1-clo:active {
  background: #efefef;
}
.upg-t1 {
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.upg-t1-bg {
  width: 100%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  position: fixed;
  z-index: 99998;
  background: #ffffffed;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.upg-t1-bg.show {
  opacity: 1;
}
.upg-t1.show {
  opacity: 1;
  margin-top: 0px;
}
.upg-t1.mutx .bg .sha .rl .txt {
  width: 400px;
}
.upg-t1.mutx .bg .sha .rl .fea {
  width: 320px;
}
.upg-t1.mutx .bg .sha .rl .txt .hx .tx {
  font-size: 16px;
  line-height: 145%;
}
.upg-t1.mutx .bg .sha .rl .txt .hx .tx a {
  text-decoration: underline;
  color: #125ef8;
}
.upg-t1.mutx .bg .sha .rl .txt .hx .hd {
  font-size: 20px;
  line-height: 125%;
}
.upg-t1.mutx .bg .sha .rl .txt .hx {
  padding: 26px 30px 0px 34px;
}
.upg-t1.mutx .bg .sha .rl .txt .bt {
  height: 90px;
  padding: 18px 0px 0px 30px;
}
.upg-t1.mutx .bg .sha .rl .txt .hx {
  height: 225px;
  overflow: auto;
}
.upg-t1.mutx.slm1 .bg .sha .rl .txt .hx {
  height: 195px;
  overflow: auto;
}
.upg-t1.mutx.slm2 .bg .sha .rl .txt .hx {
  height: 265px;
  overflow: auto;
}
.upg-t1.mutx.slm2 {
  top: calc(50% - 210px);
}
.upg-t1.mutx.slm3 .bg .sha .rl .txt .hx {
  height: 195px;
  overflow: auto;
}
.upg-t1.mutx.tl .bg .sha .rl .txt .hx {
  height: 300px;
  overflow: auto;
}
.upg-t1.ppt1 {
  width: 440px;
  margin: -20px 0px 0px 0px;
  transform: translateX(-50%);
}
.upg-t1.ppt1 .bg .sha .rl .fea {
  display: none;
}
.upg-t1.ppt1 .bg .sha .rl .lbic {
  display: none;
}
.upg-t1.ppt1 .bg .sha .rl .txt {
  width: 100%;
}
.upg-t1.ppt1 .bg .sha .rl .txt .hx {
  padding: 35px 45px 0px 45px;
}
.upg-t1.ppt1 .bg .sha .rl .txt .bt {
  padding-left: 45px;
}

.accwrn-t1 {
  width: 320px;
  min-width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99997;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  box-shadow: 0px 0px 0px 4px rgb(255 0 0 / 10%);
  border-radius: 6px;
  transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.accwrn-t1 .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.accwrn-t1 .rl .ico {
  position: absolute;
  left: 11px;
  top: 10px;
}
.accwrn-t1 .rl .ico i {
  font-size: 28px;
  line-height: 30px;
  color: #e93900;
}
.accwrn-t1 .rl .ico .rot1 {
  transform: rotate(17deg);
}
.accwrn-t1 .rl .txtonl {
  clear: both;
  padding: 0px 24px 0px 52px;
}
.accwrn-t1 .rl .txtonl p {
  margin: 0;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 17px;
  line-height: 50px;
  font-weight: 600;
  color: #aa2a00;
}
.accwrn-t1.collapsed {
  width: 50px !important;
  border-radius: 50%;
  visibility: visible;
  transition: all 0.4s cubic-bezier(0.61, -0.62, 1, 0.06);
  transition-property: box-shadow, height, width, font-size, border-radius;
}
.accwrn-t1:hover {
  box-shadow: 0px 0px 0px 5px rgb(255 0 0 / 20%);
}
.accwrn-t1:hover .rl .txtonl p {
}
.accwrn-t1.collapsed:hover {
  transition: all 0.1s ease;
}
.accwrn-t1.positive {
  box-shadow: 0px 0px 0px 4px #f861bb45;
}
.accwrn-t1.positive .rl .ico i {
  color: #f861bb;
}
.accwrn-t1.positive .rl .txtonl p {
  color: #902a67;
}
.accwrn-t1.w1 {
  width: 260px;
}
.accwrn-t1.w2 {
  width: 300px;
}
.accwrn-t1.w3 {
  width: 250px;
}
.accwrn-t1.w4 {
  width: 350px;
}

.editbox-t1 .hd-t2 {
  clear: both;
  margin: 0px 0px 22px 0px;
  padding: 0px 0px 0px 0px;
}

.editbox-t1 .hd-t2 p {
  margin: 0;
  font-size: 17px;
  line-height: 130%;
  font-weight: 600;
}

.editbox-t1 .rads-t1 {
  clear: both;
  padding: 0px 0px 20px 28px;
}

.editbox-t1 .rads-t1 .rad {
  clear: both;
  margin: 0px 0px 5px 0px;
}

.editbox-t1 .rads-t1 .colpck {
  clear: both;
  padding: 2px 0px 10px 15px;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 {
  clear: both;
  display: inline-block;
  position: relative;
  margin: 0px 0px 0px 10px;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .fl {
  float: left;
  position: relative;
  background: #f4f7fc;
  padding: 8px 54px 8px 9px;
  border-radius: 20px;
  margin: -8px 0px 0px 0px;
  cursor: pointer;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .fl:hover {
  background: #ebeff5c9;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .df {
  float: left;
  position: relative;
  padding: 8px 54px 8px 9px;
  border-radius: 20px;
  margin: -8px 0px 0px 0px;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 6px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .arr .ic {
  line-height: 30px;
  font-size: 26px;
  color: #3a3c3e;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li {
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px -6px 0px 0px;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(1) {
  z-index: 20;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(2) {
  z-index: 19;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(3) {
  z-index: 18;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(4) {
  z-index: 17;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(5) {
  z-index: 16;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(6) {
  z-index: 15;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(7) {
  z-index: 14;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(8) {
  z-index: 13;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(9) {
  z-index: 12;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(10) {
  z-index: 11;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(11) {
  z-index: 10;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(12) {
  z-index: 9;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(13) {
  z-index: 8;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(14) {
  z-index: 7;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(15) {
  z-index: 6;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(16) {
  z-index: 5;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(17) {
  z-index: 4;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(18) {
  z-index: 3;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(19) {
  z-index: 2;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .paluse li:nth-child(20) {
  z-index: 1;
}

.editbox-t1 .rads-t1 .colpck .clsl-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.editbox-t1.isdefault .rads-t1 .colpck .changepalette {
}

.settings-box .emadis .colpal {
  clear: both;
  padding: 0px 0px 8px 0px;
}

.settings-box .emadis .colpal .hdx {
  clear: both;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 12px 0px;
}

.settings-box .emadis .colpal .hdx p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}

.settings-box .emadis .colpal .lsx {
  clear: both;
  position: relative;
  z-index: 1;
}

.settings-box .emadis .colpal .lsx .paluse {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.settings-box .emadis .colpal .lsx .paluse li {
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px -6px 0px 0px;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(1) {
  z-index: 20;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(2) {
  z-index: 19;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(3) {
  z-index: 18;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(4) {
  z-index: 17;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(5) {
  z-index: 16;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(6) {
  z-index: 15;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(7) {
  z-index: 14;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(8) {
  z-index: 13;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(9) {
  z-index: 12;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(10) {
  z-index: 11;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(11) {
  z-index: 10;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(12) {
  z-index: 9;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(13) {
  z-index: 8;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(14) {
  z-index: 7;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(15) {
  z-index: 6;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(16) {
  z-index: 5;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(17) {
  z-index: 4;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(18) {
  z-index: 3;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(19) {
  z-index: 2;
}

.settings-box .emadis .colpal .lsx .paluse li:nth-child(20) {
  z-index: 1;
}

.settings-box .emadis .colpal .lsx .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.palettepop-t1 .rel .pd .hd-t1 {
  clear: both;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.palettepop-t1 .rel .pd .noti-warning.wic {
  padding: 14px 35px 14px 56px;
}

.palettepop-t1 .rel .pd .noti-warning .ico {
  left: 13px;
}

.flg-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flg {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  border-radius: 3px;
}
.flgm1 {
  margin: 0px 8px 0px 0px;
}
.flg:before {
  content: "\00a0";
}
.flg.flg-sq {
  width: 1em;
}
.flg-ad {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ad.svg);
}
.flg-ad.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ad.svg);
}
.flg-ae {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ae.svg);
}
.flg-ae.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ae.svg);
}
.flg-af {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/af.svg);
}
.flg-af.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/af.svg);
}
.flg-ag {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ag.svg);
}
.flg-ag.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ag.svg);
}
.flg-ai {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ai.svg);
}
.flg-ai.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ai.svg);
}
.flg-al {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/al.svg);
}
.flg-al.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/al.svg);
}
.flg-am {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/am.svg);
}
.flg-am.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/am.svg);
}
.flg-ao {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ao.svg);
}
.flg-ao.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ao.svg);
}
.flg-aq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/aq.svg);
}
.flg-aq.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/aq.svg);
}
.flg-ar {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ar.svg);
}
.flg-ar.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ar.svg);
}
.flg-as {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/as.svg);
}
.flg-as.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/as.svg);
}
.flg-at {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/at.svg);
}
.flg-at.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/at.svg);
}
.flg-au {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/au.svg);
}
.flg-au.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/au.svg);
}
.flg-aw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/aw.svg);
}
.flg-aw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/aw.svg);
}
.flg-ax {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ax.svg);
}
.flg-ax.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ax.svg);
}
.flg-az {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/az.svg);
}
.flg-az.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/az.svg);
}
.flg-ba {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ba.svg);
}
.flg-ba.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ba.svg);
}
.flg-bb {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bb.svg);
}
.flg-bb.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bb.svg);
}
.flg-bd {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bd.svg);
}
.flg-bd.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bd.svg);
}
.flg-be {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/be.svg);
}
.flg-be.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/be.svg);
}
.flg-bf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bf.svg);
}
.flg-bf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bf.svg);
}
.flg-bg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bg.svg);
}
.flg-bg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bg.svg);
}
.flg-bh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bh.svg);
}
.flg-bh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bh.svg);
}
.flg-bi {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bi.svg);
}
.flg-bi.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bi.svg);
}
.flg-bj {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bj.svg);
}
.flg-bj.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bj.svg);
}
.flg-bl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bl.svg);
}
.flg-bl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bl.svg);
}
.flg-bm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bm.svg);
}
.flg-bm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bm.svg);
}
.flg-bn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bn.svg);
}
.flg-bn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bn.svg);
}
.flg-bo {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bo.svg);
}
.flg-bo.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bo.svg);
}
.flg-bq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bq.svg);
}
.flg-bq.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bq.svg);
}
.flg-br {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/br.svg);
}
.flg-br.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/br.svg);
}
.flg-bs {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bs.svg);
}
.flg-bs.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bs.svg);
}
.flg-bt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bt.svg);
}
.flg-bt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bt.svg);
}
.flg-bv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bv.svg);
}
.flg-bv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bv.svg);
}
.flg-bw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bw.svg);
}
.flg-bw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bw.svg);
}
.flg-by {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/by.svg);
}
.flg-by.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/by.svg);
}
.flg-bz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/bz.svg);
}
.flg-bz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/bz.svg);
}
.flg-ca {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ca.svg);
}
.flg-ca.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ca.svg);
}
.flg-cc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cc.svg);
}
.flg-cc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cc.svg);
}
.flg-cd {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cd.svg);
}
.flg-cd.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cd.svg);
}
.flg-cf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cf.svg);
}
.flg-cf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cf.svg);
}
.flg-cg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cg.svg);
}
.flg-cg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cg.svg);
}
.flg-ch {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ch.svg);
}
.flg-ch.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ch.svg);
}
.flg-ci {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ci.svg);
}
.flg-ci.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ci.svg);
}
.flg-ck {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ck.svg);
}
.flg-ck.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ck.svg);
}
.flg-cl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cl.svg);
}
.flg-cl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cl.svg);
}
.flg-cm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cm.svg);
}
.flg-cm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cm.svg);
}
.flg-cn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cn.svg);
}
.flg-cn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cn.svg);
}
.flg-co {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/co.svg);
}
.flg-co.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/co.svg);
}
.flg-cr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cr.svg);
}
.flg-cr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cr.svg);
}
.flg-cu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cu.svg);
}
.flg-cu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cu.svg);
}
.flg-cv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cv.svg);
}
.flg-cv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cv.svg);
}
.flg-cw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cw.svg);
}
.flg-cw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cw.svg);
}
.flg-cx {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cx.svg);
}
.flg-cx.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cx.svg);
}
.flg-cy {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cy.svg);
}
.flg-cy.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cy.svg);
}
.flg-cz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/cz.svg);
}
.flg-cz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/cz.svg);
}
.flg-de {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/de.svg);
}
.flg-de.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/de.svg);
}
.flg-dj {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/dj.svg);
}
.flg-dj.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/dj.svg);
}
.flg-dk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/dk.svg);
}
.flg-dk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/dk.svg);
}
.flg-dm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/dm.svg);
}
.flg-dm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/dm.svg);
}
.flg-do {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/do.svg);
}
.flg-do.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/do.svg);
}
.flg-dz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/dz.svg);
}
.flg-dz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/dz.svg);
}
.flg-ec {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ec.svg);
}
.flg-ec.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ec.svg);
}
.flg-ee {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ee.svg);
}
.flg-ee.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ee.svg);
}
.flg-eg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/eg.svg);
}
.flg-eg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/eg.svg);
}
.flg-eh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/eh.svg);
}
.flg-eh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/eh.svg);
}
.flg-er {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/er.svg);
}
.flg-er.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/er.svg);
}
.flg-es {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/es.svg);
}
.flg-es.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/es.svg);
}
.flg-et {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/et.svg);
}
.flg-et.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/et.svg);
}
.flg-fi {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fi.svg);
}
.flg-fi.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fi.svg);
}
.flg-fj {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fj.svg);
}
.flg-fj.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fj.svg);
}
.flg-fk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fk.svg);
}
.flg-fk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fk.svg);
}
.flg-fm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fm.svg);
}
.flg-fm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fm.svg);
}
.flg-fo {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fo.svg);
}
.flg-fo.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fo.svg);
}
.flg-fr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/fr.svg);
}
.flg-fr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/fr.svg);
}
.flg-ga {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ga.svg);
}
.flg-ga.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ga.svg);
}
.flg-gb {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gb.svg);
}
.flg-gb.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gb.svg);
}
.flg-gd {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gd.svg);
}
.flg-gd.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gd.svg);
}
.flg-ge {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ge.svg);
}
.flg-ge.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ge.svg);
}
.flg-gf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gf.svg);
}
.flg-gf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gf.svg);
}
.flg-gg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gg.svg);
}
.flg-gg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gg.svg);
}
.flg-gh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gh.svg);
}
.flg-gh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gh.svg);
}
.flg-gi {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gi.svg);
}
.flg-gi.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gi.svg);
}
.flg-gl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gl.svg);
}
.flg-gl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gl.svg);
}
.flg-gm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gm.svg);
}
.flg-gm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gm.svg);
}
.flg-gn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gn.svg);
}
.flg-gn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gn.svg);
}
.flg-gp {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gp.svg);
}
.flg-gp.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gp.svg);
}
.flg-gq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gq.svg);
}
.flg-gq.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gq.svg);
}
.flg-gr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gr.svg);
}
.flg-gr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gr.svg);
}
.flg-gs {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gs.svg);
}
.flg-gs.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gs.svg);
}
.flg-gt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gt.svg);
}
.flg-gt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gt.svg);
}
.flg-gu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gu.svg);
}
.flg-gu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gu.svg);
}
.flg-gw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gw.svg);
}
.flg-gw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gw.svg);
}
.flg-gy {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gy.svg);
}
.flg-gy.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gy.svg);
}
.flg-hk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/hk.svg);
}
.flg-hk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/hk.svg);
}
.flg-hm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/hm.svg);
}
.flg-hm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/hm.svg);
}
.flg-hn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/hn.svg);
}
.flg-hn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/hn.svg);
}
.flg-hr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/hr.svg);
}
.flg-hr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/hr.svg);
}
.flg-ht {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ht.svg);
}
.flg-ht.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ht.svg);
}
.flg-hu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/hu.svg);
}
.flg-hu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/hu.svg);
}
.flg-id {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/id.svg);
}
.flg-id.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/id.svg);
}
.flg-ie {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ie.svg);
}
.flg-ie.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ie.svg);
}
.flg-il {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/il.svg);
}
.flg-il.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/il.svg);
}
.flg-im {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/im.svg);
}
.flg-im.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/im.svg);
}
.flg-in {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/in.svg);
}
.flg-in.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/in.svg);
}
.flg-io {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/io.svg);
}
.flg-io.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/io.svg);
}
.flg-iq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/iq.svg);
}
.flg-iq.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/iq.svg);
}
.flg-ir {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ir.svg);
}
.flg-ir.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ir.svg);
}
.flg-is {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/is.svg);
}
.flg-is.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/is.svg);
}
.flg-it {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/it.svg);
}
.flg-it.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/it.svg);
}
.flg-je {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/je.svg);
}
.flg-je.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/je.svg);
}
.flg-jm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/jm.svg);
}
.flg-jm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/jm.svg);
}
.flg-jo {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/jo.svg);
}
.flg-jo.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/jo.svg);
}
.flg-jp {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/jp.svg);
}
.flg-jp.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/jp.svg);
}
.flg-ke {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ke.svg);
}
.flg-ke.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ke.svg);
}
.flg-kg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kg.svg);
}
.flg-kg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kg.svg);
}
.flg-kh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kh.svg);
}
.flg-kh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kh.svg);
}
.flg-ki {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ki.svg);
}
.flg-ki.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ki.svg);
}
.flg-km {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/km.svg);
}
.flg-km.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/km.svg);
}
.flg-kn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kn.svg);
}
.flg-kn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kn.svg);
}
.flg-kp {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kp.svg);
}
.flg-kp.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kp.svg);
}
.flg-kr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kr.svg);
}
.flg-kr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kr.svg);
}
.flg-kw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kw.svg);
}
.flg-kw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kw.svg);
}
.flg-ky {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ky.svg);
}
.flg-ky.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ky.svg);
}
.flg-kz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/kz.svg);
}
.flg-kz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/kz.svg);
}
.flg-la {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/la.svg);
}
.flg-la.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/la.svg);
}
.flg-lb {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lb.svg);
}
.flg-lb.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lb.svg);
}
.flg-lc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lc.svg);
}
.flg-lc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lc.svg);
}
.flg-li {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/li.svg);
}
.flg-li.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/li.svg);
}
.flg-lk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lk.svg);
}
.flg-lk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lk.svg);
}
.flg-lr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lr.svg);
}
.flg-lr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lr.svg);
}
.flg-ls {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ls.svg);
}
.flg-ls.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ls.svg);
}
.flg-lt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lt.svg);
}
.flg-lt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lt.svg);
}
.flg-lu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lu.svg);
}
.flg-lu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lu.svg);
}
.flg-lv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/lv.svg);
}
.flg-lv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/lv.svg);
}
.flg-ly {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ly.svg);
}
.flg-ly.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ly.svg);
}
.flg-ma {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ma.svg);
}
.flg-ma.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ma.svg);
}
.flg-mc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mc.svg);
}
.flg-mc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mc.svg);
}
.flg-md {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/md.svg);
}
.flg-md.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/md.svg);
}
.flg-me {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/me.svg);
}
.flg-me.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/me.svg);
}
.flg-mf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mf.svg);
}
.flg-mf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mf.svg);
}
.flg-mg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mg.svg);
}
.flg-mg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mg.svg);
}
.flg-mh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mh.svg);
}
.flg-mh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mh.svg);
}
.flg-mk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mk.svg);
}
.flg-mk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mk.svg);
}
.flg-ml {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ml.svg);
}
.flg-ml.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ml.svg);
}
.flg-mm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mm.svg);
}
.flg-mm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mm.svg);
}
.flg-mn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mn.svg);
}
.flg-mn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mn.svg);
}
.flg-mo {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mo.svg);
}
.flg-mo.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mo.svg);
}
.flg-mp {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mp.svg);
}
.flg-mp.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mp.svg);
}
.flg-mq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mq.svg);
}
.flg-mq.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mq.svg);
}
.flg-mr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mr.svg);
}
.flg-mr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mr.svg);
}
.flg-ms {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ms.svg);
}
.flg-ms.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ms.svg);
}
.flg-mt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mt.svg);
}
.flg-mt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mt.svg);
}
.flg-mu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mu.svg);
}
.flg-mu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mu.svg);
}
.flg-mv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mv.svg);
}
.flg-mv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mv.svg);
}
.flg-mw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mw.svg);
}
.flg-mw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mw.svg);
}
.flg-mx {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mx.svg);
}
.flg-mx.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mx.svg);
}
.flg-my {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/my.svg);
}
.flg-my.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/my.svg);
}
.flg-mz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/mz.svg);
}
.flg-mz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/mz.svg);
}
.flg-na {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/na.svg);
}
.flg-na.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/na.svg);
}
.flg-nc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nc.svg);
}
.flg-nc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nc.svg);
}
.flg-ne {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ne.svg);
}
.flg-ne.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ne.svg);
}
.flg-nf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nf.svg);
}
.flg-nf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nf.svg);
}
.flg-ng {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ng.svg);
}
.flg-ng.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ng.svg);
}
.flg-ni {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ni.svg);
}
.flg-ni.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ni.svg);
}
.flg-nl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nl.svg);
}
.flg-nl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nl.svg);
}
.flg-no {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/no.svg);
}
.flg-no.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/no.svg);
}
.flg-np {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/np.svg);
}
.flg-np.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/np.svg);
}
.flg-nr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nr.svg);
}
.flg-nr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nr.svg);
}
.flg-nu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nu.svg);
}
.flg-nu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nu.svg);
}
.flg-nz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/nz.svg);
}
.flg-nz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/nz.svg);
}
.flg-om {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/om.svg);
}
.flg-om.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/om.svg);
}
.flg-pa {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pa.svg);
}
.flg-pa.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pa.svg);
}
.flg-pe {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pe.svg);
}
.flg-pe.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pe.svg);
}
.flg-pf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pf.svg);
}
.flg-pf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pf.svg);
}
.flg-pg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pg.svg);
}
.flg-pg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pg.svg);
}
.flg-ph {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ph.svg);
}
.flg-ph.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ph.svg);
}
.flg-pk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pk.svg);
}
.flg-pk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pk.svg);
}
.flg-pl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pl.svg);
}
.flg-pl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pl.svg);
}
.flg-pm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pm.svg);
}
.flg-pm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pm.svg);
}
.flg-pn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pn.svg);
}
.flg-pn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pn.svg);
}
.flg-pr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pr.svg);
}
.flg-pr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pr.svg);
}
.flg-ps {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ps.svg);
}
.flg-ps.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ps.svg);
}
.flg-pt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pt.svg);
}
.flg-pt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pt.svg);
}
.flg-pw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/pw.svg);
}
.flg-pw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/pw.svg);
}
.flg-py {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/py.svg);
}
.flg-py.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/py.svg);
}
.flg-qa {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/qa.svg);
}
.flg-qa.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/qa.svg);
}
.flg-re {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/re.svg);
}
.flg-re.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/re.svg);
}
.flg-ro {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ro.svg);
}
.flg-ro.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ro.svg);
}
.flg-rs {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/rs.svg);
}
.flg-rs.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/rs.svg);
}
.flg-ru {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ru.svg);
}
.flg-ru.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ru.svg);
}
.flg-rw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/rw.svg);
}
.flg-rw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/rw.svg);
}
.flg-sa {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sa.svg);
}
.flg-sa.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sa.svg);
}
.flg-sb {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sb.svg);
}
.flg-sb.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sb.svg);
}
.flg-sc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sc.svg);
}
.flg-sc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sc.svg);
}
.flg-sd {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sd.svg);
}
.flg-sd.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sd.svg);
}
.flg-se {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/se.svg);
}
.flg-se.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/se.svg);
}
.flg-sg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sg.svg);
}
.flg-sg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sg.svg);
}
.flg-sh {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sh.svg);
}
.flg-sh.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sh.svg);
}
.flg-si {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/si.svg);
}
.flg-si.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/si.svg);
}
.flg-sj {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sj.svg);
}
.flg-sj.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sj.svg);
}
.flg-sk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sk.svg);
}
.flg-sk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sk.svg);
}
.flg-sl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sl.svg);
}
.flg-sl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sl.svg);
}
.flg-sm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sm.svg);
}
.flg-sm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sm.svg);
}
.flg-sn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sn.svg);
}
.flg-sn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sn.svg);
}
.flg-so {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/so.svg);
}
.flg-so.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/so.svg);
}
.flg-sr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sr.svg);
}
.flg-sr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sr.svg);
}
.flg-ss {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ss.svg);
}
.flg-ss.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ss.svg);
}
.flg-st {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/st.svg);
}
.flg-st.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/st.svg);
}
.flg-sv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sv.svg);
}
.flg-sv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sv.svg);
}
.flg-sx {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sx.svg);
}
.flg-sx.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sx.svg);
}
.flg-sy {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sy.svg);
}
.flg-sy.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sy.svg);
}
.flg-sz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/sz.svg);
}
.flg-sz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/sz.svg);
}
.flg-tc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tc.svg);
}
.flg-tc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tc.svg);
}
.flg-td {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/td.svg);
}
.flg-td.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/td.svg);
}
.flg-tf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tf.svg);
}
.flg-tf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tf.svg);
}
.flg-tg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tg.svg);
}
.flg-tg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tg.svg);
}
.flg-th {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/th.svg);
}
.flg-th.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/th.svg);
}
.flg-tj {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tj.svg);
}
.flg-tj.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tj.svg);
}
.flg-tk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tk.svg);
}
.flg-tk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tk.svg);
}
.flg-tl {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tl.svg);
}
.flg-tl.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tl.svg);
}
.flg-tm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tm.svg);
}
.flg-tm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tm.svg);
}
.flg-tn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tn.svg);
}
.flg-tn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tn.svg);
}
.flg-to {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/to.svg);
}
.flg-to.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/to.svg);
}
.flg-tr {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tr.svg);
}
.flg-tr.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tr.svg);
}
.flg-tt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tt.svg);
}
.flg-tt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tt.svg);
}
.flg-tv {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tv.svg);
}
.flg-tv.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tv.svg);
}
.flg-tw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tw.svg);
}
.flg-tw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tw.svg);
}
.flg-tz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/tz.svg);
}
.flg-tz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/tz.svg);
}
.flg-ua {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ua.svg);
}
.flg-ua.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ua.svg);
}
.flg-ug {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ug.svg);
}
.flg-ug.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ug.svg);
}
.flg-um {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/um.svg);
}
.flg-um.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/um.svg);
}
.flg-us {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/us.svg);
}
.flg-us.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/us.svg);
}
.flg-uy {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/uy.svg);
}
.flg-uy.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/uy.svg);
}
.flg-uz {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/uz.svg);
}
.flg-uz.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/uz.svg);
}
.flg-va {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/va.svg);
}
.flg-va.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/va.svg);
}
.flg-vc {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/vc.svg);
}
.flg-vc.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/vc.svg);
}
.flg-ve {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ve.svg);
}
.flg-ve.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ve.svg);
}
.flg-vg {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/vg.svg);
}
.flg-vg.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/vg.svg);
}
.flg-vi {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/vi.svg);
}
.flg-vi.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/vi.svg);
}
.flg-vn {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/vn.svg);
}
.flg-vn.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/vn.svg);
}
.flg-vu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/vu.svg);
}
.flg-vu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/vu.svg);
}
.flg-wf {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/wf.svg);
}
.flg-wf.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/wf.svg);
}
.flg-ws {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ws.svg);
}
.flg-ws.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ws.svg);
}
.flg-ye {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/ye.svg);
}
.flg-ye.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/ye.svg);
}
.flg-yt {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/yt.svg);
}
.flg-yt.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/yt.svg);
}
.flg-za {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/za.svg);
}
.flg-za.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/za.svg);
}
.flg-zm {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/zm.svg);
}
.flg-zm.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/zm.svg);
}
.flg-zw {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/zw.svg);
}
.flg-zw.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/zw.svg);
}
.flg-es-ct {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/es-ct.svg);
}
.flg-es-ct.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/es-ct.svg);
}
.flg-eu {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/eu.svg);
}
.flg-eu.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/eu.svg);
}
.flg-gb-eng {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gb-eng.svg);
}
.flg-gb-eng.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gb-eng.svg);
}
.flg-gb-nir {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gb-nir.svg);
}
.flg-gb-nir.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gb-nir.svg);
}
.flg-gb-sct {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gb-sct.svg);
}
.flg-gb-sct.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gb-sct.svg);
}
.flg-gb-wls {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/gb-wls.svg);
}
.flg-gb-wls.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/gb-wls.svg);
}
.flg-un {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/un.svg);
}
.flg-un.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/un.svg);
}
.flg-xk {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/4x3/xk.svg);
}
.flg-xk.flg-sq {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/flags/1x1/xk.svg);
}

.icon-play-button:before {
  content: "\e97d";
}
.icon-copy2:before {
  content: "\e97e";
}
.icon-event-going:before {
  content: "\e97b";
}
.icon-event-icon:before {
  content: "\e97c";
}
.icon-print:before {
  content: "\e97a";
}
.icon-subscribers:before {
  content: "\e979";
}
.icon .path1,
.icon .path2,
.icon .path3,
.icon .path4,
.icon .path5,
.icon .path6,
.icon .path7,
.icon .path8,
.icon .path9,
.icon .path10,
.icon .path11 {
  font-family: inherit !important;
}
.icon-USA .path1:before {
  content: "\e96e";
  color: rgb(180, 31, 48);
}
.icon-USA .path2:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-USA .path3:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-USA .path4:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-USA .path5:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}
.icon-USA .path6:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(0, 37, 106);
}
.icon-USA .path7:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-USA .path8:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-USA .path9:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-USA .path10:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-USA .path11:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-arrows-diagonal:before {
  content: "\e96b";
}
.icon-chevron-top:before {
  content: "\e96c";
}
.icon-sync:before {
  content: "\e969";
}
.icon-timezone:before {
  content: "\e96a";
}
.icon-fullscreen:before {
  content: "\e968";
}
.icon-google .path1:before {
  content: "\e900";
  color: rgb(46, 125, 50);
}
.icon-google .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(30, 136, 229);
}
.icon-google .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}
.icon-google .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(251, 192, 45);
}
.icon-google .path5:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(21, 101, 192);
}
.icon-google .path6:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(229, 57, 53);
}
.icon-google .path7:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}
.icon-microsoft-teams .path1:before {
  content: "\e907";
  color: rgb(123, 131, 235);
}
.icon-microsoft-teams .path2:before {
  content: "\e908";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.1;
}
.icon-microsoft-teams .path3:before {
  content: "\e909";
  margin-left: -1.04199219em;
  color: rgb(80, 89, 201);
}
.icon-microsoft-teams .path4:before {
  content: "\e90a";
  margin-left: -1.04199219em;
  color: rgb(80, 89, 201);
}
.icon-microsoft-teams .path5:before {
  content: "\e90b";
  margin-left: -1.04199219em;
  color: rgb(123, 131, 235);
}
.icon-microsoft-teams .path6:before {
  content: "\e90c";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.2;
}
.icon-microsoft-teams .path7:before {
  content: "\e90d";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.1;
}
.icon-microsoft-teams .path8:before {
  content: "\e90e";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.2;
}
.icon-microsoft-teams .path9:before {
  content: "\e90f";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.2;
}
.icon-microsoft-teams .path10:before {
  content: "\e910";
  margin-left: -1.04199219em;
  color: rgb(0, 0, 0);
  opacity: 0.2;
}
.icon-microsoft-teams .path11:before {
  content: "\e911";
  margin-left: -1.04199219em;
  color: rgb(75, 83, 188);
}
.icon-microsoft-teams .path12:before {
  content: "\e912";
  margin-left: -1.04199219em;
  color: rgb(255, 255, 255);
}
.icon-add-to-calendar-button:before {
  content: "\e913";
}
.icon-add-to-calendar-links:before {
  content: "\e914";
}
.icon-analytics:before {
  content: "\e915";
}
.icon-arrow-down-12px:before {
  content: "\e916";
}
.icon-arrow-down-24px:before {
  content: "\e917";
}
.icon-arrow-left-24px:before {
  content: "\e918";
}
.icon-arrow-left-12px:before {
  font-family: "Material Icons";
  content: "\e5cb";
}
.icon-active:before {
  content: "\e93b";
}
.icon-arrow-right-12px:before {
  content: "\e91a";
}
.icon-arrow-right-24px:before {
  content: "\e91b";
}
.icon-arrow-up-12px:before {
  content: "\e91c";
}
.icon-arrow-up-24px:before {
  content: "\e91d";
}
.icon-blocked:before {
  content: "\e94c";
}
.icon-bulb:before {
  content: "\e91e";
}
.icon-bullet:before {
  content: "\e91f";
}
.icon-calendar:before {
  content: "\e920";
}
.icon-checkbox:before {
  content: "\e921";
}
.icon-circle-question:before {
  content: "\e922";
}
.icon-clock:before {
  content: "\e923";
}
.icon-color-palette:before {
  content: "\e924";
}
.icon-connect:before {
  content: "\e925";
}
.icon-contact-us:before {
  content: "\e926";
}
.icon-copy:before {
  content: "\e927";
}
.icon-CSV:before {
  content: "\e928";
}
.icon-cup:before {
  content: "\e929";
}
.icon-delete:before {
  content: "\e92a";
}
.icon-description:before {
  content: "\e92b";
}
.icon-diamond:before {
  content: "\e92c";
}
.icon-direct-links:before {
  content: "\e92d";
}
.icon-documentation:before {
  content: "\e92e";
}
.icon-double-arrow:before {
  content: "\e92f";
}
.icon-download:before {
  content: "\e930";
}
.icon-duplicate:before {
  content: "\e931";
}
.icon-edit:before {
  content: "\e932";
}
.icon-email:before {
  content: "\e933";
}
.icon-embeddable-event:before {
  content: "\e934";
}
.icon-embeddableeevents-list:before {
  content: "\e935";
}
.icon-event-external:before {
  content: "\e966";
}
.icon-event-landing-page:before {
  content: "\e936";
}
.icon-event-series:before {
  content: "\e937";
}
.icon-event:before {
  content: "\e938";
}
.icon-filter-12px:before {
  content: "\e939";
}
.icon-fingerprint:before {
  content: "\e93a";
}
.icon-going:before {
  content: "\e93b";
}
.icon-goto-meeting:before {
  content: "\e93c";
}
.icon-goto-website:before {
  content: "\e93d";
}
.icon-help:before {
  content: "\e93e";
}
.icon-hidden:before {
  content: "\e93f";
}
.icon-hopin:before {
  content: "\e940";
}
.icon-inactive:before {
  content: "\e967";
}
.icon-info:before {
  content: "\e941";
}
.icon-link:before {
  content: "\e942";
}
.icon-list-view:before {
  content: "\e943";
}
.icon-location:before {
  content: "\e944";
}
.icon-location2:before {
  content: "\e945";
}
.icon-location3:before {
  content: "\e946";
}
.icon-lock:before {
  content: "\e947";
}
.icon-logout:before {
  content: "\e948";
}
.icon-marketing:before {
  content: "\e949";
}
.icon-maybe:before {
  content: "\e94d";
}
.icon-more:before {
  content: "\e94a";
}
.icon-move:before {
  content: "\e94b";
}
.icon-not-going:before {
  content: "\e94c";
}
.icon-notgoing:before {
  content: "\e94c";
}
.icon-not-sure:before {
  content: "\e94d";
}
.icon-notifications:before {
  content: "\e94e";
}
.icon-number:before {
  content: "\e94f";
}
.icon-owner:before {
  content: "\e950";
}
.icon-PDF:before {
  content: "\e951";
}
.icon-plus:before {
  content: "\e952";
}
.icon-question:before {
  content: "\e953";
}
.icon-radio:before {
  content: "\e954";
}
.icon-recurring-event:before {
  content: "\e955";
}
.icon-rocket:before {
  content: "\e956";
}
.icon-search:before {
  content: "\e957";
}
.icon-seat:before {
  content: "\e958";
}
.icon-settings:before {
  content: "\e959";
}
.icon-share:before {
  content: "\e95a";
}
.icon-sort-12px .path1:before {
  content: "\e95b";
  color: rgb(204, 207, 212);
}
.icon-sort-12px .path2:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(18, 94, 248);
}
.icon-tag:before {
  content: "\e95d";
}
.icon-templates {
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-design-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
  width: 22px;
  height: 22px;
}
.icon-text:before {
  content: "\e95f";
}
.icon-tiles-view:before {
  content: "\e960";
}
.icon-updates:before {
  content: "\e961";
}
.icon-verify:before {
  content: "\e962";
}
.icon-video:before {
  content: "\e963";
}
.icon-visible:before {
  content: "\e964";
}
.icon-warning:before {
  content: "\e965";
}
.icon-website:before {
  content: "\e966";
}
.icon-x:before {
  content: "\e967";
}
.icon-zoom:before {
  content: "\e96d";
}
i.green {
  color: #1dc67d;
}
i.red {
  color: #f60049;
}
i.yellow {
  color: #f8c200;
}
i.orange {
  color: #ff9800;
}
i.lilac {
  color: #cc85e4;
}
i.violet {
  color: #6758f3;
}
i.purple {
  color: #8b00e9;
}
i.pink {
  color: #f861bb;
}
i.jeans-blue {
  color: #1fb6ff;
}
i.mid-blue {
  color: #3d74ca;
}
i.fuchsia-blue {
  color: #775abc;
}
i.cadet-blue {
  color: #989fbd;
}
i.blue {
  color: #125ef8;
}
i.zoomBlue {
  color: #3984fd;
}
i.blue-2 {
  color: #4e82eb;
}

.mmmenutp {
  height: 68px;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1015;
  background: #fffc;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px;
}
.mmmenutp .rel {
  width: 100%;
  height: 100%;
  position: relative;
}
.mmmenutp .rel .tpmn {
  width: 100%;
  height: 68px;
  position: relative;
  border-bottom: 1px solid #cbd2df;
}
.mmmenutp .rel .tpmn .log {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 56px;
  top: 5px;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  background: url(https://cdn.addevent.com/app/v2/gfx/logo.svg) no-repeat 50%
    45%;
  background-size: 42px auto;
}
.mmmenutp .rel .tpmn .log:hover {
  background-color: #eff5ff;
}
.mmmenutp .rel .tpmn .upg {
  position: absolute;
  top: 13px;
  right: 80px;
}
.mmmenutp .rel .tpmn .not {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 13px;
  right: 130px;
  cursor: pointer;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  color: #0d63ff;
  border-radius: 50%;
  text-align: center;
}
.mmmenutp .rel .tpmn .not:hover {
  background: #f1f5f5;
}
.mmmenutp .rel .tpmn .not .ic {
  font-size: 26px;
  color: #000;
  line-height: 42px;
  display: inline-block;
  font-weight: 500;
}
.mmmenutp .rel .tpmn .pro {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 13px;
  right: 76px;
  cursor: pointer;
  background: #e9f1ff;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  color: #0d63ff;
  border-radius: 50%;
  text-align: center;
}
.mmmenutp .rel .tpmn .pro:hover {
  background: #e2ebfc;
}
.mmmenutp .rel .tpmn .clo {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 14px;
  left: 18px;
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
}
.mmmenutp .rel .tpmn .clo:hover {
  background: #f1f5f5;
}
.mmmenutp .rel .tpmn .clo .ic {
  font-size: 25px;
  line-height: 42px;
  color: #03163a;
}
.mmmenu-bg {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1016;
  background: #ffffff85;
  display: none;
}
.mmmenu {
  width: 100%;
  min-width: 300px;
  max-width: 420px;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1017;
  background: #fff;
  display: none;
  box-shadow:
    rgba(0, 0, 0, 0.07) 0px 1px 2px,
    rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 3px,
    rgba(0, 0, 0, 0.07) 0px 4px 6px,
    rgba(0, 0, 0, 0.07) 0px 6px 12px,
    rgba(0, 0, 0, 0.07) 0px 32px 64px;
  border-radius: 0px 8px 8px 0px;
}
.mmmenu .rel {
  width: 100%;
  height: 100%;
  position: relative;
}
.mmmenu .rel .tpmn {
  width: 100%;
  height: 68px;
  position: relative;
  border-bottom: 1px solid #cbd2df;
}
.mmmenu .rel .tpmn .log {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  background: url(https://cdn.addevent.com/app/v2/gfx/logo.svg) no-repeat 50%
    45%;
  background-size: 42px auto;
  display: none;
}
.mmmenu .rel .tpmn .log:hover {
  background-color: #eff5ff;
}
.mmmenu .rel .tpmn .not {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 13px;
  right: 130px;
  cursor: pointer;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  color: #0d63ff;
  border-radius: 50%;
  text-align: center;
}
.mmmenu .rel .tpmn .not:hover {
  background: #f1f5f5;
}
.mmmenu .rel .tpmn .not .ic {
  font-size: 26px;
  color: #000;
  line-height: 42px;
  display: inline-block;
  font-weight: 500;
}
.mmmenu .rel .tpmn .pro {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 13px;
  right: 18px;
  cursor: pointer;
  background: #e9f1ff;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  color: #0d63ff;
  border-radius: 50%;
  text-align: center;
}
.mmmenu .rel .tpmn .pro:hover {
  background: #e2ebfc;
}
.mmmenu .rel .tpmn .clo {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 14px;
  left: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
}
.mmmenu .rel .tpmn .clo:hover {
  background: #f1f5f5;
}
.mmmenu .rel .tpmn .clo .ic {
  font-size: 30px;
  line-height: 42px;
  color: #03163a;
}
.mmmenu .rel .mobupg {
  display: block;
  position: relative;
  padding: 15px 25px 14px 58px;
  background: #f861bb;
  color: #fff;
  text-shadow: 1px 1px 0px rgb(0 0 0 / 20%);
  border-radius: 12px 44px 44px 12px;
  margin: 8px 5px 0px 5px;
  font-weight: 500;
  font-size: 17px;
}
.mmmenu .rel .mobupg i {
  position: absolute;
  left: 9px;
  top: 6px;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}
.mmmenu .rel .mobupg:hover {
  background: #eb5cb1;
  color: #fff;
}
.mmmenu .rel .mobupg:hover i {
  color: #fff;
}
.mmmenu .rel .mobupg .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 8px;
  top: 7px;
}
.mmmenu .rel .di {
  position: absolute;
  left: 0px;
  top: 68px;
  right: 0px;
  bottom: 72px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mmmenu .rel .di .pd {
  clear: both;
  padding: 8px 8px;
}
.mmmenu .rel .di .pd .hd-t1 {
  clear: both;
  padding: 26px 0px 10px 16px;
}
.mmmenu .rel .di .pd .hd-t1 p {
  margin: 0;
  font-size: 12px;
  line-height: 130%;
  color: #98a1b3;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
.mmmenu .rel .ft {
  height: 70px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-top: 1px solid #ddd;
}
.mmmenu .rel .ft .px {
  clear: both;
  padding: 8px 8px 0px 8px;
}
.mmmenu .rel ul.ess li {
  margin: -6px 0px 0px 0px;
}
.mmmenu .rel ul.ess li a {
  display: block;
  position: relative;
  padding: 15px 25px 14px 58px;
  font-size: 17px;
  color: #1a3b65;
  font-weight: 500;
  border-radius: 6px;
  line-height: 135%;
}
.mmmenu .rel ul.ess li a:hover {
  background: #edf3fb;
  color: #000;
}
.mmmenu .rel ul.ess li a .icbg {
  width: 38px;
  height: 38px;
  position: absolute;
  left: 13px;
  top: 7px;
  text-align: center;
  border-radius: 50%;
}
.mmmenu .rel ul.ess li a .icbg i {
  font-size: 23px;
  line-height: 38px;
  color: #1a3b65;
  display: inline-block;
}
.mmmenu .rel ul.ess li a .icbg .ic {
  font-size: 23px;
  line-height: 38px;
  color: #1a3b65;
  display: inline-block;
}
.mmmenu .rel ul.ess li a .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 11px;
  text-align: center;
}
.mmmenu .rel ul.ess li a .arr .ic {
  font-size: 26px;
  line-height: 30px;
  color: #abb2bc78;
}
.mmmenu .rel ul.nor li a {
  display: block;
  position: relative;
  padding: 15px 25px 14px 58px;
  font-size: 17px;
  color: #1a3b65;
  font-weight: 400;
  border-radius: 6px;
  line-height: 135%;
}
.mmmenu .rel ul.nor li a:hover {
  background: #edf3fb;
  color: #000;
}
.mmmenu .rel ul.nor li a .icbg {
  width: 38px;
  height: 38px;
  position: absolute;
  left: 13px;
  top: 8px;
  text-align: center;
  border-radius: 50%;
}
.mmmenu .rel ul.nor li a .icbg span {
  font-size: 23px;
  line-height: 38px;
  color: #333;
  display: inline-block;
}
.mmmenu .rel ul.nor li a .icbg i {
  font-size: 23px;
  line-height: 38px;
  color: #333;
  display: inline-block;
}
.mmmenu .rel ul.nor li a .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 11px;
  text-align: center;
}
.mmmenu .rel ul.nor li a .arr .ic {
  font-size: 26px;
  line-height: 30px;
  color: #abb2bc78;
}
.mmmenu {
  opacity: 0;
  transform: scale(1, 1) translateX(-50px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.mmmenu.show {
  opacity: 1;
  transform: scale(1, 1) translateX(0px);
}
.mmmenu.show {
  display: none !important;
}
.mmmenu-bg.show {
  display: none !important;
}
.mmmenutp .rel .upg-ban-t2 {
  height: 42px;
  float: left;
  position: relative;
  cursor: pointer;
  border-radius: 8px 24px 24px 8px;
  padding: 0px 25px 0px 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 41px;
  color: #de59a8;
  background: #ffdff28c;
}
.mmmenutp .rel .upg-ban-t2 .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 4px;
  text-align: center;
}
.mmmenutp .rel .upg-ban-t2 .ico i {
  font-size: 24px;
  line-height: 30px;
  color: #de59a8;
  display: inline-block;
}

.noti-t1 {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 30px;
  z-index: 99999;
  text-align: center;
  display: none;
}
.noti-t1 .inn {
  min-width: 150px;
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: left;
  padding: 19px 32px 20px 60px;
  background: #202124;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  border-radius: 4px;
  box-shadow:
    0 4px 8px 2px rgba(0, 0, 0, 0.14),
    0 6px 8px 5px rgba(0, 0, 0, 0.12),
    0 6px 6px -5px rgba(0, 0, 0, 0.4);
}
.noti-t1 .inn .load {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 50%;
  margin: -15px 0px 0px 0px;
  background: url(https://cdn.addevent.com/web/images/icon-load-t1.svg)
    no-repeat 0px 0px;
  background-size: 26px auto;
}
.noti-t1 .inn .saved {
  background: url(https://cdn.addevent.com/web/images/icon-check-fff-t2.svg)
    no-repeat 50% 50% !important;
  background-size: 20px auto !important;
}
.noti-t1 {
  opacity: 0;
  transform: translateY(15px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.noti-t1.show {
  opacity: 1;
  transform: translateY(0px);
}
.noti-t2 {
  width: 60px;
  height: 60px;
  position: fixed;
  left: 50%;
  bottom: 40px;
  z-index: 10;
  margin: 0px 0px 0px -30px;
  background: #fff url(https://cdn.addevent.com/app/v2/gfx/icon-load-t12.svg)
    no-repeat 50% 50%;
  background-size: 45px auto;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: none;
}
.noti-t2 {
  opacity: 0;
  transform: translateY(15px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.noti-t2.show {
  opacity: 1;
  transform: translateY(0px);
}
#tmpcopywrp {
  position: fixed;
  left: -10000px;
  top: -10000px;
  z-index: 1;
}
.tmpcopywrp {
  position: fixed;
  left: -10000px;
  top: -10000px;
  z-index: 1;
}
#tmpcopywrp #tmpcopytext {
  width: 50px;
  height: 50px;
}
.noti-warning {
  clear: both;
  position: relative;
  padding: 18px 20px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #fdffc1;
  border-radius: 8px;
}
.noti-warning.wic {
  padding: 14px 35px 14px 70px;
}
.noti-warning p {
  margin: 0 !important;
  color: #686949;
  font-size: 16px;
  line-height: 145%;
}
.noti-warning strong {
  font-weight: 600;
}
.noti-warning a {
  text-decoration: underline;
  color: #686949;
}
.noti-warning a:hover {
  text-decoration: none;
  color: #686949;
}
.noti-warning .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #ff9800;
}
.noti-error {
  clear: both;
  position: relative;
  padding: 14px 20px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #ffd9d9;
  border-radius: 8px;
}
.noti-error.wic {
  padding: 14px 35px 14px 70px;
}
.noti-error p {
  margin: 0 !important;
  color: #653c3c;
  font-size: 16px;
  line-height: 145%;
}
.noti-error strong {
  font-weight: 600;
}
.noti-error .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #c75353;
}
.noti-info {
  clear: both;
  position: relative;
  padding: 14px 20px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #ebf5ff;
  border-radius: 8px;
}
.noti-info.wic {
  padding: 14px 35px 14px 70px;
}
.noti-info.inline {
  display: inline-block;
}
.noti-info p {
  margin: 0 !important;
  color: #394054;
  font-size: 16px;
  line-height: 145%;
}
.noti-info strong {
  font-weight: 600;
}
.noti-info .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #839fbb;
}
.noti-success {
  clear: both;
  position: relative;
  padding: 14px 20px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #e3f6e4;
  border-radius: 8px;
}
.noti-success.wic {
  padding: 14px 35px 14px 70px;
}
.noti-success p {
  margin: 0 !important;
  color: #314c33;
  font-size: 16px;
  line-height: 145%;
}
.noti-success a {
  color: #314c33;
  font-size: 15px;
  line-height: 145%;
  font-weight: 600;
  text-decoration: underline;
}
.noti-success strong {
  font-weight: 600;
}
.noti-success .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #5dbf65;
}
.noti-system {
  clear: both;
  position: relative;
  padding: 14px 20px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #f4f4f4;
  border-radius: 8px;
}
.noti-system.wic {
  padding: 14px 35px 14px 70px;
}
.noti-system p {
  margin: 0 !important;
  color: #4e4e4e;
  font-size: 16px;
  line-height: 145%;
}
.noti-system strong {
  font-weight: 600;
}
.noti-system .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #4e4e4e;
}
.noti-anynom {
  display: inline-block;
  clear: both;
  position: relative;
  padding: 14px 20px;
  background: #fcf9e9;
  margin: 0px 0px 35px 0px;
  border-radius: 8px;
}
.noti-anynom.wic {
  padding: 14px 35px 14px 70px;
}
.noti-anynom p {
  margin: 0 !important;
  font-size: 16px;
  color: #394054;
  line-height: 145%;
}
.noti-anynom strong {
  font-weight: 600;
}
.noti-anynom a {
  text-decoration: underline;
  color: #394054;
}
.noti-anynom .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #f5bf59;
}
.noti-info-t1 {
  clear: both;
  position: relative;
  padding: 14px 20px;
  display: inline-block;
  margin: 0px 0px 20px 0px;
  text-align: left;
  background: #ffd9d9;
  border-radius: 8px;
}
.noti-info-t1.wic {
  padding: 14px 35px 14px 70px;
}
.noti-info-t1 p {
  margin: 0 !important;
  color: #653c3c;
  font-size: 16px;
  line-height: 145%;
}
.noti-info-t1 strong {
  font-weight: 600;
}
.noti-info-t1 a {
  color: #653c3c;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.noti-info-t1 .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #c75353;
}
.noti-info-t2 {
  clear: both;
  position: relative;
  padding: 14px 20px;
  display: inline-block;
  margin: 0px 0px 20px 0px;
  text-align: left;
  background: #e3f6e4;
  border-radius: 8px;
}
.noti-info-t2.wic {
  padding: 14px 35px 14px 70px;
}
.noti-info-t2 p {
  margin: 0 !important;
  color: #314c33;
  font-size: 16px;
  line-height: 150%;
}
.noti-info-t2 a {
  color: #314c33;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.noti-info-t2 strong {
  font-weight: 600;
}
.noti-info-t2 .ico {
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 28px;
  line-height: 28px;
  color: #5dbf65;
}
.noti-upgrade {
  clear: both;
  position: relative;
  display: inline-block;
  padding: 14px 35px 14px 70px;
  margin: 0px 0px 30px 0px;
  text-align: left;
  background: #f861bb2b;
  border-radius: 8px;
}
.noti-upgrade p {
  margin: 0 !important;
  color: #473c43;
  font-size: 16px;
  line-height: 145%;
}
.noti-upgrade strong {
  font-weight: 600;
}
.noti-upgrade a {
  text-decoration: underline;
  font-weight: 600;
  color: #394054;
}
.noti-upgrade .ico {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 20px;
  top: 18px;
  background: #f861bb;
  border-radius: 50%;
  text-align: center;
}
.noti-upgrade .ico span {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  transform: rotate(18deg);
}

/* Sidebar */
.sidebar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  height: 100vh;
  width: 80px;
  padding: 15px 0px;
  background-color: #fff;
  box-shadow:
    0 1px 2px 0 rgb(60 64 67 / 4%),
    0 2px 6px 2px rgb(60 64 67 / 20%);
}
.sidebar .sidebar-top .logo-place {
  width: 100%;
  height: 70px;
  display: block;
  position: relative;
  margin-bottom: 8px;
}
.sidebar .sidebar-top .logo-place .logo {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: 2;
  border-radius: 50%;
  margin: 0px 0px 0px -28px;
  background: url(https://cdn.addevent.com/app/v2/gfx/logo.svg) no-repeat 50%
    50%;
  background-size: 46px auto;
}
.sidebar .sidebar-top .logo-place .logo:hover {
}
.sidebar .sidebar-top .logo-place .logo:active {
  background-color: #cfe0ff62;
}
.sidebar .sidebar-top .logo-place .logoeff {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: 1;
  border-radius: 50%;
  margin: 0px 0px 0px -28px;
  background-color: #cfe0ff52;
}
.sidebar .sidebar-top .logo-place .logoeff {
  opacity: 0;
  transform: scale(0.92, 1.02) translateX(0px);
  transition: all 0.2s ease;
}
.sidebar .sidebar-top .logo-place .active {
  opacity: 1;
}
.sidebar .sidebar-top .logo-place .click {
  transform: scale(1.04) !important;
  border-radius: 50% !important;
}
.sidebar .sidebar-top .sidebar-icons {
  padding-bottom: 16px;
}
.sidebar .sidebar-icons .sidebar-icon {
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 18px 6px;
  color: #85888f;
  cursor: pointer;
  font-size: 26px;
  margin: -8px 0px 0px 0px;
}
.sidebar .sidebar-icons .sidebar-icon {
  color: #222;
}
.sidebar .sidebar-icons .sidebar-icon .ic {
  margin-bottom: 8px;
}
.sidebar .sidebar-icons .sidebar-icon .icon {
  color: #505c75;
}
.sidebar .sidebar-icons .sidebar-icon .si-t1 {
  font-size: 24px;
  color: #222;
}
.sidebar .sidebar-icons .sidebar-icon:hover {
  background: #cfe0ff52;
}
.sidebar .sidebar-icons .sidebar-icon.active i {
  color: #125ef8;
}
.sidebar .sidebar-icons .sidebar-icon.active:before {
  display: block;
  content: " ";
  position: absolute;
  right: -1px;
  height: 100%;
  top: 50%;
  width: 4px;
  border-radius: 4px 0px 0px 4px;
  background-color: #125ef8;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.sidebar .sidebar-icons .sidebar-icon .sidebar-title {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.sidebar .sidebar-icons .sidebar-icon .tooltip {
  display: block;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-color: #252526;
  border-radius: 2px 3px 3px 2px;
  font-family: "Circular-AddEvent", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.55;
  color: #fff;
  padding: 8px 12px 8px 10px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.sidebar .sidebar-icons .sidebar-icon.active .tooltip {
  display: none;
}
.sidebar .sidebar-icons .sidebar-icon .tooltip .arr {
  width: 0px;
  height: 0px;
  position: absolute;
  left: -8px;
  top: 9px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #252526;
}
.sidebar .sidebar-icons .sidebar-icon:hover .tooltip {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.sidebar .sidebar-icons .sidebar-icon .notidot {
  display: none;
  background: #f60049;
  position: absolute;
  top: 16px;
  left: 44px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid transparent;
}
.sidebar .sidebar-icons .notification {
  display: none;
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 0px 7px rgb(53 80 153 / 10%);
  border-radius: 4px;
  width: 360px;
  max-height: 320px;
  top: -170px;
  left: 65px;
  z-index: 2;
  cursor: auto;
}
.sidebar .sidebar-icons .notification .inrsha {
  clear: both;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 3px 7px 0 rgb(50 50 93 / 10%),
    0 1px 3px 0 rgb(0 0 0 / 7%);
  padding: 18px 20px 28px 30px;
}
.sidebar .sidebar-icons .notification .notification-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #1b212b;
  margin-bottom: 7px;
  padding: 0px 0px 10px 0px;
}
.sidebar .sidebar-icons .notification .notification-top p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 130%;
}
.sidebar .sidebar-icons .notification .notification-top a {
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  padding: 0px 12px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  color: #1559e1;
  border-radius: 3px;
}
.sidebar .sidebar-icons .notification .notification-top a:hover {
  color: #1559e1;
  background: #cfe0ff52;
}
.sidebar .sidebar-icons .notification .notification-top a:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.sidebar .sidebar-icons .notification .notification-bottom {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  padding: 0px 0px 10px 0px;
}
.sidebar .sidebar-icons .notification .notification-bottom::-webkit-scrollbar {
  display: none;
}
.sidebar .sidebar-icons .notification .notification-top a:hover {
  color: #1559e1;
  text-decoration: none;
}
.sidebar .sidebar-icons .notification .notification-item {
  display: flex;
  align-items: center;
  padding: 0px 0px 12px 0px;
}
.sidebar .sidebar-icons .notification .notification-item i {
  display: block;
  margin-right: 20px;
  font-size: 20px;
  width: 20px;
}
.sidebar .sidebar-icons .notification .notification-item .yes {
  color: #1dc67d;
}
.sidebar .sidebar-icons .notification .notification-item .no {
  color: #f60049;
}
.sidebar .sidebar-icons .notification .notification-item .maybe {
  color: #f8c200;
}
.sidebar .sidebar-icons .notification .notification-item .name {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #1b212b;
  margin-right: 8px;
  text-decoration: none;
}
.sidebar .sidebar-icons .notification .notification-item .time {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #6268759c;
  text-decoration: none;
}
.sidebar .sidebar-icons .notification .notification-item.past {
  opacity: 0.3;
}
.sidebar .sidebarpop {
  z-index: -1;
  margin-left: -20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.sidebar .sidebarpop.show {
  z-index: 100;
  opacity: 1;
  margin: 0px;
  transform: scale(1, 1);
}
.sidebar .pop-box {
  display: none;
  position: absolute;
  padding: 6px 6px 6px 6px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  width: 240px;
  top: 16px;
  left: 65px;
  z-index: 2;
  cursor: auto;
}
.sidebar .pop-box.to-help {
  top: auto;
  bottom: 0px;
}
.sidebar .pop-box.to-profile {
  padding: 6px 6px 6px 6px;
  top: auto;
  bottom: 0px;
}
.sidebar .pop-box .pop-box-item {
  display: flex;
  align-items: center;
  padding: 10px 12px 10px 12px;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
}
.sidebar .pop-box .pop-box-item:hover {
  background: #f0f5ff;
  color: #111;
}
.sidebar .pop-box .pop-box-item i {
  font-size: 21px;
  width: 24px;
  margin-right: 12px;
  color: #111 !important;
}
.sidebar .pop-box .pop-box-item span {
  font-size: 22px;
  width: 24px;
  margin-right: 12px;
  color: #111 !important;
}
.sidebar .pop-box .pop-box-item .ic-t1 {
  transform: scaleY(-1) rotate(180deg);
}
.sidebar .sidebar-icons .sidebar-icon .ic {
  font-size: 26px;
  color: #222;
}
.sidebar .profile-box {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  height: 50px;
}
.sidebar .profile-box:hover .profile-circle {
  border-color: #125ef8;
  box-shadow: 0px 0px 0px 3px rgba(18, 94, 248, 0.2);
}
.sidebar .profile-box.open .profile-circle {
  border-color: #125ef8;
  box-shadow: 0px 0px 0px 3px rgba(18, 94, 248, 0.2);
}
.sidebar .profile-box .profile-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #125ef814;
}
.sidebar .profile-box .profile-circle.noimage {
  background: #e9f1ff !important;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  color: #0d63ff;
}
.sidebar .profile-box .profile-circle img {
  display: none;
  width: 100%;
}
.sidebar .profile-box .trial {
  display: block;
  width: max-content;
  position: absolute;
  top: calc(100% - 18px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #ff00dc;
  border-radius: 2px;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.41;
  padding: 4px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#ui-datepicker-div {
  display: none;
}
.ui-datepicker {
  display: block;
  position: absolute;
  z-index: 1050 !important;
  color: #000;
  width: 310px;
  padding: 14px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-datepicker {
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  height: 26px;
  margin-bottom: 20px;
  margin-top: 2px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: block;
  position: absolute;
  top: 0;
  color: black;
  text-decoration: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  width: 30px;
  height: 30px;
  left: 0px;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 30px;
  height: 30px;
  right: 0px;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
  top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
  top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 1px;
  top: 0px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cb";
  font-size: 27px;
  line-height: 30px;
  color: #748194;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background: #f4f4f4;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background: #f4f4f4;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
  top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 1px;
  top: 0px;
  z-index: 10;
  font-family: "Material Icons";
  content: "\e5cc";
  font-size: 27px;
  line-height: 30px;
  color: #748194;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  opacity: 1;
  filter: opacity(100%);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 17px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
  text-align: center;
  height: 24px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month {
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-header .ui-state-disabled {
  color: #ccc;
}
.ui-datepicker .ui-datepicker-header .ui-state-disabled:before {
  opacity: 0.5;
  filter: opacity(50%);
}
.ui-datepicker table {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-datepicker table thead th {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #9e9e9e;
  text-align: center;
}
.ui-datepicker table .ui-datepicker-week-col {
  width: 25px;
}
.ui-datepicker table th {
  font-weight: 400;
  height: 30px;
}
.ui-datepicker table th.ui-datepicker-week-col {
  font-size: 0;
  line-height: 0;
  border-bottom: 0;
}
.ui-datepicker table td {
  color: black;
  font-weight: 400;
  text-align: center;
  height: 36px;
  line-height: 36px;
  padding: 0px;
  margin: 0;
  border: 0;
  outline: 0;
}

.ui-datepicker table td span,
.ui-datepicker table td a {
  font-size: 15px;
  color: #222;
  font-weight: inherit;
  line-height: 36px;
  text-decoration: none;
  display: block;
}
.ui-datepicker table td span.ui-state-active,
.ui-datepicker table td a.ui-state-active {
}
.ui-datepicker table td.ui-datepicker-week-col {
  font-size: 10px;
  font-weight: 400;
  line-height: 25px;
  vertical-align: middle;
  color: #ccc;
}
.ui-datepicker table td.ui-datepicker-date-highlight-depart a {
  background-color: rgba(248, 222, 171, 0.4);
}
.ui-datepicker table .ui-datepicker-week-end {
  color: #84a7ff;
}
.ui-datepicker table .ui-datepicker-other-month {
  color: #999;
  font-weight: 400;
  cursor: pointer;
}
.ui-datepicker table .ui-datepicker-unselectable {
  color: #ccc;
  font-weight: 400;
}
.ui-datepicker.ui-datepicker-multi {
  display: table;
  table-layout: fixed;
  width: 721px;
  padding: 0;
}
.ui-datepicker .ui-datepicker-group {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 10px;
}
.ui-datepicker .ui-datepicker-group-last {
  border-left: 1px solid #e4e4e4;
}
.ui-datepicker .ui-datepicker-other-month span {
  color: #ddd;
}
.ui-datepicker-calendar
  tbody
  tr
  td.ui-datepicker-unselectable
  .ui-state-default {
  color: #ccc;
}
.ui-datepicker-calendar tbody tr td:not(.ui-datepicker-unselectable) {
  cursor: pointer;
  border-radius: 0px;
}
.ui-datepicker-calendar tbody tr td:not(.ui-datepicker-unselectable):hover {
  background-color: #f7fafd;
}

.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-current-day {
  background: #006eff !important;
  color: #fff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-other-month {
  background: #006eff !important;
  color: #fff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected:hover
  .ui-datepicker-other-month {
  background: #006eff !important;
  color: #fff !important;
}
.week-ctx-t1
  .px
  .week-picker
  .ui-datepicker-calendar
  .rowselected
  .ui-datepicker-current-day
  * {
  color: #fff !important;
}

.ui-datepicker-calendar .rowselected td {
  background-color: #006eff !important;
}
.ui-datepicker-calendar .rowselected td a {
  color: #fff;
}
.ui-datepicker-calendar .rowselected .ui-datepicker-today {
  background-color: #ffe684 !important;
  border-radius: 4px;
}
.ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #086cff !important;
  border-radius: 25px !important;
}
.ui-datepicker-calendar .ui-datepicker-current-day * {
  color: #fff !important;
}
.ui-datepicker-calendar .ui-datepicker-today,
.ui-datepicker-calendar .ui-datepicker-today a {
  background-color: #ffe684 !important;
  color: #1a1a1a !important;
  border-radius: 4px !important;
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 190px;
  width: 198px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
  border-radius: 3px;
  outline: none;
  z-index: 10001;
  margin: 1px 0px 0px 0px;
  padding: 6px 0px 6px 6px;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 210px;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  color: #222;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #777;
  font-size: 14px;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #777;
}
.ui-timepicker-list li {
  padding: 0px 0px 0px 15px;
  line-height: 38px;
  cursor: default;
  white-space: nowrap;
  color: #222;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #f5f5f5;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #f5f5f5;
  color: #000;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #777;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
.ui-timepicker-wrapper::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 8px;
  height: 8px;
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb:vertical {
  min-height: 50px;
}
.ui-timepicker-wrapper::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.ui-timepicker-wrapper::-webkit-scrollbar-corner {
  background: transparent;
}

/* Date range picker */
.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: "Circular-AddEvent", sans-serif;
  font-weight: 400;
  cursor: pointer;
  color: #000;
  position: relative;
  z-index: 2;
}
.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  font-family: "Circular-AddEvent", sans-serif;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.date-picker-wrapper.inline-wrapper .month-wrapper {
}
.date-picker-wrapper.inline-wrapper .month-wrapper table {
  table-layout: fixed;
  border-collapse: collapse;
}
.date-picker-wrapper.single-month {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block !important;
  width: 100%;
}
.date-picker-wrapper.single-month .month-wrapper {
  width: auto !important;
}
.date-picker-wrapper.single-month .month-wrapper table {
  width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
  float: none;
  clear: both;
}
.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
}
.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}
.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}
.date-picker-wrapper b {
  color: #666;
  font-weight: 500;
}
.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}
.date-picker-wrapper .month-name {
  text-transform: capitalize;
  font-weight: 500;
}
.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}
.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .month-element.mo {
  font-weight: 600;
}
.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
  background: #fff;
  cursor: default;
  position: relative;
  _overflow: hidden;
}
.date-picker-wrapper .month-wrapper table {
  width: 300px;
  float: left;
}
.date-picker-wrapper .month-wrapper table.month2 {
  width: 300px;
  float: left;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  line-height: 100%;
  margin: 0px;
  padding: 0px;
}
.date-picker-wrapper .month-wrapper table .day {
  padding: 0px;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  font-size: 15px;
  background: #fff;
  font-weight: 400;
  color: #000;
  border-radius: 4px;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table .day:hover {
  background-color: #f9f9f9;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #ecefff;
  border-radius: 0px;
}
.date-picker-wrapper .month-wrapper table .week-name {
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  text-transform: capitalize;
}
.date-picker-wrapper .month-wrapper table .week-name th {
  font-size: 14px;
  color: #9e9e9e;
  font-weight: 400;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #ecefff;
  border-radius: 0px;
}
.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684;
  border-radius: 4px;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #ffe684;
}
.date-picker-wrapper table .caption {
  height: 48px;
}
.date-picker-wrapper table .caption > th:first-of-type,
.date-picker-wrapper table .caption > th:last-of-type {
}
.date-picker-wrapper table .caption th {
  width: auto !important;
}
.date-picker-wrapper table .caption .prev:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 50%;
  font-family: "Material Icons";
  content: "\e5cb";
  font-size: 27px;
  color: #748194;
  line-height: 30px;
}
.date-picker-wrapper table .caption .next:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  border-radius: 50%;
  font-family: "Material Icons";
  content: "\e409";
  font-size: 27px;
  color: #748194;
  line-height: 30px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  line-height: 30px;
  border-radius: 50%;
  font-size: 0px;
  color: transparent;
}
.date-picker-wrapper table .caption .next .ico,
.date-picker-wrapper table .caption .prev .ico {
  font-size: 27px;
  line-height: 30px;
  color: #748194;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #f9f9f9;
  color: #748194;
}
.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
  background: url(https://cdn.addevent.com/app/gfx/zigzag-t2.png) repeat-y 50%
    50%;
  background-size: 3px auto;
}
.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
  display: none;
}
.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
  display: none;
}
.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
  display: none;
}
.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
  display: none;
}
.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
  display: none;
}
.date-picker-wrapper .gap .gap-top-mask {
  width: 20px;
  height: 70px;
  position: absolute;
  top: 0px;
  left: -2px;
  background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255));
  z-index: 99;
  transform: rotate(180deg);
}
.date-picker-wrapper .gap .gap-bottom-mask {
  width: 20px;
  height: 70px;
  position: absolute;
  bottom: 2px;
  left: -2px;
  background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255));
  z-index: 99;
  transform: rotate(0deg);
}
.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.date-picker-wrapper .time {
  position: relative;
}
.date-picker-wrapper.single-month .time {
  display: block;
}
.date-picker-wrapper .time input[type="range"] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}
.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}
.date-picker-wrapper .time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}
.date-picker-wrapper .time1 {
  float: left;
}
.date-picker-wrapper .time2 {
  float: right;
}
.date-picker-wrapper .hour {
  text-align: right;
}
.date-picker-wrapper .minute {
  text-align: right;
}
.date-picker-wrapper .hide {
  display: none;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background-color: #086cff !important;
  color: #fff !important;
}
.date-picker-wrapper .first-date-selected {
  border-radius: 4px 0px 0px 4px !important;
}
.date-picker-wrapper .last-date-selected {
  border-radius: 0px 4px 4px 0px !important;
}
.date-picker-wrapper.single-date .first-date-selected {
  border-radius: 6px;
}
.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
}
.date-picker-wrapper .date-range-length-tip:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}
.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: 600;
}
.date-picker-wrapper .drp_top-bar {
  display: none;
}

.pribwrp {
  clear: both;
  padding: 100px 0px 0px 0px;
}
.pribwrp .hdx {
  clear: both;
  margin: 0px 0px 50px 0px;
  text-align: center;
}
.pribwrp .hdx p {
  margin: 0;
  font-size: 30px;
  line-height: 130%;
  color: #000;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.pribw {
  width: 100%;
  overflow-x: auto;
  padding: 8px 0px 0px 0px;
}
.prib {
  width: 1136px;
  margin: 0 auto;
  padding: 0px 0px 50px 0px;
}
.prib .pds {
  clear: both;
  position: relative;
  padding: 0px 248px 0px 186px;
}
.prib .pds .lcl {
  width: 186px;
  position: absolute;
  left: 0px;
  top: 55px;
  bottom: 55px;
  z-index: 1;
  background: #eeeff2;
  border-radius: 8px 0px 0px 8px;
}
.prib .pds .rcl {
  width: 234px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #fff;
  border: 2px solid #585d69;
  border-radius: 8px;
}
.prib .pds .rcl .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.prib .pds .rcl .po {
  clear: both;
  padding: 35px 24px 40px;
}
.prib .pds .rcl .bilu {
  clear: both;
  padding-top: 48px;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -1px;
}
.prib .pds .rcl .fot {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.prib .pds .rcl .fot .smlls {
  padding: 0px 24px 30px 24px;
}
.prib .pds .ccl {
  clear: both;
  position: relative;
  z-index: 3;
  background: #fff;
  box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
  border-radius: 8px;
}
.prib .pds .ccl .po {
  clear: both;
  padding: 0px 20px;
}
.prib .pds .ccl .po .tab {
  width: 100%;
  display: table;
}
.prib .pds .ccl .po .tab .cel {
  width: 33%;
  display: table-cell;
  position: relative;
}
.prib .pds .ccl .po .tab .cel .pin {
  clear: both;
  padding: 35px 10px 40px 20px;
}
.prib .pds .ccl .po .tab .cel .pin .pop {
  width: 87px;
  height: 87px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}
.prib .pds .ccl .po .tab .cel .pin .hig {
  width: 87px;
  height: 87px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(https://cdn.addevent.com/web/images/popular.svg) no-repeat 50%
    50%;
  background-size: 100% auto;
  display: none;
}
.prib .cel.hobby .pop {
  background: url(https://cdn.addevent.com/web/images/current-banner-brown.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}
.prib .cel.smallbusiness .pop {
  background: url(https://cdn.addevent.com/web/images/current-banner-pink.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}
.prib .cel.professional .pop {
  background: url(https://cdn.addevent.com/web/images/current-banner-green.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
  right: -20px;
}
.prib .pds .ccl .po .tab .cel.professional .hig {
  right: -20px;
}
.prib .pds .ccl .po .tab .cel.professional .pop {
  right: -20px;
}
.prib .pop {
  width: 87px;
  height: 87px;
  position: absolute;
  top: -1px;
  right: 0px;
  background: url(https://cdn.addevent.com/web/images/current-banner-blue.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
  display: none;
}
.prib .hd {
  height: 30px;
  clear: both;
  margin: 0px 0px 20px 0px;
}
.prib .hd p {
  margin: 0;
  font-size: 22px;
  line-height: 100%;
  font-weight: 600;
}
.prib .price {
  height: 30px;
  clear: both;
  position: relative;
  margin: 0px 0px 8px 0px;
  color: #141414;
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.prib .price img {
  transform: translateY(-25%);
  max-width: 47px;
}
.prib .price span {
  color: #585d69;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
  margin: 0px 0px 0px 4px;
}
.prib .price .free {
  margin: 0;
  font-size: 17px;
  color: #1f253b;
  font-weight: 600;
  line-height: 26px;
}
.prib .bil {
  color: #585d69;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
  position: relative;
}
.prib .bilpri {
  height: 45px;
  clear: both;
  margin-bottom: 24px;
  position: relative;
  display: none;
}
.prib .bilpri p {
  margin: 0;
  color: #585d69;
  font-size: 15px;
  line-height: 140%;
}
.prib .act {
  height: 65px;
  clear: both;
  max-width: 150px;
}
.prib .act.fll {
  max-width: unset;
}
.prib .act .btn {
  display: none;
}
.prib .ofr {
  clear: both;
  padding: 45px 0px 25px 0px;
  position: relative;
  font-size: 16px;
  line-height: 160%;
  background-color: #fff;
  border-bottom: 1px solid #eeeff2;
}
.prib .ofr .slbl {
  width: 129px;
  position: absolute;
  left: -225px;
  top: 20px;
  padding: 25px 34px 15px 21px;
  border-top: 1px solid #e2e5ea;
  display: none;
}
.prib .ofr .slbl p {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
}
.prib .ofr .sbdr {
  height: 1px;
  position: absolute;
  left: -40px;
  top: 20px;
  right: -30px;
  border-top: 1px solid #e2e5ea;
}
.prib .ofr .lst {
  margin: 0;
  padding-left: 24px;
}
.prib .ofr .lst.lst-pink {
  list-style-image: url("https://cdn.addevent.com/web/images/list-icon-pink.svg");
}
.prib .ofr .lst.lst-green {
  list-style-image: url("https://cdn.addevent.com/web/images/list-icon-green.svg");
}
.prib .ofr .lst.lst-black {
  list-style-image: url(https://cdn.addevent.com/web/images/list-icon-black.svg);
}
.prib .ofr .nono {
  list-style-image: url(https://cdn.addevent.com/web/images/list-icon-cross-black.svg);
}
.prib .ofr .lst li {
  color: #585d69;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}
.prib .ofr .lst li:last-child {
  margin-bottom: 0;
}
.prib .ofr .lst li .only {
  display: inline-block;
  margin: 0px;
  position: relative;
  align-items: baseline;
  color: #ef3a7b;
}
.prib .ofr .lst li .only i {
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: -20px;
}
.prib .feat {
  clear: both;
  padding: 12px 0px 12px 0px;
  position: relative;
  font-size: 16px;
  line-height: 160%;
}
.prib .feat .bld {
  clear: both;
  font-weight: 600;
}
.prib .feat .bld span {
  font-weight: 500;
  color: #aaafb8;
}
.prib .feat .llbl {
  width: 129px;
  position: absolute;
  left: -225px;
  top: 0px;
  padding: 12px 34px 12px 21px;
  border-top: 1px solid #e2e5ea;
  display: none;
}
.prib .pds .ccl .po .tab .cel:first-child .feat .llbl {
  display: block;
}
.prib .pds .ccl .po .tab .cel:first-child .ofr .slbl {
  display: block;
}
.prib .pds .ccl .po .tab .cel:first-child .smlls .llbl {
  display: block;
}
.prib .feat .llbl .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.prib .feat .llbl .rl p {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
}
.prib .feat .llbl .rl .icon-tooltip {
  font-size: 12px;
  position: absolute;
  top: 4px;
  right: -20px;
  z-index: 10;
  cursor: pointer;
}
.prib .feat .llbl .rl .icon-tooltip:hover:before {
  color: #125ef8;
}
.prib .feat .sbdr {
  height: 1px;
  position: absolute;
  left: -40px;
  top: 0px;
  right: -30px;
  border-top: 1px solid #e2e5ea;
}
.prib .smlls {
  clear: both;
  padding: 25px 0px 12px 0px;
  position: relative;
}
.prib .smlls ul {
  margin: 0;
  padding-left: 18px;
}
.prib .smlls ul li {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
  margin-bottom: 8px;
}
.prib .smlls ul li:last-child {
  margin-bottom: 0;
}
.prib .smlls ul.ul-pink li::marker {
  color: #ef3a7b;
}
.prib .smlls ul.ul-green li::marker {
  color: #1ac67d;
}
.prib .smlls ul.ul-blue li::marker {
  color: #125ef8;
}
.prib .smlls .sbdr {
  height: 1px;
  position: absolute;
  left: -40px;
  top: 0px;
  right: -30px;
  border-top: 1px solid #e2e5ea;
}
.prib .smlls .llbl {
  width: 129px;
  position: absolute;
  left: -225px;
  top: 0px;
  padding: 25px 34px 12px 21px;
  border-top: 1px solid #e2e5ea;
  display: none;
}
.prib .smlls .llbl .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.prib .smlls .llbl .rl p {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
}
.prib .smlls .llbl .rl .icon-tooltip {
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: -10px;
}
.prib .btn {
  display: block;
  border: 1px solid transparent;
  width: auto;
  max-height: 64px;
  background-color: transparent;
  border-radius: 6px;
  padding: 12px 33px;
  color: #125ef8;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
}
.prib .btn:hover {
  color: #828995;
}
.prib .btn:active {
  color: #828995;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.prib .btn-green {
  background-color: #1ac67d;
  color: #ffffff;
}
.prib .btn-green:hover {
  background-color: #17b270;
  color: #ffffff;
}
.prib .btn-green:active {
  background-color: #13945d;
  color: #ffffff;
}
.prib .btn-green-text {
  background-color: #ffffff;
  color: #1ac67d;
  border: 1px solid #1ac67d;
}
.prib .btn-green-text:hover {
  background-color: #17b270;
  color: #ffffff;
}
.prib .btn-pink {
  background-color: #ef3a7b;
  color: #ffffff;
}
.prib .btn-pink:hover {
  background-color: #ec1e68;
  color: #ffffff;
}
.prib .btn-pink:active {
  background-color: #ec1e68;
  color: #ffffff;
}
.prib .btn-brown {
  background: #eeebdf;
  color: #474439;
}
.prib .btn-brown:hover {
  background: #eae6d8;
  color: #474439;
}
.prib .btn-br {
  border: 1px solid #e1e8f8;
}
.prib .btn-br:hover {
  background: #e1e8f8;
  color: #125ef8;
}
.prib .btn-blue {
  background-color: #125ef8;
  color: #ffffff;
}
.prib .btn-blue:hover {
  background-color: #1111ff;
  color: #ffffff;
}
.prib .btn-blue:active {
  background-color: #125ef8;
  color: #ffffff;
}
.prib .btn-disabled {
  background-color: #b9b9b9;
  color: #ffffff;
}
.prib .btn-disabled:hover {
  background-color: #b9b9b9;
  color: #ffffff;
  cursor: default;
}
.prib .icon-tooltip:before {
  font-family: "Material Icons";
  content: "\e88e";
  color: #aaafb8;
  font-size: 15px;
  font-style: normal;
}
.prib .tooltip {
  display: none;
  position: absolute;
  top: 0px;
  left: -15px;
  z-index: 11;
  padding: 16px 18px;
  width: 320px;
  background-color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  color: #1c212b;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.prib .tooltip::before {
  position: absolute;
  bottom: -3px;
  left: 26px;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: " ";
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.prib .pds .rcl .enterprise .btn {
  display: block;
}
.prib .pds .rcl .enterprise .bil {
  display: block !important;
}
.prib .pds .rcl .enterprise .contact {
  display: none;
}
.prib.signedout .act .signup {
  display: block;
}
.prib.signedout .mon-opt {
  display: none;
}
.planhobby .cel.hobby .pin .pop {
  display: block !important;
}
.planhobby .cel.smallbusiness .act .select {
  display: block !important;
}
.planhobby .cel.professional .act .select {
  display: block !important;
}
.planhobby .price .mon-opt {
  display: none;
}
.planhobby .ofr .lst .mon-opt {
  display: none;
}
.planhobby .bil {
  display: none;
}
.planhobby .bilpri {
  display: block;
}
.planhobby .pds .rcl .enterprise .bil {
  height: 45px;
  display: block;
}
.planhobby .pds .rcl .enterprise .entsignup {
  display: none;
}
.planhobby .pds .rcl .enterprise .contact {
  display: block;
}
.plansmallbusiness .cel.smallbusiness .pin .pop {
  display: block !important;
}
.plansmallbusiness .cel.smallbusiness .act .change {
  display: block !important;
}
.plansmallbusiness .cel.professional .act .select {
  display: block !important;
}
.plansmallbusiness .price .mon-opt {
  display: none;
}
.plansmallbusiness .ofr .lst .mon-opt {
  display: none;
}
.plansmallbusiness .bil {
  display: none;
}
.plansmallbusiness .bilpri {
  display: block;
}
.plansmallbusiness .pds .rcl .enterprise .bil {
  height: 45px;
  display: block;
}
.plansmallbusiness .pds .rcl .enterprise .entsignup {
  display: none;
}
.plansmallbusiness .pds .rcl .enterprise .contact {
  display: block;
}
.planprofessional .cel.smallbusiness .act .select {
  display: block !important;
}
.planprofessional .cel.professional .pin .pop {
  display: block !important;
}
.planprofessional .cel.professional .act .change {
  display: block !important;
}
.planprofessional .price .mon-opt {
  display: none;
}
.planprofessional .ofr .lst .mon-opt {
  display: none;
}
.planprofessional .bil {
  display: none;
}
.planprofessional .bilpri {
  display: block;
}
.planprofessional .pds .rcl .enterprise .bil {
  height: 45px;
  display: block;
}
.planprofessional .pds .rcl .enterprise .entsignup {
  display: none;
}
.planprofessional .pds .rcl .enterprise .contact {
  display: block;
}
.planenterprise .pds .rcl .pop {
  display: block;
}
.planenterprise .act {
  display: block;
}
.planenterprise .bil {
  margin-bottom: 10px;
}
.planenterprise .price .mon-opt {
  display: none;
}
.planenterprise .ofr .lst .mon-opt {
  display: none;
}
.smallbusiness-professional {
  width: 1050px;
}
.smallbusiness-professional .pds .ccl .po {
  padding: 0px 30px;
}
.smallbusiness-professional .pds .ccl .po .tab .hobby {
  display: none;
}
.smallbusiness-professional .pds .ccl .po .tab .cel {
  width: 50%;
}
.smallbusiness-professional .pds .ccl .po .tab .cel.smallbusiness .feat .llbl {
  width: 185px;
  left: -235px;
  display: block;
}
.smallbusiness-professional .pds .ccl .po .tab .cel.smallbusiness .ofr .slbl {
  width: 185px;
  left: -235px;
  display: block;
}
.smallbusiness-professional .cel.smallbusiness .smlls .llbl {
  width: 185px;
  left: -235px;
  display: block;
}

.pribmobile {
  display: none;
}
.pribmobile .cel {
  width: 100%;
  height: 100%;
  margin: 0 auto 25px auto;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius: 8px;
  text-align: left;
}
.pribmobile .cel .pin {
  clear: both;
  position: relative;
  padding: 35px 35px 20px 35px;
}
.pribmobile .feat {
  text-align: right;
}
.pribmobile .feat .llbl {
  left: 0px;
  padding: 12px 24px 12px 0px;
  display: block;
  text-align: left;
}
.pribmobile .feat .llbl .rl p br {
  display: none;
}
.pribmobile .feat .bld br {
  display: none;
}
.pribmobile .feat .llbl .rl .icon-tooltip {
  display: none;
}
.pribmobile .cel .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.pribmobile .cel .po {
  clear: both;
  padding: 35px 24px 40px;
}
.pribmobile .bilu {
  clear: both;
  padding-top: 30px;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: 0px;
  text-align: left;
}
.pribmobile .fot {
  position: static;
  padding: 35px 0px 0px 0px;
}
.pribmobile .fot .smlls {
  padding: 0px 24px 30px 24px;
}
.pribmobile .enterprise .btn {
  display: block !important;
}
.pribmobile .enterprise .contact {
  display: none !important;
}
.pribmobile .act {
  max-width: unset;
}
.pribmobile .cel.professional .pop {
  right: 0px;
}
.pribmobile .hobby {
  display: none;
}
.pribmobile .hobby .bil {
  display: block;
}
.pribmobile .hobby .bilpri {
  display: none;
}
.pribmobile .hobby .act {
  height: 15px;
}
.pribmobile .prib .ofr .lst {
  font-size: 17px;
}
.pribmobile .prib .feat .llbl .rl p br {
  display: none;
}
.pribmobile .feat .llbl {
  width: auto;
}
.pribmobile .btn {
  font-size: 18px;
}

.lnk-t3 {
  width: 100%;
  clear: both;
  margin: 15px 0px 5px 0px;
  border: 1px solid #b7b7b74d;
  box-shadow: 0px 1px 0px rgba(28, 33, 42, 0.14);
  border-radius: 6px;
}

.lnk-t3 .rl {
  clear: both;
  position: relative;
}

.lnk-t3 .rl .iplbl {
  position: absolute;
  left: 77px;
  top: -11px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}

.lnk-t3 .rl .cla {
  margin: 0;
  position: absolute;
  left: 16px;
  top: 17px;
  font-size: 14px;
  color: #5b5b5b;
  line-height: 100%;
  display: none;
}

.lnk-t3 .rl input {
  width: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 17px 160px 17px 85px;
  font-family: monospace;
  font-size: 13px;
  color: #222;
  background: transparent;
  border-radius: 4px;
}

.lnk-t3 .rl .colpck {
  width: 54px;
  height: 34px;
  position: absolute;
  top: 9px;
  left: 12px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.lnk-t3 .rl .colpck:hover {
  box-shadow:
    0 0 0 0.5px rgb(50 50 93 / 8%),
    0 2px 5px 0 rgb(50 50 93 / 8%),
    0 1px 1.5px 0 rgb(0 0 0 / 4%),
    0 1px 2px 0 rgb(0 0 0 / 3%),
    0 0 0 0 transparent;
}

.lnk-t3 .rl .colpck .rx {
  width: 100%;
  height: 100%;
  position: relative;
}

.lnk-t3 .rl .colpck .rx .co {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 8px;
  top: 5px;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.lnk-t3 .rl .colpck .rx .ar {
  width: 20px;
  height: 22px;
  position: absolute;
  left: 32px;
  top: 7px;
}

.lnk-t3 .rl .colpck .rx .ar i {
  font-size: 20px;
  line-height: 22px;
  color: #222;
}

.lnk-t3 .rl .colpck .rx .opts {
  width: 170px;
  position: absolute;
  left: 62px;
  top: -63px;
  background: #fff;
  padding: 10px 0px 10px 15px;
  z-index: 20;
  border-radius: 4px;
  box-shadow:
    0 8px 10px 1px rgb(0 0 0 / 9%),
    0 3px 8px 2px rgb(0 0 0 / 8%),
    0 5px 2px -3px rgb(0 0 0 / 6%);
}

.lnk-t3 .rl .colpck .rx .opts {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}

.lnk-t3 .rl .colpck.active .rx .opts {
  visibility: visible;
  z-index: 101;
  opacity: 1;
  margin: 0px;
  transform: scale(1, 1);
}

.lnk-t3 .rl .colpck .rx .paluse {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
}

.lnk-t3 .rl .colpck .rx .paluse li {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px 5px 5px 0px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}

.lnk-t3 .rl .colpck .rx .paluse li:hover {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.lnk-t3 .rl .colpck .rx .paluse li:active {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.event-details
  .main
  .e-row
  .content
  .lnk-t3
  .rl
  .colpck
  .rx
  .paluse
  li.checked::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 24px;
  height: 24px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
}

.lnk-t3 .lbl {
  width: 150px;
  position: absolute;
  z-index: 2;
  left: -170px;
  top: 12px;
}

.lnk-t3 .lbl label {
  font-size: 14px;
  color: #999;
  float: right;
}

.lnk-t3 .act {
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 14px;
}

.lnk-t3 .act ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}

.lnk-t3 .act ul .del {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.lnk-t3 .act ul .del a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.lnk-t3 .act ul .del a i {
  font-size: 20px;
  line-height: 36px;
  color: #222;
}

.lnk-t3 .act ul .del a:hover {
  background: #efefef;
}

.lnk-t3 .act ul .del a:hover i {
  color: #000;
}

.lnk-t3 .act ul .sync {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.lnk-t3 .act ul .sync a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.lnk-t3 .act ul .sync a i {
  font-size: 20px;
  line-height: 36px;
  color: #222;
}

.lnk-t3 .act ul .sync a:hover {
  background: #efefef;
}

.lnk-t3 .act ul .sync a:hover i {
  color: #000;
}

.lnk-t3 .act ul .sync .syncing {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background: #fff
    url(https://cdn.addevent.com/legacy2000/gfx/icon-loading-t1.svg) no-repeat
    50% 50%;
  background-size: 22px auto;
  display: none;
}

.lnk-t3 .act ul .chk {
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
}

.lnk-t3 .act ul .chk a {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: help;
  left: 0px;
  top: 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.lnk-t3 .act ul .chk a:hover {
  background: #efefef;
}

.lnk-t3 .act ul .chk a i {
  font-size: 22px;
  line-height: 36px;
  color: #4caf50;
}

.lnk-t3 .alert-t1 {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 14px;
  top: 7px;
  z-index: 14;
  overflow: hidden;
  cursor: help;
  border-radius: 50%;
  background: #fff;
}

.lnk-t3 .alert-t1 .ico {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}

.lnk-t3 .alert-t1 .ico .ic {
  font-size: 26px;
  line-height: 36px;
  color: #fc2828;
}

.lnk-t3 .alert-t1 .info {
  width: 320px;
  position: absolute;
  right: 40px;
  top: -100px;
  z-index: 100;
  background: #fff;
  border-radius: 4px;
  padding: 15px 22px 17px 22px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  text-align: left;
}

.lnk-t3 .alert-t1 .info p {
  margin: 0px;
  font-size: 15px;
  line-height: 155%;
}

.lnk-t3 .alert-t1 .info p strong {
  font-weight: 600;
}

.lnk-t3 .alert-t1:hover {
  background: #efefef;
  overflow: visible;
}

.lnk-t3 .alert-t1:hover .info {
}

.lnk-t3 .alert-t1 .info {
  opacity: 0;
  transform: translateX(35px) scale(0.8);
  transition: all 0.2s ease;
}

.lnk-t3 .alert-t1:hover .info {
  opacity: 1;
  transform: translateX(0px) scale(1);
}

#add-external-popup {
  margin-top: 10px;
}

.share-your {
  display: flex;
  flex-direction: column;
  padding: 18px 0px 0px 0px;
}

.share-your .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.share-your .top .text {
  color: #1b212b;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

.share-your .top .text.mobile {
  display: none;
}

.share-your .hr {
  height: 1px;
  width: 100%;
  margin: 0 24px;
  background-color: #dee0e3;
}

.share-your .top .btn {
  white-space: nowrap;
}

.share-your .box {
  display: grid;
  gap: 16px;
}

.share-your .box .item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.4s ease;
  background-color: #fff;
  padding: 20px 24px 18px 24px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 8px 8px 4px 4px;
}

.share-your .box .item.hide {
  display: none;
}

.share-your .box .item.expanded {
  cursor: unset;
}

.share-your .box .item.expanded .body {
  display: block;
}

.share-your .box .item.expanded .top .plus {
  display: none;
}

.share-your .box .item.expanded .top .minus {
  display: block;
}

.share-your .box .item.all-methods {
  display: none;
  align-items: center;
}

.share-your .box .item.all-methods img {
  display: block;
  max-width: 158px;
  margin-bottom: 36px;
}

.share-your .box .item.all-methods .text {
  color: #1c212a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.34;
}

.share-your .box .item:hover .ico {
  background: #cfe0ff20;
}

.share-your .box .item.expanded:hover .ico {
  background: unset;
}

.share-your .box .item:active {
}

.share-your .box .item .btn.mobile {
  display: none;
}

.share-your .box .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0px;
}

.share-your .box .item .top .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin-right: 18px;
  margin-top: -1px;
}

.share-your .box .item .top .icon.blue {
  color: #125ef8;
}

.share-your .box .item .top .icon.red {
  color: #e22e4e;
}

.share-your .box .item .top .icon.yellow {
  color: #f0c322;
}

.share-your .box .item .top .icon.green {
  color: #1dc67d;
}

.share-your .box .item .top .icon.dg1 {
  transform: rotate(-45deg);
}

.share-your .box .item .top .ico {
  width: 38px;
  height: 38px;
  position: absolute;
  top: -7px;
  right: -5px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.share-your .box .item .top .ico:hover {
  background: #cfe0ff52;
}

.share-your .box .item .top .plus {
  z-index: 3;
}

.share-your .box .item.expanded .top .plus {
  z-index: 1;
}

.share-your .box .item .top .minus span {
  font-size: 28px;
  line-height: 38px;
  color: #1a73e8;
}

.share-your .box .item .top .plus span {
  font-size: 28px;
  line-height: 38px;
  color: #1a73e8;
}

.share-your .box .item .top .title {
  color: #1b212b;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.34;
  width: 100%;
}

.share-your .box .item .top .tooltip-box .icon {
  font-size: 16px;
}

.share-your .box .item .top .tooltip-box .text {
  margin: 0;
}

.share-your .box .item .text {
  clear: both;
  padding: 15px 0px 0px 0px;
  color: #191919;
  font-size: 16px;
  line-height: 155%;
  margin-bottom: 24px;
}

.share-your .box .item .text:last-child {
  margin-bottom: 0;
}

.share-your .box .item .body {
  clear: both;
  overflow: hidden;
  outline: none;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.share-your .box .item .body.free {
  overflow: visible;
}

.share-your .box .item .preboxwrap {
  background: #f1f5f9;
}

.share-your .box .item .works {
  clear: both;
  margin: 0px 0px 22px 0px;
}

.share-your .box .item .works .lbl {
  float: left;
  color: #1b212b;
  font-size: 15px;
  line-height: 40px;
  margin-right: 14px;
}

.share-your .box .item .works .lbl .tag-t1 {
  display: inline-block;
  font-size: 14px;
  color: #56212b;
  line-height: 26px;
  background: #e7effe;
  border-radius: 4px;
  padding: 0px 11px 0px 10px;
  margin: 0px 0px 0px 8px;
}

.share-your .box .item .works .items {
  float: left;
}

.share-your .box .item .works .items .works-item {
  width: 27px;
  display: inline-block;
  padding: 9px 0px 0px 0px;
}

.share-your .box .item .works .items .works-item img {
  width: 22px;
}

.share-your .box .item .works .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.share-your .box .item .image-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f6f7;
  height: 250px;
  margin-bottom: 22px;
  padding: 10px 20px;
}

.share-your .box .item .image-box img {
  max-width: 100%;
  max-height: 100%;
}

.share-your .box .item .prebox-t1 {
  clear: both;
  width: 608px;
  height: 290px;
  position: relative;
  overflow: hidden;
  background: #f5f6f7;
  margin: 0px 0px 22px 0px;
  border-radius: 5px;
  border: 1px solid #dee3e7;
}

.share-your .box .item .prebox-t1 .ifr {
  clear: both;
  position: relative;
}

.share-your .box .item .prebox-t1 .ifr .dis {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff01;
}

.share-your .box .item .prebox-t1 .ifr iframe {
  width: 1340px;
  height: 580px;
  position: relative;
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  transition: all 300ms ease-in-out;
}

.share-your .box .item .prebox-t1 .ifr iframe.visible {
  opacity: 1;
}

.share-your .box .item .prebox-t1 .ifr.embcal iframe {
  width: 1000px;
  height: 500px;
  margin: 18px 0px 0px 85px;
}

.share-your .box .item .prebox-t1 .load {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background: #ffffffba
    url(https://cdn.addevent.com/app/v2/gfx/icon-load-t11.svg) no-repeat 50% 50%;
  background-size: 70px auto;
  display: none;
}

.share-your .box .item .prebox-t1 .slks {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 11;
  background: #f9fbfd;
  display: none;
}

.share-your .box .item .prebox-t1 .slks .pox {
  clear: both;
  padding: 76px 85px 0px 70px;
}

.share-your .box .item .prebox-t1 .slks .pox .rw-t1 {
  clear: both;
  position: relative;
  padding: 0px 110px 0px 0px;
  margin: 0px 0px 34px 0px;
}

.share-your .box .item .prebox-t1 .slks .pox .rw-t2 {
  clear: both;
  position: relative;
  padding: 0px 110px 0px 0px;
}

.share-your .box .item .prebox-t1 .slks .pox .ix-t2 .wr .lbl {
  background: #f9fbfd;
  font-weight: 500;
}

.share-your .box .item .prebox-t1 .slks .pox .ix-t2 .wr input {
  padding: 13px 20px 14px 16px;
}

.share-your .box .item .prebox-t1 .slks .pox .ixcopy {
  width: 100px;
  position: absolute;
  top: 2px;
  right: 0px;
}

.share-your .box .item .prebox-t1 .slks .pox .ixcopy a {
  padding: 0px 18px 0px 15px;
  line-height: 50px;
}

.share-your .box .item .prebox-t1 .slks .pox .ixcopy a:hover {
}

.share-your .box .item .prebox-t1 .slks .pox .ixcopy a:active {
}

.share-your .box .item .prebox-t2 {
  clear: both;
  width: 100%;
  height: 290px;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin: 0px 0px 22px 0px;
  border-radius: 5px;
  border: 1px solid #dee3e7;
  box-shadow:
    inset 0px 0px 10px 1px rgb(50 50 93 / 5%),
    inset 0 0px 1px 0 rgb(50 50 93 / 5%);
}

.share-your .box .item .prebox-t2 .tab {
  width: 100%;
  height: 290px;
  display: table;
  text-align: center;
  vertical-align: middle;
}

.share-your .box .item .prebox-t2 .tab .cel {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.share-your .box .item .prebox-t2 .dis {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  background: #ffffff01;
}

.share-your .box .item .prebox-t2 .ifr {
  clear: both;
  position: relative;
  text-align: center;
  padding: 20px 0px 0px 0px;
}

.share-your .box .item .prebox-t2 .ifr .ifm {
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.share-your .box .item .prebox-t2 .ifr .ifm.nosh {
  box-shadow: unset;
  border-radius: 8px;
}

.share-your .box .item .prebox-t2 .ifr .ifm iframe {
  width: 360px;
  height: 580px;
  position: relative;
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 0 0;
  transform: scale(1);
  transform-origin: 0 0;
}

.share-your .box .item .prebox-t2 .copy {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
}

.share-your .box .item .prebox-t2 .copy a {
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 50%;
  background: #f0f3f7;
}

.share-your .box .item .prebox-t2 .copy a .ic {
  font-size: 19px;
  line-height: 40px;
  transform: rotate(180deg);
}

.share-your .box .item .prebox-t2 .copy a:hover {
  background: #f0f3f7;
}

.share-your .box .item .prebox-t2 .copy a:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .prebox-t2 .code {
  position: absolute;
  bottom: 20px;
  right: 24px;
  z-index: 2;
}

.share-your .box .item .prebox-t2 .code a {
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 50%;
}

.share-your .box .item .prebox-t2 .code a .ic {
  font-size: 22px;
  line-height: 40px;
}

.share-your .box .item .prebox-t2 .code a:hover {
  background: #f0f3f7;
}

.share-your .box .item .prebox-t2 .code a:active {
  background: #f0f3f7;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .prebox-t2 .delete {
  position: absolute;
  bottom: 20px;
  right: 70px;
  z-index: 2;
}

.share-your .box .item .prebox-t2 .delete a {
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 50%;
}

.share-your .box .item .prebox-t2 .delete a .ic {
  font-size: 20px;
  line-height: 40px;
}

.share-your .box .item .prebox-t2 .delete a:hover {
  background: #f0f3f7;
}

.share-your .box .item .prebox-t2 .delete a:active {
  background: #f0f3f7;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .prebox-t2.s1 {
  margin: 0px 0px 10px 0px;
  background: #f1f5f973;
}

.share-your .box .item .prebox-t2.s2 {
  margin: 0px 0px 22px 0px;
  background: #f1f5f973;
}

.share-your .box .item .lftpag {
  clear: both;
  padding: 2px 0px 0px 0px;
}

.share-your .box .item .lftpag .pag {
  float: left;
}

.share-your .box .item .lftpag .nwb {
  float: left;
  margin: -2px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}

.share-your .box .item .lftpag .nwb input {
  margin: 0;
  border: 0;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 38px;
  font-weight: 500;
  cursor: pointer;
  background: #fff
    url(https://cdn.addevent.com/app/v2/gfx/icon-color-palette-t1.svg) no-repeat
    10px 46%;
  background-size: 22px auto;
  padding: 0px 20px 0px 42px;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.share-your .box .item .lftpag .nwb input:hover {
  box-shadow:
    0 0 0 4px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.share-your .box .item .lftpag .nwb input:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .rgtpag .del {
  padding: 0px 18px 0px 6px;
}

.share-your .box #noti-subinfo {
  margin: 0px 0px 10px 0px;
}

.share-your .wrp-t1 {
  clear: both;
  padding: 35px 0px 0px 0px;
}

.share-your .factbox-t2 {
  clear: both;
  padding: 16px 24px 24px;
  margin: 0px 0px 25px 0px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}

.share-your .factbox-t2 .tp {
  clear: both;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 12px 0px;
  border-bottom: 1px solid #edeff2;
}

.share-your .factbox-t2 .tp p {
  margin: 0;
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.share-your .factbox-t2 .tp .tip {
  display: inline-block;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
  padding: 0px 8px;
  margin: 1px 0px 0px 12px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #1f9d68;
  background: #e8f9f2;
}

.share-your .factbox-t2 .bd {
  clear: both;
}

.share-your .factbox-t2 .bd p {
  margin: 0;
  font-size: 15px;
  line-height: 145%;
  color: #222;
}

.share-your .box .item .selectbox-g-t1 {
  width: 100%;
  background: #fff;
}

.share-your .box .item .selectbox-g-t1 .bin .icc {
  width: 100%;
  background: #fff;
}

.share-your .box .item .selectbox-g-t1 .bin .icc .dsgic {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0px;
  top: -2px;
}

.share-your .box .item .selectbox-g-t1 .opts {
  width: 350px;
  right: 0px;
  left: unset;
  top: -180px;
  z-index: 1013;
}

.share-your .box .item .selectbox-g-t1 .opts .px {
  padding: 12px 8px 8px 8px;
}

.share-your .box .item .selectbox-g-t1 .opts .px .option .ra-t1 {
  top: 19px;
}

.share-your .box .item .selectbox-g-t1 .opts .fx {
  clear: both;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}

.share-your .box .item .selectbox-g-t1 .opts .option {
  height: auto !important;
  padding: 5px 20px 16px 54px !important;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd {
  clear: both;
  position: relative;
  margin: 0px 0px 15px 0px;
  padding: 0px 35px 0px 0px;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd p {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .def {
  position: absolute;
  top: 12px;
  right: 0px;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .def .ico {
  font-size: 20px;
  color: orange;
}

.share-your .box .item .selectbox-g-t1 .opts .option .thu {
  clear: both;
  padding: 0px 20px 0px 0px;
}

.share-your .box .item .selectbox-g-t1 .opts .option .thu .mx {
  max-height: 140px;
  clear: both;
  overflow: hidden;
  margin: -6px 0px 6px 0px;
  background: #f9fafb4a;
  border: 5px solid #fff;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .lnk {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 8px;
  right: -5px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .lnk:hover {
  background: #fff;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .lnk:active {
  background: #f1f1f1;
}

.share-your .box .item .selectbox-g-t1 .opts .option .hd .lnk .ico {
  font-size: 20px;
  color: #535362;
  line-height: 30px;
}

.share-your .box .item .selectbox-g-t1 .opts .act {
  clear: both;
  padding: 14px 20px;
  border-top: 1px solid #ddd;
}

.share-your .box .item .selectbox-g-t1 .opts .act .btn {
  width: 100%;
}

.share-your .box .item .selectbox-g-t1.sl2 .bin {
  height: 38px;
}

.share-your .box .item .selectbox-g-t1.sl2 .bin .arr {
  top: 2px;
}

.share-your .box .item .selectbox-g-t1.sl2 .bin .opt {
  line-height: 38px;
}

.share-your .box .item .selectbox-g-t1.sl2 {
  height: 38px;
}

.share-your .box .item .selectbox-g-t1 .bin .ovf {
  width: 230px;
}

.share-your .box .item .selectbox-g-t1 .opts {
  top: -356px;
  right: unset;
  left: 0px;
}

.share-your .box .item .urls {
  clear: both;
  padding: 10px 0px 20px 10px;
}

.share-your .box .item .urls .url {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 38px;
  margin: 0px 0px 10px 0px;
}

.share-your .box .item .urls .url .ico {
  width: 38px;
  height: 38px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.share-your .box .item .urls .url .ico.apple {
  background: url(https://cdn.addevent.com/libs/imgs/icon-apple-t5.svg)
    no-repeat 1px 4px;
  background-size: 25px auto;
}

.share-your .box .item .urls .url .ico.google {
  background: url(https://cdn.addevent.com/libs/imgs/icon-google-t5.svg)
    no-repeat 2px 7px;
  background-size: 22px auto;
}

.share-your .box .item .urls .url .ico.office365 {
  background: url(https://cdn.addevent.com/libs/imgs/icon-office365-t5.svg)
    no-repeat 4px 8px;
  background-size: 17px auto;
}

.share-your .box .item .urls .url .ico.outlook {
  background: url(https://cdn.addevent.com/libs/imgs/icon-outlook-t5.svg)
    no-repeat 3px 7px;
  background-size: 21px auto;
}

.share-your .box .item .urls .url .ico.outlookcom {
  background: url(https://cdn.addevent.com/libs/imgs/icon-outlookcom-t5.svg)
    no-repeat 3px 7px;
  background-size: 21px auto;
}

.share-your .box .item .urls .url .ico.yahoo {
  background: url(https://cdn.addevent.com/libs/imgs/icon-yahoo-t5.svg)
    no-repeat 3px 8px;
  background-size: 20px auto;
}

.share-your .box .item .urls .url .lbl {
  margin: 0;
  font-size: 15px;
  line-height: 38px;
  color: #90959b;
}

.share-your .box .item .urls .url .act {
  position: absolute;
  left: 150px;
  top: 0px;
}

.share-your .box .item .urls .url .act .lnk {
  width: 430px;
  display: block;
  float: left;
  line-height: 38px;
  padding: 0px 12px;
  font-size: 14px;
  font-weight: 500;
  font-family: monospace;
  border-radius: 8px;
  background: #f0f0f0a3;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.share-your .box .item .urls .url .act .lnk:hover {
  background: #f0f0f0eb;
}

.share-your .box .item .urls .url .act .lnk:active {
  background: #f0f0f0a3;
}

.share-your .box .item .urls .url .act .icx {
  width: 38px;
  line-height: 38px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 6px;
}

.share-your .box .item .urls .url .act .icx .ab {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 3px;
  top: 3px;
  border: 1px solid transparent;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.share-your .box .item .urls .url .act .icx .ab:hover {
  background: #f0f3f7;
}

.share-your .box .item .urls .url .act .icx .ab:active {
  background: #eceff3;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .urls .url .act .icx .ab .ic {
  font-size: 19px;
  line-height: 32px;
  color: #222;
  transform: translateY(-1px);
}

.share-your .box .item .brow {
  height: 48px;
  position: relative;
  margin: 0px 0px 3px 0px;
}

.share-your .box .item .brow .xp {
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 10;
  background: #fff;
  border-radius: 5px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.share-your .box .item .brow .xp .rl {
  width: 100%;
  height: 100%;
  position: relative;
}

.share-your .box .item .brow .xp .rl .dots {
  position: absolute;
  left: 25px;
  top: 21px;
}

.share-your .box .item .brow .xp .rl .dots .dot1 {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  border: 1px solid #ce5347;
  background: #ee6a5f;
  margin: 0px 6px 0px 0px;
}

.share-your .box .item .brow .xp .rl .dots .dot2 {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  border: 1px solid #d6a243;
  background: #f5c050;
  margin: 0px 6px 0px 0px;
}

.share-your .box .item .brow .xp .rl .dots .dot3 {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  border: 1px solid #58a942;
  background: #65c755;
  margin: 0px 6px 0px 0px;
}

.share-your .box .item .brow .xp .rl .bar {
  position: absolute;
  left: 135px;
  top: 10px;
}

.share-your .box .item .brow .xp .rl .bar .inpo {
  width: 430px;
  height: 34px;
  float: left;
  margin: 0px 15px 0px 0px;
  position: relative;
  background: #f8f8f8;
  border-radius: 6px;
}

.share-your .box .item .brow .xp .rl .bar .inpo .lock {
  font-size: 17px;
  line-height: 24px;
  color: #8f8f8f;
  position: absolute;
  left: 12px;
  top: 5px;
}

.share-your .box .item .brow .xp .rl .bar .inpo input {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 0px 20px 0px 42px;
  margin: 6px 0px 0px 0px;
  background: transparent;
  line-height: 22px;
  color: #6b6b6b;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.25px;
}

.share-your .box .item .brow .xp .rl .bar .act {
  width: 34px;
  height: 34px;
  float: left;
  border: 1px solid transparent;
  margin: 0px 4px 0px 0px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.share-your .box .item .brow .xp .rl .bar .act .ic {
  font-size: 19px;
  line-height: 34px;
  color: #7c7c7c;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

.share-your .box .item .brow .xp .rl .bar .act:hover {
  background: #f5f5f5;
}

.share-your .box .item .brow .xp .rl .bar .act:active {
  background: #f1f1f1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .foot-t1 {
  height: 45px;
  clear: both;
  position: relative;
}

.share-your .box .item .foot-t1 .lft {
  position: absolute;
  left: 0px;
  top: 0px;
}

.share-your .box .item .foot-t1 .lft .flt-t1 {
  float: left;
  margin: 0px 15px 0px 0px;
}

.share-your .box .item .foot-t1 .lft .flt-t1 .lbl {
  float: left;
  font-size: 15px;
  color: #1b212b;
  line-height: 38px;
}

.share-your .box .item .foot-t1 .lft .flt-t2w {
  float: left;
}

.share-your .box .item .foot-t1 .lft .flt-t2 {
  float: left;
  margin: 0px 10px 0px 0px;
}

.share-your .box .item .foot-t1 .lft .flt-t2.ma-t1 {
  margin: 0px 25px 0px 0px;
}

.share-your .box .item .foot-t1 .lft .flt-t2 .save {
  padding: 6px 15px;
}

.share-your .box .item .foot-t1 .lft .flt-t2 .cancel {
  width: 38px;
  height: 38px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
}

.share-your .box .item .foot-t1 .lft .flt-t2 .cancel .ic {
  line-height: 38px;
  font-size: 24px;
  color: #222;
}

.share-your .box .item .foot-t1 .lft .flt-t2 .cancel:hover {
  background: #f0f3f7;
}

.share-your .box .item .foot-t1 .lft .flt-t2 .cancel:active {
  background: #ebeef2;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .foot-t1 .rgt {
  position: absolute;
  right: 0px;
  top: -2px;
}

.share-your .box .item .foot-t1 .rgt .flt-t1 {
  float: left;
  position: relative;
}

.share-your .box .item .foot-t1 .rgt .flt-t1 .visible {
  background-color: #fff;
  color: #000;
  border: 1px solid #d2d4d8;
}

.share-your .box .item .foot-t1 .rgt .flt-t1 .visible:hover {
}

.share-your .box .item .foot-t1 .rgt .flt-t1 .visible:active {
  background: #f7faff;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item .foot-t1 .rgt.disabled {
  visibility: hidden;
}

.share-your .box .item .foot-t1 .rgt.disabled .flt-t1:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff0d;
}

.share-your .box .item .foot-t1 .rgt .customize {
  height: 38px;
  display: block;
  padding: 0px 20px 0px 20px;
  position: relative;
  text-decoration: none;
  border: 1px dashed #296ffa;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  cursor: pointer;
  border-radius: 5px;
  line-height: 34px;
  font-size: 15px;
  font-weight: 600;
  color: #296ffa;
}

.share-your .box .item .foot-t1 .rgt .customize .ic {
  display: none;
  position: absolute;
  left: 13px;
  top: 6px;
  font-size: 16px;
  line-height: 22px;
  color: #296ffa;
}

.share-your .box .item .foot-t1 .rgt .customize:hover {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 0px 0px 4px rgb(41 111 250 / 10%);
}

.share-your .box .item .foot-t1 .rgt .customize:active {
  top: 1px;
}

.share-your .box .item .foot-t2 {
  height: 45px;
  clear: both;
  position: relative;
}

.share-your .box .item .foot-t2 .lft {
  position: absolute;
  left: 0px;
  top: 0px;
}

.share-your .box .item .foot-t2 .lft .flt-t1 {
  float: left;
  margin: 0px 15px 0px 0px;
}

.share-your .box .item .foot-t2 .lft .flt-t1 .lbl {
  float: left;
  font-size: 15px;
  color: #1b212b;
  line-height: 38px;
}

.share-your .box .item .foot-t2 .lft .flt-t2 {
  float: left;
  margin: 0px 10px 0px 0px;
}

.share-your .box .item .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share-your .box .item .bottom .template-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share-your .box .item .bottom .template-info .title {
  color: #1b212b;
  font-size: 15px;
  line-height: 34px;
  margin-right: 15px;
}

.share-your .box .item .bottom .template-info .name {
  position: relative;
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 34px;
  padding: 0px 42px 0px 14px;
  background: rgba(18, 94, 248, 0.1);
  border-radius: 2px;
}

.share-your .box .item .bottom .template-info .name .arr {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 2px;
  right: 3px;
  text-align: center;
}

.share-your .box .item .bottom .template-info .name .arr .ico {
  font-size: 26px;
  line-height: 30px;
  color: #111;
}

.share-your .box .item .bottom .template-info .icon {
  display: none;
}

.share-your .box .item .bottom .btn.desktop {
}

.share-your .box .item .bottom .btn.mobile {
  display: none;
}

.share-your .box .item.browser {
  padding: 0px;
}

.share-your .box .item.browser .body.freexp {
  max-height: 1000px !important;
}

.share-your .box .item.browser .prebox-t1 {
  max-width: 100%;
  height: 290px;
  border: 0;
}

.share-your .box .item.browser .prebox-t1 .ifr iframe {
  width: 1216px;
  height: 580px;
}

.share-your .box .item.browser .foot-t1 {
  height: 70px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.share-your .box .item.browser .foot-t1 .lft {
  top: 15px;
  left: 25px;
}

.share-your .box .item.browser .foot-t1 .lft .flt-t1 {
  margin: 0;
  width: 112px;
}

.share-your .box .item.browser .foot-t1 .rgt {
  top: 15px;
  right: 25px;
}

.share-your .box .item.browser .prebox-t1 {
  margin: 0 auto;
}

.share-your .box .item.browser .foot-links-t1 {
  clear: both;
  position: relative;
  padding: 15px 0px 20px 25px;
}

.share-your .box .item.browser .foot-links-t1 .flx {
  display: flex;
  margin: 0px 0px 10px 0px;
}

.share-your .box .item.browser .foot-links-t1 .flx .wi {
  width: 110px;
  font-size: 15px;
  color: #1b212b;
  line-height: 38px;
  font-weight: 400;
}

.share-your .box .item.browser .foot-links-t1 .act .lnk {
  width: 430px;
  display: inline-block;
  float: left;
  line-height: 38px;
  padding: 0px 12px;
  font-size: 14px;
  font-weight: 500;
  font-family: monospace;
  border-radius: 8px;
  background: #f0f0f0a3;
  cursor: pointer;
}

.share-your .box .item.browser .foot-links-t1 .act .lnk:hover {
  background: #f0f0f0eb;
}

.share-your .box .item.browser .foot-links-t1 .act .lnk:active {
  background: #f0f0f0a3;
}

.share-your .box .item.browser .foot-links-t1 .act .icx {
  width: 38px;
  line-height: 38px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 6px;
}

.share-your .box .item.browser .foot-links-t1 .act .icx .ab {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 3px;
  top: 3px;
  border: 1px solid transparent;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.share-your .box .item.browser .foot-links-t1 .act .icx .ab:hover {
  background: #f0f3f7;
}

.share-your .box .item.browser .foot-links-t1 .act .icx .ab:active {
  background: #eceff3;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.share-your .box .item.browser .foot-links-t1 .act .icx .ab .ic {
  font-size: 19px;
  line-height: 32px;
  color: #222;
}

.share-your .box .item.browser .selectbox-g-t1 .bin .ovf {
  width: 200px;
}

.factbox-t1 .box .typeimage {
  height: 100px;
  clear: both;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background: #fafafa;
  box-shadow: inset 0 0 8px 0 #ebebeb;
  border-radius: 5px;
}

.factbox-t1 .box.readonly .typeimage {
  cursor: default;
}

.factbox-t1 .box .typeimage .ico {
  clear: both;
  margin: 0 0 -2px 0;
}

.factbox-t1 .box .typeimage .ico .ic {
  font-size: 30px;
  line-height: 30px;
  color: #5f6368;
}

.factbox-t1 .box .typeimage .icolbl {
  clear: both;
  margin: 0 0 -4px 0;
}

.factbox-t1 .box .typeimage .icolbl p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #5f6368;
}

.factbox-t1 .box .typeimage .setdel {
  width: 34px;
  height: 34px;
  position: absolute;
  right: -17px;
  top: -17px;
  z-index: 12;
  background: #f5d9d9;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  display: none;
}

.factbox-t1 .box .typeimage .setdel:hover {
  background: #ffcccc;
}

.factbox-t1 .box .typeimage .setdel:active {
}

.factbox-t1 .box .typeimage .setdel .ic {
  font-size: 22px;
  line-height: 34px;
  color: #bb0000;
}

.factbox-t1 .box .typeimage .setbg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #fff;
  border-radius: 5px;
  display: none;
}

.factbox-t1 .box .typeimage .setimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  display: none;
}

.factbox-t1 .box.imageisset .typeimage .setimg {
  display: block;
}

.factbox-t1 .box.imageisset .typeimage .setdel {
  display: block;
}

body.auth-page,
body.auth-page .usica-t1 .auto .pad,
body.auth-page .usica-t1 .auto .pad .inp-t5 span,
body.auth-page .usica-t2 .auto .pad .inp-t5 span {
  background-color: #fff;
}

.auth-page .auth-banner {
  background-color: #125ef8;
  color: #fff;
  line-height: 44px;
  position: absolute;
  width: 100%;
}

.auth-page .auth-banner p {
  text-align: center;
}

/* Common styles for the timezone selector */

/* 
TODO: a lot of these ones are duplicated with the .event-details root selector. See assets/styles/style_parts/style_event_details.css:296  
 CONSOLIDATE COMMON PARTS here!
 I copied and pasted them and adapted some by commenting out parts that were wrong for this use-case.
*/

.settings-box .tzidsel {
  display: inline-block;
  position: relative;
  padding: 0px 52px 0px 15px;
  /* margin: 0px 8px 0px 12px; */
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.settings-box .tzidsel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.settings-box .tzidsel .lbl {
  /* max-width: 136px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-box .tzidsel .gtm {
  font-size: 13px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  letter-spacing: -0.5px;
}

.settings-box .tzidsel .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 9;
  text-align: center;
}

.settings-box .tzidsel .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}

.settings-box .flsel .tzidsel {
  display: inline-block;
  position: relative;
  padding: 0px 52px 0px 15px;
  margin: 0px 8px 0px 12px;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.settings-box .flsel .tzidsel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.settings-box .flsel .tzidsel .lbl {
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-box .flsel .tzidsel .gtm {
  font-size: 13px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  letter-spacing: -0.5px;
}

.settings-box .flsel .tzidsel .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 9;
  text-align: center;
}

.settings-box .flsel .tzidsel .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}

.settings-box .flsel .tzidsel .addresslookup {
  left: -5px;
  right: unset;
}

.settings-box .inp-t2 .lin .tzidsel {
  float: left;
  line-height: 42px;
  position: relative;
  padding: 0px 40px 0px 36px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.settings-box .inp-t2 .lin .tzidsel.notzid {
  padding: 0px 14px 0px 36px;
}

.settings-box .inp-t2 .lin .tzidsel.notzid .clear {
  display: none;
}

.settings-box .inp-t2 .lin .tzidsel:hover {
  background: #f5f6f6;
}

.settings-box .inp-t2 .lin .tzidsel:active {
  background: #eeefef;
}

.settings-box .inp-t2 .lin .tzidsel:hover .res {
  background: #f5f6f6;
}

.settings-box .inp-t2 .lin .tzidsel .tziddrop {
  height: 364px;
}

.settings-box .inp-t2 .lin .tzidsel .glo {
  position: absolute;
  left: 9px;
  top: 0px;
}

.settings-box .inp-t2 .lin .tzidsel .glo .ic {
  font-size: 19px;
  line-height: 42px;
  color: #9a9a9a;
}

.settings-box .inp-t2 .lin .tzidsel .lbl {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #555;
  max-width: 145px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.25px;
}

.settings-box .inp-t2 .lin .tzidsel .lbl .gtm {
  font-size: 14px;
  display: inline-block;
  margin: 0px 4px 0px 0px;
  color: #999;
}

.settings-box .inp-t2 .lin .tzidsel .res {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50%;
  text-align: center;
}

.settings-box .inp-t2 .lin .tzidsel .res:hover {
  background: #fff;
}

.settings-box .inp-t2 .lin .tzidsel .res .ic {
  font-size: 21px;
  line-height: 30px;
  color: #585858;
}

.settings-box .el-wr-t2 .tzidsel {
  float: left;
  line-height: 42px;
  position: relative;
  padding: 0px 40px 0px 36px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.settings-box .el-wr-t2 .tzidsel.notzid {
  padding: 0px 14px 0px 36px;
}

.settings-box .el-wr-t2 .tzidsel.notzid .clear {
  display: none;
}

.settings-box .el-wr-t2 .tzidsel:hover {
  background: #f5f6f6;
}

.settings-box .el-wr-t2 .tzidsel:active {
  background: #eeefef;
}

.settings-box .el-wr-t2 .tzidsel:hover .res {
  background: #f5f6f6;
}

.settings-box .el-wr-t2 .tzidsel .tziddrop {
  height: 364px;
}

.settings-box .el-wr-t2 .tzidsel .glo {
  position: absolute;
  left: 9px;
  top: 0px;
}

.settings-box .el-wr-t2 .tzidsel .glo .ic {
  font-size: 19px;
  line-height: 42px;
  color: #9a9a9a;
}

.settings-box .el-wr-t2 .tzidsel .lbl {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #555;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.25px;
}

.settings-box .el-wr-t2 .tzidsel .lbl .gtm {
  font-size: 14px;
  display: inline-block;
  margin: 0px 4px 0px 0px;
  color: #999;
}

.settings-box .el-wr-t2 .tzidsel .res {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50%;
  text-align: center;
}

.settings-box .el-wr-t2 .tzidsel .res:hover {
  background: #fff;
}

.settings-box .el-wr-t2 .tzidsel .res .ic {
  font-size: 21px;
  line-height: 30px;
  color: #585858;
}

.settings-box .el-wr-t2 .tzidsel .tziddrop {
  right: auto;
  left: -10px;
}

/* Fonts
---------------------------------------------------------------------- */

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-Regular.0110a49e.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-style: italic;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-Italic.4125098c.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-Book.5f7f3d61.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-style: italic;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-BookItalic.4063d80e.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-Medium.8ddebbe1.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-style: italic;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-MediumItalic.4d39d258.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-Bold.7635c1bc.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-style: italic;
  font-family: "Circular-AddEvent";
  src: url(https://cdn.addevent.com/app/v2/fonts/CircularXXWeb-BoldItalic.4bfaf6ee.woff2) format("woff2");
  font-display: swap;
}

/* Google Material fonts */
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}

/* IcoMoon Font */
@font-face {
  font-family: "icomoon";
  src: url(https://cdn.addevent.com/app/v2/fonts/icomoon.aac826ee.eot);
  src:
    url(https://cdn.addevent.com/app/v2/fonts/icomoon.aac826ee.eot#iefix) format("embedded-opentype"),
    url(https://cdn.addevent.com/app/v2/fonts/icomoon.0921601a.ttf) format("truetype"),
    url(https://cdn.addevent.com/app/v2/fonts/icomoon.3dc68c08.woff) format("woff"),
    url(https://cdn.addevent.com/app/v2/images/icomoon.48670b45.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* General page setup
  ---------------------------------------------------------------------- */

@layer reset {
  /* CSS reset */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}

@layer elements {
  /* General setup */
  html,
  body {
    background: #fff;
    color: #1b212b;
    font-family:
      "Circular-AddEvent", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    height: 100%;
  }
  table,
  button,
  select,
  input,
  textarea {
    color: #1c212b;
    font-family:
      "Circular-AddEvent", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
  }
  textarea {
    resize: vertical;
  }
  b {
    font-weight: 600;
  }
  strong {
    font-weight: 700;
  }
  em {
    font-style: italic;
  }
  i {
    display: flex;
    justify-items: center;
    align-items: center;
  }
  a {
    color: #1c212b;
    font-size: 1rem;
    text-decoration: none;
    cursor: pointer;
  }
  a:hover {
    color: #1c212b;
    text-decoration: none;
  }
  h1 {
    color: #1b212b;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.29;
  }
  h2 {
    color: #1b212b;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.34;
  }
  h3 {
    color: #1b212b;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
  }
  h4,
  h5,
  h6 {
    color: #1b212b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.34;
  }
  label {
    color: #1b212b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
  }

  dialog {
    border: none;
  }
}

/* General
  ---------------------------------------------------------------------- */

.hidden {
  display: none;
}

.txt-link {
  margin: 0;
  padding: 20px 0px 0px 0px;
  font-size: 19px;
  line-height: 150%;
  font-weight: 400;
  color: #000;
}
.txt-link a {
  font-size: 19px;
  line-height: 150%;
  font-weight: 400;
  color: #000;
  text-decoration: underline;
}

a.disabled:hover {
  text-decoration: none !important;
}

a.button-style-link {
  display: inline-block;
  position: relative;
  padding: 0px 30px 0px 12px;
  color: #125ef8;
  font-size: 15px;
  line-height: 36px;
}
a.button-style-link span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: 6px;
  font-size: 22px;
  line-height: 22px;
}
a.button-style-link:hover {
  background: #cfe0ff52;
}

/* Elements
  ---------------------------------------------------------------------- */

/* Page layouts */
.layout {
  display: grid;
  grid-template-columns: 100%;
}
.layout .sidebar-col {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 1013;
}
.layout.sidebardisabled .sidebar-col::after {
  width: 80px;
  content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 201;
  background: #ffffffc2;
}
.layout .breadcrumb-list {
  list-style: none;
  display: flex;
  color: #626875;
  margin-bottom: 24px;
}
.layout .breadcrumb-list li a {
  color: #1b212b;
}
.layout .breadcrumb-list li a:hover {
  text-decoration: underline;
}
.layout .breadcrumb-list li:not(:last-child)::after {
  content: "/";
  display: inline-block;
  width: 1.5rem;
  text-align: center;
}
.layout .subheading {
  color: #1b212b;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.layout .main-col {
  clear: both;
  padding: 0px 50px 40px 80px;
}
.layout .main-col.f5f9ff4a {
  background: #f5f9ff4a !important;
}
.layout .main-col .main-header.sticky {
  position: sticky;
  top: 0;
  z-index: 20;
}
.layout .main-col .main-col-grid {
  display: grid;
  grid-template-columns: 350px 1fr;
}
.layout.layout-c1 .main-col {
  background-color: #fff;
}
.layout.layout-c2 .main-col {
  background-color: #fff;
}
.layout-container {
  width: 100%;
  margin: 0 auto;
}
.layout-container.c-1120 {
  padding: 0px 0px 0px 85px;
  max-width: 1200px;
  margin: 0;
}
.layout-container .back-url {
  padding: 24px 0;
  display: flex;
}
.layout-container .back-url:hover {
  cursor: pointer;
}
.layout-container .back-url:hover span {
  text-decoration: underline;
}
.layout .main-col .iso-close-t1 {
  width: 54px;
  height: 54px;
  position: fixed;
  z-index: 502;
  top: 24px;
  right: 28px;
  border: 1px solid transparent;
  background: #f4f4f4;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.layout .main-col .iso-close-t1:hover {
  background: #f1f1f1;
}
.layout .main-col .iso-close-t1:active {
  background: #f4f4f4;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.layout .main-col .iso-close-t1 .ico {
  font-size: 35px;
  line-height: 54px;
  color: #222;
}

.layout-t1 {
  width: 320px;
  min-width: 280px;
  position: fixed;
  top: 0px;
  left: 80px;
  bottom: 0px;
  z-index: 1;
}
.layout-t1 .sin {
  width: 100%;
  height: 100%;
  position: relative;
}
.layout-t1 .sin .lcmenu {
  clear: both;
  padding: 0px 20px;
}
.layout-t1 .sin .lcmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.layout-t1 .sin .lcmenu ul li {
  margin: -4px 0px 5px 0px;
}
.layout-t1 .sin .lcmenu ul li a {
  display: block;
  position: relative;
  padding: 10px 12px 10px 44px;
  line-height: 150%;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  border-radius: 4px 6px 6px 4px;
}
.layout-t1 .sin .lcmenu ul li a:hover {
  background: #f5f6f7;
}
.layout-t1 .sin .lcmenu ul li a:hover .ico {
  transform: scale(1.1);
}
.layout-t1 .sin .lcmenu ul li a .ico {
  width: 8px;
  height: 8px;
  position: absolute;
  left: 22px;
  top: 19px;
  border-radius: 2px;
  background: #d1d5dd;
}
.layout-t1 .sin .lcmenu ul li a .ico .ic {
  font-size: 20px;
  line-height: 22px;
  color: #2463f4;
  display: none;
}
.layout-t1 .sin .lcmenu ul li .selected {
  color: #2463f4;
  background: #ebf1ff;
  font-weight: 600;
}
.layout-t1 .sin .lcmenu ul li .selected .ico {
  background: #2463f4;
  transform: scale(1.2) !important;
}
.layout-t1 .sin .lcmenu ul li .mlbl {
  display: block;
  padding: 0px 0px 4px 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #777;
  font-weight: 500;
}
.layout-t1 .sin .rez-t5 {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 24px;
  right: -10px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  box-shadow:
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px,
    rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  display: none;
}
.layout-t1 .sin .rez-t5 .ic {
  font-size: 26px;
  line-height: 34px;
  transform: rotate(180deg);
}
.layout-t2 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 390px;
  z-index: 2;
  background: #fff;
}
.layout-t2.clbl {
  background: #f8f9fa;
}
.layout-t2 .sin {
  width: 100%;
  height: 100%;
  position: relative;
}
.layout-t2 .sin .rez-t1 {
  width: 14px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -7px;
  z-index: 10;
  background: #ffffff01;
  cursor: e-resize;
}
.layout-t2 .sin .rez-t1 .ry {
  width: 100%;
  height: 100%;
  position: relative;
}
.layout-t2 .sin .rez-t2 {
  width: 3px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 5px;
  z-index: 9;
  background: #94cdfa;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.layout-t2 .sin .rez-t3 {
  width: 1px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 6px;
  z-index: 8;
  background: #e5e5e5;
}
.layout-t2 .sin .rez-t4 {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 29px;
  right: -6px;
  z-index: 11;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow:
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px,
    rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  cursor: pointer;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.layout-t2 .sin .rez-t4 .ic {
  font-size: 22px;
  line-height: 24px;
  margin: 1px 0px 0px -2px;
}
.layout-t2 .sin .rez-t4:hover {
  background: #125ef8;
}
.layout-t2 .sin .rez-t4:hover .ic {
  color: #fff;
}
.layout-t2 .sin .rez-t1:hover .rez-t2 {
  opacity: 1;
}
.layout-t2 .sin .rez-t1:hover .rez-t4 {
  opacity: 1;
}
.layout-t2:hover .sin .rez-t1 .rez-t4 {
  opacity: 1;
}
.layout-t2.pdv {
  position: absolute;
  bottom: unset;
}
.layout-t2.pdv .sin {
  padding: 80px 0px 0px 0px;
}
.layout-t2.pdv .top-t2 {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fdfdfdf0;
}
.layout-t2.pdv .sin .rez-t4 {
  position: sticky;
  margin: 0px 0px 0px -4px;
}
.layout-t3 {
  position: absolute;
  left: 0px;
  top: 140px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}
.layout-t3 .sin {
  position: relative;
  padding: 0px;
}
.layout-handle-collapsed .layout-t1 {
  width: 320px !important;
  background: #fcfcfd;
}
.layout-handle-collapsed .layout-t2 {
  left: 100px !important;
}
.layout-handle-collapsed .layout-t2 .sin .rez-t4 {
  transform: rotate(-180deg);
}
.layout-handle-collapsed .layout-t2 .sin .rez-t4 {
  opacity: 1;
}
.layout-handle-collapsed-effect .layout-t2 {
  transition: left 0.3s ease;
}
.layout-handle-flyout .layout-t1 {
  z-index: 3;
  width: 330px !important;
  background: #fff !important;
  box-shadow:
    0 1px 2px 0 rgb(60 64 67 / 4%),
    0 2px 6px 2px rgb(60 64 67 / 20%);
}

.top-t1 {
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
}
.top-t1 .pdx {
  clear: both;
  padding: 30px 40px 0px 35px;
}
.top-t1 .pdx .hr {
  height: 40px;
  clear: both;
  position: relative;
}
.top-t1 .pdx .hr .lbl {
  margin: 0;
  font-size: 22px;
  color: #1b212b;
  font-weight: 600;
  letter-spacing: -0.25px;
  line-height: 100%;
}
.top-t1 .pdx .hr .lbl .num {
  position: absolute;
  color: #4f4f80;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 4px;
  background: #f5f5ff;
  display: inline-block;
  padding: 0px 8px;
  margin: 0px 0px 0px 12px;
}
.top-t1 .pdx .hr .rgc {
  position: absolute;
  top: -11px;
  right: 0px;
  padding: 0px 160px 0px 0px;
}
.top-t1 .pdx .hr .rgc .upg {
  float: left;
  background: #f2f2f240;
  line-height: 44px;
  border-radius: 26px;
}
.top-t1 .pdx .hr .rgc .upg .conlft {
  float: left;
  position: relative;
  font-size: 15px;
  color: #626875;
  line-height: 44px;
  padding: 0px 15px 0px 19px;
}
.top-t1 .pdx .hr .rgc .upg .conupg {
  float: left;
}
.top-t1 .pdx .hr .rgc .upg .conupg a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 40px;
  padding: 0px 20px 0px 45px;
  background: #ffdff28c;
  color: #de59a8;
  border-radius: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.top-t1 .pdx .hr .rgc .upg .conupg a:hover {
  background: #ffdff2d1;
}
.top-t1 .pdx .hr .rgc .upg .conupg a:active {
  background: #ffdff2bf;
}
.top-t1 .pdx .hr .rgc .upg .conupg a .icon {
  position: absolute;
  left: 16px;
  top: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  color: #de59a8;
}

#rsvp-form-list .top-t1 {
  left: 160px !important;
}

.layout-t2.size-900 .upg .conupg a {
  max-width: 500px;
}
.layout-t2.size-700 .upg .conupg a {
  max-width: 300px;
}

.top-t1 .pdx .hr .rgc .button-add-new {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px 0px 0px 20px;
}
.top-t1 .pdx .hr .rgc .button-add-new .btn {
  width: 140px;
  height: 48px;
  display: inline-block;
  cursor: pointer;
  line-height: 48px;
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  margin: -4px 0px 0px 0px;
}
.top-t1 .pdx .hr .rgc .button-add-new .btn:hover {
  box-shadow: 0px 0px 0px 3px #b6b6ff2b;
  transform: scale(1.01);
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cl1 {
  width: 45%;
  height: 56%;
  position: absolute;
  left: 0%;
  top: 44%;
  background: #ffc61f;
  background-image: linear-gradient(#5a91ff, #ffe016);
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cl2 {
  width: 55%;
  height: 50%;
  position: absolute;
  left: 45%;
  top: 54%;
  background: #ff5445;
  background-image: linear-gradient(to right, #ffe016 10%, #ff5445);
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cl3 {
  width: 50%;
  height: 54%;
  position: absolute;
  left: 65%;
  top: 0%;
  z-index: 2;
  background: #29a84b;
  background-image: linear-gradient(#29a84b 30%, #ff5445);
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cl4 {
  width: 66%;
  height: 44%;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: 2;
  background: #5a91ff;
  background-image: linear-gradient(to right, #5a91ff 65%, #29a84b);
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cbl {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  z-index: 3;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
  line-height: 42px;
  color: #3c4043;
  letter-spacing: -0.25px;
  border: 1px solid #cacaca;
  padding: 0px 0px 0px 32px;
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cco {
  position: absolute;
  left: 95px;
  top: 6px;
  z-index: 4;
}
.top-t1 .pdx .hr .rgc .button-add-new .btn .cco .ic {
  font-size: 25px;
  color: #000;
  line-height: 30px;
}
.top-t1 .pdx .hr .rgc .add-box {
  z-index: 50;
}
.top-t2 {
  height: 60px;
  position: absolute;
  left: 0px;
  top: 80px;
  right: 0px;
  background: #f5f6f74a;
}
.top-t2 .rlx {
  width: 100%;
  height: 100%;
  position: relative;
}
.top-t2 .rlx .bdr-t1 {
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  border-top: 1px solid #e4e4e4;
}
.top-t2 .rlx .bdr-t2 {
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-bottom: 1px solid #e4e4e4;
}
.top-t2 .rlx .opt-t1 {
  position: absolute;
  left: 35px;
  top: 9px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 {
  float: left;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .today {
  height: 50px;
  float: left;
  margin: 0px 15px 0px 0px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .today .gototoday {
  float: left;
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #111;
  font-weight: 500;
  line-height: 40px;
  padding: 0px 15px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .today .gototoday:hover {
  background: #f7f7f7;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .today .gototoday:active {
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul li {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  z-index: 1;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul li:hover {
  background: #f5f6f7;
  z-index: 2;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul li:active {
  background: #f1f2f4;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul li .ic {
  font-size: 28px;
  line-height: 40px;
  color: #717982;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .prevnext ul li.next {
  margin: 0px 0px 0px -4px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .plb {
  display: inline-block;
  padding: 0px 36px 0px 10px;
  position: relative;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 40px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .moyr .monthshort {
  display: inline-block;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .moyr .monthlong {
  display: none;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .wksel {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 7px;
  right: 0px;
  background: #fafafa;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .wksel:hover {
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .wksel:active {
  background: #f1f2f4;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .datelbl .wksel .ic {
  font-size: 24px;
  line-height: 24px;
  color: #111;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr {
  height: 50px;
  float: left;
  position: relative;
  margin: 0px 10px 0px 0px;
}

.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .selectbox-g-t2:hover {
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 8%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}

.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr.disabled {
  opacity: 0.8 !important;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr.disabled:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  background: #ffffff01;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr.disabled .selectbox-g-t2 .bin .opt {
  color: #8d8d8d;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr.disabled .selectbox-g-t2 .bin .pco {
  color: #b2b2b2;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts {
  width: 350px;
  left: 0px;
  right: unset;
  top: -44px;
  margin-top: 20px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px {
  padding: 0px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .bottom-buttons {
  display: flex;
  column-gap: 5px;
  clear: both;
  padding: 12px 14px;
  margin: 0px 0px 2px 0px;
  border-radius: 4px;
  border-bottom: 1px solid #f5f5ff;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .bottom-buttons .btnav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  padding: 35px 15px 12px 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #34383f;
  background: #f8f8f8;
  border-radius: 5px;
  cursor: pointer;
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .bottom-buttons
  .btnav:hover {
  background-color: #f1f7ff;
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .bottom-buttons
  .btnav.selected {
  background-color: #086cff;
  color: #fff;
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .bottom-buttons
  .btnav.selected
  .ic {
  color: #ffffff8f;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .bottom-buttons .btnav .ic {
  position: absolute;
  left: 50%;
  top: 9px;
  font-size: 22px;
  color: #111;
  transform: translateX(-12px);
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .bottom-buttons
  .btnav.cmore
  .ic {
  font-size: 20px;
  transform: translateX(-10px);
  top: 10px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .bdx {
  display: none;
  height: 4px;
  position: absolute;
  left: 0px;
  top: 62px;
  right: 0px;
  opacity: 0.6;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x;
}

.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft {
  height: 56px;
  clear: both;
  position: relative;
  border-bottom: 1px solid #f5f5ff;
  background: #f5f5ff47;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft input:focus {
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 3px rgb(18 94 248 / 39%);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr {
  width: 140px;
  height: 34px;
  position: absolute;
  left: 14px;
  top: 12px;
  box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 8%);
  border-radius: 3px;
  background: #fff;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx {
  height: 37px;
  position: relative;
  clear: both;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft input::placeholder {
  color: #ddd;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .err {
  color: #8c0000 !important;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 3px rgb(255 0 87 / 30%) !important;
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .dtft
  input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.top-t2
  .rlx
  .opt-t1
  .calnav-t1
  .gridctr
  .opts
  .px
  .dtft
  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft input[type="number"] {
  -webkit-appearance: none;
  margin: 0;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i1 {
  width: 39px;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i1 input {
  width: 39px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i2 {
  width: 10px;
  height: 30px;
  position: absolute;
  left: 34px;
  top: 3px;
  z-index: 9;
  font-size: 15px;
  line-height: 30px;
  color: #cecece;
  transform: rotate(-10deg);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i3 {
  width: 39px;
  height: 35px;
  position: absolute;
  left: 39px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i3 input {
  width: 39px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i4 {
  width: 10px;
  height: 30px;
  position: absolute;
  left: 76px;
  top: 3px;
  z-index: 9;
  font-size: 15px;
  line-height: 30px;
  color: #cecece;
  transform: rotate(-10deg);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i5 {
  width: 62px;
  height: 35px;
  position: absolute;
  left: 78px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .fr .hx .i5 input {
  width: 62px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .arr {
  width: 30px;
  height: 42px;
  position: absolute;
  left: 159px;
  top: 8px;
  text-align: center;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .arr .ic {
  font-size: 19px;
  line-height: 42px;
  color: #a8a8a8;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to {
  width: 140px;
  height: 34px;
  position: absolute;
  left: 195px;
  top: 12px;
  box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 8%);
  border-radius: 3px;
  background: #fff;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx {
  height: 37px;
  position: relative;
  clear: both;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i1 {
  width: 39px;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i1 input {
  width: 39px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i2 {
  width: 10px;
  height: 30px;
  position: absolute;
  left: 34px;
  top: 3px;
  z-index: 9;
  font-size: 15px;
  line-height: 30px;
  color: #cecece;
  transform: rotate(-10deg);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i3 {
  width: 39px;
  height: 35px;
  position: absolute;
  left: 39px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i3 input {
  width: 39px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i4 {
  width: 10px;
  height: 30px;
  position: absolute;
  left: 76px;
  top: 3px;
  z-index: 9;
  font-size: 15px;
  line-height: 30px;
  color: #cecece;
  transform: rotate(-10deg);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i5 {
  width: 62px;
  height: 35px;
  position: absolute;
  left: 78px;
  top: 0px;
  z-index: 10;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft .to .hx .i5 input {
  width: 62px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  line-height: 35px;
  color: #333;
  font-weight: 400;
  text-align: center;
  background: transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck {
  clear: both;
  position: relative;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .po {
  clear: both;
  padding: 10px 14px 15px 14px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .po .wo {
  clear: both;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use {
  clear: both;
  padding: 0px 14px 10px 14px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  margin: 0px 0px 5px 0px;
  color: #111;
  font-weight: 600;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.17),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.07),
    0 1px 2px 0 rgba(0, 0, 0, 0.08),
    0 0 0 0 transparent;
  border: 1px solid transparent;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a .ic {
  font-weight: 400;
  display: inline-block;
  margin: 0px 0px 0px 4px;
  color: #999;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a:hover {
  box-shadow: 0 0 0 3px rgb(223 241 225);
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a:hover .ic {
  color: #0f6b18;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a:active {
  background: #1d9c2a24;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a.disabled {
  cursor: no-drop !important;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.17),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.07),
    0 1px 2px 0 rgba(0, 0, 0, 0.08),
    0 0 0 0 transparent !important;
  background: #fff !important;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a.active {
  background: #2bb238;
  color: #fff;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck .use a.active .ic {
  color: #fff;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck.s1 .po {
  padding: 10px 20px 20px 20px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck.s1 .use {
  padding: 0px 20px 15px 20px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts.w2c {
  width: 580px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 230px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xhd {
  position: absolute;
  left: 22px;
  top: 20px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xhd p {
  margin: 0px 0px 7px 0px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #777;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xab {
  width: 230px;
  position: absolute;
  left: 0px;
  top: 50px;
  bottom: 15px;
  border-right: 1px solid #e0e0e0;
  overflow: auto;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xpd {
  clear: both;
  padding: 0px 18px 5px 20px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xpd .mtg {
  padding: 0;
  list-style-type: none;
  margin: 0px -10px 0px -12px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xpd .mtg li a {
  display: block;
  font-size: 16px;
  line-height: 40px;
  font-weight: 500;
  padding: 0px 0px 0px 12px;
  border-radius: 4px;
  color: #43464e;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xpd .mtg li a:hover {
  background: #eee;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xpd .mtg li .selected {
  font-weight: 600;
  color: #2463f4;
  background: #ebf1ff94;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .mobsl {
  clear: both;
  padding: 20px 20px;
  display: none;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .mobsl select {
  width: 100%;
  padding: 10px 15px;
  border: 0;
  background: #f5f5f5;
  border-radius: 8px;
  outline: 0;
  font-size: 17px;
  line-height: 150%;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dter {
  position: absolute;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  display: none;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dter .pxp {
  clear: both;
  padding: 15px 32px;
  background: #fff78a;
  border-radius: 5px;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dter .pxp .px {
  margin: 0;
  font-size: 13px;
  line-height: 140%;
  color: #330c23;
  font-family: monospace;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dter .pxp .px ul {
  margin: 0;
  padding: 0;
  color: #3b192d;
}
.top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dter .pxp .px ul li {
  padding: 0px 0px 0px 6px;
}
.top-t2 .rlx .opt-t2 {
  position: absolute;
  right: 40px;
  top: 9px;
}
.top-t2 .rlx .opt-t2 .viewsort {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}
.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2:hover {
  box-shadow: none;
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2:active {
  box-shadow: none;
  background: #f1f2f4;
}
.top-t2 .rlx .opt-t2 .sort {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}

.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin .moic {
  display: none;
}
.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin .moic .oic {
  font-size: 24px;
  line-height: 40px;
  color: #5f6368;
}

.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2:hover {
  background: #f5f6f7;
  box-shadow: none;
}
.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2:active {
  background: #f5f6f7;
  box-shadow: none;
}
.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .opts .px .option .ra-t1 {
  display: none;
}
.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .opts .px .option {
  padding: 0px 0px 0px 16px;
}
.top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .opts .px .option.active p {
  font-weight: 600;
}

.top-t2 .rlx .opt-t2 .listview {
  height: 40px;
  float: left;
  border-radius: 4px;
}
.top-t2 .rlx .opt-t2 .listview ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 40px;
  line-height: 40px;
}
.top-t2 .rlx .opt-t2 .listview ul li {
  width: 44px;
  height: 40px;
  float: left;
  position: relative;
  cursor: pointer;
}
.top-t2 .rlx .opt-t2 .listview ul li .itm {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  border-radius: 4px;
}
.top-t2 .rlx .opt-t2 .listview ul li .itm .ic {
  font-size: 19px;
  line-height: 40px;
  color: #5f6368;
}
.top-t2 .rlx .opt-t2 .listview ul li .itm:hover {
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t2 .listview ul li .active {
  color: #125ef8;
  background: #fff !important;
  border-color: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 1px 0 rgb(50 50 93 / 4%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.top-t2 .rlx .opt-t2 .listview ul li .active .ic {
  color: #125ef8;
}
.top-t2 .rlx .opt-t2 .listview ul li.mi {
  width: 45px;
  border-left: 1px solid #f2f4f5;
  border-right: 1px solid #f2f4f5;
}

.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2 .opts {
  width: 200px;
}
.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2 .opts .px .option {
  padding: 0px 0px 0px 16px;
}
.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2 .opts .px .option .ra-t1 {
  display: none;
}
.top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2 .opts .px .option.active p {
  font-weight: 600;
}

.top-t2 .rlx .opt-t2 .sp-t1 {
  width: 10px;
  height: 40px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 10px;
}
.top-t2 .rlx .opt-t2 .sp-t1 .in {
  width: 1px;
  height: 33px;
  position: absolute;
  left: 5px;
  top: 4px;
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t2 .search-t1 {
  height: 40px;
  float: left;
  padding: 0px 0px 0px 15px;
}
.top-t2 .rlx .opt-t2 .search-t1 .pin {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  color: #222;
  border-radius: 50%;
  cursor: pointer;
}
.top-t2 .rlx .opt-t2 .search-t1 .pin:hover {
  color: #111;
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t2 .search-t1 .pin.active {
  color: #111;
  background: #f5f6f7;
}
.top-t2 .rlx .opt-t2 .search-t1 .pin .ab {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
}
.top-t2 .rlx .opt-t2 .search-t1 .pin .ab .ic {
  font-size: 24px;
  line-height: 40px;
  color: #5f6368;
}

/* Left sidebar headline */
.cont-t1 {
  height: 70px;
  clear: both;
  position: relative;
}
.cont-t1 .hed {
  margin: 0;
  font-size: 19px;
  line-height: 41px;
  font-weight: 600;
}
.cont-t1 .act-t1 {
  position: absolute;
  top: 0px;
  right: 7px;
}
.cont-t1 .act-t1 .sort {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}
.cont-t1 .act-t1 .tagmanager {
  height: 50px;
  float: left;
  margin: 0px 10px 0px 0px;
}

/* Context menu wrap */
.context-func {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 7px;
  right: 0px;
}
.context-func .opts {
  width: 100%;
  height: 100%;
  position: relative;
}
.context-func .opts .usx {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  text-align: center;
  background: #f0f3f7;
  cursor: pointer;
}
.context-func .opts .usx span {
  color: #000;
  font-size: 22px;
  line-height: 34px;
}

/* Crumbbread */
.crumb-t1 {
  clear: both;
  padding-top: 31px;
  margin: 0px 0px 40px 0px;
}
.crumb-t1 .clo {
  clear: both;
}
.crumb-t1 .clo .flt {
  height: 44px;
  float: left;
}
.crumb-t1 .clo .flt .home {
  width: 40px;
  height: 36px;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 6px;
}
.crumb-t1 .clo .flt .home .ic {
  font-size: 24px;
  line-height: 36px;
  color: #595d65;
}
.crumb-t1 .clo .flt .home:hover {
  background: #f8f8f8;
}
.crumb-t1 .clo .flt .chev {
  width: 33px;
  height: 36px;
  display: block;
  position: relative;
  text-align: left;
}
.crumb-t1 .clo .flt .chev .ic {
  font-size: 22px;
  line-height: 40px;
  color: #939295;
}
.crumb-t1 .clo .flt .item {
  height: 36px;
  display: block;
  position: relative;
  text-align: center;
  background: #f3f4f6;
  border-radius: 8px;
  line-height: 36px;
  padding: 0px 12px;
}
.crumb-t1 .clo .flt .item:hover {
  background: #f8f8f8;
}
.crumb-t1 .clo .flt .sep {
  width: 40px;
  height: 36px;
  display: block;
  position: relative;
  text-align: center;
}
.crumb-t1 .clo .flt .sep .ic {
  display: inline-block;
  font-size: 22px;
  line-height: 40px;
  color: #939295a1;
  transform: rotate(-3deg);
}
.crumb-t1 .clo .flt .veri {
  display: inline-block;
  position: relative;
  z-index: 0;
  margin: -1px 0px 0px 30px;
}
.crumb-t1 .clo .flt .veri a {
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 36px;
  padding: 0px 38px 0px 17px;
  border-radius: 24px;
  background: #fff;
  border: 2px dashed #19b70f;
  color: #19b70f;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.crumb-t1 .clo .flt .veri a .ic {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 20px;
  color: #19b70f;
}
.crumb-t1 .clo .flt .veri a:hover {
  box-shadow:
    0 0 0 4px rgb(25 183 15 / 16%),
    0 2px 5px 0 rgb(0 0 0 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border: 2px solid transparent;
}
.crumb-t1 .clo .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.crumb-t1 .clo .fidrp {
  float: left;
  display: block;
  position: relative;
  margin: -2px 0px 0px 0px;
  min-width: 240px;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.crumb-t1 .clo .fidrp:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.crumb-t1 .clo .fidrp .fun {
  clear: both;
  position: relative;
  cursor: pointer;
  padding: 0px 46px 0px 46px;
}
.crumb-t1 .clo .fidrp .fun.no-color {
  padding: 0px 46px 0px 16px;
}
.crumb-t1 .clo .fidrp .fun .arr {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 26px;
  color: #222;
}
.crumb-t1 .clo .fidrp .fun .txt {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #1b212b;
  font-weight: 500;
  padding: 9px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
}
.crumb-t1 .clo .fidrp .fun .co {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 14px;
  top: 11px;
  background: rgb(36, 168, 19);
  border-radius: 50%;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.crumb-t1 .clo .fidrp .opts {
  width: 360px;
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 100;
  background: #fff;
  border-radius: 6px;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  display: none;
}
.crumb-t1 .clo .fidrp .opts .px {
  clear: both;
}
.crumb-t1 .clo .fidrp .opts .px .fld {
  height: 48px;
  clear: both;
  margin: 0px 0px 10px 0px;
  border-radius: 6px;
  background: #f1f5f9;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx {
  width: 100%;
  height: 100%;
  position: relative;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx input {
  width: 100%;
  margin: 0;
  padding: 0px 55px 3px 54px;
  font-size: 17px;
  line-height: 46px;
  color: #000;
  outline: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx input:focus {
  box-shadow: 0 0 0 2px rgb(131 192 253 / 50%);
  border: 1px solid #4b78b782;
  background-color: #fff;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx input.active {
  box-shadow: 0 0 0 2px rgb(131 192 253 / 50%);
  border: 1px solid #4b78b782;
  background-color: #fff;
}
.crumb-t1 .clo .fidrp .opts .px .fld.err-t1 {
  box-shadow: 0 0 0 3px rgb(253 131 131 / 50%);
  border: 1px solid #b74b4b82;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .clo {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 10;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .clo i {
  font-size: 27px;
  line-height: 36px;
  color: #68696a;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .clo:hover {
  background: #eee;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .clo:hover i {
  color: #000;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .sic {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 8px;
  top: 6px;
  z-index: 10;
  text-align: center;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .sic i {
  font-size: 25px;
  line-height: 36px;
  color: #8e96a5;
}
.crumb-t1 .clo .fidrp .opts .px .fld .rx .load {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 10;
  background: #fff
    url(https://cdn.addevent.com/legacy2000/gfx/icon-load-t2a.svg) no-repeat 50%
    50%;
  background-size: 28px auto;
  display: none;
}
.crumb-t1 .clo .fidrp .opts .px .lst {
  clear: both;
  min-height: 200px;
  max-height: 300px;
  overflow: auto;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul {
  margin: 0;
  padding: 8px 1px;
  list-style-type: none;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li {
  position: relative;
  display: block;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  border-radius: 4px 6px 6px 4px;
  word-break: break-all;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li.color-opt {
  padding-left: 50px;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li:hover {
  cursor: pointer;
  background: #ebf1ff85;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li.dom a {
  padding-right: 110px;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .col {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 14px;
  top: 12px;
  border-radius: 50%;
  background: #5683ec;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .col .icab {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .col .icab .icin {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  z-index: 6;
  background: #fff;
  border-radius: 50%;
  display: block;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .col .icab .ck {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 7;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 10px auto;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .int {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 140%;
  color: #626875;
  font-weight: 400;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li.selected {
  background-color: rgba(31, 101, 240, 0.08);
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li.selected .col .icab .icin {
  display: none;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li.selected .col .icab .ck {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .veri {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0px 6px;
  letter-spacing: -0.25px;
  margin: 0px 0px 0px 5px;
  line-height: 20px;
  background: #1fac1f;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: monospace;
}
.crumb-t1 .clo .fidrp .opts .px .lst ul li .unveri {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0px 6px;
  letter-spacing: -0.25px;
  margin: 0px 0px 0px 5px;
  line-height: 20px;
  background: #ffd9d9;
  border-radius: 3px;
  color: #b03f3f;
  font-size: 12px;
  text-transform: uppercase;
  font-family: monospace;
}
.crumb-t1 .clo .fidrp .opts .px .sinr {
  height: 200px;
  font-size: 17px;
  color: #515763;
  font-weight: 600;
  line-height: 130%;
  display: none;
}
.crumb-t1 .clo .fidrp .opts .px .sinr .pin {
  clear: both;
  padding: 90px 20px 0px 20px;
  text-align: center;
}
.crumb-t1 .clo .fidrp .opts {
  opacity: 0;
  transform: scale(0.92, 0.92) translateY(20px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.crumb-t1 .clo .fidrp .opts.show {
  opacity: 1;
  transform: scale(1, 1) translateY(0px);
}

/* Buttons */
.btn {
  display: inline-flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
.btn:active:focus {
  outline: none;
  box-shadow: none;
}
.btn span {
  font-size: inherit;
  line-height: inherit;
}
.btn.load {
  background-image: url(https://cdn.addevent.com/web/images/icon-load-t1.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 26px auto;
  border: 1px solid transparent !important;
  color: transparent !important;
}
.btn.cannob {
  border: 1px solid transparent !important;
  color: #222 !important;
  box-shadow: unset !important;
}
.btn.cannob:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.btn.btn-primary {
  background-color: #125ef8;
  border-color: #125ef8;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
}
.btn.btn-primary:hover {
  background-color: #1559e1;
}
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.btn.btn-secondary {
  border-color: rgba(18, 94, 248, 0.5);
  color: #125ef8;
  box-shadow: 0px 2px 2px rgba(18, 94, 248, 0.06);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  background-color: #f9fafb;
}
.btn.btn-sec-t1:hover,
.btn.btn-sec-t1:focus {
  background-color: #f9fafb;
  box-shadow: 0px 0px 0px 3px #125ef847;
}
.btn.btn-pop-cancel-t1 {
  border-color: transparent;
  color: #125ef8;
  box-shadow: unset;
}
.btn.btn-pop-cancel-t1:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}
.btn.btn-pop-cancel-t1:focus,
.btn.btn-pop-cancel-t1:active {
  background-color: #cfe0ff52;
  color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.btn.btn-pop-cancel-t2 {
  width: auto;
  border-color: transparent;
  color: #444;
  box-shadow: unset;
  background: transparent;
}
.btn.btn-pop-cancel-t2:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}
.btn.btn-pop-cancel-t2:focus,
.btn.btn-pop-cancel-t1:active {
  background-color: #cfe0ff52;
  color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.btnflt {
  float: left;
}
.btnclr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.btn.btn-tertiary {
  border-color: #dee0e3;
  color: #626875;
}
.btn.btn-tertiary:hover,
.btn.btn-tertiary:focus {
  background-color: #f9fafb;
}
.btn.btn-tertiary.btn-disabled,
.btn.btn-tertiary[disabled] {
  background-color: #fff;
  border-color: #e9eaeb;
  color: #cccfd4;
}
.btn.btn-danger {
  background-color: #f60049;
  border-color: #f60049;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(232, 88, 113, 0.06);
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background-color: #e90045;
}
.btn.btn-danger-outline {
  border-color: #f60049;
  color: #f60049;
}
.btn.btn-danger-outline:hover,
.btn.btn-danger-outline:focus {
  background-color: #f9fafb;
}
.btn.btn-danger-outline.btn-disabled,
.btn.btn-danger-outline[disabled] {
  background-color: #fff;
  border-color: #e9eaeb;
  color: #cccfd4;
}
.btn.btn-success {
  background-color: #1dc67d;
  border-color: #1dc67d;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(26, 198, 125, 0.06);
}
.btn.btn-success:hover,
.btn.btn-success:focus {
  background-color: #1bbc76;
}
.btn.btn-success-outline {
  border-color: #1dc67d;
  color: #1dc67d;
}
.btn.btn-success-outline:hover,
.btn.btn-success-outline:focus {
  background-color: #f9fafb;
}
.btn.pink {
  background: #f861bb;
  color: #fff;
}
.btn.pink:hover {
  background: #f861bbee;
}
.btn.btn-large {
  padding: 11px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.btn.btn-medium {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
}
.btn.btn-medium.with-icon {
  padding: 8px 22px 8px 15px;
}
.btn.btn-small {
  padding: 4px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
}
.btn .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.btn.btn-large.btn-icon {
  padding: 13px;
}
.btn.btn-medium.btn-icon {
  padding: 9px;
}
.btn.btn-small.btn-icon {
  padding: 7px;
}
.btn.btn-small .icon {
  font-size: 16px;
}
.btn .icon.icon-leading {
  margin-right: 8px;
}
.btn .icon.icon-trailing {
  margin-left: 8px;
}
.btn.btn-primary .icon.icon-leading,
.btn.btn-primary .icon.icon-trailing {
  color: #fff;
}
.btn.btn-primary.btn-disabled
  .icon.icon-leading
  .btn.btn-primary[disabled]
  .icon.icon-leading
  .btn.btn-primary.btn-disabled
  .icon.icon-trailing
  .btn.btn-primary[disabled]
  .icon.icon-trailing {
  color: #fff;
}
.btn.btn-secondary .icon.icon-leading,
.btn.btn-secondary .icon.icon-trailing {
  color: #125ef8;
}
.btn.btn-secondary.btn-disabled .icon.icon-leading,
.btn.btn-secondary[disabled] .icon.icon-leading {
  color: #cccfd4;
}
.btn.btn-secondary.btn-disabled .icon.icon-trailing,
.btn.btn-secondary[disabled] .icon.icon-trailing {
  color: #cccfd4;
}
.btn.btn-tertiary .icon.icon-leading {
  color: #626875;
}
.btn.btn-tertiary .icon.icon-trailing {
  color: #85888f;
}
.btn.btn-tertiary.btn-disabled .icon.icon-leading,
.btn.btn-tertiary[disabled] .icon.icon-leading {
  color: #cccfd4;
}
.btn.btn-tertiary.btn-disabled .icon.icon-trailing,
.btn.btn-tertiary[disabled] .icon.icon-trailing {
  color: #cccfd4;
}

/* Switches */
.switcher {
  display: flex;
  align-items: center;
}
.switcher .item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  color: #5f6368;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0;
  padding: 0px 18px;
  cursor: pointer;
}
.switcher .item:hover {
  color: #1967d2;
  background: #f7f8f8;
}
.switcher .item:active {
  background: #f1f3f3;
}
.switcher .item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #e9eaeb;
}
.switcher .item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.switcher .item.active {
  border-left: 1px solid #1967d2;
  z-index: 2;
  color: #1967d2;
  background-color: #e8f0fe;
  font-size: 16px;
  font-weight: 500;
  border-color: #1967d2;
  border-radius: 1px;
}
.switcher .item.active:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.switcher .item.active:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.switcher .item.item-icon {
  padding: 5px 11px;
}
.switcher .item.item-icon .icon {
  font-size: 20px;
}
.switcher-t1 {
  float: left;
  line-height: 52px;
}
.switcher-t1 .item {
  float: left;
  display: block;
  position: relative;
  cursor: pointer;
  margin: 0px 18px 0px 0px;
  font-size: 17px;
  line-height: 54px;
  padding: 0px 4px 0px 4px;
  font-weight: 500;
  color: #a1a1a1;
}
.switcher-t1 .item .bd {
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #1a73e8;
  border-radius: 4px 4px 0px 0px;
  visibility: hidden;
}
.switcher-t1 .item.active {
  visibility: visible;
  color: #1a73e8;
  font-weight: 600;
}
.switcher-t1 .item.active .bd {
  visibility: visible;
}
.switcher-t1 .item:hover {
  color: #1a73e8;
}
.switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
}
.switch input {
  display: none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 3px;
  left: 0;
  right: 0;
  bottom: 3px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: -2px;
  background-color: #fafafa;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.switch input:checked + .slider {
  background-color: #68c73c;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.switch .slider.round {
  border-radius: 7px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch.noselect .slider {
  cursor: default !important;
}
.toggler {
  display: block;
  position: relative;
}
.toggler-f {
  display: inline-flex;
  position: relative;
}
.toggler .t-input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.toggler .t-switch {
  width: 38px;
  height: 14px;
  border-radius: 7px;
  background-color: #ccc;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}
.toggler .t-switch::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: -2px;
  background-color: #fafafa;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.toggler .t-input:checked + .t-label .t-switch {
  background-color: #68c73c;
}
.toggler .t-input:checked + .t-label .t-switch::before {
  left: calc(100% - 18px);
  background-color: #fafafa;
}
.input {
  border: 1px solid #dee0e3;
  border-radius: 4px;
  background-color: #fff;
  padding: 6px 15px;
  color: #1b212b;
  font-weight: 400;
  line-height: 1.58;
  font-size: 15px;
  width: 100%;
  outline: none;
  text-overflow: ellipsis;
}
textarea.input {
  min-height: 102px;
  resize: none;
}
.input::placeholder {
  color: #85888f;
  font-weight: 400;
  line-height: 1.58;
}
.input.grey {
  border: 1px solid #f5f6f7;
  background-color: #f9fafb;
}
.input:hover,
.input:focus {
  border: 1px solid #125ef8;
  box-shadow: 0px 0px 0px 2px rgba(18, 94, 248, 0.1);
}
.input.error {
  border: 1px solid rgb(246, 0, 73);
  box-shadow: 0px 0px 0px 2px rgba(246, 0, 73, 0.1);
}
.full-width {
  width: 100%;
}
.input-validation-error-message {
  color: rgb(246, 0, 73);
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  margin-top: 4px;
}
.input-validation-error-message.full-width {
  text-align: left;
}
.input-unlabeled {
  border-color: transparent;
  border-radius: 2px;
  padding: 3px 5px;
  transition: all 0.25s ease-in;
  margin-bottom: 2px;
}
.input-unlabeled:not(.inperr)::placeholder {
  font-weight: 400;
}
.input-unlabeled:not(.inperr)::placeholder,
.input-unlabeled.inperr:focus::placeholder,
.input-unlabeled.inperr-t1:focus::placeholder {
  color: #969799;
}
.input-unlabeled:focus {
  outline: none;
  box-shadow: 0px 0px 0px 2px rgb(18 94 248 / 55%);
}
.input-lg {
  font-size: 26px;
  line-height: 32px;
}
.input.copied {
  background-color: #dce6fa;
  border: 1px solid #dce6fa;
}
.input-icon-box {
  display: block;
  position: relative;
}
.input-icon-box:hover > .input {
}
.input-icon-box:hover > .input,
.input-icon-box:focus > .input {
  border: 1px solid #125ef8;
  box-shadow: 0px 0px 0px 2px rgba(18, 94, 248, 0.1);
}
.top-tab {
  display: inline-block;
  max-width: max-content;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  margin: 0px 6px 0px 0px;
}
.top-tab .top-tab-text {
  display: block;
  position: relative;
  color: #30303f;
  border-radius: 5px;
  padding: 0px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
}
.top-tab:not(.selected, .disabled):hover .top-tab-text {
  background-color: #f5f5ff;
}
.top-tab.disabled {
  background: transparent;
  cursor: no-drop;
}
.top-tab.disabled .top-tab-text {
  color: #aaafb8;
}
.top-tab.selected {
  background-color: transparent;
}
.top-tab.selected .top-tab-text {
  color: #1a73e8;
  background: #e8f0fe;
}
.tab-content {
  padding-bottom: 40px;
}
.tab-content.hidden {
  display: none;
}
.tag {
  display: flex;
  align-items: center;
  position: relative;
  max-width: max-content;
  user-select: none;
  padding: 0px 32px 0px 32px;
  margin: 0px 5px 6px 0px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  color: #1b212b;
  cursor: default;
  background: #e6f0f5cc;
}
.tag.create-new {
  color: #626875;
  cursor: pointer;
  padding: 0px 16px 0px 28px;
}
.tag.create-new:hover {
  background-color: #f5f6f7;
}
.tag i {
  font-size: 16px;
  line-height: 1;
}
.tag .icon {
  font-size: 16px;
  line-height: 1;
}
.tag .icon.t1 {
  position: absolute;
  left: 9px;
  top: 7px;
  font-size: 15px;
  line-height: 18px;
}
.tag .icon.t2 {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.tag .icon.t2:hover {
  background: #ffffff24;
}
.tag.add-tag {
  cursor: pointer;
  padding: 0px 14px 0px 32px;
}
.tag.add-tag:hover {
  background: #dfe7ec !important;
}
.tags-all {
  display: flex;
}
.tag {
  transition: transform 250ms ease-in;
}
.tag.high {
  box-shadow: 0px 0px 0px 5px #02700024 !important;
  z-index: 10;
  transform: scale(1.03);
}
.cal {
  display: flex;
  align-items: center;
  position: relative;
  max-width: max-content;
  user-select: none;
  padding: 0px 14px 0px 32px;
  margin: 0px 5px 6px 0px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  color: #1b212b !important;
  cursor: pointer;
  background: #ebf3f7 !important;
}
.cal .dot {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}
.cal .icon {
  font-size: 16px;
  line-height: 1;
}
.cal .icon.t1 {
  position: absolute;
  left: 9px;
  top: 7px;
  font-size: 15px;
  line-height: 18px;
}
.cal.add-calendar {
  cursor: pointer;
}
.cal.add-calendar:hover {
  background: #dfe7ec !important;
}
.calwrx {
  display: flex;
  align-items: center;
  position: relative;
  max-width: max-content;
}
.tagsep {
  display: flex;
  width: 1px;
  line-height: 32px;
  margin: 0px 10px 0px 4px;
  position: relative;
  overflow: hidden;
}
.tagsep .pin {
  width: 1px;
  position: absolute;
  left: 0px;
  top: 4px;
  bottom: 4px;
  background: #e0e0e0;
}
.left-filter {
  clear: both;
}
.left-filter .nav-t1 {
  height: 79px;
  clear: both;
  position: relative;
}
.left-filter .title {
  clear: both;
  padding: 30px 20px 0px 25px;
}
.left-filter .title p {
  margin: 0;
  font-size: 22px;
  color: #1b212b;
  font-weight: 600;
  letter-spacing: -0.25px;
  line-height: 100%;
}
.left-filter .title .num {
  position: absolute;
  color: #4f4f80;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 4px;
  background: #f5f5ff;
  display: inline-block;
  padding: 0px 8px;
  margin: 0px 0px 0px 12px;
}
.left-filter .title span {
  color: #85888f;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.34;
  margin-left: 4px;
}
.left-filter .scrsha {
  height: 4px;
  position: absolute;
  left: 0px;
  top: 80px;
  right: 0px;
  z-index: 10;
  opacity: 0;
  border-top: 1px solid #e4e4e4;
  background: linear-gradient(
    rgb(9 30 66 / 6%) 0px,
    rgb(9 30 66 / 6%) 1px,
    rgb(9 30 66 / 4%) 1px,
    rgb(9 30 66 / 0%) 4px
  );
  transition: opacity 0.2s ease;
}
.left-filter .lrl {
  position: absolute;
  left: 0px;
  top: 81px;
  right: 2px;
  bottom: 2px;
  overflow: auto;
}
.left-filter .lrl .itswrp {
  clear: both;
  padding: 0px 0px 5px 0px;
}
.left-filter .lrl .cal-t1 {
  clear: both;
  position: relative;
  padding: 12px 40px 12px 58px;
  border-radius: 5px;
  cursor: pointer;
}
.left-filter .lrl .cal-t1:hover {
  background: #f5f6f7;
}
.left-filter .lrl .cal-t1.active {
  background: #f5f6f7;
}
.left-filter .lrl .cal-t1 .chk {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 16px;
  top: 4px;
  background: #ffffff03;
}
.left-filter .lrl .cal-t1 .chk .inp-check-t1 {
  margin: 8px 0px 0px 8px;
}
.left-filter .lrl .cal-t1 .til {
  clear: both;
}
.left-filter .lrl .cal-t1 .til .tit {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  color: #000;
  font-weight: 500;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.left-filter .lrl .cal-t1 .til .nmr {
  margin: 0;
  padding: 3px 0px 0px 0px;
  font-size: 14px;
  line-height: 140%;
  color: #626875;
  font-weight: 400;
}
.left-filter .lrl .cal-t1 .act {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 10;
  border-radius: 50%;
  visibility: hidden;
}
.left-filter .lrl .cal-t1:hover .act {
  visibility: visible;
}
.left-filter .lrl .cal-t1 .act.active {
  background: #eaedf3;
}
.left-filter .lrl .cal-t1 .act:hover {
  background: #fff;
}
.left-filter .lrl .cal-t1 .act .arl {
  width: 100%;
  height: 100%;
  position: relative;
}
.left-filter .lrl .cal-t1 .act .arl .wi {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 13;
  text-align: center;
}
.left-filter .lrl .cal-t1 .act .arl .wi .ic {
  font-size: 18px;
  line-height: 32px;
  color: #343638;
}
.left-filter .lrl .cal-t1.selected .inp-check-t1 .tp {
  display: block;
}
.left-filter .lrl .cal-t1.selected .inp-check-t1 .ch {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.left-filter .lrl .tmpsep {
  height: 10px;
  clear: both;
  position: relative;
  margin: 0px 0px 0px 10px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x 50% 50%;
  background-size: 6px auto;
}
.left-filter .showmore-t1 {
  clear: both;
  text-align: center;
  padding: 15px 20px 15px 20px;
  background: #f9fafb;
  border-top: 1px dashed #d1d9e0;
  border-bottom: 1px dashed #d1d9e0;
}
.left-filter .showmore-t1 .showmore {
  position: relative;
  color: #125ef8;
  font-weight: 500;
  border: 1px solid #125ef880;
  font-size: 16px;
  letter-spacing: -0.5px;
  padding: 0px 26px 0px 48px;
  line-height: 42px;
}
.left-filter .showmore-t1 .showmore:hover {
  background: #e8f0fe33;
}
.left-filter .showmore-t1 .showmore:active {
  background: #e8f0fe66;
}
.left-filter .showmore-t1 .showmore .icon {
  line-height: 26px;
  position: absolute;
  left: 16px;
  top: 9px;
  font-size: 24px;
}
.calctx {
  width: 250px;
  position: absolute;
  left: 150px;
  top: 50px;
  z-index: 14;
  margin: -35px 0px 0px 0px;
  display: none;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.calctx .px {
  clear: both;
  padding: 8px;
}
.calctx .px .item {
  display: block;
  position: relative;
  padding: 10px 12px 10px 50px;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
}
.calctx .px .item .icp {
  display: block;
  position: absolute;
  left: 12px;
  top: 9px;
}
.calctx .px .item .icp .ic {
  font-size: 22px;
  line-height: 28px;
  color: #343638;
}
.calctx .px .item:hover {
  background: #f0f5ff;
}
.calctx .px .item:active {
}
.calctx .bdr {
  height: 6px;
  clear: both;
  position: relative;
}
.calctx .bdr .br {
  height: 1px;
  position: absolute;
  left: 6px;
  top: 2px;
  right: 6px;
  overflow: hidden;
  background: #ececec;
}
.calctx .vtcolors {
  clear: both;
  padding: 15px 0px 16px 18px;
  margin: 0;
}
.calctx {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9, 0.9) translate(-30px);
  transition:
    opacity 0.1s ease,
    transform 0.1s ease,
    height 0.2s ease,
    left 0.1s ease,
    top 0.1s ease;
}
.calctx.show {
  visibility: visible;
  z-index: 1001;
  opacity: 1;
  transform: scale(1, 1) translate(0);
}

.emailtestpop {
  width: 400px;
  height: 154px;
  position: absolute;
  left: -140px;
  bottom: 54px;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 0px 0px 5px rgb(53 80 153 / 10%);
  border-radius: 6px;
}
.emailtestpop .ppx {
  clear: both;
  padding: 20px 35px 14px 30px;
  position: relative;
  border-radius: 6px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 3px 7px 0 rgb(50 50 93 / 10%),
    0 1px 3px 0 rgb(0 0 0 / 7%);
}
.emailtestpop .ppx .rw {
  clear: both;
}
.emailtestpop .ppx .rw .lbl {
  clear: both;
  margin: 0px 0px 10px 0px;
}
.emailtestpop .ppx .rw .lbl p {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  color: #000;
}
.emailtestpop .ppx .rw .inp {
  clear: both;
  padding: 8px 0px 25px 0px;
  position: relative;
}
.emailtestpop .ppx .rw .inp .ix-t2 input {
  padding: 13px 100px 14px 16px;
  cursor: text;
}
.emailtestpop .ppx .rw .inp .ix-t2 .err {
  box-shadow: 0px 0px 0px 3px rgb(255 0 0 / 20%);
}
.emailtestpop .ppx .rw .inp .sbt {
  position: absolute;
  top: 14px;
  right: 6px;
  z-index: 10;
}
.emailtestpop .ppx .rw .inp .sbt input {
  padding: 8px 22px;
}
.emailtestpop .ppx .rw .inp .sbt .disabled {
  color: transparent;
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/icon-load-t2d.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 26px auto;
}
.emailtestpop .ppx .ar-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 200px;
  bottom: -8px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 3px 7px 0 rgb(50 50 93 / 10%),
    0 1px 3px 0 rgb(0 0 0 / 7%);
  transform: rotate(45deg);
}
.emailtestpop .ppx .ar-t2 {
  width: 35px;
  height: 15px;
  position: absolute;
  left: 190px;
  bottom: 0px;
  background: #fff;
}
.emailtestpop {
  z-index: 20;
  margin-top: 10px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.emailtestpop.show {
  z-index: 100;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.templatereadonlylock .inps-s-t1.formsubmit {
  display: none !important;
}
.templatebox-t1 {
  clear: both;
}
.templatebox-t1 .bxo {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 6px;
}
.templatebox-t1 .bxo .inps-c-t1 {
  padding: 0px;
}
.templatebox-t1 .bxo .inps-c-t1 .ril {
  box-shadow: none;
}
.templatebox-t1 .bxo .wyswrp {
  width: 100%;
  clear: both;
  position: relative;
}
.templatebox-t1 .bxo .fot {
  height: 80px;
  clear: both;
  position: relative;
  border-top: 1px solid #eee;
}
.templatebox-t1 .bxo .fot .bts-t1 {
  position: absolute;
  left: 30px;
  top: 15px;
}
.templatebox-t1 .bxo .fot .bts-t1 .sva {
  float: left;
  margin: 0px 6px 0px 0px;
}
.templatebox-t1 .bxo .fot .bts-t1 .sva input {
}
.templatebox-t1 .bxo .fot .bts-t1 .can {
  float: left;
  margin: 0px 6px 0px 0px;
}
.templatebox-t1 .bxo .fot .bts-t1 .can input:hover {
  background-color: #efefef;
}
.templatebox-t1 .bxo .fot .bts-t1 .can input:active {
  background-color: #f1f3f3;
}
.templatebox-t1 .bxo .fot .bts-t2 {
  position: absolute;
  right: 30px;
  top: 15px;
}
.templatebox-t1 .bxo .fot .bts-t2 .fl {
  float: left;
  margin: 0px 6px 0px 0px;
  position: relative;
}
.templatebox-t1 .bxo .fot .bts-t2 .bobtn-t1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #45474b;
  font-size: 16px;
  font-weight: 400;
  line-height: 42px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  padding: 0px 15px 0px 45px;
  cursor: pointer;
}
.templatebox-t1 .bxo .fot .bts-t2 .bobtn-t1 .ico {
  position: absolute;
  left: 13px;
  top: 12px;
  font-size: 20px;
}
.templatebox-t1 .bxo .fot .bts-t2 .bobtn-t1:hover {
  background: #efefef;
}
.templatebox-t1 .bxo .fot .bts-t2 .bobtn-t1:active {
  background: #eee;
  color: #000;
}
.templatebox-t1 .bxo .fot .bts-t2 .bobtn-t1:active {
  border-top: 2px solid transparent;
}
.modal {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.modal.fade {
  opacity: 0;
}
.modal.hidden {
  display: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background-color: rgb(255 255 255 / 75%);
}
.modal-backdrop.hidden {
  opacity: 0;
}
.modal-dialog {
  clear: both;
  padding: 50px 0px 50px 0px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 102;
  transition: max-width 0.2s ease;
}
.modal-dialog.s1 {
  max-width: 520px;
}
.modal-dialog.modal-dialog-big {
  max-width: 660px;
}
.modal.fade .modal-dialog {
  transform: translateY(-20px);
}
.modal-content {
  position: relative;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border: none;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}
.modal-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: none;
  padding: 40px 65px 10px 55px;
  background: #fff;
}
.modal-header .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
.modal-header .top .title {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.34;
  letter-spacing: -0.25px;
}
.modal-header .top .close {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 20px;
  right: 22px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.modal-header .top .close .icon {
  font-size: 28px;
  line-height: 38px;
  color: #111;
  display: inline-block;
}
.modal-header .top .close:hover {
  background: #f2f2f2;
}
.modal-header .text {
  color: #80858f;
  font-size: 18px;
  line-height: 145%;
  font-weight: 400;
}
.modal-header.verified .top {
  align-items: flex-start;
}
.modal-header.verified .top .title {
  display: block;
}
.modal-header.verified .top .title img {
  display: block;
  max-width: 40px;
  margin-bottom: 16px;
}
.modal-body {
  padding: 25px 55px 60px 55px;
  background: #fff;
  overflow-y: auto;
}
.modal-body.no-px {
  padding-left: 0;
  padding-right: 0;
}
.modal-body.sl-t1 {
  padding: 25px 55px 40px 55px;
}
.modal-body:empty {
  padding-top: 12px;
  padding-bottom: 12px;
}
.modal-body .inpbox-t1 {
  clear: both;
  margin: 0px 0px 25px 0px;
}
.modal-body .inpbox-t2 {
  clear: both;
}
.modal-body .rgbox-t1 {
  height: 50px;
  clear: both;
  padding: 20px 10px 0px 0px;
}
.modal-body .rgbox-t1 .inl {
  display: block;
  float: right;
}
.modal-body .verify-by {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}
.modal-body .verify-by .item {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border: 1px solid #e9eaeb;
  border-radius: 4px;
  cursor: pointer;
}
.modal-body .verify-by .item:hover {
  background-color: #f9fafb;
}
.modal-body .verify-by .item.active {
  border-color: #265dcd38;
  box-shadow: 0px 0px 0px 3px rgb(18 94 248 / 14%);
}
.modal-body .verify-by .item .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.58;
  margin-bottom: 8px;
}
.modal-body .verify-by .item .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.modal-body .download-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #e9eaeb;
  border-radius: 4px;
}
.modal-body .download-file .text-box {
  display: flex;
  flex-direction: column;
}
.modal-body .download-file .text-box .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.58;
}
.modal-body .download-file .text-box .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.modal-body .download-file .btndownload {
  padding: 8px 21px 8px 15px;
}
.modal-body .download-file .btndownload i {
  font-size: 17px;
  margin: 0px 11px 0px 0px;
}
.modal-text {
  color: #1b212b;
  font-size: 16px;
  line-height: 1.58;
}
.modal-footer {
  background-color: #fff;
  border-top: 1px solid #dee0e3;
  justify-content: flex-start;
  padding: 16px 40px 18px 55px;
  width: 100%;
}
.modal-footer * {
  margin: 0;
}
.modal-footer .modal-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.modal-footer .btn.equal {
  width: 100px;
}
.modal-footer .modal-buttons {
  display: flex;
  align-items: center;
}
.modal-footer .modal-buttons .btn {
  margin-right: 6px;
}
.modal-footer .modal-buttons .btn.disabled {
  opacity: 0.4 !important;
  cursor: default !important;
}
.modal-footer .modal-buttons .btn:last-child {
  margin-right: 0;
}
.modal-footer .modal-link {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0px 0px 0px 27px;
}
.modal-footer .modal-link:hover {
  text-decoration: underline;
}
.modal-footer .modal-link .icon {
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 18px;
  line-height: 20px;
}
.modal-footer .modal-link .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}
.modal-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-form .fields {
  display: grid;
  gap: 20px;
}
.modal-form .fields .form-control {
  display: grid;
  grid-template-columns: 21.37% 78.63%;
  justify-items: flex-start;
  align-items: baseline;
  border: none;
  padding: 0;
}
.modal-form .fields .form-control.hidden {
  display: none;
}
.modal-form .fields .form-control .f-label {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-right: 24px;
}
.modal-form .fields .form-control .input {
  width: auto;
}
.modal-form .fields .form-control .modal-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.modal-form .fields .form-control .modal-flex.vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.modal-form .fields .form-control .modal-range {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.modal-form .fields .form-control .modal-range .input {
  padding-left: 12px;
  padding-right: 12px;
}
.modal-form .fields .form-control .modal-range .input {
  width: 100%;
}
.modal-form .fields .form-control .modal-range .input:first-child {
  max-width: 86px;
}
.modal-form .fields .form-control .modal-range.all-day .modal-flex {
  width: 100%;
}
.modal-form .fields .form-control .modal-range.all-day .input {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 100%;
}
.modal-form .fields .form-control .fields-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: max-content max-content;
  justify-items: flex-start;
  align-items: center;
}
.modal-form .fields .form-control .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
}
.modal-form .fields .form-control .text.grey {
  color: #626875;
}
.modal-form .fields .form-control .day-circle {
  display: block;
  position: relative;
}
.modal-form .fields .form-control .day-circle .circle-input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.modal-form .fields .form-control .day-circle .circle-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #626875;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 50%;
  cursor: pointer;
}
.modal-form
  .fields
  .form-control
  .day-circle
  .circle-input:checked
  + .circle-label {
  background-color: #125ef8;
  border: 1px solid #125ef8;
  color: #fff;
}
.modal-form .fields .form-control .form-summary {
  padding: 16px;
  background-color: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
  width: 100%;
}
.modal-form .form-summary.hidden {
  display: none;
}
.modal-form .fields .form-control .form-summary .title {
  color: #626875;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  margin-bottom: 4px;
}
.modal-form .fields .form-control .form-summary .text {
  color: #1b212b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
  max-width: 278px;
}
.modal-form .form-big-text {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.modal-form .form-spacer {
  height: 1px;
  width: 100%;
  background-color: #e9eaeb;
  margin: 24px 0;
}
.modal-form .all-day-hide.hidden {
  display: none;
}
.modal .modal-content {
  z-index: -1;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.modal.show .modal-content {
  z-index: 100;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.modal-backdrop {
  z-index: -1;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.modal-backdrop.show {
  z-index: 99;
  opacity: 1;
}
#modal-verification-html-step2 .modal-text,
#modal-verification-html-step3 .modal-text,
#modal-verification-html-step4 .modal-text {
  margin-bottom: 24px;
}

/* Color picker (theme overrride) */
.a-color-picker {
  background-color: #fff;
  padding: 2px;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  user-select: none;
  font-size: 10px; /*width:265px!important;*/
  margin: 0px 0px 4px 0px;
  box-shadow: none !important;
  font-family: unset !important;
  border-radius: unset !important;
  line-height: 16px !important;
}
.a-color-picker input {
  font-family: monospace;
  font-size: 13px;
  color: #3c4257;
  padding: 4px 0px;
  margin: -1px 0px 0px 0px;
  border: 1px solid transparent;
  box-shadow:
    0 0 0 1px rgba(50, 50, 93, 0.05),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px;
}
.a-color-picker-row .switch {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 45px;
  right: 3px;
  z-index: 10;
  border-radius: 3px;
  cursor: pointer;
  background: url(https://cdn.addevent.com/web/images/icon-select-arr-t1.svg)
    no-repeat 50% 50%;
  background-size: 17px auto;
}
.a-color-picker-row .switch:hover {
  background-color: #eee;
}
.a-color-picker .palettewrap {
  clear: both;
  padding: 2px 0px 3px 5px;
}
.a-color-picker-hsl,
.a-color-picker-rgb,
.a-color-picker-single-input {
  padding: 0px 35px 0px 0px;
}
.a-color-picker-row-top {
  padding: 2px !important;
}
.a-color-picker-row {
  padding: 2px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  user-select: none;
  position: relative;
}
.a-color-picker-row:not(:first-child) {
  border-top: solid 1px transparent;
}
.a-color-picker-stack {
  position: relative;
  overflow: visible;
}
.a-color-picker-column {
  margin: 0px 0px 0px 10px;
}
.a-color-picker-dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0px;
  left: 0px;
  background: transparent;
  pointer-events: none;
  border-radius: 50%;
  border: solid 1px #fff;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
}
.a-color-picker-h {
  border-radius: 14px;
}
.a-color-picker-preview {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: solid 1px #eee;
  user-select: none;
}
.a-color-picker-hsl,
.a-color-picker-rgb,
.a-color-picker-single-input {
  justify-content: space-evenly;
}
.a-color-picker-hsl > label,
.a-color-picker-rgb > label,
.a-color-picker-single-input > label {
  padding: 0px 6px 0px 8px;
  width: 53px;
  text-align: left;
  flex: 0 0 auto;
}
.a-color-picker-hsl > input,
.a-color-picker-rgb > input,
.a-color-picker-single-input > input {
  text-align: center;
  padding: 4px 0px;
  width: 0;
  flex: 1 1 auto;
}
.a-color-picker-single-input > input {
}
.a-color-picker-sl {
  width: 257px !important;
  height: 150px !important;
  background-image:
    linear-gradient(to right, #f2eeee 1px, transparent 1px),
    linear-gradient(to bottom, #f2eeee 1px, transparent 1px);
  background-size: 8px;
}
.a-color-picker.hide-hsl .a-color-picker-hsl,
.a-color-picker.hide-rgb .a-color-picker-rgb,
.a-color-picker.hide-single-input .a-color-picker-single-input {
  display: none;
}
.a-color-picker-clipbaord {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: default;
}
.a-color-picker-palette {
  flex-flow: wrap;
  flex-direction: row;
  justify-content: flex-start;
  padding: 12px 10px 0px 12px;
}
.a-color-picker-palette-color {
  width: 22px;
  height: 22px;
  flex: none;
  position: relative;
  z-index: 1;
  margin: 0px -4px 4px 0px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 22px;
  border: none;
  box-shadow: none !important;
}
.a-color-picker-palette-color:hover {
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.2) !important;
}
.a-color-picker-a,
.a-color-picker-h,
.a-color-picker-sl {
  cursor: default !important;
}
.a-color-picker-a + .a-color-picker-dot,
.a-color-picker-h + .a-color-picker-dot {
  top: -2px;
}

.palettecolorpick {
  width: 250px;
  height: 374px;
  position: absolute;
  z-index: 1050;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  background: #fff;
  border-radius: 3px;
  padding: 1px;
  display: none;
}
.palettecolorpick .inc {
  position: relative;
}
.palettecolorpick .btn {
  display: block;
  height: 38px;
  position: relative;
  clear: both;
  margin: 4px 0px 0px 0px;
}
.palettecolorpick .btn .lf {
  width: 28%;
  position: absolute;
  left: 10px;
  top: 0px;
}
.palettecolorpick .btn .rg {
  width: 61%;
  position: absolute;
  right: 10px;
  top: 0px;
}
.palettecolorpick .btn input {
  width: 100%;
}
.palettecolorpick .inc .arr {
  position: absolute;
  left: 50% !important;
  bottom: -22px !important;
  top: unset !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid #fff !important;
  margin: 0px 0px 0px -5px !important;
  transform: rotate(0deg) !important;
}

.palettecolorpick .a-color-picker-palette-color {
  box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 40%);
}
.palettecolorpick .a-color-picker-sl {
  border-radius: 3px;
}
.palettecolorpick .bffffff {
  background: #fff;
  color: #333;
  border: 1px solid transparent;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.palettecolorpick .bffffff:hover {
  background-color: #fafafa99;
}
.palettecolorpick .bffffff:active {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 9%),
    0 2px 5px 0 rgb(50 50 93 / 14%),
    0 1px 1px 0 rgb(0 0 0 / 10%);
}
.palettecolorpick .button-t1 {
  margin: 0;
  outline: 0;
  border: none;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  line-height: 38px;
  padding: 0px 12px;
  font-size: 15px;
  font-weight: 500;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.palettecolorpick .button-t1:hover {
}
.palettecolorpick .button-t1:active {
}

.pwprompt-pop {
  width: 440px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  display: none;
  margin: -210px 0px 0px -220px;
  background: #fff;
  border-radius: 8px;
  box-shadow:
    0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3),
    0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}
.pwprompt-bg {
  width: 100%;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9998;
  display: none;
  background: rgba(255, 255, 255, 0.5);
}
.pwprompt {
  clear: both;
  padding: 35px 0px 30px 0px;
  position: relative;
}
.pwprompt .close {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.pwprompt .close .ico {
  font-size: 22px;
  color: #222;
  line-height: 38px;
}
.pwprompt .close:hover {
  background-color: #f1f3f3;
}
.pwprompt .close:active {
  background-color: #f9f9f9;
}
.pwprompt .auto .hed {
  clear: both;
  margin: 0px 0px 28px 0px;
  text-align: center;
}
.pwprompt .auto .hed h1 {
  margin: 0px 0px 5px 0px;
  font-size: 23px;
  font-weight: 600;
  color: #1b224e;
}
.pwprompt .auto .hed p {
  margin: 0px;
  font-size: 15px;
  font-weight: 400;
  color: #6a6a6a;
  line-height: 135%;
}
.pwprompt .auto .form {
  width: 350px;
  margin: 0 auto 20px auto;
  position: relative;
  background: #fff;
}
.pwprompt .auto .form .inp {
  margin: 0px 0px 14px 0px;
  padding: 0px 78px 0px 56px;
  line-height: 48px;
  outline: 0;
  width: 100%;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 1px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 4px;
  text-align: center;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.17),
    0 2px 5px 0 rgba(50, 50, 93, 0.1),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.07),
    0 1px 2px 0 rgba(0, 0, 0, 0.08),
    0 0 0 0 transparent;
}
.pwprompt .auto .form .err {
  box-shadow:
    0px 0px 0px 4px rgb(255 105 105 / 24%),
    0px 1px 0px rgb(255 1 1 / 27%) !important;
}
.pwprompt .auto .form .inp:focus {
  border: 1px solid #d2d5da;
  box-shadow:
    0px 0px 0px 4px rgb(105 149 255 / 13%),
    0px 1px 0px rgb(1 90 255 / 10%);
}
.pwprompt .auto .form .pwsbt {
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  outline: 0;
  text-align: center;
  background: #125ef8;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  border-radius: 4px;
  cursor: pointer;
}
.pwprompt .auto .form .pwsbt:hover {
  background: #125ef8;
}
.pwprompt .auto .form .pwsbt:active {
  background: #125ef8;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.pwprompt .auto .form .pwsbt.loading {
  background-image: url(https://cdn.addevent.com/legacy2000/gfx/icon-load-t1.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  color: transparent !important;
}
.pwprompt .auto .form .pwcan {
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  outline: 0;
  text-align: center;
  background: #fff;
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 46px;
  border-radius: 4px;
  cursor: pointer;
}
.pwprompt .auto .form .pwcan:hover {
  background: #f1f3f3;
}
.pwprompt .auto .form .pwcan:active {
  background: #f9f9f9;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.pwprompt .auto .form .lck {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 13px;
  top: 11px;
}
.pwprompt .auto .form .lck span {
  font-size: 24px;
  line-height: 24px;
  color: #4caf50;
}
.pwprompt .auto .error {
  clear: both;
  text-align: center;
  display: none;
}
.pwprompt .auto .error p {
  margin: 0;
  display: inline-block;
  position: relative;
  font-size: 17px;
  color: #ff5722;
  line-height: 140%;
}
.pwprompt .auto .error .ic {
  font-size: 22px;
  color: #ff5722;
  line-height: 24px;
  position: absolute;
  left: -30px;
  top: 0px;
}
.pwprompt-pop {
  opacity: 0;
  transform: scale(0.92, 0.92) translateY(20px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.pwprompt-pop.show {
  opacity: 1;
  transform: scale(1, 1) translateY(0px);
}

.create-save {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px 16px 24px;
  background-color: #fff;
  border-radius: 4px 4px 6px 6px;
  width: 100%;
  max-width: 100%;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.create-save.fixed {
  position: fixed;
  bottom: 14px;
  z-index: 10;
  max-width: inherit;
}
.create-save .save {
  width: 132px;
  font-weight: 500;
}
.create-save .cancel {
  width: 88px;
}
.alert {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 16px;
  border-radius: 4px;
  border: none;
}
.alert .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 8px;
}
.alert.alert-error {
  background-color: #fdeef1;
  color: #d11f55;
}
.alert.alert-success {
  background-color: #e8f9f2;
  color: #1f9d68;
}
.alert.alert-warning {
  background-color: #fef9e9;
  color: #a88002;
}
.add-box {
  width: 230px;
  position: absolute;
  right: 0px;
  top: 46px;
  z-index: 11;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}
.add-box ul {
  margin: 0;
  padding: 16px 12px 12px 12px;
  list-style-type: none;
}
.add-box ul li {
}
.add-box ul li .item {
  height: 46px;
  display: block;
  position: relative;
  padding: 0px 0px 0px 54px;
  margin: -4px 0px 0px 0px;
  border-radius: 4px;
  text-decoration: none;
  color: #343638;
  font-weight: 400;
  font-size: 16px;
  line-height: 46px;
}
.add-box ul li .item:hover {
  background-color: #c1dffe36;
  color: #626875;
}
.add-box ul li .item i {
  font-size: 24px;
  width: 24px;
  position: absolute;
  left: 12px;
  top: 10px;
  color: #343638;
}
.inp-mandatory .err {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 12px;
  right: 27px;
  text-align: center;
  display: none;
}
.inp-mandatory .err .ico {
  color: #ff7a02;
  font-size: 22px;
  line-height: 30px;
}
.ix-wrp-t1 {
  width: 575px;
  clear: both;
}
.ix-t1 {
  clear: both;
  position: relative;
}
.ix-t1 .wr {
  width: 450px;
  clear: both;
  position: relative;
}
.ix-t1 .wr .lbl {
  position: absolute;
  left: 10px;
  top: -10px;
  font-size: 14px;
  color: #323130;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.ix-t1 .wr input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.ix-t1 .wr input:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.ix-t1 .wr .info-ico-t1 {
  display: block;
  right: 12px;
  top: 12px;
}
.ix-t1 .wr .bld {
  font-weight: 600;
}
.ix-t1.focus .wr .lbl {
  color: #5b7496;
}
.ix-t1.focus .wr input {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.ix-t1.filled .wr input {
  border: 1px solid #4b78b782;
  border-bottom: 1px solid #bbc8dce8;
}
.ix-t1 .cabs {
  left: 8px;
  top: 7px;
}
.ix-t2 {
  clear: both;
  position: relative;
  z-index: 2;
}
.ix-t2 .wr {
  clear: both;
  position: relative;
}
.ix-t2 .wr .lbl {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.ix-t2 .wr .inp {
  cursor: pointer;
  padding: 13px 16px 14px 48px;
}
.ix-t2 .wr .bld {
  font-weight: 600;
}
.ix-t2 .wr .bgt1 {
  background: #f7f9fcd4;
}
.ix-t2 .wr .lock {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  font-style: italic;
  color: #ff6e40;
}
.ix-t2 .wr .arr {
  position: absolute;
  top: 13px;
  right: 11px;
  z-index: 0;
}
.ix-t2 .wr .arr i {
  font-size: 32px;
  line-height: 32px;
}
.ix-t2 .wr .ico {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 14px;
  top: 11px;
  z-index: 20;
}
.ix-t2 .wr .ico i {
  font-size: 20px;
  display: inline-block;
  line-height: 32px;
}
.ix-t2 .wr .icon {
  display: flex !important;
  justify-items: center;
  align-items: center;
}
.ix-t2 .wr .ico .icon.green {
  color: #1dc67d;
}
.ix-t2 .wr .ico .icon.purple {
  color: #8b00e9;
}
.ix-t2 .wr .ico .icon.violet {
  color: #6758f3;
}
.ix-t2 .wr .ico .icon.blue {
  color: #4e82eb;
}
.ix-t2 .wr .ico .icon.light-blue {
  color: #1fb6ff;
}
.ix-t2 .wr .ico .icon.yellow {
  color: #f8c200;
}
.ix-t2 .wr .ico .icon.grey {
  color: #989fbd;
}
.ix-t2 .wr .system {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 120px;
  height: 30px;
  z-index: 10;
  font-size: 13px;
  color: #ff6635;
  line-height: 32px;
  background: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  display: none;
}
.ix-t2 .wr .system .rla {
  position: relative;
  padding: 0px 0px 0px 34px;
}
.ix-t2 .wr .system .rla .ix {
  position: absolute;
  left: 4px;
  top: 5px;
  font-size: 21px;
  color: #ff6635;
}
.ix-t2 .wr input {
  width: 100%;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.ix-t2 .wr input:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.ix-t2 .wr input.err {
  box-shadow: 0 0 2px rgb(117 35 0 / 1);
  border: 1px solid #ff57224f;
}
.ix-t2 .wr textarea {
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  resize: none;
}
.ix-t2 .wr textarea:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.ix-t2.s1 .wr textarea {
  font-size: 16px;
}
.ix-t2 .wr .attention {
  box-shadow: 0px 0px 0px 3px #125ef81a;
}
.ix-t2 .wr .wit1 {
  padding: 13px 60px 14px 16px;
}
.ix-t2 .wr .wit2 {
  padding: 13px 56px 14px 16px;
}
.ix-t2 .wr .sel {
  clear: both;
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.ix-t2 .wr .sel select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 14px 50px 13px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.ix-t2 .wr .sel .arr {
  position: absolute;
  top: 13px;
  right: 11px;
  z-index: 0;
}
.ix-t2 .wr .sel .arr i {
  font-size: 32px;
  line-height: 32px;
}
.ix-t2 .wr .info-ico-t1 {
  display: block;
  right: 12px;
  top: 12px;
}
.ix-t2 .wr .txtrnd-t1 {
  width: 100%;
  margin: 0;
  padding: 22px 16px 16px 25px;
  outline: 0;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.ix-t2 .wr .txtrnd-t1 .tab {
  display: table;
}
.ix-t2 .wr .txtrnd-t1 .tab .row {
  display: table-row;
}
.ix-t2 .wr .txtrnd-t1 .tab .row .cl1 {
  display: table-cell;
  padding: 0px 22px 5px 0px;
  font-size: 14px;
  color: #7d7d7d;
  font-weight: 400;
}
.ix-t2 .wr .txtrnd-t1 .tab .row .cl2 {
  display: table-cell;
  padding: 0px 0px 5px 0px;
}
.ix-t2 .wr .edit {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 12px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.ix-t2 .wr .edit:hover {
  background: #f5f5f5;
}
.ix-t2 .wr .edit:active {
  background: #f1f1f1;
}
.ix-t2 .wr .edit .ic {
  color: #666;
  font-size: 20px;
  line-height: 34px;
}
.ix-t2 .wr .copy {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 12px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.ix-t2 .wr .copy:hover {
  background: #f5f5f5;
}
.ix-t2 .wr .copy:active {
  background: #f1f1f1;
}
.ix-t2 .wr .copy .ic {
  color: #666;
  font-size: 19px;
  line-height: 34px;
}
.ix-t2 .wr .refresh {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 52px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.ix-t2 .wr .refresh:hover {
  background: #f5f5f5;
}
.ix-t2 .wr .refresh:active {
  background: #f1f1f1;
}
.ix-t2 .wr .refresh .ic {
  color: #666;
  font-size: 21px;
  line-height: 34px;
}
.ix-t2 .wr .load-t1 {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 60px;
  z-index: 2;
  background: #fff url(https://cdn.addevent.com/app/v2/gfx/icon-load-t2.svg)
    no-repeat 50% 50%;
  background-size: 28px auto;
  display: block;
}
.ix-t2.readonly .wr input {
  cursor: default;
}
.ix-t2.readonly .wr input:focus {
  box-shadow: unset;
  border: 1px solid #b7b7b782;
}
.ix-t2.ls .wr input {
  padding: 11px 16px 12px 16px;
}
.ix-t2-wrp {
  clear: both;
  margin: 0px 0px 15px 0px;
}
.ix-t2-wrp-t1 {
  clear: both;
  margin: 0px 0px 25px 0px;
}
.ix-t2-wrp-t2 {
  clear: both;
  margin: 0px;
  position: relative;
}
.ix-t2-wrp-t3 {
  clear: both;
  padding: 0px 120px 0px 0px;
  margin: 0px 0px 25px 0px;
  position: relative;
}
.ix-t2-wrp-t4 {
  clear: both;
  margin: 0px 0px 40px 0px;
  position: relative;
}
.ix-t2-wrp-t5 {
  clear: both;
  padding: 10px 0px 0px 0px;
}
.ix-t2-wrp-t6 {
  clear: both;
  padding: 0px 50px 0px 0px;
  margin: 0px 0px 25px 0px;
  position: relative;
}
.selb-t1 {
  clear: both;
  position: relative;
  background: #f1f3f3;
  border-radius: 4px;
}
.selb-t1 select {
  width: 105px;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 10px 18px 10px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.selb-t1 .arr {
  position: absolute;
  top: 8px;
  right: 5px;
  z-index: 0;
}
.selb-t1 .arr .ic {
  font-size: 26px;
  line-height: 26px;
}
.selb-t2 {
  clear: both;
  position: relative;
  background: #fff;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.selb-t2 .lbl {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.selb-t2 select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 14px 18px 14px 16px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.selb-t2 .arr {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 0;
}
.selb-t2 .arr .ic {
  font-size: 26px;
  line-height: 26px;
}
.ix-exp-t1 {
  margin: 0;
  font-size: 15px;
  line-height: 130%;
  font-weight: 400;
  color: #ff771c;
  padding: 15px 0px 25px 18px;
}
.editbox-t1 {
  clear: both;
  padding: 36px 38px 32px 38px;
  margin: 0px 0px 45px 0px;
  background: #fefefe;
  border: 1px solid #d2d5da;
  box-shadow:
    0px 0px 0px 4px rgb(105 149 255 / 13%),
    0px 1px 0px rgb(1 90 255 / 10%);
  border-radius: 4px;
}
.editbox-t1 .hd-t1 {
  clear: both;
  margin: 0px 0px 35px 0px;
  padding: 0px 0px 0px 8px;
}
.editbox-t1 .hd-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  font-weight: 600;
}
.editbox-t1 .bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 20px 0px 0px 0px;
}
.editbox-t1 .bottom .cancel {
  border: 1px solid transparent;
  box-shadow: none !important;
}
.editbox-t1 .bottom .cancel:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.info-ico-t1 {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 6px;
  top: -2px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background: url(https://cdn.addevent.com/web/images/icon-info-t1.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  cursor: help;
}
.info-ico-t1.t1 {
  top: 11px;
  right: 12px;
}
.info-ico-t1 .rx {
  position: relative;
}
.info-ico-t1:hover {
  background-color: #eee;
  overflow: visible;
}
.info-ico-t1:hover .info-des-t1 {
  /* One higher than sidebar z-index */
  z-index: 1014;
  opacity: 1;
  transform: scale(1);
  margin: 0;
}
.info-ico-t1.l1 {
  right: -40px;
  top: 3px;
}
.info-ico-t1.l2 {
  right: -40px;
  top: -3px;
}
.info-des-t1 {
  width: 340px;
  position: absolute;
  left: -350px;
  top: -20px;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  box-shadow:
    0px 0px 0px 1px rgba(136, 152, 170, 0.1),
    0px 15px 35px 0px rgba(49, 49, 93, 0.1),
    0px 5px 15px 0px rgba(0, 0, 0, 0.08);
  z-index: -1;
  opacity: 0;
  transform: scale(0.85);
  transition:
    opacity 250ms cubic-bezier(0, 1, 0.4, 1),
    transform 250ms cubic-bezier(0.18, 1.25, 0.4, 1);
}
.info-des-t1 .px {
  clear: both;
  padding: 15px 20px;
}
.info-des-t1 .px p {
  margin: 0 !important;
  font-size: 15px !important;
  color: #4d4d4d !important;
  line-height: 150% !important;
  font-weight: 500 !important;
}
.info-des-t1 .px .img {
  clear: both;
  padding: 18px 0px 0px 0px;
}
.info-des-t1 .px .img .io {
  height: 200px;
  clear: both;
  overflow: hidden;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);
  border-radius: 4px;
}
.info-des-t1 .px .img .io img {
  display: block;
  max-width: 100%;
}
.inps-p-t1 {
  clear: both;
  padding: 20px 0px 0px 0px;
}
.inps-p-t1 .rw-t1 {
  clear: both;
}
.inps-p-t1 .rw-t1 .ix-t2 {
  z-index: unset;
}
.inps-p-t2 {
  clear: both;
  margin: 0px 0px 30px 0px;
}
.inps-p-t2 .po {
  clear: both;
  position: relative;
  padding: 0px 120px 0px 0px;
}
.inps-p-t2 .po .px {
  clear: both;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.inps-p-t2 .po .px .tb {
  display: table;
}
.inps-p-t2 .po .px .tb .cl1 {
  display: table-cell;
  padding: 0px 25px 0px 0px;
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
  white-space: nowrap;
}
.inps-p-t2 .po .px .tb .cl2 {
  width: 100%;
  display: table-cell;
}
.inps-p-t2 .po .px .tb .cl2 input {
  margin: 0;
  width: 100%;
  padding: 0px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
}
.inps-p-t2 .po .px.t1 {
  border: 1px solid #1967d236;
  border-bottom: 1px solid #1967d23d;
  background: #e8f0fe38;
}
.inps-p-t2 .po .px.t1 .tb .cl1 {
  color: #20314ae8;
}
.inps-p-t2 .po .px.t1 .tb .cl2 input {
  background: transparent;
}
.inps-p-t2 .po .cpy {
  position: absolute;
  top: 1px;
  right: 0px;
}
.inps-p-t2 .po .cpy .copy {
  padding: 0px 18px 0px 15px;
  line-height: 50px;
}
.inps-p-t2 .po .cpy .copy:active {
  background-color: #e8f0fe38;
  color: #000;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.inps-c-t1 {
  clear: both;
  padding: 8px 0px 0px 0px;
}
.inps-c-t1 .ril {
  clear: both;
  position: relative;
  border-radius: 8px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.inps-c-t1 .ril .codemirror-t1 {
  box-shadow: unset;
}
.inps-c-t1 .ril .codemirror-t1.codemirrorspecial {
  position: absolute;
  left: -10000px;
}
.inps-c-t1 .ril .codemirror-t1 .CodeMirror {
  min-height: 300px;
  margin: -5px -2px -6px -2px;
}
/*
  .inps-c-t1 .ril .codemirror-t1 .CodeMirror .CodeMirror-scroll {
    overflow: auto !important;
  }
  */
.inps-c-t1 .ril .viewvisual {
  position: relative;
  z-index: 1;
  display: block;
}
.inps-c-t1 .ril .viewvisual iframe {
  border: 0;
  width: 100%;
  height: 800px;
  display: block;
  overflow: auto;
}
.inps-c-t1 .ril.typ1 .viewcode {
  display: none;
}
.inps-c-t1 .ril .lbl {
  position: absolute;
  left: 10px;
  top: -12px;
  z-index: 11;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.inps-c-t1 .ril .sav {
  height: 90px;
  position: sticky;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  border-radius: 8px 8px 0px 0px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.inps-c-t1 .ril .sav .rx {
  width: 100%;
  height: 100%;
  position: relative;
}
.inps-c-t1 .ril .sav .rx .flw {
  position: absolute;
  left: 28px;
  top: 24px;
}
.inps-c-t1 .ril .sav .rx .flt {
  float: left;
  line-height: 50px;
  margin: 0px 18px 0px 0px;
}
.inps-c-t1 .ril .sav .rx .tipz {
  float: left;
  position: relative;
  padding: 0px 30px 0px 30px;
  visibility: hidden;
}
.inps-c-t1 .ril .sav .rx .tipz .ico {
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 24px;
  color: #ff5722;
}
.inps-c-t1 .ril .sav .rx .tipz p {
  margin: 0;
  font-size: 15px;
  color: #ff5722;
  line-height: 50px;
  font-weight: 400;
  font-style: italic;
}
.inps-c-t1 .ril .sav .rx .tipz p strong {
  font-weight: 600;
  color: #333;
  display: inline-block;
  margin: 0px 8px 0px 0px;
}
.inps-c-t1 .ril .sav .rx .sep {
  width: 1px;
  height: 20px;
  position: absolute;
  left: 181px;
  top: 25px;
  background: #ececec;
}
.inps-c-t1 .ril .sav .rx .bt-t1 {
}
.inps-c-t1 .ril .sav .rx .bt-t1 .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  padding: 0px 15px 0px 45px;
  cursor: pointer;
}
.inps-c-t1 .ril .sav .rx .bt-t1 .btn .ico {
  position: absolute;
  left: 13px;
  top: 11px;
  font-size: 20px;
}
.inps-c-t1 .ril .sav .rx .bt-t1 .btn:hover {
  background: #f3f5f5;
}
.inps-c-t1 .ril .sav .rx .bt-t1 .btn:active {
  background: #eee;
  color: #000;
}
.inps-c-t1 .ril .sav .rx .bt-t1 .btn:active {
  border-top: 2px solid transparent;
}
.inps-c-t1 .ril .sav .rx .savcan {
  position: absolute;
  right: 28px;
  top: 21px;
}
.inps-c-t1 .ril .sav .rx .savcan .flt {
  float: left;
  margin: 0;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .fl {
  float: left;
  padding: 3px 0px 0px 3px;
}
.inps-c-t1 .ril .sav .rx .savcan .flt input {
  display: block;
  padding: 0px 18px;
  line-height: 40px;
  margin: 0px 0px 0px 4px;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .formsave:hover {
  background-color: #115aef;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .formsave:active {
  background-color: #125ef8;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .rsvformsave:hover {
  background-color: #115aef;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .rsvformsave:active {
  background-color: #125ef8;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .formcancel:hover {
  background: #efefef;
}
.inps-c-t1 .ril .sav .rx .savcan .flt .cancel:hover {
  background: #efefef;
}
.inps-c-t1 .ril .sav.hit1 {
  height: 80px;
}
.inps-c-t1 .ril .sav.hit1 .rx .flw {
  top: 18px;
}
.inps-c-t1 .ril .sav.hit1 .rx .savcan {
  top: 15px;
}
.inps-c-t1 .ril .sav .unsaved {
  position: absolute;
  left: 0px;
  top: 75px;
  right: 0px;
  z-index: 100;
  display: none;
}
.inps-c-t1 .ril .sav .unsaved .mx {
  max-width: 550px;
  margin: 0 auto;
  position: relative;
  padding: 13px 15px 15px 56px;
  background: #fff;
  border-radius: 5px;
  box-shadow:
    0 0 0 1px rgba(136, 152, 170, 0.1),
    0 15px 35px 0 rgba(49, 49, 93, 0.1),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.inps-c-t1 .ril .sav .unsaved .mx .io {
  position: absolute;
  left: 16px;
  top: 9px;
  z-index: 2;
}
.inps-c-t1 .ril .sav .unsaved .mx .io .ic {
  font-size: 28px;
  line-height: 28px;
  color: #ff5e00;
}
.inps-c-t1 .ril .sav .unsaved .mx p {
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  color: #4e4905;
}
.inps-c-t1 .ril .opts {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
}
.inps-c-t1 .ril .opts .clo {
  clear: both;
  padding: 6px 10px;
  background: #fff;
  border-radius: 8px;
}
.inps-c-t1 .ril .opts .clo .tags {
  float: left;
  margin: 0px 10px 0px 0px;
}
.inps-c-t1 .ril .opts .clo .tags .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.34;
  background-color: #fff;
  border: 1px solid #e9eaeb;
  border-radius: 4px;
  position: relative;
  padding: 7px 18px 7px 36px;
  cursor: pointer;
}
.inps-c-t1 .ril .opts .clo .tags .btn .ico {
  position: absolute;
  left: 8px;
  top: 6px;
  font-size: 20px;
}
.inps-c-t1 .ril .opts .clo .swi {
  float: left;
}
.inps-c-t1.inlt1 .ril .sav {
  height: 56px;
  position: sticky;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 51;
  border-radius: 8px 8px 4px 4px;
  background: #fff;
  border-top: none;
  border-bottom: 1px solid #eee;
}
.inps-c-t1.inlt1 .ril .sav .rx {
  width: 100%;
  height: 100%;
  position: relative;
}
.inps-c-t1.inlt1 .ril .sav .rx .flw {
  position: absolute;
  left: 28px;
  top: 1px;
}
.inps-c-t1.inlt1 .ril .sav .rx .flt {
  float: left;
  line-height: 50px;
  margin: 0px 18px 0px 0px;
}
.inps-c-t1.inlt1 .ril .sav .rx .flr {
  position: absolute;
  right: 20px;
  top: 10px;
}
.inps-c-t1.inlt1 .ril .sav .rx .flt {
  margin: 0px;
}
.inps-c-t1.inlt1 .ril .sav .rx .flt.fsep {
  position: relative;
  width: 20px;
  height: 40px;
}
.inps-c-t1.inlt1 .ril .sav .rx .flt.fsep .in {
  width: 1px;
  height: 26px;
  position: absolute;
  left: 10px;
  top: 8px;
  background: #e8e8e8;
}
.inps-c-t1 .ril .codemirror-t1 .CodeMirror {
  padding: 12px 0px 20px 17px;
}
.inps-c-t1.inlt1 .ril .sav .rx .tipz {
  float: left;
  position: relative;
  padding: 0px 30px 0px 30px;
  visibility: hidden;
}
.inps-c-t1.inlt1 .ril .sav .rx .tipz .ico {
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 24px;
  color: #ff5722;
}
.inps-c-t1.inlt1 .ril .sav .rx .tipz p {
  margin: 0;
  font-size: 15px;
  color: #ff5722;
  line-height: 50px;
  font-weight: 400;
  font-style: italic;
}
.inps-c-t1.inlt1 .ril .sav .rx .tipz p strong {
  font-weight: 600;
  color: #333;
  display: inline-block;
  margin: 0px 8px 0px 0px;
}
.inps-c-t1.inlt1 .ril .sav .rx .sep {
  width: 1px;
  height: 20px;
  position: absolute;
  left: 181px;
  top: 25px;
  background: #ececec;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 {
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #606369;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  padding: 0px 12px 0px 36px;
  cursor: pointer;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn .ico {
  position: absolute;
  left: 13px;
  top: 12px;
  font-size: 20px;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn .ic {
  position: absolute;
  left: 8px;
  top: 5px;
  font-size: 20px;
  color: #606369;
  line-height: 24px;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn:hover {
  background: #efefef;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn:active {
  background: #eee;
  color: #000;
}
.inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn:active {
  border-top: 2px solid transparent;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan {
  position: absolute;
  right: 28px;
  top: 21px;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt {
  float: left;
  margin: 0;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .fl {
  float: left;
  padding: 3px 0px 0px 0px;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformcancel {
  display: block;
  padding: 0px 18px;
  line-height: 40px;
  margin: 0px 0px 0px 4px;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformcancel:hover {
  background-color: #efefef !important;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformcancel:active {
  background-color: #f1f3f3 !important;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformsave:hover {
  background-color: #115aef;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformsave:active {
  background-color: #125ef8;
}
.inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .cancel:hover {
  background: #efefef;
}
.inps-c-t1.inlt1 .ril {
  box-shadow: none;
  border-radius: 0px;
}
.inps-c-t1.inlt1 .ril .lbl {
  display: none;
}
.inps-c-t1.inlt1 .ril .sav {
  border-radius: 0px;
}
.inps-s-t1 {
  clear: both;
  margin: 0px 0px 20px 0px;
  padding: 5px 0px 0px 0px;
}
.sso-box-t1 {
  clear: both;
  position: relative;
  padding: 20px 0px 50px 78px;
}
.sso-box-t1 .icon {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 18px;
  top: 8px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 50%;
}
.sso-box-t1 .icon.google {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-sso-google.svg)
    no-repeat 50% 50%;
  background-size: 24px auto;
}
.sso-box-t1 .icon.microsoft {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-sso-microsoft.svg)
    no-repeat 50% 50%;
  background-size: 20px auto;
}
.sso-box-t1 .icon.facebook {
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-sso-facebook.svg)
    no-repeat 50% 50%;
  background-size: 26px auto;
}
.sso-box-t1 .txt-t1 {
  margin: 0px 0px 8px 0px;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
}
.sso-box-t1 .txt-t2 {
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  line-height: 140%;
}
.sso-box-t1 .txt-t2 .service {
  display: inline-block;
  background: #fffce2;
  font-size: 16px;
  line-height: 30px;
  padding: 0px 8px;
  margin: 0px 4px;
  border-radius: 6px;
  font-weight: 600;
}
.sso-box-t1 .txt-t3 {
  margin: 0;
  font-size: 16px;
  color: #a8a8a8;
  line-height: 145%;
  font-weight: 400;
}
.sso-box-t1 .con-t1 {
  clear: both;
  padding: 5px 0px 14px 0px;
}
.sso-box-t1 .con-t1 .flt-t1 {
  float: left;
}
.sso-box-t1 .con-t1 .flt-t1 .btn {
  padding: 0px 12px;
  color: #545454;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 10%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 12%);
  font-weight: 500;
  font-size: 15px;
  border: none;
  line-height: 38px;
}
.sso-box-t1 .con-t1 .flt-t2 {
  float: left;
  padding: 0px 0px 0px 14px;
}
.sso-box-t1 .con-t1 .flt-t2 p {
  margin: 0;
  line-height: 38px;
  font-size: 15px;
  color: #666;
}
.sso-box-t1 .con-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.boxwchk-t1 {
  clear: both;
  padding: 0px 0px 0px 90px;
  position: relative;
}
.boxwchk-t1 p {
  margin: 0px 0px 15px 0px;
  font-size: 15px;
  color: #7f848f;
  font-weight: 400;
  line-height: 150%;
}
.boxwchk-t1 .tx-t1 {
  clear: both;
}
.boxwchk-t1 .tx-t2 {
  margin: -10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.boxwchk-t1 .tx-t2 a {
  font-size: 15px;
  color: #125ef8;
  text-decoration: underline;
}
.boxwchk-t1 .tx-t2 a:hover {
  text-decoration: none;
}
.boxwchk-t1 .tx-t3 {
  margin: 0;
  font-size: 15px;
  line-height: 155%;
  padding: 10px 0px 30px 0px;
}
.boxwchk-t1 .fld-t1 {
  display: inline-block;
  line-height: 24px;
  border-radius: 4px;
  background: #f1f5ff;
  padding: 0px 8px;
  margin: 0px 6px 0px 0px;
  cursor: help;
  font-size: 13px;
  color: #34373f;
  font-family: monospace;
}
.truncatetext {
}
.truncatetext .truncatetext-wrap {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.truncatetext.mxh1 {
  max-height: 72px;
  overflow: hidden;
}
.truncatetext .truncatetext-readmore {
  clear: both;
  padding: 10px 0px 0px 0px;
}
.truncatetext .truncatetext-readmore a {
  display: inline-block;
  line-height: 150%;
  font-size: 15px;
  color: #125ef8;
  text-decoration: underline;
}
.truncatetext .truncatetext-readmore a:hover {
  text-decoration: none;
}
.truncatetext.truncated .truncatetext-wrap:before {
  content: "";
  height: 40px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(#ffffff00, #ffffffbf);
  z-index: 100;
}
.tooltip-box {
  display: inline-flex;
  position: relative;
  text-transform: none;
}
.tooltip-box .toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
  width: 100%;
}
.tooltip-box.touching:hover .toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tooltip-box .toggle .text {
  color: #85888f;
  font-size: 12px;
  font-weight: 400;
}
.tooltip-box .toggle .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 18px;
}
.tooltip-box .toggle .icon:first-child {
  margin-right: 4px;
}
.tooltip-box .toggle .icon:last-child {
  margin-left: 4px;
}
.tooltip-box .toggle .icon:first-child:last-child {
  margin: 0;
}
.tooltip-box .content-container {
  width: 300px;
  position: absolute;
  left: -310px;
  top: -27px;
}
.tooltip-box.touching .content-container {
  padding-top: 0;
}
.tooltip-box:hover .content-container {
  z-index: 50;
  opacity: 1;
  transform: scale(1);
  margin: 0;
}
.tooltip-box .content-container {
  background: #fff;
  padding: 12px 18px;
  margin: 0 !important;
  font-size: 15px !important;
  color: #4d4d4d !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  border-radius: 4px;
  box-shadow:
    0px 0px 0px 1px rgba(136, 152, 170, 0.1),
    0px 15px 35px 0px rgba(49, 49, 93, 0.1),
    0px 5px 15px 0px rgba(0, 0, 0, 0.08);
  z-index: -1;
  opacity: 0;
  transform: scale(0.85);
  transition:
    opacity 250ms cubic-bezier(0, 1, 0.4, 1),
    transform 250ms cubic-bezier(0.18, 1.25, 0.4, 1);
}
.tooltip-box.touching .content-container .content {
  clear: both;
}
.tooltip-box .content-container .content * {
}
.tooltip-box .content-container .content a {
  font-size: 14px;
}
.tooltip-box .content-container .content i {
  margin-left: 4px;
}
.codemirror-t1 .pxi {
  clear: both;
  padding: 16px 12px 16px 12px;
}
.codemirror-t1 .pxi.nopd {
  clear: both;
  padding: 0px;
}
.tooltip-box.yellow .toggle {
  background-color: #fef9e9;
  color: #a88002;
}
.tooltip-box.yellow .toggle .text,
.tooltip-box.yellow .toggle .icon {
}
.tooltip-box.yellow .content-container .content {
  background-color: #fef9e9;
  color: #1b212b;
}
.tooltip-box.pink .toggle {
  background-color: #f861bb1a;
  color: #f861bb;
}
.tooltip-box.pink .toggle .text,
.tooltip-box.pink .toggle .icon {
}
.tooltip-box.green .toggle {
  background-color: #1dc67d1a;
  color: #1f9d68;
}
.tooltip-box.green .toggle .text,
.tooltip-box.green .toggle .icon {
}
.tooltip-box .toggle.medium {
  padding: 6px 12px;
}
.tooltip-box .toggle.medium .text {
  line-height: 1.5;
}
.tooltip-box .toggle.medium .icon {
  font-size: 20px;
}
.tooltip-box .toggle.small {
  padding: 4px 8px;
}
.tooltip-box .toggle.small .text {
  line-height: 1.34;
}
.tooltip-box .toggle.small .icon {
  font-size: 16px;
  width: 16px;
}
.tooltip-box .content-container[data-placement="top"] {
  left: 50%;
  top: auto;
  bottom: 100%;
  transform: translateX(-50%);
  padding-bottom: 4px;
}
.tooltip-box .content-container[data-placement="bottom"] {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  padding-top: 4px;
}
.tooltip-box .content-container[data-placement="left"] {
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 4px;
}
.tooltip-box .content-container[data-placement="right"] {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 4px;
}
.tooltip-box .content-container[data-placement="top-left"] {
  bottom: 100%;
  left: 0;
  padding-bottom: 4px;
}
.tooltip-box .content-container[data-placement="top-right"] {
  bottom: 100%;
  left: auto;
  right: 0;
  padding-bottom: 4px;
}
.tooltip-box .content-container[data-placement="bottom-left"] {
  top: 100%;
  left: 0;
  padding-top: 4px;
}
.tooltip-box .content-container[data-placement="bottom-right"] {
  top: 100%;
  left: auto;
  right: 0;
}
.tooltip-box.touching .content-container {
  padding: 0;
}
.tooltip-box .content-container[data-arrow="down"]:after {
  display: block;
  position: absolute;
  content: " ";
  width: 8px;
  height: 8px;
  background-color: #1b212b;
  left: 50%;
  top: calc(100% - 12px);
  transform: translateX(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) rotate(-45deg);
}
.tooltip-box .w-t1 {
  width: 260px;
  top: -26px !important;
  right: 28px !important;
}
.settings-top {
  height: 110px;
  clear: both;
  position: relative;
  margin: 0px 0px 40px 0px;
  background: #fff;
}
.settings-top .menu {
  clear: both;
  background: #fff;
  max-width: 100%;
  padding: 43px 0px 0px 0px;
  position: relative;
}
.settings-top .menu::-webkit-scrollbar {
  display: none;
}
.settings-top .menu .top-tab {
  white-space: nowrap;
}
.settings-top .right {
  position: absolute;
  top: 43px;
  right: 0px;
}
.settings-top .right .flt {
  float: left;
  margin: 0px 0px 0px 10px;
}
.settings-top .right.hidden {
  display: none;
}
.settings-top .right .text {
  display: inline-block;
  line-height: 42px;
  color: #84826f;
  font-size: 15px;
  padding: 0px 16px;
  background: #fffce2;
  border-radius: 4px;
}
.settings-top .sha-t1 {
  height: 4px;
  position: absolute;
  bottom: -4px;
  right: 0px;
  left: 0px;
  border-radius: 0px 4px 4px 0px;
  background: linear-gradient(
    rgba(9, 30, 66, 0.13) 0px,
    rgba(9, 30, 66, 0.13) 1px,
    rgba(9, 30, 66, 0.08) 1px,
    rgba(9, 30, 66, 0) 4px
  );
}
.settings-top .sha-t2 {
  width: 6px;
  height: 26px;
  position: absolute;
  bottom: -14px;
  left: 7px;
  z-index: 30;
  transform: rotate(90deg);
  background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255));
}
.settings-top .sha-t3 {
  width: 6px;
  height: 26px;
  position: absolute;
  bottom: -14px;
  right: 7px;
  z-index: 30;
  transform: rotate(90deg);
  background: linear-gradient(rgb(255 255 255), rgb(255 255 255 / 0%));
}
.settings-top .sha-t4 {
  width: 6px;
  height: 114px;
  position: absolute;
  bottom: -4px;
  left: -6px;
  z-index: 30;
  background: #fff;
}
.settings-top .sha-t5 {
  width: 6px;
  height: 114px;
  position: absolute;
  bottom: -4px;
  right: -6px;
  z-index: 30;
  background: #fff;
}
.settings-top .nav-arr-lft {
  display: none;
  width: 36px;
  height: 42px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
}
.settings-top .nav-arr-lft .ico {
  font-size: 32px;
  line-height: 42px;
  color: #222;
}
.settings-top .nav-arr-rgt {
  display: none;
  width: 36px;
  height: 42px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
}
.settings-top .nav-arr-rgt .ico {
  font-size: 32px;
  line-height: 42px;
  color: #222;
}
.list-top-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 16px;
  margin: 20px 0px 50px 0px;
}
.list-top-tiles .tile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background-color: #fff;
  border: 1px solid #e9eaeb;
  border-radius: 4px;
  padding: 16px 24px;
}
.list-top-tiles .tile.clickable {
  cursor: pointer;
}
.list-top-tiles .tile.blue {
  background-color: #4e82eb;
  border-color: #4e82eb;
}
.list-top-tiles .tile .main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}
.list-top-tiles .tile .main .top {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.list-top-tiles .tile .main .top .icon {
  display: flex;
  justify-content: center;
  align-self: center;
  font-size: 20px;
  margin-right: 12px;
}
.list-top-tiles .tile .main .top .icon.purple {
  color: #8b00e9;
}
.list-top-tiles .tile .main .top .icon.green {
  color: #1dc67d;
}
.list-top-tiles .tile .main .top .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.list-top-tiles .tile .main .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
}
.list-top-tiles .tile .main .content.lst1 {
  gap: 25px;
}
.list-top-tiles .tile .main .content .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}
.list-top-tiles .tile .main .content .rsvp-state {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0px 0px 4px 0px;
}
.list-top-tiles .tile .main .content .rsvp-state .state {
  display: flex;
  align-items: center;
  gap: 8px;
}
.list-top-tiles .tile .main .content .rsvp-state .state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.list-top-tiles .tile .main .content .rsvp-state .state.going .icon {
  color: #1dc67d;
}
.list-top-tiles .tile .main .content .rsvp-state .state.not-sure .icon {
  color: #f8c200;
}
.list-top-tiles .tile .main .content .rsvp-state .state.not-going .icon {
  color: #f60049;
}
.list-top-tiles .tile .main .content .rsvp-state .state .text {
  color: #626875;
  font-size: 19px;
  line-height: 1.5;
}
.list-top-tiles .tile .main .content .subscribers-state {
  display: flex;
  align-items: center;
  gap: 8px;
}
.list-top-tiles .tile .main .content .subscribers-state .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1dc67d;
  font-size: 24px;
}
.list-top-tiles .tile .main .content .subscribers-state .text {
  color: #626875;
  font-size: 19px;
  line-height: 1.5;
}
.list-top-tiles .tile .main .content .analytics-info {
  display: flex;
  align-items: flex-end;
  gap: 32px;
}
.list-top-tiles .tile .main .content .analytics-info .number {
  color: #1b212b;
  font-size: 26px;
  line-height: 1.34;
}
.list-top-tiles .tile .main .content .analytics-info .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}
.list-top-tiles .tile.blue .main .top .title {
  color: #fff;
}
.list-top-tiles .tile.blue .main .content .rsvp-state .state.going .icon {
  color: #51ffb7;
}
.list-top-tiles .tile.blue .main .content .rsvp-state .state.not-sure .icon {
  color: #ffecaa;
}
.list-top-tiles .tile.blue .main .content .rsvp-state .state.not-going .icon {
  color: #ff809a;
}
.list-top-tiles .tile.blue .main .content .rsvp-state .state .text {
  color: #fff;
}
.list-top-tiles .tile.blue .main .content .subscribers-state .icon {
  color: #c4f4e0;
}
.list-top-tiles .tile.blue .main .content .subscribers-state .text {
  color: #fff;
}
.list-top-tiles .tile .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 17px;
}
.mode-event-new .password-google-nav {
  visibility: hidden;
}
.mode-event-new .secrsvpdet {
}
.password-google-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: max-content;
  white-space: nowrap;
  margin-right: -12px;
}
.password-google-nav .mobile-buttons,
.password-google-nav .mobile-close {
  display: none;
}
.password-google-nav .password-info {
  display: flex;
  align-items: center;
  position: relative;
  padding: 6px 6px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
  color: #1b212b;
  cursor: pointer;
}
.password-google-nav .password-info:hover {
  background-color: #f0f3f775;
}
.password-google-nav .label-state {
  display: flex;
  position: relative;
  align-items: center;
  max-width: max-content;
  background-color: #e9eaeb;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #626875;
  font-family: monospace;
  padding: 4px 8px 2px 8px;
  margin-left: 8px;
}
.password-google-nav .label-state.green {
  padding: 3px 8px;
  color: #1f9d68;
  background-color: #e8f9f2;
}
.password-google-nav .label-state span {
  font-size: 16px;
  line-height: 1;
  margin-left: 4px;
}
.password-google-nav .label-state.on {
  display: none;
}
.password-google-nav .label-state.wi {
  padding-right: 28px;
}
.password-google-nav .label-state .ic {
  position: absolute;
  top: 1px;
  right: 6px;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.password-google-nav .password-info .password-dropdown {
  position: absolute;
  right: 0;
  width: 320px;
  top: calc(100% + 8px);
  background-color: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  z-index: 120;
  white-space: normal;
  cursor: default;
}
.password-google-nav .password-info .password-dropdown .pass-d-top {
  display: block;
  padding: 24px;
  border-bottom: 1px solid #e9eaeb;
}
.password-google-nav .password-info .password-dropdown .pass-d-bottom {
  display: block;
  padding: 24px;
}

.password-google-nav
  .password-info
  .password-dropdown.statedisabled
  .input-icon-box
  .inp-t1
  .wr
  input {
  opacity: 0.5;
  color: #aaa;
}
.password-google-nav
  .password-info
  .password-dropdown.statedisabled
  .input-icon-box
  .inp-t1
  .ico.c1 {
  color: #9a9aa68a;
}
.password-google-nav
  .password-info
  .password-dropdown.statedisabled
  .input-icon-box:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: #ffffff05;
}
.password-google-nav
  .password-info
  .password-dropdown.statedisabled
  .input-icon-box
  .info-ico-t1 {
  z-index: 11;
}
.password-google-nav .password-info .actbtn.stateon .label-state.on {
  display: flex;
}
.password-google-nav .password-info .actbtn.stateon .label-state.off {
  display: none;
}

.password-google-nav .input-icon-box {
  margin-bottom: 12px;
}
.password-google-nav .title-box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.password-google-nav .title-box .title {
  margin: 0;
  font-weight: 600;
  font-size: 17px;
  line-height: 150%;
  color: #1b212b;
}
.password-google-nav .text {
  clear: both;
  margin: 0px 0px 20px 0px;
  font-size: 15px;
  line-height: 150%;
  color: #85888f;
}
.password-google-nav .toggler-box {
  width: 100%;
  display: flex;
  margin: 0px 0px 30px 6px;
  align-items: center;
}
.password-google-nav .toggler-box.ma-t1 {
  margin: 0;
  padding: 0px 0px 15px 0px;
}
.password-google-nav .toggler-box .toggler-state {
  padding: 0px 0px 0px 18px;
  font-size: 15px;
  line-height: 130%;
  font-weight: 500;
}
.password-google-nav .toggler-box .toggler-state-t1 {
  padding: 0px 40px 0px 0px;
  font-size: 15px;
  line-height: 130%;
  font-weight: 500;
}
.password-google-nav .toggler-box .toggler-f .no {
  padding: 0px 10px 0px 0px;
  color: #c90000;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.password-google-nav .toggler-box .toggler-f .yes {
  padding: 0px 0px 0px 10px;
  color: #03a803;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.password-google-nav .google-info {
  display: flex;
  align-items: center;
  position: relative;
  padding: 6px 6px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
  color: #1b212b;
  cursor: pointer;
}
.password-google-nav .google-info:hover {
  background-color: #f0f3f775;
}
.password-google-nav .google-info .google-dropdown {
  display: none;
  position: absolute;
  right: 0;
  width: 310px;
  top: calc(100% + 8px);
  padding: 24px;
  background-color: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  z-index: 3;
  white-space: normal;
  cursor: default;
}
.password-google-nav .save {
  clear: both;
  padding: 10px 0px 0px 0px;
}
.password-google-nav .save input {
  width: 100%;
  font-size: 17px;
  padding: 10px 15px;
}
.password-google-nav .actbtn {
  display: flex;
}

.popdrop-t1 {
  z-index: 10;
  margin-top: -20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.popdrop-t1.show {
  z-index: 10;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.popdrop-t2 {
  z-index: -1;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.1s ease,
    transform 0.2s ease,
    margin 0.1s ease;
}
.popdrop-t2.show {
  z-index: 10;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.event-top {
  display: block;
  width: 100%;
  padding: 45px 0px 0px 0px;
}
.event-top .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.event-top .container .left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 715px 0;
}
.event-top .container .password-google-nav {
  padding-top: 2px;
}
.event-top .container .full {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.event-top .back {
  display: inline-block;
  position: relative;
  padding: 0px 0px 25px 26px;
  margin: 8px 0px 0px -23px;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #626875;
}
.event-top .back i {
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 20px;
}
.event-top .back:hover i {
  transform: translateX(-5%);
  -webkit-transform: translateX(-5%);
}
.event-top .back:hover {
  text-decoration: underline;
}
.event-top .text-box {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 12px;
  width: 100%;
}
.event-top .text-box .rol {
  width: 100%;
  clear: both;
  position: relative;
}
.event-top .text-box .rol .ma {
  clear: both;
  margin: 0px 5px 10px 0px;
}
.event-top .text-box .rol .ma .hed {
  clear: both;
  margin: 0px 0px 4px 0px;
}
.event-top .text-box .rol .ma .hed.vi {
  min-height: 32px;
  margin: 0;
}
.event-top .text-box .rol .ma .hed.ce {
  min-height: 32px;
  position: relative;
  z-index: 2;
  outline: 0;
  margin: 0;
  font-size: 26px;
  line-height: 120%;
  overflow-wrap: break-word;
  color: #1b212b;
}
.event-top .text-box .rol .ma .cewrp .input-unlabeled {
  margin-left: -6px;
}
.event-top .text-box .rol .ma .hedw:hover .cis {
  display: block;
  background: #f4f6f7;
  box-shadow: unset;
}
.event-top .text-box .rol .ma .hedw.active:hover .cis {
  background: #fff;
}
.event-top
  .text-box
  .rol
  .ma
  .hed.contenteditablesingle:empty:not(:focus):before {
  position: relative;
  z-index: -1;
  content: attr(data-placeholder);
  color: #969799;
  font-weight: 400;
}
.event-top .text-box .rol .ma .hed p {
  margin: 0;
  font-size: 26px;
  line-height: 120%;
  color: #1b212b;
}
.event-top .text-box .rol .ma .hed .cin {
  position: relative;
  z-index: 3;
  font-size: 26px;
  line-height: 120%;
  overflow-wrap: break-word;
}
.event-top .text-box .rol .ma .hed p .hdfx {
  float: left;
  display: block;
  white-space: nowrap;
  max-width: 235px;
  overflow: hidden;
  color: #85888f;
  text-overflow: ellipsis;
}
.event-top .text-box .rol .ma .hed p .hdfxsl {
  float: left;
  font-weight: 500;
  color: #85888f;
  margin: 0px 8px 0px 8px;
}
.event-top .text-box .rol .ma .hed p .hdfxsc {
  float: left;
  display: block;
}
.event-top .text-box .rol .ma .hed .cl {
  width: 100%;
  height: 0px;
  clear: both;
  overflow: hidden;
}
.event-top .text-box .rol .ma .hedw {
  clear: both;
  position: relative;
}
.event-top .text-box .rol .ma .hedw .cis {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  margin: -4px -7px;
  background: #fff;
  padding: 3px 5px;
  border-radius: 2px;
  display: none;
}
.event-top .text-box .rol .ma .hedw.active {
  z-index: 5;
  background: #fff;
}
.event-top .text-box .rol .ma .hedw.active .cis {
  display: block;
  box-shadow: 0px 0px 0px 2px rgb(18 94 248 / 55%) !important;
}
.event-top .text-box .rol .ma .hedw.active .hed {
}
.event-top .text-box .rol .ma .hedw.inperr-t2 .cis {
  display: block;
  box-shadow: 0px 0px 0px 2px rgb(233 30 99 / 40%) !important;
}
.event-top .text-box .rol .ma .codeinphi {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.event-top .text-box .rol .ma .int {
  clear: both;
  padding: 0px 70px 0px 0px;
}
.event-top .text-box .rol .ma .int.vi {
  min-height: 28px;
  padding: 3px 70px 3px 0px;
}
.event-top .text-box .rol .ma .int p {
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  color: #767a81;
}
.event-top
  .text-box
  .rol
  .ma
  .int.contenteditablesingle:empty:not(:focus):before {
  position: relative;
  z-index: -1;
  content: attr(data-placeholder);
  color: #969799;
  font-weight: 400;
}
.event-top .text-box .rol .ma .int.ce {
  min-height: 28px;
  position: relative;
  z-index: 2;
  padding: 3px 0px;
  outline: 0;
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  overflow-wrap: break-word;
  color: #767a81;
}
.event-top .text-box .rol .ma .intw {
  clear: both;
  position: relative;
}
.event-top .text-box .rol .ma .intw .cis {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  margin: -4px -7px;
  background: #fff;
  padding: 3px 5px;
  border-radius: 2px;
  display: none;
}
.event-top .text-box .rol .ma .intw.active {
  z-index: 5;
}
.event-top .text-box .rol .ma .intw.active .cis {
  display: block;
  box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 15%) !important;
}
.event-top .text-box .rol .ma .intw.active .int {
}
.event-top .text-box .rol .ma .intw.active:hover .cis {
  background: #fff;
}
.event-top .text-box .rol .ma .intw:hover .cis {
  display: block;
  background: #f4f6f7;
  box-shadow: unset;
}
.event-top .text-box .rol .ma .col {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -40px;
  top: 6px;
  cursor: pointer;
}
.event-top .text-box .rol .ma .col:hover {
  box-shadow: 0px 0px 0px 7px #f4f6f7;
  border-radius: 50%;
}
.event-top .text-box .rol .ma .col .co {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.event-top .text-box .rol .ma .col .co:hover {
  box-shadow: 0px 0px 0px 5px #f4f6f7;
}
.event-top .text-box .rol .ma .col.readonly {
  cursor: default !important;
  box-shadow: unset !important;
}
.event-top .text-box .rol .ma .col.readonly .co {
  cursor: default !important;
}
.event-top .text-box .rol .ma .col .mnu {
  width: 180px;
  position: absolute;
  z-index: 10;
  left: 48px;
  top: -15px;
  margin: 0px 0px 0px -15px;
  background: #fff;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.event-top .text-box .rol .ma .col .mnu .po {
  clear: both;
  padding: 12px 8px 8px 14px;
}
.event-top .text-box .rol .ma .col .mnu .po .vtcolors {
  padding: 0px;
  margin: 0px;
}
.event-top .text-box .rol .ma .col .mnu .po .clr {
  width: 100%;
  height: 0px;
  clear: both;
  overflow: hidden;
}
.event-top .text-box .rol .ma .col .mnu {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9, 0.9) translate(-30px);
  transition:
    opacity 0.1s ease,
    transform 0.1s ease,
    height 0.2s ease,
    left 0.1s ease,
    top 0.1s ease;
}
.event-top .text-box .rol .ma .col .mnu.show {
  visibility: visible;
  z-index: 1001;
  opacity: 1;
  transform: scale(1, 1) translate(0);
}
.event-top .text-box .rol .func {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 4px;
  right: 5px;
}
.event-top .text-box .rol .func .opts {
  width: 100%;
  height: 100%;
  position: relative;
}
.event-top .text-box .rol .func .opts .usx,
.factbox-t1 .func .opts .usx {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  text-align: center;
  background: #f0f3f7;
  cursor: pointer;
}
.event-top .text-box .rol .func .opts .usx span,
.factbox-t1 .func .opts .usx span {
  color: #000;
  font-size: 22px;
  line-height: 34px;
}
.event-top .title-input {
  outline: 0;
  border: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  color: #1b212b;
  padding: 0px 4px;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 426px;
}
.event-top .title-input:hover {
  background-color: #e9eaeb;
}
.event-top .title {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 8px;
  color: #1b212b;
  margin-right: 8px;
}
.event-top .title-input::placeholder {
  color: #85888f;
}
.event-top .title-input[readonly] {
  color: #1b212b;
}
.event-top .title-place {
  display: flex;
  align-items: center;
}
.event-top .more-action {
  height: 100%;
  display: flex;
  font-size: 24px;
  color: #85888f;
  align-items: center;
  position: relative;
  margin-left: 4px;
  cursor: pointer;
}
.event-top .more-action.hidden {
  display: none;
}
.event-top .more-action .more-box {
  display: none;
  position: absolute;
  padding: 10px 0px 8px 0px;
  background-color: #fff;
  filter: drop-shadow(-4px -16px 22px rgba(20, 18, 30, 0.04))
    drop-shadow(4px 16px 32px rgba(20, 18, 30, 0.08));
  border-radius: 4px;
  width: 200px;
  top: calc(100% + 24px);
  left: -16px;
  z-index: 10;
}
.event-top .more-action .more-box::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 16px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: rotate(45deg);
}
.event-top .more-action .more-box .add-box-item {
  display: flex;
  align-items: center;
  padding: 8px 24px;
  border-radius: 4px;
  text-decoration: none;
  color: #626875;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
  margin-bottom: 4px;
}
.event-top .more-action .more-box .add-box-item:hover {
  background-color: #f5f6f7;
  color: #626875;
}
.event-top .more-action .more-box .add-box-item i {
  font-size: 20px;
  width: 20px;
  margin-right: 8px;
}
.event-top .subtitle-input {
  outline: 0;
  border: 0;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
  min-width: 200px;
  margin-right: 8px;
  color: #626875;
  text-overflow: ellipsis;
  background-color: transparent;
}
.event-top .subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.58;
  color: #626875;
}
.event-top .internal-name-place {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.event-top .internal-name-place:empty {
  margin-bottom: 0px;
}
.event-top .buttons-place {
  display: flex;
  align-items: center;
}
.event-top .title-place .buttons-place {
  margin-left: 40px;
}
.event-top .buttons-place .btn {
  margin-right: 6px;
  width: 76px;
}
.event-top .buttons-place .btn:last-child {
  margin-right: 0px;
}
.event-top .subtitle-input::placeholder {
  color: #85888f;
}
.event-top .subtitle-input[readonly] {
  color: #626875;
}
.event-top .event-attr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.event-top .event-attr.hide {
  display: none;
}
.event-top .only-mobile {
  display: none;
}
.event-top .calendars-box {
  display: flex;
  align-items: baseline;
  position: relative;
  flex-wrap: wrap;
  padding-right: 16px;
  margin-right: 16px;
}
.event-top .calendars-box:after {
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  content: " ";
  right: 0;
  top: 5px;
  background-color: #dee0e3;
}
.event-top .tags-box {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.event-top .tags-box .tag:last-child {
}
.event-top .tags-box .create-tag {
  padding: 2px 9px;
  border: 1px solid #dee0e3;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #1b212b;
  min-width: 30px;
  max-width: 300px;
  outline: none;
  margin-bottom: 12px;
}
.connect-box {
  position: absolute;
  background-color: #fff;
  display: none;
  padding: 3px;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 8px;
  left: 0;
  top: calc(100% - 140px);
  width: 356px;
  z-index: 1;
}
.connect-box .wrp {
  clear: both;
  padding: 12px 4px;
  max-height: 300px;
  overflow: auto;
}
.connect-box .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #1b212b;
  margin-bottom: 12px;
  padding: 10px 0px 0px 18px;
}
.connect-box .warn {
  position: relative;
  margin: -2px 6px 8px 6px;
  padding: 10px 15px 10px 13px;
  background: #ffffd7;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #6b7136;
  line-height: 130%;
}
.connect-box .warn strong {
  font-weight: 700;
  color: #111;
}
.connect-box .connect-element {
  display: block;
  position: relative;
  padding: 10px 14px 10px 19px;
  border-radius: 6px;
  margin: -3px 0px 0px 0px;
}

.connect-box .connect-element.xp {
  padding: 10px 14px 10px 78px;
  cursor: pointer;
}

.connect-box .connect-element.xp .ra-t1 {
  width: 20px;
  height: 20px;
  clear: both;
  position: absolute;
  left: 22px;
  top: 11px;
  z-index: 1;
  background: #fff;
  cursor: default;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.connect-box .connect-element.xp .ra-t1 .cir {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 5px;
  background: #000;
  border-radius: 50%;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}

.connect-box .connect-element.active .ra-t1 .cir {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.connect-box .connect-element.xp .ra-t1:hover {
  box-shadow:
    0 0 0 3px rgb(0 0 0 / 5%),
    0 2px 5px 0px rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0px rgba(0, 0, 0, 0.15),
    0 1px 2px 0px rgba(0, 0, 0, 0.15),
    0 0 0 0px transparent;
}

.connect-box .connect-element.active .ra-t1 {
  box-shadow:
    0 0 0 3px rgb(0 0 0 / 5%),
    0 2px 5px 0px rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0px rgba(0, 0, 0, 0.15),
    0 1px 2px 0px rgba(0, 0, 0, 0.15),
    0 0 0 0px transparent;
}

.connect-box .connect-element.xp .tag-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 56px;
  top: 16px;
  border-radius: 50%;
}

.connect-box .connect-element:hover {
  background: #edf1fa;
}
.connect-box .connect-element .c-label {
  display: block;
  padding: 0px 0px 0px 58px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #1b212b;
}
.connect-box .connect-element .c-label .tag-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 36px;
  top: 5px;
  border-radius: 50%;
}
.connect-box .connect-element .c-label::before {
  left: 2px;
  top: 1px;
  position: absolute;
}
.connect-box .connect-buttons {
  clear: both;
  border-top: 1px solid #e9eaeb;
  padding: 12px 19px 14px 19px;
}
.connect-box .connect-buttons .save {
  width: 100px;
}
.connect-box .connect-buttons .btn:first-child {
  margin: 0px 6px 0px 0px;
}
.factbox-t1 {
}
.factbox-t1 .box {
  clear: both;
  margin: 0px 0px 25px 0px;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 24px 24px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.factbox-t1 .box.noshpd {
  padding: 0px;
  box-shadow: none;
}
.factbox-t1.create {
  background-color: #f9fafb;
  border: 1px solid #e9eaeb;
}
.factbox-t1.create .btn-secondary,
.factbox-t1.create .input,
.factbox-t1.create .r-label::before {
  background-color: transparent;
}
.factbox-t1.create .main .form-box {
  background-color: #ffffff;
  border: 1px solid #f5f6f7;
}
.factbox-t1.hidden {
  display: none;
}
.factbox-t1 .top {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #edeff2;
  margin-bottom: 32px;
}
.factbox-t1 .top.ma-t1 {
  margin-bottom: 20px;
}
.factbox-t1 .top.hide {
  display: none;
}
.factbox-t1 .top .title {
  display: flex;
  align-items: center;
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.factbox-t1 .top .title .state {
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  margin-left: 10px;
  padding: 3px 8px;
  height: 100%;
  border-radius: 4px;
  text-transform: uppercase;
}
.factbox-t1 .top .title .state.green {
  color: #1f9d68;
  background-color: #e8f9f2;
}
.factbox-t1 .top .title .state.grey {
  color: #626875;
  background-color: #eee;
}
.factbox-t1 .top .title .state.red {
  color: #78635d;
  background-color: #fdece8;
}
.section .content .rsvpformsel {
  clear: both;
  position: relative;
  margin: 0px 0px 18px 0px;
  width: 420px;
}
.section .content .rsvpformsel .selectbox-g-t1 {
  width: 100%;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts {
  width: 420px;
  right: 0px;
  left: unset;
  top: -120px;
  z-index: 1013;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .px {
  padding: 8px;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .px .option .ra-t1 {
  top: 19px;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .fx {
  clear: both;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option {
  height: auto !important;
  padding: 16px 20px 13px 54px !important;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd {
  clear: both;
  position: relative;
  margin: 0px 0px 5px 0px;
  padding: 0px 35px 0px 0px;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd p {
  font-size: 17px;
  font-weight: 600;
  color: #222;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd .def {
  position: absolute;
  top: 2px;
  right: 0px;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd .def .ico {
  font-size: 20px;
  color: orange;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst {
  clear: both;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls1 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  line-height: 32px;
  color: #6f7279;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls1 li.ques {
  display: inline-block;
  margin: 0px 20px 0px 0px;
  position: relative;
  color: #535362;
  border-radius: 6px;
  line-height: 32px;
  padding: 0px 12px;
  font-size: 15px;
  background: #f5f5ff;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option.active {
  background: none !important;
  cursor: default;
}
.factbox-t1
  .rsvpformsel
  .selectbox-g-t1
  .opts
  .option.active
  .lst
  .ls1
  li.ques {
  background: #fff;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls1 li.norm {
  display: inline-block;
  margin: 0px 30px 0px 0px;
  position: relative;
  padding: 0px 0px 0px 32px;
  color: #535362;
  line-height: 32px;
}
.section
  .content
  .rsvpformsel
  .selectbox-g-t1
  .opts
  .option
  .lst
  .ls1
  li.norm
  .ic1 {
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 20px;
  color: #535362;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls2 {
  margin: 0;
  padding: 15px 0px 0px 0px;
  list-style-type: none;
  font-size: 15px;
  line-height: 140%;
  color: #6f7279;
  font-weight: 400;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls2 li {
  margin: 0px 30px 2px 0px;
  position: relative;
  padding: 0px 0px 0px 34px;
  color: #777;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .lst .ls2 li .ic {
  position: absolute;
  left: 9px;
  top: 2px;
  font-size: 14px;
  color: #9a9abc;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd .lnk:hover {
  background: #f1f1f1;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .option .hd .lnk:active {
  background: #f5f5f5;
}
.section .content .rsvpformsel .option .hd .lnk {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: -5px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.section .content .rsvpformsel .option .hd .lnk .ico {
  font-size: 20px;
  color: #535362;
  line-height: 30px;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .act {
  clear: both;
  padding: 14px 20px;
  border-top: 1px solid #ddd;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .act .btn {
  width: 100%;
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .act .btn:hover {
}
.section .content .rsvpformsel .selectbox-g-t1 .opts .act .btn:active {
}
.factbox-t1 .rsvpformcur {
  clear: both;
  position: relative;
  margin: 0px 0px 30px 0px;
  background: #f9fafb4a;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
  padding: 14px 23px 17px 16px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.factbox-t1 .rsvpformcur.readonly {
  background: #fff;
  border: 0;
  border-bottom: 1px dashed #ccc;
  border-radius: 0px;
  padding: 0px 23px 22px 0px;
  box-shadow: unset;
}
.factbox-t1 .rsvpformcur .hd {
  clear: both;
  margin: 0px 0px 10px 0px;
}
.factbox-t1 .rsvpformcur .hd p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #125ef8;
  letter-spacing: -0.25px;
}
.factbox-t1 .rsvpformcur .det {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 33px;
  margin: 0px 0px 5px 0px;
}
.factbox-t1 .rsvpformcur .det p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #1b1b1b;
}
.factbox-t1 .rsvpformcur .det .ico {
  position: absolute;
  left: 0px;
  top: 2px;
}
.factbox-t1 .rsvpformcur .det .ico .ic {
  font-size: 16px;
  color: #687175;
}
.factbox-t1 .rsvpformcur .aut {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 33px;
}
.factbox-t1 .rsvpformcur .aut p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #1b1b1b;
}
.factbox-t1 .rsvpformcur .aut .ico {
  position: absolute;
  left: 0px;
  top: 4px;
}
.factbox-t1 .rsvpformcur .aut .ico .ic {
  font-size: 18px;
  color: #687175;
}
.factbox-t1 .seatsfil {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 34px;
}
.factbox-t1 .seatsfil .ico {
  width: 30px;
  position: absolute;
  left: 0px;
  top: -3px;
}
.factbox-t1 .seatsfil .ico .ic {
  font-size: 18px;
  line-height: 25px;
}
.factbox-t1 .seatsfil .lbl {
  margin: 0;
  font-size: 15px;
  color: #626875;
  line-height: 130%;
}
.factbox-t1 .seatsfil .lbl strong {
  color: #1b212b;
}
.factbox-t1 .seatsfil .indi {
  width: 70px;
  height: 8px;
  position: absolute;
  right: 0px;
  top: 6px;
  background: #e9eaeb;
  border-radius: 20px;
  overflow: hidden;
}
.factbox-t1 .seatsfil .indi .inn {
  height: 8px;
  clear: both;
  background: #125ef8;
}
.factbox-t1 .seatsfil .indilbl {
  position: absolute;
  right: 0px;
  top: 2px;
}
.factbox-t1 .seatsfil .indilbl p {
  margin: 0;
  font-size: 14px;
  color: #626875;
  line-height: 130%;
  font-weight: 400;
}
.factbox-t1 .seatsfil .indilbl p strong {
  color: #1b212b;
}
.factbox-t1 .lineitem {
  margin: 18px 0px 0px 0px;
}
.factbox-t1 .boxico-t1 {
  clear: both;
  position: relative;
  padding: 0px 0px 0px 34px;
}
.factbox-t1 .boxico-t1 .ico {
  width: 30px;
  position: absolute;
  left: 0px;
  top: -3px;
}
.factbox-t1 .boxico-t1 .ico.on {
  display: block;
}
.factbox-t1 .boxico-t1 .ico.off {
  display: none;
}
.factbox-t1 .boxico-t1 .ico .ic {
  font-size: 19px;
  line-height: 25px;
}
.factbox-t1 .boxico-t1 .lbl {
  margin: 0;
  font-size: 15px;
  color: #626875;
  line-height: 130%;
}
.factbox-t1 .boxico-t1.notioff .ico.on {
  display: none;
}
.factbox-t1 .boxico-t1.notioff .ico.off {
  display: block;
}
.factbox-t1 .tempformsel {
  clear: both;
  position: relative;
  margin: 0px 0px 18px 0px;
}
.factbox-t1 .selectbox-g-t1 {
  width: 100%;
  background: #fff;
}
.factbox-t1 .selectbox-g-t1 .bin .icc {
  width: 30px;
  background: #fff;
}
.factbox-t1 .selectbox-g-t1 .bin .icc .dsgic {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-design-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}
.factbox-t1 .selectbox-g-t1 .opts {
  width: 350px;
  right: 0px;
  left: unset;
  top: -180px;
  z-index: 1013;
}
.factbox-t1 .selectbox-g-t1 .opts .px {
  padding: 12px 8px 8px 8px;
}
.factbox-t1 .selectbox-g-t1 .opts .px .option .ra-t1 {
  top: 19px;
}
.factbox-t1 .selectbox-g-t1 .opts .fx {
  clear: both;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}
.factbox-t1 .selectbox-g-t1 .opts .option {
  height: auto !important;
  padding: 5px 20px 16px 54px !important;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd {
  clear: both;
  position: relative;
  margin: 0px 0px 15px 0px;
  padding: 0px 35px 0px 0px;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd p {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .def {
  position: absolute;
  top: 12px;
  right: 0px;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .def .ico {
  font-size: 20px;
  color: orange;
}
.factbox-t1 .selectbox-g-t1 .opts .option .thu {
  clear: both;
  padding: 0px 20px 0px 0px;
}
.factbox-t1 .selectbox-g-t1 .opts .option .thu .mx {
  max-height: 140px;
  clear: both;
  overflow: hidden;
  margin: -6px 0px 6px 0px;
  background: #f9fafb4a;
  border: 5px solid #fff;
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 3px 0 rgb(50 50 93 / 7%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .lnk {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 8px;
  right: -5px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .lnk:hover {
  background: #fff;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .lnk:active {
  background: #f1f1f1;
}
.factbox-t1 .selectbox-g-t1 .opts .option .hd .lnk .ico {
  font-size: 20px;
  color: #535362;
  line-height: 30px;
}
.factbox-t1 .selectbox-g-t1 .opts .act {
  clear: both;
  padding: 14px 20px;
  border-top: 1px solid #ddd;
}
.factbox-t1 .selectbox-g-t1 .opts .act .btn {
  width: 100%;
}
.factbox-t1 .selectbox-g-t1 .opts .act .btn:hover {
}
.factbox-t1 .selectbox-g-t1 .opts .act .btn:active {
}
.factbox-t1 .thumbexp {
  clear: both;
  margin: -20px 0px 0px 0px;
}
.factbox-t1 .thumbexp .mx {
  max-height: 200px;
  clear: both;
  overflow: hidden;
  background: #f9fafb4a;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 4px;
}
.factbox-t1 .top .bxabs {
  position: absolute;
  top: -7px;
  right: -11px;
}
.factbox-t1 .top .edit {
  display: inline-block;
  position: relative;
  padding: 0px 12px;
  color: #125ef8;
  font-size: 15px;
  line-height: 36px;
  cursor: pointer;
  border: 1px solid transparent;
}
.factbox-t1 .top .edit:hover {
  color: #1559e1;
  background: #cfe0ff52;
  text-decoration: none;
}
.factbox-t1 .top .edit:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.factbox-t1 .top .edit.red {
  color: #bb0000;
}
.factbox-t1 .top .edit.red:hover {
  color: #da0000;
  background: #bb00000d;
}
.factbox-t1 .top .deactivate {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
  cursor: pointer;
}
.factbox-t1 .top .deactivate:hover {
  color: #5d626f;
}
.factbox-t1 .main .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}
.factbox-t1 .main .text.mb-24 {
  margin-bottom: 24px;
}
.factbox-t1 .main .form-box {
  display: block;
  padding: 16px;
  background-color: #f9fafb;
  border: 1px solid #f5f6f7;
  border-radius: 4px;
  margin-bottom: 20px;
}
.factbox-t1 .main .form-box .title {
  color: #626875;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.factbox-t1 .main .form-box .questions {
  display: flex;
  align-items: center;
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 8px;
}
.factbox-t1 .main .form-box .questions .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  margin-right: 8px;
}
.factbox-t1 .main .form-box .automated-events {
  display: flex;
  align-items: center;
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 8px;
}
.factbox-t1 .main .form-box .automated-events .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  margin-right: 8px;
}
.factbox-t1 .main .form-box .details {
  color: #626875;
  font-size: 12px;
  line-height: 1.5;
}
.factbox-t1 .main .r-row {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.factbox-t1 .main .r-row:last-child {
  margin-bottom: 0;
}
.factbox-t1 .main .r-row.notifications {
  align-items: flex-start;
}
.factbox-t1 .main .r-row.notifications .icon {
  transform: translateY(2px);
}
.factbox-t1 .main .r-row .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #85888f;
  font-size: 20px;
  margin-right: 8px;
}
.factbox-t1 .main .r-row .content {
  width: 100%;
}
.factbox-t1 .main .r-row .content .seats {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.factbox-t1 .main .r-row .content .seats .text {
  white-space: nowrap;
}
.factbox-t1 .main .r-row .content .seats .text span {
  color: #1b212b;
  font-weight: 500;
}
.factbox-t1 .main .r-row .content .seats .bar {
  width: 100%;
  height: 6px;
  background-color: #e9eaeb;
  border-radius: 30px;
  margin-left: 14px;
  position: relative;
}
.factbox-t1 .main .r-row .content .seats .bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #125ef8;
}
.factbox-t1 .main .r-row .content .seats .bar.unlimited {
  height: auto;
  background-color: transparent;
  border-radius: 0;
  color: #626875;
  font-size: 12px;
  line-height: 1.58;
  text-align: right;
}
.factbox-t2 {
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 24px 24px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.calinfo-details {
  background-color: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
  padding: 0 24px;
  margin: 0px 0px 25px 0px;
}
.calinfo-details .section {
  display: flex;
  flex-direction: column;
  padding: 16px 0 24px;
  border-bottom: 1px solid #d3d4d5;
}
.calinfo-details .section:last-child {
  border-bottom: 0;
}
.calinfo-details .section .top {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.calinfo-details .section .top .title {
  color: #1b212b;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}
.calinfo-details .section .top .bxabs {
  position: absolute;
  top: 1px;
  right: -11px;
}
.calinfo-details .section .top .seeall-t1 {
  display: inline-block;
  position: relative;
  padding: 0px 30px 0px 12px;
  color: #125ef8;
  font-size: 15px;
  line-height: 36px;
}
.calinfo-details .section .top .seeall-t1 span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: 6px;
  font-size: 22px;
  line-height: 22px;
}
.calinfo-details .section .top .seeall-t1:hover {
  background: #cfe0ff52;
}
.calinfo-details .section .top.nobg {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border-bottom: none;
}
.calinfo-details .section .main .analytics-info {
  display: flex;
  align-items: center;
}
.calinfo-details .section .main .analytics-info .text {
  color: #626875;
  font-size: 15px;
  line-height: 1.58;
}
.calinfo-details .section .main .analytics-info .text span {
  color: #1b212b;
  font-size: 24px;
  line-height: 1.34;
  margin-right: 8px;
}
.calinfo-details .section .main .substot {
  clear: both;
  position: relative;
}
.calinfo-details .section .main .substot .hd {
  margin: 0;
  font-size: 15px;
  color: #999;
  line-height: 150%;
  font-weight: 400;
}
.calinfo-details .section .main .substot .indi {
  clear: both;
  position: relative;
}
.calinfo-details .section .main .substot .indi .lb {
  margin: 0;
  font-size: 22px;
  color: #000;
  line-height: 150%;
  font-weight: 500;
}
.calinfo-details .section .main .substot .indi .of {
  display: inline-block;
  margin: 0px 2px 0px 1px;
  font-size: 16px;
  color: #999;
  font-weight: 400;
}
.calinfo-details .section .main .substot .indi .to {
  font-size: 19px;
}
.calinfo-details .section .main .substot .indi .ind {
  width: 70px;
  height: 8px;
  position: absolute;
  top: 15px;
  right: 0px;
  background: #e9eaeb;
  border-radius: 20px;
  overflow: hidden;
}
.calinfo-details .section .main .substot .indi .ind .in {
  height: 8px;
  clear: both;
  background: #2bba15;
}
.footsave-t1 {
  height: 102px;
  position: fixed;
  left: 70px;
  bottom: 0px;
  right: 0px;
  z-index: 1012;
  background: #fff;
}
.footsave-t1 .rel {
  width: 100%;
  height: 100%;
  position: relative;
}
.footsave-t1 .rel .pd {
  clear: both;
  padding: 22px 24px 0px 85px;
}
.footsave-t1 .rel .pd .fl {
  float: left;
  margin: 0px 10px 0px 0px;
}
.footsave-t1 .rel .pd .fl .save {
  border-radius: 5px;
  padding: 0px 24px;
  line-height: 44px;
}
.footsave-t1 .rel .pd .fl .cancel {
  width: 100px;
  border-radius: 5px;
  padding: 0px 24px;
  line-height: 44px;
}
.footsave-t1 .rel .pd .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.footsave-t1 .rel .sha-t1 {
  height: 4px;
  position: absolute;
  top: -4px;
  right: 0px;
  left: 0px;
  border-radius: 0px 4px 4px 0px;
  background: linear-gradient(
    rgba(9, 30, 66, 0.13) 0px,
    rgba(9, 30, 66, 0.13) 1px,
    rgba(9, 30, 66, 0.08) 1px,
    rgba(9, 30, 66, 0) 4px
  );
  transform: rotate(180deg);
  opacity: 0.9;
}
.footsave-t1 .rel .sha-t2 {
  width: 6px;
  height: 26px;
  position: absolute;
  top: -14px;
  left: 7px;
  z-index: 30;
  transform: rotate(90deg);
  background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255));
}
.footsave-t1 .rel .sha-t3 {
  width: 6px;
  height: 26px;
  position: absolute;
  top: -14px;
  right: 7px;
  z-index: 30;
  transform: rotate(90deg);
  background: linear-gradient(rgb(255 255 255), rgb(255 255 255 / 0%));
}
.upgrade-box {
  display: block;
  background-color: #ffedf8;
  border-radius: 4px;
  padding: 19px 24px 24px 24px;
}
.upgrade-box.padding-16 {
  padding: 16px;
}
.upgrade-box.padding-t1 {
  padding: 20px 25px 25px 25px;
}
.upgrade-box .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #1c212a;
  margin-bottom: 8px;
}
.upgrade-box .plan {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #626875;
  margin-bottom: 24px;
}
.upgrade-box .info {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #626875;
  margin-bottom: 15px;
}
.upgrade-box .list {
  list-style: none;
  padding-bottom: 4px;
}
.upgrade-box .list .list-item {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.57;
  padding-bottom: 8px;
  color: #1b212b;
}
.upgrade-box .list .list-item:before {
  display: block;
  font-family: "icomoon";
  content: "\e93b";
  font-weight: 900;
  padding-top: 4px;
  padding-right: 8px;
  font-size: 16px;
  line-height: 1;
  color: #1dc67d;
}
.upgrade-box .link {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.24;
  max-width: max-content;
  border-bottom: 1px solid #f861bb;
  color: #f861bb;
}
.upgrade-box .link:hover {
  border-bottom: 1px solid transparent;
}
.upgrade-box .link-button-place {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.upgrade-box .button-link-place {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 20px;
  gap: 24px;
}
.upgrade-box .button-link-place .link {
  font-size: 15px;
  line-height: 1.58;
}

.event-page-grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 739fr 357fr;
  row-gap: 24px;
  column-gap: 45px;
  padding-bottom: 48px;
  max-width: 1120px;
}
.event-right-col .spacer {
  height: 1px;
  width: 100%;
  margin: 20px 0 !important;
  background-color: #dee0e3;
}
.column-page-grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 739fr 357fr;
  row-gap: 24px;
  column-gap: 45px;
  padding-bottom: 22px;
  max-width: 1120px;
}
.dashboard-content {
  display: block;
  max-width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px;
}
.dashboard-content.hidden {
  display: none;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: auto;
  gap: 16px;
}
.dashboard-table {
  max-width: 100%;
  padding: 18px 0px 80px 25px;
}
.dashboard-table.noma {
  max-width: 100%;
  height: 100%;
  padding: 0px;
}
.dashboard-table::-webkit-scrollbar {
  height: 6px;
}
.dashboard-table::-webkit-scrollbar-track {
  background-color: transparent;
}
.settings-page-grid {
  display: grid;
  grid-template-columns: 792fr 384fr;
  gap: 24px;
}
.settings-page-grid.empty-right {
  grid-template-columns: 100%;
  max-width: 792px;
}
.settings-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.settings-col.nogap {
  gap: 0px;
}
.inp-check-t1 {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.inp-check-t1:hover {
  box-shadow: 0px 0px 0px 4px rgb(245 246 247);
  border-radius: 2px;
}
.inp-check-t1 .tp {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  border-radius: 2px;
  display: none;
}
.inp-check-t1 .br {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4;
  border-radius: 3px;
}
.inp-check-t1 .br .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.inp-check-t1 .br .rl .bi {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  z-index: 5;
  border-radius: 0px;
  background: #fff;
}
.inp-check-t1 .ch {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 6;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 10px auto;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.nselt1 {
  height: 370px;
  position: absolute;
  left: 0px;
  top: -220px;
  right: 0px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
  outline: none;
  z-index: 499;
  display: none;
}
.nselt1 .hd {
  height: 60px;
  position: relative;
  clear: both;
  border-bottom: 1px solid #e1e7ec;
}
.nselt1 .hd .lf {
  position: absolute;
  top: 0px;
  left: 25px;
}
.nselt1 .hd .lf p {
  margin: 0;
  font-size: 17px;
  line-height: 60px;
  font-weight: 600;
}
.nselt1 .hd .rg {
  position: absolute;
  top: 9px;
  right: 10px;
}
.nselt1 .hd .rg input {
  margin: 0;
  outline: 0;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 38px;
  font-weight: 500;
  padding: 0px 22px 0px 43px;
  cursor: pointer;
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-colorwheel-t1.svg)
    no-repeat 12px 46%;
  background-size: 19px auto;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.nselt1 .hd .rg input:hover {
  box-shadow:
    0 0 0 4px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.nselt1 .hd .rg input:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.nselt1 .nsi {
  height: 300px;
  margin: 5px;
  overflow: auto;
}
.nselt1 .nsi .tab {
  width: 100%;
  clear: both;
  font-size: 15px;
  color: #000;
  line-height: 135%;
}
.nselt1 .nsi .tab .rw {
  clear: both;
  padding: 12px 52px 15px 54px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px dotted #ddd;
}
.nselt1 .nsi .tab .rw:last-child {
  border-bottom: none;
  padding-bottom: 25px;
}
.nselt1 .nsi .tab .rw .td1 {
  position: relative;
}
.nselt1 .nsi .tab .rw .td1 .nam {
  clear: both;
  padding: 0px 0px 10px 0px;
}
.nselt1 .nsi .tab .rw .td1 .nam p {
  margin: 0;
  font-size: 15px;
  color: #2b2b2b;
  line-height: 135%;
  font-weight: 500;
}
.nselt1 .nsi .tab .rw .td1 .vlcolors .chk {
  width: 28px;
  height: 28px;
  position: absolute;
  left: -37px;
  top: -5px;
  text-align: center;
  display: none;
}
.nselt1 .nsi .tab .rw .td1 .vlcolors .chk .ic {
  font-size: 22px;
  line-height: 28px;
  color: #000;
  transform: rotate(-5deg);
}
.nselt1 .nsi .tab .rw.active .td1 .vlcolors .chk {
  display: block;
}
.nselt1 .nsi .tab .rw .td2 {
  height: 32px;
  position: absolute;
  right: 10px;
  top: 7px;
}
.nselt1 .nsi .tab .rw .td2 a {
  width: 32px;
  height: 32px;
  position: relative;
  float: right;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 50%;
}
.nselt1 .nsi .tab .rw .td2 a:hover {
  background: #fff;
}
.nselt1 .nsi .tab .rw .td2 a:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.nselt1 .nsi .tab .rw .td2 a .ic {
  font-size: 21px;
  line-height: 32px;
  color: #455065;
}
.nselt1 .nsi .tab .rw:hover {
  background: #c1dffe36;
}
.nselt1 .nsi .tab .rw:hover .td1 .nam p {
  color: #000;
}
.nselt1 {
  margin-top: 20px;
  display: none;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.nselt1.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.palettepop-t1-bg {
  width: 100%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  position: fixed;
  z-index: 999;
  background: #fff;
  opacity: 0.75;
  display: block;
}
.palettepop-t1 {
  width: 480px;
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 100px;
  margin: 0px 0px 0px -240px;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  display: block;
}
.palettepop-t1 .rel {
  clear: both;
  position: relative;
}
.palettepop-t1 .rel .pd {
  clear: both;
  padding: 30px 45px 35px 45px;
}
.palettepop-t1 .rel .pd .hd-t1 p {
  margin: 0;
  font-size: 20px;
  color: #000;
  line-height: 110%;
  font-weight: 600;
}
.palettepop-t1 .rel .pd .ds-t1 {
  clear: both;
  margin: 0px 0px 20px 0px;
}
.palettepop-t1 .rel .pd .ds-t1 p {
  margin: 0;
  font-size: 16px;
  color: #111;
  line-height: 145%;
}
.palettepop-t1 .rel .pd .ds-t2 {
  clear: both;
  margin: 0px 0px 26px 0px;
}
.palettepop-t1 .rel .pd .ds-t2 p {
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  color: #000;
  line-height: 145%;
}
.palettepop-t1 .rel .pd .ip-t1 {
  clear: both;
  position: relative;
  margin: 0px -5px 20px -5px;
  padding: 0px 20px 0px 0px;
}
.palettepop-t1 .rel .pd .ip-t1 .inperr-t2 {
  box-shadow: 0px 0px 0px 2px #ff000042;
}
.palettepop-t1 .rel .pd .lb-t1 {
  clear: both;
  margin: 0px 0px 18px 0px;
  padding: 0px 0px 0px 2px;
}
.palettepop-t1 .rel .pd .lb-t1 p {
  margin: 0;
  font-size: 15px;
  color: #777;
  line-height: 100%;
}
.palettepop-t1 .rel .pd .vt-t1 {
  clear: both;
}
.palettepop-t1 .rel .pd .vt-t1 .vtcolors .lst ul li {
  width: 28px;
  height: 28px;
}
.palettepop-t1 .rel .pd .vtcolors {
  width: 350px;
  margin: 0;
  padding: 0;
}
.palettepop-t1 .rel .pd .vtcolors .lst {
  width: auto;
  clear: both;
}
.palettepop-t1 .rel .sbt-t1 {
  height: 76px;
  clear: both;
  position: relative;
  padding: 15px 0px 0px 0px;
  border-top: 1px solid #eee;
}
.palettepop-t1 .rel .sbt-t1 .fl {
  position: absolute;
  right: 35px;
  top: 11px;
}
.palettepop-t1 .rel .sbt-t1 .fl .btn {
  float: left;
  padding: 0px 0px 0px 5px;
}
.palettepop-t1 .rel .sbt-t1 .fl .btn input {
  line-height: 44px;
  padding: 0px 24px;
  border-radius: 4px;
}
.palettepop-t1 .rel .sbt-t1 .ifi {
  position: absolute;
  left: 72px;
  top: 22px;
}
.palettepop-t1 .rel .sbt-t1 .ifi p {
  margin: 0;
  font-family: monospace;
  font-size: 13px;
}
.palettepop-t1 .rel .sbt-t1 .ifi p .copytext {
  display: inline-block;
  padding: 0px 8px;
  cursor: pointer;
  line-height: 22px;
  border-radius: 8px;
  background: #eeeff2;
}
.palettepop-t1 .rel .sbt-t1 .ifi p .copytext:hover {
  background: #e7e9ec;
}
.palettepop-t1 .rel .sbt-t1 .ifi p .copytext:active {
  background: #eeeff2;
}
.palettepop-t1 .rel .sbt-t1 .ico-t1 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 35px;
  top: 18px;
  text-align: center;
  border-radius: 50%;
  cursor: default;
}
.palettepop-t1 .rel .sbt-t1 .ico-t1 .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.palettepop-t1 .rel .sbt-t1 .ico-t1 .rl i {
  font-size: 23px;
  line-height: 30px;
  color: #6d6d6d;
}
.palettepop-t1 {
  margin-top: 20px;
  display: none;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.palettepop-t1.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.selectbox-g-t1 {
  min-width: 270px;
  height: 44px;
  display: inline-block;
  clear: both;
  position: relative;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.selectbox-g-t1:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.selectbox-g-t1 .bin {
  height: 44px;
  clear: both;
  position: relative;
  z-index: 10;
  padding: 0px 45px 0px 19px;
  cursor: pointer;
}
.selectbox-g-t1 .bin .srt {
  margin: 0;
  padding: 0px 6px 0px 0px;
  display: inline-block;
  font-size: 15px;
  line-height: 44px;
  color: #a2a2a2;
}
.selectbox-g-t1 .bin .opt {
  margin: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 44px;
  color: #111;
}
.selectbox-g-t1 .bin .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 5px;
  right: 9px;
  z-index: 9;
  text-align: center;
}
.selectbox-g-t1 .bin .arr .ico {
  font-size: 28px;
  line-height: 35px;
  color: #222;
}
.selectbox-g-t1 .bin .icc {
  position: absolute;
  left: 14px;
  top: 9px;
}
.selectbox-g-t1 .bin .icc .icon {
  font-size: 20px;
  color: #516067;
}
.selectbox-g-t1 .bin .ovf {
  width: 240px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectbox-g-t1 .bin .ovf.w1 {
  width: 200px;
}
.selectbox-g-t1 .bin .ovf.w2 {
  width: 240px;
}
.selectbox-g-t1 .bin .ovf .opt {
  display: inline;
}
.selectbox-g-t1 .opts {
  width: 290px;
  position: absolute;
  right: 0px;
  top: -40px;
  z-index: 11;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}
.selectbox-g-t1 .opts .px {
  clear: both;
  padding: 16px 12px 12px 12px;
}
.selectbox-g-t1 .opts .px .option {
  height: 44px;
  clear: both;
  padding: 0px 0px 0px 54px;
  margin: -4px 0px 0px 0px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.selectbox-g-t1 .opts .px .option p {
  margin: 0;
  font-size: 15px;
  line-height: 46px;
  color: #616b75;
}
.selectbox-g-t1 .opts .px .option .ra-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(183 192 201);
  border: 4px solid transparent;
}
.selectbox-g-t1 .opts .px .option:hover .ra-t1 {
  box-shadow: 0 0 0 2px rgb(183 192 201 / 60%);
}
.selectbox-g-t1 .opts .px .option:hover {
  background: #c1dffe36;
}
.selectbox-g-t1 .opts .px .option.active {
}
.selectbox-g-t1 .opts .px .option.active p {
  color: #2d3135 !important;
}
.selectbox-g-t1 .opts .px .option.active .ra-t1 {
  background: #4cb12b !important;
  box-shadow: 0 0 0 2px rgb(76 177 43 / 51%) !important;
  border: 4px solid #fff !important;
}
.selectbox-g-t1 .opts {
  z-index: -1;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.selectbox-g-t1 .opts.show {
  z-index: 100;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.selectbox-g-t1.sl1 {
  height: 40px;
  min-width: 210px;
}
.selectbox-g-t1.sl1 .bin {
  height: 40px;
  padding: 0px 45px 0px 48px;
}
.selectbox-g-t1.sl1 .bin .opt {
  line-height: 40px;
}
.selectbox-g-t1.sl1 .bin .arr {
  top: 3px;
}
.selectbox-g-t1.sl1 .opts {
  width: 350px;
  left: 0px;
  top: -120px;
  right: auto;
}
.selectbox-g-t1.sl1 .opts .px .option {
  height: auto;
  padding: 11px 20px 13px 54px;
  margin: 0;
}
.selectbox-g-t1.sl1 .opts .px .option p {
  margin: 0px 0px 2px 0px;
  line-height: 22px;
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.selectbox-g-t1.sl1 .opts .px .option.active {
  background: #c1dffe82;
}
.selectbox-g-t1.sl1 .opts .px .option.active .iox .icon {
  color: #767c82;
}
.selectbox-g-t1.sl1 .opts .px .option .exp {
  margin: 0;
  font-size: 15px;
  color: #89929a !important;
  line-height: 18px;
  font-weight: 400 !important;
}
.selectbox-g-t1.sl1 .opts .px .option {
  padding: 11px 20px 13px 78px;
}
.selectbox-g-t1.sl1 .opts .px .option .iox {
  position: absolute;
  left: 46px;
  top: 11px;
}
.selectbox-g-t1.sl1 .opts .px .option .iox.s1 {
  top: 12px;
}
.selectbox-g-t1.sl1 .opts .px .option .iox .icon {
  font-size: 20px;
  color: #697b8d;
  font-weight: 500;
}
.selectbox-g-t1.sl1 .opts .px .option.unavailable {
  background: #fff !important;
  cursor: default !important;
  opacity: 0.8;
}
.selectbox-g-t1.sl1 .opts .px .option.unavailable p {
  text-decoration: line-through;
}
.selectbox-g-t1.sl1 .opts .px .option.unavailable .exp {
  text-decoration: none;
}
.selectbox-g-t1.sl2 {
  height: 44px;
  min-width: 210px;
}
.selectbox-g-t1.sl2 .bin {
  height: 44px;
  padding: 0px 45px 0px 52px;
}
.selectbox-g-t1.sl2 .bin .opt {
  line-height: 44px;
}
.selectbox-g-t1.sl2 .bin .arr {
  top: 5px;
}
.selectbox-g-t2 {
  min-width: 100px;
  height: 40px;
  display: inline-block;
  clear: both;
  position: relative;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.selectbox-g-t2.noshadow {
  box-shadow: none;
}
.selectbox-g-t2:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.selectbox-g-t2.disabled {
  box-shadow: none !important;
  cursor: default !important;
}
.selectbox-g-t2.disabled .bin {
  cursor: default !important;
}
.selectbox-g-t2 .bin {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 40px;
  clear: both;
  position: relative;
  z-index: 10;
  padding: 0px 19px 0px 19px;
  cursor: pointer;
}
.selectbox-g-t2 .bin.wic {
  padding-left: 42px;
}
.selectbox-g-t2 .bin.wrr {
  padding-right: 45px;
}
.selectbox-g-t2 .bin .pco {
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 18px;
  line-height: 24px;
}
.selectbox-g-t2 .bin .srt {
  display: flex;
  flex-direction: column;
  flex: 0;
  white-space: nowrap;
  margin: 0;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
  line-height: 40px;
  color: #a2a2a2;
}
.selectbox-g-t2 .bin .opt {
  display: block;
  flex-direction: column;
  flex: 1;
  white-space: nowrap;
  margin: 0;
  font-size: 15px;
  line-height: 40px;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectbox-g-t2 .bin .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 3px;
  right: 9px;
  z-index: 9;
  text-align: center;
}
.selectbox-g-t2 .bin .arr .ico {
  font-size: 28px;
  line-height: 35px;
  color: #222;
}
.selectbox-g-t2 .opts {
  width: 290px;
  position: absolute;
  right: 0px;
  top: 43px;
  z-index: 20;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}
.selectbox-g-t2 .opts .px {
  clear: both;
  padding: 16px 12px 12px 12px;
}
.selectbox-g-t2 .opts .px .option {
  height: 40px;
  clear: both;
  padding: 0px 0px 0px 54px;
  margin: -4px 0px 0px 0px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.selectbox-g-t2 .opts .px .option p {
  margin: 0;
  font-size: 15px;
  line-height: 40px;
  color: #616b75;
}
.selectbox-g-t2 .opts .px .option .ra-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 11px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(183 192 201);
  border: 4px solid transparent;
}
.selectbox-g-t2 .opts .px .option:hover .ra-t1 {
  box-shadow: 0 0 0 2px rgb(183 192 201 / 60%);
}
.selectbox-g-t2 .opts .px .option:hover {
  background: #c1dffe36;
}
.selectbox-g-t2 .opts .px .option.active {
}
.selectbox-g-t2 .opts .px .option.active p {
  color: #2d3135 !important;
}
.selectbox-g-t2 .opts .px .option.active .ra-t1 {
  background: #4cb12b !important;
  box-shadow: 0 0 0 2px rgb(76 177 43 / 51%) !important;
  border: 4px solid #fff !important;
}
.selectbox-g-t2 .opts {
  z-index: -1;
  margin-top: -12px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.selectbox-g-t2 .opts.show {
  z-index: 201;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.tags-g-t1 {
  height: 40px;
  display: inline-block;
  clear: both;
  position: relative;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 4px;
}
.tags-g-t1.noshadow {
  box-shadow: none;
}
.tags-g-t1.active {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 1px 0 rgb(50 50 93 / 4%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.tags-g-t1:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.tags-g-t1 .bin {
  height: 40px;
  clear: both;
  position: relative;
  z-index: 10;
  padding: 0px 19px 0px 19px;
  cursor: pointer;
}
.tags-g-t1 .bin.wic {
  padding-left: 42px;
}
.tags-g-t1 .bin.wrr {
  padding-right: 45px;
}
.tags-g-t1 .bin .pco {
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 18px;
  line-height: 24px;
}
.tags-g-t1 .bin .opt {
  margin: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  color: #111;
}
.tags-g-t1 .bin .opt .txt {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tags-g-t1 .bin .opt .plus {
  width: 28px;
  position: absolute;
  display: block;
  top: -11px;
  right: 8px;
  color: #fff;
  float: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 28px;
  background: #ff377b;
  text-align: center;
  white-space: nowrap;
}
.tags-g-t1 .bin .opt .plus.hide {
  visibility: hidden;
}
.tags-g-t1 .bin .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 3px;
  right: 9px;
  z-index: 9;
  text-align: center;
}
.tags-g-t1 .bin .arr .ico {
  font-size: 28px;
  line-height: 35px;
  color: #222;
}
.tags-g-t1.inuse .bin .pco {
  color: #ff377b;
}
.tags-g-t1.pulse {
  animation: pulse 1s reverse;
}
.tags-g-t1.hastags .bin .pco {
  color: #111;
}
.tags-g-t1.hastags .bin .opt .txt {
  color: #111;
}
.tagmanager.disabled .tags-g-t1,
.tagmanager.disabled .tags-g-t1 * {
  box-shadow: none !important;
  cursor: default !important;
}
.formselectbox .opts {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -140px;
  z-index: 11;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}
.formselectbox .opts .pi {
  clear: both;
  padding: 4px;
}
.formselectbox .opts .px {
  max-height: 350px;
  clear: both;
  padding: 12px 8px 8px 8px;
  overflow: auto;
}
.formselectbox .opts .px .option {
  height: 44px;
  clear: both;
  padding: 0px 0px 0px 54px;
  margin: -4px 0px 0px 0px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.formselectbox .opts .px .option p {
  margin: 0;
  font-size: 15px;
  line-height: 46px;
  color: #616b75;
}
.formselectbox .opts .px .option .ra-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(183 192 201);
  border: 4px solid transparent;
}
.formselectbox .opts .px .option:hover .ra-t1 {
  box-shadow: 0 0 0 2px rgb(183 192 201 / 60%);
}
.formselectbox .opts .px .option:hover {
  background: #c1dffe36;
}
.formselectbox .opts .px .option.active {
}
.formselectbox .opts .px .option.active p {
  color: #2d3135 !important;
}
.formselectbox .opts .px .option.active .ra-t1 {
  background: #4cb12b !important;
  box-shadow: 0 0 0 2px rgb(76 177 43 / 51%) !important;
  border: 4px solid #fff !important;
}
.formselectbox .opts .px .option .icon {
  position: absolute;
  left: 14px;
  top: 11px;
  font-size: 22px;
}
.formselectbox .opts .px .option .icon.green {
  color: #1dc67d;
}
.formselectbox .opts .px .option .icon.purple {
  color: #8b00e9;
}
.formselectbox .opts .px .option .icon.violet {
  color: #6758f3;
}
.formselectbox .opts .px .option .icon.blue {
  color: #4e82eb;
}
.formselectbox .opts .px .option .icon.light-blue {
  color: #1fb6ff;
}
.formselectbox .opts .px .option .icon.yellow {
  color: #f8c200;
}
.formselectbox .opts .px .option .icon.grey {
  color: #989fbd;
}
.formselectbox .opts .px .option .text {
  clear: both;
  color: #1e242f;
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
}
.formselectbox .opts {
  z-index: -1;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.formselectbox .opts.show {
  z-index: 100;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.questionInputTypeSelectBox .opts {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -140px;
  z-index: 11;
  display: none;
  background: #fff;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
  border-radius: 4px;
}
.questionInputTypeSelectBox .opts .pi {
  clear: both;
  padding: 4px;
}
.questionInputTypeSelectBox .opts .px {
  max-height: 350px;
  clear: both;
  padding: 12px 8px 8px 8px;
  overflow: auto;
}
.questionInputTypeSelectBox .opts .px .option {
  clear: both;
  padding: 12px 0px 12px 54px;
  margin: -4px 0px 0px 0px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.questionInputTypeSelectBox .opts .px .option p {
  margin: 0;
  font-size: 15px;
  line-height: 46px;
  color: #616b75;
}
.questionInputTypeSelectBox .opts .px .option .ra-t1 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(183 192 201);
  border: 4px solid transparent;
}
.questionInputTypeSelectBox .opts .px .option:hover .ra-t1 {
  box-shadow: 0 0 0 2px rgb(183 192 201 / 60%);
}
.questionInputTypeSelectBox .opts .px .option:hover {
  background: #c1dffe36;
}
.questionInputTypeSelectBox .opts .px .option.active {
}
.questionInputTypeSelectBox .opts .px .option.active p {
  color: #2d3135 !important;
}
.questionInputTypeSelectBox .opts .px .option.active .ra-t1 {
  background: #4cb12b !important;
  box-shadow: 0 0 0 2px rgb(76 177 43 / 51%) !important;
  border: 4px solid #fff !important;
}
.questionInputTypeSelectBox .opts .px .option .icon {
  position: absolute;
  left: 14px;
  top: 13px;
  font-size: 22px;
}
.questionInputTypeSelectBox .opts .px .option .icon.green {
  color: #1dc67d;
}
.questionInputTypeSelectBox .opts .px .option .icon.purple {
  color: #8b00e9;
}
.questionInputTypeSelectBox .opts .px .option .icon.violet {
  color: #6758f3;
}
.questionInputTypeSelectBox .opts .px .option .icon.blue {
  color: #4e82eb;
}
.questionInputTypeSelectBox .opts .px .option .icon.light-blue {
  color: #1fb6ff;
}
.questionInputTypeSelectBox .opts .px .option .icon.yellow {
  color: #f8c200;
}
.questionInputTypeSelectBox .opts .px .option .icon.grey {
  color: #989fbd;
}
.questionInputTypeSelectBox .opts .px .option .text {
  clear: both;
  padding: 0px;
  margin: 0;
  color: #1e242f;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.questionInputTypeSelectBox .opts {
  z-index: -1;
  margin-top: 20px;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.questionInputTypeSelectBox .opts.show {
  z-index: 100;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.searchbox-t1 {
  width: 356px;
  height: 44px;
  position: relative;
  border-radius: 6px 6px 6px 6px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  visibility: hidden;
  transition: width 0.2s ease;
}
.searchbox-t1 .rx {
  width: 100%;
  height: 100%;
  position: relative;
}
.searchbox-t1 .rx input {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0px 55px 3px 54px;
  font-size: 17px;
  line-height: 44px;
  color: #000;
  outline: 0;
  background: transparent;
}
.searchbox-t1.err-t1 {
  box-shadow: 0 0 0 3px rgb(253 131 131 / 50%);
  border: 1px solid #b74b4b82;
}
.searchbox-t1 .rx .clo {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 10;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.searchbox-t1 .rx .clo i {
  font-size: 21px;
  line-height: 32px;
  color: #68696a;
}
.searchbox-t1 .rx .clo:hover {
  background: #eee;
}
.searchbox-t1 .rx .clo:hover i {
  color: #000;
}
.searchbox-t1 .rx .sic {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 8px;
  top: 5px;
  z-index: 10;
  text-align: center;
}
.searchbox-t1 .rx .sic i {
  font-size: 24px;
  line-height: 36px;
  color: #4a4e55;
}
.searchbox-t1 .rx .load {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 10;
  background: #fff
    url(https://cdn.addevent.com/legacy2000/gfx/icon-load-t2a.svg) no-repeat 50%
    50%;
  background-size: 26px auto;
  display: none;
}
.searchbox-t1.loading .rx .load {
  display: block;
}
.searchbox-t1.wit1 {
  width: 255px;
  visibility: visible;
}
.searchbox-t1.wit1 .rx .clo {
  display: none;
}
.searchbox-t1.wit1.active .rx .clo {
  display: block;
}
.searchbox-t1-w.active .searchbox-t1 {
  visibility: visible;
}
.searchbox-t1-w.active .ic {
  display: none;
}
.searchbox-t1-w {
  clear: both;
  position: relative;
}
.searchbox-t1-w .ic {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 8px;
  top: 5px;
  z-index: 11;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.searchbox-t1-w .ic.noho {
  cursor: default;
  background: transparent !important;
}
.searchbox-t1-w .ic.noho i {
  color: unset;
}
.searchbox-t1-w .ic i {
  font-size: 24px;
  line-height: 36px;
  color: #000;
}
.searchbox-t1-w .ic:hover {
  background: #eee;
}
.searchbox-t1-w .ic:hover i {
  color: #000;
}
.searchbox-t1-w.focus {
}
.searchbox-t1-w.focus .searchbox-t1 {
  width: 320px;
  visibility: visible;
}
.searchbox-t1-w.focus .searchbox-t1 .rx .clo {
  display: block;
}
.activefilters {
  clear: both;
  margin: 0px 0px 25px 0px;
  background: #f6f6f6;
  padding: 15px 25px 10px 25px;
  border-bottom: 1px solid #c2c3c5;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
  border-radius: 3px;
}
.activefilters .lbl {
  margin: 0px 22px 0px 0px;
  display: inline-block;
  line-height: 40px;
}
.activefilters ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  line-height: 40px;
}
.activefilters ul li {
  display: inline-block;
  margin: 0px 8px 8px 0px;
}
.activefilters ul li .item {
  display: block;
  position: relative;
  line-height: 40px;
  cursor: pointer;
  padding: 0px 44px 0px 14px;
  border-radius: 5px;
  color: #090805;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.activefilters ul li .item .ic {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 4px;
  right: 8px;
  color: #999;
  text-align: center;
  border-radius: 50%;
}
.activefilters ul li .item .ic span {
  font-size: 20px;
  line-height: 28px;
}
.activefilters ul li .item:hover .ic {
  background: #cccccc42;
}
.seas-t1 {
  position: absolute;
  left: 10px;
  top: -6px;
  z-index: 10;
}
.seas-t1 .wi {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
}
.seas-t1 .wi .ic {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 1px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.seas-t1 .wi .ic i {
  font-size: 22px;
  line-height: 30px;
  color: #626875;
}
.seas-t1 .wi .ic:hover {
  background: #eee;
}
.seas-t1 .wi .ic:hover i {
  color: #000;
}
.seas-t1 .wi .fld {
  width: 310px;
  height: 48px;
  position: absolute;
  top: -8px;
  left: -12px;
  border-radius: 6px 6px 6px 6px;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgb(131 192 253 / 50%);
  border: 1px solid #4b78b782;
  display: none;
}
.seas-t1 .wi .fld .rx {
  width: 100%;
  height: 100%;
  position: relative;
}
.seas-t1 .wi .fld .rx input {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0px 55px 3px 54px;
  font-size: 17px;
  line-height: 46px;
  color: #000;
  outline: 0;
  background: transparent;
}
.seas-t1 .wi .fld.err-t1 {
  box-shadow: 0 0 0 3px rgb(253 131 131 / 50%);
  border: 1px solid #b74b4b82;
}
.seas-t1 .wi .fld .rx .clo {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 10;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.seas-t1 .wi .fld .rx .clo i {
  font-size: 27px;
  line-height: 36px;
  color: #68696a;
}
.seas-t1 .wi .fld .rx .clo:hover {
  background: #eee;
}
.seas-t1 .wi .fld .rx .clo:hover i {
  color: #000;
}
.seas-t1 .wi .fld .rx .sic {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 10;
  text-align: center;
}
.seas-t1 .wi .fld .rx .sic i {
  font-size: 22px;
  line-height: 30px;
  color: #8e96a5;
}
.seas-t1 .wi .fld .rx .load {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 10;
  background: #fff
    url(https://cdn.addevent.com/legacy2000/gfx/icon-load-t2a.svg) no-repeat 50%
    50%;
  background-size: 26px auto;
  display: none;
}
.seas-t1 .wi .fld.loading .rx .load {
  display: block;
}
.seas-t1 .wi .fld.err {
  box-shadow: 0 0 0 3px rgb(255 51 41 / 25%) !important;
  border: 1px solid #ff4a41 !important;
}
.seas-t1.show .wi .fld {
  display: block;
}
.seas-wrp-t1 {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  margin: 0px 0px 0px 8px;
}
.inp-t1 {
  clear: both;
  position: relative;
}
.inp-t1 .wr {
  clear: both;
  position: relative;
}
.inp-t1 .wr .lbl {
  position: absolute;
  left: 10px;
  top: -10px;
  z-index: 8;
  font-size: 14px;
  color: #323130;
  font-weight: 500;
  line-height: 18px;
  background: #fff;
  padding: 0px 8px;
}
.inp-t1 .wr input {
  width: 100%;
  margin: 0;
  padding: 13px 46px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
}
.inp-t1 .wr input:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.inp-t1 .wr input.err {
  box-shadow: 0 0 2px rgb(117 35 0 / 1);
  border: 1px solid #ff57224f;
}
.inp-t1 .wr textarea {
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 13px 16px 14px 16px;
  outline: 0;
  font-size: 17px;
  font-weight: 500;
  border: 0;
  border: 1px solid #b7b7b782;
  border-bottom: 1px solid #b7b7b782;
  border-radius: 6px;
  resize: none;
}
.inp-t1 .wr textarea:focus {
  box-shadow: 0 0 2px rgba(6, 95, 212, 0.72);
  border: 1px solid #4b78b782;
}
.inp-t1.wic input {
  padding-left: 42px;
}
.inp-t1.wic .ico {
  position: absolute;
  left: 13px;
  top: 16px;
  font-size: 18px;
  color: #565656;
}
.inp-t1.wic .ico.c1 {
  color: #68c73c;
}
.info-ico-t1 {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 12px;
  top: 12px;
  display: block;
  border-radius: 50%;
  background: url(https://cdn.addevent.com/web/images/icon-info-t1.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  cursor: help;
}
.info-ico-t1.t1 {
  top: 11px;
  right: 12px;
}
.info-ico-t1 .rx {
  position: relative;
}
.info-ico-t1:hover {
  background-color: #eee;
}
.pop-wrn-t1 {
  clear: both;
  position: relative;
  background: #ffffa6;
  padding: 15px 15px 15px 56px;
  border-radius: 8px;
  margin: 0px 0px 16px 0px;
}
.pop-wrn-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  color: #494930;
}
.pop-wrn-t1 .ic {
  position: absolute;
  left: 16px;
  top: 12px;
}
.pop-wrn-t1 .ic span {
  font-size: 25px;
  color: #f06d00;
}
.pop-wrn-t2 {
  clear: both;
  position: relative;
  background: #ffffa6;
  padding: 15px 15px 15px 54px;
  border-radius: 8px;
  margin: 0px 0px 16px 0px;
}
.pop-wrn-t2 a {
  text-decoration: underline;
}
.pop-wrn-t2 p {
  margin: 0;
  font-size: 15px;
  line-height: 150%;
  color: #494930;
}
.pop-wrn-t2 .ic {
  position: absolute;
  left: 16px;
  top: 12px;
}
.pop-wrn-t2 .ic span {
  font-size: 25px;
  color: #f06d00;
}
.pop-wrn-t2.ff5722 {
  background: #ff5722;
}
.pop-wrn-t2.ff5722 p {
  color: #fff;
}
.pop-wrn-t2.ff5722 .ic span {
  color: #fff;
}
.colorevt {
  width: 10px;
  height: 10px;
  position: relative;
}
.colorevt .drop {
  width: 156px;
  position: fixed;
  z-index: -1;
  margin: -78px 0px 0px 36px;
  background: #fff;
  border-radius: 4px;
  box-shadow:
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12),
    0 5px 5px -3px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.92, 0.92) translateX(-15px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.colorevt .drop.show {
  visibility: visible;
  z-index: 101;
  opacity: 1;
  transform: scale(1, 1) translateX(0px);
}
.colorevt .drop .fl {
  float: left;
  padding: 8px 0px 3px 8px;
}
.colorevt .drop .fl .vtcolors {
  clear: both;
  padding: 0;
  margin: 0;
}
.colorevt .drop .fl .vtcolors .lst {
  width: auto;
  float: left;
}
.colorevt .drop .fl .vtcolors .lst ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
}
.colorevt .drop .fl .vtcolors .lst ul li {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  margin: 0px 5px 5px 0px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}
.colorevt .drop .fl .vtcolors .lst ul li .check {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  display: none;
}
.colorevt .drop .fl .vtcolors .lst ul li.checked .check {
  display: block;
}
.colorevt .drop .fl .vtcolors .lst ul li:hover {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.colorevt .drop .fl .vtcolors .lst ul li:active {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.vtcolors {
  clear: both;
  padding: 5px 0 0 0;
  margin: 0 0 45px 0;
}
.vtcolors ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}
.vtcolors ul li {
  width: 26px;
  height: 26px;
  display: block;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px 5px 5px 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
  cursor: pointer;
}
.vtcolors ul li:hover {
  box-shadow: 0px 0px 0px 4px rgb(222 225 229 / 58%);
}
.vtcolors ul li .check {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 14px auto;
  display: none;
}
.vtcolors ul li.checked .check {
  display: block;
}
.vtcolors ul li.selected .check {
  display: block;
}
.vtcolors ul li.contrast {
}
.vtcolors ul li.contrast .check {
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-check-fff-wbr-t2.svg)
    no-repeat 50% 50%;
  background-size: 14px auto;
}
.vtcolors .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.vtcolors .lst {
  width: 310px;
  float: left;
}
.vtcolors .lst ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
}
.vtcolors .lst ul li {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  position: relative;
  border-radius: 50%;
  margin: 0px 5px 5px 0px;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}
.vtcolors .lst ul li .check {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-fff-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  display: none;
}
.vtcolors .lst ul li.checked .check {
  display: block;
}
.vtcolors.press .lst ul li {
  cursor: pointer;
}
.vtcolors.press .lst ul li:hover {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.vtcolors.press .lst ul li:active {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.vtcolors .act {
  width: 100px;
  float: left;
}
.vtcolors .act .px {
  clear: both;
  padding: 11px 0px 0px 10px;
}
.vtcolors .act .px .changepalette {
  background: url(https://cdn.addevent.com/legacy2000/gfx/arrow-down-000-t1.svg)
    no-repeat 95% 65%;
  padding: 0px 32px 0px 10px;
}
.vtcolors .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.vlcolors {
  clear: both;
}
.vlcolors .vst {
  clear: both;
  padding: 0px 15px 0px 0px;
}
.vlcolors .vst ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
}
.vlcolors .vst ul li {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  margin: 0px 4px 4px 0px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow:
    0 1px 2px 0 rgba(50, 50, 93, 0.1),
    0 0px 4px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
  background: url(https://cdn.addevent.com/legacy2000/gfx/back-trans-t1.png)
    no-repeat 50% 50%;
  background-size: 24px auto;
}
.vlcolors .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}

.faq {
  width: 100%;
  clear: both;
  padding: 0px 0px 160px 0px;
  position: relative;
}
.faq .viw {
  clear: both;
  text-align: center;
}
.faq .viw a {
  display: inline-block;
  position: relative;
  padding: 0px 34px 0px 14px;
  color: #125ef8;
  font-size: 17px;
  line-height: 36px;
}
.faq .viw a:hover {
  text-decoration: underline;
}
.faq .viw a .ico {
  position: absolute;
  top: 6px;
  right: 8px;
  color: #125ef8;
  font-size: 18px;
  line-height: 24px;
}
.faq .faq-cnt {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.faq .faq-cnt .hdo {
  clear: both;
  padding: 100px 0px 80px 0px;
  text-align: center;
}
.faq .faq-cnt .hdo .hd {
  margin: 0px 0px 8px 0px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.45;
  color: #585d69;
}
.faq .faq-cnt .hdo .tx {
  margin: 0;
  font-weight: 600;
  font-size: 45px;
  line-height: 1.17;
  color: #1c212b;
  letter-spacing: -1px;
}
.faq .acc {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.faq .acc .item {
  width: 100%;
  padding: 24px 0;
  border-top: 1px solid #eeeff2;
}
.faq .acc .item .item-top {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.faq .acc .item .item-top .title {
  color: #1c212b;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.faq .acc .item .item-top:hover .title {
  color: #125ef8;
}
.faq .acc .item .item-top .arr {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}
.faq .acc .item .item-top .arr span {
  font-size: 32px;
  line-height: 40px;
}
.faq .acc .item .item-top .arr:hover {
  background: #f1f3f5;
}
.faq .acc .item .txt {
  display: none;
  padding: 0px 10% 0px 0px;
  color: #585d69;
  font-size: 17px;
  line-height: 1.6;
}
.faq .acc .item .txt p {
  margin: 0;
  color: #585d69;
  font-size: 17px;
  line-height: 1.6;
}
.faq .acc .item.active .item-top .arr span {
  color: #000;
}
.faq .acc .item.active .item-top .arr {
  transform: rotate(180deg);
}
.radio-t1 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  cursor: default !important;
}
.radio-t1 .rchk {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}
.radio-t1 .radio {
  width: 30px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 5px;
}
.radio-t1 .radio .inp {
  width: 20px;
  height: 20px;
  clear: both;
  position: relative;
  z-index: 1;
  background: #fff;
  cursor: default;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.radio-t1 .radio .inp .cir {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 5px;
  background: #000;
  border-radius: 50%;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.radio-t1.selected .inp .cir {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio-t1 .lbl {
  clear: both;
  padding: 5px 0 3px 34px;
}
.radio-t1 .lbl p {
  margin: 0;
  font-size: 15px;
  line-height: 160%;
}
.radio-t1 .lbl strong {
  font-weight: 600;
}
.radio-t1.d1 .lbl {
  padding: 5px 0 3px 32px;
}
.radio-t1 .label {
  clear: both;
  padding: 5px 0 3px 34px;
}
.radio-t1 .label p {
  margin: 0;
  font-size: 15px;
  line-height: 160%;
}
.radio-t1 .label strong {
  font-weight: 600;
}
.radio-t1:hover .radio .inp {
  box-shadow:
    0 0 0 3px rgb(0 0 0 / 5%),
    0 2px 5px 0px rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0px rgba(0, 0, 0, 0.15),
    0 1px 2px 0px rgba(0, 0, 0, 0.15),
    0 0 0 0px transparent;
}
.radio-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.radio-t2 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  cursor: default !important;
}
.radio-t2 .rchk {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}
.radio-t2 .radio {
  width: 30px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 5px;
}
.radio-t2 .radio .inp {
  width: 20px;
  height: 20px;
  clear: both;
  position: relative;
  z-index: 1;
  background: #fff;
  cursor: default;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.radio-t2 .radio .inp .cir {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 5px;
  background: #000;
  border-radius: 50%;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.radio-t2.selected .inp .cir {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio-t2 .lbl {
  clear: both;
  padding: 4px 0px 3px 34px;
}
.radio-t2 .lbl p {
  margin: 0;
  font-size: 16px;
  line-height: 160%;
}
.radio-t2 .lbl strong {
  font-weight: 600;
}
.radio-t2 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.check-t1 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  cursor: default !important;
}
.check-t1 .rchk {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}
.check-t1 .check {
  width: 30px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 2px;
}
.check-t1 .check .inp {
  width: 22px;
  height: 22px;
  clear: both;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.check-t1 .check .inp .cir {
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-000-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.check-t1 .check .inp:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  box-shadow: 0px 0px 0px 2px #efefef;
  display: none;
}
.check-t1.selected .inp .cir {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.check-t1:hover .check .inp:before {
  display: block;
}
.check-t1 .lbl {
  clear: both;
  padding: 2px 0 0 37px;
}
.check-t1 .lbl p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 160%;
}
.check-t1 .lbl span {
  font-size: 15px;
  color: #999;
}
.check-t1 .lbl em {
  font-size: 15px;
  color: #999;
}
.check-t1 .label {
  clear: both;
  padding: 2px 0 0 37px;
}
.check-t1 .label p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 160%;
}
.check-t1 .label span {
  font-size: 15px;
  color: #999;
}
.check-t1 .label em {
  font-size: 15px;
  color: #999;
}
.check-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.check-t2 {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  cursor: default !important;
}
.check-t2 .rchk {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}
.check-t2 .check {
  width: 30px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 2px;
}
.check-t2 .check .inp {
  width: 22px;
  height: 22px;
  clear: both;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.25),
    0 2px 5px 0 rgba(50, 50, 93, 0.15),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px 0 rgba(0, 0, 0, 0.15),
    0 0 0 0 transparent;
}
.check-t2 .check .inp .cir {
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background: url(https://cdn.addevent.com/legacy2000/gfx/icon-check-000-t2.svg)
    no-repeat 50% 50%;
  background-size: 12px auto;
  visibility: hidden;
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.check-t2 .check .inp:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  box-shadow: 0px 0px 0px 2px #efefef;
  display: none;
}
.check-t2:hover .check .inp:before {
  display: block;
}
.check-t2.selected .inp .cir {
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.check-t2 .lbl {
  clear: both;
  padding: 2px 0 0 37px;
}
.check-t2 .lbl p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 160%;
}
.check-t2 .lbl span {
  font-size: 15px;
  color: #999;
}
.check-t2 .lbl em {
  font-size: 15px;
  color: #999;
}
.check-t2 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.checkbox {
  display: block;
  position: relative;
}
.checkbox .c-input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.checkbox .c-label {
  display: flex;
  align-items: center;
  color: #1b212b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  cursor: pointer;
}
.checkbox .c-label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow:
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(0 0 0 / 12%) 0 1px 1px 0,
    rgb(60 66 87 / 16%) 0 0 0 1px,
    transparent 0 0 0 0,
    transparent 0 0 0 0,
    rgb(60 66 87 / 12%) 0 2px 5px 0;
  background: #fff
    url("https://cdn.addevent.com/app/v2/gfx/icon-check-000-t2.svg")
    no-repeat -100px -100px;
  background-size: 11px auto;
}
.checkbox .c-label:hover::before {
  border: 2px solid #efefef;
}
.checkbox .c-label:not(:empty)::before {
  margin-right: 12px;
  margin-top: -1px;
}
.checkbox .c-input:checked + .c-label::before {
  background-position: 50% 50%;
}
.checkbox .c-input[indeterminate] + .c-label::before {
  background-image: url("https://cdn.addevent.com/app/v2/gfx/checkbox-indeterminate.svg");
}
.checkbox .c-input.st1 {
  color: #727c8d;
  font-style: italic;
}
.checkbox.s1 {
  position: absolute;
  margin: 1px 0px 0px 20px;
}
.checkbox.s2 {
  position: relative;
  margin: -3px 0px 0px 20px;
}
.ttabs-t1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.ttabs-t1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ttabs-t1 ul li {
  float: left;
  position: relative;
  margin: 0px 25px 0px 0px;
}
.ttabs-t1 ul li a {
  display: block;
  position: relative;
  font-size: 17px;
  line-height: 52px;
  padding: 0px 4px 0px 4px;
  font-weight: 600;
  color: #a1a1a1;
  text-decoration: none;
}
.ttabs-t1 ul li a:hover {
  color: #1a73e8;
}
.ttabs-t1 ul li .bd {
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #1a73e8;
  border-radius: 4px 4px 0px 0px;
  visibility: hidden;
}
.ttabs-t1 ul li .selected {
  color: #1a73e8;
}
.ttabs-t1 ul li .at-t1 {
  display: inline-block;
  background: #ff5c00;
  color: #fff;
  font-size: 14px;
  width: 22px;
  line-height: 22px;
  margin: 0px 0px 0px 10px;
  font-weight: 500;
  border-radius: 50%;
  text-align: center;
}
.ttabs-t1 ul li .at-t2 {
  display: inline-block;
  background: #4ec253;
  color: #fff;
  font-size: 14px;
  width: 22px;
  line-height: 22px;
  margin: 0px 0px 0px 10px;
  font-weight: 500;
  border-radius: 50%;
  text-align: center;
}
.ttabs-t1 ul li .selected .bd {
  visibility: visible;
}
.ttabs-t1 ul li .ico {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 16px;
  color: #000;
}
.ttabs-t1 ul li div {
  display: block;
  position: relative;
  font-size: 17px;
  line-height: 52px;
  padding: 0px 4px 0px 4px;
  font-weight: 600;
  color: #a1a1a1;
  cursor: default;
}
.ttabs-t1 ul li div.selected {
  color: #1a73e8;
}
.ttabs-t1 ul li div.selected .bd {
  visibility: visible;
}
.ttabs-t1 ul li .nono {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: none;
  background: #ffffff00;
}
.ttabs-t1.rsvpdisabled ul li .nono {
  display: block;
}
.fdis-t1 {
  float: left;
  padding: 0px 0px 0px 18px;
}
.fdis-t2 {
  float: left;
  padding: 5px 0px 0px 18px;
}
.fdis-t3 {
  display: inline-block;
  padding: 0px 0px 0px 18px;
}
.fdii-t1 {
  width: 20px;
  height: 10px;
  display: inline-block;
  position: relative;
}
.fdii-t1 .wx {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -9px;
  left: 0px;
  animation: 0.5s ease-in;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  background: #f861bb;
  box-shadow: inset 0px 0px 3px rgb(0 0 0 / 30%);
}
.fdii-t1 .wx i {
  font-size: 23px;
  line-height: 30px;
  color: #fff;
  transform: rotate(18deg);
}
.fdii-t1 .wx:hover {
  background: #f4f4f4;
}
.fdii-t1.m2 .wx {
  top: -12px;
}
.fdii-t1.m3 .wx {
  top: -2px;
}
.fdii-t1.m4 {
  margin: 0px 0px 0px 10px;
}
.fdii-t1.m4 .upg-ico-t2 {
  top: -12px;
}
.fdii-t1.m4 .upg-ico-t3 {
  top: -7px;
}
.fdii-t1.m5 {
  margin: 0px 0px 0px 10px;
}
.fdii-t1.m5 .upg-ico-t2 {
  top: -10px;
}
.fdii-t1.m5 .upg-ico-t3 {
  top: -5px;
}
.fdii-t1.m6 .upg-ico-t3 {
  top: -4px;
}
.fdii-t1.m7 .upg-ico-t3 {
  top: -2px;
}
.fdii-t1.m8 .upg-ico-t3 {
  top: 0px;
}
.fdii-t1.m9 .upg-ico-t3 {
  top: -6px;
  left: 4px;
}
.fdii-t1.m9 {
  margin: 0px 18px 0px 0px;
}
.fdii-t1.m9 .upg-ico-t3 {
  top: -5px;
}
.fdii-t1.m10 {
  position: absolute;
  top: 7px;
  right: -25px;
}
.fdii-t1.m11 {
  position: absolute;
  top: 10px;
  right: -15px;
  z-index: 20;
}
.fdii-t1.m12 {
  position: absolute;
  top: 11px;
  right: 45px;
  z-index: 20;
}
.fdii-t1.m13 {
  position: absolute;
  top: 10px;
  right: 45px;
  z-index: 20;
}
.fdii-t1.m14 {
  position: absolute;
  top: 11px;
  right: -40px;
  z-index: 20;
}
.fdii-t1.m15 {
  position: absolute;
  top: 10px;
  left: auto;
  right: -40px;
}
.fdii-t1.m16 {
  height: 15px;
  position: relative;
  top: 0;
  left: 10px;
  padding-left: 10px;
}

.pop-csrf {
  width: 370px;
  position: fixed;
  left: 50%;
  top: 0px;
  margin: 0px 0px 0px -185px;
  border-radius: 4px;
  background: linear-gradient(to right, #ff33cc 0%, #6600ff 100%);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease;
}
.pop-csrf .rle {
  clear: both;
  position: relative;
  padding: 20px;
}
.pop-csrf .rle .lf {
  float: left;
  padding: 2px 0px 0px 0px;
}
.pop-csrf .rle .lf p {
  margin: 0;
  font-size: 16px;
  color: #fff;
  line-height: 110%;
  font-weight: 600;
}
.pop-csrf .rle .lf p .blk {
  display: block;
  padding: 4px 0px 0px 0px;
  font-size: 15px;
  font-weight: 400;
}
.pop-csrf .rle .rg {
  float: right;
  margin: 3px 3px 0px 18px;
}
.pop-csrf .rle .rg input {
  margin: 0;
  border: 0;
  outline: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  font-size: 15px;
  color: #fff;
  padding: 10px 12px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  line-height: 100%;
  cursor: pointer;
}
.pop-csrf .rle .rg input:hover {
  background: rgba(255, 255, 255, 0.18);
}
.pop-csrf .rle .rg input:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.pop-csrf .rle .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.pop-csrf.show {
  z-index: 999999999999;
  opacity: 1;
  top: 20px;
}
.pop-inat1 {
  width: 330px;
  position: fixed;
  left: 50%;
  top: 0px;
  margin: 0px 0px 0px -165px;
  border-radius: 4px;
  background: linear-gradient(to right, #cc0000 0%, #f15ca6 100%);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease;
}
.pop-inat1 .rle {
  clear: both;
  position: relative;
  padding: 20px;
}
.pop-inat1 .rle .lf {
  float: left;
  padding: 2px 0px 0px 0px;
}
.pop-inat1 .rle .lf p {
  margin: 0;
  font-size: 16px;
  color: #fff;
  line-height: 110%;
  font-weight: 600;
}
.pop-inat1 .rle .lf p .blk {
  display: block;
  padding: 6px 0px 0px 0px;
  font-size: 15px;
  font-weight: 400;
}
.pop-inat1 .rle .rg {
  float: right;
  margin: 3px 3px 0px 18px;
}
.pop-inat1 .rle .rg input {
  margin: 0;
  border: 0;
  outline: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  font-size: 15px;
  color: #fff;
  padding: 10px 12px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  line-height: 100%;
  cursor: pointer;
}
.pop-inat1 .rle .rg input:hover {
  background: rgba(255, 255, 255, 0.18);
}
.pop-inat1 .rle .rg input:active {
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.pop-inat1 .rle .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.pop-inat1.show {
  z-index: 999999999999;
  opacity: 1;
  top: 20px;
}
.context-t1 {
  width: 250px;
  position: absolute;
  top: 34px;
  right: 0px;
  z-index: -1;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  cursor: default;
  border-radius: 6px;
  box-shadow:
    0 13px 27px -5px rgb(50 50 93 / 25%),
    0 8px 16px -8px rgb(0 0 0 / 30%),
    0 -6px 16px -6px rgb(0 0 0 / 3%);
}
.context-t1 .rl {
  position: relative;
  float: none !important;
}
.context-t1 .rl .pd {
  clear: both;
  padding: 8px;
  border-top: 1px solid #eee;
}
.context-t1 .rl .pd:first-child {
  border-top: none;
}
.context-t1 .rl .pd .sc {
  clear: both;
  padding: 8px 12px 2px 12px;
}
.context-t1 .rl .pd .sc p {
  margin: 0;
  font-size: 9px;
  color: #aab7c4 !important;
  text-transform: uppercase;
  font-weight: 600;
}
.context-t1 .rl .pd .lst {
  width: 100%;
  clear: both;
  border-top: 1px solid #eee;
}
.context-t1 .rl .pd .lst:first-child {
  border-top: none;
}
.context-t1 .rl .pd .lst ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  color: #000;
}
.context-t1 .rl .pd .lst ul li {
}
.context-t1 .rl .pd .lst ul li a {
  display: block;
  position: relative;
  padding: 8px 12px 8px 15px;
  color: #222;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 4px;
}
.context-t1 .rl .pd .lst ul li a:hover {
  background-color: #f0f5ff;
  color: #101114;
  text-decoration: none;
}
.context-t1 .rl .pd .lst ul li .ds {
  display: block;
  font-size: 12px;
  color: #9e9e9e;
  margin: -3px 0px 0px 0px;
}
.context-t1 .rl .pd .lst ul li .disabled {
  opacity: 0.4;
  cursor: default;
}
.context-t1 .rl .pd .lst ul li .disabled:hover {
  background: transparent !important;
}
.context-t1 .rl .pd .lst ul li .ab {
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
}
.context-t1 .rl .pd .lst ul li .ab .ic {
  font-size: 20px;
  line-height: 28px;
  color: #62666b;
}
.context-t1 .rl .pd .lst ul li .ab .ic-t1 {
  font-size: 18px;
  line-height: 28px;
  color: #62666b;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.context-t1 .rl .pd .lst .sep {
  width: 100%;
  height: 10px;
  clear: both;
  position: relative;
  overflow: hidden;
}
.context-t1 .rl .pd .lst .sep .hr {
  height: 1px;
  position: absolute;
  left: 0px;
  top: 5px;
  right: 0px;
  background: #eeeeeead;
}
.context-t1 .rl .pd .lst .sp-t1 {
  width: 100%;
  clear: both;
  position: relative;
  padding: 6px 0px;
}
.context-t1 .rl .pd .lst .sp-t1 .bdr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
  background: #eee;
}
.context-t1 .rl .pd .lst .hdo {
  clear: both;
  position: relative;
  padding: 5px 15px 12px 0px;
}
.context-t1 .rl .pd .lst .hdo .bi {
  clear: both;
  background: url(https://cdn.addevent.com/app/v2/gfx/1x1-eee.png) no-repeat 0px
    60%;
  background-size: 100% 1px;
}
.context-t1 .rl .pd .lst .hdo .bi .inl {
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 0px 10px 0px 40px;
}
.context-t1 .rl .pd .lst .hdo .bi .inl p {
  margin: 0;
  font-size: 12px;
  color: #757575;
  font-weight: 600;
  line-height: 100%;
}
.context-t1 .rl .pd .lst .hdo .bi .inl i {
  position: absolute;
  left: 13px;
  top: -3px;
  font-size: 18px;
  line-height: 18px;
  color: #757575;
}
.context-t1.wic .rl .pd .lst ul li a {
  padding: 8px 12px 8px 46px;
}
.context-t1.wi .lst ul li a {
  padding: 10px 12px 10px 46px !important;
}
.context-t1.wi .lst ul li .icab {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: center;
}
.context-t1.wi .lst ul li .icab span {
  font-size: 21px;
  line-height: 24px;
  color: #242b2f;
}
.context-t1.wi .lst ul li .icab.sz1 span {
  font-size: 18px;
}
.context-t1.wi .lst ul li .icab .ic-t1 {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  margin: 0px 0px 0px -2px;
}
.context-t1 {
  margin: -12px 0px 0px 0px;
  transition: all 0.12s ease-out;
  opacity: 0;
  transform: scale(0.92);
}
.context-t1.show {
  margin: 0px;
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  z-index: 555;
}
.popays-t1-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.72);
  z-index: -1;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.popays-t1 {
  width: 425px;
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  margin: 30px 0px 0px -212px;
  box-shadow: rgba(0, 0, 0, 0.25) 2px 6px 7px;
  border-radius: 8px;
  z-index: -1;
  transform: scale(0.92, 0.92) translate(0%, -68%);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease,
    z-index 0.1s ease;
}
.popays-t1.explain-t1 {
  width: 450px;
  margin-left: -225px;
}
.popays-t1 .rel {
  clear: both;
  box-shadow:
    0 0 0 0.5px rgba(50, 50, 93, 0.1),
    0 2px 5px 0 rgba(50, 50, 93, 0.05),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.05),
    0 1px 2px 0 rgba(0, 0, 0, 0.05),
    0 0 0 0 transparent !important;
  border-radius: 8px;
}
.popays-t1 .rel .close-t1 {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 22px;
  right: 22px;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}
.popays-t1 .rel .close-t1 i {
  font-size: 26px;
  line-height: 40px;
  color: #333;
}
.popays-t1 .rel .close-t1:hover {
  background: #f1f3f3;
}
.popays-t1 .rel .close-t1:active {
  background: #f1f1f1;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.popays-t1 .txw {
  clear: both;
  padding: 25px 35px 35px 35px;
  position: relative;
}
.popays-t1 .txw .hd-t1 {
  margin: 0px 0px 10px 0px;
  font-size: 19px;
  line-height: 130%;
  color: #34414f;
  font-weight: 600;
  letter-spacing: -0.25px;
  text-align: left;
}
.popays-t1 .txw .tx-t1 {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: #333;
}
.popays-t1 .txw .tx-t1 .exp {
  color: #676767;
  font-style: italic;
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
}
.popays-t1 .txw .tx-t1 .exp strong {
  font-weight: 600;
  color: #333333;
}
.popays-t1 .txw .tx-t1 .expwl {
  color: #737373;
  font-style: italic;
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 30px;
}
.popays-t1 .txw .tx-t1 .expwl a {
  color: #737373;
}
.popays-t1 .txw .tx-t1 .expwl a:hover {
  text-decoration: underline;
}
.popays-t1 .txw .tx-t1 .expwl .ic {
  position: absolute;
  left: 0px;
  top: -3px;
  font-size: 18px;
  line-height: 26px;
  color: #d89d32;
  font-style: normal;
}
.popays-t1 .btsw {
  height: 75px;
  clear: both;
  padding: 13px 35px 0px 35px;
  border-top: 1px solid #eee;
  position: relative;
}
.popays-t1 .btsw .bts-t1 {
  float: right;
}
.popays-t1 .btsw .bts-t1 .flt {
  float: right;
  margin: 0px 0px 0px 5px;
}
.popays-t1 .btsw .bts-t1 .flt input {
  margin: 0;
  padding: 0 15px;
  outline: 0;
  border: none;
  position: relative;
  border-radius: 5px;
  cursor: pointer;
  line-height: 44px;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.popays-t1 .btsw .bts-t1 .flt .submit {
  background: #da3030;
  color: #fff;
  border: 1px solid transparent;
}
.popays-t1 .btsw .bts-t1 .flt .submit:hover {
  background-color: #cc2c2c;
  color: #fff;
}
.popays-t1 .btsw .bts-t1 .flt .submit:active {
  background-color: #da3030;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}
.popays-t1 .btsw .bts-t1 .flt .cancel {
  width: 100px;
  font-size: 16px;
  line-height: 44px;
  padding: 0px;
  background: transparent;
}
.popays-t1 .btsw .bts-t1 .flt .cancel:hover {
  background-color: #cfe0ff52;
  color: #1559e1;
}
.popays-t1 .btsw .bts-t1 .flt .cancel:focus {
  background-color: #cfe0ff52;
  color: #1559e1;
  border-top: 2px solid transparent;
  border-bottom: 0px solid transparent;
}

.popays-t1 .btsw .bts-t1 .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.popays-t1.deletetoconfirm {
  margin-bottom: 15px;
}
.popays-t1.deletetoconfirm .rel .txw .ttd {
  clear: both;
  padding: 32px 0px 4px 0px;
}
.popays-t1.deletetoconfirm .rel .txw .ttd .ix-t2 .wr .lbl {
  color: #e80000;
}
.popays-t1.deletetoconfirm .rel .txw .ttd .ix-t2 .wr input {
  color: #ff2f2f;
  text-transform: uppercase;
  font-family: monospace;
  font-weight: 600;
  box-shadow: 0 0 0 1px #ff232380;
  border: 1px solid #ff2323e3;
}
.popays-t1.deletetoconfirm .rel .txw .ttd .err {
  margin: 0;
  padding: 10px 0px 0px 18px;
  font-size: 14px;
  line-height: 140%;
  color: #ab1c1c;
  font-style: italic;
  display: none;
}
.popays-t1.deletetoconfirm .rel .btsw .bts-t1 .flt .submit {
  background: #f53535;
}
.popays-t1.deletetoconfirm .rel .btsw .bts-t1 .flt .submit:hover {
  background-color: #cc2c2c;
}
.popays-t1.deletetoconfirm .rel .btsw .bts-t1 .flt .submit:active {
  background-color: #da3030;
}

.popays-t1.ex-t1 .txw .hd-t1 {
  margin: 0px 0px 15px 0px;
}
.popays-t1-bg.show {
  z-index: 99998;
  opacity: 1;
  margin-top: 0px;
}
.popays-t1.show {
  z-index: 99999;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1) translate(0%, -68%);
}
.evtserpop {
  width: 590px;
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: 1013;
  margin: 0px 0px 0px -295px;
  background: #fff;
  border-radius: 8px;
  display: block;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.evtserpop .px {
  clear: both;
  padding: 30px 45px 0px 45px;
  position: relative;
}
.evtserpop .px .clo {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 28px;
  top: 25px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.evtserpop .px .clo:hover {
  background: #f3f3f3;
}
.evtserpop .px .clo .ic {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}
.evtserpop .px .hdx {
  clear: both;
  margin: 0px 0px 30px 0px;
}
.evtserpop .px .hdx p {
  margin: 0;
  font-size: 22px;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.evtserpop .px .set-t1 {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0px 0px 22px 0px;
}
.evtserpop .px .set-t1.m1 {
  margin: 0px 0px 32px 0px;
}
.evtserpop .px .set-t1.m2 {
  margin: 0px 0px 28px 0px;
}
.evtserpop .px .set-t1.m3 {
  margin: 0;
}
.evtserpop .px .set-t1 .lf {
  width: 150px;
  display: table-cell;
  vertical-align: top;
}
.evtserpop .px .set-t1 .lf p {
  margin: 0;
  font-size: 16px;
  line-height: 38px;
  color: #111;
}
.evtserpop .px .set-t1.m1 .lf p {
  line-height: 40px;
}
.evtserpop .px .set-t1 .rg {
  display: table-cell;
  vertical-align: top;
}
.evtserpop .px .set-t1 .rg .sel {
  display: inline;
  clear: both;
  position: relative;
  margin: 2px 2px 0px 0px;
  padding: 2px 0px 0px 0px;
}
.evtserpop .px .set-t1 .rg .sel .select-t2 {
  display: inline-block;
  clear: both;
}
.evtserpop .px .set-t1 .rg .sel .select-t2 .rad {
  clear: both;
  position: relative;
  border-radius: 5px;
}
.evtserpop .px .set-t1 .rg .sel .select-t2:hover .rad {
  background: #f4f6f7;
}
.evtserpop .px .set-t1 .rg .sel .select-t2 .rad select {
  min-width: 50px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 6px 35px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.evtserpop .px .set-t1 .rg .sel .select-t2 .rad .arr {
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 0;
}
.evtserpop .px .set-t1 .rg .sel .select-t2 .rad .arr .ic {
  font-size: 25px;
  line-height: 26px;
  color: #5f6368;
}
.evtserpop .px .select-t2 .rad select {
  width: 100%;
  border: 1px solid #dadada !important;
  padding: 0px 35px 0px 14px !important;
  font-size: 16px !important;
  line-height: 38px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.evtserpop .px .select-t2 .rad .arr {
}
.evtserpop .px .select-t2 .rad .arr i {
}
.evtserpop .px .wkcls {
  width: 100%;
  clear: both;
}
.evtserpop .px .daycls {
  width: 100%;
  clear: both;
}
.evtserpop .px .days {
  clear: both;
  padding: 5px 0px 0px 0px;
}
.evtserpop .px .days ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0px;
  color: #666;
  line-height: 110%;
}
.evtserpop .px .days ul li {
  width: 34px;
  height: 34px;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 15px;
  line-height: 34px;
  color: #3d4148;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0px 4px 0px 0px;
  border-radius: 50%;
  cursor: pointer;
  background: #f3f3f3;
}
.evtserpop .px .days ul .checked {
  background-color: #125ef8;
  border: 1px solid #125ef8;
  color: #fff;
}
.evtserpop .px .days ul .weekend {
  color: #128af8 !important;
}
.evtserpop .px .days ul .weekend.checked {
  color: #fff !important;
}
.evtserpop .px .slow {
  clear: both;
}
.evtserpop .px .slow .sl {
  width: 135px;
  float: left;
  margin: 0px 10px 0px 0px;
}
.evtserpop .px .slow .cl {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.evtserpop .px .slow .sl .ix-t2 .wr input {
  padding: 10px 16px 11px 16px;
}
.evtserpop .px .clx {
  width: 88%;
  clear: both;
  padding: 5px 0px 0px 0px;
}
.evtserpop .px .sum {
  margin: 0;
  padding: 12px 16px;
  font-size: 15px;
  color: #666;
  line-height: 160%;
  background: #f9fafb;
  border-radius: 6px;
}
.evtserpop .px .sum ul {
  margin: 8px 0px 6px 28px;
}
.evtserpop .px .radopt-t1 {
  clear: both;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 25px 0px;
}
.evtserpop .px .radopt-t1.s1 {
  margin: 0;
}
.evtserpop .px .radopt-t1 .lbl {
  padding: 4px 0 3px 38px;
}
.evtserpop .px .radopt-t1 .lbl p {
  font-size: 16px;
  font-weight: 600;
}
.evtserpop .px .radopt-t1 .exp {
  clear: both;
  margin: 0px 0px 16px 0px;
  padding: 2px 0px 0px 38px;
}
.evtserpop .px .radopt-t1 .exp p {
  margin: 0;
  font-size: 15px;
  color: #626875;
  line-height: 150%;
  font-weight: 400;
}
.evtserpop .px .radopt-t1 .txt {
  clear: both;
  padding: 0px 20px 0px 34px;
  margin: 0px 0px 15px 0px;
}
.evtserpop .wkcls .clvew .ui-datepicker {
  position: relative;
  padding: 0px;
}
.evtserpop .wkcls .clvew .ui-datepicker-inline {
  width: 100% !important;
  box-shadow: none;
}
.evtserpop .wkcls .clvew .ui-datepicker .ui-datepicker-group {
  padding: 0px;
}
.evtserpop .wkcls .clvew .ui-datepicker .ui-datepicker-header {
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
}
.evtserpop .wkcls .clvew .ui-datepicker .ui-datepicker-group-first {
  padding: 0px 10px 0px 0px;
}
.evtserpop .wkcls .clvew .ui-datepicker .ui-datepicker-group-last {
  padding: 0px 0px 0px 10px;
  border: none;
}
.evtserpop
  .wkcls
  .clvew
  .ui-datepicker
  .ui-datepicker-header
  .ui-datepicker-month {
  font-weight: 600;
}
.evtserpop .wkcls .clvew .ui-datepicker table .ui-datepicker-week-end,
.evtserpop .wkcls .clvew .ui-datepicker table .ui-datepicker-week-end .nww {
  color: #84a7ff;
}
.evtserpop .wkcls .clvew .ui-datepicker table td span,
.evtserpop .wkcls .clvew .ui-datepicker table td a,
.evtserpop .wkcls .clvew .ui-datepicker table td .nww {
  position: relative;
  font-size: 15px;
  width: auto;
  line-height: 38px !important;
  height: auto;
  color: #333;
}
.evtserpop .wkcls .clvew .ui-datepicker table td {
  height: auto !important;
  padding: 0px;
  font-size: 14px;
}
.evtserpop .wkcls .clvew .ui-datepicker table th {
  border-bottom: 1px solid transparent;
}
.evtserpop .wkcls .clvew .ui-datepicker table td span.ui-state-hover,
.evtserpop .wkcls .clvew .ui-datepicker table td a.ui-state-hover {
  background: transparent !important;
}
.evtserpop .wkcls .clvew .ui-datepicker table td span.ui-state-active,
.evtserpop .wkcls .clvew .ui-datepicker table td a.ui-state-active {
  font-weight: 400;
  border-radius: 0px;
  background-color: transparent !important;
}
.evtserpop .wkcls .clvew .ui-datepicker table tbody tr {
  border-bottom: 1px solid #fff;
}
.evtserpop .wkcls .clvew .ui-datepicker table tbody tr:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.evtserpop .wkcls .clvew .ui-datepicker table tbody tr.selected {
}
.evtserpop
  .wkcls
  .clvew
  .ui-datepicker
  table
  .selected
  .ui-datepicker-week-col
  .nww {
  cursor: pointer;
  font-weight: 600;
  color: #000;
}
.evtserpop
  .wkcls
  .clvew
  .ui-datepicker
  table
  .selected
  .ui-datepicker-week-col
  .wkarr {
  display: none;
}
.evtserpop .wkcls .clvew .ui-datepicker .ui-datepicker-week-col .nww {
  color: #ccc;
}
.evtserpop .wkcls .clvew .ui-datepicker table .ui-datepicker-other-month .nww {
  color: #eee;
  font-weight: 400;
}
.evtserpop .wkcls .clvew .wkarr {
  width: 12px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: -25px;
  margin: -1px 0px 0px 0px;
  background: #125ef8;
  border-radius: 8px;
  display: none;
}
.evtserpop .ui-datepicker table thead th {
}
.evtserpop .wkcls .mon .selected .mon .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .tue .selected .tue .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .wed .selected .wed .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .thu .selected .thu .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .fri .selected .fri .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .sat .selected .sat .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .sun .selected .sun .nww:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .wkcls .selected .nww {
  color: #125ef8 !important;
}
.evtserpop .daycls .clvew .ui-datepicker {
  position: relative;
  padding: 0px;
}
.evtserpop .daycls .clvew .ui-datepicker-inline {
  width: 100% !important;
  box-shadow: none;
}
.evtserpop .daycls .clvew .ui-datepicker .ui-datepicker-group {
  padding: 0px;
}
.evtserpop .daycls .clvew .ui-datepicker .ui-datepicker-header {
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
}
.evtserpop .daycls .clvew .ui-datepicker .ui-datepicker-group-first {
  padding: 0px 10px 0px 0px;
}
.evtserpop .daycls .clvew .ui-datepicker .ui-datepicker-group-last {
  padding: 0px 0px 0px 10px;
  border: none;
}
.evtserpop
  .daycls
  .clvew
  .ui-datepicker
  .ui-datepicker-header
  .ui-datepicker-month {
  font-weight: 600;
}
.evtserpop .daycls .clvew .ui-datepicker table .ui-datepicker-week-end,
.evtserpop .daycls .clvew .ui-datepicker table .ui-datepicker-week-end .nww {
  color: #84a7ff;
}
.evtserpop .daycls .clvew .ui-datepicker table td span,
.evtserpop .daycls .clvew .ui-datepicker table td a,
.evtserpop .daycls .clvew .ui-datepicker table td .nww {
  font-size: 15px;
  width: auto;
  line-height: 38px !important;
  height: auto;
  color: #333;
}
.evtserpop .daycls .clvew .ui-datepicker table td {
  height: auto !important;
  padding: 0px;
  font-size: 14px;
}
.evtserpop .daycls .clvew .ui-datepicker table th {
  border-bottom: 1px solid transparent;
}
.evtserpop .daycls .clvew .ui-datepicker table td span.ui-state-hover,
.evtserpop .daycls .clvew .ui-datepicker table td a.ui-state-hover {
  background: #ccc !important;
}
.evtserpop .daycls .clvew .ui-datepicker table td span.ui-state-active,
.evtserpop .daycls .clvew .ui-datepicker table td a.ui-state-active {
  color: #000;
  font-weight: 400;
  border-radius: 0px;
  background-color: #aaa !important;
}
.evtserpop .daycls .clvew .ui-datepicker table tbody tr {
  border-bottom: 1px solid #fff;
}
.evtserpop .daycls .clvew .ui-datepicker .ui-datepicker-week-col .nww {
  color: #ccc;
}
.evtserpop .daycls .clvew .ui-datepicker table .ui-datepicker-other-month .nww {
  color: #eee;
  font-weight: 400;
}
.evtserpop .daycls .clvew .ui-datepicker table .ui-datepicker-week-end,
.evtserpop .daycls .clvew .ui-datepicker table .ui-datepicker-week-end .nww {
  color: #84a7ff;
}
.evtserpop .daycls .clvew .nww {
  border-radius: 50%;
}
.evtserpop .daycls .clvew .nww:hover {
  background-size: 26px auto;
  cursor: pointer;
}
.evtserpop .dspselected {
  background-size: 26px auto;
}
.evtserpop .daycls .clvew .cwek .nww {
  background: #fff !important;
  cursor: default !important;
}
.evtserpop .daycls .clvew .ui-state-disabled .nww {
  background: #fff !important;
  cursor: default !important;
}
.evtserpop .daycls .clvew .dspselected {
  position: relative;
  color: #333 !important;
  cursor: pointer;
}
.evtserpop .daycls .clvew .dspselected:before {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  border-radius: 50%;
  border: 3px dotted #125ef859;
}
.evtserpop .daycls .clvew .cwek .dspselected:before {
  display: none;
}
.evtserpop.days_one_by_one .daycls .cwek .dspselected {
  font-weight: 400 !important;
  color: #ccc !important;
}
.evtserpop .data {
  display: none;
}
.evtserpop .ui-datepicker-calendar .ui-datepicker-current-day * {
  color: #111 !important;
}
.evtserpop
  #repeat-weekdaynames
  .ui-datepicker-calendar
  .ui-datepicker-current-day {
  border-radius: unset !important;
  color: unset !important;
  background: unset !important;
}
.evtserpop
  #repeat-weekdaynames
  .ui-datepicker-calendar
  .ui-datepicker-current-day:hover {
  color: unset !important;
  background: unset !important;
}
.evtserpop #days_selector .ui-datepicker-calendar .ui-datepicker-current-day {
  border-radius: unset !important;
  color: unset !important;
  background: unset !important;
}
.evtserpop
  #days_selector
  .ui-datepicker-calendar
  .ui-datepicker-current-day:hover {
  color: unset !important;
  background: unset !important;
}
.evtserpop .px .foot {
  clear: both;
  padding: 20px 0px 0px 0px;
}
.evtserpop .px .foot .bdr {
  clear: both;
  position: relative;
  border-top: 1px solid #ddd;
}
.evtserpop .px .foot .bdr .flt {
  float: right;
  padding: 16px 0px 20px 0px;
}
.evtserpop .px .foot .bdr .flt .fl {
  float: left;
  margin: 0px 0px 0px 6px;
}
.evtserpop .px .foot .bdr .flt .fl .save {
  width: 146px;
  border-radius: 3px;
  padding: 0px 24px;
  line-height: 44px;
}
.evtserpop .px .foot .bdr .flt .fl .cancel {
  width: 100px;
  border-radius: 3px;
  padding: 0px 24px;
  line-height: 44px;
}
.evtserpop .px .foot .bdr .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.evtserpop.hide {
  display: none;
}
.evtserpop {
  margin-top: 20px;
  display: none;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.evtserpop.show {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.extcalpopwr {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1001;
  padding: 30px 0px 200px 0px;
}
.extcalpop {
  width: 590px;
  margin: 0px auto 150px auto;
  background: #fff;
  border-radius: 8px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow:
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12),
    0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.extcalpop .px {
  clear: both;
  padding: 30px 45px 0px 45px;
  position: relative;
}
.extcalpop .px .clo {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 28px;
  top: 25px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.extcalpop .px .clo:hover {
  background: #f3f3f3;
}
.extcalpop .px .clo .ic {
  font-size: 26px;
  line-height: 40px;
  color: #222;
}
.extcalpop .px .hdx {
  clear: both;
  margin: 0px 0px 30px 0px;
}
.extcalpop .px .hdx p {
  margin: 0;
  font-size: 22px;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.extcalpop .px .tx-t1 {
  clear: both;
  margin: 0px 0px 35px 0px;
}
.extcalpop .px .tx-t1 p {
  margin: 0;
  font-size: 16px;
  line-height: 145%;
  color: #111;
}
.extcalpop .px .tx-t1 ul {
  margin-left: 16px;
}
.extcalpop .px .wrnwrp {
  clear: both;
  margin: 0px 0px 35px 0px;
}
.extcalpop .px .ip-t1 {
  clear: both;
  margin: 0px 0px 20px 0px;
}
.extcalpop .px .ip-t2 {
  clear: both;
  padding: 0px 0px 20px 0px;
}
.extcalpop .px .tzidsel {
  display: block;
  position: relative;
  padding: 0px 52px 0px 52px;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.extcalpop .px .tzidsel.focerr {
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 0px 0px 4px rgb(255 87 34 / 16%);
}
.extcalpop .px .tzidsel:hover {
  box-shadow:
    0 0 0 5px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.extcalpop .px .tzidsel .tim {
  font-size: 13px;
  line-height: 40px;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  letter-spacing: -0.5px;
}
.extcalpop .px .tzidsel .arr {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 9px;
  z-index: 9;
  text-align: center;
}
.extcalpop .px .tzidsel .arr .ic {
  font-size: 28px;
  line-height: 32px;
  color: #222;
}
.extcalpop .px .tzidsel .glo {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 14px;
  top: 4px;
}
.extcalpop .px .tzidsel .glo .ic {
  font-size: 21px;
  line-height: 24px;
  color: #5d5d5d;
}
.extcalpop .px .foot {
  clear: both;
  padding: 40px 0px 0px 0px;
}
.extcalpop .px .foot .bdr {
  clear: both;
  position: relative;
  border-top: 1px solid #ddd;
}
.extcalpop .px .foot .bdr .link .fl a {
  float: left;
  margin: 25px 0px 20px 0px;
}
.extcalpop .px .foot .bdr .link .fl a:hover {
  text-decoration: underline;
}
.extcalpop .px .foot .bdr .flt {
  float: right;
  padding: 16px 0px 20px 0px;
}
.extcalpop .px .foot .bdr .flt .fl {
  float: left;
  margin: 0px 0px 0px 6px;
}
.extcalpop .px .foot .bdr .flt .fl .save {
  width: 148px;
  border-radius: 3px;
  padding: 0px 24px;
  line-height: 44px;
}
.extcalpop .px .foot .bdr .flt .fl .cancel {
  width: 100px;
  border-radius: 3px;
  padding: 0px 24px;
  line-height: 44px;
}
.extcalpop .px .foot .bdr .clr {
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
}
.extcalpop-bg {
  width: 100%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  position: fixed;
  z-index: 999;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.extcalpop.hide {
  display: none;
}
.extcalpopwr .extcalpop {
  margin-top: 20px;
  transform: scale(0.95);
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.extcalpopwr.show .extcalpop {
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.extcalpop-bg.show {
  opacity: 1;
}

.addressctn {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.tziddrop {
  width: 350px;
  position: absolute;
  right: -10px;
  top: -200px;
  margin: 10px 0px 0px 0px;
  background: #fff;
  padding: 0px 3px 3px 0px;
  border-radius: 5px;
  box-shadow:
    0 0 0 1px rgba(136, 152, 170, 0.1),
    0 15px 35px 0 rgba(49, 49, 93, 0.1),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
  z-index: 1002;
  opacity: 0;
  transform: scale(0.92, 0.92);
  transition:
    opacity 0.2s ease,
    bottom 0.2s ease,
    transform 0.2s ease,
    margin 0.2s ease;
}
.tziddrop #tzidlookup-items {
  display: none;
}
.tziddrop .he {
  height: 46px;
  clear: both;
  position: relative;
  padding: 3px;
  background: #f5f6f6;
  margin: 12px 9px 12px 12px;
  border-radius: 6px;
}
.tziddrop .he input {
  width: 100%;
  height: 40px;
  margin: 0;
  border: 0 !important;
  outline: 0;
  line-height: 40px;
  padding: 0px 50px 0px 14px;
  background: transparent;
}
.tziddrop .he .sic {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 3px;
  cursor: pointer;
}
.tziddrop .he .sic .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.tziddrop .he .sic .rl i {
  position: absolute;
  left: 7px;
  top: 8px;
  font-size: 26px;
  line-height: 26px;
  color: #555;
}
.tziddrop .he .clc {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 3px;
  cursor: pointer;
  border-radius: 50%;
  background: #f5f6f6;
  display: none;
}
.tziddrop .he .clc .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.tziddrop .he .clc .rl i {
  position: absolute;
  left: 7px;
  top: 8px;
  font-size: 26px;
  line-height: 26px;
  color: #555;
  border-radius: 50%;
}
.tziddrop .he .clc:hover {
  background: #e9e9ec;
}
.tziddrop .he .clc:active {
  background: #d9d9dc;
}
.tziddrop .he .ldc {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 3px;
  background: #f1f1f3
    url(https://cdn.addevent.com/libs/imgs/icon-loading-t1.svg) no-repeat 50%
    50%;
  background-size: 22px auto;
  display: none;
}
.tziddrop .list {
  clear: both;
  position: relative;
  max-height: 268px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px 0px 12px 12px;
}
.tziddrop .list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #555;
}
.tziddrop .list ul li {
  height: 40px;
  display: block;
  overflow: hidden;
  padding: 0px 10px 0px 17px;
  margin: -3px 0px;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 3px;
}
.tziddrop .list ul li:hover {
  background: #f5f6f6;
}
.tziddrop .list ul li .offst {
  width: 90px;
  display: inline-block;
  font-size: 14px;
  color: #999 !important;
  line-height: 40px;
}
.tziddrop .list ul li .nam {
  display: inline-block;
  line-height: 40px;
  color: #000 !important;
}
.tziddrop .list ul li.selected {
  background: #f0f5ff !important;
}
.tziddrop .list ul li.selected .nam {
  font-weight: 600;
  color: #000 !important;
}
.tziddrop .list .sugg {
  clear: both;
  position: relative;
  padding: 10px 0px 0px 14px;
  margin: 0px 0px 10px 0px;
  display: none;
}
.tziddrop .list .sugg p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 110%;
}
.tziddrop .list .sugg .clear {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  color: #999;
  text-decoration: underline;
  padding: 0px 5px;
}
.tziddrop .list .sugg .clear:hover {
  color: #666;
  text-decoration: none;
}
.tziddrop .list .result {
}
.tziddrop .list #adrlook-nores {
  clear: both;
  padding: 45px 0px 45px 0px;
  text-align: center;
  display: none;
  margin: 18px;
  border-radius: 3px;
}
.tziddrop .list #adrlook-nores p {
  margin: 0;
  font-size: 17px;
  font-style: italic;
  line-height: 145%;
  font-weight: 600;
  color: #6b6b6b !important;
}
.tziddrop .list .loading {
  min-height: 140px;
  background: url(https://cdn.addevent.com/libs/imgs/icon-loading-t1.svg)
    no-repeat 50% 50%;
  background-size: 32px auto;
}
.tziddrop .list::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 8px;
}
.tziddrop .list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.tziddrop .list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.tziddrop .list::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.tziddrop .list::-webkit-scrollbar-thumb:vertical {
  min-height: 50px;
}
.tziddrop .list::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.tziddrop .list::-webkit-scrollbar-corner {
  background: transparent;
}
.tziddrop .timswi {
  height: 23px;
  clear: both;
  position: relative;
  padding: 5px 0px 0px 30px;
}
.tziddrop .timswi p {
  margin: 0;
  font-size: 11px;
  line-height: 110%;
  color: #000 !important;
  font-weight: 700;
  text-transform: uppercase;
}
.tziddrop.show {
  z-index: 1002;
  opacity: 1;
  margin-top: 0px;
  transform: scale(1, 1);
}
.hed-t2 {
  clear: both;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 45px 0px;
}
.hed-t2 h2,
.hed-t2 h2 a {
  margin: 0px;
  font-size: 30px;
  line-height: 130%;
  color: #000;
  font-weight: 600;
}
.hed-t2 .des {
  clear: both;
  padding: 25px 0px 5px 0px;
  max-width: 700px;
}
.hed-t2 .des p {
  margin: 0;
  font-size: 16px;
  line-height: 165%;
  color: #404040;
}
.no-results-t1 {
  min-height: 400px;
  clear: both;
  border: 2px solid #ececec;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.no-results-t1 p {
  margin: 0;
  font-size: 26px;
  line-height: 42px;
  color: #2e2f4b;
  font-weight: 500;
}
.no-results-t1 .ma {
  display: inline-block;
  line-height: 42px;
  background: #eee;
  padding: 0px 8px;
  border-radius: 8px;
  margin: 0px 8px 0px 0px;
}
.no-results-t2 {
  min-height: 200px;
  clear: both;
  position: relative;
  padding: 100px 0px;
  background: #fff;
  border: 1px solid #f2f2f3;
  border-radius: 5px 5px 3px 3px;
  text-align: center;
}
.no-results-t2.no-border {
  border-color: transparent;
}
.no-results-t2.inline {
  box-shadow: unset;
}
.no-results-t2 .tab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15%;
}
.no-results-t2 .tab .cel {
  text-align: center;
  max-width: 540px;
}
.no-results-t2 .tab .cel .icon {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin: 0px 0px 25px 0px;
  background: url(https://cdn.addevent.com/app/gfx/icon-list-t3.svg) no-repeat
    50% 50%;
  background-size: 80px auto;
}
.no-results-t2 .tab .cel .icon.icon-calendar::before,
.no-results-t2 .tab .cel .icon.icon-website::before {
  display: none;
}
.no-results-t2 .tab .cel .icon.icon-calendar {
  background: url(https://cdn.addevent.com/app/gfx/icon-calendar-t1.svg)
    no-repeat 50% 50%;
}
.no-results-t2 .tab .cel .icon.icon-list {
  background: url(https://cdn.addevent.com/app/gfx/icon-list-t1.svg) no-repeat
    50% 50%;
}
.no-results-t2 .tab .cel .icon.icon-document {
  background: url(https://cdn.addevent.com/app/gfx/icon-document-t1.svg)
    no-repeat 50% 50%;
}
.no-results-t2 .tab .cel .icon.icon-receipt {
  background: url(https://cdn.addevent.com/app/gfx/icon-receipt-t1.svg)
    no-repeat 50% 50%;
}
.no-results-t2 .tab .cel .icon.icon-website {
  background: url(https://cdn.addevent.com/app/gfx/icon-website-t1.svg)
    no-repeat 50% 50%;
}
.no-results-t2 .tab .cel .icon-sad {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin: 0px 0px 25px 0px;
  background: url(https://cdn.addevent.com/app/v2/gfx/no-results-t2.svg)
    no-repeat 50% 50%;
  background-size: 80px auto;
}
.no-results-t2 .tab .cel .txt {
  clear: both;
}
.no-results-t2 .tab .cel .txt .hd-t1 {
  margin: 0;
  font-size: 29px;
  line-height: 130%;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.5px;
}
.no-results-t2 .tab .cel .txt .hd-t2 {
  margin: 0;
  font-size: 22px;
  line-height: 130%;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.5px;
}
.no-results-t2 .tab .cel .txt .hd-t3 {
  margin: 0;
  font-size: 24px;
  line-height: 130%;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.5px;
}
.no-results-t2 .tab .cel .txt .tx-t1 {
  margin: 0;
  padding: 20px 0px 0px 0px;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  color: #676767;
}
.no-results-t2 .tab .cel .txt .tx-t1 a {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  color: #676767;
  text-decoration: underline;
}
.sel-t1 {
  height: 38px;
  display: inline-block;
}
.sel-t1 .ro {
  clear: both;
  position: relative;
  background: #f1f3f3;
  border-radius: 4px;
}
.sel-t1 select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px 22px 6px 12px;
  outline: 0;
  font-size: 15px;
  border: 0;
  border: 1px solid transparent;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.sel-t1 .arr {
  position: absolute;
  top: 5px;
  right: 2px;
  z-index: 0;
}
.sel-t1 .arr i {
  font-size: 26px;
  line-height: 26px;
}
.sel-t2 {
  height: 34px;
  display: inline-block;
}
.sel-t2 .ro {
  clear: both;
  position: relative;
  background: #eeeff2;
  border-radius: 4px;
}
.sel-t2 select {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 4px 20px 4px 12px;
  outline: 0;
  font-size: 15px;
  color: #1b212b;
  border: 0;
  border: 1px solid transparent;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.sel-t2 .arr {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 0;
}
.sel-t2 .arr i {
  font-size: 22px;
  line-height: 26px;
  color: #383c44;
}
.thumbnail-t1 {
  width: calc(1000px * 0.25);
  height: calc(748px * 0.25);
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.thumbnail-t1::before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.2;
  display: block;
  -ms-zoom: 2;
  -o-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
  content: "";
  background: #fff url(https://cdn.addevent.com/app/v2/gfx/icon-load-t10.svg)
    no-repeat 50% 47%;
  background-size: 17px auto;
}
.thumbnail-t1 .thumb {
  -ms-zoom: 0.25;
  -moz-transform: scale(0.25);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.25);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.thumbnail-t1 .thumb,
.thumbnail-t1 .thumb iframe {
  width: 1000px;
  height: 748px;
}
.thumbnail-t1 .thumb iframe {
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.thumbnail-t1 .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.thumbnail-t2 {
  width: calc(1074px * 0.32);
  height: calc(580px * 0.32);
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.thumbnail-t2 .load {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  opacity: 0.2;
  -ms-zoom: 2;
  -o-transform: scale(2);
  transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  content: "";
  background: #fff url(https://cdn.addevent.com/app/v2/gfx/icon-load-t10.svg)
    no-repeat 50% 47%;
  background-size: 17px auto;
  display: none;
}
.thumbnail-t2 .thumb {
  -ms-zoom: 0.32;
  -moz-transform: scale(0.32);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.32);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.32);
  transform: scale(0.32);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.thumbnail-t2 .thumb,
.thumbnail-t2 .thumb iframe {
  width: 1074px;
  height: 580px;
}
.thumbnail-t2 .thumb iframe {
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.thumbnail-t2 .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.thumbnail-t3 {
  width: calc(900px * 0.25);
  height: calc(580px * 0.25);
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.thumbnail-t3::before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.2;
  display: block;
  -ms-zoom: 2;
  -o-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
  content: "";
  background: #fff url(https://cdn.addevent.com/app/v2/gfx/icon-load-t10.svg)
    no-repeat 50% 47%;
  background-size: 17px auto;
}
.thumbnail-t3.done::before {
}
.thumbnail-t3.done .thumb iframe {
  opacity: 1;
}
.thumbnail-t3 .thumb {
  -ms-zoom: 0.25;
  -moz-transform: scale(0.25);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.25);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.thumbnail-t3 .thumb,
.thumbnail-t3 .thumb iframe {
  width: 900px;
  height: 580px;
}
.thumbnail-t3 .thumb iframe {
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.thumbnail-t3 .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tiphelp {
  cursor: help;
}
.tooltip {
  position: absolute;
  z-index: 1500;
  left: -10000px;
  top: -10000px;
  display: none;
}
.tooltip .rel {
  position: relative;
}
.tooltip .rel {
  clear: both;
  padding: 6px 8px 8px 8px;
  background: #141823;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.tooltip .rel .txt {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 140%;
  white-space: nowrap;
}
.tooltip .rel .arr {
  width: 10px;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 10px;
  background: url(https://cdn.addevent.com/web/images/tooltip-arrows-t1.svg)
    no-repeat 0px -5px;
  background-size: 10px auto;
}
.tooltip.multi .rel {
  padding: 12px 25px 12px 16px;
}
.tooltip.n {
  margin: -10px 0px 0px 0px;
}
.tooltip.s {
  margin: 10px 0px 0px 0px;
}
.tooltip.e {
  margin: 0px 0px 0px 10px;
}
.tooltip.w {
  margin: 0px 0px 0px -10px;
}
.tooltip.nw {
  margin: -10px 0px 0px 0px;
}
.tooltip.ne {
  margin: -10px 0px 0px 0px;
}
.tooltip.sw {
  margin: 12px 0px 0px 0px;
}
.tooltip.se {
  margin: 10px 0px 0px 0px;
}
.tooltip .rel {
  background: #fff;
  border-radius: 4px;
  padding: 8px 14px 8px 12px;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 7%);
}
.tooltip .rel .txt {
  color: #000;
}
.tooltip .rel .arr {
  width: 14px;
  height: 7px;
  bottom: -7px;
  overflow: hidden;
  background: url(https://cdn.addevent.com/app/v2/gfx/tooltip-arrows-t2.svg)
    no-repeat 0px -7px;
  background-size: 100% auto;
}
.tooltip.n .rel .arr {
  width: 14px;
  height: 14px;
  bottom: -14px;
  top: auto;
  left: 50% !important;
  right: auto;
  margin: 0px 0px 0px -7px;
  background-position: 0px -7px;
}
.tooltip.s .rel .arr {
  width: 14px;
  height: 14px;
  bottom: auto;
  top: -14px;
  left: 50% !important;
  right: auto;
  margin: 0px 0px 0px -7px;
  background-position: 0px 7px;
}
.tooltip.w .rel .arr {
  width: 14px;
  height: 14px;
  bottom: auto;
  top: 50%;
  left: auto !important;
  right: -14px;
  margin: -7px 0px 0px 0px;
  background-position: -7px 0px;
}
.tooltip.e .rel .arr {
  width: 14px;
  height: 14px;
  bottom: auto;
  top: 50%;
  left: -14px !important;
  right: -7px;
  margin: -7px 0px 0px 0px;
  background-position: 7px 0px;
}
.tooltip.se .rel .arr {
  width: 14px;
  height: 14px;
  bottom: auto;
  top: -14px;
  left: auto;
  right: 14px;
  background-position: 0px 7px;
}
.tooltip.ne .rel .arr {
  width: 14px;
  height: 14px;
  bottom: -14px;
  top: auto;
  left: auto;
  right: 14px;
  background-position: 0px -7px;
}
.tooltip.sw .rel .arr {
  width: 14px;
  height: 14px;
  bottom: auto;
  top: -14px;
  left: 14px;
  right: auto;
  background-position: 0px 7px;
}
.tooltip.nw .rel .arr {
  width: 14px;
  height: 14px;
  bottom: -14px;
  top: auto;
  left: 14px;
  right: auto;
  background-position: 0px -7px;
}
#recurring-rule-error {
  margin: 26px 0px -20px 0px;
}
.recurring-rule-error {
  clear: both;
  position: relative;
  padding: 11px 13px 11px 50px;
  background: #ff2f5f;
  margin: -12px 0px 20px 0px;
  border-radius: 5px;
}
.recurring-rule-error p {
  margin: 0;
  font-size: 15px;
  line-height: 150%;
  color: #fff;
}
.recurring-rule-error a {
  text-decoration: underline;
  color: #fff;
}
.recurring-rule-error a:hover {
  text-decoration: none;
}
.recurring-rule-error .ico {
  position: absolute;
  left: 13px;
  top: 11px;
  font-size: 25px;
  line-height: 22px;
}
.hide {
  display: none;
}
.inperr {
  box-shadow: 0px 0px 0px 3px rgb(255 0 0 / 15%) !important;
}
.copytext {
  cursor: default;
}
.overflow {
  overflow: hidden;
}
.overflowx {
  overflow-x: hidden;
}
.bodyblend-t1:before {
  content: "";
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
  background: #00000036;
}
.bodyblend-t2:before {
  content: "";
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 201;
  background: #ffffff63;
}
.bodyblend-t3:before {
  content: "";
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1013;
  background: #ffffff03;
}
.bodyblend-t3 .footsave-t1 .rel .pd {
  opacity: 0.5;
}

.evtprevent {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 201;
  background: #ffffff01;
}
.coffffff,
.coffffff * {
  color: #fffffff2 !important;
}
.co000000,
.co000000 * {
  color: #000000e6 !important;
}
.sep-t1 {
  width: 100%;
  height: 55px;
  clear: both;
}
.sep-t2 {
  width: 100%;
  height: 35px;
  clear: both;
}
.sep-t3 {
  width: 100%;
  clear: both;
  padding: 35px 0px;
}
.sep-t3 .inn {
  width: 100%;
  height: 4px;
  clear: both;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x;
}
.sep-t4 {
  width: 100%;
  height: 35px;
  clear: both;
  padding: 50px 0px 0px 0px;
  overflow: hidden;
}
.sep-t4 .inn {
  width: 100%;
  height: 4px;
  clear: both;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x;
}
.sep-t5 {
  width: 100%;
  height: 50px;
  clear: both;
  padding: 50px 0px 0px 0px;
  overflow: hidden;
}
.sep-t5 .inn {
  width: 100%;
  height: 4px;
  clear: both;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x;
}
.sep-t6 {
  width: 100%;
  clear: both;
  padding: 25px 0px 35px 0px;
}
.sep-t6 .inn {
  width: 100%;
  height: 4px;
  clear: both;
  background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
    repeat-x;
}
.sep-t7 {
  width: 100%;
  height: 40px;
  clear: both;
  padding: 15px 0px 0px 0px;
}
.sep-t8 {
  width: 100%;
  height: 50px;
  clear: both;
}
.sep-t9 {
  width: 100%;
  height: 15px;
  clear: both;
}
.sep-t10 {
  width: 100%;
  height: 90px;
  clear: both;
}
.sep-t11 {
  width: 100%;
  height: 70px;
  clear: both;
}
.dist-t1 {
  width: 100%;
  height: 45px;
  clear: both;
  overflow: hidden;
}
.dist-t2 {
  width: 100%;
  height: 35px;
  clear: both;
  overflow: hidden;
}
.dist-t3 {
  width: 100%;
  height: 15px;
  clear: both;
  overflow: hidden;
}
.dist-t4 {
  width: 100%;
  height: 25px;
  clear: both;
  overflow: hidden;
}
.dist-t5 {
  width: 100%;
  height: 60px;
  clear: both;
  overflow: hidden;
}
.required-t1 {
  display: inline-block;
  background: #eeff92;
  color: #373b4c;
  font-family: monospace;
  padding: 0px 12px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 18px;
}
.required-t2 {
  display: inline-block;
  background: #caf5ff;
  color: #293b3f;
  font-family: monospace;
  padding: 0px 12px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 18px;
}
.markup-t1 {
  display: inline-block;
  background: #eceff1;
  color: #373b4c;
  word-break: break-all;
  font-family: monospace;
  padding: 0px 5px;
  line-height: 28px;
  font-size: 13px;
  border-radius: 5px;
}
.markup-t2 {
  display: inline-block;
  background: #f2f2f6;
  color: #373b4c;
  word-break: break-all;
  font-family: monospace;
  padding: 0px 5px;
  line-height: 28px;
  font-size: 13px;
  border-radius: 5px;
}
.markup-t3 {
  display: inline-block;
  color: #222;
  font-family: monospace;
  margin: 0px 4px;
  line-height: 28px;
  font-size: 14px;
  padding: 0px 5px;
  letter-spacing: -0.25px;
  overflow-wrap: break-word;
  background: #e3f1ff;
  border-radius: 4px;
}
.noselect,
.noselect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.addeventatc {
  visibility: hidden;
}
.addeventstc {
  visibility: hidden;
}
.lbldsktop {
  display: block;
}
.lblmobl {
  display: none;
}
.hideondesktop {
  display: none;
}
.hideonmobile {
  display: none;
}
.invisibleonmobile {
  visibility: hidden;
}
.preload {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.disabled {
  cursor: default !important;
  opacity: 0.4;
}
.readonlycontent {
  position: relative;
}
.readonlycontent:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #ffffff01;
  cursor: default;
  z-index: 50;
}
.ma.readonlycontent:before {
  left: -50px;
}
.ccolor1 {
  background: #1565c0;
}
.ccolor2 {
  background: #03a9f4;
}
.ccolor3 {
  background: #00bcd4;
}
.ccolor4 {
  background: #009688;
}
.ccolor5 {
  background: #4caf50;
}
.ccolor6 {
  background: #8bc34a;
}
.ccolor7 {
  background: #cddc39;
}
.ccolor8 {
  background: #ffeb3b;
}
.ccolor9 {
  background: #ffc107;
}
.ccolor10 {
  background: #ff9800;
}
.ccolor11 {
  background: #ff5722;
}
.ccolor12 {
  background: #f44336;
}
.ccolor13 {
  background: #ec407a;
}
.ccolor14 {
  background: #ab47bc;
}
.ccolor15 {
  background: #7e57c2;
}
.ccolor16 {
  background: #5c6bc0;
}
.ccolor17 {
  background: #000;
}
.ccolor18 {
  background: #a1887f;
}
.ccolor19 {
  background: #e0e0e0;
}
.ccolor20 {
  background: #90a4ae;
}
.ccolor1 .dot {
  background: #1565c0;
}
.ccolor2 .dot {
  background: #03a9f4;
}
.ccolor3 .dot {
  background: #00bcd4;
}
.ccolor4 .dot {
  background: #009688;
}
.ccolor5 .dot {
  background: #4caf50;
}
.ccolor6 .dot {
  background: #8bc34a;
}
.ccolor7 .dot {
  background: #cddc39;
}
.ccolor8 .dot {
  background: #ffeb3b;
}
.ccolor9 .dot {
  background: #ffc107;
}
.ccolor10 .dot {
  background: #ff9800;
}
.ccolor11 .dot {
  background: #ff5722;
}
.ccolor12 .dot {
  background: #f44336;
}
.ccolor13 .dot {
  background: #ec407a;
}
.ccolor14 .dot {
  background: #ab47bc;
}
.ccolor15 .dot {
  background: #7e57c2;
}
.ccolor16 .dot {
  background: #5c6bc0;
}
.ccolor17 .dot {
  background: #000000;
}
.ccolor18 .dot {
  background: #a1887f;
}
.ccolor19 .dot {
  background: #e0e0e0;
}
.ccolor20 .dot {
  background: #90a4ae;
}
.fcolor1 {
  color: #1565c0;
}
.fcolor2 {
  color: #03a9f4;
}
.fcolor3 {
  color: #00bcd4;
}
.fcolor4 {
  color: #009688;
}
.fcolor5 {
  color: #4caf50;
}
.fcolor6 {
  color: #8bc34a;
}
.fcolor7 {
  color: #cddc39;
}
.fcolor8 {
  color: #ffeb3b;
}
.fcolor9 {
  color: #ffc107;
}
.fcolor10 {
  color: #ff9800;
}
.fcolor11 {
  color: #ff5722;
}
.fcolor12 {
  color: #f44336;
}
.fcolor13 {
  color: #ec407a;
}
.fcolor14 {
  color: #ab47bc;
}
.fcolor15 {
  color: #7e57c2;
}
.fcolor16 {
  color: #5c6bc0;
}
.fcolor17 {
  color: #000;
}
.fcolor18 {
  color: #a1887f;
}
.fcolor19 {
  color: #e0e0e0;
}
.fcolor20 {
  color: #90a4ae;
}
.inperr-t1 {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.inperr-t1::-webkit-input-placeholder {
  color: #ea3a3a !important;
}
.inperr-t1:-moz-placeholder {
  color: #ea3a3a !important;
}
.inperr-t1::-moz-placeholder {
  color: #ea3a3a !important;
}
.inperr-t1:-ms-input-placeholder {
  color: #ea3a3a !important;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.inperr-t2 {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.inperr-t2::-webkit-input-placeholder {
  color: #ea3a3a !important;
}
.inperr-t2:-moz-placeholder {
  color: #ea3a3a !important;
}
.inperr-t2::-moz-placeholder {
  color: #ea3a3a !important;
}
.inperr-t2:-ms-input-placeholder {
  color: #ea3a3a !important;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.scroll::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 8px;
  height: 8px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.scroll::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.scroll::-webkit-scrollbar-thumb:vertical {
  min-height: 50px;
}
.scroll::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.scroll::-webkit-scrollbar-corner {
  background: transparent;
}

@keyframes pulse {
  0% {
    box-shadow:
      0 0 0 3px rgb(255 58 125 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }
  70% {
    box-shadow:
      0 0 0 5px rgb(255 58 125 / 12%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }
  100% {
    box-shadow:
      0 0 0 3px rgb(255 58 125 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }
}

.myevent {
  clear: both;
  height: auto;
  margin: 0px 2px 2px 2px;
  padding: 3px 6px 4px 19px;
  font-size: 14px;
  line-height: 17px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
  cursor: pointer;
}
.myevent.focus {
  z-index: 3;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.myevent .inw {
  clear: both;
  overflow: hidden;
}
.myevent .lbl {
  height: auto;
  display: inline;
  font-size: 14px;
  line-height: inherit;
  color: #000;
  font-weight: 400;
}
.myevent .ti {
  display: inline;
  font-size: 14px;
  line-height: inherit;
  color: #999;
  font-weight: 400;
  padding: 0px 4px 0px 0px;
}
.myevent .tia {
  font-size: 14px;
  line-height: inherit;
  color: #999;
  font-weight: 400;
  padding: 0px 4px 0px 0px;
  display: none;
}
.myevent .dot {
  width: 8px;
  height: 8px;
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);
  border-radius: 50%;
}
.myevent:hover {
  color: #000;
  background-color: #f3f3f3;
  box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 1.5px;
}
.myevent:hover .lbl {
  color: #000;
}
.myevent:hover .ti {
  color: #000;
}
.myevent .rpt {
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 4px;
  background: #bea;
  border-radius: 4px;
  font-size: 7px;
  color: #484725 !important;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.5px;
  display: block;
}
.myevent .xtt {
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 4px;
  background: #bea;
  border-radius: 4px;
  font-size: 7px;
  color: #484725 !important;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.5px;
  display: block;
}
.myevent .rru {
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.myevent .xtt {
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.myevent .rpt {
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.myevent .rru .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #e36c0fed !important;
}
.myevent .xtt .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #289fe5 !important;
}
.myevent .rpt .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #08ad20 !important;
}

.myevent.evtmarkup {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 4px 2px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.longevent {
  height: auto;
  position: relative;
  clear: both;
  cursor: pointer;
  margin: 0px 0px 2px 0px;
  font-size: 14px;
}
.longevent .ino {
  position: static;
  padding: 3px 6px 4px 6px;
  border-radius: 4px 14px 14px 4px;
}
.longevent .ino .inw {
  height: auto;
  clear: both;
  overflow: hidden;
}
.longevent .ino .lbl {
  height: auto;
  position: static;
  display: inline;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #000;
  overflow: hidden;
}
.longevent .ino .ti {
  display: none;
}
.longevent .ino .tia {
  display: none;
}
.longevent .ino .dot {
  display: none;
  width: 8px;
  height: 8px;
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);
  border-radius: 50%;
}
.longevent .ino.coffffff .lbl {
  color: #fff !important;
}
.longevent .ino.co000000 .lbl {
  color: #000 !important;
}

.longevent .rru {
  display: none;
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.longevent .xtt {
  display: none;
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.longevent .rpt {
  display: none;
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 2px;
  border-radius: 50%;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}
.longevent .rru .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #e36c0fed !important;
}
.longevent .xtt .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #289fe5 !important;
}
.longevent .rpt .exic {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #08ad20 !important;
}

.longevent.lnglst .rpt {
  right: 2px;
}
.longevent.lnglst .xtt {
  right: 2px;
}
.longevent.lnglst .rru {
  right: 2px;
}
.longevent {
  visibility: hidden;
}
.longevent.firstinstance {
  visibility: visible;
  border-radius: 4px 14px 14px 4px;
}
.singlelongday.sldsnd {
  padding: 0px 4px 0px 17px;
}
.singlelongday.sldsnd .ti {
  display: none;
}
.alldayone {
  border-radius: unset;
  left: 0px;
  right: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
.mvplchld {
  min-height: 20px;
  clear: both;
  margin: 0px 0px 2px 0px;
}
.rshide {
  display: none !important;
}
.newmarker {
  height: 20px;
  line-height: 20px;
  background: #286efa;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 1002;
  word-wrap: break-word;
  opacity: 0.9;
}
.newmarker .ine {
  display: inline-block;
  padding: 0px 0px 0px 8px;
}
.newmarker.co000000 {
  color: rgba(0, 0, 0, 0.75) !important;
}
.newmarker.coffffff {
  color: rgba(255, 255, 255, 0.9) !important;
}
.mulevtspan {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 2;
  border-radius: 4px 14px 14px 4px;
  background: #f3f4f8;
}
.mulevtspan:hover {
  filter: brightness(95%);
  box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 1.5px !important;
}
.mulevtspan.evtmarkup {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 4px 2px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.mulevtspan.co000000 * {
  color: #000 !important;
}
.mulevtspan.coFFFFFF * {
  color: #fff !important;
}
.mulevtspan .xtt {
  display: block;
}
.alldayevent {
  position: relative;
}
.lastinstance .ino {
  right: 1px;
}
.wlc1 .longevent .ino .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc2 .longevent .ino .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc3 .longevent .ino .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc4 .longevent .ino .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc5 .longevent .ino .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc1 .myevent .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc2 .myevent .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc3 .myevent .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc4 .myevent .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wlc5 .myevent .inw {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.calspacer {
  width: 100%;
  clear: both;
  overflow: hidden;
  cursor: default;
}
.pagi-t1 {
  display: inline-block;
}
.pagi-t1 ul {
  height: 32px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-weight: 500;
}
.pagi-t1 ul li {
  float: left;
  position: relative;
  line-height: 32px;
}
.pagi-t1 ul li a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  font-size: 16px;
  color: #555;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
}
.pagi-t1 ul li a:hover {
  background: #efefef;
}
.pagi-t1 ul li .current {
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  cursor: default;
  background: #286efa;
  border-radius: 50%;
}
.pagi-t1 ul li .disabled {
  font-size: 16px;
  line-height: 32px;
  color: #bbb;
  cursor: default;
}
.pagi-t1 ul .prev {
  padding: 0px 15px 0px 0px;
}
.pagi-t1 ul .prev .disabled {
  height: 32px;
  line-height: 32px;
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  color: #bbb;
  font-weight: 500;
}
.pagi-t1 ul .prev a {
  width: auto !important;
  border-radius: 0px;
  background: none !important;
}
.pagi-t1 ul .prev a:hover {
  text-decoration: underline;
}
.pagi-t1 ul .next {
  padding: 0px 0px 0px 15px;
}
.pagi-t1 ul .next .disabled {
  height: 32px;
  line-height: 32px;
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  color: #bbb;
  font-weight: 500;
}
.pagi-t1 ul .next a {
  width: auto;
  border-radius: 0px;
  background: none !important;
}
.pagi-t1 ul .next a:hover {
  text-decoration: underline;
}
.pagi-t1 ul .dot {
  font-size: 16px;
  display: block;
  padding: 0px 10px;
  color: #999;
  line-height: 32px;
  width: auto;
  height: auto;
  background: none;
  margin-left: unset;
  margin-right: unset;
}
.pagi-t1.prvnxt .page {
  font-weight: 400;
  padding: 0px 35px 0px 0px;
  color: #999;
}
.pagi-t1.prvnxt .prev {
  padding: 0px 5px 0px 0px;
}
ul.simple-pagination {
  list-style: none;
}
.simple-pagination {
  display: block;
  overflow: hidden;
  margin: 0;
}
.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}
span.ellipse.clickable {
  cursor: pointer;
}
.ellipse input {
  width: 3em;
}
.light-theme span {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.light-theme a,
.light-theme span {
  width: 34px;
  height: 34px;
  float: left;
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  color: #555;
  border-radius: 50%;
}
.light-theme a:hover,
.light-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #ececec;
}
.light-theme .current {
  background: #286efa;
  color: #fff;
  border-color: #286efa;
  cursor: default;
}
.light-theme .ellipse {
  background: 0 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  cursor: default;
}
.simple-pagination .prev {
  color: #000;
  width: auto;
  height: auto;
  border-radius: unset;
  padding: 0px 18px;
  background: unset !important;
}
.simple-pagination .prev:hover {
  text-decoration: underline !important;
}
.simple-pagination .disabled .prev {
  font-size: 16px;
  color: #bbb;
  font-weight: 500;
  opacity: unset;
}
.simple-pagination .next {
  color: #000;
  width: auto;
  height: auto;
  border-radius: unset;
  padding: 0px 18px;
  background: unset !important;
}
.simple-pagination .next:hover {
  text-decoration: underline !important;
}
.simple-pagination .disabled .next {
  font-size: 16px;
  color: #bbb;
  font-weight: 500;
  opacity: unset;
}
.simple-pagination .prev {
  display: none;
}
.simple-pagination .next {
  display: none;
}
.size-450 .dashboard-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.size-600 .dashboard-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.size-700 .dashboard-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.size-900 .dashboard-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.size-1200 .dashboard-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.size-1500 .dashboard-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.inlmnu-t1 {
  height: 50px;
  clear: both;
  margin: 0px 0px 40px 0px;
  position: relative;
  display: none;
}
.inlmnu-t1.ma-t1 {
  margin: 0px 0px 26px 0px;
}
.inlmnu-t1 .bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 15%);
  border-radius: 5px;
}
.inlmnu-t1 .bg .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.inlmnu-t1 .bg .rl .lbl {
  clear: both;
  padding: 0px 0px 0px 66px;
}
.inlmnu-t1 .bg .rl .lbl p {
  margin: 0;
  font-size: 17px;
  line-height: 50px;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inlmnu-t1 .bg .rl .mnu {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  left: 10px;
  text-align: center;
}
.inlmnu-t1 .bg .rl .mnu i {
  font-size: 24px;
  line-height: 40px;
  color: #666;
  transform: scaleX(-1);
}
.inlmnu-t1 .bg .rl .arr {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: center;
}
.inlmnu-t1 .bg .rl .arr i {
  font-size: 28px;
  line-height: 40px;
  color: #333;
}
.inlmnu-t1 .muop {
  position: absolute;
  left: 0px;
  top: 54px;
  right: 0px;
  z-index: 1001;
  display: none;
  cursor: pointer;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(50 50 93 / 5%),
    0 2px 5px 0 rgb(50 50 93 / 10%),
    0 1px 1px 0 rgb(0 0 0 / 15%);
  border-radius: 5px;
}
.inlmnu-t1.active .muop {
  display: block;
}
.inlmnu-t1 .muop .rl {
  width: 100%;
  height: 100%;
  position: relative;
}
.inlmnu-t1 .muop .rl .menu-t1 {
  clear: both;
  margin: 0px !important;
  padding: 6px;
  position: relative;
}
.inlmnu-t1 .muop .rl .menu-t1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li .exp {
  display: block;
  padding: 0px 0px 12px 20px;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a {
  display: block;
  position: relative;
  font-size: 17px;
  color: #27292b;
  line-height: 150%;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 0px 10px 16px;
  border-radius: 4px;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a i {
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 22px;
  line-height: 22px;
  color: #aab7c4;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a .right {
  position: absolute;
  left: auto;
  right: 10px;
  top: 10px;
  font-size: 20px;
  line-height: 20px;
  color: #aab7c4;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a .right .indinum {
  width: 30px;
  display: inline-block;
  position: relative;
  top: -1px;
  line-height: 30px;
  background: #eb0263;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  border-radius: 50%;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a .right .indiwrn {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a .right .indiwrn i {
  font-size: 22px !important;
  color: #ff5e00 !important;
  position: static;
  margin: 0px 0px 0px 1px;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a .right .new {
  display: inline-block;
  position: relative;
  top: 3px;
  right: 8px;
  line-height: 22px;
  width: auto;
  padding: 0px 5px;
  border-radius: 4px;
  font-size: 11px;
  color: #1967d2;
  text-align: center;
  font-weight: 600;
  background: #e8f0fe;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a:hover {
  background-color: #e8f0fe;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a:hover i {
  color: #424770;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li a:active {
}
.inlmnu-t1 .muop .rl .menu-t1 ul li .selected {
  font-weight: 500 !important;
  color: #1a73e8 !important;
  background: #e8f0fe !important;
}
.inlmnu-t1 .muop .rl .menu-t1 ul li .selected i {
  color: #1a73e8 !important;
}

span.badge {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0px 6px;
  transform: translateY(-2px);
  border-radius: 6px;
}

span.badge.yellow {
  background-color: #f6f65a;
  color: #515129;
}

.icon-templates {
  background: url(https://cdn.addevent.com/app/v2/gfx/icon-design-t1.svg)
    no-repeat 50% 50%;
  background-size: 100% auto;
}

.report-error-button-link {
  color: #007bff;
  text-decoration: underline;
}

.no-interact {
  pointer-events: none;
  cursor: not-allowed;
}

/*
Mobile/tablet optimizations 2025-06-04-v2
*/

@media all and (max-width: 1279px) {
  .dashboard .layout-t1 {
    left: 80px;
    z-index: 3;
    background: #fff;
    box-shadow:
      0 0px 0px 1px rgb(50 50 93 / 5%),
      0 2px 1px 0 rgb(50 50 93 / 4%),
      4px 1px 8px 0 rgb(0 0 0 / 7%);
  }
  .dashboard .layout-t2 {
    left: 120px !important;
  }
  .dashboard .layout-handle-collapsed .layout-t2 {
    left: 120px !important;
  }

  .layout-handle-mobile-collapsed .left-filter .lrl {
    display: block;
  }
  .layout-handle-mobile-collapsed .layout-t1 {
    left: 80px !important;
  }
  .layout-handle-mobile-collapsed .layout-t1 .sin .rez-t5 .ic {
    transform: rotate(0deg);
  }
  .layout-container.c-1120 {
    width: auto;
    margin: 0;
    padding: 0px 70px 0px 80px;
  }
  .account .inlmnu-t1 {
    display: none;
  }
  .dashboard .layout-t1 {
    width: 320px !important;
    left: -195px;
  }
  .dashboard .layout-t2 .sin .rez-t1 {
    display: none;
  }
  .dashboard .layout-t1 .sin .rez-t5 {
    display: block;
  }
  .top-t1 .pdx .hr .rgc .upg .conlft {
    display: none;
  }
  .left-filter .lrl {
    display: none;
  }
  .left-filter .lrl .cal-t1 .act {
    visibility: visible;
  }
  .list-top-tiles .tile .main {
    align-self: start;
  }
  .list-top-tiles .tile .main .content a {
    display: none;
  }
  .event-details .main .e-row .content .flsel {
    float: none;
    margin: 1px 10px 0px 0px;
  }
  .event-details .main .e-row .content .flsel .tzidsel {
    margin: 0;
  }
  .event-details .main .e-row .content .fltxt {
    float: none;
  }
  .share-your .box .item.browser .prebox-t1 {
    margin: 0 auto;
  }
  .event-page-grid {
    display: block;
  }
  .calendar-subinfo {
    display: block;
    padding: 45px 0px 0px 0px;
    margin: 10px 0px 25px 0px;
    background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
      repeat-x top left;
    background-size: 10px auto;
  }
  .calendar-subinfo .dist-t5 {
    height: 10px;
  }

  .event-details .main .e-row .content .factbox-t1 {
    padding: 0px;
    margin: 0px 0px 25px 0px;
    background: none;
  }
  .event-details .main .e-row .content .factbox-t1 .box {
    margin: 0px;
  }
  .event-details .main .e-row .content .factbox-t1 .dist-t5 {
    display: none;
  }
  .factbox-t1 {
    display: block;
    padding: 45px 0px 0px 0px;
    margin: 45px 0px 25px 0px;
    background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
      repeat-x top left;
    background-size: 10px auto;
  }

  .rsvp-enabled #rsvponmobile {
    display: none;
  }

  .event-details .main .e-row .content .cin .rsvponoffbuttons {
    clear: both;
    margin: 0px 0px 25px 0px;
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 24px 24px;
    box-shadow:
      0 0 0 1px rgb(50 50 93 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
  }

  .event-details .main .e-row .content .cin .rsvponoffbuttons .top {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #edeff2;
    margin-bottom: 32px;
  }
  .event-details .main .e-row .content .cin .rsvponoffbuttons .top.ma-t1 {
    margin-bottom: 20px;
  }

  .event-details .main .e-row .content .cin .rsvponoffbuttons .top .title {
    display: flex;
    align-items: center;
    color: #1b212b;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
  .event-details
    .main
    .e-row
    .content
    .cin
    .rsvponoffbuttons
    .top
    .title
    .state {
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    margin-left: 10px;
    padding: 3px 8px;
    height: 100%;
    border-radius: 4px;
    text-transform: uppercase;
  }
  .event-details
    .main
    .e-row
    .content
    .cin
    .rsvponoffbuttons
    .top
    .title
    .state.green {
    color: #1f9d68;
    background-color: #e8f9f2;
  }
  .event-details
    .main
    .e-row
    .content
    .cin
    .rsvponoffbuttons
    .top
    .title
    .state.grey {
    color: #626875;
    background-color: #eee;
  }

  .event-details .main .e-row .content .cin .rsvponoffbuttons .main .text {
    color: #626875;
    font-size: 15px;
    line-height: 1.58;
    margin-bottom: 24px;
  }

  .footsave-t1 .rel .pd {
    padding: 22px 24px 0px 65px;
  }
  .lbldsktop {
    display: none !important;
  }
  .lblmobl {
    display: block !important;
  }
  .hidemobl {
    display: none;
  }
  .hideondesktop {
    display: block;
  }
  .hideondesktop .factbox-t1 .rsvp-options {
    display: block;
  }
}

@media all and (max-width: 1000px) {
  .layout {
    padding-top: 100px;
  }
  .layout.dashboard {
    padding-top: 70px;
  }
  .layout-handle-mobile-collapsed .layout-t1 {
    left: 0px !important;
  }
  .layout-handle-collapsed .layout-t2 {
    left: 110px !important;
  }
  .layout .sidebar-col {
    display: none;
  }
  .layout .main-col .iso-close-t1 {
    top: 94px;
  }
  .layout .main-col {
    padding: 0px 25px 40px 25px;
  }
  .layout .main-col .main-header.sticky {
    position: relative;
  }
  .layout-container {
    margin: 0;
  }
  .layout-container.c-1120 {
    padding: 0px 0px 0px 0px;
    max-width: 100%;
  }
  .layout-t1 {
    display: none;
    left: 70px;
    z-index: 3;
    background: #fff;
    box-shadow:
      0 0px 0px 1px rgb(50 50 93 / 5%),
      0 2px 1px 0 rgb(50 50 93 / 4%),
      4px 1px 8px 0 rgb(0 0 0 / 7%);
  }
  .layout-t2 {
    position: static;
  }
  .layout-t2 {
    left: 110px !important;
  }
  .layout-t2.pdv {
    position: static;
  }
  .layout-t2 .sin .rez-t1 {
    display: none;
  }
  .layout-t2.pdv .sin {
    padding: 30px 20px 0px 20px;
  }
  .layout-t2.pdv .top-t2 {
    top: 67px;
  }
  .layout-t3 {
    position: static;
  }
  .top-t1 {
    display: none;
    position: static;
    height: auto;
    margin: 0px 0px 28px 0px;
  }
  .top-t1 .pdx {
    padding: 0px;
  }
  .top-t2 .rlx .opt-t1 {
    left: 0px;
  }
  .top-t2 .rlx .opt-t2 {
    right: 0px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts {
    top: -25px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .mobsl {
    display: block;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts.w2c {
    width: 320px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop {
    padding: 0px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xhd {
    display: none;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .xop .xab {
    display: none;
  }
  .top-t1 .pdx .hr .rgc .upg .conupg .lbfl {
    display: none;
  }
  .top-t2 .rlx .opt-t2 .listview ul li.mi {
    border-left: 1px solid transparent;
  }
  .top-t2 .rlx .opt-t2 .sort .sp-t1 {
    width: 1px;
    height: 33px;
    position: absolute;
    right: 0px;
    top: 4px;
    background: #f5f6f7;
  }
  .top-t2 .rlx .opt-t2 .sort {
    padding: 0px 10px 0px 0px;
    margin: 0px 10px 0px 0px;
    position: relative;
  }
  .dashboard .top-t1 {
    display: block;
  }
  .dashboard .top-t1 .pdx .hr .rgc {
    top: 14px;
    right: 15px;
  }
  .dashboard .top-t1 .pdx .hr .lbl {
    display: none;
  }
  .dashboard .layout-t1 {
    display: block;
    left: -275px;
  }
  .dashboard .layout-t1 .sin .rez-t5 {
    top: 82px;
  }
  .dashboard .layout-t3 {
    padding: 0px 0px 0px 45px;
  }
  .dashboard .left-filter {
    padding: 60px 0px 0px 0px;
  }
  .dashboard .left-filter .lrl {
    top: 131px;
  }
  .dashboard .cont-t1 .act-t1 .sort .selectbox-g-t2 .opts {
    width: 220px;
  }
  .dashboard .top-t2 .rlx .opt-t2 .viewsort .selectbox-g-t2 .opts {
    width: 200px;
  }
  .dashboard .top-t2 .rlx .opt-t1 {
    left: 15px;
  }
  .dashboard .top-t2 {
    position: static;
    margin: 0px 0px 0px 45px;
  }
  .dashboard .top-t2 .rlx .bdr-t1 {
    display: none;
  }
  .dashboard .top-t2 .rlx .opt-t2 .search-t1 {
    padding: 0px 17px 0px 15px;
  }
  .dashboard .top-t2 .rlx .opt-t1 .calnav-t1 {
    padding: 0px 0px 0px 20px;
  }
  .qckevt-t1 {
    z-index: 1021;
  }
  .inlmnu-t1 {
    display: block;
  }
  .account .inlmnu-t1 {
    display: block;
  }
  .analytics .inlmnu-t1.ma-t1 {
    margin: 0px 0px 32px 0px;
  }
  .analytics .layout-t2.pdv .sin {
    padding: 0px 20px 0px 20px;
  }
  .analytics .layout-t2.pdv .top-t2 {
    margin: 0px -20px;
  }
  .analytics .top-t1 {
    display: none;
  }
  .analytics .top-t2 .rlx .opt-t1 {
    left: 20px;
  }
  .analytics .top-t2 .rlx .opt-t2 {
    right: 20px;
  }
  .analytics .layout-t1 {
    display: none;
  }
  .analytics .layout-t2 .sin .rez-t1 {
    display: none;
  }
  .analytics .layout-t2 {
    left: 70px !important;
  }
  .size-900 .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .embed-pop-options-t2-bg {
    z-index: 1020;
  }
  .event-top {
    padding: 0px;
  }
  .event-top .back {
    margin: 0px 0px 0px -3px;
  }
  .event-top .text-box .rol .ma {
    padding: 0px 5px 10px 40px;
  }
  .event-top .text-box .rol .ma .col {
    left: 0px;
  }
  .bulktask-t1 {
    position: fixed;
    left: 80px;
    top: 95px;
  }
  .mmmenutp {
    display: block;
  }
  .mmmenu.show {
    display: block !important;
  }
  .mmmenu-bg.show {
    display: block !important;
  }
  .calevents .layout-container.c-1120 {
    padding: 0px 0px 0px 0px;
  }
  .calevents .layout {
    padding-top: 45px;
  }
  .event-details .main .e-row .questionssection {
    width: 100%;
    overflow: auto;
  }
  .rsvp-form .man .section .part .questions-box .item .tile {
    width: 450px;
  }
  .settings-page-grid {
    grid-template-columns: 1fr;
    gap: 0px;
  }
  .settings-top {
    display: none;
  }
  .settings-col.order-sm-1 {
    order: -1;
    margin: 0px 0px 45px 0px;
  }
  .settings-col {
    gap: 0px;
  }
  .settings-box {
    padding: 0px;
  }
  .settings-box .top {
    margin-bottom: 45px;
  }
  .settings-list .table-place {
    width: 100%;
    overflow: auto;
  }
  .settings-list .question-box {
    display: block;
  }
  .settings-list .question-box .left {
    padding: 0px 0px 0px 10px;
  }
  .settings-table td {
    white-space: nowrap;
  }
  .settings-table th {
    white-space: nowrap;
  }
  .settings-box .mor-t1 .ipt-t5 {
    padding: 0px;
  }
  .settings-box .top {
    display: block;
  }
  .settings-box .top .title {
    padding: 0px;
  }
  .settings-box .emadis {
    width: auto;
  }
  .settings-box .sehd-t1 {
    padding: 0px;
  }
  .settings-box .mor-t1 .ipt-t5 .lbx-t1 {
    float: none;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 {
    width: 100%;
    margin: 0;
    float: none;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 .tzidsel {
    width: 100%;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 select {
    padding: 10px 22px 10px 14px;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 .arr i {
    font-size: 30px;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 .arr {
    top: 8px;
    right: 10px;
  }
  .settings-box .mor-t1 .ipt-t5 .sel-t1 .tzidsel .arr {
    top: 5px;
  }
  .settings-box .mor-t1 {
    margin: 0px 0px 30px 0px;
  }
  .settings-box .ipt-t3 .lf {
    width: 100%;
    float: none;
    margin: 0px 0px 35px 0px;
  }
  .settings-box .ipt-t3 .lf .in {
    padding: 0px;
  }
  .settings-box .ipt-t3 .rg {
    width: 100%;
    float: none;
  }
  .settings-box .ipt-t3 .rg .in {
    padding: 0px;
  }
  .settings-box .expbox-t1 .bd {
    padding: 16px 22px 25px 22px;
  }
  .settings-box .expbox-t1 .bd .inpwrp-t1 {
    padding: 0;
  }
  .settings-box .expbox-t1 .bd .inpwrp-t2 {
    padding: 0;
  }
  .settings-box .expbox-t1 .hx .lbl {
    line-height: 150%;
  }
  .settings-box .expbox-t1 .hx .lbl .status {
    position: static;
    margin: 0;
  }
  .settings-box .expbox-t1 .hx {
    height: auto;
    padding: 18px 50px 18px 64px;
  }
  .settings-list .question-box .left .icon {
    display: none;
  }
  .seas-t1 .wi .fld {
    top: -6px;
  }
  .subscription-plan .main {
    grid-template-columns: 1fr;
  }
  .subscription-plan .main .plan-box {
    margin-top: -20px;
  }
  .subscription-plan .main .plan-box .buttons {
    display: block;
  }
  .subscription-plan .main .plan-box .buttons .btn {
    display: block;
    margin: 0px 0px 10px 0px;
  }
  .subscription-plan .main .plan-box .buttons .btn.cancel {
    border: 1px solid #e2e4e7;
  }
  .upgrade-box .button-link-place {
    display: block;
    text-align: center;
  }
  .upgrade-box .button-link-place .btn {
    display: block;
    margin: 0px 0px 10px 0px;
  }
  .billing-details .main .item {
    display: block;
  }
  .billing-details .main .item .left .top {
    display: block;
  }
  .billing-details .main .item .right .act-t1 {
    position: static;
    margin: 20px 0px 0px 0px;
  }
  .card-details {
    display: block;
  }
  .editbox-t1 .bottom {
    display: block;
  }
  .editbox-t1 .bottom input {
    margin: 0px 0px 10px 0px;
  }
  .editbox-t1 .bottom .cancel {
    background: #f3f3f3;
  }
  .no-results-t1 .tab .cel .txt .hd-t1 {
    font-size: 19px;
    letter-spacing: -0.25px;
  }
  .no-results-t1 .tab .cel .txt .hd-t1 br {
    display: none;
  }
  .no-results-t1 .tab .cel .txt .hd-t2 {
    font-size: 17px;
    letter-spacing: -0.25px;
  }
  .no-results-t1 .tab .cel .txt .hd-t2 br {
    display: none;
  }
  .no-results-t2 .tab .cel .txt .hd-t1 {
    font-size: 21px;
    letter-spacing: -0.25px;
  }
  .no-results-t2 .tab .cel .txt .hd-t1 br {
    display: none;
  }
  .no-results-t2 .tab .cel .txt .hd-t2 {
    font-size: 17px;
    letter-spacing: -0.25px;
  }
  .no-results-t2 .tab .cel .txt .hd-t2 br {
    display: none;
  }
  .table-bottom {
    display: grid;
    grid-template-columns: 1fr;
  }
  .table-bottom .left {
    margin: 0px 0px 15px 0px;
  }
  .table-bottom .right {
    background: #f5f6f7;
    border-radius: 8px;
  }
  .table-bottom .pagi-t1 {
    margin: 0 auto;
  }
  .table-bottom .pagi-t1 .rel .pagination {
    background: #f5f6f7;
    padding: 10px;
    border-radius: 8px;
  }
  .table-bottom .pagi-t1 ul .prev {
    display: none;
  }
  .table-bottom .pagi-t1 ul .next {
    display: none;
  }
  .templates-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .header-grid {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0px 0px 25px 0px;
  }
  .header-grid .t-row {
    margin: 0px 0px 10px 0px;
  }
  .header-grid .t-row .upgrade {
    display: none;
  }
  .template-card .title {
    padding: 0px 0px 0px 10px;
  }
  .backwrap-t2 {
    margin: 0px 0px 35px 0px;
  }
  .invoicelist {
    width: 100%;
    overflow: auto;
  }
  .modal {
    z-index: 1050;
  }
  .modal-dialog.modal-dialog-big {
    max-width: 660px;
  }
  .modal-header {
    padding: 25px 35px 10px 35px;
  }
  .modal-body {
    padding: 10px 35px 25px 35px;
  }
  .modal-body .verify-by {
    grid-template-columns: 1fr;
  }
  .modal-body .download-file {
    display: block;
    margin: 0px 0px 15px 0px;
  }
  .modal-body .download-file .text-box {
    display: block;
  }
  .modal-body .download-file .text-box .text {
    margin: 0px 0px 15px 0px;
  }
  .modal-body .noti-warning {
    margin: 0px 0px 20px 0px;
  }
  .modal-body:empty {
    padding: 0px;
  }
  .modal-footer {
    padding: 16px 30px 18px 35px;
  }
  .modal-footer .modal-buttons {
    display: block;
    margin: 0px 0px 12px 0px;
  }
  .modal-footer .btn.equal {
    width: 100%;
  }
  .modal-footer .modal-footer-content {
    display: block;
  }
  .modal-footer .modal-buttons .btn.btncancel {
    display: none;
  }
  .ix-t2 .wr .txtrnd-t1 {
    width: auto;
  }
  .ix-t2 .wr .txtrnd-t1 .tab {
    display: block;
  }
  .ix-t2 .wr .txtrnd-t1 .tab .row {
    display: block;
  }
  .ix-t2 .wr .txtrnd-t1 .tab .row .cl1 {
    display: block;
    padding: 0px;
  }
  .ix-t2 .wr .txtrnd-t1 .tab .row .cl2 {
    display: block;
    margin: 0px 0px 10px 0px;
  }
  .ix-t2-wrp-t3 {
    padding: 0px;
  }
  .crumb-t1 {
    padding: 30px 0px 0px 0px;
  }
  .alyt-t1 {
    padding: 0px;
  }
  .alyt-t1 .gra-hed-t2 {
    margin: 0px 0px 30px 36px;
  }
  .alyt-t1 .cols-t1 .analytics-card .top .text-box .title {
    padding: 0px;
  }
  .alyt-t1 .cols-t2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .alyt-t1 .cols-t3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .alyt-t1.size-800 .analytics-card .main {
    width: 100%;
  }
  .alyt-t1.size-750 .analytics-card .main {
    width: 100%;
  }
  .alyt-t1.size-700 .analytics-card .main {
    width: 100%;
  }
  .alyt-t1 .datalist .unverifiedctn .ver {
    left: 0px;
    transform: unset;
    position: static;
  }
  .alyt-t1 .graph-inline-data-t1 {
    width: 280px;
    left: 0px;
  }
  .analytics-card .main {
    width: auto;
    height: auto;
    margin: 0;
  }
  .analytics-card .main {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
  .analytics-card .main .main {
    width: auto;
    height: auto;
    margin: 0;
  }
  .analytics-card .main .unverifiedctn .ver {
    left: 0px;
    transform: unset;
    position: static;
  }
  .analytics-card .main .graph-t1 {
    height: 400px;
    width: 100%;
    background: #f1f3f894
      url(https://cdn.addevent.com/app/v2/gfx/icon-load-t11.svg) no-repeat 50%
      47%;
    background-size: 100px auto;
    border-radius: 5px;
  }
  .analytics-card .main .graph-t2 {
    height: 470px;
    width: 100%;
  }
  .analytics-card .main .graph-t3 {
    height: 300px;
    width: 100%;
  }
  .analytics-card.t1 {
    height: 240px;
  }
  .popays-t1 {
    width: 320px;
    margin: 30px 0px 0px -160px;
  }
  .popays-t1 .txw {
    padding: 20px 40px 20px 30px;
  }
  .popays-t1 .btsw {
    padding: 10px 30px 24px 30px;
  }
  .pribwrp {
    padding: 45px 0px 0px 0px;
  }
  .pribwrp .pribw {
    display: none;
  }
  .pribwrp .pribmobile {
    display: block;
  }
  .pribwrp .prib {
    width: auto;
    margin: 0;
  }
  .pribwrp .hdx {
    width: 300px;
    margin: 0 auto 50px auto;
  }
  .faq .viw a {
    font-size: 19px;
    line-height: 32px;
  }
  .faq .viw a .ico {
    font-size: 23px;
  }
  .boxwchk-t1 .fld-t1 {
    margin: 0px 6px 6px 0px;
  }
  .account-details .top .role-box .text {
    font-size: 16px;
  }
  .ussta-t1 .ouhd-t1 {
    padding: 0px 0px 5px 5px;
  }
  .ussta-t1 .list.fst .sh-t2 {
    box-shadow: none;
  }
  .ussta-t1 .list .tab .row .th4 {
    width: auto;
  }
  .ussta-t1 .list .sh-t2 {
    width: 100%;
  }
  .ussta-t1 .list {
    padding: 10px 0px 0px 0px;
  }
  .ussta-t1 .list .sh-t1 {
    width: 100%;
    overflow: auto;
  }
  .ussta-t1 .list .tab .row .th1 {
    width: auto;
  }
  .ussta-t1 .list .tab .row .th2 {
    width: 185px;
  }
  .ussta-t1 .peri {
    position: static;
    margin: 0px 0px 10px 0px;
  }
  .ussta-t1 .peri .sel {
    float: none;
  }
  .ussta-t1 .peri .sel .inl {
    display: block;
  }
  .ussta-t1 .peri .sel .inl select {
    width: 100%;
    padding: 15px 10px 15px 18px;
  }
  .ussta-t1 .peri .sel .inl .ico {
    font-size: 30px;
    top: 3px;
  }
  .thumbnail-t1 {
    width: calc(1180px * 0.25);
  }
  .thumbnail-t1 .thumb,
  .thumbnail-t1 .thumb iframe {
    width: 1180px;
  }
  .inps-c-t1 .ril .sav .rx .tipz {
    display: none !important;
  }
  .footsave-t1 {
    left: 0px;
  }
  .share-your .box {
    display: block;
  }
  .share-your .box .item {
    margin: 0px 0px 20px 0px;
  }
  .share-your .box .item .prebox-t1 {
    width: auto !important;
  }
  .share-your .box .item .prebox-t2 {
    width: auto;
  }
  .share-your .box .item.browser .prebox-t1 .ifr iframe {
    width: 660px;
    height: 600px;
    transform: scale(0.6);
    margin: 0px 25%;
  }
}

@media all and (max-width: 850px) {
  .top-t2 .rlx .opt-t2 .sort {
    margin: 0;
    padding: 0;
  }
  .top-t2 .rlx .opt-t2 .sort .sp-t1 {
    display: none;
  }
  .layout.dashboard {
    padding-top: 70px;
  }
  .pop-evt-det {
    left: unset !important;
    right: 20px;
  }
  .qckevt-t1 {
    left: 90px !important;
  }
  .ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 190px;
  }
  .calendar {
    overflow: auto;
  }
  .calendar table {
    table-layout: auto;
  }
  .calendar table tr:last-child td {
    border-bottom: 1px solid #ddd;
  }
  .calendar td {
    width: 100% !important;
    display: block !important;
    border: none;
    border-bottom: 1px solid #ddd;
  }
  .calendar .th {
    display: none !important;
  }
  .calendar .blank {
    display: none !important;
  }
  .calendar .tnu {
    padding: 8px 0px 0px 8px;
    font-size: 12px;
    position: absolute;
    top: 8px;
    left: 7px;
  }
  .calendar .td1 {
    min-height: 46px;
    height: auto !important;
    position: relative;
    padding: 0px 5px 0px 0px;
  }
  .calendar .td2 {
    min-height: 46px;
    height: auto !important;
    position: relative;
    padding: 0px 5px 0px 0px;
  }
  .calendar .list {
    padding: 6px 0px 6px 38px;
    min-height: 36px;
  }
  .calendar .dna {
    display: none;
  }
  .calendar .currentday .tnu::before {
    margin: -7px 0px 0px -11px;
  }
  .calendar .cl1 {
    width: auto;
  }
  .calendar .cl2 {
    width: auto;
  }
  .calendar .cl3 {
    width: auto;
  }
  .calendar .cl4 {
    width: auto;
  }
  .calendar .cl5 {
    width: auto;
  }
  .calendar .cl6 {
    width: auto;
  }
  .calendar .cl7 {
    width: auto;
  }
  .calendar .currentday .tnu span {
    font-size: 12px;
  }
  .weekview {
    height: auto !important;
    border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 0px 11px 1px 11px;
    border-top: 1px solid transparent;
  }
  .weekview table {
    table-layout: auto;
  }
  .weekview td {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    display: block !important;
    border: none;
    border-bottom: 1px solid transparent;
  }
  .weekview .list {
    clear: both;
    min-height: unset;
  }
  .weekview .td1 {
    padding: 16px 0px 6px 0px;
    background-position: 0px -21px;
  }
  .weekview .th {
    display: none !important;
  }
  .weekview .wks-mob-hed {
    height: 33px;
    clear: both;
    display: block;
  }
  .weekview .wks-mob-hed p {
    margin: 0;
    padding: 8px 0px 0px 0px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    line-height: 110%;
  }
  .weekview .cl1 {
    width: auto;
  }
  .weekview .cl2 {
    width: auto;
  }
  .weekview .cl3 {
    width: auto;
  }
  .weekview .cl4 {
    width: auto;
  }
  .weekview .cl5 {
    width: auto;
  }
  .weekview .cl6 {
    width: auto;
  }
  .weekview .cl7 {
    width: auto;
  }
  .myevent {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .myevent .dot {
    top: 15px;
  }
  .myevent .lbl {
    font-size: 15px;
    line-height: 24px;
  }
  .myevent .ti {
    font-size: 15px;
  }
  .myevent .tia {
    font-size: 15px;
  }
  .longevent {
    visibility: visible;
    border-radius: 4px !important;
    margin: 0px 0px 5px 0px;
  }
  .longevent .ino {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .longevent .ino .lbl {
    font-size: 15px;
    line-height: 24px;
  }
  .longevent .ino .ti {
    font-size: 15px;
  }
  .longevent .ino .tia {
    font-size: 15px;
  }
  .mulevtspan.isnotend {
    clip-path: unset;
  }
  .mulevtspan {
    display: none;
    width: 100% !important;
  }
  .calspacer {
    display: none;
  }
  .bulktask-t1 {
    height: 114px;
    top: 80px;
    left: 65px;
    right: 20px;
  }
  .bulktask-t1 .opts ul li .connect-box {
    top: calc(100% - 120px);
  }
  .bulktask-t1 .opts {
    position: static;
  }
  .bulktask-t1 .opts ul .actbulkconnect {
    width: 230px;
    position: absolute;
    left: 12px;
    top: 66px;
  }
  .bulktask-t1 .opts ul .actbulktags {
    width: 120px;
    position: absolute;
    left: 250px;
    top: 66px;
  }
  .bulktask-t1 .opts ul .actbulkdelete {
    width: 105px;
    position: absolute;
    right: 55px;
    top: 10px;
  }
  .bulktask-t1 .opts ul .actbulkduplicate {
    width: 105px;
    position: absolute;
    right: 175px;
    top: 10px;
  }
  .bulktask-t1 .opts ul li.sp-t1 {
    width: auto;
    height: 2px;
    position: absolute;
    left: 21px;
    right: 21px;
    top: 56px;
    background: #ffffff40;
    border-bottom: 1px solid #0000004f;
  }
  .bulktask-t1 .opts ul li.sp-t1 .io {
    display: none;
  }
  .pop-mth .rel .dma .in1 {
    padding: 40px 10px 0px 10px;
  }
  .pop-mth .rel .dma .in1 #embelptxtexm {
    margin: 0 auto;
  }
  .pop-mth .rel .lfc {
    width: auto;
    left: 0px;
    right: 0px;
    top: 60px;
    bottom: unset;
    height: 250px;
    border: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 45, 91, 0.12);
  }
  .pop-mth .rel .tpx .rlx .rg .hx .px {
    display: none;
  }
  .pop-mth .rel .tpx .rlx .rg .hx .copy input {
    width: 100%;
    display: block;
  }
  .pop-mth .rel .tpx .rlx .rg .hx .copy {
    height: 70px;
    position: fixed;
    top: unset;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px 20px 10px 20px;
    box-shadow: 0 2px 6px 0 rgba(0, 45, 91, 0.12);
    background: #fff;
  }
  .pop-mth .rel .dma {
    left: 0px;
    top: 310px;
    bottom: 70px;
    background: #d2d5d84d;
  }
  .pop-mth .rel .dma .in1 {
    padding: 18px;
  }
  .pop-mth .rel .dma .in1 #embelptxtexm iframe {
    height: 300px !important;
  }
  .pop-mth .rel .ema {
    left: 0px;
    top: 310px;
    bottom: 70px;
    background: #d2d5d84d;
  }
  .pop-mth .rel .ema .in1 {
    padding: 20px;
  }
  .settings-list .actlst-t1 {
    height: 150px;
  }
  .settings-list .actlst-t1 .act {
    position: absolute;
    right: 0px;
    top: 45px;
    left: 0px;
  }
  .settings-list .actlst-t1 .act .seabx {
    float: none;
    clear: both;
    padding: 18px 0px 0px 0px;
  }
  .settings-list .actlst-t1 .act .extlst a {
    box-shadow:
      0 0 0 1px rgb(50 50 93 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
    border-radius: 6px;
  }
  .settings-list .actlst-t1 .act .dwnlst a {
    box-shadow:
      0 0 0 1px rgb(50 50 93 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
    border-radius: 6px;
  }
  .searchbox-t1-w .searchbox-t1 {
    width: 100% !important;
  }
  .list-top-tiles {
    grid-template-columns: repeat(1, 1fr);
    margin: 20px 0px 30px 0px;
  }
  .pop-user-det-t1-bg .px {
    padding: 15px 0px 50px 0px;
  }
  .pop-user-det-t1 {
    width: auto;
    margin: 0;
  }
  .pop-user-det-t1 .rel .tab-t1 {
    width: 100%;
    overflow: auto;
  }
  .pop-user-det-t1 .rel .dt1 .tbco {
    padding: 5px 30px 35px 30px;
  }
  .pop-user-det-t1 .rel .dt1 .input-t2 {
    width: 100%;
  }
  .pop-user-det-t1 .rel .opt-t4 {
    height: 140px;
  }
  .pop-user-det-t1 .rel .dt1 .tab-t1 .ab {
    width: 400px;
  }
  .pop-user-det-t1 .rel .dt1 {
    padding: 40px 0px 0px 0px;
  }
  .pop-user-det-t1 .rel .dt1 .tab-t1 .ab {
    left: 30px;
  }
  .pop-user-det-t1 .rel .opt-t4 .cst-t1 {
    display: none;
  }
  .pop-user-det-t1 .rel .opt-t4 .fl {
    left: 20px;
    right: 20px;
  }
  .pop-user-det-t1 .rel .opt-t4 .fl {
    float: none;
    padding: 0px;
  }
  .pop-user-det-t1 .rel .opt-t4 .fl .btn {
    float: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
  }
  .pop-user-det-t1 .rel .opt-t4 .fl .btn input {
    width: 100%;
  }
  .pop-user-det-t1 .rel .opt-t4 .fl .btn .cancel {
    background: #f1f5f5;
  }
  .event-top {
    padding: 0px 0px 0px 0px;
  }
  .event-top .container {
    display: block;
  }
  .event-top .text-box .rol .ma {
    padding: 0px 20px 0px 32px;
  }
  .event-top .text-box .rol .ma .int.vi {
    padding: 3px 0px 3px 0px;
  }
  .event-top .text-box .rol .func {
    top: -1px;
  }
  .password-google-nav {
    margin-bottom: 25px;
  }
  .password-google-nav .password-info {
    width: 220px;
    background: #fff;
    position: relative;
    padding: 0px;
    box-shadow:
      rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
      rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin: 0px 12px 0px 0px;
  }
  .password-google-nav .password-info .actbtn {
    width: 100%;
    padding: 8px 14px;
  }
  .password-google-nav .google-info {
    width: 220px;
    background: #fff;
    position: relative;
    padding: 0px;
    box-shadow:
      rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
      rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin: 0px;
  }
  .password-google-nav .google-info .actbtn {
    width: 100%;
    padding: 8px 14px;
  }
  .password-google-nav .label-state {
    position: absolute;
    top: 8px;
    right: 10px;
  }
  .password-google-nav .password-info .password-dropdown {
    left: 0px;
    right: auto;
  }
  .password-google-nav .google-info .google-dropdown {
    left: 0px;
    right: auto;
    z-index: 30;
  }
  .analytics-card .mid-box-t1 .gotosection br {
    display: none;
  }
  .no-results-t2 .tab .cel .txt .tx-t1 br {
    display: none;
  }
  .ussta-t1 .list .tab .row .td4 {
    padding-right: 50px;
  }
}

@media all and (max-width: 800px) {
  .event-details .main .elink .po .sl .inl .url {
    word-break: break-all;
    float: none;
  }
  .event-details .main .elink .po .sl .inl .act {
    float: none;
    margin: 20px 0px 0px 0px;
  }
  .alyt-t1 .cols-t3 {
    gap: 32px;
  }
  .events-table-t1 .txta .desc {
    max-width: unset;
  }
}

@media all and (max-width: 750px) {
  .top-t2 {
    height: 120px;
  }
  .top-t2 .rlx .opt-t1 {
    left: 0px;
    right: 0px;
    top: 60px;
    border-top: 1px solid #eee;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 {
    min-width: unset;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin {
    padding: 0px 8px;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin .moic {
    display: block;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin .opt {
    display: none;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .bin .arr {
    display: none;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .datelbl {
    position: relative;
  }
  .dashboard .top-t1 .pdx .hr .rgc .upg {
    display: none;
  }
  .dashboard .top-t2 .rlx .opt-t1 {
    left: 0px;
  }
  .dashboard .top-t2 .rlx .opt-t1 .calnav-t1 {
    padding: 8px 0px 0px 15px;
  }
  .dashboard .top-t2 .rlx .opt-t2 .search-t1 {
    padding: 0px 17px 0px 0px;
  }
  .dashboard .top-t2 .rlx .opt-t2 .sp-t1 {
    display: none;
  }
  .dashboard-table {
    padding: 0px 0px 80px 15px;
  }
  .events-table-t1 .txta {
    padding: 20px 20px 20px 20px;
  }
  .events-table-t1 .txta .ma {
    margin: 40px 0px 0px 33px;
  }
  .events-table-t1 .txta .ma .tab {
    grid-template-columns: unset;
    gap: 15px;
  }
  .dashboard .calctx.show {
    left: 23px !important;
  }
  .searchbox-t1-w {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  .searchbox-t1 {
    width: 100%;
    visibility: visible !important;
  }
  .searchbox-t1 .rx .clo {
    display: none;
  }
  .column-page-grid {
    grid-template-columns: 1fr;
  }
  .palettepop-t1 .rel .sbt-t1 {
    height: auto;
    padding: 15px 40px 30px 40px;
  }
  .palettepop-t1 .rel .pd {
    padding: 30px 45px 65px 45px;
  }
  .palettepop-t1 .rel .sbt-t1 .ico-t1 {
    top: -42px;
  }
  .palettepop-t1 .rel .sbt-t1 .ifi {
    top: -38px;
  }
  .palettepop-t1 .rel .sbt-t1 .fl {
    position: static;
  }
  .palettepop-t1 .rel .sbt-t1 .fl .btn {
    float: none;
  }
  .palettepop-t1 .rel .sbt-t1 .fl .btn input {
    width: 100%;
  }
  .palettepop-t1 .rel .sbt-t1 .fl .btn .cancel {
    background: #f1f5f5;
    margin: 0px 0px 10px 0px;
  }
  .share-your .box .item .body.free {
    max-height: unset !important;
  }
  .share-your .box .item {
    margin: 0px 0px 20px 0px;
  }
  .share-your .box .item .prebox-t1 .ifr {
    text-align: center;
  }
  .share-your .box .item.browser .prebox-t1 {
    width: 300px !important;
    margin: 0 auto;
  }
  .share-your .box .item.browser .prebox-t1 .ifr iframe {
    width: 300px;
    height: 415px;
    transform: scale(0.7);
    margin: 0;
    display: inline-block;
  }
  .share-your .box .item .works .lbl {
    line-height: 30px;
  }
  .share-your .box .item .works .lbl .tag-t1 {
    margin: 0px 8px 0px 0px;
  }
  .share-your .box .item .works .lbl .tag-t1:first-child {
    margin: 0px 8px 0px 8px;
  }
  .share-your .box .item .prebox-t1 {
    margin: 0 auto; /*width:300px!important;border:2px solid red;*/
  }
  .share-your .box .item .prebox-t1 .ifr {
    width: 395px;
    text-align: center;
  }
  .share-your .box .item .prebox-t1 .slks .pox {
    padding: 75px 50px 0px 50px;
  }
  .share-your .box .item .prebox-t1 .slks .pox .rw-t1 {
    padding: 0px;
  }
  .share-your .box .item .prebox-t1 .slks .pox .rw-t2 {
    padding: 0px;
  }
  .share-your .box .item .prebox-t1 .slks .pox .ixcopy {
    z-index: 10;
  }
  .share-your .box .item .brow .xp .rl .bar {
    left: 100px;
    right: 12px;
  }
  .share-your .box .item .brow .xp .rl .dots {
    z-index: 20;
  }
  .share-your .box .item .brow .xp .rl .bar .inpo {
    width: 100%;
  }
  .share-your .box .item.browser .foot-t1 {
    height: auto;
  }
  .share-your .box .item.browser .foot-t1 .lft {
    clear: both;
    position: static;
    padding: 20px 24px 18px 24px;
  }
  .share-your .box .item.browser .foot-t1 .lft .flt-t1 {
    width: auto;
    float: none;
    clear: both;
    margin: 0px 0px 5px 0px;
  }
  .share-your .box .item .foot-t1 {
    height: auto;
  }
  .share-your .box .item .foot-t1 .lft {
    clear: both;
    position: static;
    padding: 20px 0px 18px 0px;
  }
  .share-your .box .item .foot-t1 .lft .flt-t1 {
    width: auto;
    float: none;
    clear: both;
    margin: 0px 0px 5px 0px;
  }
  .share-your .box .item .foot-t1 .lft .flt-t1 .lbl {
    float: none;
  }
  .share-your .box .item .foot-t1 .lft .flt-t2 {
    float: none;
    margin: 0;
  }
  .share-your .box .item .foot-t1 .lft .flt-t2.ma-t1 {
    margin: 0px;
  }
  .share-your .box .item .foot-t1 .rgt {
    position: static;
    padding: 0px 24px 30px 24px;
  }
  .share-your .box .item .foot-t1 .rgt.fullonmobile {
    position: static;
    padding: 0px 0px 10px 0px;
  }
  .share-your .box .item .foot-t1 .rgt.fullonmobile .flt-t1 {
    float: none;
  }
  .share-your .box .item .foot-t1 .rgt.fullonmobile .flt-t1 .btn {
    display: block;
  }
  .share-your .box .item.browser .foot-links-t1 {
    padding: 15px 0px 20px 0px;
  }
  .share-your .box .item.browser .foot-links-t1 .flx {
    display: block;
    position: relative;
  }
  .share-your .box .item.browser .foot-links-t1 .flx {
    margin: 0px 0px 5px 0px;
    padding: 0px 24px;
  }
  .share-your .box .item.browser .foot-links-t1 .flx .wi {
    width: auto;
    margin: 0px 0px 5px 0px;
  }
  .share-your .box .item.browser .foot-links-t1 .act .lnk {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    margin: 0px 0px 10px 0px;
  }
  .share-your .box .item.browser .foot-links-t1 .act .icx {
    position: absolute;
    top: -2px;
    right: 0px;
    margin: 0;
    float: none;
  }
  .share-your .box .item.browser .foot-links-t1 .act .icx {
    right: 20px;
  }
  .share-your .box .item .urls .url {
    height: 90px;
    margin: 0px 0px 10px 0px;
  }
  .share-your .box .item .urls .url .act {
    left: -10px;
    right: 0px;
    top: 45px;
  }
  .share-your .box .item .urls .url .act .lnk {
    width: 100%;
    overflow: hidden;
  }
  .share-your .box .item .urls .url .act .icx {
    position: absolute;
    right: 0px;
    top: -45px;
  }

  .event-details .main .e-row .orga .lf {
    float: none;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 24px 0px;
  }
  .event-details .main .e-row .orga .rg {
    float: none;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 12px 0px;
  }
  .event-details .main .e-row .content .sel {
    margin: 8px 2px 0px 0px;
    display: block;
  }
  .event-details .main .e-row .content .sel .select-t2 {
    display: block;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad {
    background: #f4f6f7;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad select {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad .arr {
    top: 9px;
  }
  .event-details .main .e-row {
    align-items: start;
  }

  .header-grid .t-row .right .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
  }
  .header-grid .t-row {
    margin: 0;
  }
  .header-grid .t-row {
    min-height: unset;
    display: block;
    position: relative;
  }
  .header-grid .t-row .right {
    position: static;
  }
  .header-grid .t-row .right .selectbox-g-t1 {
    width: 100%;
    margin: 18px 0px 0px 0px;
  }
  .tempslist {
    grid-template-columns: repeat(1, 1fr);
  }
  .template-type.new .title br {
    display: none;
  }
  .ussta-t1 .list .sh-t2 {
    width: auto;
  }
  .selectbox-g-t1 .opts {
    width: 100%;
  }
  .selectbox-g-t2 .bin .opt {
    max-width: 200px;
  }
  .seas-t1 .wi .fld {
    width: auto;
    position: fixed;
    left: 32px;
    right: 32px;
    margin: -2px 0px 0px 0px;
    top: unset;
  }
  .btn {
    width: 100%;
  }
  .modal-dialog.modal-dialog-big {
    max-width: 90%;
  }
  .templates-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .thumbnail-t1 {
    width: calc(1060px * 0.25);
  }
  .thumbnail-t1 .thumb,
  .thumbnail-t1 .thumb iframe {
    width: 1060px;
  }
  .temp-doc-t1 {
    z-index: 1020;
  }
  .temp-doc-t1 .tbx .ipn {
    padding: 0px;
    margin: -50px 0px 0px 0px;
  }
  .params-t1 {
    display: block;
  }
  .params-t1 .row {
    display: block;
  }
  .params-t1 .row .th1 {
    display: none;
  }
  .params-t1 .row .th2 {
    display: none;
  }
  .params-t1 .row .td1 {
    display: block;
    border: 0;
    padding: 15px 10px 10px 0px;
  }
  .params-t1 .row .td2 {
    display: block;
    border: 0;
    padding: 0px 0px 35px 0px;
    word-break: break-all;
  }
  .crumb-t1 .clo .fidrp .fun .txt {
    max-width: 200px;
  }
  .alyt-t1 .selw {
    top: 50px;
    right: 0px;
    background: #fff;
    z-index: 10;
    padding: 5px 5px 3px 5px;
    box-shadow:
      0 0 0 0px rgb(50 50 93 / 5%),
      0 2px 5px 0 rgb(50 50 93 / 10%),
      0 1px 1px 0 rgb(0 0 0 / 7%);
    border-radius: 5px;
  }
  .alyt-t1 .selw .download {
    margin-left: 0px;
  }
  .footsave-t1 {
    left: 0px;
  }

  .rru-pop .foot {
    height: 124px;
  }
  .rru-pop .foot .fl {
    position: absolute;
    right: 45px;
    left: 45px;
    top: 11px;
  }
  .rru-pop .foot .fl .btn {
    float: none;
    width: 100%;
    padding: 0px;
  }
  .rru-pop .foot .fl .cancel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50px;
  }
  .rru-pop .foot .fl .save {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
  }
}

@media all and (max-width: 600px) {
  .pop-evt-det {
    width: auto;
    left: 80px !important;
    right: 20px;
  }
  .thumbnail-t1 {
    width: calc(900px * 0.25);
  }
  .thumbnail-t1 .thumb,
  .thumbnail-t1 .thumb iframe {
    width: 900px;
  }
  .crumb-t1 .clo .flt.ver {
    display: block;
  }
  .crumb-t1 .clo .flt .veri {
    display: block;
  }
  .crumb-t1 .clo .fidrp .opts {
    width: auto;
    margin: -60px 0px 0px 0px;
    position: fixed;
    top: unset;
    left: 20px;
    right: 20px;
  }
  .crumb-t1 .clo .fidrp {
    margin: 0px 0px 10px 0px;
  }
  .inps-c-t1 .ril .sav {
    height: auto;
    padding: 20px 18px 10px 18px;
    position: relative;
  }
  .inps-c-t1 .ril .sav .rx .flw {
    position: static;
    padding: 0px;
  }
  .inps-c-t1 .ril .sav .rx .flt {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .inps-c-t1 .ril .sav .rx .flt .switcher {
    width: 100%;
  }
  .inps-c-t1 .ril .sav .rx .flt .switcher .item {
    width: 100%;
  }
  .inps-c-t1 .ril .sav .rx .tipz {
    display: none;
  }
  .inps-c-t1 .ril .sav .rx .savcan {
    position: static;
  }
  .inps-c-t1 .ril .sav .rx .savcan .flt {
    float: none;
    width: 100%;
  }
  .inps-c-t1 .ril .sav .rx .savcan .flt .fl {
    padding: 0;
    float: none;
    width: 100%;
  }
  .inps-c-t1 .ril .sav .rx .bt-t1 .btn {
    border: 1px solid #ddd;
  }
  .inps-c-t1 .ril .sav .rx .savcan .flt .formcancel {
    border: 1px solid #ddd;
    margin: 20px 0px 10px 0px;
  }
  .inps-c-t1 .ril .sav .rx .savcan .flt input {
    margin: 0;
  }
  .inps-c-t1.inlt1 .ril .sav {
    height: auto;
  }
  .inps-c-t1.inlt1 .ril .sav {
    position: relative;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .flw {
    position: static;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .flt {
    float: none;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .bt-t1 .btn {
    border: 1px solid #ddd;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .bt-t1 {
    padding: 10px 0px;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .savcan {
    position: static;
    padding: 15px 0px 0px 0px;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .savcan .flt {
    float: none;
    clear: both;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .tipz {
    display: none !important;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .fl {
    float: none;
    clear: both;
    padding: 0px 0px 10px 0px;
  }
  .inps-c-t1.inlt1 .ril .sav .rx .savcan .flt .rsvpformcancel {
    background: #f1f5f5;
  }
  .inlmnu-t1 .bg .rl .lbl p {
    width: 200px;
  }
  .noti-warning.wic {
    padding: 14px 25px;
  }
  .noti-warning .ico {
    display: none;
  }
  #questions-list {
    width: 100%;
    overflow: auto;
    position: relative;
    padding: 50px 0px 0px 0px;
  }
  #questions-list:before {
    content: "";
    height: 40px;
    position: absolute;
    top: -4px;
    left: 0px;
    right: 0px;
    background: #85888f17
      url(https://cdn.addevent.com/app/v2/gfx/icon-scroll-t2.svg) no-repeat 96%
      8px;
    background-size: 28px auto;
    z-index: 10;
  }
  .rsvp-form .man .section .circle {
    display: none;
  }
  .rsvp-form .man .section .part .questions-box {
    width: 680px;
  }
  .rsvp-form .man .section .part .questions-box .item .tile {
    width: 450px;
  }
  .rsvp-form .man .section .part .add-question {
    width: 54%;
  }
  .rsvpbox-w-t1 .mrl {
    padding: 0px;
  }
  .rsvpbox-w-t1 .mrl .icot {
    display: none;
  }
  .rsvpbox-t1 .tp {
    height: auto;
    padding: 0px 0px 15px 0px;
  }
  .rsvpbox-t1 .tp .icotoggle {
    background: #eee;
    top: 12px;
    right: 14px;
  }
  .rsvpbox-t1 .tp .op-t1 {
    padding: 15px 0px 0px 25px;
  }
  .rsvpbox-t1 .tp .op-t1 .ds .tx-t1 {
    line-height: 170%;
    float: none;
  }
  .rsvpbox-t1 .tp .op-t1 .ds .sel-t1 {
    width: 100%;
    float: none;
    padding: 0px 20px 0px 0px;
    margin: 6px 0px 4px 0px;
  }
  .rsvpbox-t1 .tp .op-t1 .ds .tx-t2 {
    float: none;
  }
  .rsvpbox-t1 .tp .op-t2 {
    width: auto;
    position: static;
    padding: 20px 0px 10px 25px;
  }
  .rsvpbox-t1 .tp .op-t2 .fl {
    height: 20px;
    float: none;
    clear: both;
  }
  .rsvpbox-t1 .tp .op-t1 .ds .readonlylbl {
    float: none;
    margin: 10px 20px 0px 0px;
  }
  .rsvpbox-t1 .bxo .fot {
    height: auto;
    padding: 18px 20px;
  }
  .rsvpbox-t1 .bxo .fot .bts-t1 {
    position: static;
  }
  .rsvpbox-t1 .bxo .fot .bts-t2 {
    position: static;
    padding: 20px 0px 0px 0px;
  }
  .rsvpbox-t1 .bxo .fot .bts-t2 .fl {
    float: none;
    clear: both;
    margin: 0;
  }
  .rsvpbox-t1 .bxo .fot .bts-t1 .sva {
    float: none;
    clear: both;
    margin: 0px 0px 10px 0px;
  }
  .rsvpbox-t1 .bxo .fot .bts-t1 .can {
    float: none;
    clear: both;
    margin: 0px 0px 10px 0px;
  }
  .rsvpbox-t1 .bxo .fot .bts-t1 .can input {
    background: #f1f5f5;
  }
  .rsvpbox-t1 .bxo .fot .bts-t2 .fl .emailtest {
    border: 1px solid #ddd;
  }
  .rsvpbox-t1 .bxo .fot .bts-t2 .fl {
    margin: 0px 0px 10px 0px;
  }
  .rsvpbox-t1 .bxo .fot .bts-t2 .bobtn-t1 {
    border: 1px solid #ddd;
  }
  .emailtestpop {
    width: auto;
    height: auto;
    left: 25px !important;
    right: 25px !important;
    bottom: auto;
  }
  .emailtestpop .ppx .rw .inp .sbt {
    position: static;
    padding: 15px 0px 0px 0px;
  }
  .emailtestpop .ppx .rw .inp .sbt input {
    padding: 11px 22px;
  }
  .emailtestpop .ppx .ar-t1 {
    display: none;
  }
  .emailtestpop .ppx .ar-t2 {
    display: none;
  }
  .inps-s-t1 input {
    margin: 0px 0px 10px 0px;
  }
  .bulktask-t1 {
    height: 215px;
  }
  .bulktask-t1 .bdr-t1 {
    display: none;
  }
  .bulktask-t1 .chk {
    left: 30px;
  }
  .bulktask-t1 .its {
    left: 70px;
  }
  .bulktask-t1 .opts ul .actbulkconnect {
    width: auto;
    position: absolute;
    left: 21px;
    right: 20px;
    top: 75px;
  }
  .bulktask-t1 .opts ul .actbulktags {
    width: auto;
    position: absolute;
    left: 21px;
    right: 20px;
    top: 112px;
  }
  .bulktask-t1 .opts ul .actbulktags:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -3px;
    background: #ffffff4d;
  }
  .bulktask-t1 .opts ul .actbulkduplicate {
    width: auto;
    position: absolute;
    left: 21px;
    right: 20px;
    top: 119px;
  }
  .bulktask-t1 .opts ul .actbulkduplicate:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -3px;
    background: #ffffff4d;
  }
  .bulktask-t1 .opts ul .actbulkdelete {
    width: auto;
    position: absolute;
    left: 21px;
    right: 20px;
    top: 162px;
  }
  .bulktask-t1 .opts ul .actbulkdelete:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -3px;
    background: #ffffff4d;
  }

  .evtserpop {
    width: auto;
    margin: 0;
    left: 20px;
    right: 20px;
  }
  .evtserpop .px .set-t1 {
    display: block;
    width: 100%;
  }
  .evtserpop .px .set-t1 .lf {
    display: block;
    width: 100%;
    padding: 0px 0px 8px 5px;
  }
  .evtserpop .px .set-t1.datesfromto .lf {
    padding: 0px 0px 18px 5px;
  }
  .evtserpop .px .set-t1 .rg {
    display: block;
    width: 100%;
  }
  .evtserpop .px .set-t1 .rg .sel {
    display: block;
  }
  .evtserpop .px .set-t1 .rg .sel .select-t2 {
    display: block;
  }
  .evtserpop .px .clx {
    margin: 0 auto;
  }
  .evtserpop .daycls .clvew .dspselected:before {
    left: 7px;
  }
}

@media all and (max-width: 500px) {
  .layout-container.c-1120 {
    padding: 0px;
  }
  .calevents .layout-container.c-1120 {
    padding: 0px;
  }
  .dashboard .layout-t3 .sin {
    padding: 0px 0px 80px 0px;
  }
  .dashboard .cont-t1 {
    height: 50px;
    margin: 0px 0px 20px 0px;
  }
  .dashboard .cont-t1 .hed {
    display: none;
  }
  .dashboard .cont-t1 .act-t1 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 42px;
  }
  .dashboard .cont-t1 .act-t1 .sort {
    float: right;
  }
  .dashboard .cont-t1 .act-t1 .sort {
    margin: 0;
  }
  .dashboard .cont-t1 .act-t1 .sort .selectbox-g-t2 .opts {
    width: 260px;
  }
  .dashboard .tagsman-t1.p1 {
    left: 0px;
  }
  .dashboard .tags-g-t1:hover {
    background: #fff;
  }
  .dashboard .tags-g-t1.noshadow.active {
    background: #fff;
  }
  .dashboard .tags-g-t1.noshadow {
    background: #f1f5f5;
  }
  .dashboard .tags-g-t1 .bin .opt .txt {
    max-width: 90px;
  }
  .dashboard .selectbox-g-t2 {
    min-width: unset;
  }
  .dashboard .selectbox-g-t2.noshadow {
    background: #f1f5f5;
  }
  .dashboard .selectbox-g-t2.noshadow.active {
    background: #fff;
  }
  .dashboard .selectbox-g-t2 .bin .srt {
    display: none;
  }
  .dashboard .selectbox-g-t2 .bin {
    padding: 0px 15px;
  }
  .dashboard .selectbox-g-t2 .bin .arr {
    display: none;
  }
  .dashboard .selectbox-g-t2 .bin .pco {
    display: none;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts {
    top: 23px;
    width: 300px;
  }
  .top-t2 .rlx .opt-t2 .sort .selectbox-g-t2 .opts {
    width: 250px;
    right: -20px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .dtft {
    display: none;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts .px .pck {
    border-top: 1px solid #f1f1f1;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .today {
    display: none;
  }
  .events-table-t1 .txta .exst .flt {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .events-table-t1 .txta .exst .rru {
    line-height: 140%;
  }
  .events-table-t1 .txta .exst .rru .exic {
    top: -1px;
    left: -1px;
  }
  .events-table-t1 .txta .exst .rsvp-state {
    margin: 0px 0px 0px 26px;
  }
  .dashboard-content {
    padding: 0px;
  }
  .event-top {
    padding: 0px 0px 0px 0px;
  }
  .event-top .container {
    display: block;
  }
  .event-top .text-box .rol .ma {
    padding: 0px 20px 0px 32px;
  }
  .event-top .text-box .rol .ma .int.vi {
    padding: 3px 0px 3px 0px;
  }
  .event-top .text-box .rol .func {
    top: -1px;
  }
  .event-top .back {
    margin: 4px 0px 0px 0px;
  }
  .event-top .text-box .rol .ma .col {
    left: 0px;
    top: 4px;
  }
  .event-top .text-box .rol .ma .col {
    z-index: 10;
  }
  .event-top .text-box .rol .ma .hed.ce {
    padding: 0px 0px 0px 5px;
  }
  .event-top .text-box .rol .ma .int.ce {
    padding: 3px 0px 3px 5px;
  }
  .event-details {
    padding: 0px 0px 15px;
  }
  .event-details .main .e-row.calendaralarm {
    align-items: start;
    padding: 20px 0px 0px 0px;
  }
  .event-details .main .e-row.calendaralarm .content .sel {
    display: block;
    margin: 10px 2px 0px 0px;
  }
  .event-details .main .e-row.calendaralarm .content .sel .select-t2 {
    display: block;
    width: 100%;
  }
  .event-details .main .e-row.calendaralarm .content .sel .select-t2 .rad {
    background: #f1f5f5;
  }
  .event-details
    .main
    .e-row.calendaralarm
    .content
    .sel
    .select-t2
    .rad
    select {
    width: 100%;
    padding: 10px 35px 10px 12px;
  }
  .event-details .main .e-row.calendaralarm .content .sel .select-t2 .rad .arr {
    top: 9px;
    right: 10px;
  }
  .event-details
    .main
    .e-row.calendaralarm
    .content
    .sel
    .select-t2
    .rad
    .arr
    .ic {
    font-size: 29px;
  }
  .event-details .main .e-row.freebusy {
    align-items: start;
    padding: 20px 0px 0px 0px;
  }
  .event-details .main .e-row.freebusy .content .sel {
    display: block;
    margin: 10px 2px 0px 0px;
  }
  .event-details .main .e-row.freebusy .content .sel .select-t2 {
    display: block;
    width: 100%;
  }
  .event-details .main .e-row.freebusy .content .sel .select-t2 .rad {
    background: #f1f5f5;
  }
  .event-details .main .e-row.freebusy .content .sel .select-t2 .rad select {
    width: 100%;
    padding: 10px 35px 10px 12px;
  }
  .event-details .main .e-row.freebusy .content .sel .select-t2 .rad .arr {
    top: 9px;
    right: 10px;
  }
  .event-details .main .e-row.freebusy .content .sel .select-t2 .rad .arr .ic {
    font-size: 29px;
  }
  .event-details .main .e-row.calrela {
    align-items: start;
    padding: 20px 0px 0px 0px;
  }
  .event-details .main .e-row.calrela .content .sel {
    display: block;
    margin: 10px 2px 0px 0px;
  }
  .event-details .main .e-row.calrela .content .sel .select-t2 {
    display: block;
    width: 100%;
  }
  .event-details .main .e-row.calrela .content .sel .select-t2 .rad {
    background: #f1f5f5;
  }
  .event-details .main .e-row.calrela .content .sel .select-t2 .rad select {
    width: 100%;
    padding: 10px 35px 10px 12px;
  }
  .event-details .main .e-row.calrela .content .sel .select-t2 .rad .arr {
    top: 9px;
    right: 10px;
  }
  .event-details .main .e-row.calrela .content .sel .select-t2 .rad .arr .ic {
    font-size: 29px;
  }
  .event-details .main .e-row .content .inp-t2 {
    height: 110px;
    position: relative;
  }
  .event-details .main .e-row .content .inp-t2 .lin .date-t1 {
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .date-t2 {
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 55px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .time-t1 {
    padding: 0px;
    position: absolute;
    left: 220px;
    top: 0px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .time-t2 {
    padding: 0px;
    position: absolute;
    left: 220px;
    top: 55px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .tzidsel {
    position: absolute;
    right: 0px;
    top: 110px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .date-t1 input {
    width: 210px;
    text-align: left;
    padding: 0px 10px 0px 18px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .date-t2 input {
    width: 210px;
    text-align: left;
    padding: 0px 10px 0px 18px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .time-t1 input {
    width: 120px;
    text-align: left;
    padding: 0px 10px 0px 18px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .time-t2 input {
    width: 120px;
    text-align: left;
    padding: 0px 10px 0px 18px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .to {
    display: none;
  }
  .event-details .main .e-row .orga .lf {
    float: none;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 16px 0px;
  }
  .event-details .main .e-row .orga .rg {
    float: none;
    display: block;
    width: 100%;
    padding: 0px;
  }
  .event-details .main .e-row .content .eventtype {
    position: relative;
    z-index: 10;
    background: #fff;
    margin: 0;
    width: 100%;
  }
  .share-your .box .item .foot-t2 .lft .flt-t1 {
    display: none;
  }
  .event-details .main .e-row .content .eventtype .opts {
    margin-left: 0px;
    width: 100%;
    top: -80px;
  }
  .event-details .main .e-row .nh-t7 {
    padding: 3px 0px 0px 32px;
  }
  .event-details .main .e-row .nh-t9 {
    padding: 3px 0px 0px 32px;
  }
  .event-details .main .e-row .ops-t4 .op {
    padding: 0px;
    float: none;
  }
  .event-details .main .e-row .content .sel {
    display: block;
    padding: 5px 0px 0px 0px;
  }
  .event-details .main .e-row .content .sel .select-t2 {
    display: block;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad select {
    width: 100%;
    padding: 10px 35px 10px 12px;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad .arr {
    top: 8px;
    right: 15px;
  }
  .event-details .main .e-row .content .sel .select-t2 .rad .arr .ic {
    font-size: 29px;
  }
  .event-details .main .e-row .questionssection {
    width: calc((100vw - 50px));
  }
  .event-details .main .e-row {
    grid-template-columns: 0px 1fr;
    column-gap: 0px;
  }
  .event-details .main .e-row .content .tx-t1 {
    padding: 2px 0px 0px 32px;
  }
  .event-details .main .e-row .nh-t1 {
    padding: 3px 0px 0px 32px;
  }
  .event-details .main .e-row .content .tx-t2 {
    padding: 0px 0px 0px 32px;
  }
  .event-details .main .e-row .ops-t1 {
    padding: 0px 0px 0px 32px;
  }
  .event-details .main .e-row .content .clsl-t1 {
    margin: 0px 10px 0px 20px;
  }
  .event-details .main .e-row .content .clsl-t1 .paluse li {
    margin: 0px -4px 4px 0px;
  }
  .event-details .main .e-row .ops-t2 {
    padding: 0px 0px 0px 32px;
  }
  .event-details .main .e-row .content .flsel .tzidsel .addresslookup {
    width: auto;
    left: -32px;
    right: 0px;
  }
  .event-details .top {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  .event-details .main .e-row .content .text {
    padding: 0px 0px 0px 36px;
    display: block;
  }
  .event-details .main .e-row .content .key-box {
    padding: 0px 0px 0px 36px;
  }
  .event-details .main .e-row .date-t1 {
    padding: 0px 0px 0px 36px;
  }
  .event-details .main .e-row .date-tzid-t1 {
    padding: 0px 0px 0px 36px;
  }
  .event-details .main .e-row .content .clsl-t1.noma {
    padding: 4px 0px 0px 36px;
  }
  .event-details .main .e-row .content .truncatetext {
    padding: 4px 0px 0px 36px;
  }
  .event-details .main .e-row .content .lnk-t3 .alert-t1 .info {
    width: 260px;
  }
  .event-details .main .e-row .content .el-wr-t2 .tzidsel .tziddrop {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 50px;
    z-index: 1020;
    margin: 0px;
    width: auto;
  }

  .event-details .main .e-row .nh-t11 {
    padding: 0px 0px 0px 35px;
  }
  .section .content .rsvpformsel {
    width: auto;
  }

  .pop-loc-t1 .tpx-t1 .close-t1 {
    right: 10px;
  }
  .pop-loc-t1 .tpx-t1 .newdrp {
    top: 12px;
    left: unset;
    right: 52px;
  }
  .password-google-nav {
    max-width: none;
    display: block;
  }
  .password-google-nav .password-info {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 0px;
    box-shadow:
      rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
      rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin: 0px 12px 8px 0px;
  }
  .password-google-nav .password-info .actbtn {
    width: 100%;
    padding: 8px 14px;
  }
  .password-google-nav .google-info {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 0px;
    box-shadow:
      rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
      rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin: 0px 12px 20px 0px;
  }
  .password-google-nav .google-info .actbtn {
    width: 100%;
    padding: 8px 14px;
  }
  .password-google-nav .label-state {
    position: absolute;
    top: 8px;
    right: 10px;
  }
  .password-google-nav .password-info .password-dropdown {
    left: 0px;
    right: 0px;
    width: auto;
  }
  .password-google-nav .google-info .google-dropdown {
    left: 0px;
    right: 0px;
    width: auto;
    z-index: 30;
  }
  .list-top-tiles .tile .main .top .title {
    font-weight: 500;
  }
  .factbox-t1 .rsvpformsel .selectbox-g-t1 .opts {
    left: -20px;
    right: -20px;
    width: auto;
  }
  .ui-timepicker-wrapper {
    margin: 0px 0px 0px -70px;
  }
  .pop-loc-t1 .foot .fl {
    left: 20px;
  }
  .pop-loc-t1 .foot .dl {
    right: 30px;
  }
  .pop-loc-t1 .ips .ix-t2 .ico {
    display: none;
  }
  .pop-loc-t1 .ips {
    padding: 30px 28px 20px 28px;
  }
  .pop-loc-t1 .foot .fl .btn {
    width: auto;
  }
  .pop-user-det-t1-bg.show {
    z-index: 1021;
  }
  .pop-snd-upd.show {
    z-index: 1021;
  }
  .pop-snd-upd {
    width: auto;
    margin: 20px 0px 0px 0px;
    left: 0px;
    right: 0px;
  }
  .pop-snd-upd .pd {
    padding: 30px 30px 0px 30px;
  }
  .pop-snd-upd .pd .selectbox-g-t3 {
    height: auto;
    min-height: 48px;
    padding: 10px 50px 6px 60px;
  }
  .pop-snd-upd .pd .selectbox-g-t3 .atlst {
    float: none;
  }
  .pop-snd-upd .pd .selectbox-g-t3 .atlst .itm {
    float: none;
    display: inline-block;
    margin: 0px 8px 8px 0px;
    padding: 3px 4px 3px 36px;
    background: #edeff691;
    border-radius: 8px;
  }
  .pop-snd-upd .pd .selectbox-g-t3 .atlst .itm .ix {
    left: 7px;
    top: 4px;
  }
  .pop-snd-upd .sbt {
    height: auto;
    padding: 16px 0px 10px 0px;
  }
  .pop-snd-upd .sbt .sta {
    position: static;
    text-align: center;
    padding: 5px 0px 20px 0px;
  }
  .pop-snd-upd .sbt .bt {
    position: static;
    padding: 0px 30px;
  }
  .pop-snd-upd .sbt .bt .fl {
    float: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
  }
  .pop-snd-upd .sbt .bt .fl .save {
    width: 100%;
  }
  .pop-snd-upd .sbt .bt .fl .cancel {
    width: 100%;
    background: #f1f5f5;
  }
  .embed-pop-options-t1 {
    width: auto;
  }
  .embed-pop-options-t1 .pad {
    padding: 26px 32px;
  }
  .embed-pop-options-t1 .pad .tit p {
    font-size: 23px;
  }
  .embed-pop-options-t1 .pad .set {
    padding: 0px;
  }
  .embed-pop-options-t1 .pad .opt {
    padding: 4px 0px 0px 0px;
  }
  .embed-pop-options-t1 .pad .opt .pd {
    padding: 4px 0px 0px 0px;
  }
  .embed-pop-options-t1 .pad .opt .pd .hd {
    margin: 0px 0px 18px 0px;
    padding: 2px 0px 0px 48px;
  }
  .embed-pop-options-t1 .pad .opt .rl {
    margin: 0;
    padding: 0;
  }
  .embed-pop-options-t2-bg {
    z-index: 1020;
  }
  .embed-pop-options-t2 {
    width: auto;
  }
  .embed-pop-options-t2 .pad .set {
    padding: 0px;
  }
  .embed-pop-options-t2 .pad .opt {
    margin: 0;
  }
  .embed-pop-options-t2 .pad .opt .pd {
    padding: 4px 0px 0px 0px;
  }
  .embed-pop-options-t2 .pad .opt .pd .hd {
    margin: 0px 0px 18px 0px;
    padding: 0px 0px 0px 48px;
  }
  .embed-pop-options-t2 .pad .opt .rl {
    padding: 0px;
    margin: 0px;
  }
  .calendar-subinfo {
    display: block;
    padding: 45px 0px 0px 0px;
    margin: 10px 0px 25px 0px;
    background: url(https://cdn.addevent.com/legacy2000/gfx/zigzag-t1.png)
      repeat-x top left;
    background-size: 10px auto;
  }
  .calendar-subinfo .dist-t5 {
    height: 10px;
  }
  .pop-loc-t1 {
    width: auto;
    left: 0px !important;
    right: 0px !important;
  }
  .templates-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .thumbnail-t1 {
    width: calc(1320px * 0.25);
  }
  .thumbnail-t1 .thumb,
  .thumbnail-t1 .thumb iframe {
    width: 1320px;
  }
  .account-details .top .role-box .text {
    font-size: 14px;
  }
  .editbox-t1 {
    padding: 20px 25px;
  }
  .btn {
    width: 100%;
  }
  .sso-box-t1 {
    padding: 20px 0px 50px 0px;
  }
  .sso-box-t1 .icon {
    left: 0px;
  }
  .sso-box-t1 .txt-t1 {
    margin: 0px 0px 24px 58px;
  }
  .sso-box-t1 .con-t1 .flt-t1 {
    float: none;
    margin: 0px 0px 6px 0px;
  }
  .sso-box-t1 .con-t1 .flt-t2 {
    float: none;
    padding: 0px;
  }
  .ussta-t1 .list .sh-t2 {
    width: 600px;
  }
  .templatebox-t1 .bxo .fot {
    height: auto;
    padding: 15px 15px;
    position: relative;
  }
  .templatebox-t1 .bxo .fot .bts-t1 {
    position: static;
    margin: 0px 0px 30px 0px;
  }
  .templatebox-t1 .bxo .fot .bts-t1 .sva {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: none;
    clear: both;
  }
  .templatebox-t1 .bxo .fot .bts-t1 .can {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: none;
    clear: both;
  }
  .templatebox-t1 .bxo .fot .bts-t1 .can input {
    background: #f1f5f5;
  }
  .templatebox-t1 .bxo .fot .bts-t2 {
    position: static;
  }
  .templatebox-t1 .bxo .fot .bts-t2 .fl {
    margin: 0;
    float: none;
    clear: both;
  }
  .templatebox-t1 .bxo .fot .bts-t2 .fl a {
    border: 1px solid #ddd;
  }
  #cal-subinfo .questions-box-wrap {
    padding: 60px 0px 0px 55px;
  }
  #cal-subinfo .add-question .lim {
    width: calc(100vw - 200px);
  }
  #cal-subinfo .questions-box .item .tile .man .tp {
    width: 240px;
  }
  #cal-subinfo .questions-box-wrap {
    padding: 60px 0px 0px 0px;
  }
  .footsave-t1 .rel .pd {
    padding: 16px 24px 0px 30px;
  }
  .fr-separator.fr-vs {
    display: none !important;
  }
  .ttabs-t1 {
    right: 0px;
    overflow-x: auto;
  }
  .ttabs-t1 {
    position: static;
    width: 400px;
  }
  .nselt1 {
    left: -26px;
    right: -15px;
  }
  .palettepop-t1 {
    width: auto;
    margin: 0px;
    left: 20px;
    right: 20px;
  }
  .palettepop-t1 .rel .pd {
    padding: 30px 30px 65px 30px;
  }
  .palettepop-t1 .rel .pd .ip-t1 {
    padding: 0px;
  }
  .palettepop-t1 .rel .pd .vtcolors {
    width: auto;
  }
  .extcalpop {
    width: auto;
    margin: 0px 20px 150px 20px;
  }
  .extcalpop .px {
    padding: 30px 30px 0px 30px;
  }
  .extcalpop .px .foot .bdr .flt {
    float: none;
  }
  .extcalpop .px .foot .bdr .flt .fl {
    float: none;
    margin: 0px 0px 10px 0px;
  }
  .extcalpop .px .foot .bdr .flt .fl .save {
    width: 100%;
  }
  .extcalpop .px .foot .bdr .flt .fl .cancel {
    width: 100%;
    background: #f1f5f5;
  }
  .event-details .main .e-row .content .date-box .tp {
    flex-direction: column;
    row-gap: 15px;
  }
  .rru-pop {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0;
  }
  .rru-pop.w1 {
    margin: 0;
    width: unset;
  }
  .rru-pop.w2 {
    margin: 0;
    width: unset;
  }
  .rru-pop .pad {
    padding: 30px 0px 0px 25px;
  }
  .rru-pop .r1 {
    margin: 0;
    padding: 0px;
  }
  .rru-pop .r1 .f1 {
    margin: 0px;
  }
  .rru-pop .r1 .f1 p {
    font-size: 16px;
  }
  .rru-pop .r1 .f2 p {
    font-size: 16px;
  }
  .rru-pop .r1 .f1 {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .rru-pop .r1 .f2 {
    width: 115px;
    margin: 0px 10px 10px 0px;
  }
  .rru-pop .r1 .f4 {
    width: 50px;
    margin: 0px 10px 10px 0px;
  }
  .rru-pop .r1 .f6 {
    width: 50px;
    margin: 0px 10px 0px 0px;
    padding: 0;
  }
  .rru-pop .r1 .f5 {
    padding: 0px 0px 15px 0px;
    margin: -5px 0px 0px 0px;
  }
  .rru-pop .r2 {
    padding: 15px 0px 10px 0px;
  }
  .rru-pop .r2 .o1 {
    margin: 0px;
  }
  .rru-pop .r2 .f2 .rl {
    width: 88px;
  }
  .rru-pop .r2 .f2.m1 {
    padding: 0px;
  }
  .rru-pop .r2 .f2 {
    margin: 0px 10px 10px 0px;
  }
  .rru-pop .r2 .f3 {
    padding: 0px 12px 0px 2px;
  }
  .usica-t1 .auto {
    width: auto !important;
  }
  .usica-t1 .auto .pad {
    padding: 15px 30px 25px 30px !important;
  }
  .usica-t2 .auto {
    width: auto !important;
  }
  .usica-t2 .auto .pad .min-t1 {
    padding: 0px 30px !important;
  }
}

@media all and (max-width: 400px) {
  .thumbnail-t1 {
    width: calc(1000px * 0.25);
  }
  .thumbnail-t1 .thumb,
  .thumbnail-t1 .thumb iframe {
    width: 1000px;
  }
  .rsvp-form .man .section .part .add-question {
    width: 34%;
  }
  .inps-p-t2 .po {
    padding: 0px;
  }
  .inps-p-t2 .po .cpy .copy {
    padding: 0;
    width: 50px;
    overflow: hidden;
    color: transparent;
  }
  .inps-p-t2 .po .cpy .copy .icon {
    position: absolute;
    left: 12px;
    font-size: 22px;
  }
  .event-details .main .e-row .content .inp-t2 .lin .tzidsel .lbl {
    max-width: 85px;
  }
  .top-t2 .rlx .opt-t1 .calnav-t1 .gridctr .opts {
    left: -20px;
  }
  .month-ctx-t1 {
    right: -40px;
  }
}

/* IMPORTS */

/*
NOTICE: These styles should always be imported as the last thing
overriding all of the existing CSS
*/