@charset "UTF-8";
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@font-face {
  font-family: "BLOKK";
  src: font-url("/assets/BLOKKNeue-Regular-ef24e1a4.eot");
  src: font-url("/assets/BLOKKNeue-Regular-ef24e1a4.eot?#iefix") format("embedded-opentype"), font-url("/assets/BLOKKNeue-Regular-55df58d5.woff2") format("woff2"), font-url("/assets/BLOKKNeue-Regular-906a95e0.woff") format("woff"), font-url("/assets/BLOKKNeue-Regular-70b8ba19.otf") format("opentype"), font-url("/assets/BLOKKNeue-Regular-fa3e3a2c.ttf") format("truetype"), font-url("/assets/BLOKKNeue-Regular-b7019d07.svg#BLOKKRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "BLOKK";
    src: url("/assets/BLOKKNeue-Regular-b7019d07.svg") format("svg");
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  background: #fff;
  color: #000;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
  line-height: 1;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 1em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q::before,
q::after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #ccc;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type=search] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol,
ul {
  list-style: none;
}

.nofocus:focus {
  outline: none;
}

.placeholder {
  color: #fafafa;
}

.dimmer {
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height: 500px;
  position: absolute;
  top: 0;
  width: 100%;
}

.noborder {
  border: none !important;
}

.noborder-left {
  border-left: none !important;
}

.noborder-right {
  border-right: none !important;
}

.noborder-top {
  border-top: none !important;
}

.noborder-bottom {
  border-bottom: none !important;
}

.nomargin {
  margin: 0 !important;
}

.nomargin-left {
  margin-left: 0 !important;
}

.nomargin-right {
  margin-right: 0 !important;
}

.nomargin-top {
  margin-top: 0 !important;
}

.nomargin-bottom {
  margin-bottom: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.nopadding-left {
  padding-left: 0 !important;
}

.nopadding-right {
  padding-right: 0 !important;
}

.nopadding-top {
  padding-top: 0 !important;
}

.nopadding-bottom {
  padding-bottom: 0 !important;
}

.floater-left {
  float: left;
}

.floater-right {
  float: right;
}

.centered-text {
  text-align: center !important;
}

.right-aligned-text {
  text-align: right !important;
}

.left-aligned-text {
  text-align: left !important;
}

.nobackground {
  background: none !important;
}

.relative {
  position: relative;
}

.cf::before,
.cf::after {
  content: "";
  display: table;
}

.cf::after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.affix {
  position: fixed !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  background: #f5f9fc;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 768px) {
  body.dimmed {
    overflow: hidden !important;
    position: fixed !important;
  }
}
a {
  color: #052e42;
  text-decoration: none;
}

.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.no-show {
  display: none !important;
}

.blind-hidden {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.blind-show {
  max-height: 1000px;
  overflow: visible;
  transition: max-height 0.3s ease-out;
}

hr {
  border: 0;
  border-bottom: 1px solid #ccc;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0865d1;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.ui.checkbox .box:before,
.ui.checkbox label:before,
.ui.checkbox .box:after,
.ui.checkbox label:after {
  width: 18px;
  height: 18px;
  font-size: 16px;
}

.ui.toggle.checkbox {
  display: block;
}

.copy-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: none;
}
.copy-link i.icon.copy,
.copy-link i.icon.check {
  margin: 0;
}
.copy-link i.icon.check {
  color: #0eb276;
}
.copy-link.copied {
  color: #0eb276;
}

header {
  background: #0865d1;
}
header .dry-run {
  background: red;
}
header .dry-run h1 {
  text-align: center;
}
header #user-no-contact {
  background: #fffcd5;
  text-align: center;
  padding: 12px;
}
header #user-no-contact a {
  text-decoration: underline;
}
header .logo {
  width: 75%;
  float: left;
  padding: 15px 16px;
}
@media screen and (min-width: 1024px) {
  header .logo {
    width: 70%;
    padding: 17px 0 10px;
  }
}
header .logo a.icon {
  display: none;
}
@media screen and (min-width: 1024px) {
  header .logo a.icon {
    background: url("/assets/teams-logo-6bac56e3.svg") no-repeat 0 0;
    background-size: cover;
    width: 32px;
    min-height: 37px;
    margin: 0 15px 0 0;
    display: block;
    float: left;
  }
}
header .logo h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
}
@media screen and (min-width: 1024px) {
  header .logo h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 28px !important;
    display: inline-block;
    float: left;
    width: calc(100% - 55px);
    padding-top: 3px;
  }
}
header .logo h1 a {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
  width: auto;
  background: none;
  display: inline;
}
@media screen and (min-width: 1024px) {
  header .logo h1 a {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 28px !important;
  }
}
header .user-menu {
  max-width: 30%;
  width: auto;
  float: right;
  padding: 15px 0 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}
header .user-menu .menu-hide-block {
  background: transparent;
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  z-index: 999;
  display: none;
}
@media screen and (min-width: 1024px) {
  header .user-menu .menu-hide-block {
    width: 0;
    height: 0;
  }
}
header .user-menu .mobile-menu {
  background: url("/assets/icon-header-menu-mobile-35c06943.svg") 0 0 no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: relative;
  right: 16px;
}
@media screen and (min-width: 1024px) {
  header .user-menu .mobile-menu {
    display: none;
  }
}
header .user-menu .logged-user {
  position: relative;
  flex-direction: row;
  align-items: center;
  display: none;
}
@media screen and (min-width: 1024px) {
  header .user-menu .logged-user {
    display: flex;
  }
}
header .user-menu .logged-user .username {
  display: inline-block;
}
header .user-menu .logged-user .user-menu-toggle {
  display: inline-block;
  width: 37px;
  height: 37px;
  background: #000;
  border: 2px solid #fff;
  border-radius: 20px;
  margin: 0 0 0 15px;
  position: relative;
}
header .user-menu .logged-user .user-menu-toggle small {
  color: #fff;
  width: 33px;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  top: 6px;
  position: relative;
}
header .user-menu .logged-user .user-menu-toggle .avatar {
  border-radius: 50%;
  width: 37px;
  height: 37px;
  position: relative;
  top: -2px;
  left: -2px;
  border: 2px solid white;
}
header .user-menu .user-menu-links {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 200px;
  z-index: 1000;
  display: none;
  box-shadow: 0 4px 16px 0 rgba(4, 47, 66, 0.4);
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  header .user-menu .user-menu-links {
    right: 0px;
    top: 60px;
    width: 200px;
  }
}
header .user-menu .user-menu-links p {
  padding: 10px 20px;
}
header .user-menu .user-menu-links p a {
  display: block;
  width: 100%;
}
header .user-menu .user-menu-links p a .icon {
  width: 20px;
  height: 20px;
  background: #f5f9fc;
  display: inline-block;
  margin: 0 5px 0 0;
  position: relative;
  top: 5px;
}
header .user-menu .user-menu-links p a .user-menu-account {
  background: url("/assets/icon-user-menu-account-20-6b5ca708.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a .user-menu-settings {
  background: url("/assets/icon-user-menu-settings-20-2015bfef.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a .user-menu-groups {
  background: url("/assets/icon-user-menu-groups-20-4b4d98ef.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a .user-menu-help {
  background: url("/assets/icon-user-menu-help-20-005cf07b.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a .user-menu-change-log {
  background: url("/assets/icon-user-menu-change-42ae0eed.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a .user-menu-logout {
  background: url("/assets/icon-user-menu-logout-20-dd100a0a.svg") no-repeat 0 0;
}
header .user-menu .user-menu-links p a:hover {
  color: initial;
}
header .user-menu .user-menu-links p:last-child {
  border-top: 1px solid #e8eced;
  padding: 15px 20px;
}
header .user-menu .user-menu-links p:hover {
  background: #eaf3fa;
}
header .user-menu .user-menu-links .logged-user {
  position: relative;
  flex-direction: row;
  align-items: center;
  display: block;
  border-bottom: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  header .user-menu .user-menu-links .logged-user {
    display: none;
    width: 306px;
  }
}
header .user-menu .user-menu-links .logged-user .username {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 10px;
  float: left;
  width: calc(100% - 37px);
}
header .user-menu .user-menu-links .logged-user .user-menu-toggle {
  display: inline-block;
  width: 37px;
  height: 37px;
  background: #000;
  border: 2px solid #fff;
  border-radius: 20px;
  margin: 0 0 0 -10px;
  position: relative;
  box-shadow: 0 0 3px #515151;
  float: left;
}
header .user-menu .user-menu-links .logged-user .user-menu-toggle small {
  color: #fff;
  width: 33px;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  top: 6px;
  position: relative;
}
header .user-menu .user-menu-links .logged-user .user-menu-toggle .avatar {
  border-radius: 50%;
  position: relative;
  top: -2px;
  left: -2px;
  border: 2px solid white;
}
header .user-menu.has-updates .user-menu-toggle {
  position: relative;
}
header .user-menu.has-updates .user-menu-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-color: #f6a11d;
  border-radius: 50%;
  z-index: 10;
}
header .user-menu.has-updates .user-menu-links p a .user-menu-change-log {
  background: url("/assets/icon-user-menu-change-new-64b23e88.svg") no-repeat 0 0;
}
@media screen and (min-width: 1024px) {
  header .user-menu:hover {
    min-width: 200px;
  }
  header .user-menu:hover .user-menu-links {
    display: block !important;
  }
}

header.organization-header {
  background: #042f42;
}
header.organization-header .container .logo {
  padding-bottom: 17px;
}
header.organization-header .container .logo a {
  background: none;
  width: 190px;
  height: 20px;
  display: block;
}
@media screen and (min-width: 768px) {
  header.organization-header .container .logo a {
    width: 345px;
    height: 37px;
  }
}
header.organization-header .container .logo a span {
  background: url("/assets/cr-brand-41aff1e5.svg") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  height: 24px;
  width: 226px;
  position: relative;
  top: 7px;
}
header.organization-header .container .user-menu {
  width: 50px;
}

header.header-locate,
header.header-polls {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  header.header-locate,
  header.header-polls {
    margin: 40px auto 0;
    border-radius: 4px 4px 0 0;
  }
}
header.header-locate .container,
header.header-polls .container {
  position: relative;
}
header.header-locate .logo,
header.header-polls .logo {
  width: 100%;
  text-align: center;
  display: inline;
  padding: 0 0 16px;
}
header.header-locate .logo a,
header.header-polls .logo a {
  background: url("/assets/cr-logo-polls-header-20afd20f.svg") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 21px auto 0;
  float: none;
}
@media screen and (min-width: 1024px) {
  header.header-locate .logo a,
  header.header-polls .logo a {
    width: 64px;
    height: 64px;
  }
}
header.header-locate h1,
header.header-polls h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
  text-align: center;
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  header.header-locate h1,
  header.header-polls h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 24px !important;
    padding: 21px 0;
  }
}

body.community-account header {
  background: #44c6d7;
}
body.community-account header .logo a {
  background: url("/assets/logo-community-cbcd13ea.svg") no-repeat 0 0;
  background-size: cover;
  width: 38px;
}
body.community-account header .logo h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
  padding-top: 6px;
}
@media screen and (min-width: 1024px) {
  body.community-account header .logo h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 28px !important;
    display: inline-block;
    float: left;
    width: calc(100% - 55px);
    padding-top: 3px;
  }
}
body.community-account header .logo h1 a {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
  width: auto;
  background: none;
  display: inline;
}
@media screen and (min-width: 1024px) {
  body.community-account header .logo h1 a {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #fff !important;
    line-height: 28px !important;
  }
}

footer .footer-logo {
  float: left;
  padding: 10px 16px;
}
@media screen and (min-width: 1024) {
  footer .footer-logo {
    padding: 10px 0;
  }
}
footer .footer-links {
  text-align: center;
  font-size: 12px;
  color: #8499a3;
  padding: 10px 16px;
}
@media screen and (min-width: 1024) {
  footer .footer-links {
    padding: 10px 0;
  }
}
footer .footer-links a {
  font-size: 12px;
  color: #8499a3;
}

#dimmer {
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 400;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}

.ui.dimmer {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.is-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.modal:not(.ui) {
  display: none;
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  margin: 0px auto;
  z-index: 99999;
  overflow-y: auto;
  box-shadow: 0 4px 8px 0 rgba(4, 47, 66, 0.15);
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) {
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    border-radius: 4px;
    height: auto;
    max-height: 90vh;
  }
}
.modal:not(.ui) .modal-header {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 20px !important;
  width: 100%;
  min-height: 80px;
  background: #0865d1;
  position: relative;
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-header {
    font-family: "Work Sans", sans-serif;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 24px !important;
    border-radius: 4px 4px 0 0;
  }
}
.modal:not(.ui) .modal-header .close {
  position: absolute;
  top: 30px !important;
  right: 20px !important;
  font-size: 14px;
  color: white;
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-header .close {
    display: none;
  }
}
.modal:not(.ui) .modal-header span {
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  display: inline-block;
  position: relative;
  top: 4px;
}
.modal:not(.ui) .modal-header span.select-workflow {
  background: url("/assets/modals/icon-activate-workflow-bea58bb4.svg") no-repeat 0 0;
  background-size: cover;
}
.modal:not(.ui) .modal-header span.select-craig-prompt {
  background: url("/assets/modals/icon-craig-tools-4cb11176.svg") no-repeat 0 0;
  background-size: cover;
}
.modal:not(.ui) .modal-header span.conference-call {
  background: url("/assets/modals/icon-conference-call-de4ec6b2.svg") no-repeat 0 0;
  background-size: cover;
}
.modal:not(.ui) .modal-header span.send-notification {
  background: url("/assets/modals/icon-send-notification-24-b5c94463.svg") no-repeat 0 0;
  background-size: cover;
  top: 7px;
}
.modal:not(.ui) .modal-header.blue {
  background: #0865d1;
}
.modal:not(.ui) .modal-header.black {
  background: #052e42;
}
.modal:not(.ui) .modal-header.light-blue {
  background: #40b9f9;
}
.modal:not(.ui) .modal-header.scooter {
  background: #44c6d7;
}
.modal:not(.ui) .modal-footer {
  width: 100%;
  height: 70px;
  background: #fff;
  position: relative;
  border-top: 1px solid #e8eced;
  box-shadow: 0 -2px 8px -1px rgba(4, 47, 66, 0.1);
}
.modal:not(.ui) .modal-footer .mobile-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-footer .mobile-hidden {
    display: inherit;
  }
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-footer .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-footer {
    border-radius: 0 0 4px 4px;
  }
}
.modal:not(.ui) .modal-footer .button {
  position: absolute;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
}
.modal:not(.ui) .modal-footer .button.negative {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: transparent;
  border: 0;
  top: 15px;
  left: 0;
  margin-left: 0;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-footer .button.negative {
    left: 5px;
  }
}
.modal:not(.ui) .modal-footer .button.negative:hover {
  background: none;
  color: #de2d40 !important;
}
.modal:not(.ui) .modal-footer .button.secondary {
  letter-spacing: 0, 4px;
  border: 1px solid #8499a3;
  background: #fff;
  width: auto;
  display: inline-block;
  top: 10px;
  right: 124px;
  padding: 14px 20px;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-footer .button.secondary {
    padding: 20px 33px 0;
    line-height: 0 !important;
    top: 14px;
    right: 250px;
    height: 42px;
  }
}
.modal:not(.ui) .modal-footer .button.positive {
  letter-spacing: 0, 4px;
  border: 1px solid #8499a3;
  background: #fff;
  width: auto;
  display: inline-block;
  top: 10px;
  right: 16px;
  padding: 14px 20px;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-footer .button.positive {
    padding: 20px 33px 0;
    line-height: 0 !important;
    top: 14px;
    right: 30px;
    height: 42px;
  }
}
.modal:not(.ui) .modal-footer .button.positive:hover, .modal:not(.ui) .modal-footer .button.positive.active, .modal:not(.ui) .modal-footer .button.secondary:hover, .modal:not(.ui) .modal-footer .button.secondary.active {
  color: #fff !important;
  border: 1px solid #0865d1;
  background: #0865d1;
}
.modal:not(.ui) .modal-footer input.button.positive, .modal:not(.ui) .modal-footer input.button.secondary {
  padding: 14px 20px 14px 20px;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-footer input.button.positive, .modal:not(.ui) .modal-footer input.button.secondary {
    padding: 20px 33px 20px 33px;
  }
}
.modal:not(.ui) .modal-content {
  width: 100%;
  height: calc(100% - 150px);
  position: relative;
  padding: 24px 16px;
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .modal:not(.ui) .modal-content {
    padding: 24px;
    max-height: calc(80vh - 150px);
    min-height: 330px;
    height: auto;
  }
}
.modal:not(.ui) .modal-content .modal-empty-state {
  width: 270px;
  margin: 0 auto;
}
.modal:not(.ui) .modal-content .modal-empty-state .modal-empty-icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 45px auto;
}
.modal:not(.ui) .modal-content .modal-empty-state h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  padding: 0;
  margin: 0 0 8px;
  text-align: center;
  text-transform: uppercase;
}
.modal:not(.ui) .modal-content .modal-empty-state p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  padding: 0 0 10px;
  margin: 0;
  text-align: center;
}
.modal:not(.ui) .modal-content .modal-empty-state p a {
  color: #0865d1;
  text-decoration: underline;
}
.modal:not(.ui) .modal-content .search-box {
  margin-bottom: 10px;
}
.modal:not(.ui) .modal-content .search-box .dropdown.icon {
  display: none;
}
.modal:not(.ui) .modal-content .search-box .search.icon {
  z-index: 30;
}
.modal:not(.ui) .modal-content ul li {
  position: relative;
  padding: 12px 10px;
  border-bottom: 1px solid #e8eced;
}
.modal:not(.ui) .modal-content ul li label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-content ul li label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.modal:not(.ui) .modal-content ul li label.workflow-labels {
  width: 100%;
}
.modal:not(.ui) .modal-content ul li .ui.radio.checkbox:has(+ span.code-digits) {
  max-width: 90%;
}
.modal:not(.ui) .modal-content ul li span.code-digits {
  color: #8499a3;
  font-size: 12px;
  position: absolute;
  top: 14px;
  right: 10px;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-content ul li span.code-digits {
    position: absolute;
    right: 10px;
  }
}
.modal:not(.ui) .modal-content ul li span.more-info {
  position: absolute;
  right: 10px;
  top: 18px;
  color: #8499a3;
  font-size: 12px;
  width: 16px;
  height: 16px;
  background: url("/assets/modals/icon-open-3a5d7699.svg") no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
.modal:not(.ui) .modal-content ul li span.more-info.open {
  background: url("/assets/modals/icon-close-343f432d.svg") no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
.modal:not(.ui) .modal-content ul li small.item-description {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 8px 0px 0px 25px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-content ul li small.item-description {
    margin: 8px 0px 0px 30px;
  }
}
.modal:not(.ui) .modal-content ul li small.item-description.open {
  display: block;
}
.modal:not(.ui) .modal-content ul li:hover,
.modal:not(.ui) .modal-content ul li.selected {
  background: #eaf3fa;
}
.modal:not(.ui) .modal-content .contacts-list li div.ui.checkbox {
  width: 100%;
}
.modal:not(.ui) .modal-content .contacts-list li div.ui.checkbox label {
  width: 90%;
}
.modal:not(.ui) .modal-content .notification-box .recipients span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 7px 5px 0;
}
.modal:not(.ui) .modal-content .notification-box .recipients p {
  margin-bottom: 10px;
}
.modal:not(.ui) .modal-content .notification-box hr.community-notifications-divider {
  margin-bottom: 20px;
}
.modal:not(.ui) .modal-content p.poll-response-member {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-content p.poll-response-member {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.modal:not(.ui) .modal-content p.poll-response-member span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: initial;
}
@media screen and (min-width: 1024px) {
  .modal:not(.ui) .modal-content p.poll-response-member span {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #8499a3 !important;
    line-height: 20px !important;
  }
}

#activate-workflow .modal-empty-state .modal-empty-icon {
  background: url("/assets/modals/workflow-empty-afd9cbcc.svg") no-repeat 0 0;
  background-size: 100%;
}

#craig-prompts-select .modal-empty-state .modal-empty-icon {
  background: url("/assets/icon-craig-empty-7ee9080f.svg") no-repeat 0 0;
  background-size: 100%;
}

#conference-call .modal-empty-state .modal-empty-icon {
  background: url("/assets/modals/call-empty-0627e658.svg") no-repeat 0 0;
  background-size: 100%;
}

#conference-call .group-tabs,
#send-notification-select-lists .group-tabs {
  border-bottom: 1px solid #e8eced;
}
#conference-call .group-tabs a.item,
#send-notification-select-lists .group-tabs a.item {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  border: none;
  border-bottom: 5px solid #fff;
}
#conference-call .group-tabs a.item.active,
#send-notification-select-lists .group-tabs a.item.active {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border-bottom: 5px solid #0865d1;
  margin-bottom: 0px;
}
#conference-call .modal-content,
#send-notification-select-lists .modal-content {
  padding: 0px;
  padding-top: 24px;
}
#conference-call .modal-content .select-list-box,
#send-notification-select-lists .modal-content .select-list-box {
  margin-left: 24px;
  margin-right: 24px;
}
#conference-call .list-box,
#send-notification-select-lists .list-box {
  min-height: 330px;
  max-height: calc(80vh - 135px);
  overflow-y: scroll;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  #conference-call .list-box,
  #send-notification-select-lists .list-box {
    max-height: calc(80vh - 320px);
  }
}
#conference-call .modal-empty-state .modal-empty-icon,
#send-notification-select-lists .modal-empty-state .modal-empty-icon {
  background: url("/assets/modals/notification-empty-0627e658.svg") no-repeat 0 0;
  background-size: 100%;
}

#activate-workflow-preview div.description {
  padding: 0 !important;
}
#activate-workflow-preview hr {
  margin: 16px 0;
}
#activate-workflow-preview p.name {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 24px !important;
  margin-bottom: 16px;
}
#activate-workflow-preview p.members + hr {
  margin-top: 8px;
}
#activate-workflow-preview p.send-via {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin-top: 0;
}
#activate-workflow-preview .includes-poll {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  line-height: 18px !important;
}
#activate-workflow-preview .includes-poll .poll-label {
  text-transform: uppercase;
  color: #8499a3;
}
#activate-workflow-preview .text-images {
  padding: 12px 10px;
}
#activate-workflow-preview .text-images .box-image {
  width: 64px;
  float: left;
}
#activate-workflow-preview .text-images .box-image img {
  width: 100%;
}
#activate-workflow-preview .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
#activate-workflow-preview .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
#activate-workflow-preview .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
#activate-workflow-preview .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
#activate-workflow-preview p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}

#activation-code-preview-body p,
#conference-call-preview-body p {
  padding: 0;
  margin: 0;
}
#activation-code-preview-body small,
#conference-call-preview-body small {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
#activation-code-preview-body p.members,
#conference-call-preview-body p.members {
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  #activation-code-preview-body p.members,
  #conference-call-preview-body p.members {
    padding: 8px 0;
  }
}
#activation-code-preview-body p.members span,
#conference-call-preview-body p.members span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 0 10px 10px 0;
}
#activation-code-preview-body p.group-description,
#conference-call-preview-body p.group-description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
#activation-code-preview-body p.group-description small,
#conference-call-preview-body p.group-description small {
  display: block;
}
#activation-code-preview-body p.group-description span,
#conference-call-preview-body p.group-description span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 10px 10px 0 0;
}
#activation-code-preview-body .message,
#conference-call-preview-body .message {
  padding: 16px;
  background: #eaf3fa;
  margin-top: 8px;
  position: relative;
  cursor: pointer;
}
#activation-code-preview-body .message .edit,
#conference-call-preview-body .message .edit {
  position: absolute;
  top: 16px;
  right: 16px;
}
#activation-code-preview-body .message p,
#conference-call-preview-body .message p {
  width: 90%;
}
#activation-code-preview-body .message p + p,
#conference-call-preview-body .message p + p {
  margin-top: 8px;
}
#activation-code-preview-body textarea.custom-notification-message,
#conference-call-preview-body textarea.custom-notification-message {
  width: 100%;
  height: 72px;
  min-height: initial;
  margin-bottom: 8px;
}
#activation-code-preview-body a.reset,
#conference-call-preview-body a.reset {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  min-width: 90px;
  padding: 0px 8px;
}
#activation-code-preview-body a.reset i.icon,
#conference-call-preview-body a.reset i.icon {
  margin-right: 2px;
}

#start-conference-call .notify_off_duty_contacts {
  margin-top: 24px;
}
#start-conference-call .ui.toggle.checkbox input:checked ~ .box:before,
#start-conference-call .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #0865d1 !important;
}
#start-conference-call .select-conference-line label {
  display: block;
  margin-top: 24px;
  margin-bottom: 16px;
}
#start-conference-call .select-conference-line .ui.dropdown.selection {
  width: 100%;
}
#start-conference-call .initiator-included i {
  margin-right: 8px;
}

#send-notification hr.notification-compose-divider,
#notification-compose hr.notification-compose-divider,
#notification-preview-body hr.notification-compose-divider,
#conference-call-preview-body hr.notification-compose-divider {
  margin: 24px 0;
}
#send-notification hr.notification-compose-divider-small,
#notification-compose hr.notification-compose-divider-small,
#notification-preview-body hr.notification-compose-divider-small,
#conference-call-preview-body hr.notification-compose-divider-small {
  margin: 16px 0;
}
#send-notification a.ui.label.transition.visible,
#notification-compose a.ui.label.transition.visible,
#notification-preview-body a.ui.label.transition.visible,
#conference-call-preview-body a.ui.label.transition.visible {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 0 10px 10px 0;
}
#send-notification #text_message_images,
#send-notification #text_message_audio_file,
#notification-compose #text_message_images,
#notification-compose #text_message_audio_file,
#notification-preview-body #text_message_images,
#notification-preview-body #text_message_audio_file,
#conference-call-preview-body #text_message_images,
#conference-call-preview-body #text_message_audio_file {
  display: none;
}
#send-notification label.modal-content-title,
#notification-compose label.modal-content-title,
#notification-preview-body label.modal-content-title,
#conference-call-preview-body label.modal-content-title {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
#send-notification label.modal-content-title span.delivery-methods-toggle,
#notification-compose label.modal-content-title span.delivery-methods-toggle,
#notification-preview-body label.modal-content-title span.delivery-methods-toggle,
#conference-call-preview-body label.modal-content-title span.delivery-methods-toggle {
  cursor: pointer;
}
#send-notification label.modal-content-subtitle,
#notification-compose label.modal-content-subtitle,
#notification-preview-body label.modal-content-subtitle,
#conference-call-preview-body label.modal-content-subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  text-transform: initial !important;
}
#send-notification label.nobold,
#notification-compose label.nobold,
#notification-preview-body label.nobold,
#conference-call-preview-body label.nobold {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 768px) {
  #send-notification label.attachment,
  #notification-compose label.attachment,
  #notification-preview-body label.attachment,
  #conference-call-preview-body label.attachment {
    text-align: right;
    margin-top: -52px;
    margin-bottom: 0px;
  }
}
#send-notification .attachment-box .direct-upload:first-of-type,
#notification-compose .attachment-box .direct-upload:first-of-type,
#notification-preview-body .attachment-box .direct-upload:first-of-type,
#conference-call-preview-body .attachment-box .direct-upload:first-of-type {
  padding-top: 24px;
}
#send-notification textarea.message-body,
#notification-compose textarea.message-body,
#notification-preview-body textarea.message-body,
#conference-call-preview-body textarea.message-body {
  height: 72px;
  min-height: initial;
  margin-bottom: 8px;
}
#send-notification .message-char-count,
#notification-compose .message-char-count,
#notification-preview-body .message-char-count,
#conference-call-preview-body .message-char-count {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-bottom: 21px;
}
#send-notification .dropdown-select-polls,
#notification-compose .dropdown-select-polls,
#notification-preview-body .dropdown-select-polls,
#conference-call-preview-body .dropdown-select-polls {
  margin-top: 8px;
  margin-bottom: 16px;
}
#send-notification p.delivery-method,
#notification-compose p.delivery-method,
#notification-preview-body p.delivery-method,
#conference-call-preview-body p.delivery-method {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin: 10px 0;
  padding: 0;
}
#send-notification .select-outbound-number label,
#notification-compose .select-outbound-number label,
#notification-preview-body .select-outbound-number label,
#conference-call-preview-body .select-outbound-number label {
  display: block;
  margin-top: 24px;
  margin-bottom: 16px;
}
#send-notification .select-outbound-number .ui.dropdown.selection,
#notification-compose .select-outbound-number .ui.dropdown.selection,
#notification-preview-body .select-outbound-number .ui.dropdown.selection,
#conference-call-preview-body .select-outbound-number .ui.dropdown.selection {
  width: 100%;
}
#send-notification div.delivery-method .ui.checkbox,
#notification-compose div.delivery-method .ui.checkbox,
#notification-preview-body div.delivery-method .ui.checkbox,
#conference-call-preview-body div.delivery-method .ui.checkbox {
  display: block;
  margin: 16px 0;
}
#send-notification div.delivery-method label,
#notification-compose div.delivery-method label,
#notification-preview-body div.delivery-method label,
#conference-call-preview-body div.delivery-method label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  display: block;
  margin-bottom: 16px;
}
#send-notification div.delivery-method label small,
#notification-compose div.delivery-method label small,
#notification-preview-body div.delivery-method label small,
#conference-call-preview-body div.delivery-method label small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  margin: 3px 0 0 0;
}
#send-notification div.delivery-method label.heading,
#notification-compose div.delivery-method label.heading,
#notification-preview-body div.delivery-method label.heading,
#conference-call-preview-body div.delivery-method label.heading {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
}
#send-notification .normal-delivery-options,
#send-notification .advanced-delivery-options,
#notification-compose .normal-delivery-options,
#notification-compose .advanced-delivery-options,
#notification-preview-body .normal-delivery-options,
#notification-preview-body .advanced-delivery-options,
#conference-call-preview-body .normal-delivery-options,
#conference-call-preview-body .advanced-delivery-options {
  margin: 0 0 16px;
}
#send-notification .normal-delivery-options p,
#notification-compose .normal-delivery-options p,
#notification-preview-body .normal-delivery-options p,
#conference-call-preview-body .normal-delivery-options p {
  margin-bottom: 8px;
}
#send-notification .advanced-delivery-options,
#notification-compose .advanced-delivery-options,
#notification-preview-body .advanced-delivery-options,
#conference-call-preview-body .advanced-delivery-options {
  margin: 0 0 16px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#send-notification .advanced-delivery-options label,
#notification-compose .advanced-delivery-options label,
#notification-preview-body .advanced-delivery-options label,
#conference-call-preview-body .advanced-delivery-options label {
  margin: 0 0 16px 0;
  display: inline-block;
}
#send-notification .advanced-delivery-options .ui.checkbox,
#notification-compose .advanced-delivery-options .ui.checkbox,
#notification-preview-body .advanced-delivery-options .ui.checkbox,
#conference-call-preview-body .advanced-delivery-options .ui.checkbox {
  display: block;
}
#send-notification .advanced-delivery-options small,
#notification-compose .advanced-delivery-options small,
#notification-preview-body .advanced-delivery-options small,
#conference-call-preview-body .advanced-delivery-options small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  position: relative;
  top: -10px;
  left: 30px;
  display: inline-block;
  width: 90%;
}
#send-notification .single-message,
#notification-compose .single-message,
#notification-preview-body .single-message,
#conference-call-preview-body .single-message {
  margin: 10px 0 16px;
  padding: 10px;
  background: #eaf3fa;
}
#send-notification audio,
#notification-compose audio,
#notification-preview-body audio,
#conference-call-preview-body audio {
  display: inline-block;
  margin: 10px 0;
  width: 90%;
  float: left;
}
@media screen and (min-width: 1024px) {
  #send-notification audio,
  #notification-compose audio,
  #notification-preview-body audio,
  #conference-call-preview-body audio {
    width: 95%;
  }
}
#send-notification #select-prepared-message,
#notification-compose #select-prepared-message,
#notification-preview-body #select-prepared-message,
#conference-call-preview-body #select-prepared-message {
  margin-bottom: 8px;
}
#send-notification .menu.transition,
#notification-compose .menu.transition,
#notification-preview-body .menu.transition,
#conference-call-preview-body .menu.transition {
  min-height: 170px !important;
  max-height: 170px !important;
  height: 170px !important;
}

.modal.delete-modal {
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .modal.delete-modal {
    width: 480px;
    height: initial;
  }
}
.modal.delete-modal .modal-header {
  position: relative;
  padding: 0 !important;
  height: auto !important;
  background: none !important;
}
.modal.delete-modal .modal-header h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin: 40px 0 16px 40px;
}
.modal.delete-modal .modal-header i.close.icon {
  display: none;
}
.modal.delete-modal i.close {
  display: none;
}
.modal.delete-modal .modal-content {
  min-height: 60px !important;
  height: auto !important;
  overflow-y: hidden;
  padding: 0 40px 24px;
}
.modal.delete-modal .modal-content #delete-content {
  margin-top: 16px;
}
.modal.delete-modal .actions {
  background: #f5f9fc !important;
  padding: 16px 0;
  border-top: 0;
  text-align: left;
  height: auto;
  padding-bottom: 16px !important;
  margin-top: 0px !important;
}
@media screen and (min-width: 768px) {
  .modal.delete-modal .actions {
    display: flex;
    justify-content: space-between;
  }
}
.modal.delete-modal .actions .deny.button {
  margin: 0 0 16px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  border: 1px solid #0865d1;
  background: transparent;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal.delete-modal .actions .deny.button {
    min-width: 150px;
    max-width: max-content;
    margin: 0 21px 0;
  }
}
.modal.delete-modal .actions a.destroy {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  top: 0;
  background: #de2d40;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  border: 0;
  height: auto;
  padding: 12px 30px !important;
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  float: right;
}
@media screen and (min-width: 768px) {
  .modal.delete-modal .actions a.destroy {
    width: 220px;
    margin: 0 0 0 20px;
  }
}

#notification-preview-body audio {
  float: none;
  width: 100%;
  margin: 0;
}
#notification-preview-body .dropdown-select-polls {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (min-width: 768px) {
  #notification-preview-body .dropdown-select-polls {
    flex-direction: row;
  }
  #notification-preview-body .dropdown-select-polls .ui.dropdown.poll {
    flex-grow: 1;
  }
  #notification-preview-body .dropdown-select-polls .ui.dropdown.duration {
    width: 10em;
  }
}

span.progress_count {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: transparent;
  width: 100%;
  display: block;
  border-radius: 15px;
  text-align: left;
  padding: 0px 0;
  margin: 5px 0;
  height: 10px;
}

span.progress {
  background: #44c6d7;
  display: inline-block;
  height: 5px;
  position: relative;
  left: 0;
  top: -2px;
  border-radius: 15px;
}

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  color: #0865d1 !important;
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
  border-color: rgb(212, 212, 213) !important;
}

.ui.checkbox .box:before,
.ui.checkbox label:before,
.ui.checkbox .box:after,
.ui.checkbox label:after {
  font-size: 14px;
}

.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  width: 18px;
  height: 18px;
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  width: 18px;
  height: 18px;
}

.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: #0865d1 !important;
}

@media screen and (min-width: 768px) {
  body.community-account .ui.deny.button {
    width: 200px !important;
  }
}
body.community-account #report-issue-modal .modal-header {
  background: #44c6d7;
}

#report-issue-modal .modal-content {
  min-height: auto;
}
#report-issue-modal .modal-content p {
  margin-bottom: 10px;
}

@keyframes appear-then-fade {
  0%, 100% {
    opacity: 0;
  }
  5%, 90% {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  #flashes {
    min-height: 40px;
  }
}

.flash {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  animation: appear-then-fade 4s both;
}
.flash p {
  text-align: center;
  padding: 8px 0 8px;
  width: calc(100% - 32px);
  max-width: 960px;
  margin: 0 auto;
  border-radius: 4px;
}
@media screen and (min-width: 1024px) {
  .flash p {
    width: 100%;
  }
}
.flash p span {
  background: url("/assets/icon-flash-notice-e77a7ec9.svg") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 7px 0 0;
  top: 2px;
  position: relative;
}
.flash.notice p {
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 4px;
  padding: 6px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 17px !important;
  background: #fffcd5;
  border-left: 5px solid #ffd602;
  text-transform: uppercase;
}
.flash.notice p a {
  text-decoration: underline;
}
.flash.alert {
  animation: appear-then-fade 7s both;
}
.flash.alert p {
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 4px;
  padding: 6px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 17px !important;
  border-left: 5px solid #c73949;
  background: #fadede;
  text-transform: uppercase;
}
.flash.alert p a {
  text-decoration: underline;
}

body.organizations.team-account #flashes {
  background: #0865d1;
}
body.organizations.community-account #flashes {
  background: #44c6d7;
}
body.organizations #flashes {
  margin-top: 0px;
}

*[data-controller~=tabs] .tabs-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
*[data-controller~=tabs] *[data-tabs-target~=tab] {
  display: flex;
  justify-content: center;
  flex: 1;
  padding: 10px;
  cursor: pointer;
}
*[data-controller~=tabs] .tabs-content {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 10px;
}
*[data-controller~=tabs] .tabs-content *[data-tabs-target=content] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
*[data-controller~=tabs] *[data-tabs-target=content] {
  margin-top: 10px;
}

*[data-controller~=selectlist] .select-list-box {
  border: 1px solid #e8eced;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 16px;
  min-height: 48px;
}
*[data-controller~=selectlist] .select-list-box span.selection-tag {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 0 10px 10px 0;
  width: auto;
  float: right;
}
*[data-controller~=selectlist] .select-list-box span.selection-tag i {
  font-size: 12px;
}
*[data-controller~=selectlist] .select-list-box .selected-items span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 7px 5px 0;
}
*[data-controller~=selectlist] .select-list-box .selected-items span.sizer {
  display: none;
  white-space: pre;
}
*[data-controller~=selectlist] .select-list-box .selected-items input {
  padding: 3px 10px 3px 5px;
  height: initial;
  border: 0;
  display: inline !important;
  margin-top: 5px;
  margin-bottom: 5px;
}
*[data-controller~=selectlist] ul li {
  position: relative;
  padding: 12px 10px;
  border-bottom: 1px solid #e8eced;
}
*[data-controller~=selectlist] ul li label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 1024px) {
  *[data-controller~=selectlist] ul li label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
*[data-controller~=selectlist] ul li label.workflow-labels {
  width: 80%;
}
@media screen and (min-width: 1024px) {
  *[data-controller~=selectlist] ul li label.workflow-labels {
    width: 100%;
  }
}
*[data-controller~=selectlist] ul li span.code-digits {
  color: #8499a3;
  font-size: 12px;
  position: absolute;
  top: 14px;
  right: 10px;
}
@media screen and (min-width: 1024px) {
  *[data-controller~=selectlist] ul li span.code-digits {
    position: absolute;
    right: 10px;
  }
}
*[data-controller~=selectlist] ul li span.more-info {
  position: absolute;
  right: 10px;
  top: 18px;
  color: #8499a3;
  font-size: 12px;
  width: 16px;
  height: 16px;
  background: url("/assets/modals/icon-open-3a5d7699.svg") no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
*[data-controller~=selectlist] ul li span.more-info.open {
  background: url("/assets/modals/icon-close-343f432d.svg") no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
*[data-controller~=selectlist] ul li small.item-description {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 8px 0px 0px 25px;
  display: none;
}
@media screen and (min-width: 1024px) {
  *[data-controller~=selectlist] ul li small.item-description {
    margin: 8px 0px 0px 30px;
  }
}
*[data-controller~=selectlist] ul li small.item-description.open {
  display: block;
}
*[data-controller~=selectlist] ul li:hover,
*[data-controller~=selectlist] ul li.selected {
  background: #eaf3fa;
}

*[data-controller~=direct-upload] input[type=file] {
  display: none;
}
*[data-controller~=direct-upload] label.attachment {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
  cursor: pointer;
}
*[data-controller~=direct-upload] label.attachment span {
  background: url("/assets/modals/icon-attachment-ff0519f5.svg") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  width: 13px;
  height: 17px;
  position: relative;
  top: 5px;
  padding: initial;
}
*[data-controller~=direct-upload] .attachinary_container ul {
  list-style: none;
  margin-top: 6px;
}
*[data-controller~=direct-upload] .attachinary_container ul li {
  position: relative;
  border-bottom: 0;
  display: flex;
}
*[data-controller~=direct-upload] .attachinary_container ul li .preview_container {
  margin-left: 15px;
}
*[data-controller~=direct-upload] .attachinary_container ul li .preview_container span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  overflow-wrap: anywhere;
}
*[data-controller~=direct-upload] .attachinary_container ul li .preview_container a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-decoration: underline;
  margin-right: 12px;
}
*[data-controller~=direct-upload] .attachinary_container ul li img {
  max-width: 64px;
  width: 100%;
  border: 1px solid #ccc;
}
*[data-controller~=direct-upload] .attachinary_container ul li::before,
*[data-controller~=direct-upload] .attachinary_container ul li::after {
  content: "";
  display: table;
}
*[data-controller~=direct-upload] .attachinary_container ul li::after {
  clear: both;
}
*[data-controller~=direct-upload] .attachinary_container ul li {
  *zoom: 1;
}
*[data-controller~=direct-upload] span.progress_count {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: transparent;
  width: 100%;
  display: block;
  border-radius: 15px;
  text-align: left;
  padding: 0px 0;
  margin: 5px 0;
  height: 10px;
}
*[data-controller~=direct-upload] span.progress {
  background: #44c6d7;
  display: inline-block;
  height: 5px;
  position: relative;
  left: 0;
  top: -2px;
  border-radius: 15px;
}

*[data-controller~=audio-upload] p.hint {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
*[data-controller~=audio-upload] input[type=file] {
  display: none;
}
*[data-controller~=audio-upload] audio {
  display: inline-block;
  margin: 10px 0;
  width: 90%;
  float: left;
}
@media screen and (min-width: 1024px) {
  *[data-controller~=audio-upload] audio {
    width: 95%;
  }
}
*[data-controller~=audio-upload] p.attachment {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
*[data-controller~=audio-upload] p.attachment span {
  background: url("/assets/modals/icon-attachment-ff0519f5.svg") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
*[data-controller~=audio-upload] label.attachment {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin-bottom: 16px;
  cursor: pointer;
}
*[data-controller~=audio-upload] label.attachment span {
  background: url("/assets/modals/icon-attachment-ff0519f5.svg") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  width: 13px;
  height: 17px;
  position: relative;
  top: 5px;
  padding: initial;
}
*[data-controller~=audio-upload] label.attachment.voice span {
  background: url("/assets/modals/icon-attachment-voice-14c24ce6.svg") no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  body.community-account *[data-controller~=audio-upload] label.attachment.voice {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0px;
  }
}
*[data-controller~=audio-upload] .audio-upload.status {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
*[data-controller~=audio-upload] .remove-audio {
  background: url("/assets/icon-delete-06f99661.svg") no-repeat 0 0;
  font-size: 0;
  width: 20px;
  height: 25px;
  display: inline-block;
  float: left;
  position: relative;
  top: 25px;
  right: -10px;
  cursor: pointer;
}

*[data-controller~=clickable] {
  cursor: pointer;
}

*[data-controller~=nested-fields] .add-nested-field {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
*[data-controller~=nested-fields] .delete-record {
  float: right;
  width: 30px;
  height: 30px;
  background: url("/assets/icon-delete-field-3b893d37.svg") no-repeat 50% 50%;
  position: relative;
  top: 5px;
  font-size: 0;
}

*[data-controller~=drag] *[data-drag-target] {
  cursor: move;
}

*[data-controller~=placeholder-selector]::selection {
  background: #f6a11d;
}

*[data-controller~=label-check] {
  display: none;
}

span[data-controller~=popover] {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 0.16em;
  text-decoration-color: #0865d1;
  cursor: pointer;
}

[data-popover-target=content]:popover-open {
  --arrow-left: 20px;
  display: block;
  position: fixed;
  inset: auto;
  margin: 0;
  max-width: 350px;
  background: white;
  border: 1px solid #e8eced;
  border-radius: 4px;
  padding: 8px 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}
[data-popover-target=content]:popover-open::before {
  content: "";
  position: absolute;
  left: var(--arrow-left);
  border: 8px solid transparent;
  pointer-events: none;
}
[data-popover-target=content]:popover-open::after {
  content: "";
  position: absolute;
  left: calc(var(--arrow-left) + 1px);
  border: 7px solid transparent;
  pointer-events: none;
}
[data-popover-target=content]:popover-open.popover-below::before {
  top: -16px;
  border-bottom-color: #e8eced;
}
[data-popover-target=content]:popover-open.popover-below::after {
  top: -14px;
  border-bottom-color: white;
}
[data-popover-target=content]:popover-open.popover-above::before {
  bottom: -16px;
  border-top-color: #e8eced;
}
[data-popover-target=content]:popover-open.popover-above::after {
  bottom: -14px;
  border-top-color: white;
}

.flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.flex-container .full-width {
  width: 100%;
}
.flex-container .columns {
  display: flex;
  justify-content: space-between;
}
.flex-container .columns .column {
  flex: auto;
}

.dashboard-buttons {
  background: #0865d1;
  padding: 8px 0 16px;
}
@media screen and (min-width: 768px) {
  .dashboard-buttons {
    padding: 0px 20px 24px;
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-buttons {
    padding: 0px 0 48px;
  }
}
@media screen and (min-width: 768px) {
  .dashboard-buttons .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-buttons .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}

.dashboard-button {
  width: calc(100% - 32px);
  margin: 0 auto 16px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dashboard-button {
    flex: 1;
    min-width: 0;
    margin: 0 25px 0 0;
    text-align: center;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-button {
    flex: 1;
    min-width: 0;
    max-width: 309px;
    margin: 0;
    text-align: center;
    padding: 0;
  }
}
.dashboard-button small {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 20px !important;
  display: inline-block;
  margin: 0 0 0 35px;
}
@media screen and (min-width: 768px) {
  .dashboard-button small {
    margin: 0 auto 25px;
  }
}
.dashboard-button span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  position: absolute;
  top: 14px;
  left: 16px;
}
@media screen and (min-width: 768px) {
  .dashboard-button span {
    display: block;
    margin: 32px auto 13px;
    width: 46px;
    height: 46px;
    position: relative;
    top: 0;
    left: 0;
  }
}
.dashboard-button.activate-workflow span {
  background: url("/assets/icon-activate-workflow-c1810e58.svg") no-repeat 0 0;
  background-size: 100%;
}
.dashboard-button.conference-call.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-button.conference-call span {
  background: url("/assets/icon-conference-call-f474a139.svg") no-repeat 0 0;
  background-size: 100%;
}
.dashboard-button.send-notification.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-button.send-notification span {
  background: url("/assets/icon-send-notification-46-199ce2eb.svg") no-repeat 0 0;
  background-size: 100%;
}
.dashboard-button.craig-prompts span {
  background: url("/assets/icon-craig-tools-49dfac59.svg") no-repeat 0 0;
  background-size: 100%;
}

.dashboard-button:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .dashboard-button:last-child {
    margin: 0;
  }
}

body.community-account #notification-select-lists .modal-header {
  background: #44c6d7;
  height: 100px;
}
@media screen and (min-width: 768px) {
  body.community-account #notification-select-lists .modal-header {
    height: 80px;
  }
}
body.community-account #notification-select-lists .modal-header a.map-link {
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-left: 46px;
}
@media screen and (min-width: 768px) {
  body.community-account #notification-select-lists .modal-header a.map-link {
    display: inline;
    margin-left: 0px;
    padding-top: 6px;
    float: right;
  }
}
body.community-account .dashboard-buttons {
  background: #44c6d7;
  padding: 0 0 16px 0;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons {
    padding: 0 20px 16px 20px;
  }
}
@media screen and (min-width: 1024px) {
  body.community-account .dashboard-buttons {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button {
    width: 226px;
  }
  body.community-account .dashboard-buttons .dashboard-button a {
    display: inline-block;
    width: 100%;
    height: 160px;
  }
}
@media screen and (min-width: 1024px) {
  body.community-account .dashboard-buttons .dashboard-button {
    min-height: 160px;
    width: 307px;
  }
}
body.community-account .dashboard-buttons .dashboard-button small {
  color: #44c6d7 !important;
  padding: 0 20px;
}
body.community-account .dashboard-buttons .dashboard-button span {
  top: 24px;
  background: url("/assets/icon-send-notification-community-46-019bf6f7.svg") no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button span {
    top: 0;
  }
}
body.community-account .dashboard-buttons .dashboard-button.send-notification.email-only-notification span {
  top: 14px;
  background: none;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button.send-notification.email-only-notification span {
    top: 0;
  }
}
body.community-account .dashboard-buttons .dashboard-button.send-notification.email-only-notification span i {
  font-size: 28px;
  color: #44c6d7;
  top: 3px;
  position: relative;
  left: -3px;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button.send-notification.email-only-notification span i {
    font-size: 50px;
    top: 10px;
    left: -7px;
  }
}
body.community-account .dashboard-buttons .dashboard-button.team-management {
  background: transparent;
  padding: 0;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button.team-management {
    text-align: left;
    margin-top: 0;
  }
  body.community-account .dashboard-buttons .dashboard-button.team-management a {
    height: auto;
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  body.community-account .dashboard-buttons .dashboard-button.team-management {
    width: initial;
    padding: 25px 0 0 60px;
  }
}
body.community-account .dashboard-buttons .dashboard-button.team-management h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin-bottom: 20px;
}
body.community-account .dashboard-buttons .dashboard-button.team-management li {
  margin-bottom: 16px;
}
body.community-account .dashboard-buttons .dashboard-button.team-management li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-buttons .dashboard-button.team-management li a {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 20px !important;
  }
}
body.community-account .dashboard-buttons .dashboard-button.team-management li a span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
  left: 0;
}
body.community-account .dashboard-buttons .dashboard-button.team-management li .manage-contacts span {
  background: url("/assets/icon-manage-contacts-white-16-49e9c613.svg") no-repeat 0 0;
}
body.community-account .dashboard-buttons .dashboard-button.team-management li .manage-lists span {
  background: url("/assets/icon-manage-lists-white-16-3629d1af.svg") no-repeat 0 0;
}

body {
  height: 100%;
}

.dashboard {
  height: auto;
}
@media screen and (min-width: 768px) {
  .dashboard {
    height: calc(100% - 110px);
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-content .item.unread span.new-items {
  background-color: #0865d1;
  border-radius: 50%;
  animation: flash ease 2s infinite;
}
.dashboard-content .item span.new-items {
  height: 5px;
  width: 5px;
  display: inline-block;
  margin-right: 0.3em;
  position: relative;
  left: 0;
}
@media screen and (min-width: 768px) {
  .dashboard-content .item span.new-items {
    width: 7px;
    height: 7px;
  }
}

.dashboard-content {
  background: #f5f9fc;
  padding: 0 0 16px;
}
@media screen and (min-width: 768px) {
  .dashboard-content {
    padding: 16px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-content {
    padding: 24px 0 48px;
  }
}
.dashboard-content .main-col {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .main-col {
    display: inline;
    width: 635px;
    float: left;
  }
}
.dashboard-content .main-col h2.mobile-title {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  padding: 21px 0 10px 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .main-col h2.mobile-title {
    display: none;
  }
}
.dashboard-content .side-col {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .side-col {
    float: right;
    width: 309px;
  }
}
.dashboard-content .roll-call .box-title {
  position: relative;
}
.dashboard-content .roll-call .box-title h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0;
  text-transform: uppercase;
}
.dashboard-content .roll-call .box-title a {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 20px !important;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: underline;
}
.dashboard-content .roll-call .box-content {
  background: #0865d1;
  border-radius: 5px;
  margin: 16px 0 8px;
}
.dashboard-content .roll-call .box-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 20px !important;
  padding: 24px;
}
.dashboard-content .roll-call .box-content p strong {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 20px !important;
}
.dashboard-content .roll-call .box-meta p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.dashboard-content .roll-call .box-meta .date {
  width: 50%;
  float: left;
}
.dashboard-content .roll-call .box-meta .responses {
  width: 50%;
  float: right;
  text-align: right;
}
.dashboard-content .team-management h2,
.dashboard-content .team-announcement h2,
.dashboard-content .dashboard-agents-panel h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0;
  text-transform: uppercase;
  padding: 24px 16px 16px;
  border-bottom: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-management h2,
  .dashboard-content .team-announcement h2,
  .dashboard-content .dashboard-agents-panel h2 {
    padding: 0 0 16px;
    border-bottom: 0;
  }
}
.dashboard-content .team-announcement {
  background: #fffcd5;
  border: 1px solid #ffd602;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-announcement {
    padding: 24px;
    border-radius: 4px;
    margin-bottom: 24px;
  }
}
.dashboard-content .team-announcement p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 16px;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-announcement p {
    margin: 0px;
  }
}
.dashboard-content .team-announcement a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-decoration: underline;
  font-style: italic;
  margin: 12px 16px;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-announcement a {
    margin: 0px;
  }
}
.dashboard-content .team-announcement a::after {
  content: " →";
}
.dashboard-content .team-management {
  padding: 0;
  border: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-management {
    padding: 0;
    border: 0;
  }
}
.dashboard-content .team-management #demonstration-side-col hr {
  padding-top: 12px;
  margin-bottom: 12px;
}
.dashboard-content .team-management #demonstration-side-col p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin-bottom: 4px;
}
.dashboard-content .team-management ul li {
  margin: 0;
  padding: 18px 17px 17px;
  border-bottom: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-management ul li {
    border: 0;
    padding: 0 0 14px;
  }
}
.dashboard-content .team-management ul li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-management ul li a {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0865d1 !important;
    line-height: 20px !important;
  }
}
.dashboard-content .team-management ul li a span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
}
.dashboard-content .team-management ul li .manage-contacts span {
  background: url("/assets/icon-manage-contacts-16-1ac668ea.svg") no-repeat 0 0;
}
.dashboard-content .team-management ul li .manage-contacts.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-content .team-management ul li .manage-lists span {
  background: url("/assets/icon-manage-lists-16-b5465e55.svg") no-repeat 0 0;
}
.dashboard-content .team-management ul li .manage-lists.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-content .team-management ul li:last-child {
  border: 0;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .team-management ul li:last-child {
    border: initial;
    padding-bottom: initial;
  }
}
.dashboard-content .dashboard-agents-panel .dashboard-agents-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard-content .dashboard-agents-panel #empty-state {
  width: 100%;
  margin: 0;
  padding: 24px 16px;
  border: 0;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .dashboard-agents-panel #empty-state {
    margin: 0;
    padding: 24px 16px;
  }
}
.dashboard-content .dashboard-agents-panel #empty-state p {
  text-transform: none;
}
.dashboard-content .dashboard-agents-panel #empty-state span {
  background: url("/assets/icon-craig-empty-7ee9080f.svg") no-repeat 0 0;
  background-size: 100%;
}
.dashboard-content .dashboard-agents-panel .dashboard-agent-row {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .dashboard-agents-panel .dashboard-agent-row {
    border-bottom: 0;
  }
}
.dashboard-content .dashboard-agents-panel .dashboard-agent-row:last-child {
  border-bottom: 0;
}
.dashboard-content .dashboard-agents-panel .dashboard-agent-row a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .dashboard-agents-panel .dashboard-agent-row a {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0865d1 !important;
    line-height: 20px !important;
    padding: 8px 0;
  }
}
.dashboard-content .dashboard-agents-panel .dashboard-agent-row a .ui.label {
  flex: 0 0 auto;
}
.dashboard-content .dashboard-agents-panel .dashboard-agent-row a .agent-name {
  flex: 1 1 auto;
  min-width: 0;
}
.dashboard-content .ui.tabular.menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin: 0 0 18px;
  display: flex;
  flex-flow: row nowrap;
}
.dashboard-content .ui.tabular.menu .item {
  border: 0;
  border-bottom: 3px solid #fff;
  font-size: 14px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media screen and (min-width: 375px) {
  .dashboard-content .ui.tabular.menu .item {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-content .ui.tabular.menu .item {
    width: 50%;
    flex-shrink: 1;
    justify-content: center;
    padding-bottom: 13 px;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
}
.dashboard-content .ui.tabular.menu .item[data-tab=channels] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .dashboard-content .ui.tabular.menu .item[data-tab=channels] {
    display: flex;
  }
}
.dashboard-content .ui.tabular.menu .active.item {
  margin-bottom: 0;
  border-bottom: 3px solid #0865d1;
}

body.community-account .dashboard-content h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 25px 16px 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
    margin: 16px 0 50px;
  }
}
body.community-account .dashboard-content #dashboard-stats {
  position: relative;
}
body.community-account .dashboard-content #dashboard-stats .filter-periods {
  font-size: 12px;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content #dashboard-stats .filter-periods {
    font-size: initial;
    position: absolute;
    top: 0;
    right: 0;
  }
}
body.community-account .dashboard-content #dashboard-stats .filter-periods .item {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content #dashboard-stats .filter-periods .item {
    font-size: initial;
  }
}
body.community-account .dashboard-content #dashboard-stats .dashboard-stats {
  margin: 16px 0;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content #dashboard-stats .dashboard-stats {
    display: flex;
    flex-direction: row;
  }
}
body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block {
  width: calc(100% - 32px);
  margin: 0 auto 16px;
  text-align: center;
  border: 1px solid #e8eced;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block {
    width: 307px;
    margin: 0 25px 0 0;
    padding: 16px 0;
  }
}
body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block span {
  font-family: "Work Sans", sans-serif;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #44c6d7 !important;
  line-height: 36px !important;
  display: block;
  margin: 0 0 10px;
}
body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block small {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  display: block;
}
@media screen and (min-width: 768px) {
  body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block small {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
body.community-account .dashboard-content #dashboard-stats .dashboard-stats .stats-block:last-child {
  margin: 0;
}

.members-content {
  background: #f5f9fc;
}
.members-content .mobile-hide {
  display: none;
}
.members-content .main-col {
  width: 99%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .members-content .main-col {
    width: calc(100% - 32px);
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .main-col {
    width: 635px;
    float: right;
    display: inline;
    padding: initial;
    margin: 0 auto;
  }
}
.members-content .main-col .contact-tools {
  margin: 16px 0 0;
  padding: 16px 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-tools {
    margin: 0;
    padding: 40px 0 16px 0;
  }
}
.members-content .main-col .contact-tools .blank-space {
  display: none;
}
.members-content .main-col .contact-card,
.members-content .main-col .contact-card-empty {
  background: #fff;
  border: 1px solid #e8eced;
  border-radius: 4px;
  position: relative;
}
.members-content .main-col .contact-card-empty {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.members-content .main-col .contact-card-empty .contact-empty-icon {
  background: url("icon-empty-contact-card") no-repeat 0 0;
  display: inline-block;
  width: 82px;
  height: 82px;
  margin-bottom: 24px;
}
.members-content .main-col .contact-card-empty p {
  text-align: center;
  padding: 0 0 10px;
}
.members-content .main-col .contact-card-empty p a {
  color: #0865d1;
  text-decoration: underline;
}
.members-content .main-col .card-actions {
  position: relative;
  top: -30px;
  z-index: 300;
}
@media dekstop {
  .members-content .main-col .card-actions {
    top: -40px;
  }
}
.members-content .main-col .card-actions .cancel-edit {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  float: left;
  width: 80px;
  padding-left: 16px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .card-actions .cancel-edit {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    padding: 0;
    margin: 0 0 0 5px;
  }
}
.members-content .main-col .card-actions .destroy {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  float: right;
  width: 50px;
  text-align: center;
  margin: 0 10px 0 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .card-actions .destroy {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #de2d40 !important;
    line-height: 18px !important;
    margin: 0 15px 0 0;
  }
}
.members-content .main-col .card-actions .save-edit {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1;
  width: 90px;
  float: right;
  border: none;
  padding: 5px 0;
  position: relative;
  top: -7px;
  border-radius: 4px;
  margin-right: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .card-actions .save-edit {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 18px !important;
    margin: 0 5px 0 0;
  }
}
.members-content .main-col .card-actions-fixed {
  background: #f5f9fc;
  border: 1px solid #f5f9fc;
  box-shadow: 0px 7px 12px -4px #ccc;
  position: fixed;
  top: 0px;
  z-index: 300;
  padding: 20px 0 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .card-actions-fixed {
    width: calc(100% - 32px);
  }
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .card-actions-fixed {
    width: 635px;
  }
}
.members-content .main-col .card-actions-fixed .save-edit {
  margin-right: 21px;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .card-actions-fixed .save-edit {
    margin-right: 5px;
  }
}
.members-content .main-col .card-actions-fixed:after {
  background: #f5f9fc;
  width: 120%;
  position: absolute;
  top: 0;
  left: -10px;
  height: 60px;
  content: "";
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .card-actions-fixed:after {
    left: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .card-actions-fixed:after {
    width: 665px;
  }
}
.members-content .main-col .contact-card-details {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  padding: 0 16px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details {
    padding: 52px 80px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.members-content .main-col .contact-card-details #this-is-me {
  float: right;
}
.members-content .main-col .contact-card-details .edit-contact {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 0 1px;
  text-transform: uppercase;
  position: absolute;
  top: -35px;
  right: 16px;
  padding-left: 23px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-contact {
    right: 0;
  }
}
.members-content .main-col .contact-card-details .link-back {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: url("/assets/icon-chevron-left-94176567.svg") no-repeat 0 1px;
  position: absolute;
  top: -33px;
  left: 13px;
  padding-left: 12px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .link-back {
    display: none;
  }
}
.members-content .main-col .contact-card-details .delete-contact {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  position: absolute;
  top: -35px;
  left: 0;
  background: none;
  display: none;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .delete-contact {
    display: inline-block;
  }
}
.members-content .main-col .contact-card-details .save-edit-contact {
  padding: 0;
  border: 0;
}
.members-content .main-col .contact-card-details .cancel-edit-contact {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  left: 16px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .cancel-edit-contact {
    right: 120px;
  }
}
.members-content .main-col .contact-card-details .contact-name {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  padding: 21px 0 0 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .contact-name {
    padding: 0;
  }
}
.members-content .main-col .contact-card-details .contact-title {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .contact-card-details .contact-title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #8499a3 !important;
    line-height: 20px !important;
    margin-bottom: 21px;
  }
}
.members-content .main-col .contact-card-details .contact-title span.organization_name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .contact-card-details .contact-title span.organization_name {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #8499a3 !important;
    line-height: 20px !important;
  }
}
.members-content .main-col .contact-card-details .contact-notification-priority,
.members-content .main-col .contact-card-details .contact-relay-signature,
.members-content .main-col .contact-card-details .email-options {
  margin-bottom: 8px;
}
.members-content .main-col .contact-card-details .contact-notification-priority small,
.members-content .main-col .contact-card-details .contact-relay-signature small,
.members-content .main-col .contact-card-details .email-options small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  padding: 0 0 5px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .contact-notification-priority small,
  .members-content .main-col .contact-card-details .contact-relay-signature small,
  .members-content .main-col .contact-card-details .email-options small {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    padding: 0;
  }
}
.members-content .main-col .contact-card-details .on-duty-toggle {
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .on-duty-toggle {
    font-size: 16px;
  }
}
.members-content .main-col .contact-card-details .on-duty-toggle label {
  padding-left: 65px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .on-duty-toggle label {
    padding-left: 75px;
  }
}
.members-content .main-col .contact-card-details .on-duty-toggle .next_duty_change {
  padding-top: 10px;
  font-size: 12px;
}
.members-content .main-col .contact-card-details .on-duty-toggle input:checked ~ .box:before,
.members-content .main-col .contact-card-details .on-duty-toggle input:checked ~ label:before {
  background-color: #0bb276 !important;
}
.members-content .main-col .contact-card-details .on-duty-toggle.disabled {
  border: 0px;
}
.members-content .main-col .contact-card-details hr {
  margin: 25px 0;
  border-bottom: 1px solid #e8eced;
}
.members-content .main-col .contact-card-details .edit-card-title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  margin: -5px 0 24px;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-card-title {
    margin-top: -28px;
  }
}
.members-content .main-col .contact-card-details h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0 0 16px;
  padding: 0;
  text-transform: uppercase;
}
.members-content .main-col .contact-card-details .content-group-title {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0 0 18px;
  padding: 0;
  text-transform: uppercase;
}
.members-content .main-col .contact-card-details .edit-form-fields {
  display: block !important;
  margin-top: 14px;
}
.members-content .main-col .contact-card-details .edit-form-fields.checkbox {
  margin-top: 8px;
  margin-bottom: 0px;
}
.members-content .main-col .contact-card-details .edit-form-fields label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  display: block;
  margin-bottom: 8px;
}
.members-content .main-col .contact-card-details .edit-form-fields input {
  width: 100% !important;
}
.members-content .main-col .contact-card-details .edit-form-fields .custom-select {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  background: #fff;
  font-size: 12px;
  height: 43px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  padding: 10px 16px;
}
.members-content .main-col .contact-card-details .edit-form-fields .notification-priority {
  font-size: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-form-fields .notification-priority {
    width: 50%;
  }
}
.members-content .main-col .contact-card-details dl dt {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  padding: 0 0 5px;
}
@media screen and (min-width: 768px) {
  .members-content .main-col .contact-card-details dl dt {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
  }
}
.members-content .main-col .contact-card-details dl dd {
  margin-bottom: 16px;
}
.members-content .main-col .contact-card-details .ctia-hint {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  margin: 0 0 16px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box {
  width: 100%;
  position: relative;
  background: #f5f9fc;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 25px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .ui.dropdown .menu > .item {
  font-size: 14px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .delete-record {
  width: 12px;
  height: 15px;
  background: url("/assets/icon-delete-06f99661.svg") no-repeat 0 0;
  background-size: cover;
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-phone-number-box .delete-record {
    display: inline-block;
  }
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block {
  width: 275px;
  float: left;
  margin: 0 0 8px;
  position: relative;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block input[type=text],
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block input[type=tel] {
  width: 152px !important;
  padding-left: 16px !important;
  height: 40px;
}
@media-screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block input[type=text],
  .members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block input[type=tel] {
    width: 165px !important;
  }
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .field_with_errors {
  display: inline;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .field_with_errors input {
  border: 1px solid #de2d40;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .field_with_errors + .custom-select.phone-type.selection {
  border: 1px solid #de2d40;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .custom-select.phone-type {
  position: relative;
  left: -26px;
  top: 0;
  height: 40px;
  font-size: 12px !important;
  float: right;
  width: 110px !important;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .custom-select.phone-type {
    top: 0;
    font-size: 14px !important;
    height: 40px;
  }
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-number-block .button {
  width: 110px;
  font-size: 12px;
  height: 43px;
  float: right;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-description {
  display: inline;
  float: left;
  width: 100%;
  margin: 10px 0;
  height: 40px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .phone-description input {
  width: 100% !important;
  height: 40px;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-phone-number-box .phone-description {
    margin: 0;
    width: 147px;
  }
}
.members-content .main-col .contact-card-details .edit-phone-number-box .field.checkbox {
  margin-top: 8px;
  margin-bottom: 0px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .field.checkbox label {
  margin-bottom: 0px;
}
.members-content .main-col .contact-card-details .edit-phone-number-box .field.checkbox.phone-properties {
  margin: 175px 0 0 0;
}
@media screen and (min-width: 1024px) {
  .members-content .main-col .contact-card-details .edit-phone-number-box .field.checkbox.phone-properties {
    margin: 0;
    margin-top: 8px;
  }
}
.members-content .main-col .contact-card-details .edit-phone-number-box .field.edit-form-fields {
  width: 100%;
}
.members-content .main-col .contact-card-details .add_fields {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  display: inline-block;
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 0;
  padding: 0 0 0 20px;
  margin-bottom: 25px;
}
.members-content .main-col .contact-card-details .text-to-email {
  margin-bottom: 10px;
}
.members-content .main-col .contact-card-details .text-to-email .text-to-email-legend {
  margin-top: 15px;
}
.members-content .main-col .contact-card-details .text-to-email .text-to-email-legend legend {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  display: block;
  margin: 10px 0 8px;
}
.members-content .main-col .contact-card-details .text-to-email .text-to-email-legend input {
  width: auto !important;
  position: absolute;
  top: 0px;
  left: -20px;
}
.members-content .main-col .contact-card-details .member-groups {
  margin-bottom: 10px;
}
.members-content .main-col .contact-card-details .member-groups a,
.members-content .main-col .contact-card-details .member-groups .link-tag {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 10px 5px 0;
}
.members-content .main-col .contact-card-details .member-groups.selection {
  margin: 10px 0;
}
.members-content .side-col {
  width: 100%;
}
.members-content .side-col .link-back a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: #fff url("/assets/icon-chevron-left-94176567.svg") no-repeat 16px 17px;
  margin: 0;
  padding: 16px 0 16px 28px;
  display: block;
  text-transform: uppercase;
}
.members-content .side-col .link-back a.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .link-back a {
    display: inline-block;
    margin: 0 0 5px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    background: initial;
    padding: 0;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .link-back a:after {
    content: "";
    background: url("/assets/icon-chevron-left-94176567.svg") no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .side-col {
    width: 278px;
    float: left;
    display: inline;
    height: calc(100vh - 160px);
  }
}
.members-content .side-col .mobile-container {
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .members-content .side-col .mobile-container {
    padding: 16px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .mobile-container {
    padding: 0;
  }
}
.members-content .side-col .section-title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  margin: 0 0 16px;
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .section-title {
    font-family: "Work Sans", sans-serif;
    font-size: 40px !important;
    font-weight: 200 !important;
    color: #8499a3 !important;
    line-height: 44px !important;
    margin: 0 0 24px;
  }
}
.members-content .side-col .externally-managed-contacts {
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 4px;
  padding: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  background: #fffcd5;
  border-left: 5px solid #ffd602;
}
.members-content .side-col .externally-managed-contacts a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .search-box {
    margin-bottom: 15px;
  }
}
.members-content .side-col .add-contact a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  margin: 24px 16px 24px 0;
  text-transform: uppercase;
  display: inline-block;
}
.members-content .side-col .add-contact a span {
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.members-content .side-col .add-contact a.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.members-content .side-col .contacts-box-empty {
  margin: 23px 0 0;
  border: 1px solid #c6cfd3;
  border-radius: 4px;
  min-height: 356px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.members-content .side-col .contacts-box-empty h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #c6cfd3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 54px;
}
.members-content .side-col .notification-priority-box h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  padding-bottom: 16px;
}
.members-content .side-col .notification-priority-box .contacts-list-box {
  height: calc(100vh - 285px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .members-content .side-col .notification-priority-box .contacts-list-box {
    height: calc(100vh - 375px);
  }
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li {
  border-radius: 4px;
  position: relative;
  padding-left: 16px;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li a {
  padding: 12px 20px 12px 0px;
  width: calc(100% - 45px);
  display: inline-block;
}
body.community-account .members-content .side-col .notification-priority-box .contacts-list-box ul li span {
  display: none;
}
body.community-account .members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-1, body.community-account .members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-2, body.community-account .members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-3 {
  display: none;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.on-duty span {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
  background: #0bb276;
  border: 1px solid transparent;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.off-duty a {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  display: inline-block;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.off-duty span {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
  background: transparent;
  border: 1px solid #ccc;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.async-status span {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li:hover {
  background: #eaf3fa;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-1,
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-2,
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-3 {
  padding-bottom: 24px;
  padding-left: 0;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-2,
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-3 {
  margin-top: 24px;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-1:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority High";
  display: block;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-2:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority Medium";
  display: block;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-3:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority Low";
  display: block;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-1:hover,
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-2:hover,
.members-content .side-col .notification-priority-box .contacts-list-box ul li.priority-3:hover {
  background: initial;
}

.groups-content {
  background: #f5f9fc;
}
.groups-content .mobile-hide {
  display: none;
}
.groups-content .main-col {
  width: 99%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .groups-content .main-col {
    width: calc(100% - 32px);
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col {
    width: 635px;
    float: right;
    display: inline;
    padding: initial;
    margin: 0 auto;
  }
}
.groups-content .main-col .group-tools {
  margin: 16px 0 0;
  padding: 16px 0;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-tools {
    margin: 0;
    padding: 40px 0 16px 0;
  }
}
.groups-content .main-col .group-tools .link-back {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0;
  padding: 4px 12px 20px;
  display: inline-block;
  float: left;
  width: 50%;
}
.groups-content .main-col .group-tools .add-group,
.groups-content .main-col .group-tools .edit-group {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  width: 50%;
  float: left;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-tools .add-group,
  .groups-content .main-col .group-tools .edit-group {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0865d1 !important;
    line-height: 18px !important;
  }
}
.groups-content .main-col .group-tools .add-group span,
.groups-content .main-col .group-tools .edit-group span {
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.groups-content .main-col .group-tools .blank-space {
  display: none;
}
.groups-content .main-col .group-tools .add-group {
  display: none;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-tools .add-group {
    display: inline-block;
  }
}
.groups-content .main-col .group-card,
.groups-content .main-col .group-card-empty {
  background: #fff;
  border: 1px solid #e8eced;
  border-radius: 4px;
}
.groups-content .main-col .group-card-empty {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.groups-content .main-col .group-card-empty .group-empty-icon {
  background: url("icon-empty-group-card") no-repeat 0 0;
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}
.groups-content .main-col .group-card-empty p {
  text-align: center;
  padding: 0 200px 10px;
}
.groups-content .main-col .group-card-empty p a {
  color: #0865d1;
  text-decoration: underline;
}
.groups-content .main-col .group-card .card-actions {
  position: relative;
  top: -30px;
  z-index: 300;
}
@media dekstop {
  .groups-content .main-col .group-card .card-actions {
    top: -40px;
  }
}
.groups-content .main-col .group-card .card-actions .cancel-edit {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  float: left;
  width: 80px;
  padding-left: 16px;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card .card-actions .cancel-edit {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    padding: 0;
  }
}
.groups-content .main-col .group-card .card-actions .destroy {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  float: right;
  width: 50px;
  text-align: center;
  margin: 0 10px 0 0;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card .card-actions .destroy {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #de2d40 !important;
    line-height: 18px !important;
    margin: 0 15px 0 0;
  }
}
.groups-content .main-col .group-card .card-actions .save-edit {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1;
  width: 90px;
  float: right;
  border: none;
  padding: 5px 0;
  position: relative;
  top: -7px;
  border-radius: 4px;
  margin-right: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card .card-actions .save-edit {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 18px !important;
    margin: 0;
  }
}
.groups-content .main-col .group-card .card-actions-fixed {
  background: #f5f9fc;
  border: 1px solid #f5f9fc;
  box-shadow: 0px 7px 12px -4px #ccc;
  position: fixed;
  top: 0px;
  z-index: 300;
  padding: 20px 0 10px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card .card-actions-fixed {
    width: 635px;
  }
}
.groups-content .main-col .group-card .card-actions-fixed:after {
  background: #f5f9fc;
  width: 655px;
  position: absolute;
  top: 0;
  left: -10px;
  height: 60px;
  content: "";
  z-index: -2;
}
.groups-content .main-col .group-card-details {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  padding: 21px 16px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details {
    padding: 52px 80px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.groups-content .main-col .group-card-details .cancel-edit-group,
.groups-content .main-col .group-card-details .save-edit-group {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  position: absolute;
  top: -35px;
  right: 16px;
  background: none;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details .cancel-edit-group,
  .groups-content .main-col .group-card-details .save-edit-group {
    right: 0;
  }
}
.groups-content .main-col .group-card-details a.edit-group {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 0 1px;
  text-transform: uppercase;
  position: absolute;
  display: block;
  top: -35px;
  right: 16px;
  padding: 0 0 5px 23px;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details a.edit-group {
    right: 0;
  }
}
.groups-content .main-col .group-card-details .link-back {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: url("/assets/icon-chevron-left-94176567.svg") no-repeat 0 1px;
  position: absolute;
  top: -33px;
  left: 13px;
  padding-left: 12px;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details .link-back {
    display: none;
  }
}
.groups-content .main-col .group-card-details .delete-group {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  position: absolute;
  top: -35px;
  left: 0;
  background: none;
  display: none;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details .delete-group {
    display: inline-block;
  }
}
.groups-content .main-col .group-card-details .save-edit-group {
  padding: 0;
  border: 0;
}
.groups-content .main-col .group-card-details .cancel-edit-group {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  left: 16px;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details .cancel-edit-group {
    right: 120px;
  }
}
.groups-content .main-col .group-card-details .group-name {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  padding: 0;
}
.groups-content .main-col .group-card-details .group-description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  margin-bottom: 16px;
}
.groups-content .main-col .group-card-details .group-prefix {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin-bottom: 18px;
}
.groups-content .main-col .group-card-details .group-prefix span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  text-transform: uppercase;
  background: #0865d1;
  border-radius: 4px;
  display: inline-block;
  margin: 0 5px;
  padding: 4px 8px;
}
.groups-content .main-col .group-card-details .group-prefix span span {
  font-family: "Open Sans", sans-serif;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 13px !important;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  top: -1px;
  cursor: pointer;
}
.groups-content .main-col .group-card-details hr {
  margin: 25px 0;
  border-bottom: 1px solid #e8eced;
}
.groups-content .main-col .group-card-details .group-stats {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 24px !important;
  margin: 0 0 16px;
}
.groups-content .main-col .group-card-details .edit-card-title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  margin: -5px 0 24px;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .groups-content .main-col .group-card-details .edit-card-title {
    margin-top: -28px;
  }
}
.groups-content .main-col .group-card-details .content-group-title {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 18px 0;
  padding: 0;
  text-transform: uppercase;
}
.groups-content .main-col .group-card-details .edit-form-fields {
  display: block !important;
  margin-bottom: 14px;
}
.groups-content .main-col .group-card-details .edit-form-fields label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  display: block;
  margin-bottom: 8px;
}
.groups-content .main-col .group-card-details .edit-form-fields input {
  width: 100% !important;
}
.groups-content .main-col .group-card-details .example-prefix {
  color: #8499a3;
  display: block;
  margin: 16px 0;
}
.groups-content .main-col .group-card-details .example-prefix span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.groups-content .main-col .group-card-details .group-tabs {
  border-bottom: 1px solid #e8eced;
}
.groups-content .main-col .group-card-details .group-tabs a.item {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  border: none;
  border-bottom: 5px solid #fff;
}
.groups-content .main-col .group-card-details .group-tabs a.item.active {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border-bottom: 5px solid #0865d1;
  margin-bottom: 0px;
}
.groups-content .main-col .group-card-details .list-box {
  border: none;
  padding: 16px 0;
  height: 400px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.groups-content .main-col .group-card-details .list-box ul li {
  padding: 12px 20px 12px 16px;
  border-radius: 4px;
}
.groups-content .main-col .group-card-details .list-box ul li a {
  display: inline-block;
  width: 92%;
}
body.community-account .groups-content .main-col .group-card-details .list-box ul li span {
  display: none;
}
.groups-content .main-col .group-card-details .list-box ul li.selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.groups-content .main-col .group-card-details .list-box ul li.on-duty span {
  width: 10px;
  height: 10px;
  background: #0bb276;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
}
.groups-content .main-col .group-card-details .list-box ul li.off-duty a {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  display: inline-block;
}
.groups-content .main-col .group-card-details .list-box ul li.off-duty span {
  width: 10px;
  height: 10px;
  background: transparent;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid #ccc;
}
.groups-content .main-col .group-card-details .list-box ul li:hover {
  background: #eaf3fa;
}
.groups-content .main-col .group-card-details .list-box ul li.priority-1:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority 1";
  display: block;
  text-transform: uppercase;
  margin: 15px 0;
}
.groups-content .main-col .group-card-details .list-box ul li.priority-2:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority 2";
  display: block;
  text-transform: uppercase;
  margin: 15px 0;
}
.groups-content .main-col .group-card-details .list-box ul li.priority-3:before {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  content: "Notification Priority 3";
  display: block;
  text-transform: uppercase;
  margin: 15px 0;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box {
  border: 1px solid #ccc;
  padding: 16px;
  border-radius: 4px;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box .group-stats {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_contacts_list li,
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_groups_list li {
  border-bottom: 1px solid #e8eced;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_contacts_list li input,
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_groups_list li input {
  margin: 0 10px;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_contacts_list li label,
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_groups_list li label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_contacts_list li label span,
.groups-content .main-col .group-card-details .groups-edit-contacts-box ul.organization_groups_list li label span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  diplay: inline-block;
  margin: 0 0 0;
}
.groups-content .side-col {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col {
    width: 278px;
    float: left;
    display: inline;
    height: calc(100vh - 160px);
  }
}
.groups-content .side-col .link-back a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: #fff url("/assets/icon-chevron-left-94176567.svg") no-repeat 16px 17px;
  margin: 0;
  padding: 16px 0 16px 28px;
  display: block;
  text-transform: uppercase;
}
.groups-content .side-col .link-back a.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .link-back a {
    display: inline-block;
    margin: 0 0 5px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    background: initial;
    padding: 0;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .link-back a:after {
    content: "";
    background: url("/assets/icon-chevron-left-94176567.svg") no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: -20px;
  }
}
.groups-content .side-col .mobile-container {
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .groups-content .side-col .mobile-container {
    padding: 16px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .mobile-container {
    padding: 0;
  }
}
.groups-content .side-col .section-title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 28px !important;
  margin: 0 0 16px;
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .section-title {
    font-family: "Work Sans", sans-serif;
    font-size: 40px !important;
    font-weight: 200 !important;
    color: #8499a3 !important;
    line-height: 44px !important;
    margin: 0 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .search-box {
    margin-bottom: 15px;
  }
}
.groups-content .side-col .externally-managed-groups {
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 4px;
  padding: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  background: #fffcd5;
  border-left: 5px solid #ffd602;
}
.groups-content .side-col .externally-managed-groups a {
  text-decoration: underline;
}
.groups-content .side-col .add-group a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  margin: 24px 16px 24px 0;
  text-transform: uppercase;
  display: inline-block;
}
.groups-content .side-col .add-group a span {
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.groups-content .side-col .add-group a.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.groups-content .side-col .groups-box-empty {
  margin: 23px 0 0;
  border: 1px solid #c6cfd3;
  border-radius: 4px;
  min-height: 356px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.groups-content .side-col .groups-box-empty h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #c6cfd3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 54px;
}
.groups-content .side-col .groups-box {
  height: calc(100vh - 285px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .groups-content .side-col .groups-box {
    height: calc(100vh - 375px);
  }
}
.groups-content .side-col .groups-box ul li {
  border-radius: 4px;
  padding: 12px 20px 12px 16px;
  width: 100%;
}
.groups-content .side-col .groups-box ul li i {
  display: inline;
  cursor: move;
  color: #8499a3;
  margin-right: 0.5em;
}
.groups-content .side-col .groups-box ul li a {
  display: inline;
}
.groups-content .side-col .groups-box ul li.selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}
.groups-content .side-col .groups-box ul li:hover {
  background: #eaf3fa;
}

li.contact-loading-placeholder {
  text-align: center;
  color: #0865d1;
}
li.contact-loading-placeholder .spinner {
  margin-top: 20px;
  margin-bottom: 20px;
}

#organizations-selection-content {
  background: #f5f9fc;
}
@media screen and (min-width: 1024px) {
  #organizations-selection-content {
    padding: 0;
  }
}
#organizations-selection-content .teams-block,
#organizations-selection-content .communities-block {
  width: calc(100% - 32px);
  max-width: 635px;
  margin: 16px auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1);
  border: 1px solid #e8eced;
}
@media screen and (min-width: 768px) {
  #organizations-selection-content .teams-block,
  #organizations-selection-content .communities-block {
    margin: 0 auto 32px;
  }
}
#organizations-selection-content .teams-block h1,
#organizations-selection-content .communities-block h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 24px !important;
  padding: 16px;
  border-radius: 4px 4px 0 0;
}
#organizations-selection-content .teams-block ul li,
#organizations-selection-content .communities-block ul li {
  padding: 16px;
  border-bottom: 1px solid #e8eced;
  position: relative;
}
#organizations-selection-content .teams-block ul li a,
#organizations-selection-content .communities-block ul li a {
  width: 100%;
}
#organizations-selection-content .teams-block ul li span,
#organizations-selection-content .communities-block ul li span {
  display: block;
  width: 8px;
  height: 12px;
  position: absolute;
  top: 20px;
  right: 16px;
  background: url("/assets/icon-chevron-right-blue-0b98521f.svg") no-repeat 0 0;
  background-size: 100%;
}
#organizations-selection-content .teams-block ul li:last-child,
#organizations-selection-content .communities-block ul li:last-child {
  border: 0;
}
#organizations-selection-content .teams-block h1 {
  background: #0865d1;
}
#organizations-selection-content .communities-block h1 {
  background: #44c6d7;
}

.gm-style-iw .time {
  display: none;
}

#text-messages-tab {
  background: transparent;
  border: none;
  padding: 0;
}
#text-messages-tab #text-messages-empty {
  border: 2px dashed #e8eced;
  border-radius: 4px;
  margin: 24px 0;
  padding: 20px 0;
}
#text-messages-tab #text-messages-empty span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 24px;
}
#text-messages-tab #text-messages-empty h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
}
#text-messages-tab #text-messages-empty p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 140px 37px;
}
#text-messages-tab #text-messages-empty p a {
  color: #0865d1 !important;
}
#text-messages-tab .text-message {
  background: #fff url("/assets/icon-txt-outbound-24-78f70a88.svg") no-repeat 16px 24px;
  background-size: 24px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  #text-messages-tab .text-message {
    background: #fff url("/assets/icon-txt-outbound-32-4d1f91cd.svg") no-repeat 16px 24px;
    background-size: 32px;
  }
}
#text-messages-tab .text-message .text-message-content {
  padding: 24px 20px 24px 49px;
}
@media screen and (min-width: 1024px) {
  #text-messages-tab .text-message .text-message-content {
    padding-left: 62px;
  }
}
#text-messages-tab .text-message .text-message-content .text-data p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0 0 10px;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 1024px) {
  #text-messages-tab .text-message .text-message-content .text-data p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
#text-messages-tab .text-message .text-message-content .text-data p:last-child {
  margin-bottom: 0px;
}
#text-messages-tab .text-message .text-message-content .text-data a {
  color: #1e70bf;
}
#text-messages-tab .text-message .text-message-content .text-images {
  padding: 12px 10px;
}
#text-messages-tab .text-message .text-message-content .text-images .box-image {
  width: 64px;
  float: left;
}
#text-messages-tab .text-message .text-message-content .text-images .box-image img {
  width: 100%;
}
#text-messages-tab .text-message .text-message-content .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
#text-messages-tab .text-message .text-message-content .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
#text-messages-tab .text-message .text-message-content .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
#text-messages-tab .text-message .text-message-content .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
#text-messages-tab .text-message .text-message-content p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}
#text-messages-tab .text-message .text-message-content p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 10px 0 0;
}
#text-messages-tab .text-message.inbound {
  background: #fff url("/assets/icon-txt-inbound-24-9684f9b9.svg") no-repeat 16px 24px;
  background-size: 24px;
}
@media screen and (min-width: 1024px) {
  #text-messages-tab .text-message.inbound {
    background: #fff url("/assets/icon-txt-inbound-32-b55ef5d6.svg") no-repeat 16px 24px;
    background-size: 32px;
  }
}

#channels-tab .selection.dropdown .text .unreadCounter {
  display: none;
}
#channels-tab .selection.dropdown .item span.unreadCounter {
  position: absolute;
  top: 8px;
  right: 20px;
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 6px;
  border-radius: 4px;
}
#channels-tab #channel-active-box {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  border-radius: 4px;
  padding: 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
#channels-tab #channel-active-box #select-channel {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  padding: 16px 20px 16px;
  background: #fff;
  box-shadow: 0 1px 10px 0 rgba(4, 47, 66, 0.1) !important;
  z-index: 200;
}
#channels-tab #channel-active-box #select-channel .selection.dropdown {
  width: 95%;
}
#channels-tab #channel-active-box #select-channel .pop-out {
  width: 16px;
  height: 16px;
  background: url("/assets/icon-external-link-306c4a2e.svg") no-repeat 100% 0;
  background-size: 16px;
  position: absolute;
  top: 28px;
  right: 20px;
  cursor: pointer;
}
#channels-tab #channel-active-box #current-channel {
  padding: 24px 20px;
  max-height: calc(100vh - 569px);
  overflow: auto;
}
#channels-tab #channel-active-box #current-channel .date-heading {
  border-top: 1px solid #e8eced;
  position: relative;
  margin: 20px 0 30px;
}
#channels-tab #channel-active-box #current-channel .date-heading span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  position: absolute;
  top: -10px;
  left: 50%;
  background: #fff;
  padding: 2px 10px;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}
#channels-tab #channel-upload-zone {
  position: relative;
}
#channels-tab .channel-drop-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  border: 2px dashed #0865d1;
  border-radius: 4px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
#channels-tab .channel-drop-overlay .channel-drop-overlay-content {
  font-family: "Open Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 22px !important;
}
#channels-tab #no-channel {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  border-radius: 4px;
  padding: 24px 20px 24px;
}
#channels-tab #no-channel h1 {
  padding: 3px 0 19px;
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
#channels-tab #no-channel .channel,
#channels-tab #no-channel .channel-notice {
  padding: 12px 0;
  border-top: 1px solid #e8eced;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 20px !important;
  cursor: pointer;
  background: url("/assets/icon-chevron-right-81096c6b.svg") no-repeat 100% 17px;
  position: relative;
}
#channels-tab #no-channel .channel .unreadCounter,
#channels-tab #no-channel .channel-notice .unreadCounter {
  position: absolute;
  top: 8px;
  right: 20px;
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 6px;
  border-radius: 4px;
}
#channels-tab #no-channel .channel-notice {
  cursor: initial;
}
#channels-tab #no-channel .channel-notice a {
  color: #0865d1 !important;
  text-decoration: underline;
}
#channels-tab .channels-empty {
  border: 2px dashed #e8eced;
  border-radius: 4px;
  margin: 24px 0;
  padding: 20px 0;
}
#channels-tab .channels-empty span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 0;
}
#channels-tab .channels-empty h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 41px 0 8px;
}
#channels-tab .channels-empty p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 140px 37px;
}
#channels-tab .channels-empty p a {
  color: #0865d1 !important;
}

.chat-item {
  width: 90%;
  float: left;
  margin-bottom: 10px;
  position: relative;
}
.chat-item .chat-author-avatar {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  background: white;
  z-index: 100;
}
.chat-item .chat-author-avatar img {
  width: 100%;
  border-radius: 50%;
}
.chat-item .cr-popup {
  /* Popup arrow */
}
.chat-item .cr-popup .popuptext {
  background-color: #8499a3;
  width: 102px;
  margin-left: -48px;
  font-size: 14px;
}
.chat-item .cr-popup .popuptext div {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  padding: 5px 10px;
  text-align: left;
}
.chat-item .cr-popup .popuptext::after {
  border-color: #8499a3 transparent transparent transparent;
}
.chat-item .chat-message {
  float: left;
  width: auto;
  max-width: calc(100% - 45px);
  min-width: 180px;
  border-radius: 8px;
  padding: 16px;
  position: relative;
  border: 1px solid #0865d1;
}
.chat-item .chat-message img.preview {
  width: 100%;
  display: block;
  border-radius: 8px;
}
.chat-item .chat-message .filename {
  display: block;
  width: 50%;
  text-align: center;
  margin: 10px auto 0;
}
.chat-item .chat-message .author {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  position: relative;
  top: 0px;
  left: 0px;
}
.chat-item .chat-message .created-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  position: absolute;
  top: 32px;
  right: -50px;
}
.chat-item .chat-message .chat-edit {
  width: 15px;
  height: 10px;
  background: url("/assets/icon-edit-chat-e00954e3.svg") no-repeat 100% 0;
  position: absolute;
  top: 32px;
  right: -70px;
}
.chat-item .chat-message .content {
  margin-top: 8px;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-item .chat-message .content a {
  color: #1e70bf;
}
.chat-item .chat-message.notification {
  border: 1px solid #de2d40;
}
.chat-item .chat-message.notification .chat-author-avatar {
  display: none;
}
.chat-item .chat-message.notification::after {
  content: "!";
  position: absolute;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  background: red;
  z-index: 100;
  font-family: "Open Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 24px !important;
  text-align: center;
  padding: 7px 0 0 0;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.chat-item .chat-message.deleted {
  background: #e8eced !important;
}
.chat-item .chat-message.image .content {
  padding-left: 0;
  padding-right: 0;
}
.chat-item .chat-message.video .content {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.chat-item .chat-message.video .content span::after {
  content: "";
  width: 46px;
  height: 46px;
  background: url("/assets/icon-video-play-091761e9.svg") no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -46px;
  margin-left: -23px;
  display: block;
  z-index: 100;
}
.chat-item.mine {
  text-align: right;
  float: right;
}
.chat-item.mine .author {
  right: 0;
  left: initial;
}
.chat-item.mine .chat-author-avatar {
  top: -15px;
  right: -15px;
  left: initial;
}
.chat-item.mine .chat-message {
  float: right;
  background: #eaf3fa;
  border: none;
  padding: 20px 32px 20px 16px;
}
.chat-item.mine .chat-message .created-at {
  left: -50px;
  right: initial;
}
.chat-item.mine .chat-message .chat-edit {
  left: -70px;
  right: initial;
}
.chat-item.mine.notification::after {
  content: "!";
  position: absolute;
  top: -15px;
  right: -15px;
  left: initial;
  border-radius: 50%;
  background: red;
  z-index: 100;
  font-family: "Open Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 24px !important;
  text-align: center;
  padding: 10px 20px;
}
.chat-item.same-author .author,
.chat-item.same-author .chat-author-avatar {
  display: none;
}
.chat-item.same-author .chat-message .created-at,
.chat-item.same-author .chat-message .chat-edit {
  top: 24px;
}
.chat-item.same-author .content {
  margin: 0;
}
.chat-item.preview-for-deletion .chat-edit {
  display: none;
}

body.twelve-hour-time .chat-item .chat-edit {
  right: -75px;
}
body.twelve-hour-time .chat-item .created-at {
  right: -55px;
}
body.twelve-hour-time .chat-item.mine .chat-edit {
  left: -75px;
}
body.twelve-hour-time .chat-item.mine .created-at {
  left: -55px;
}

#chat-compose {
  margin: 12px 0 0 0;
  width: 100%;
  border-top: 1px solid #e8eced;
  padding: 10px 20px;
  position: relative;
}
#chat-compose input[type=text] {
  width: 94%;
  padding-right: 40px;
}
#chat-compose textarea {
  width: 94%;
  padding-right: 40px;
  height: 48px;
  resize: none;
  overflow: hidden;
  min-height: initial;
  max-height: initial;
}
#chat-compose .chat-compose-send {
  background: url("/assets/icon-chat-send-message-430dfcc6.svg") no-repeat 0 0;
  width: 19px;
  height: 19px;
  background-size: 100%;
  position: absolute;
  top: 24px;
  right: 70px;
  border: none;
  font-size: 0;
}
#chat-compose .chat-compose-upload {
  background: url("/assets/icon-chat-message-upload-60400f72.svg") no-repeat 0 0;
  width: 20px;
  height: 22px;
  background-size: 100%;
  position: absolute;
  top: 23px;
  right: 20px;
  border: none;
  font-size: 0;
  cursor: pointer;
}
#chat-compose .chat-compose-upload.in-progress {
  background: url("/assets/icon-chat-message-loading-71ace384.svg") no-repeat 0 0;
}

#channel-unread {
  width: 200px;
  padding: 5px 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1 url("/assets/icon-chevron-down-white-43520533.svg") no-repeat 95% 7px;
  background-size: 15px;
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -100px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.channel-disconnected {
  width: 400px;
  padding: 5px 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1;
  background-size: 15px;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -200px;
}

#channel-disconnected {
  border: 1px solid #e8eced;
  border-radius: 4px;
  width: 92%;
  margin: 16px auto;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  #channel-disconnected {
    margin: 0;
    width: 100%;
  }
}
#channel-disconnected span {
  background: url("/assets/icon-empty-channels-292dbda7.svg") no-repeat 0 0;
  background-size: 100%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 24px;
}
#channel-disconnected h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 8px;
}
#channel-disconnected p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 30px 37px;
}
@media screen and (min-width: 1024px) {
  #channel-disconnected p {
    padding: 0 140px 37px;
  }
}
#channel-disconnected p a {
  color: #0865d1 !important;
}

.test-overflow {
  width: 200px;
  height: 200px;
  overflow: auto;
}

.test-overflow::-webkit-scrollbar {
  width: thin !important;
}

*[data-controller~=channels] .modal.delete-modal #delete-content {
  width: 95%;
}
*[data-controller~=channels] .modal.delete-modal #delete-content img {
  max-height: 450px;
  width: auto;
  height: auto;
  max-width: 100%;
}

.channel-screen-content .container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
}
.channel-screen-content .container .popout-channel-title {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  border-radius: 4px;
  padding: 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.channel-screen-content .container .popout-channel-title p {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 24px !important;
  padding: 24px;
}
.channel-screen-content .container .date-heading {
  border-top: 1px solid #e8eced;
  position: relative;
  margin: 20px 0 30px;
}
.channel-screen-content .container .date-heading span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  position: absolute;
  top: -10px;
  left: 50%;
  background: #fff;
  padding: 2px 10px;
  margin-left: -100px;
  width: 210px;
  text-align: center;
}
.channel-screen-content .container #current-channel {
  padding: 24px 20px;
  max-height: calc(100vh - 398px);
  overflow: auto;
}
.channel-screen-content .container #current-channel .date-heading {
  border-top: 1px solid #e8eced;
  position: relative;
  margin: 20px 0 30px;
}
.channel-screen-content .container #current-channel .date-heading span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  position: absolute;
  top: -10px;
  left: 50%;
  background: #fff;
  padding: 2px 10px;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}

#locate-tab {
  background: transparent;
  border: none;
  padding: 0;
}
#locate-tab.cannot-send-again .request-send-again {
  display: none;
}
#locate-tab #locate-empty {
  border: 1px solid #e8eced;
  border-radius: 4px;
  margin-bottom: 24px;
}
#locate-tab #locate-empty span {
  background: url("/assets/icon-locate-empty-685f3460.svg") no-repeat 0 0;
  background-size: 100%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 24px;
}
#locate-tab #locate-empty h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 8px;
}
#locate-tab #locate-empty p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 100px 37px;
}
#locate-tab #locate-empty p a {
  color: #0865d1 !important;
}
#locate-tab form#locate-form {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin-bottom: 16px;
  padding: 16px;
}
#locate-tab form#locate-form input[type=tel] {
  width: 100%;
  margin: 0 0 8px;
  background: #fff url("/assets/icon-phone-field-25316ef3.svg") no-repeat 10px 12px;
  background-size: 12px;
  padding-left: 40px;
}
#locate-tab form#locate-form input[type=tel].error {
  border-color: #de2d40;
}
@media screen and (min-width: 1024px) {
  #locate-tab form#locate-form input[type=tel] {
    width: 185px;
    margin: 0 5px 0 0;
  }
}
#locate-tab form#locate-form input[type=text] {
  width: 100%;
  margin: 0 0 8px;
}
@media screen and (min-width: 1024px) {
  #locate-tab form#locate-form input[type=text] {
    width: 285px;
    margin: 0 5px 0 0;
  }
}
#locate-tab form#locate-form input[type=submit] {
  width: 100%;
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 20px !important;
  text-transform: uppercase;
  margin: 0px;
}
@media screen and (min-width: 1024px) {
  #locate-tab form#locate-form input[type=submit] {
    width: 110px;
    font-size: 14px !important;
  }
}
#locate-tab #locate-error {
  background: #de2d40;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  color: white;
}
#locate-tab #locate-error.error {
  padding: 16px;
  margin-bottom: 16px;
}
#locate-tab .location-request {
  margin-bottom: 8px;
}
#locate-tab .location-request.waiting-for-response {
  background: #fff url("/assets/icon-location-waiting-24-d9cab720.svg") no-repeat 16px 24px;
  background-size: 24px;
}
@media screen and (min-width: 1024px) {
  #locate-tab .location-request.waiting-for-response {
    background: #fff url("/assets/icon-location-waiting-32-36b08128.svg") no-repeat 16px 24px;
    background-size: 32px;
  }
}
#locate-tab .location-request.location-not-available {
  background: #fff url("/assets/icon-location-not-available-24-439efb6f.svg") no-repeat 16px 24px;
  background-size: 24px;
}
@media screen and (min-width: 1024px) {
  #locate-tab .location-request.location-not-available {
    background: #fff url("/assets/icon-location-not-available-32-beac0c49.svg") no-repeat 16px 24px;
    background-size: 32px;
  }
}

.ui.tabular.menu.locate-tabs {
  margin-bottom: 0px;
}
.ui.tabular.menu.locate-tabs .item {
  width: 50%;
  justify-content: center;
}

.location-messages,
.location-latlon {
  background: #fff url("/assets/icon-location-located-24-440e0eb0.svg") no-repeat 16px 24px;
  background-size: 24px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .location-messages,
  .location-latlon {
    background: #fff url("/assets/icon-location-located-32-8a523405.svg") no-repeat 16px 24px;
    background-size: 32px;
    position: relative;
  }
}
.location-messages form.button_to,
.location-latlon form.button_to {
  padding-bottom: 16px;
}
.location-messages form.button_to input.request-location,
.location-latlon form.button_to input.request-location {
  width: 100%;
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 20px !important;
  text-transform: uppercase;
  margin: 0px;
}
@media screen and (min-width: 1024px) {
  .location-messages form.button_to input.request-location,
  .location-latlon form.button_to input.request-location {
    display: block;
    margin: 24px auto;
    width: 220px;
    font-size: 14px !important;
  }
}
.location-messages .request-content,
.location-latlon .request-content {
  padding: 24px 20px 24px 49px;
}
@media screen and (min-width: 1024px) {
  .location-messages .request-content,
  .location-latlon .request-content {
    padding-left: 62px;
  }
}
.location-messages .request-content .request-name,
.location-messages .request-content .request-number,
.location-latlon .request-content .request-name,
.location-latlon .request-content .request-number {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin-bottom: 2px;
}
@media screen and (min-width: 1024px) {
  .location-messages .request-content .request-name,
  .location-messages .request-content .request-number,
  .location-latlon .request-content .request-name,
  .location-latlon .request-content .request-number {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
    min-height: 20px;
  }
}
.location-messages .request-content .request-status,
.location-latlon .request-content .request-status {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 8px 0 0;
  position: relative;
}
.location-messages .request-content .request-status span.request-status,
.location-latlon .request-content .request-status span.request-status {
  position: relative;
  top: initial;
  right: initial;
  display: block;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .location-messages .request-content .request-status span.request-status,
  .location-latlon .request-content .request-status span.request-status {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.location-messages .request-content .request-status span.located,
.location-latlon .request-content .request-status span.located {
  color: #0bb276 !important;
}
.location-messages .request-content .request-status span.waiting-for-response,
.location-latlon .request-content .request-status span.waiting-for-response {
  color: #f6a11d !important;
}
.location-messages .request-content form.button_to input,
.location-latlon .request-content form.button_to input {
  background: #0865d1;
  text-transform: uppercase;
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 16px !important;
}
@media screen and (min-width: 1024px) {
  .location-messages .request-content form.button_to input,
  .location-latlon .request-content form.button_to input {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 1024px) {
  .location-messages .request-content form.button_to,
  .location-latlon .request-content form.button_to {
    position: absolute;
    margin: 0;
    top: 24px;
    right: 20px;
  }
}
.location-messages .request-responses,
.location-latlon .request-responses {
  border-top: 1px solid #e8eced;
  padding: 16px 16px 0px 16px;
}
.location-messages .request-responses.location-not-available,
.location-latlon .request-responses.location-not-available {
  padding: 16px;
}
.location-messages .request-responses .responses-title,
.location-latlon .request-responses .responses-title {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  position: relative;
  margin-bottom: 12px;
}
.location-messages .request-responses .responses-title span,
.location-latlon .request-responses .responses-title span {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/assets/icon-external-link-306c4a2e.svg") no-repeat 100% 0;
  background-size: 16px;
  padding: 0 25px 0 0;
}
@media screen and (min-width: 1024px) {
  .location-messages .request-responses .responses-title span,
  .location-latlon .request-responses .responses-title span {
    font-size: 12px;
  }
}
.location-messages .request-responses .responses-title span a,
.location-latlon .request-responses .responses-title span a {
  color: #0865d1;
}
.location-messages .request-responses .location,
.location-latlon .request-responses .location {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 12px 0 0;
}
.location-messages .request-responses .location span,
.location-latlon .request-responses .location span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: inline-block;
  margin: 2px 0 0;
  float: right;
}
.location-messages .share-and-format-container,
.location-latlon .share-and-format-container {
  display: flex;
  align-items: start;
  gap: 16px;
  padding: 16px;
  width: 100%;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1024px) {
  .location-messages .share-and-format-container,
  .location-latlon .share-and-format-container {
    flex-direction: row;
  }
}
.location-messages .share-and-format-container .title,
.location-latlon .share-and-format-container .title {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin-bottom: 12px;
}
.location-messages .share-and-format-container .copy,
.location-messages .share-and-format-container .download-kml,
.location-messages .share-and-format-container .notification,
.location-latlon .share-and-format-container .copy,
.location-latlon .share-and-format-container .download-kml,
.location-latlon .share-and-format-container .notification {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  margin: 12px 0 0;
}
.location-messages .share-and-format-container .copy:hover,
.location-messages .share-and-format-container .download-kml:hover,
.location-messages .share-and-format-container .notification:hover,
.location-latlon .share-and-format-container .copy:hover,
.location-latlon .share-and-format-container .download-kml:hover,
.location-latlon .share-and-format-container .notification:hover {
  cursor: pointer;
}
.location-messages .share-and-format-container .copy a,
.location-messages .share-and-format-container .download-kml a,
.location-messages .share-and-format-container .notification a,
.location-latlon .share-and-format-container .copy a,
.location-latlon .share-and-format-container .download-kml a,
.location-latlon .share-and-format-container .notification a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
.location-messages .share-and-format-container .share-responses,
.location-messages .share-and-format-container .select-format,
.location-latlon .share-and-format-container .share-responses,
.location-latlon .share-and-format-container .select-format {
  flex: 1;
}
.location-messages .share-and-format-container .select-format .ui.dropdown.selection,
.location-latlon .share-and-format-container .select-format .ui.dropdown.selection {
  width: 100%;
}

.location-messages .request-responses {
  max-height: 400px;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
}
.location-messages .request-responses .message {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px;
}
.location-messages .request-responses .message.outbound {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.location-messages .request-responses .message.outbound .content {
  background: #eaf3fa;
  border: none;
  text-align: end;
}
.location-messages .request-responses .message .content {
  max-width: calc(100% - 45px);
  min-width: 180px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #0865d1;
  position: relative;
}
.location-messages .request-responses .message .content .author {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}
.location-messages .request-responses .message .content .avatar {
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 50%;
}
.location-messages .request-responses .message .content p {
  word-wrap: break-word;
}
.location-messages .request-responses .message .content p + .text-images {
  margin-top: 16px;
}
.location-messages .request-responses .message .content .text-images {
  padding: 12px 10px;
}
.location-messages .request-responses .message .content .text-images .box-image {
  width: 64px;
  float: left;
}
.location-messages .request-responses .message .content .text-images .box-image img {
  width: 100%;
}
.location-messages .request-responses .message .content .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
.location-messages .request-responses .message .content .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
.location-messages .request-responses .message .content .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
.location-messages .request-responses .message .content .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
.location-messages .request-responses .message .content p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}
.location-messages .request-responses .message .content .text-images .box-image {
  width: 100%;
  float: none;
}
.location-messages .request-responses .message .content .image-desc:not(.file) {
  display: none;
}
.location-messages .request-responses .message .content .text-images {
  padding: 0px;
}
.location-messages .request-responses .message .content .text-images img {
  padding-top: 8px;
}
.location-messages .request-responses .message .content .text-images .image-desc.file {
  width: fit-content;
  margin-left: 0px;
  display: inline;
  float: right;
  text-align: right;
  color: #1e70bf;
}
.location-messages .request-responses .message .content .text-images .image-desc.file a.download-link {
  display: none;
}
.location-messages .request-responses .message .content .text-images .box-file {
  display: none;
}
.location-messages .request-responses .message .created-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  padding: 16px;
}

.locate-message-form {
  margin: 12px 0 0 0;
  width: 100%;
  border-top: 1px solid #e8eced;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.locate-message-form .locate-compose-field {
  flex: 1;
  position: relative;
}
.locate-message-form .locate-compose-field input[type=text] {
  width: 100%;
  padding-right: 40px !important;
}
.locate-message-form .locate-compose-field .chat-compose-send {
  background: url("/assets/icon-chat-send-message-430dfcc6.svg") no-repeat 0 0;
  width: 19px;
  height: 19px;
  background-size: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto;
  border: none;
  font-size: 0;
}
.locate-message-form .locate-compose-attach {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.locate-message-form .locate-compose-attach .direct-upload,
.locate-message-form .locate-compose-attach #direct-upload-progress {
  display: none;
}
.locate-message-form .locate-compose-attach .attachment-btn {
  background: url("/assets/icon-chat-message-upload-60400f72.svg") no-repeat 0 0;
  width: 20px;
  height: 22px;
  background-size: 100%;
  display: block;
  border: none;
  font-size: 0;
  cursor: pointer;
  margin: 0;
}
.locate-message-form .locate-compose-attach[data-uploading=true] .attachment-btn {
  animation: locate-upload-spin 0.75s linear infinite;
  cursor: default;
}

@keyframes locate-upload-spin {
  to {
    transform: rotate(360deg);
  }
}
#mobile-map-header .request-content,
#mobile-map-header a.view-map,
#mobile-map-header p.notification {
  display: none;
}
#mobile-map-header .location-latlon {
  background: none;
  background-color: #fff;
}
#mobile-map-header .location-latlon .request-responses {
  border: none;
}

#legend {
  display: none;
  padding-left: 10px;
  min-width: 350px;
}
@media screen and (min-width: 1024px) {
  #legend {
    display: block;
  }
}
#legend .request-content {
  padding: 16px 16px 16px 60px;
}
#legend span.request-status {
  display: none;
}
#legend .request-responses,
#legend .select-format,
#legend form.button_to {
  display: none;
}
#legend .location-request .view-map,
#legend .location-request .copy,
#legend .location-request .notification {
  display: none;
}
@media screen and (min-width: 1024px) {
  #legend .request-responses {
    display: block;
  }
}

.poll-select-fields .ui.dropdown.poll > .text .poll-question {
  display: none;
}
.poll-select-fields .ui.dropdown.poll .menu > .item .poll-title {
  display: block;
}
.poll-select-fields .ui.dropdown.poll .menu > .item .poll-question {
  display: block;
  margin-top: 2px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #44626f !important;
  line-height: 16px !important;
  font-style: italic;
}

#polls-tab {
  background: transparent;
  border: none;
  padding: 0;
}
#polls-tab #polls-empty {
  border: 1px solid #e8eced;
  border-radius: 4px;
  width: 92%;
  margin: 16px auto;
}
@media screen and (min-width: 1024px) {
  #polls-tab #polls-empty {
    margin: 16px 0 0;
    width: 100%;
  }
}
#polls-tab #polls-empty span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 24px;
}
#polls-tab #polls-empty h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 8px;
}
#polls-tab #polls-empty p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 30px 37px;
}
@media screen and (min-width: 1024px) {
  #polls-tab #polls-empty p {
    padding: 0 140px 37px;
  }
}
#polls-tab #polls-empty p a {
  color: #0865d1 !important;
}
#polls-tab #polls-none-open {
  border: 2px dashed #e8eced;
  border-radius: 4px;
  width: 92%;
  margin: 16px auto;
}
@media screen and (min-width: 1024px) {
  #polls-tab #polls-none-open {
    margin: 16px 0 0;
    width: 100%;
  }
}
#polls-tab #polls-none-open h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 41px 0 8px;
}
#polls-tab #polls-none-open p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  padding: 0 30px 37px;
}
@media screen and (min-width: 1024px) {
  #polls-tab #polls-none-open p {
    padding: 0 140px 37px;
  }
}
#polls-tab .closed-polls-title {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  padding: 16px;
}
@media screen and (min-width: 1024px) {
  #polls-tab .closed-polls-title {
    padding: 24px 0 10px 0;
  }
}
#polls-tab .text-message.outbound {
  background: #fff url("icon-txt-outbound-32.png") no-repeat 15px 20px;
  background-size: 32px;
}

.poll-box {
  background: #fff url("/assets/icon-active-polls-24-b500b348.svg") no-repeat 16px 24px;
  background-size: 24px;
  border-radius: 0px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .poll-box {
    background: #fff url("/assets/icon-active-polls-32-45308655.svg") no-repeat 16px 24px;
    background-size: 32px;
    border-radius: 4px;
  }
}
.poll-box .poll-content-tab {
  padding: 24px 20px 11px 49px;
  min-height: 76px;
  border-bottom: 1px solid #e8eced;
}
@media screen and (min-width: 1024px) {
  .poll-box .poll-content-tab {
    padding-left: 62px;
  }
}
.poll-box .poll-content-tab .poll-title p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0 0 10px;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 1024px) {
  .poll-box .poll-content-tab .poll-title p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.poll-box .poll-content-tab .poll-title p:last-child {
  margin-bottom: 0px;
}
.poll-box .poll-content-tab .poll-title,
.poll-box .poll-content-tab .poll-data {
  margin: 0 0 0px;
  padding-left: 0;
}
.poll-box .poll-content-tab .poll-title .sent-to {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.poll-box .poll-action-tab {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px 12px 16px;
}
.poll-box .poll-action-tab a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  border: 1px solid #0865d1;
  background: transparent;
  text-transform: uppercase;
  display: block;
  margin: 20px;
}
@media screen and (min-width: 768px) {
  .poll-box .poll-action-tab a {
    min-width: 150px;
    max-width: max-content;
    margin-right: 0;
    display: inline-block;
  }
}
.poll-box .poll-action-tab .sent-at,
.poll-box .poll-action-tab .closes-in {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0;
  padding-left: 0;
}
.poll-box .poll-action-tab .sent-at {
  width: 70%;
}
.poll-box .poll-action-tab .closes-in {
  width: 30%;
  text-align: right;
}
.poll-box .notifications-sent {
  padding: 14px 16px;
  position: relative;
}
.poll-box .notifications-sent .poll-data {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  padding: 0 0 16px;
}
.poll-box .notifications-sent .sent-list {
  margin: 0 0 10px;
}
@media screen and (min-width: 1024px) {
  .poll-box .notifications-sent .sent-list {
    margin-bottom: 20px;
  }
}
.poll-box .notifications-sent .responses {
  margin: 0 0 8px;
}
@media screen and (min-width: 1024px) {
  .poll-box .notifications-sent .responses {
    width: 68%;
    float: left;
  }
}
.poll-box .notifications-sent .responses .poll-response {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .poll-box .notifications-sent .responses .poll-response:last-child {
    margin-bottom: 0;
  }
}
.poll-box .notifications-sent .responses .poll-response .response-bar-label {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.poll-box .notifications-sent .responses .poll-response .response-label {
  flex-grow: 1;
}
.poll-box .notifications-sent .responses .poll-response .response-label a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 16px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .poll-box .notifications-sent .responses .poll-response .response-label a {
    max-width: 350px;
  }
}
.poll-box .notifications-sent .responses .poll-response .response-bar {
  height: 12px;
  background: #8499a3;
  margin-right: 1rem;
  border-radius: 0px 4px 4px 0px;
}
.poll-box .notifications-sent .responses .poll-response .response-count {
  font-family: "Work Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 22px !important;
  padding: 4px;
  margin: 0 8px 0 0;
  border-radius: 4px 0px 4px 4px;
  min-width: 45px;
  text-align: center;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue .response-bar {
  background-color: #4a90e2;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue .response-count {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue .response-label a {
  color: #4a90e2 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue:hover .response-bar {
  background-color: #2275d7;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue:hover .response-count {
  background-color: #2275d7;
  border-color: #2275d7;
}
.poll-box .notifications-sent .responses .poll-response.poll-blue:hover .response-label a {
  color: #2275d7 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange .response-bar {
  background-color: #fea313;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange .response-count {
  background-color: #fea313;
  border: 1px solid #fea313;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange .response-label a {
  color: #fea313 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange:hover .response-bar {
  background-color: #dd8801;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange:hover .response-count {
  background-color: #dd8801;
  border-color: #dd8801;
}
.poll-box .notifications-sent .responses .poll-response.poll-orange:hover .response-label a {
  color: #dd8801 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-green .response-bar {
  background-color: #0eb276;
}
.poll-box .notifications-sent .responses .poll-response.poll-green .response-count {
  background-color: #0eb276;
  border: 1px solid #0eb276;
}
.poll-box .notifications-sent .responses .poll-response.poll-green .response-label a {
  color: #0eb276 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-green:hover .response-bar {
  background-color: #0a8357;
}
.poll-box .notifications-sent .responses .poll-response.poll-green:hover .response-count {
  background-color: #0a8357;
  border-color: #0a8357;
}
.poll-box .notifications-sent .responses .poll-response.poll-green:hover .response-label a {
  color: #0a8357 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-red .response-bar {
  background-color: #c73949;
}
.poll-box .notifications-sent .responses .poll-response.poll-red .response-count {
  background-color: #c73949;
  border: 1px solid #c73949;
}
.poll-box .notifications-sent .responses .poll-response.poll-red .response-label a {
  color: #c73949 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-red:hover .response-bar {
  background-color: #a02d3a;
}
.poll-box .notifications-sent .responses .poll-response.poll-red:hover .response-count {
  background-color: #a02d3a;
  border-color: #a02d3a;
}
.poll-box .notifications-sent .responses .poll-response.poll-red:hover .response-label a {
  color: #a02d3a !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy .response-bar {
  background-color: #042f42;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy .response-count {
  background-color: #042f42;
  border: 1px solid #042f42;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy .response-label a {
  color: #042f42 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy:hover .response-bar {
  background-color: #010d12;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy:hover .response-count {
  background-color: #010d12;
  border-color: #010d12;
}
.poll-box .notifications-sent .responses .poll-response.poll-navy:hover .response-label a {
  color: #010d12 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty .response-bar {
  background-color: #8499a3;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty .response-count {
  background-color: #8499a3;
  border: 1px solid #8499a3;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty .response-label a {
  color: #8499a3 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty:hover .response-bar {
  background-color: #68808c;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty:hover .response-count {
  background-color: #68808c;
  border-color: #68808c;
}
.poll-box .notifications-sent .responses .poll-response.poll-off-duty:hover .response-label a {
  color: #68808c !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response .response-bar {
  background-color: #8499a3;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response .response-count {
  background-color: #8499a3;
  border: 1px solid #8499a3;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response .response-label a {
  color: #8499a3 !important;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response:hover .response-bar {
  background-color: #68808c;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response:hover .response-count {
  background-color: #68808c;
  border-color: #68808c;
}
.poll-box .notifications-sent .responses .poll-response.poll-no-response:hover .response-label a {
  color: #68808c !important;
}
.poll-box .notifications-sent .response-stats {
  border: 1px solid #e8eced;
  padding: 10px;
  border-radius: 4px;
}
@media screen and (min-width: 1024px) {
  .poll-box .notifications-sent .response-stats {
    width: 30%;
    float: right;
  }
}
.poll-box .notifications-sent .response-stats a.poll-actions {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  display: block;
  padding: 5px 0 5px 30px;
  margin: 0 0 15px 0;
}
.poll-box .notifications-sent .response-stats a.poll-actions:last-child {
  margin: 0;
}
.poll-box .notifications-sent .response-stats a.export-poll-responses {
  background: url("/assets/icon-export-polls-f98767ea.svg") no-repeat 0 0;
}
.poll-box .notifications-sent .response-stats a.close-poll-early {
  background: url("/assets/icon-close-poll-early-a122e7b7.svg") no-repeat 0 0;
}

.poll-content {
  background: white;
  padding: 30px 0;
  border-bottom: 1px solid #e8eced;
  max-width: 600px;
  margin: 0 auto;
}
.poll-content .support-link {
  text-align: center;
  margin: 16px 0;
}
.poll-content .support-link a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  padding: 5px 10px;
  border: 1px solid #8499a3;
  border-radius: 3px;
}
.poll-content .poll-question {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .poll-content .poll-question {
    font-family: "Open Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 28px !important;
  }
}
.poll-content .poll-closed {
  padding: 20px 0;
}
.poll-content .poll-closed span {
  display: block;
  width: 65px;
  height: 60px;
  background: url("/assets/icon-sign-closed-614fd51e.svg") no-repeat 0 0;
  margin: 0 auto 16px;
}
.poll-content .poll-closed h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-align: center;
  padding: 0 40px 16px;
}
.poll-content .answered-poll {
  max-width: 90%;
  margin: 0 auto;
}
.poll-content .answered-poll p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0 0 10px 0;
}
.poll-content .answered-poll p.response {
  width: 100%;
  padding: 10px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px;
  text-align: center;
}
.poll-content .answered-poll p.response.blue {
  color: #4a90e2;
  background: #fff;
  border: 1px solid #4a90e2;
}
.poll-content .answered-poll p.response.blue:active {
  background: white;
}
.poll-content .answered-poll p.response.blue.answered {
  background: #4a90e2;
  color: #fff !important;
}
.poll-content .answered-poll p.response.orange {
  color: #fea313;
  background: #fff;
  border: 1px solid #fea313;
}
.poll-content .answered-poll p.response.orange:active {
  background: white;
}
.poll-content .answered-poll p.response.orange.answered {
  background: #fea313;
  color: #fff !important;
}
.poll-content .answered-poll p.response.green {
  color: #0eb276;
  background: #fff;
  border: 1px solid #0eb276;
}
.poll-content .answered-poll p.response.green:active {
  background: #c5fae7;
}
.poll-content .answered-poll p.response.green.answered {
  background: #0eb276;
  color: #fff !important;
}
.poll-content .answered-poll p.response.red {
  color: #c73949;
  background: #fff;
  border: 1px solid #c73949;
}
.poll-content .answered-poll p.response.red:active {
  background: white;
}
.poll-content .answered-poll p.response.red.answered {
  background: #c73949;
  color: #fff !important;
}
.poll-content .answered-poll p.response.navy {
  color: #042f42;
  background: #fff;
  border: 1px solid #042f42;
}
.poll-content .answered-poll p.response.navy:active {
  background: #51c2f4;
}
.poll-content .answered-poll p.response.navy.answered {
  background: #042f42;
  color: #fff !important;
}
.poll-content .answered-poll p.response.off-duty {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
.poll-content .answered-poll p.response.off-duty:active {
  background: white;
}
.poll-content .answered-poll p.response.off-duty.answered {
  background: #8499a3;
  color: #fff !important;
}
.poll-content .answered-poll p.response.no-response {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
.poll-content .answered-poll p.response.no-response:active {
  background: white;
}
.poll-content .answered-poll p.response.no-response.answered {
  background: #8499a3;
  color: #fff !important;
}
.poll-content .answered-poll p.edit-response a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-decoration: underline;
}
.poll-content .poll-answers {
  padding: 20px 0;
}
.poll-content .poll-answers form {
  width: 90%;
  max-width: 400px;
  margin: 0 auto 20px;
}
.poll-content .poll-answers form button[type=submit] {
  display: block;
  background: transparent;
  border-radius: 4px;
  width: 100%;
  padding: 14px 22px;
  white-space: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px;
  text-align: center;
}
.poll-content .poll-answers form button[type=submit].blue {
  color: #4a90e2;
  background: #fff;
  border: 1px solid #4a90e2;
}
.poll-content .poll-answers form button[type=submit].blue:active {
  background: white;
}
.poll-content .poll-answers form button[type=submit].blue.answered {
  background: #4a90e2;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].orange {
  color: #fea313;
  background: #fff;
  border: 1px solid #fea313;
}
.poll-content .poll-answers form button[type=submit].orange:active {
  background: white;
}
.poll-content .poll-answers form button[type=submit].orange.answered {
  background: #fea313;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].green {
  color: #0eb276;
  background: #fff;
  border: 1px solid #0eb276;
}
.poll-content .poll-answers form button[type=submit].green:active {
  background: #c5fae7;
}
.poll-content .poll-answers form button[type=submit].green.answered {
  background: #0eb276;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].red {
  color: #c73949;
  background: #fff;
  border: 1px solid #c73949;
}
.poll-content .poll-answers form button[type=submit].red:active {
  background: white;
}
.poll-content .poll-answers form button[type=submit].red.answered {
  background: #c73949;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].navy {
  color: #042f42;
  background: #fff;
  border: 1px solid #042f42;
}
.poll-content .poll-answers form button[type=submit].navy:active {
  background: #51c2f4;
}
.poll-content .poll-answers form button[type=submit].navy.answered {
  background: #042f42;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].off-duty {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
.poll-content .poll-answers form button[type=submit].off-duty:active {
  background: white;
}
.poll-content .poll-answers form button[type=submit].off-duty.answered {
  background: #8499a3;
  color: #fff !important;
}
.poll-content .poll-answers form button[type=submit].no-response {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
.poll-content .poll-answers form button[type=submit].no-response:active {
  background: white;
}
.poll-content .poll-answers form button[type=submit].no-response.answered {
  background: #8499a3;
  color: #fff !important;
}
.poll-content .done {
  margin-bottom: 20px;
}
.poll-content .done p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  display: block;
  text-align: center;
  margin: 0 auto 20px;
}
.poll-content .done .done-button {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  display: block;
  max-width: fit-content;
  margin: auto;
  text-transform: uppercase;
  white-space: normal;
  border: 1px solid #0865d1;
  background-color: #0865d1;
}

.modal.poll-responses p.poll-responses {
  border-bottom: 1px solid #e8eced;
  padding-bottom: 10px;
  padding-left: 27px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 1024px) {
  .modal.poll-responses p.poll-responses {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.modal.poll-responses p.poll-response-member {
  border-bottom: 1px solid #e8eced;
  padding: 10px 5px;
}
.modal.poll-responses p.poll-response-member.highlighted {
  background: yellow;
}
.modal.poll-responses p.poll-response-member span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-transform: initial;
}
.modal.poll-responses p.poll-response-member span.member-name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 1024px) {
  .modal.poll-responses p.poll-response-member span.member-name {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
.modal.poll-responses p.poll-response-member span.responded-ago {
  float: right;
  line-height: 20px !important;
}
.modal.poll-responses p.poll-response-member span.organization_name_and_title {
  display: block;
  margin-left: 23px;
  padding-top: 5px;
}
.modal.poll-responses p.poll-response-member span:last-child {
  border: 0;
}
.modal.poll-responses.poll-blue .modal-header {
  background: #4a90e2;
}
.modal.poll-responses.poll-orange .modal-header {
  background: #fea313;
}
.modal.poll-responses.poll-green .modal-header {
  background: #0eb276;
}
.modal.poll-responses.poll-red .modal-header {
  background: #c73949;
}
.modal.poll-responses.poll-navy .modal-header {
  background: #042f42;
}
.modal.poll-responses.poll-off-duty .modal-header {
  background: #8499a3;
}
.modal.poll-responses.poll-no-response .modal-header {
  background: #8499a3;
}

/* Popup container */
.cr-popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  /* The actual popup (appears on top) */
  /* Popup arrow */
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
}
.cr-popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}
.cr-popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.cr-popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.authentication {
  background: #f5f9fc;
}

#authentication {
  min-height: calc(100vh - 100px);
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #authentication {
    min-height: calc(100vh - 150px);
  }
}
#authentication .logo {
  display: block;
  background: url("/assets/main-logo-0ae04222.svg") no-repeat 0 0;
  width: 270px;
  height: 40px;
  margin: 48px auto 30px;
}
@media screen and (min-width: 768px) {
  #authentication .logo {
    margin: 90px auto 24px;
  }
}
#authentication .authentication-card {
  width: 92%;
  max-width: 437px;
  margin: 0 auto 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid #e8eced;
  padding: 32px 16px 53px;
}
@media screen and (min-width: 768px) {
  #authentication .authentication-card {
    padding: 56px 59px 63px;
  }
}
#authentication .authentication-card h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 24px !important;
  text-align: center;
  margin-bottom: 27px;
}
@media screen and (min-width: 768px) {
  #authentication .authentication-card h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 28px !important;
    margin-bottom: 56px;
  }
}
#authentication .authentication-card h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-align: center;
  margin-bottom: 25px;
  padding: 0 40px;
}
#authentication .authentication-card .alert {
  margin: 25px auto 25px;
  background: #de2d40;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 8px 16px;
  border-radius: 4px;
}
#authentication .authentication-card form .field {
  margin-bottom: 24px;
  position: relative;
}
#authentication .authentication-card form .field span.forgot-password {
  position: absolute;
  top: -2px;
  right: 0;
}
#authentication .authentication-card form .field span.forgot-password a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
}
#authentication .authentication-card form .field .has-error input {
  border: 2px solid #de2d40;
}
#authentication .authentication-card form .field .has-error input[type=checkbox] {
  border: initial;
}
#authentication .authentication-card form .field .has-error span.help-block {
  display: none;
}
#authentication .authentication-card form label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  display: block;
  margin-bottom: 8px;
}
#authentication .authentication-card form .help-block {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
  margin-top: 8px;
}
#authentication .authentication-card form input[type=checkbox] {
  width: 20px;
  position: relative;
  top: 2px;
}
#authentication .authentication-card form .avatar {
  margin: 32px 0 32px;
  text-align: center;
}
#authentication .authentication-card form .avatar span {
  width: 120px;
  height: 120px;
  background: url("/assets/icon-add-photo-609a6ef6.svg") no-repeat 0 0;
  background-size: 100%;
  display: block;
  margin: 0 auto 16px;
}
#authentication .authentication-card form .avatar small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-align: center;
  display: block;
  margin: 0 0 16px;
}
#authentication .authentication-card form .avatar label {
  cursor: pointer;
}
#authentication .authentication-card form .avatar-placeholder {
  text-align: center;
}
#authentication .authentication-card form .avatar-placeholder img {
  width: 120px;
  height: 120px;
  border: 2px solid white;
  box-shadow: 0 0 3px #515151;
  border-radius: 60px;
}
#authentication .authentication-card form .remove-avatar {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-align: center;
  display: block;
  margin: 0 0 16px;
  position: relative;
}
#authentication .authentication-card form .actions {
  text-align: center;
}
#authentication .authentication-card form .actions input {
  margin-bottom: 0;
}
#authentication .authentication-card form .btn-submit {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  letter-spacing: 0, 4px;
  background: #0865d1;
  min-width: 175px;
  display: inline-block;
  padding: 14px 20px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 16px auto;
}
#authentication p.cancel-link a {
  color: #8499a3 !important;
}
#authentication .authentication-links,
#authentication .spam_notice {
  text-align: center;
  margin: 16px 0;
  padding: 0 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
#authentication .authentication-links a,
#authentication .spam_notice a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
}

body.unsubscribes #authentication form.button_to {
  text-align: center;
}

#authentication .authentication-card form label.no-show {
  display: none;
}
#authentication #edit_profile #user_avatar {
  display: none;
}
#authentication #edit_profile input[type=file] {
  display: none;
}
#authentication #edit_profile .attachinary_container ul {
  display: none;
}
#authentication .field_with_errors {
  padding: 2px;
  background-color: red;
  display: inline;
}

#authentication {
  min-height: calc(100vh - 100px);
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #authentication {
    min-height: calc(100vh - 150px);
  }
}
#authentication .logo {
  display: block;
  background: url("/assets/main-logo-0ae04222.svg") no-repeat 0 0;
  width: 270px;
  height: 40px;
  margin: 48px auto 30px;
}
@media screen and (min-width: 768px) {
  #authentication .logo {
    margin: 90px auto 24px;
  }
}
#authentication .profile-card {
  width: 92%;
  max-width: 960px;
  margin: 0 auto 20px;
  background: white;
  border-radius: 4px;
  border: 1px solid #e8eced;
  padding: 32px 16px 53px;
}
@media screen and (min-width: 768px) {
  #authentication .profile-card {
    padding: 56px 59px 63px;
  }
}
#authentication .profile-card h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 24px !important;
  text-align: center;
  margin-bottom: 27px;
}
@media screen and (min-width: 768px) {
  #authentication .profile-card h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 28px !important;
    margin-bottom: 56px;
  }
}
#authentication .profile-card h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-align: center;
  margin-bottom: 25px;
  padding: 0 40px;
}
#authentication .profile-card .alert {
  margin: 25px auto 25px;
  background: #de2d40;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 8px 16px;
  border-radius: 4px;
}
#authentication .profile-card .avatar-placeholder {
  text-align: center;
}
#authentication .profile-card .avatar-placeholder img {
  width: 120px;
  height: 120px;
  border: 2px solid white;
  box-shadow: 0 0 3px #515151;
  border-radius: 60px;
}
#authentication .profile-card .remove-avatar {
  text-align: center;
  display: block;
  cursor: pointer;
  margin-top: 24px;
}
#authentication .profile-card form #organization_role_user_attributes_avatar {
  display: none;
}
#authentication .profile-card form .field {
  margin-bottom: 24px;
  position: relative;
}
#authentication .profile-card form .field span.forgot-password {
  position: absolute;
  top: -2px;
  right: 0;
}
#authentication .profile-card form .field span.forgot-password a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
}
#authentication .profile-card form .field .has-error input {
  border: 2px solid #de2d40;
}
#authentication .profile-card form .field .has-error input[type=checkbox] {
  border: initial;
}
#authentication .profile-card form .field .has-error span.help-block {
  display: none;
}
#authentication .profile-card form label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  display: block;
  margin-bottom: 8px;
}
#authentication .profile-card form .help-block {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
  margin-top: 8px;
}
#authentication .profile-card form input[type=checkbox] {
  width: 20px;
  position: relative;
  top: 2px;
}
#authentication .profile-card form .avatar {
  margin: 32px 0 32px;
  text-align: center;
}
#authentication .profile-card form .avatar span {
  width: 120px;
  height: 120px;
  background: url("/assets/icon-add-photo-609a6ef6.svg") no-repeat 0 0;
  background-size: 100%;
  display: block;
  margin: 0 auto 16px;
}
#authentication .profile-card form .avatar small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-align: center;
  display: block;
  margin: 0 0 16px;
}
#authentication .profile-card form .avatar label {
  cursor: pointer;
}
#authentication .profile-card form .avatar-hint {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-align: center;
  margin: 16px 0 16px;
}
#authentication .profile-card form .actions {
  text-align: center;
}
#authentication .profile-card form .actions input {
  margin-bottom: 0;
}
#authentication .profile-card form .btn-submit {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  letter-spacing: 0, 4px;
  background: #0865d1;
  min-width: 175px;
  display: inline-block;
  padding: 14px 20px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 16px auto;
}
#authentication p.cancel-link a {
  color: #8499a3 !important;
}
#authentication .authentication-links,
#authentication .spam_notice {
  text-align: center;
  margin: 16px 0;
  padding: 0 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
#authentication .authentication-links a,
#authentication .spam_notice a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
}

.error_explanations {
  margin: 25px auto 25px;
  background: #de2d40 url("/assets/icon-error-forms-0afece3d.svg") no-repeat 13px 13px;
  text-align: left;
  padding: 8px 16px;
  border-radius: 4px;
}
.error_explanations .error_explanation {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  margin: 5px 0;
  padding-left: 20px;
}

#terms-of-service-body p {
  margin-bottom: 1.5em;
}
#terms-of-service-body ol,
#terms-of-service-body ul {
  margin: 0 0 15px 0;
}
#terms-of-service-body li {
  margin-left: 20px;
  text-align: -webkit-match-parent;
  list-style: disc;
}
#terms-of-service-body ol li {
  list-style: decimal;
}
#terms-of-service-body a {
  color: #0865d1;
}
#terms-of-service-body h4 {
  margin-bottom: 5px;
  line-height: 1.25em;
}

.side-col .team-management,
.side-col .dashboard-agents-panel,
.side-col .demonstration-days-side-col,
.side-col .demonstration-side-col {
  background: white;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .side-col .team-management,
  .side-col .dashboard-agents-panel,
  .side-col .demonstration-days-side-col,
  .side-col .demonstration-side-col {
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #e8eced;
  }
}
.side-col .team-management p,
.side-col .dashboard-agents-panel p,
.side-col .demonstration-days-side-col p,
.side-col .demonstration-side-col p {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
.side-col .demonstration-days-side-col,
.side-col .demonstration-side-col {
  padding: 18px 17px 17px;
}
@media screen and (min-width: 1024px) {
  .side-col .demonstration-days-side-col,
  .side-col .demonstration-side-col {
    padding: 24px 20px;
  }
}
.side-col .demonstration-days-side-col .days {
  font-family: "Work Sans", sans-serif;
  font-size: 40px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 44px !important;
  float: left;
  width: 20%;
}
.side-col .demonstration-days-side-col .copy {
  float: right;
  width: 76%;
  padding-top: 4px;
}
.side-col .demonstration-days-side-col .copy span {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: none;
  display: block;
}
.side-col .demonstration-days-side-col .copy a {
  color: #0865d1;
  text-decoration: underline;
}
.side-col .demonstration-side-col p {
  padding: 0;
  margin-bottom: 0 !important;
}
.side-col .demonstration-side-col h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 30px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 34px !important;
  padding: 0;
  margin: 5px 0 20px;
}
.side-col .demonstration-side-col .trial-steps {
  margin: 10px 0 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 19px !important;
}
.side-col .demonstration-side-col .trial-steps .trial-step {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 14px;
}
.side-col .demonstration-side-col .trial-steps .trial-step.not-complete.next {
  text-decoration: underline;
  cursor: pointer;
  color: #0865d1;
}
.side-col .demonstration-side-col .trial-steps .trial-step:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #c6cfd3;
}
.side-col .demonstration-side-col .trial-steps .trial-step.complete:before {
  border: none;
  background: #0bb276;
}
.side-col .demonstration-cta p {
  margin-top: 16px !important;
}
.side-col .demonstration-cta p a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  border-radius: 4px;
  line-height: 18px !important;
  border: 1px solid #0865d1;
  background: #fff;
  width: 100%;
  display: block;
  padding: 14px 20px;
  text-align: center;
}
.side-col .demonstration-cta p a:hover {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  background: #0865d1;
}
.side-col .demonstration-cta p:last-child {
  margin-bottom: 0;
}

#authentication .authentication-card.trial-card {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #authentication .authentication-card.trial-card {
    min-width: 750px;
  }
}
#authentication .authentication-card.trial-card h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 22px !important;
  text-align: center;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  #authentication .authentication-card.trial-card h2 {
    font-family: "Work Sans", sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #052e42 !important;
    line-height: 24px !important;
    margin-top: 40px;
  }
}
#authentication .authentication-card.trial-card form .form-group:not(.hidden) {
  margin-bottom: 20px;
}
#authentication .authentication-card.trial-card form .form-group:not(.hidden) p.hint {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
#authentication .authentication-card.trial-card form .help-block {
  color: grey !important;
}
#authentication .authentication-card.trial-card form label {
  color: black !important;
}
#authentication .authentication-card.trial-card form label abbr {
  display: none;
}
#authentication .authentication-card.trial-card form .has-error input {
  border-color: red;
}
#authentication .authentication-card.trial-card form .ui.dropdown {
  width: 100%;
}
#authentication .authentication-card.trial-card form .ui.dropdown > .text {
  font-size: 14px;
}
#authentication .authentication-card.trial-card form .item {
  font-size: 14px;
}

/* direct-uploads.css */
#direct-upload-progress {
  margin-top: 16px;
  margin-bottom: 16px;
  background: #44c6d7;
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
  display: inline-block;
  height: 5px;
  position: relative;
  left: 0;
  border-radius: 15px;
}

.direct-upload {
  padding: 12px 10px;
}
.direct-upload.direct-upload--pending {
  opacity: 0.2;
}
.direct-upload.direct-upload--progress {
  opacity: 0.5;
}
.direct-upload.direct-upload--complete {
  opacity: 1;
}
.direct-upload .direct-upload--file-placeholder {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
  margin-right: 15px;
}
.direct-upload .direct-upload--links span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  overflow-wrap: anywhere;
  display: block;
}
.direct-upload .direct-upload--links span.direct-upload--remove {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-decoration: underline;
  cursor: pointer;
}
.direct-upload.direct-upload--preview img.preview {
  width: 100%;
  height: auto;
  max-width: 64px;
  margin-right: 15px;
  float: left;
}
.direct-upload .direct-upload--error {
  border-color: red;
}

span.on-or-off-duty.off-duty {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
  background: transparent;
  border: 1px solid #ccc;
}
span.on-or-off-duty.on-duty {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
  background: #0bb276;
  border: 1px solid transparent;
}
span.on-or-off-duty.async-status {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-right: 8px;
  border: 1px solid transparent;
}

.community-account.notifications .container .notifications-sidebar {
  width: 220px;
  float: left;
  margin-top: 32px;
  display: none;
}
@media screen and (min-width: 768px) {
  .community-account.notifications .container .notifications-sidebar {
    display: inline;
    margin: 32px 0 0 20px;
  }
}
.community-account.notifications .container .notifications-sidebar h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 28px !important;
  margin: 20px 0 20px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .community-account.notifications .container .notifications-flow {
    width: calc(100% - 250px);
    float: right;
    margin-top: 32px;
  }
}
.community-account.notifications .container .cancel {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c73949 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #c73949;
  background: transparent;
  height: 42px;
  padding: 10px 20px;
}
.community-account.notifications .container .cancel:hover {
  background: #c73949;
  color: #fff !important;
  border: 1px solid #c73949;
}
.community-account.notifications #back-next {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #back-next {
    justify-content: flex-end;
  }
  .community-account.notifications #back-next button.cancel,
  .community-account.notifications #back-next a.cancel {
    display: none;
  }
}
.community-account.notifications #back-next button[data-wizard-target=next] {
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  letter-spacing: 0, 4px;
  border: 1px solid #8499a3;
  background: #fff;
  width: auto;
  display: inline-block;
  top: 10px;
  right: 16px;
  padding: 14px 20px;
  padding: 11px 20px;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #back-next button[data-wizard-target=next] {
    padding: 20px 33px 0;
    line-height: 0 !important;
    top: 14px;
    right: 30px;
    height: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #back-next button[data-wizard-target=next] {
    padding: 0 33px !important;
  }
}
.community-account.notifications #back-next button[data-wizard-target=next]:hover, .community-account.notifications #back-next button[data-wizard-target=next].active, .community-account.notifications #back-next button[data-wizard-target=next]:hover, .community-account.notifications #back-next button[data-wizard-target=next].active {
  color: #fff !important;
  border: 1px solid #0865d1;
  background: #0865d1;
}
.community-account.notifications #back {
  color: #0865d1;
}
.community-account.notifications #delivery-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #delivery-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 6px;
  }
}
.community-account.notifications #delivery-details.notification-type-email {
  justify-content: start;
}
.community-account.notifications #delivery-details.notification-type-email .delivery-detail {
  margin-right: 16px;
}
.community-account.notifications #delivery-details .delivery-detail {
  display: flex;
  border: 1px solid #0865d1;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 20px;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #delivery-details .delivery-detail {
    width: 45%;
    display: initial;
    text-align: center;
    margin-bottom: 16px;
    padding: 20px 0;
  }
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #delivery-details .delivery-detail {
    width: 125px;
  }
}
.community-account.notifications #delivery-details .delivery-detail .delivery-detail-label i {
  color: #0865d1 !important;
  margin: 0 10px 0 0;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #delivery-details .delivery-detail .delivery-detail-label {
    width: 48px;
    height: 48px;
    display: inline-block;
  }
  .community-account.notifications #delivery-details .delivery-detail .delivery-detail-label i {
    margin: 0;
    padding: 12px 0 0 0;
    font-size: 36px;
  }
}
.community-account.notifications #delivery-details .delivery-detail .delivery-detail-value {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #delivery-details .delivery-detail .delivery-detail-value {
    margin: 10px 0 0 0;
  }
}
.community-account.notifications #delivery-smart-connect {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 16px;
}
.community-account.notifications #delivery-smart-connect label.checkbox {
  font-size: 16px !important;
}
.community-account.notifications #delivery-smart-connect label.checkbox input {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  top: 1px;
  opacity: 0.3;
}
.community-account.notifications #delivery-smart-connect label.checkbox input:checked {
  opacity: initial;
}
.community-account.notifications #delivery-smart-connect label::before {
  top: -1px;
}
.community-account.notifications #delivery-smart-connect .popup-question {
  margin: -1px 0 0 5px;
  width: 18px;
  height: 18px;
}
.community-account.notifications #delivery-smart-connect p + .popup-question {
  margin: 1px 0 0 5px;
}
.community-account.notifications .recording-buttons {
  text-transform: uppercase;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications .recording-buttons {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    padding-top: 12px;
  }
}
.community-account.notifications .recording-buttons .recording-button {
  padding: 0;
  display: block;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications .recording-buttons .recording-button {
    margin-bottom: 0;
    flex: 1;
    display: flex;
  }
}
.community-account.notifications .recording-buttons .recording-button a,
.community-account.notifications .recording-buttons .recording-button button {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  padding: 12px 20px;
  background: #0865d1;
  border: none;
  border-radius: 4px;
  text-align: center;
  display: block;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications .recording-buttons .recording-button a,
  .community-account.notifications .recording-buttons .recording-button button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.community-account.notifications .recording-buttons .recording-button a:disabled,
.community-account.notifications .recording-buttons .recording-button button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.community-account.notifications #audio-uploader-component .audio-upload.status:not(:empty) {
  margin-top: 16px;
}
.community-account.notifications #audio-uploader-component .uploader .attachment.voice,
.community-account.notifications #audio-uploader-component .uploader p.hint {
  display: none;
}
.community-account.notifications .ui.tabular.menu.tabs-community-preview {
  border-bottom: 1px solid #e8eced;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.community-account.notifications .ui.tabular.menu.tabs-community-preview a.item {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 3px solid #fff;
  text-transform: uppercase;
  padding-left: 0px;
  padding-bottom: 10px;
}
.community-account.notifications .ui.tabular.menu.tabs-community-preview a.item.active {
  border-bottom: 3px solid #0865d1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.community-account.notifications .ui.tabular.menu.tabs-community-preview a.edit {
  position: absolute;
  top: 15px;
  right: 0;
}
.community-account.notifications .ui.bottom.attached.tab.segment.active {
  border: none !important;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #wizard {
    background: #f5f9fc;
  }
}
.community-account.notifications #wizard h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 26px !important;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.community-account.notifications #wizard h3 a.map {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
.community-account.notifications #wizard h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin: 16px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8eced;
  padding-bottom: 10px;
}
.community-account.notifications #wizard h2 a.edit {
  display: inline-block;
  padding-left: auto;
}
.community-account.notifications #wizard h4 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin-bottom: 10px;
}
.community-account.notifications #wizard section {
  margin-bottom: 40px;
}
.community-account.notifications #wizard section.recipients-section-preview {
  margin-bottom: 28px;
}
.community-account.notifications #wizard section.tabs-section-preview {
  margin-bottom: 14px;
}
.community-account.notifications #wizard section.tabs-section-preview a.item {
  border-bottom: 3px solid white;
}
.community-account.notifications #wizard .ui.tabular.menu.tabs-community-preview a.item.active {
  border-bottom: 4px solid #0865d1;
}
.community-account.notifications #wizard p.community-notice {
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 4px;
  padding: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  background: #fffcd5;
  border-left: 5px solid #ffd602;
}
.community-account.notifications #wizard p.community-notice a {
  text-decoration: underline;
}
.community-account.notifications #wizard p.error {
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 4px;
  padding: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  border-left: 5px solid #c73949;
  background: #fadede;
}
.community-account.notifications #wizard p.error a {
  text-decoration: underline;
}
.community-account.notifications #wizard .hidden p.error {
  display: none;
}
.community-account.notifications #wizard p.community_notice {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  border: 1px solid #e8eced;
  border-left: 5px solid #ffd602;
  background: #fffcd5;
  border-radius: 4px;
  padding: 12px;
}
.community-account.notifications #wizard .recipient-list {
  margin-bottom: 16px;
}
.community-account.notifications #wizard .recipient-list .recipient-list-name {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 7px 5px 0;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #wizard label.attachment {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 0px;
  }
}
.community-account.notifications #wizard .ui.fluid.dropdown {
  margin-bottom: 16px;
}
.community-account.notifications #wizard textarea {
  margin-bottom: 8px;
}
.community-account.notifications #wizard .message-char-count {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.community-account.notifications #wizard .attachment-box .direct-upload {
  padding: 20px 12px;
}
.community-account.notifications #wizard .medias .text-images {
  padding: 12px 10px;
}
.community-account.notifications #wizard .medias .text-images .box-image {
  width: 64px;
  float: left;
}
.community-account.notifications #wizard .medias .text-images .box-image img {
  width: 100%;
}
.community-account.notifications #wizard .medias .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
.community-account.notifications #wizard .medias .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
.community-account.notifications #wizard .medias .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
.community-account.notifications #wizard .medias .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
.community-account.notifications #wizard .medias p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}
.community-account.notifications #wizard .contacts-list ul li:last-child {
  border-bottom: none;
}
.community-account.notifications #wizard .ui.segment p {
  margin-bottom: 16px !important;
}
.community-account.notifications #wizard [id^=suggested_voice_script_panel_],
.community-account.notifications #wizard [id^=suggested_email_panel_],
.community-account.notifications #wizard [id^=message_review_panel_] {
  margin-top: 1em;
}
.community-account.notifications #wizard [id^=suggested_voice_script_panel_] .item i,
.community-account.notifications #wizard [id^=suggested_email_panel_] .item i,
.community-account.notifications #wizard [id^=message_review_panel_] .item i {
  font-size: 1.15em;
}
.community-account.notifications #wizard [id^=suggested_voice_script_panel_] button.ui.small.basic.button,
.community-account.notifications #wizard [id^=suggested_email_panel_] button.ui.small.basic.button,
.community-account.notifications #wizard [id^=message_review_panel_] button.ui.small.basic.button {
  background: white !important;
}
.community-account.notifications #wizard div.gen-ai {
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border-left: 5px solid #a333c8;
  padding: 16px;
  background-color: #fff3fd;
}
.community-account.notifications #wizard div.gen-ai p {
  margin: 0 0 16px;
}
.community-account.notifications #wizard button.gen-ai {
  background: #a333c8;
  color: #fff;
}
.community-account.notifications #wizard button.gen-ai:hover {
  background: #82299f;
}
.community-account.notifications #wizard #email-preview-body {
  overflow-wrap: anywhere;
}
.community-account.notifications #wizard .chat-message {
  width: 100%;
  min-width: 180px;
  border-radius: 8px;
  padding: 20px 16px 20px 32px !important;
  position: relative;
  background: #eaf3fa;
  margin-bottom: 60px !important;
  color: #75848b !important;
  overflow-wrap: anywhere;
}
.community-account.notifications #wizard .chat-message:last-child {
  margin-bottom: 30px !important;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #wizard .chat-message {
    width: auto;
    max-width: 85%;
    margin-bottom: 30px !important;
  }
  .community-account.notifications #wizard .chat-message:last-child {
    margin-bottom: 15px !important;
  }
}
.community-account.notifications #wizard .chat-message span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #75848b !important;
  line-height: 16px !important;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  bottom: -24px;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #wizard .chat-message span {
    right: -90px;
    top: 40%;
  }
}
.community-account.notifications #wizard .chat-message::after {
  content: "▼";
  position: absolute;
  left: 20px;
  bottom: -15px;
  font-size: 20px;
  color: #eaf3fa;
}
.community-account.notifications #wizard .chat-preview-link {
  margin-bottom: 16px;
}
.community-account.notifications #wizard .chat-preview-link a {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
.community-account.notifications #wizard .chat-preview-link a i {
  font-size: 30px;
  position: relative;
  top: 5px;
  color: #0865d1;
}
.community-account.notifications #wizard #audio-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.community-account.notifications #wizard #audio-preview audio {
  width: calc(100% - 30px);
  display: inline-block;
}
.community-account.notifications #wizard #audio-preview .remove-audio {
  top: 0 !important;
}
.community-account.notifications #wizard .notification-preview {
  background: #ddf8e4;
  padding: 20px;
  margin-bottom: 40px;
}
.community-account.notifications #wizard .notification-preview h2 {
  margin: 0 0 8px;
  display: block;
  border: none;
}
.community-account.notifications #wizard .notification-preview h2 small {
  text-transform: lowercase;
}
.community-account.notifications #wizard .notification-preview p {
  font-size: 14px !important;
  width: 100%;
  margin-bottom: 16px !important;
}
.community-account.notifications #wizard .notification-preview .preview-form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-preview .preview-form {
    flex-direction: row;
    justify-content: space-between;
    column-gap: 10px;
  }
}
.community-account.notifications #wizard .notification-preview .preview-form .form-group {
  margin: 0 0 16px;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-preview .preview-form .form-group {
    margin: 0 0 0px;
    width: 220px;
  }
}
.community-account.notifications #wizard .notification-preview .preview-form label {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  display: inline-block;
  margin: 0 0 5px;
}
.community-account.notifications #wizard .notification-preview .preview-form input.button,
.community-account.notifications #wizard .notification-preview .preview-form input.btn {
  background: #0eb276;
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  text-transform: uppercase;
  height: 42px;
  text-align: center;
  padding: 0 20px;
  position: relative;
  border-radius: 4px;
  border: none;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-preview .preview-form input.button,
  .community-account.notifications #wizard .notification-preview .preview-form input.btn {
    top: 26px;
  }
}
.community-account.notifications #wizard .notification-preview .preview-form input.button:hover {
  background: #0bb276;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-preview .preview-form.email {
    flex-direction: row;
    justify-content: space-between;
  }
  .community-account.notifications #wizard .notification-preview .preview-form.email .form-group {
    width: 440px;
  }
}
.community-account.notifications #wizard #email-preview-tab {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .community-account.notifications #wizard #email-preview-tab {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.community-account.notifications #wizard .em_main_table {
  width: 100% !important;
}
.community-account.notifications #wizard .notification-final {
  background: #fadede;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-final .preview-form {
    justify-content: start;
  }
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .notification-final .preview-form .form-group {
    margin-right: 20px;
  }
}
.community-account.notifications #wizard .notification-final .preview-form input.button,
.community-account.notifications #wizard .notification-final .preview-form input.btn {
  background: #c73949;
  top: 1px;
}
.community-account.notifications #wizard .notification-final .preview-form input.btn:disabled {
  opacity: 0.6;
}
.community-account.notifications #wizard audio.community-recording-preview {
  width: 100%;
}
.community-account.notifications #wizard .voice-script-textarea,
.community-account.notifications #wizard textarea.message-body {
  height: fit-content;
  min-height: 8em;
  max-height: 25em;
  field-sizing: content;
}
@media screen and (min-width: 1024px) {
  .community-account.notifications #wizard .voice-script-textarea,
  .community-account.notifications #wizard textarea.message-body {
    max-height: 35em;
  }
}
@media screen and (min-width: 768px) {
  .community-account.notifications .wizard-type-email #wizard label.attachment,
  .community-account.notifications .wizard-email_body #wizard label.attachment {
    margin-top: 0px;
  }
}
.community-account.notifications #community-notification-modal .modal-content {
  min-height: 0;
}
.community-account.notifications #community-notification-modal .modal-content p {
  margin: 0 0 20px;
}
.community-account.notifications #community-notification-modal .modal-content p.community_notice {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  border: 1px solid #e8eced;
  border-left: 5px solid #ffd602;
  background: #fffcd5;
  border-radius: 4px;
  padding: 12px;
}
.community-account.notifications #community-notification-modal .modal-footer {
  box-shadow: none;
}

#mobile-nav {
  width: calc(100% - 40px);
  margin: 16px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #mobile-nav {
    display: none;
  }
}
#mobile-nav a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  display: inline-block;
  width: auto;
}
#mobile-nav span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  width: auto;
  display: inline-block;
}

.mobile-card {
  background: white;
  padding: 24px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mobile-card a.map {
  position: relative;
  top: 3px;
}
.mobile-card p:first-of-type {
  margin-bottom: 16px;
}

.fixed-notification-layout.community-account.notifications {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications > .notification-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications > .notification-content > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications > .notification-content > .container > turbo-frame {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.fixed-notification-layout.community-account.notifications > .notification-content > .container > turbo-frame > [data-controller~=page-visibility-refresh] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications .container div[data-controller~=wizard] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications .notifications-flow {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fixed-notification-layout.community-account.notifications #back-next {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 1;
  margin-top: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid #f5f9fc;
}
@media screen and (min-width: 768px) {
  .fixed-notification-layout.community-account.notifications {
    height: 100vh;
    min-height: 0;
    overflow: hidden;
  }
  .fixed-notification-layout.community-account.notifications > header {
    flex-shrink: 0;
  }
  .fixed-notification-layout.community-account.notifications > .notification-content {
    min-height: 0;
  }
  .fixed-notification-layout.community-account.notifications > .notification-content > .container {
    min-height: 0;
  }
  .fixed-notification-layout.community-account.notifications > .notification-content > .container > turbo-frame {
    min-height: 0;
  }
  .fixed-notification-layout.community-account.notifications > .notification-content > .container > turbo-frame > [data-controller~=page-visibility-refresh] {
    min-height: 0;
  }
  .fixed-notification-layout.community-account.notifications .container div[data-controller~=wizard] {
    flex-direction: row;
    min-height: 0;
    padding-top: 32px;
  }
  .fixed-notification-layout.community-account.notifications .container .notifications-sidebar {
    float: none;
    margin-top: 0;
    flex-shrink: 0;
    overflow-y: auto;
  }
  .fixed-notification-layout.community-account.notifications .container .notifications-flow {
    float: none;
    width: auto;
    margin-top: 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }
  .fixed-notification-layout.community-account.notifications #wizard {
    flex: 0 1 auto;
    overflow-y: auto;
    min-height: 350px;
    background: white;
  }
  .fixed-notification-layout.community-account.notifications #back-next {
    flex-shrink: 0;
    margin-top: 0;
    border-top: 1px solid #f5f9fc;
  }
}

a.report-issue {
  color: #8499a3;
  font-size: 12px;
}

.notification-step-bar {
  position: relative;
  margin: 40px auto 0;
  width: calc(100% - 110px);
  left: -13px;
  display: block;
  height: 5px;
  background: #fff;
  border-radius: 5px;
}
.notification-step-bar .dot,
.notification-step-bar .done-dot {
  width: 16px;
  height: 16px;
  background: #0865d1;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 0;
}
.notification-step-bar .dot .double-dot,
.notification-step-bar .done-dot .double-dot {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
}
.notification-step-bar .done-dot {
  display: none;
  width: 13px;
  height: 13px;
  top: -4px;
}
.notification-step-bar .notification-bar-inside {
  background: #0865d1;
  height: 5px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
}
.notification-step-bar .notification-bar-text_email {
  width: 215px;
}
.notification-step-bar .notification-bar-text_email .dot {
  left: 212px;
}
.notification-step-bar .notification-bar-text_email .done-dot {
  display: inline-block;
}
.notification-step-bar .notification-bar-voice_message {
  width: 420px;
}
.notification-step-bar .notification-bar-voice_message .dot {
  left: 414px;
}
.notification-step-bar .notification-bar-voice_message .done-dot,
.notification-step-bar .notification-bar-voice_message .done-dot-text-email {
  display: inline-block;
}
.notification-step-bar .notification-bar-voice_message .done-dot-text-email {
  left: 212px;
}
.notification-step-bar .notification-bar-preview {
  width: 630px;
}
.notification-step-bar .notification-bar-preview .dot {
  left: 624px;
}
.notification-step-bar .notification-bar-preview .done-dot,
.notification-step-bar .notification-bar-preview .done-dot-text-email,
.notification-step-bar .notification-bar-preview .done-dot-voice-message {
  display: inline-block;
}
.notification-step-bar .notification-bar-preview .done-dot-text-email {
  left: 212px;
}
.notification-step-bar .notification-bar-preview .done-dot-voice-message {
  left: 414px;
}
.notification-step-bar .notification-bar-final {
  width: 100%;
}
.notification-step-bar .notification-bar-final .dot {
  left: calc(100% - 1px);
}
.notification-step-bar .notification-bar-final .done-dot,
.notification-step-bar .notification-bar-final .done-dot-text-email,
.notification-step-bar .notification-bar-final .done-dot-voice-message,
.notification-step-bar .notification-bar-final .done-dot-preview {
  display: inline-block;
}
.notification-step-bar .notification-bar-final .done-dot-text-email {
  left: 212px;
}
.notification-step-bar .notification-bar-final .done-dot-voice-message {
  left: 414px;
}
.notification-step-bar .notification-bar-final .done-dot-preview {
  left: 624px;
}

.notification-step-bar-email .notification-bar-email_body {
  width: 285px;
}
.notification-step-bar-email .notification-bar-email_body .dot {
  left: 282px;
}
.notification-step-bar-email .notification-bar-email_body .done-dot {
  display: inline-block;
}
.notification-step-bar-email .notification-bar-preview {
  width: 570px;
}
.notification-step-bar-email .notification-bar-preview .dot {
  left: 554px;
}
.notification-step-bar-email .notification-bar-preview .done-dot,
.notification-step-bar-email .notification-bar-preview .done-dot-email-body {
  display: inline-block;
}
.notification-step-bar-email .notification-bar-preview .done-dot-email-body {
  left: 282px;
}
.notification-step-bar-email .notification-bar-preview .done-dot-voice-message {
  display: none;
}
.notification-step-bar-email .notification-bar-final {
  width: 100%;
}
.notification-step-bar-email .notification-bar-final .dot {
  left: calc(100% - 1px);
}
.notification-step-bar-email .notification-bar-final .done-dot,
.notification-step-bar-email .notification-bar-final .done-dot-email-body {
  display: inline-block;
}
.notification-step-bar-email .notification-bar-final .done-dot-email-body {
  left: 282px;
}
.notification-step-bar-email .notification-bar-final .done-dot-preview {
  left: 554px;
}
.notification-step-bar-email .notification-bar-final .done-dot-voice-message {
  display: none;
}

ul.steps {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-bottom: 40px;
}
ul.steps .step {
  text-transform: uppercase;
}
ul.steps .step a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
  text-decoration: none;
}
ul.steps .step.current a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
}
ul.steps .step.valid a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7cabe2 !important;
  line-height: 15px !important;
}

ul.steps-vertical {
  display: flex;
  flex-direction: column;
  margin: 0 0 40px 35px;
}
ul.steps-vertical .step {
  text-transform: uppercase;
  margin-bottom: 32px;
}
ul.steps-vertical .step a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
  text-decoration: none;
}
ul.steps-vertical .step.current a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
}
ul.steps-vertical .step.valid a {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7cabe2 !important;
  line-height: 15px !important;
}

.notification-step-bar-vertical {
  margin: 16px 0 0 0;
  position: relative;
  width: 5px;
  left: 10px;
  display: block;
  height: 218px;
  background: #fff;
  border-radius: 5px;
  float: left;
}
.notification-step-bar-vertical .dot,
.notification-step-bar-vertical .done-dot {
  width: 16px;
  height: 16px;
  background: #0865d1;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -3px;
  left: -5px;
}
.notification-step-bar-vertical .dot .double-dot,
.notification-step-bar-vertical .done-dot .double-dot {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
}
.notification-step-bar-vertical .done-dot {
  display: none;
  width: 14px;
  height: 14px;
  left: -4px;
}
.notification-step-bar-vertical .done-dot-recipients {
  top: -3px;
}
.notification-step-bar-vertical .done-dot-text-email {
  top: 50px;
}
.notification-step-bar-vertical .done-dot-voice-message {
  top: 102px;
}
.notification-step-bar-vertical .done-dot-preview {
  top: 153px;
}
.notification-step-bar-vertical .done-dot-final {
  top: 206px;
}
.notification-step-bar-vertical .notification-bar-inside {
  background: #0865d1;
  width: 5px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  height: 0;
}
.notification-step-bar-vertical .notification-bar-text_email {
  height: 55px;
}
.notification-step-bar-vertical .notification-bar-text_email .done-dot-recipients {
  display: inline-block;
}
.notification-step-bar-vertical .notification-bar-text_email .dot {
  top: 50px;
}
.notification-step-bar-vertical .notification-bar-voice_message {
  height: 105px;
}
.notification-step-bar-vertical .notification-bar-voice_message .done-dot-recipients,
.notification-step-bar-vertical .notification-bar-voice_message .done-dot-text-email {
  display: inline-block;
}
.notification-step-bar-vertical .notification-bar-voice_message .dot {
  top: 102px;
}
.notification-step-bar-vertical .notification-bar-preview {
  height: 160px;
}
.notification-step-bar-vertical .notification-bar-preview .done-dot-recipients,
.notification-step-bar-vertical .notification-bar-preview .done-dot-text-email,
.notification-step-bar-vertical .notification-bar-preview .done-dot-voice-message {
  display: inline-block;
}
.notification-step-bar-vertical .notification-bar-preview .dot {
  top: 153px;
}
.notification-step-bar-vertical .notification-bar-final {
  height: 210px;
}
.notification-step-bar-vertical .notification-bar-final .done-dot-recipients,
.notification-step-bar-vertical .notification-bar-final .done-dot-text-email,
.notification-step-bar-vertical .notification-bar-final .done-dot-voice-message,
.notification-step-bar-vertical .notification-bar-final .done-dot-preview {
  display: inline-block;
}
.notification-step-bar-vertical .notification-bar-final .dot {
  top: 206px;
}

.notification-step-bar-vertical.notification-step-bar-email {
  height: 164px;
}
.notification-step-bar-vertical.notification-step-bar-email .done-dot {
  display: none;
}
.notification-step-bar-vertical.notification-step-bar-email .done-dot-email-body {
  top: 50px;
}
.notification-step-bar-vertical.notification-step-bar-email .done-dot-preview {
  top: 102px;
}
.notification-step-bar-vertical.notification-step-bar-email .done-dot-final {
  top: 153px;
}
.notification-step-bar-vertical.notification-step-bar-email .dot {
  left: -4px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-email_body {
  height: 55px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-email_body .done-dot-recipients {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-email_body .dot {
  top: 50px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-preview {
  height: 105px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-preview .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-preview .done-dot-email-body {
  display: inline-block;
  left: -4px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-preview .dot {
  top: 102px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-final {
  height: 160px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-final .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-final .done-dot-email-body,
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-final .done-dot-preview {
  display: inline-block;
  left: -4px;
}
.notification-step-bar-vertical.notification-step-bar-email .notification-bar-final .dot {
  top: 153px;
}

.notification-step-bar-vertical.notification-step-bar-email-step {
  height: 270px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .done-dot-email-body {
  top: 102px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .done-dot-voice-message {
  top: 154px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .done-dot-preview {
  top: 206px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .done-dot-final {
  top: 258px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-text_email {
  height: 55px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-text_email .done-dot-recipients {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-text_email .dot {
  top: 50px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-email_body {
  height: 107px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-email_body .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-email_body .done-dot-text-email {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-email_body .dot {
  top: 102px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-voice_message {
  height: 159px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-voice_message .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-voice_message .done-dot-text-email,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-voice_message .done-dot-email-body {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-voice_message .dot {
  top: 154px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview {
  height: 211px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview .done-dot-text-email,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview .done-dot-email-body,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview .done-dot-voice-message {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-preview .dot {
  top: 206px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final {
  height: 263px;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .done-dot-recipients,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .done-dot-text-email,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .done-dot-email-body,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .done-dot-voice-message,
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .done-dot-preview {
  display: inline-block;
}
.notification-step-bar-vertical.notification-step-bar-email-step .notification-bar-final .dot {
  top: 258px;
}

.admin {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .admin {
    display: grid;
    grid-template-columns: 170px 1fr;
    column-gap: 32px;
  }
}
.admin .main-col {
  width: calc(100% - 32px);
  margin: 16px auto 0;
  position: relative;
  padding-bottom: 40px;
  min-width: 0;
}
@media screen and (min-width: 1024px) {
  .admin .main-col {
    margin-top: 0;
    width: 100%;
  }
}
.admin .main-col .heading-group {
  position: relative;
}
.admin .main-col .heading-group a.admin-add-new {
  top: 0;
  right: 0;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .admin .main-col .heading-group a.admin-add-new {
    top: 0px;
    right: 0px;
    position: absolute;
  }
}
.admin .main-col .page_heading {
  font-family: "Work Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 22px !important;
  margin-bottom: 16px;
}
.admin .main-col .page_heading .popup-question {
  top: 2px;
}
.admin .main-col .help-context-content dt {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
.admin .main-col .help-context-content dd {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin-bottom: 10px;
}
.admin .main-col h1.mobile-title,
.admin .main-col h2.mobile-title {
  display: block;
}
@media screen and (min-width: 1024px) {
  .admin .main-col h1.mobile-title,
  .admin .main-col h2.mobile-title {
    display: none;
  }
}
.admin .main-col h1.desktop-title,
.admin .main-col h2.desktop-title {
  display: none;
}
@media screen and (min-width: 1024px) {
  .admin .main-col h1.desktop-title,
  .admin .main-col h2.desktop-title {
    display: block;
  }
}
.admin .main-col .page_heading_small {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 20px !important;
  margin: 23px 0 16px;
}
.admin .main-col .page_subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 20px !important;
  margin: 0 0 16px;
}
.admin .main-col .split-heading .page_heading,
.admin .main-col .split-heading .page_heading_small,
.admin .main-col .split-heading .page_heading:first-child {
  width: 50%;
  float: left;
}
.admin .main-col .split-heading .admin-add-new {
  width: 50%;
  float: right;
  width: auto;
  margin: 23px 0 0;
  text-align: right;
  position: relative;
}
.admin .main-col .split-heading h1.page_heading + .admin-add-new {
  margin: 6px 4px 0 0;
}
.admin .side-col {
  position: relative;
  width: 100%;
}
.admin .side-col .link-back a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  background: #fff url("/assets/icon-chevron-left-94176567.svg") no-repeat 16px 17px;
  margin: 0;
  padding: 16px 0 16px 28px;
  display: block;
  text-transform: uppercase;
}
.admin .side-col .link-back a.next-trial {
  -webkit-animation: flash linear 1s 4 forwards;
  animation: flash linear 1s 4 forwards;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .admin .side-col .link-back a {
    display: inline-block;
    margin: 0 0 5px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #8499a3 !important;
    line-height: 18px !important;
    background: initial;
    padding: 0;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .admin .side-col .link-back a:after {
    content: "";
    background: url("/assets/icon-chevron-left-94176567.svg") no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .admin .side-col {
    width: 170px;
    padding: 0;
    border-radius: 4px;
  }
}
.admin .side-col .show-menu-mobile {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .admin .side-col .show-menu-mobile {
    display: none;
  }
}
.admin .side-col ul#admin-menu {
  margin-top: 50px;
  background: white;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 10px;
  -webkit-overflow-scrolling: touch;
}
.admin .side-col ul#admin-menu.open {
  width: 220px;
  padding: 20px 20px 100px 20px;
  box-shadow: 0 0px 260px #999999;
}
@media screen and (min-width: 1024px) {
  .admin .side-col ul#admin-menu {
    display: block;
    position: static;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
  }
}
.admin .side-col ul#admin-menu li {
  padding: 2px 0px 2px 15px;
  border-radius: 4px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .admin .side-col ul#admin-menu li {
    padding: 2px 0px 2px 5px;
  }
}
.admin .side-col ul#admin-menu li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
}
.admin .side-col ul#admin-menu li:hover {
  background: #ebf5ff;
}
.admin .side-col ul#admin-menu li.heading {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  margin: 24px 0 6px;
  text-transform: uppercase;
}
.admin .side-col ul#admin-menu li.heading:hover {
  background: none;
}
.admin .side-col ul#admin-menu li.heading:first-child {
  margin: 0px 0 6px;
}
@media screen and (min-width: 1024px) {
  .admin .side-col ul#admin-menu li.heading:first-child {
    margin: 24px 0 6px;
  }
}
.admin .side-col ul#admin-menu li.active {
  background: #e2edfb;
}
.admin .side-col ul#admin-menu li.active a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
}
.admin .footer {
  grid-column: 1/-1;
}
.admin #breadcrumbs {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  margin-bottom: 10px;
}
.admin #breadcrumbs .crumbs {
  width: auto;
}
.admin #breadcrumbs a {
  color: #75848b !important;
}
.admin #breadcrumbs a.destroy {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  margin: 10px 0;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .admin #breadcrumbs a.destroy {
    position: absolute;
    top: 0px;
    right: 0px;
    left: initial;
    margin: 0;
  }
}

.admin.account-admin {
  max-width: 1280px;
}
@media screen and (min-width: 1024px) {
  .admin.account-admin .main-col {
    width: calc(100% - 220px);
  }
}
.admin.account-admin pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

a.disabled {
  color: #c6cfd3;
}

a.obvious {
  text-decoration: underline;
  color: #0865d1;
}

a.edit {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  background: url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 0 1px;
  padding-left: 23px;
  cursor: pointer;
}

#listing .listing-item {
  position: relative;
}
#listing .listing-item > a.show,
#listing .listing-item > .show {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  row-gap: 4px;
  padding-right: 32px;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
}
#listing .listing-item > a.show > .bars.icon,
#listing .listing-item > .show > .bars.icon {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  height: 14px;
}
#listing .listing-item > a.show > h3,
#listing .listing-item > .show > h3 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  line-height: 1;
}
#listing .listing-item > a.show > p,
#listing .listing-item > a.show > .tile-status,
#listing .listing-item > .show > p,
#listing .listing-item > .show > .tile-status {
  flex-basis: 100%;
  margin: 0;
}
#listing .listing-item > a.show {
  background-image: url("/assets/icon-edit-member-off-b9c7cae9.svg");
}
#listing .listing-item > a.show:hover {
  background-image: url("/assets/icon-edit-member-2b269ecf.svg");
}
#listing .listing-item + .listing-item {
  margin-top: 16px;
  padding-top: 16px;
  border-top: dotted 1px #8499a3;
}

.edit-group {
  background: #fff;
  margin-bottom: 24px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
}
.tab > .edit-group:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.edit-group:has(+ .edit-group) {
  margin-bottom: 24px;
}
.edit-group:not(:has(> div, > form, > a, > turbo-frame, > ul, > table)) {
  display: none;
}
.edit-group p {
  margin-bottom: 16px;
}
.edit-group p:last-child {
  margin-bottom: 0px;
}
.edit-group h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
.edit-group h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
}
.edit-group h2:has(~ div.show,
~ *[data-controller~=admin-edit],
~ div.edit:not(.no-show),
~ .show-field,
~ .toggle,
~ turbo-frame,
~ form,
~ .no-workflow-actions,
~ p,
~ .listing-item) {
  margin-bottom: 16px;
}
.edit-group a.edit {
  position: absolute;
  top: 24px;
  right: 24px;
}
.edit-group .show-field {
  margin-bottom: 16px;
}
.edit-group .show-field:last-child {
  margin-bottom: 0px;
}
.edit-group .show-field > .label {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin-bottom: 2px;
  position: relative;
  width: auto;
}
.edit-group .show-field > .label .popup-question {
  top: 3px;
  left: 2px;
}
.edit-group label .popup-question {
  top: 3px;
  left: 2px;
}
.edit-group .email-mock {
  width: 80%;
  background: #eaf3fa;
  border-radius: 8px;
  padding: 16px;
  position: relative;
}
.edit-group .text-message,
.edit-group .text-message-preview {
  width: 100%;
  background: #eaf3fa;
  border-radius: 8px;
  padding: 16px;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .edit-group .text-message,
  .edit-group .text-message-preview {
    width: 60%;
    overflow: initial;
  }
}
.edit-group .text-message p,
.edit-group .text-message-preview p {
  margin-bottom: 16px;
}
.edit-group .text-message p:last-child,
.edit-group .text-message-preview p:last-child {
  margin-bottom: 0px;
}
.edit-group .text-message p span.spacer,
.edit-group .text-message-preview p span.spacer {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-family: "BLOKK";
  color: #8499a3;
  font-size: 24px;
}
.edit-group .text-message::after,
.edit-group .text-message-preview::after {
  content: "";
  width: 22px;
  height: 13px;
  background: url("/assets/icon-chat-bubble-2a6c5509.svg") no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: -13px;
  left: 16px;
}
.edit-group div.form-group {
  margin-bottom: 16px;
}
.edit-group div.form-group label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  margin-bottom: 8px;
  position: relative;
  display: inline-block;
  width: auto;
  text-transform: capitalize;
}
.edit-group div.form-group label.attachment {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
.edit-group div.form-group a.add_fields {
  display: inline-block;
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 1px;
  padding-left: 23px;
  text-transform: uppercase;
}
.edit-group div.form-group a.delete-record {
  float: right;
  width: 30px;
  height: 30px;
  background: url("/assets/icon-delete-field-3b893d37.svg") no-repeat 50% 50%;
  position: relative;
  top: 25px;
  font-size: 0;
}
.edit-group div.form-group input[type=text],
.edit-group div.form-group textarea,
.edit-group div.form-group .ui.selection.dropdown {
  width: 60%;
  display: block;
}
.edit-group div.form-group p.hint {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.edit-group .inline.fields .form-group {
  margin-bottom: 0px;
}
.edit-group form p.hint {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.edit-group form .ui.checkbox p.hint {
  padding-left: 30px;
}
.edit-group hr {
  margin: 24px 0;
}
.edit-group .ui.toggle.checkbox + hr {
  margin-top: 8px;
}
.edit-group input[type=submit] {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1;
  border: none;
  padding: 5px;
  position: relative;
  border-radius: 4px;
  margin-right: 16px;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .edit-group input[type=submit] {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 18px !important;
    line-height: 14px !important;
    padding: 10px;
  }
}
.edit-group input[type=submit]:disabled, .edit-group input[type=submit].disabled {
  background: #8499a3;
}
.edit-group p.edit-group-notice {
  margin-bottom: 16px;
}
.edit-group p.edit-group-notice-small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin-top: 8px;
}
.edit-group ul.circles {
  padding-left: 16px;
}
.edit-group ul.circles li {
  margin: 8px;
  list-style: circle;
}

.admin-card-actions {
  position: relative;
  display: block;
  margin-bottom: 16px;
}

.ui.form input[type=file] {
  font-size: 12px;
}

form.admin-card {
  background: #fff;
  margin-bottom: 16px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1);
  border: 1px solid #e8eced;
}
form.admin-card h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 28px !important;
  margin-bottom: 16px;
}
form.admin-card .control-label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  display: block;
  margin-bottom: 8px;
}
form.admin-card .form-control {
  margin-bottom: 16px !important;
  width: 100% !important;
}
form.admin-card .actions {
  margin-top: 32px;
  position: relative;
}
form.admin-card .actions a.destroy {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  position: absolute;
  right: 8px;
  top: 3px;
}
@media screen and (min-width: 1024px) {
  form.admin-card .actions a.destroy {
    top: 8px;
  }
}

.admin-card a.cancel,
.edit-group a.cancel {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  cursor: pointer;
}
.admin-card .actions,
.edit-group .actions {
  margin-top: 32px;
  position: relative;
}
.admin-card .actions a.destroy,
.edit-group .actions a.destroy {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  position: absolute;
  right: 8px;
  top: 3px;
}
@media screen and (min-width: 1024px) {
  .admin-card .actions a.destroy,
  .edit-group .actions a.destroy {
    top: 8px;
  }
}

p.group-description {
  margin-bottom: 24px;
}

.clickable {
  cursor: pointer;
}

.table-group {
  background: white;
  margin-bottom: 16px;
  padding: 9px 0;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  width: 100%;
}
.table-group table {
  width: 100%;
}
.table-group tr {
  padding: 0 26px;
}
.table-group tr th,
.table-group tr td {
  border-bottom: 1px solid #e8eced;
  padding: 9px 20px;
  text-align: left;
}
.table-group tr th .admin-edit,
.table-group tr td .admin-edit {
  color: transparent !important;
  position: relative;
}
.table-group tr th .admin-edit:after,
.table-group tr td .admin-edit:after {
  content: "";
  background: url("/assets/icon-edit-member-off-b9c7cae9.svg") no-repeat 0 1px;
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  cursor: pointer;
}
.table-group tr th {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 18px !important;
}
.table-group tr td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
.table-group tr th:first-child,
.table-group tr td:first-child {
  padding-left: 26px;
}
.table-group tr th:last-child,
.table-group tr td:last-child {
  padding-right: 26px;
}
.table-group tr:hover {
  background: #eaf3fa;
}
.table-group tr:hover .admin-edit:after {
  background: url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 0 1px;
}
.table-group tr:last-child td {
  border-bottom: 0;
}

h2 .popup-question {
  top: 4px;
  left: 5px;
}

.popup-question {
  background: url("/assets/icon-user-menu-help-dee6ff1b.svg") no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
  position: relative;
  border-radius: 20px;
  display: inline-block;
  cursor: pointer;
}

.ui.popup {
  min-width: 200px;
  overflow-wrap: anywhere;
}
.ui.popup p {
  text-transform: initial;
  margin-bottom: 8px;
}
.ui.popup p a {
  text-decoration: underline;
}

@media screen and (min-width: 1024px) {
  .half-half {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 1024px) {
  .half-half:first-of-type .input {
    width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  .third {
    width: 33%;
    float: left;
  }
}

.modal.delete-modal {
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .modal.delete-modal {
    min-height: 240px;
    height: auto;
    padding: 20px;
  }
}
@media screen and (min-width: 768px) {
  .modal.delete-modal {
    width: 600px;
  }
}
.modal.delete-modal .modal-header {
  min-height: min-content;
}
.modal.delete-modal .actions {
  padding: 1rem;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .modal.delete-modal .actions {
    background: none !important;
  }
  .modal.delete-modal .actions a.destroy {
    float: none;
  }
}

.form-group.organization_twenty_four_hour_time {
  margin-bottom: 16px;
}
.form-group.organization_twenty_four_hour_time label {
  display: block !important;
}
.form-group.organization_twenty_four_hour_time .radio {
  display: inline-block;
  margin-right: 20px;
}
.form-group.organization_twenty_four_hour_time .radio input[type=radio] {
  margin-right: 10px;
}

.show-field.half-half span.value {
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) {
  .show-field.half-half {
    width: 50%;
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  .show-field.half-half.nomargin-bottom {
    margin-bottom: 0 !important;
  }
}

.admin-add-new {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 1px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 23px;
}
.admin-add-new.disabled {
  opacity: 0.4;
  pointer-events: none;
}

table#users tr th:last-child,
table#users tr td:last-child {
  text-align: right;
  width: 10%;
}

.users-card .resend-invitation-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  background: url("/assets/icon-email-34725f70.svg") no-repeat 0 1px;
  padding-left: 25px;
  display: inline-block;
  margin-top: 24px;
}

body.users .table-group {
  overflow: scroll;
}
@media screen and (min-width: 1024px) {
  body.users .table-group {
    overflow: auto;
  }
}

.half-half-edit-group .label.label-show {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin-bottom: 0;
  position: relative;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .half-half-edit-group .show-field.half-half.nomargin-bottom {
    margin-bottom: 0 !important;
  }
}
.half-half-edit-group .form-group.organization_activate_term,
.half-half-edit-group .form-group.organization_deactivate_term,
.half-half-edit-group .form-group.organization_status_term,
.half-half-edit-group .form-group.organization_roster_term {
  width: 100%;
  min-height: 120px;
  margin-bottom: 0px;
}
.half-half-edit-group .form-group.organization_activate_term input[type=text],
.half-half-edit-group .form-group.organization_deactivate_term input[type=text],
.half-half-edit-group .form-group.organization_status_term input[type=text],
.half-half-edit-group .form-group.organization_roster_term input[type=text] {
  width: 90% !important;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .half-half-edit-group .form-group.organization_activate_term,
  .half-half-edit-group .form-group.organization_deactivate_term,
  .half-half-edit-group .form-group.organization_status_term,
  .half-half-edit-group .form-group.organization_roster_term {
    width: 50%;
    float: left;
  }
}
.half-half-edit-group .form-group.organization_duty_start_hour,
.half-half-edit-group .form-group.organization_duty_start_minute {
  margin-bottom: 0px;
}
.half-half-edit-group .floating_input {
  float: left;
  margin: 0 10px 0 0;
}
.half-half-edit-group .xs_select {
  width: 70px !important;
  min-width: auto !important;
}

.edit-group .organization_locate_text_message textarea,
.edit-group .organization_locate_complete_message textarea {
  width: 100% !important;
  height: auto !important;
  min-height: 7em !important;
  max-height: 12em !important;
}

.edit-group.stack-checkbox .ui.toggle.checkbox {
  display: block;
}
.edit-group .relative .edit {
  top: 0;
  right: 0;
}
.edit-group .checkbox {
  margin-bottom: 16px;
}
.edit-group .checkbox:last-child {
  margin: initial;
}
.edit-group .organization_conference_code,
.edit-group .organization_conference_duration {
  margin-bottom: 16px;
}
.edit-group .organization_conference_code input[type=text],
.edit-group .organization_conference_code .ui.dropdown.selection,
.edit-group .organization_conference_duration input[type=text],
.edit-group .organization_conference_duration .ui.dropdown.selection {
  margin-bottom: 8px !important;
}
.edit-group .block-subtitle {
  margin-bottom: 8px !important;
}
.edit-group .preamble-text-options {
  margin-bottom: 32px;
}
.edit-group .help-context {
  position: relative;
}
.edit-group .help-context h2 {
  display: inline-block;
}
.edit-group .help-context .popup-question {
  display: inline-block;
  position: relative;
  top: 3px;
}

.edit-group .form-group.organization_email_forwarder_reply_to {
  margin-bottom: 16px;
}
.edit-group .form-group.organization_email_forwarder_reply_to label {
  display: block !important;
}
.edit-group .form-group.organization_email_forwarder_reply_to .radio {
  display: block;
}
.edit-group .form-group.organization_email_forwarder_reply_to .radio input[type=radio] {
  margin-right: 10px;
  position: relative;
  top: -2px;
}

a[data-action="clipboard#copy"] {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c6cfd3 !important;
  line-height: 18px !important;
}
a[data-action="clipboard#copy"] span {
  display: none;
}
a[data-action="clipboard#copy"]:hover {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
a[data-action="clipboard#copy"]:hover i.icon {
  display: none;
}
a[data-action="clipboard#copy"]:hover span {
  display: inline;
}

#emails-table td:last-child {
  text-align: right;
}
#emails-table tr:hover td:last-child a {
  display: initial;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}
#emails-table tr:hover td:last-child a i.icon {
  display: none;
}
#emails-table tr:hover td:last-child a span {
  display: inline;
}

#new-poll {
  height: 20px;
}
#new-poll .admin-add-new {
  position: relative;
  float: right;
}

.admin-poll-form fieldset {
  clear: both;
}
.admin-poll-form fieldset .poll-colour {
  width: 53px !important;
  display: inline-block !important;
  float: left !important;
  margin: 0 8px 0 0 !important;
}
.admin-poll-form fieldset .poll_poll_answers_answer {
  width: calc(100% - 100px);
  float: left;
}
.admin-poll-form .add_fields {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
  background: url("/assets/icon-add-9471be3e.svg") no-repeat 0 1px;
  text-transform: uppercase;
  display: block;
  margin: 16px 0;
  padding-left: 23px;
}

.poll-colour span.picker {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: relative;
  left: 3px;
  top: 2px;
}
.poll-colour span.picker.red {
  background: #c73949;
}
.poll-colour span.picker.orange {
  background: #fea313;
}
.poll-colour span.picker.green {
  background: #0eb276;
}
.poll-colour span.picker.blue {
  background: #4a90e2;
}
.poll-colour span.picker.navy {
  background: #042f42;
}

.show-field p.poll-copy {
  width: 80%;
  margin-bottom: 16px;
}
.show-field p.poll-reply-value {
  width: 60%;
  background: #eaf3fa;
  border-radius: 8px;
  margin: 0;
  padding: 15px;
}

#new-poll {
  position: relative;
  top: -35px;
}

.tiles {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}
.tiles .tile {
  position: relative;
  background: #fff url("/assets/icon-edit-member-off-b9c7cae9.svg") no-repeat 95% 80%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 16px;
  height: auto;
  display: flex;
  width: 100%;
}
.tiles .tile.sortable-chosen {
  background-color: #e2edfb;
}
@media screen and (min-width: 1024px) {
  .tiles .tile {
    background: #fff url("/assets/icon-edit-member-off-b9c7cae9.svg") no-repeat 90% 90%;
    width: calc(33% - 12px);
    aspect-ratio: 1;
  }
}
.tiles .tile a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tiles .tile a h2 {
  margin-bottom: 16px;
  margin-right: 32px;
}
.tiles .tile p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.tiles .tile .drag-handle {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #c6cfd3;
  cursor: move;
}
.tiles .tile .drag-handle:hover {
  color: #052e42;
}
@media screen and (min-width: 1024px) {
  .tiles .tile .drag-handle {
    display: initial;
  }
}
.tiles .tile:hover {
  background: #fafcfe url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 95% 80%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 1024px) {
  .tiles .tile:hover {
    background: #fff url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 90% 90%;
  }
}
.tiles .tile:hover a {
  color: #052e42 !important;
}

.edit-group .has-error {
  position: relative;
}
.edit-group .has-error label {
  color: #de2d40 !important;
}
.edit-group .has-error .ui.dropdown.selection,
.edit-group .has-error input {
  border: 1px solid #de2d40 !important;
  margin-bottom: 8px !important;
}
.edit-group .ui.dropdown.selection.has-error {
  border: 1px solid #de2d40 !important;
  margin-bottom: 8px !important;
}
.edit-group #card-errors,
.edit-group p.error {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
  width: 90%;
}
.edit-group .StripeElement--invalid + #card-errors {
  margin-bottom: 16px;
}

form[id$=_record_form] .has-error input,
form[id$=_record_form] .has-error textarea {
  border: 1px solid #de2d40 !important;
  margin-bottom: 8px !important;
}
form[id$=_record_form] .has-error p.error {
  margin-top: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 16px !important;
}

table.export th {
  text-align: center;
}
table.export th.name {
  text-align: left;
}
table.export .name {
  width: 70%;
}
table.export td.count {
  text-align: right;
  width: 15%;
}
table.export td.export {
  text-align: center;
}
table.export td.export a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c6cfd3 !important;
  line-height: 18px !important;
}
table.export tr:hover td.export a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}

.edit-group.import .show-field.import-link a.icon {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c6cfd3 !important;
  line-height: 18px !important;
}
.edit-group.import .show-field.import-link a.icon:hover {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}

body.remote_imports p.import-status a {
  text-decoration: underline;
}

.inbound_numbers .inbound_number {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.inbound_numbers .inbound_number:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
.inbound_numbers .inbound_number:hover a {
  color: #052e42 !important;
}
.inbound_numbers .inbound_number:not(.non-configurable) {
  background: #fff url("/assets/icon-edit-member-off-b9c7cae9.svg") no-repeat 97% 78%;
}
.inbound_numbers .inbound_number:not(.non-configurable):hover {
  background: #fafcfe url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 97% 78%;
}

#workflows .edit-group p,
#phone-lines .edit-group p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
#workflows .edit-group p.workflow-description,
#phone-lines .edit-group p.workflow-description {
  margin-top: 8px;
}
#workflows .edit-group .edit-group-heading.no-edit,
#phone-lines .edit-group .edit-group-heading.no-edit {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
#workflows .edit-group .edit-group-heading > a.workflow,
#phone-lines .edit-group .edit-group-heading > a.workflow {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
#workflows .edit-group .edit-group-heading h2 .number,
#phone-lines .edit-group .edit-group-heading h2 .number {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
#workflows .edit-group .edit-group-heading .line-type,
#phone-lines .edit-group .edit-group-heading .line-type {
  font-family: "Work Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  margin-right: 35px;
}
#workflows .edit-group .edit-group-heading + p.workflow-description,
#phone-lines .edit-group .edit-group-heading + p.workflow-description {
  margin-top: 16px;
}
#workflows .workflow,
#phone-lines .workflow {
  display: block;
  background-position: top 0px right 0px;
  background-repeat: no-repeat;
}
#workflows .workflow h3,
#phone-lines .workflow h3 {
  width: 90%;
}
#workflows .workflow h3 .alpha_code,
#phone-lines .workflow h3 .alpha_code {
  margin-left: 12px;
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
}
#workflows .workflow + .workflow,
#workflows .edit-group-heading + .workflow,
#phone-lines .workflow + .workflow,
#phone-lines .edit-group-heading + .workflow {
  margin-top: 16px;
  padding-top: 16px;
  border-top: dotted 1px #8499a3;
  background-position: top 16px right 0px;
}
#workflows a.workflow,
#phone-lines a.workflow {
  background-image: url("/assets/icon-edit-member-off-b9c7cae9.svg");
}
#workflows a.workflow:hover,
#phone-lines a.workflow:hover {
  background-image: url("/assets/icon-edit-member-2b269ecf.svg");
}
#workflows a.workflow + p.workflow-description,
#phone-lines a.workflow + p.workflow-description {
  margin-top: 16px;
}
#workflows p a,
#phone-lines p a {
  color: #0865d1;
}
#workflows p a:hover,
#phone-lines p a:hover {
  text-decoration: underline;
}

body.inbound_numbers .new-alternate-schedule .admin-add-new {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
body.inbound_numbers .workflow-heading p a {
  text-decoration: underline;
}
body.inbound_numbers .tabs .workflow-choice *[data-tabs-target~=tab] {
  background: #fff;
}
body.inbound_numbers .tabs .workflow-choice *[data-tabs-target~=tab]:first-of-type {
  border-top-left-radius: 8px;
}
body.inbound_numbers .tabs .workflow-choice *[data-tabs-target~=tab]:last-of-type {
  border-top-right-radius: 8px;
}
body.inbound_numbers .tabs .workflow-choice *[data-tabs-target~=tab] {
  background: #fff;
  border-bottom: 1px solid #e8eced;
}
body.inbound_numbers .tabs .workflow-choice *[data-tabs-target~=tab].selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border-bottom: 3px solid #0865d1;
}
body.inbound_numbers .tabs .tabs-content {
  margin-top: 0px;
}
body.inbound_numbers .tabs .tabs-content .tab {
  margin-top: 0px;
}
body.inbound_numbers .tabs .tabs-content .tab .workflow-heading {
  background: #fff;
  padding: 24px;
  margin-bottom: 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.inbound_numbers .tabs .tabs-navigation.alternate-choice {
  flex-shrink: 0;
  gap: 16px;
}
body.inbound_numbers .tabs .tabs-navigation.alternate-choice div[data-tabs-target=tab] {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border: 1px solid #c1d8f4;
  border-radius: 4px;
}
body.inbound_numbers .tabs .tabs-navigation.alternate-choice div[data-tabs-target=tab].selected {
  background: #c1d8f4;
}
body.inbound_numbers .tabs .tabs-content.alternate-choice div[data-tabs-target=content] button.button {
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 10px 20px;
  margin-top: 16px;
  margin-top: auto;
  float: right;
  border: none;
}

#trigger_by_sms_fields {
  margin-top: 16px;
}
#trigger_by_sms_fields .ui.toggle.ui.checkbox {
  margin-bottom: 16px;
}
#trigger_by_sms_fields a.edit {
  top: 0px;
  right: 8px;
}

[id^=add-action-heading-] {
  margin-top: 32px;
}

[id^=add-actions-] {
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  [id^=add-actions-] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
[id^=add-actions-] .ui.button.primary {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  background: #0865d1;
  text-transform: uppercase;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  [id^=add-actions-] .ui.button.primary {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  [id^=add-actions-] .ui.button.primary {
    display: flex;
  }
}

.workflow-group {
  margin-bottom: 16px;
  padding-bottom: 8px;
  position: relative;
}
.workflow-group:last-of-type {
  margin-bottom: 0;
}
.workflow-group a.edit {
  top: 8px;
  right: 8px;
}
.workflow-group a.destroy {
  width: 16px;
  height: 19px;
  background: url("/assets/icon-delete-red-ac5d88fb.svg") no-repeat 0 0;
  background-size: 100%;
  font-size: 0;
  display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .workflow-group a.destroy {
    background: none;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #de2d40 !important;
    line-height: 18px !important;
    position: absolute;
    right: 40px;
    bottom: 24px;
    text-align: right;
    width: auto;
  }
}
.workflow-group .fields.mb-0 {
  margin-bottom: 0px;
}
.workflow-group .fields .field.expand {
  flex-grow: 1;
}

.edit-group#api .actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  gap: 8px;
}
.edit-group#api .actions a.destroy {
  position: static;
}
.edit-group#api form.button_to button {
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
}
.edit-group#schedule .ui.checkbox {
  display: block;
}
.edit-group#schedule .actions {
  position: relative;
}
.edit-group#schedule a.destroy {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  position: absolute;
  top: 8px;
  right: 8px;
}
.edit-group.phone-line .admin-add-new {
  position: absolute;
  top: 24px;
  right: 24px;
}
.edit-group.phone-line table {
  width: 100%;
  margin-top: 16px;
}
.edit-group.phone-line table .current,
.edit-group.phone-line table .remove {
  text-align: center;
}
.edit-group .recipients span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 7px 5px 0;
}
.edit-group .recipients p {
  margin-bottom: 8px;
}
.edit-group a.workflow-action.delete {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  cursor: pointer;
}
.edit-group .text-images {
  padding: 12px 10px;
}
.edit-group .text-images .box-image {
  width: 64px;
  float: left;
}
.edit-group .text-images .box-image img {
  width: 100%;
}
.edit-group .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
.edit-group .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
.edit-group .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
.edit-group .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
.edit-group p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}
.edit-group div.delivery-method .ui.checkbox {
  display: block;
  margin: 16px 0;
}
.edit-group div.delivery-method label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  display: block;
  margin-bottom: 16px;
}
.edit-group div.delivery-method label small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  margin: 3px 0 0 0;
}
.edit-group div.delivery-method label.heading {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
}
.edit-group div.form-group input[type=text],
.edit-group div.form-group textarea,
.edit-group div.form-group .ui.selection.dropdown {
  width: 100%;
}
.edit-group div.form-group input[type=text].poll_duration,
.edit-group div.form-group textarea.poll_duration,
.edit-group div.form-group .ui.selection.dropdown.poll_duration {
  min-width: 8em;
}
.edit-group div.form-group #medias_workflow_actions_notification {
  display: none;
}
.edit-group div.form-group .dropdown.multiple a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 10px 5px 0;
}

.workflow-group {
  background: #f5f9fc;
  padding: 16px 40px 16px 40px;
  border-radius: 8px;
}
.workflow-group a.edit {
  top: 16px;
  right: 16px;
}
.workflow-group h2 {
  font-size: 14px !important;
  padding-top: 2px;
}
.workflow-group .message {
  margin: 16px 0;
}
.workflow-group span.label {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}
.workflow-group .settings {
  margin: 16px 0;
}
.workflow-group .settings p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin: 0 0 5px;
}
.workflow-group .edit .delivery-method {
  margin: 24px 0;
}
.workflow-group.notification .input.form-group.workflow_action_message {
  margin-bottom: 8px;
}
.workflow-group.notification input[type=file] {
  display: none;
}
.workflow-group.notification .retries-section .hint {
  margin-top: 0px;
}
.workflow-group.notification .retries-container {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .workflow-group label.attachment {
    text-align: right;
    margin-top: -36px !important;
    margin-bottom: 0px;
  }
}
.workflow-group .hint {
  margin-bottom: 0px;
}
.workflow-group .remove-option {
  float: right;
  width: 30px;
  height: 30px;
  background: url("/assets/icon-delete-field-3b893d37.svg") no-repeat 50% 50%;
  position: relative;
  top: 40%;
  font-size: 0;
}

.workflow-group.notification {
  background: #f5f9fc url("/assets/icon-blue-notification-d7ac8070.svg") no-repeat 16px 16px;
}

.workflow-group.email {
  background: #f5f9fc url("/assets/icon-blue-email-504b6605.svg") no-repeat 16px 16px;
}

.workflow-group.call {
  background: #f5f9fc url("/assets/icon-blue-call-e03ddfd6.svg") no-repeat 16px 16px;
}

.workflow-group.workflow {
  background: #f5f9fc url("/assets/icon-blue-workflow-23cb50b5.svg") no-repeat 16px 16px;
}

.workflow-group.pager-notification {
  background: #f5f9fc url("/assets/icon-blue-text-8678890f.svg") no-repeat 16px 16px;
}

.workflow-group.text {
  background: #f5f9fc url("/assets/icon-blue-text-8678890f.svg") no-repeat 16px 16px;
}

.workflow-group.conference-call {
  background: #f5f9fc url("/assets/icon-blue-conference-4d420ed7.svg") no-repeat 16px 16px;
}

.workflow-group.webhook {
  background: #f5f9fc url("/assets/icon-blue-webhook-81d7f020.svg") no-repeat 16px 16px;
}
.workflow-group.webhook pre {
  margin-bottom: 16px;
  max-width: 100%;
  overflow-x: auto;
}
.workflow-group.webhook .ui.button.test-now {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}

.edit_workflow #buttons {
  margin-top: 30px;
}
.edit_workflow #buttons .btn-danger {
  float: right;
}
.edit_workflow .check_boxes.workflow_workflow_actions_list_ids {
  max-height: 300px;
  overflow: scroll;
}

#actions h3 span.expand,
#actions h3 span.collapse {
  float: right;
}
#actions h3 span.collapse {
  display: none;
}
#actions .action .content {
  display: none;
}
#actions .action.contains-error .content {
  display: block;
}
#actions .action.current .preview, #actions .action.contains-error .preview {
  display: none;
}
#actions .action.current h3 .expand, #actions .action.contains-error h3 .expand {
  display: none;
}
#actions .action.current h3 .collapse, #actions .action.contains-error h3 .collapse {
  display: block;
}

.prep-message-tile {
  position: relative;
  margin-top: 20px !important;
}
@media screen and (min-width: 768px) {
  .prep-message-tile {
    margin-top: 0 !important;
  }
}
.prep-message-tile .file.icon {
  display: none;
}
@media screen and (min-width: 1024px) {
  .prep-message-tile .file.icon {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 16px;
    color: #c6cfd3;
  }
}
.prep-message-tile .audio-preview {
  display: none;
}
@media screen and (min-width: 1024px) {
  .prep-message-tile .audio-preview {
    position: absolute;
    display: block;
    bottom: 16px;
    left: 16px;
    color: #c6cfd3;
  }
  .prep-message-tile .audio-preview:hover {
    color: #052e42;
  }
}
.prep-message-tile .audio-preview + .file.icon {
  left: 40px;
}

form.admin-card.prepared-message .text-images {
  padding: 12px 10px;
}
form.admin-card.prepared-message .text-images .box-image {
  width: 64px;
  float: left;
}
form.admin-card.prepared-message .text-images .box-image img {
  width: 100%;
}
form.admin-card.prepared-message .text-images .box-file {
  display: block;
  height: 36px;
  width: 24px;
  float: left;
  background: url("/assets/icon-file-397a168d.png") no-repeat 0 0;
  background-size: 100%;
}
form.admin-card.prepared-message .text-images .image-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  margin-left: 16px;
  float: left;
  width: calc(100% - 84px);
  overflow-wrap: anywhere;
  min-width: 125px;
}
form.admin-card.prepared-message .text-images .image-desc a {
  color: #1e70bf;
  text-decoration: underline;
}
form.admin-card.prepared-message .text-images .image-desc a.download-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 3px;
  text-decoration: underline;
  display: block;
}
form.admin-card.prepared-message p.sent-at {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin: 0 0 0;
}
@media screen and (min-width: 768px) {
  form.admin-card.prepared-message label.attachment {
    text-align: right;
    margin-top: -35px;
    margin-bottom: 0px;
  }
}

body.community-account.prepared_messages audio {
  float: left;
  width: calc(100% - 40px);
  margin: red;
}

button.remove-audio {
  float: right;
  width: 25px;
  border: none !important;
}

.billing_address {
  width: calc(100% - 60px);
}

.billing-contacts {
  position: relative;
}
.billing-contacts a.admin-add-new {
  top: 8px;
  right: 24px;
}
.billing-contacts table#billing-contacts td:last-child {
  text-align: right;
  width: 10%;
}
.billing-contacts table#billing-contacts td.email {
  display: none;
}
@media screen and (min-width: 1024px) {
  .billing-contacts table#billing-contacts td.email {
    display: table-cell;
  }
}

#card-element {
  padding: 16px 0;
}

.card-added {
  position: relative;
}
.card-added img.credit-card {
  height: 50px;
  float: left;
  padding-right: 24px;
}
.card-added p {
  margin-bottom: 8px;
}
.card-added p.expires {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}
.card-added p.added_by {
  clear: both;
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-bottom: 0px;
}
.card-added a.destroy {
  position: absolute;
  top: 0px;
  right: 0px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
}

body.payments .billing-contacts a.admin-add-new {
  top: 0;
  right: 0;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  body.payments .billing-contacts a.admin-add-new {
    top: 0px;
    right: 0px;
    position: absolute;
  }
}

.activity-filters {
  margin-bottom: 16px;
}
.activity-filters .text-filter {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .activity-filters .text-filter {
    width: 260px;
    float: left;
    margin-right: 8px;
    margin-bottom: initial;
  }
}
.activity-filters .date-filter {
  margin-right: 20px;
  float: left;
  width: calc(50% - 10px);
}
@media screen and (min-width: 768px) {
  .activity-filters .date-filter {
    margin-right: 8px;
    width: 120px;
  }
}
.activity-filters .date-filter.date-to {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .activity-filters .date-filter.date-to {
    margin-right: 12px;
  }
}
.activity-filters .type-filter {
  width: 100%;
  margin: 10px 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .activity-filters .type-filter {
    width: 92px;
    float: left;
    margin: initial;
  }
}
.activity-filters .type-filter .ui.selection.dropdown {
  min-width: initial;
  width: 188px;
}
.activity-filters .clear-search {
  position: absolute;
  top: -25px;
  right: 0;
}
.activity-filters .clear-search a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}

body.activities #activation.edit-group .close {
  display: block;
  position: absolute;
  top: 16px !important;
  right: 16px !important;
  font-size: 18px;
  color: #0865d1;
  cursor: pointer;
}
body.activities .ui.top.attached.tabular.menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin: 0 0 0;
  position: relative;
}
body.activities .ui.top.attached.tabular.menu .item {
  border: 0;
  border-bottom: 3px solid #fff;
  width: 20%;
  justify-content: center;
  padding-bottom: 13px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
}
body.activities .ui.top.attached.tabular.menu .active.item {
  margin-bottom: 0;
  border-bottom: 3px solid #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
}
body.activities .ui.top.attached.tabular.menu .popup-question {
  position: absolute;
  top: 15px;
  right: 10px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  width: 160px;
  padding: 16px 10px 0;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul {
  padding: 20px 10px 16px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  padding-left: 20px;
  margin-bottom: 15px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul li:last-child {
  margin: 0;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .workflow,
body.activities .ui.top.attached.tabular.menu #activity-legend ul .direct_connect,
body.activities .ui.top.attached.tabular.menu #activity-legend ul .cascade_connect {
  background: url("/assets/icon-blue-workflow-23cb50b5.svg") no-repeat 0 2px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .notification,
body.activities .ui.top.attached.tabular.menu #activity-legend ul .push {
  background: url("/assets/icon-blue-notification-d7ac8070.svg") no-repeat 0 2px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .conference {
  background: url("/assets/icon-blue-conference-4d420ed7.svg") no-repeat 0 2px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .call {
  background: url("/assets/icon-blue-call-e03ddfd6.svg") no-repeat 0 3px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .text {
  background: url("/assets/icon-blue-text-8678890f.svg") no-repeat 0 3px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .email {
  background: url("/assets/icon-blue-email-504b6605.svg") no-repeat 0 3px;
}
body.activities .ui.top.attached.tabular.menu #activity-legend ul .webhook {
  background: url("/assets/icon-blue-webhook-81d7f020.svg") no-repeat 0 2px;
}

.activities-table,
.activations-table {
  padding: 10px 0 !important;
}
.activities-table table,
.activations-table table {
  border: 0 !important;
}
.activities-table table th,
.activations-table table th {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  background: none !important;
  border: none !important;
}
.activities-table table tr:hover,
.activations-table table tr:hover {
  background: #eaf3fa;
}
.activities-table table tr:hover th,
.activations-table table tr:hover th {
  background: #fff !important;
}
.activities-table table td,
.activations-table table td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  cursor: pointer;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .activities-table table td.from-to,
  .activations-table table td.from-to {
    min-width: 130px;
  }
  .activities-table table td.local-time,
  .activations-table table td.local-time {
    min-width: 90px;
  }
  .activities-table table td.local-date,
  .activations-table table td.local-date {
    min-width: 110px;
  }
}
.activities-table table th:last-child,
.activities-table table td:last-child,
.activations-table table th:last-child,
.activations-table table td:last-child {
  text-align: center;
}
.activities-table table td:last-child span,
.activations-table table td:last-child span {
  border: 1px solid #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
  padding: 3px 10px;
  border-radius: 20px;
  width: 90px;
  display: inline-block;
}
.activities-table table th.type-icon,
.activities-table table td.type-icon,
.activities-table table span.type-icon,
.activations-table table th.type-icon,
.activations-table table td.type-icon,
.activations-table table span.type-icon {
  width: 40px;
}
.activities-table table td.call,
.activities-table table td.voip-call,
.activations-table table td.call,
.activations-table table td.voip-call {
  background: url("/assets/icon-blue-call-e03ddfd6.svg") no-repeat 50% 50%;
}
.activities-table table td.call.inbound,
.activities-table table td.voip-call.inbound,
.activations-table table td.call.inbound,
.activations-table table td.voip-call.inbound {
  background: url("/assets/icon-call-inbound-50a04257.svg") no-repeat 50% 50%;
}
.activities-table table td.call.outbound,
.activities-table table td.voip-call.outbound,
.activations-table table td.call.outbound,
.activations-table table td.voip-call.outbound {
  background: url("/assets/icon-call-outbound-d6d293ce.svg") no-repeat 50% 50%;
}
.activities-table table td.email,
.activations-table table td.email {
  background: url("/assets/icon-blue-email-504b6605.svg") no-repeat 50% 50%;
}
.activities-table table td.notification,
.activities-table table td.push,
.activations-table table td.notification,
.activations-table table td.push {
  background: url("/assets/icon-blue-notification-d7ac8070.svg") no-repeat 50% 50%;
}
.activities-table table td.workflow,
.activities-table table td.cascade_connect,
.activities-table table td.direct_connect,
.activations-table table td.workflow,
.activations-table table td.cascade_connect,
.activations-table table td.direct_connect {
  background: url("/assets/icon-blue-workflow-23cb50b5.svg") no-repeat 50% 50%;
}
.activities-table table td.text,
.activations-table table td.text {
  background: url("/assets/icon-blue-text-8678890f.svg") no-repeat 50% 50%;
}
.activities-table table td.conference-call,
.activities-table table td.conference_call,
.activities-table table td.conference,
.activations-table table td.conference-call,
.activations-table table td.conference_call,
.activations-table table td.conference {
  background: url("/assets/icon-blue-conference-4d420ed7.svg") no-repeat 50% 50%;
}
.activities-table table td.webhook,
.activations-table table td.webhook {
  background: url("/assets/icon-blue-webhook-81d7f020.svg") no-repeat 50% 50%;
}

#activation.edit-group span.type-icon {
  width: 1em;
  height: 1em;
  padding-right: 2em;
  display: inline-block;
}
#activation.edit-group span.type-icon.conference-call {
  background: url("/assets/icon-blue-conference-4d420ed7.svg") no-repeat 50% 50%;
}
#activation.edit-group span.type-icon.notification {
  background: url("/assets/icon-blue-notification-d7ac8070.svg") no-repeat 50% 50%;
}
#activation.edit-group span.type-icon.workflow {
  background: url("/assets/icon-blue-workflow-23cb50b5.svg") no-repeat 50% 50%;
}
#activation.edit-group p {
  margin-bottom: 16px;
}
#activation.edit-group .recipients {
  padding-left: 36px;
}
#activation.edit-group .recipients p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin: 0 0 5px;
}

@media screen and (min-width: 768px) {
  #activity-modal {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 720px;
  }
}
#activity-modal .modal-header {
  background: #eaf3fa;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  text-transform: uppercase;
  height: auto;
}
#activity-modal .modal-header .close {
  display: block;
  position: absolute;
  top: 32px !important;
  right: 20px !important;
  font-size: 18px;
  color: #0865d1;
  cursor: pointer;
}
#activity-modal .modal-header p {
  padding-top: 24px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 20px !important;
  text-transform: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
#activity-modal .email.modal-header {
  padding: 12px 24px 24px;
}
#activity-modal .email.modal-header .close {
  display: block;
  position: absolute;
  top: 32px !important;
  right: 20px !important;
  font-size: 18px;
  color: #0865d1;
  cursor: pointer;
}
#activity-modal .email.modal-header h1 span {
  background: url("/assets/icon-blue-email-504b6605.svg") no-repeat 50% 50%;
  position: relative;
  top: 7px;
  margin: 0 5px 0 0;
}
#activity-modal .modal-header.notification h1 span, #activity-modal .modal-header.push h1 span {
  background: url("/assets/icon-blue-notification-d7ac8070.svg") no-repeat 50% 50%;
}
#activity-modal .modal-header.conference_call h1 span {
  background: url("/assets/icon-blue-conference-4d420ed7.svg") no-repeat 50% 50%;
}
#activity-modal .modal-header.call h1 span, #activity-modal .modal-header.voip-call h1 span {
  background: url("/assets/icon-blue-call-e03ddfd6.svg") no-repeat 50% 50%;
  margin-right: 10px;
}
#activity-modal .modal-header.call h1 .audio-preview, #activity-modal .modal-header.voip-call h1 .audio-preview {
  display: inline-block;
  position: relative;
  margin-left: 16px;
}
#activity-modal .modal-header.call h1 .audio-download, #activity-modal .modal-header.voip-call h1 .audio-download {
  color: #0865d1;
  display: inline-block;
  background: url("/assets/icon-download-blue-99f7d806.svg") no-repeat 0 0;
  position: relative;
  margin-left: 16px;
}
#activity-modal .modal-header.workflow h1 span {
  background: url("/assets/icon-blue-workflow-23cb50b5.svg") no-repeat 50% 50%;
}
#activity-modal .modal-header.text {
  padding: 12px 24px 24px;
}
#activity-modal .modal-header.text .close {
  display: block;
  position: absolute;
  top: 32px !important;
  right: 20px !important;
  font-size: 18px;
  color: #0865d1;
  cursor: pointer;
}
#activity-modal .modal-header.text h1 span {
  background: url("/assets/icon-blue-text-8678890f.svg") no-repeat 50% 50%;
  position: relative;
  top: 7px;
  margin: 0 5px 0 0;
}
#activity-modal .modal-content {
  min-height: auto;
  padding-bottom: 30px;
}
#activity-modal .modal-content .details-content {
  width: 70%;
  float: left;
}
#activity-modal .modal-content .details-content .from-block small,
#activity-modal .modal-content .details-content .to-block small {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  float: left;
  width: 20%;
}
#activity-modal .modal-content .details-content .from-block .details-data,
#activity-modal .modal-content .details-content .to-block .details-data {
  float: right;
  width: 80%;
}
#activity-modal .modal-content .details-content .from-block .details-data p,
#activity-modal .modal-content .details-content .to-block .details-data p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
}
#activity-modal .modal-content .details-content .from-block .details-data .small,
#activity-modal .modal-content .details-content .to-block .details-data .small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}
#activity-modal .modal-content .details-content .from-block {
  margin-bottom: 20px;
}
#activity-modal .modal-content .status-content {
  width: 30%;
  float: right;
}
#activity-modal .modal-content .status-content .date {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin-bottom: 10px;
}
#activity-modal .modal-content .status-content .activity-report li {
  font-family: "Open Sans", sans-serif;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 15px !important;
  margin-bottom: 10px;
  padding: 0 0 0 12px;
  position: relative;
  border-bottom: 0;
}
#activity-modal .modal-content .status-content li:before {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #0865d1;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 4px;
}
#activity-modal .modal-content .status-content li:hover {
  background: none;
}
#activity-modal .modal-content .recipients {
  margin: 20px 0;
}
#activity-modal .modal-content .recipients p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 16px !important;
  margin-bottom: 10px;
}
#activity-modal .modal-content .recipients .contact-groups span {
  display: inline-block;
  margin: 0 5px 5px 0;
  background: #0865d1;
  padding: 3px 6px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  border-radius: 4px;
}

.edit-group {
  position: relative;
}
.edit-group.workflow .edit .ui.checkbox {
  display: block;
}
.edit-group .phone-number,
.edit-group .alpha_code {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin-bottom: 16px;
}
.edit-group .info-right {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 145px;
  text-align: right;
}
.edit-group .info-right p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  margin: 0;
  padding: 0;
}
.edit-group .info-right small {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}
.edit-group .line-config-card-title,
.edit-group .workflow-name {
  font-family: "Work Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 24px !important;
  margin-bottom: 5px;
  width: auto;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .edit-group .line-config-card-title,
  .edit-group .workflow-name {
    width: 600px;
    margin-top: initial;
  }
}
.edit-group .workflow-description {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  margin-right: 40px;
}
.edit-group .line-config-card-phone-number {
  font-family: "Work Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 20px !important;
  margin-bottom: 10px;
}
.edit-group .line-config-spoken-msg span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
}
.edit-group.phone-line.greeting .audio-preview {
  display: inline;
  cursor: pointer;
}
.edit-group .greeting-choice-block {
  margin-top: 20px;
}
.edit-group .greeting-choice-block .greeting-choice {
  width: 200px;
  height: 195px;
  margin-right: 24px;
  float: left;
  cursor: pointer;
  border: 1px solid #c1d8f4;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .edit-group .greeting-choice-block .greeting-choice {
    margin-bottom: inital;
  }
}
.edit-group .greeting-choice-block .greeting-choice:hover {
  border: 1px solid #0865d1;
  background: #fafcfe;
}
.edit-group .greeting-choice-block .greeting-choice h2 {
  font-size: 0 !important;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
}
.edit-group .greeting-choice-block .greeting-choice h2.greeting-text-to-voice {
  background: url("/assets/icon-greeting-text-to-voice-27a7f1c8.svg") no-repeat 0 0;
  background-size: cover;
}
.edit-group .greeting-choice-block .greeting-choice h2.greeting-record {
  background: url("/assets/icon-greeting-record-932d4f12.svg") no-repeat 0 0;
  background-size: cover;
}
.edit-group .greeting-choice-block .greeting-choice h2.greeting-upload-audio {
  background: url("/assets/icon-greeting-upload-audio-d4b4a2d7.svg") no-repeat 0 0;
  background-size: cover;
}
.edit-group .greeting-choice-block .greeting-choice p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  line-height: 24px !important;
  margin: 0;
}
.edit-group .greeting-choice-block .greeting-choice:last-child {
  margin-right: 0;
}
.edit-group table.greetings {
  margin-top: 0px;
}
.edit-group table.greetings tr .spoken {
  text-align: center;
}
.edit-group table.greetings tr .spoken i.icon {
  margin: 0 !important;
}
.edit-group table.greetings tr td.current {
  width: 58px;
}
.edit-group table.greetings tr td.edit {
  width: 45px;
  padding: 9px 0;
}
.edit-group table.greetings tr td.edit a {
  width: 45px;
  height: 16px;
  cursor: pointer;
  display: block;
  position: relative;
  top: 2px;
  background: url("/assets/icon-edit-member-2b269ecf.svg") no-repeat 50% 50%;
  background-size: 16px;
}
.edit-group table.greetings tr td.remove {
  width: 24px;
  background: url("/assets/icon-delete-field-3b893d37.svg") no-repeat 50% 50%;
  background-size: 16px;
  padding: 9px 0;
}
.edit-group table.greetings tr td.remove a {
  width: 45px;
  height: 14px;
  cursor: pointer;
  display: block;
  position: relative;
  top: 2px;
}
.edit-group table.greetings tr:hover th {
  background: #fff;
}
.edit-group fieldset.greeting#heading {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin: 0;
}
.edit-group .recipients span.send-via {
  background: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 20px !important;
  margin: 0;
  padding: 0;
}

.cascade-connect-config .members .groups {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px; /* Space between form groups on mobile */
}
@media screen and (min-width: 1024px) {
  .cascade-connect-config .members .groups {
    flex-direction: row;
    gap: 24px; /* Space between form groups on desktop */
  }
}
.cascade-connect-config .members .groups .form-group {
  margin-top: 0; /* Remove existing margin */
}
@media screen and (min-width: 1024px) {
  .cascade-connect-config .members .groups .form-group {
    flex: 1; /* Makes both form groups evenly sized */
    width: auto; /* Override the 50% width */
    float: none; /* Remove float */
  }
}
.cascade-connect-config .members .groups .form-group .list-box {
  height: 300px;
  overflow-y: scroll;
}
.cascade-connect-config .members .groups .form-group .ui-field-contain + .list-box {
  height: 238px;
}
.cascade-connect-config .members .draggable-item {
  padding: 10px;
  margin: 5px;
  background: #f0f0f0;
  cursor: move;
  list-style: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cascade-connect-config .members .draggable-item.dragging {
  opacity: 0.5;
}
.cascade-connect-config .members ul.members_list li {
  padding: 12px 10px;
  border-bottom: 1px solid #e8eced;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
.cascade-connect-config .members ul.members_list li.priority-undefined {
  display: none;
}
.cascade-connect-config .members .ui.segment.list-box {
  position: relative;
}
.cascade-connect-config .members .ui.segment.list-box .input.form-group.hidden {
  margin-bottom: 0px;
}
.cascade-connect-config .members .ui.segment.list-box ul.drop-zone {
  min-height: 265px;
  border: 1px dashed #ccc;
  padding: 10px;
  margin: 0px;
  position: relative;
}
.cascade-connect-config .members .ui.segment.list-box ul.drop-zone li {
  width: fit-content;
  block-size: fit-content;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 7px 5px 0;
  display: block;
}
.cascade-connect-config .members .ui.segment.list-box ul.drop-zone:not(:has(li)) {
  position: relative;
}
.cascade-connect-config .members .ui.segment.list-box ul.drop-zone:not(:has(li))::before {
  content: "Drop contacts here";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-style: italic;
  pointer-events: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #75848b !important;
  line-height: 18px !important;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.cascade-connect-config .members .list {
  padding: 10px;
}
.cascade-connect-config .members ul {
  list-style: none;
  padding-left: 0;
}
.cascade-connect-config .members ul li {
  line-height: 2em;
}
.cascade-connect-config .members .remove-icon {
  cursor: pointer;
  padding: 0 5px;
}
.cascade-connect-config .members ul.members_list .remove-icon {
  display: none;
}

div.line-config-modal .modal-header i.close {
  display: inline-block;
  cursor: pointer;
}
div.line-config-modal .modal-content div.form-group label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  margin-bottom: 8px;
  position: relative;
  display: inline-block;
  width: auto;
}
div.line-config-modal .modal-content div.form-group label abbr {
  position: absolute;
  top: 0px;
  right: -15px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c73949 !important;
  line-height: 18px !important;
}
div.line-config-modal .modal-content div.form-group input[type=text],
div.line-config-modal .modal-content div.form-group textarea,
div.line-config-modal .modal-content div.form-group .ui.selection.dropdown {
  display: block;
  margin-bottom: 16px;
}
div.line-config-modal .modal-content div.form-group p.hint {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #75848b !important;
  line-height: 16px !important;
  margin: 5px 0 0;
}
div.line-config-modal .modal-content .greeting-choice-block {
  margin-top: 20px;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice {
  width: 100%;
  border: 1px solid #c1d8f4;
  border-radius: 4px;
  padding: 16px;
  height: auto;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  div.line-config-modal .modal-content .greeting-choice-block .greeting-choice {
    width: 200px;
    height: 195px;
    margin-right: 24px;
    float: left;
    cursor: pointer;
  }
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice:hover {
  border: 1px solid #0865d1;
  background: #fafcfe;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice h2 {
  font-size: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice h2.greeting-text-to-voice {
  background: url("/assets/icon-greeting-text-to-voice-27a7f1c8.svg") no-repeat 0 0;
  background-size: cover;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice h2.greeting-record {
  background: url("/assets/icon-greeting-record-932d4f12.svg") no-repeat 0 0;
  background-size: cover;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice h2.greeting-upload-audio {
  background: url("/assets/icon-greeting-upload-audio-d4b4a2d7.svg") no-repeat 0 0;
  background-size: cover;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  line-height: 24px !important;
  margin: 0;
}
div.line-config-modal .modal-content .greeting-choice-block .greeting-choice:last-child {
  margin-right: 0;
}

#new-greeting,
#new-prompt {
  width: 300px;
  height: auto;
  margin-left: -150px;
  left: 50%;
  top: 5vh;
}
@media screen and (min-width: 768px) {
  #new-greeting,
  #new-prompt {
    width: 700px;
    margin-left: -350px;
    top: 10vh;
    left: 50%;
  }
}
#new-greeting .modal-header h2,
#new-prompt .modal-header h2 {
  background: url("/assets/icon-title-new-greeting-695623ca.svg") no-repeat 0 5px;
  padding-left: 24px;
}

.modal.new-phone-line {
  width: 100%;
  left: 50%;
}
@media screen and (min-width: 1024px) {
  .modal.new-phone-line {
    width: 1050px;
  }
}
.modal.new-phone-line .modal-content {
  padding: 24px 35px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.modal.new-phone-line .modal-content h2,
.modal.new-phone-line .modal-content p {
  margin-bottom: 1em;
}
.modal.new-phone-line .modal-content .tabs-navigation {
  flex-shrink: 0;
  gap: 16px;
}
.modal.new-phone-line .modal-content .tabs-navigation div[data-tabs-target=tab] {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border: 1px solid #c1d8f4;
  border-radius: 4px;
}
.modal.new-phone-line .modal-content .tabs-navigation div[data-tabs-target=tab].selected {
  background: #c1d8f4;
}
.modal.new-phone-line .modal-content .tabs-content {
  flex: 1; /* This will make it expand to fill available space */
  display: flex; /* If you want the content inside to also fill space */
  overflow-y: auto; /* In case content becomes too large */
}
.modal.new-phone-line .modal-content .tabs-content > div[data-tabs-target=content] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.modal.new-phone-line .modal-content .tabs-content a.button {
  background: #0865d1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 18px !important;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 10px 20px;
  margin-top: auto;
  align-self: flex-end;
}
.modal.new-phone-line .modal-content .tabs-content .disabled a.button {
  display: none;
}

table#invoices a.view-invoice {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c6cfd3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}
table#invoices tr:hover a.view-invoice {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0865d1 !important;
  line-height: 18px !important;
}

body.community_email_templates .organization_email_heading_colour {
  margin: 16px 0;
}
body.community_email_templates .organization_email_heading_colour input[type=color] {
  width: 100%;
  height: 42px;
  border-radius: 0.28571429rem;
}
body.community_email_templates .colour {
  display: inline-block;
  margin-right: 8px;
  margin-top: 5px;
}
body.community_email_templates .colour-field span.exists {
  text-transform: uppercase;
  position: relative;
  top: -0.5rem;
}
body.community_email_templates .test-email .inline.fields {
  margin: 0;
}
body.community_email_templates .test-email .inline.fields input.send {
  padding: 14px 24px;
}
body.community_email_templates .test-email .inline.fields input#email_email {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  body.community_email_templates .test-email .inline.fields input#email_email {
    margin: 0;
  }
}

.show-field p.sync {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .show-field p.sync {
    margin-bottom: 0px;
  }
}
.show-field p.sync a {
  text-decoration: underline;
}
.show-field p.error {
  width: 400px;
}
.show-field a.sync {
  text-decoration: underline;
}

body.d4hs .show-field {
  position: relative;
  margin-bottom: 0px;
}
body.d4hs a.reset {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 768px) {
  body.d4hs a.reset {
    padding: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
  }
}
body.d4hs .ui.toggle.checkbox {
  display: block;
}

body.google_groups .show-field {
  position: relative;
  margin-bottom: 0px;
}
body.google_groups a.reset {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #de2d40 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 768px) {
  body.google_groups a.reset {
    padding: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
  }
}

.stats-block {
  display: flex;
  justify-content: space-between;
}
.stats-block .statistic {
  width: 200px;
}
.stats-block .statistic dl {
  text-align: center;
}
.stats-block .statistic dl dt {
  font-family: "Work Sans", sans-serif;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #042f42 !important;
  line-height: 28px !important;
  margin-bottom: 16px;
}
.stats-block .statistic dl dd {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
}

.stats-reports {
  text-align: center;
}
.stats-reports span {
  width: 114px;
  height: 114px;
  background: url("/assets/pie-chart-reports-07dc8f38.svg") no-repeat 0 0;
  background-size: 100%;
  display: block;
  position: relative;
  left: 50%;
  margin: 0 0 16px -57px;
}
.stats-reports p {
  margin: 0 0 8px;
}
.stats-reports .small {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  margin: 0;
}

#empty-state {
  border: 1px solid #e8eced;
  border-radius: 4px;
  width: 92%;
  margin: 16px auto;
  padding: 40px 30px 37px;
}
@media screen and (min-width: 1024px) {
  #empty-state {
    margin: 16px 0 0;
    width: 100%;
    padding: 40px 140px 37px;
  }
}
#empty-state span {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto 24px;
}
#empty-state h3 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 8px;
}
#empty-state p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 20px !important;
  text-align: center;
  margin: 0;
}
#empty-state p a {
  color: #0865d1 !important;
}

#polls #empty-state span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
}

#contacts #empty-state span {
  background: url("/assets/icon-empty-contact-card-5c31b4ea.svg") no-repeat 0 0;
  background-size: 100%;
}

#workflows #empty-state span,
#ivr_options #empty-state span {
  background: url("/assets/icon-empty-workflows-fb376a59.svg") no-repeat 0 0;
  background-size: 100%;
}

.inbound_numbers #empty-state span {
  background: url("/assets/icon-add-call-9d8d5b8d.svg") no-repeat 0 0;
  background-size: 100%;
}

.craig-agents-listing #empty-state span,
.craig-prompts-listing #empty-state span {
  background: url("/assets/icon-craig-empty-7ee9080f.svg") no-repeat 0 0;
  background-size: 100%;
}

.community-account.inbound_lists #empty-state span,
.team-account.inbound_lists #empty-state span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
}
.community-account.prepared_messages #empty-state span,
.team-account.prepared_messages #empty-state span {
  background: url("/assets/icon-poll-empty-9bba8182.svg") no-repeat 0 0;
  background-size: 100%;
}
.community-account.channels #empty-state span,
.team-account.channels #empty-state span {
  background: url("icon-empty-group-card") no-repeat 0 0;
  background-size: 100%;
}

table.export.contacts-table th:nth-child(3),
table.export.contacts-table td:nth-child(3) {
  display: none;
}
@media screen and (min-width: 1024px) {
  table.export.contacts-table th:nth-child(3),
  table.export.contacts-table td:nth-child(3) {
    display: table-cell;
  }
}

.edit-group .input.form-group.ivr_option_title label {
  display: block;
}
.edit-group .input.form-group.ivr_option_title .ui.labeled.input {
  width: 82%;
}
.edit-group .input.form-group.ivr_option_title .ui.labeled.input .ui.label {
  font-size: 1em !important;
  font-weight: 400 !important;
  color: #44626f !important;
  line-height: 18px !important;
  background-color: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.edit-group form.ivr_option .ui.selection.dropdown {
  min-height: 46px;
  height: 46px;
  min-width: initial;
}
#app-settings a.call-to-action {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  background: #0865d1;
  border: none;
  padding: 5px;
  position: relative;
  border-radius: 4px;
  margin-right: 16px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  #app-settings a.call-to-action {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 18px !important;
    line-height: 14px !important;
    padding: 10px;
  }
}
#app-settings .icon {
  padding-left: 10px;
}
#app-settings .click-me {
  cursor: pointer;
}
#app-settings .ui.checkbox {
  display: block;
}
#app-settings p.label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 18px !important;
  margin-bottom: 16px;
  width: auto;
}
#app-settings input[type=submit] {
  margin-top: 24px;
}

.evaluation-header,
.evaluation-row > summary .evaluation-summary {
  display: flex;
  align-items: center;
  gap: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
.evaluation-header .col,
.evaluation-row > summary .evaluation-summary .col {
  flex: 0 0 auto;
}
.evaluation-header .col-time,
.evaluation-row > summary .evaluation-summary .col-time {
  width: 150px;
}
.evaluation-header .col-time > span + span,
.evaluation-row > summary .evaluation-summary .col-time > span + span {
  margin-left: 4px;
}
.evaluation-header .col-severity,
.evaluation-row > summary .evaluation-summary .col-severity {
  width: 70px;
}
#prompt-history .evaluation-header .col-severity,
#prompt-history .evaluation-row > summary .evaluation-summary .col-severity {
  width: 110px;
}
.evaluation-header .col-reasoning,
.evaluation-row > summary .evaluation-summary .col-reasoning {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.evaluation-header .col-reasoning span[data-controller~=popover],
.evaluation-row > summary .evaluation-summary .col-reasoning span[data-controller~=popover] {
  text-decoration: none;
  color: inherit;
  cursor: default;
}

#prompt-history .craig-refresh-form {
  display: none;
}

.evaluation-header {
  padding: 8px 14px;
  border-bottom: 1px solid #e8eced;
  text-transform: uppercase;
  font-size: 11px;
  color: #8499a3;
  letter-spacing: 0.5px;
}

.evaluation-row {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border-top-width: 0;
  box-shadow: none !important;
}
.evaluation-row:first-of-type {
  border-top-width: 1px;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.evaluation-row:last-of-type {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.evaluation-row > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
}
.evaluation-row > summary::-webkit-details-marker {
  display: none;
}
.evaluation-row .evaluation-detail {
  padding: 12px 14px 14px;
}

.evaluation-trace {
  margin: 8px 0;
}
.evaluation-trace .trace-step {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  line-height: 1.5;
  padding: 2px 0;
}

.evaluation-section {
  margin-top: 16px;
}
.evaluation-section:first-child {
  margin-top: 12px;
}

.evaluation-section-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.evaluation-variables {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #f5f9fc;
}
.evaluation-variables td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  padding: 8px 12px;
  line-height: 1.4;
  border-top: 1px solid #f5f9fc;
  vertical-align: top;
}
.evaluation-variables tr:first-child td {
  border-top: 0;
}
.evaluation-variables .evaluation-variable-key {
  width: 35%;
  text-align: right;
  white-space: nowrap;
}
.evaluation-variables .evaluation-variable-value {
  width: 65%;
}
.evaluation-variables code {
  font-family: Menlo, Monaco, Consolas, monospace;
  background: #eee;
  color: #052e42;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
}

p.evaluation-reasoning {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0;
  line-height: 1.5;
}

.craig-tool-result-section {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid #e8eced;
}
.craig-tool-result-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.craig-execution-result {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8eced;
}
.craig-execution-result:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.craig-execution-result details.craig-execution-trace {
  margin-top: 12px;
  background: #f5f9fc;
  border-radius: 8px;
  overflow: hidden;
}
.craig-execution-result details.craig-execution-trace summary {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 16px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
}
.craig-execution-result details.craig-execution-trace summary::-webkit-details-marker {
  display: none;
}
.craig-execution-result details.craig-execution-trace summary::after {
  content: "+";
  font-size: 20px;
  line-height: 1;
  color: #8499a3;
}
.craig-execution-result details.craig-execution-trace[open] summary::after {
  content: "−";
}

.craig-execution-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.craig-execution-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.craig-execution-meta .text-muted {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}

.craig-formatter-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.02em;
}
.craig-formatter-badge.craig-formatter-fast {
  background-color: #e6f4ea;
  color: #137333;
}
.craig-formatter-badge.craig-formatter-thinking {
  background-color: #fef7e0;
  color: #b06000;
}

.craig-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.prompt-formatter-panel {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 8px;
}
.prompt-formatter-panel span[data-controller~=popover] {
  text-decoration: none;
  color: inherit;
  cursor: help;
}

.prompt-formatter-credits {
  font-size: 12px;
}
.prompt-formatter-credits .timestamp {
  margin-left: 4px;
}

p.craig-user-prompt {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  margin: 8px 0 8px;
  font-style: italic;
}

.craig-execution-output pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  font-size: 14px;
  margin: 12px 0;
  background: #f4f4f4;
  padding: 14px 20px;
  border-radius: 8px;
}

.craig-execution-error p {
  color: #de2d40;
}

.craig-loading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
}
.craig-loading span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
}

.craig-execution-steps {
  font-size: 13px;
  padding: 12px 16px 12px 32px;
  margin: 0;
  line-height: 1.6;
}

.craig-verify-link {
  font-size: 11px;
  margin-left: 6px;
  color: #8499a3;
  text-decoration: none;
}
.craig-verify-link:hover {
  color: #0865d1;
  text-decoration: underline;
}

.craig-refresh-form {
  display: inline;
}

.craig-refresh-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 3px;
}
.craig-refresh-link:hover {
  text-decoration: underline;
}

.craig-report-frame {
  margin-bottom: 8px;
}
.craig-report-frame .craig-report-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  text-align: right;
  text-decoration: none;
}
.craig-report-frame .craig-report-link:hover {
  color: #0865d1;
  text-decoration: underline;
}
.craig-report-frame .craig-report-form {
  margin-top: 8px;
  padding: 12px;
  background: #f5f9fc;
  border: 1px solid #e8eced;
  border-radius: 6px;
}
.craig-report-frame .craig-report-form textarea {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}

.craig-report-prompt {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #44626f !important;
  line-height: 17px !important;
  margin: 0 0 8px;
}

.craig-report-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}
.craig-report-actions .cancel {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.craig-report-actions .cancel:hover {
  color: #0865d1;
}

.craig-report-thanks {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0eb276 !important;
  line-height: 16px !important;
  margin-top: 8px;
}

.craig-sources-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 16px;
}
.craig-sources-header .page_heading {
  margin: 0;
}

.label.craig-agent {
  text-transform: uppercase;
}

.craig-request-source {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-decoration: none;
}
.craig-request-source:hover {
  color: #0865d1;
  text-decoration: underline;
}

.craig-service-heading {
  font-family: "Work Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 22px !important;
  margin: 24px 0 12px;
}

.craig-service-group {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
}

.craig-tool-accordion {
  border-bottom: 1px solid #e8eced;
  padding: 8px 24px;
}
.craig-tool-accordion:last-child {
  border-bottom: none;
}

.craig-tool-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  cursor: pointer;
  list-style: none;
}
.craig-tool-summary::-webkit-details-marker {
  display: none;
}
.craig-tool-summary .craig-tool-name {
  font-family: "Work Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #042f42 !important;
  line-height: 18px !important;
  text-transform: uppercase;
}

.craig-tool-summary-meta {
  display: flex;
  align-items: center;
  gap: 12px;
}

.craig-tool-flags {
  font-size: 18px;
  line-height: 1;
}

.craig-tool-chevron {
  color: #8499a3;
  margin: 0;
  transition: transform 0.15s ease;
}

.craig-tool-accordion[open] .craig-tool-chevron {
  transform: rotate(180deg);
}

.craig-tool-body {
  padding: 4px 0 20px;
}

.craig-tool-url {
  display: block;
  font-size: 14px;
  color: #8499a3;
  margin-bottom: 16px;
  word-break: break-all;
  background: none;
  padding: 0;
}

.craig-tool-definition {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f5f9fc;
}
.craig-tool-definition:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.craig-tool-definition h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 19px !important;
  margin: 0 0 4px;
}
.craig-tool-definition p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0;
}

.craig-tool-human-doc {
  margin-top: 12px;
}
.craig-tool-human-doc h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 17px !important;
  margin: 16px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #8499a3;
}

.craig-tool-outputs {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #8499a3;
}
.craig-tool-outputs td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  padding: 8px 12px;
  line-height: 1.4;
  border-top: 1px solid #8499a3;
  vertical-align: top;
}
.craig-tool-outputs tr:first-child td {
  border-top: 0;
}
.craig-tool-outputs .craig-tool-output-field {
  width: 35%;
  text-align: right;
  white-space: nowrap;
}
.craig-tool-outputs .craig-tool-output-desc {
  width: 65%;
}
.craig-tool-outputs code {
  font-family: Menlo, Monaco, Consolas, monospace;
  background: #eee;
  color: #052e42;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
}

.craig-tool-definition p.craig-tool-notes {
  margin-top: 16px;
  font-style: italic;
  color: #8499a3;
}

#listing .listing-item > a.show > .tile-status {
  display: flex;
  align-items: center;
  gap: 8px;
}
#listing .listing-item > a.show > .tile-status .tile-hint {
  color: #8499a3;
  font-size: 12px;
}

#listing.craig-agents-listing .listing-item > a.show {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 8px;
  row-gap: 6px;
  align-items: center;
}
#listing.craig-agents-listing .listing-item > a.show > .bars.icon {
  grid-column: 1;
  grid-row: 1;
}
#listing.craig-agents-listing .listing-item > a.show > h3 {
  grid-column: 2;
}
#listing.craig-agents-listing .listing-item > a.show > p,
#listing.craig-agents-listing .listing-item > a.show > .tile-status {
  grid-column: 2;
  flex-basis: auto;
}

.tabs.agent-tabs .tabs-navigation.agent-choice *[data-tabs-target~=tab] {
  background: #fff;
  border-bottom: 1px solid #e8eced;
}
.tabs.agent-tabs .tabs-navigation.agent-choice *[data-tabs-target~=tab]:first-of-type {
  border-top-left-radius: 8px;
}
.tabs.agent-tabs .tabs-navigation.agent-choice *[data-tabs-target~=tab]:last-of-type {
  border-top-right-radius: 8px;
}
.tabs.agent-tabs .tabs-navigation.agent-choice *[data-tabs-target~=tab].selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border-bottom: 3px solid #0865d1;
}
.tabs.agent-tabs .tabs-content {
  margin-top: 0;
}
.tabs.agent-tabs .tabs-content .tab {
  margin-top: 0;
}

.craig-history .activity-filters {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.craig-history .activity-filters .form-group {
  float: none;
  margin: 0;
}
.craig-history .activity-filters .date-filter {
  flex: 1;
  width: auto;
}
.craig-history .activity-filters .date-filter input {
  width: 100%;
}
.craig-history .activity-filters .clear-search {
  position: static;
  margin-left: auto;
}

[data-controller~=agent-form] .dropdown.multiple a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 16px !important;
  display: inline-block;
  background: #0865d1;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 5px 10px 5px 0;
}

#craig-test-run .craig-refresh-form {
  display: none;
}

body.samls .edit-group .show ul {
  list-style: disc;
  margin-left: 24px;
}

.dow-picker {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  margin: 16px 0 20px 0;
}
.dow-picker label {
  text-align: center;
  padding: 5px;
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  border-radius: 4px;
}
.dow-picker label.checked {
  background: #4299e1;
  color: white;
}

.time-selections {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 16px;
}
.time-selections .time-selection {
  flex: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.time-selections .time-selection label {
  margin-bottom: 4px;
  display: block;
}

.edit-group .date-time-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.edit-group .date-time-row > label {
  margin-bottom: 8px;
}
.edit-group .date-time-row .date-time-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.edit-group .date-time-row .date-time-inputs .at-label {
  margin: 0 4px;
  flex-shrink: 0;
}
.edit-group .date-time-row .date-time-inputs .ui.dropdown {
  flex: 1;
  min-width: 0;
}

.edit-group.workflow#schedule .ui.tabular.menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(4, 47, 66, 0.1) !important;
  border: 1px solid #e8eced;
  margin: 0 0 18px;
  display: flex;
  flex-flow: row nowrap;
}
.edit-group.workflow#schedule .ui.tabular.menu .item {
  border: 0;
  border-bottom: 3px solid #fff;
  font-size: 14px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media screen and (min-width: 375px) {
  .edit-group.workflow#schedule .ui.tabular.menu .item {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .edit-group.workflow#schedule .ui.tabular.menu .item {
    width: 50%;
    flex-shrink: 1;
    justify-content: center;
    padding-bottom: 13 px;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
}
.edit-group.workflow#schedule .ui.tabular.menu .active.item {
  margin-bottom: 0;
  border-bottom: 3px solid #0865d1;
}
.edit-group.workflow#schedule .tabs *[data-tabs-target~=tab] {
  background: #fff;
  border-bottom: 1px solid #e8eced;
}
.edit-group.workflow#schedule .tabs *[data-tabs-target~=tab].selected {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #052e42 !important;
  line-height: 20px !important;
  border-bottom: 3px solid #0865d1;
}
.edit-group.workflow#schedule .tabs .tabs-content {
  margin-top: 16px;
}
.edit-group.workflow#schedule label.select-all-months,
.edit-group.workflow#schedule label.clear-rotation {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.9em;
  float: right;
}
.edit-group.workflow#schedule #select-all-months {
  display: none;
}
.edit-group.workflow#schedule .months-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  margin: 24px 0 16px 0;
}
.edit-group.workflow#schedule .months-grid label {
  text-align: center;
  padding: 5px;
  border: 1px solid #ccc;
  background: white;
  border-radius: 4px;
  cursor: pointer;
}
.edit-group.workflow#schedule .months-grid label.checked {
  background: #4299e1;
  color: white;
}
.edit-group.workflow#schedule .date-selection {
  margin: 16px 0;
}
.edit-group.workflow#schedule .calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}
.edit-group.workflow#schedule .calendar label {
  text-align: center;
  padding: 5px;
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  border-radius: 4px;
}
.edit-group.workflow#schedule .calendar label.checked {
  background: #4299e1;
  color: white;
}
.edit-group.workflow#schedule .time-selection {
  margin: 16px 0;
}
.edit-group.workflow#schedule .rotation-selection .ui.dropdown {
  min-width: 150px;
}
.edit-group.workflow#schedule .note {
  font-size: 0.9em;
  color: #666;
}
.edit-group.workflow#schedule .buttons {
  margin-top: 20px;
}

ul.api-doc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.api-doc-list li {
  margin-bottom: 8px;
}
ul.api-doc-list li:last-child {
  margin-bottom: 0;
}

.admin a.admin-add-new.admin-copy {
  background: none;
  padding-left: 0;
}

.edit-group > .api-doc {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.api-doc h1,
.api-doc h2,
.api-doc h3,
.api-doc h4 {
  font-weight: 600;
  margin: 1.4em 0 0.6em;
  line-height: 1.3;
}
.api-doc h1 {
  font-size: 1.6em;
  margin-top: 0;
}
.api-doc h2 {
  font-size: 1.3em;
}
.api-doc h3 {
  font-size: 1.1em;
}
.api-doc p,
.api-doc ul,
.api-doc ol {
  margin: 0 0 1em;
  line-height: 1.5;
}
.api-doc ul,
.api-doc ol {
  padding-left: 1.5em;
}
.api-doc code {
  background: #f5f5f5;
  padding: 1px 5px;
  border-radius: 3px;
  font-family: "Menlo", "Consolas", monospace;
  font-size: 0.9em;
}
.api-doc pre {
  background: #f5f5f5;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 12px 14px;
  margin: 0 0 1.2em;
  line-height: 1.4;
  max-width: 100%;
  overflow-x: auto;
  white-space: pre;
  word-wrap: normal;
}
.api-doc pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
  white-space: pre;
}
.api-doc table {
  border-collapse: collapse;
  margin: 0 0 1.4em;
  width: 100%;
  table-layout: auto;
}
.api-doc table th,
.api-doc table td {
  border: 1px solid #e1e1e1;
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.api-doc table th:nth-child(3),
.api-doc table td:nth-child(3) {
  white-space: normal;
}
.api-doc table th:nth-child(2):last-child,
.api-doc table td:nth-child(2):last-child {
  white-space: normal;
}
.api-doc table code {
  white-space: nowrap;
}
.api-doc table th {
  background: #f8f8f8;
  font-weight: 600;
}
.api-doc a {
  color: #0069d6;
  text-decoration: none;
}
.api-doc a:hover {
  text-decoration: underline;
}
.api-doc hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 2em 0;
}

#features .ui.checkbox {
  display: block;
}

#admin_contacts td {
  padding: 0.5em;
}
#admin_contacts tr:hover {
  background-color: white;
}

body.native.conferences {
  padding-top: 24px;
}
body.native.conferences #no-active-calls {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body.native.conferences section.conferences,
body.native.conferences section.ttv-calls {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body.native.conferences section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 24px;
}
body.native.conferences section section.participant {
  display: flex;
  flex-direction: column;
}
body.native.conferences section section.participant p,
body.native.conferences section section.participant button {
  margin: 12px;
}
body.native.conferences section section.participant form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
body.native.conferences section section.participant form button {
  margin: 12px;
  flex: 0 0 100%; /* Let it fill the entire space horizontally */
}
body.native.conferences section section.participant form button.dtmf-option {
  padding: 16px 24px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px;
  text-align: center;
}
body.native.conferences section section.participant form button.dtmf-option.blue {
  color: #4a90e2;
  background: #fff;
  border: 1px solid #4a90e2;
}
body.native.conferences section section.participant form button.dtmf-option.blue:active {
  background: white;
}
body.native.conferences section section.participant form button.dtmf-option.blue.answered {
  background: #4a90e2;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.orange {
  color: #fea313;
  background: #fff;
  border: 1px solid #fea313;
}
body.native.conferences section section.participant form button.dtmf-option.orange:active {
  background: white;
}
body.native.conferences section section.participant form button.dtmf-option.orange.answered {
  background: #fea313;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.green {
  color: #0eb276;
  background: #fff;
  border: 1px solid #0eb276;
}
body.native.conferences section section.participant form button.dtmf-option.green:active {
  background: #c5fae7;
}
body.native.conferences section section.participant form button.dtmf-option.green.answered {
  background: #0eb276;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.red {
  color: #c73949;
  background: #fff;
  border: 1px solid #c73949;
}
body.native.conferences section section.participant form button.dtmf-option.red:active {
  background: white;
}
body.native.conferences section section.participant form button.dtmf-option.red.answered {
  background: #c73949;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.navy {
  color: #042f42;
  background: #fff;
  border: 1px solid #042f42;
}
body.native.conferences section section.participant form button.dtmf-option.navy:active {
  background: #51c2f4;
}
body.native.conferences section section.participant form button.dtmf-option.navy.answered {
  background: #042f42;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.off-duty {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
body.native.conferences section section.participant form button.dtmf-option.off-duty:active {
  background: white;
}
body.native.conferences section section.participant form button.dtmf-option.off-duty.answered {
  background: #8499a3;
  color: #fff !important;
}
body.native.conferences section section.participant form button.dtmf-option.no-response {
  color: #8499a3;
  background: #fff;
  border: 1px solid #8499a3;
}
body.native.conferences section section.participant form button.dtmf-option.no-response:active {
  background: white;
}
body.native.conferences section section.participant form button.dtmf-option.no-response.answered {
  background: #8499a3;
  color: #fff !important;
}
body.native.conferences .participants-list ul.participants li.participant {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
body.native.conferences .participants-list ul.participants li.participant .avatar {
  margin-right: 12px;
}
body.native.conferences .participants-list ul.participants li.participant .avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
body.native.conferences .participants-list ul.participants li.participant .name {
  display: flex;
  align-items: center;
}
body.native.conferences .participants-list ul.participants li.participant .current-user {
  margin-left: 10px;
}
body.native.conferences .participants-list .status-group {
  margin-bottom: 24px;
}
body.native.conferences .participants-list .status-group h4.status-header {
  margin-bottom: 24px;
  text-align: center;
}
body.native.conferences .participants-list .status-group.status-connected .avatar img {
  border-color: #0bb276;
  border-style: solid;
  border-width: 2px;
}

.evaluation-header,
.evaluation-row > summary .evaluation-summary {
  display: flex;
  align-items: center;
  gap: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
.evaluation-header .col,
.evaluation-row > summary .evaluation-summary .col {
  flex: 0 0 auto;
}
.evaluation-header .col-time,
.evaluation-row > summary .evaluation-summary .col-time {
  width: 150px;
}
.evaluation-header .col-time > span + span,
.evaluation-row > summary .evaluation-summary .col-time > span + span {
  margin-left: 4px;
}
.evaluation-header .col-severity,
.evaluation-row > summary .evaluation-summary .col-severity {
  width: 70px;
}
#prompt-history .evaluation-header .col-severity,
#prompt-history .evaluation-row > summary .evaluation-summary .col-severity {
  width: 110px;
}
.evaluation-header .col-reasoning,
.evaluation-row > summary .evaluation-summary .col-reasoning {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.evaluation-header .col-reasoning span[data-controller~=popover],
.evaluation-row > summary .evaluation-summary .col-reasoning span[data-controller~=popover] {
  text-decoration: none;
  color: inherit;
  cursor: default;
}

#prompt-history .craig-refresh-form {
  display: none;
}

.evaluation-header {
  padding: 8px 14px;
  border-bottom: 1px solid #e8eced;
  text-transform: uppercase;
  font-size: 11px;
  color: #8499a3;
  letter-spacing: 0.5px;
}

.evaluation-row {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border-top-width: 0;
  box-shadow: none !important;
}
.evaluation-row:first-of-type {
  border-top-width: 1px;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.evaluation-row:last-of-type {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.evaluation-row > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
}
.evaluation-row > summary::-webkit-details-marker {
  display: none;
}
.evaluation-row .evaluation-detail {
  padding: 12px 14px 14px;
}

.evaluation-trace {
  margin: 8px 0;
}
.evaluation-trace .trace-step {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  line-height: 1.5;
  padding: 2px 0;
}

.evaluation-section {
  margin-top: 16px;
}
.evaluation-section:first-child {
  margin-top: 12px;
}

.evaluation-section-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.evaluation-variables {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #f5f9fc;
}
.evaluation-variables td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  padding: 8px 12px;
  line-height: 1.4;
  border-top: 1px solid #f5f9fc;
  vertical-align: top;
}
.evaluation-variables tr:first-child td {
  border-top: 0;
}
.evaluation-variables .evaluation-variable-key {
  width: 35%;
  text-align: right;
  white-space: nowrap;
}
.evaluation-variables .evaluation-variable-value {
  width: 65%;
}
.evaluation-variables code {
  font-family: Menlo, Monaco, Consolas, monospace;
  background: #eee;
  color: #052e42;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
}

p.evaluation-reasoning {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 18px !important;
  margin: 0;
  line-height: 1.5;
}

.craig-tool-result-section {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid #e8eced;
}
.craig-tool-result-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.craig-execution-result {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8eced;
}
.craig-execution-result:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.craig-execution-result details.craig-execution-trace {
  margin-top: 12px;
  background: #f5f9fc;
  border-radius: 8px;
  overflow: hidden;
}
.craig-execution-result details.craig-execution-trace summary {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #44626f !important;
  line-height: 16px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
}
.craig-execution-result details.craig-execution-trace summary::-webkit-details-marker {
  display: none;
}
.craig-execution-result details.craig-execution-trace summary::after {
  content: "+";
  font-size: 20px;
  line-height: 1;
  color: #8499a3;
}
.craig-execution-result details.craig-execution-trace[open] summary::after {
  content: "−";
}

.craig-execution-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.craig-execution-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.craig-execution-meta .text-muted {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
}

.craig-formatter-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.02em;
}
.craig-formatter-badge.craig-formatter-fast {
  background-color: #e6f4ea;
  color: #137333;
}
.craig-formatter-badge.craig-formatter-thinking {
  background-color: #fef7e0;
  color: #b06000;
}

.craig-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.prompt-formatter-panel {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 8px;
}
.prompt-formatter-panel span[data-controller~=popover] {
  text-decoration: none;
  color: inherit;
  cursor: help;
}

.prompt-formatter-credits {
  font-size: 12px;
}
.prompt-formatter-credits .timestamp {
  margin-left: 4px;
}

p.craig-user-prompt {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  margin: 8px 0 8px;
  font-style: italic;
}

.craig-execution-output pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  font-size: 14px;
  margin: 12px 0;
  background: #f4f4f4;
  padding: 14px 20px;
  border-radius: 8px;
}

.craig-execution-error p {
  color: #de2d40;
}

.craig-loading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
}
.craig-loading span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 18px !important;
}

.craig-execution-steps {
  font-size: 13px;
  padding: 12px 16px 12px 32px;
  margin: 0;
  line-height: 1.6;
}

.craig-verify-link {
  font-size: 11px;
  margin-left: 6px;
  color: #8499a3;
  text-decoration: none;
}
.craig-verify-link:hover {
  color: #0865d1;
  text-decoration: underline;
}

.craig-refresh-form {
  display: inline;
}

.craig-refresh-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0865d1 !important;
  line-height: 16px !important;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 3px;
}
.craig-refresh-link:hover {
  text-decoration: underline;
}

.craig-report-frame {
  margin-bottom: 8px;
}
.craig-report-frame .craig-report-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  display: block;
  text-align: right;
  text-decoration: none;
}
.craig-report-frame .craig-report-link:hover {
  color: #0865d1;
  text-decoration: underline;
}
.craig-report-frame .craig-report-form {
  margin-top: 8px;
  padding: 12px;
  background: #f5f9fc;
  border: 1px solid #e8eced;
  border-radius: 6px;
}
.craig-report-frame .craig-report-form textarea {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #052e42 !important;
  line-height: 20px !important;
}

.craig-report-prompt {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #44626f !important;
  line-height: 17px !important;
  margin: 0 0 8px;
}

.craig-report-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}
.craig-report-actions .cancel {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 17px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.craig-report-actions .cancel:hover {
  color: #0865d1;
}

.craig-report-thanks {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0eb276 !important;
  line-height: 16px !important;
  margin-top: 8px;
}

body.native.prompts,
body.native.executions {
  margin: 0;
  padding: 0;
  background: #f5f9fc;
}
body.native.prompts .craig-header,
body.native.executions .craig-header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  background: #0865d1;
  color: #fff;
}
body.native.prompts .craig-header .title,
body.native.executions .craig-header .title {
  font-family: "Work Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 22px !important;
  text-align: center;
}
body.native.prompts .craig-ask-section,
body.native.executions .craig-ask-section {
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #e8eced;
}
body.native.prompts .craig-ask-section form,
body.native.executions .craig-ask-section form {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
body.native.prompts .craig-ask-section textarea,
body.native.executions .craig-ask-section textarea {
  flex: 1;
  min-height: 44px;
  max-height: 120px;
  padding: 10px 12px;
  border: 1px solid #e8eced;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #052e42;
  background: #fff;
  resize: none;
  outline: none;
  transition: border-color 0.2s;
}
body.native.prompts .craig-ask-section textarea:focus,
body.native.executions .craig-ask-section textarea:focus {
  border-color: #0865d1;
}
body.native.prompts .craig-ask-section textarea::placeholder,
body.native.executions .craig-ask-section textarea::placeholder {
  color: #8499a3;
}
body.native.prompts .craig-ask-section input[type=submit],
body.native.executions .craig-ask-section input[type=submit] {
  padding: 10px 20px;
  min-height: 44px;
  background: #0865d1;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
body.native.prompts .craig-ask-section input[type=submit]:active,
body.native.executions .craig-ask-section input[type=submit]:active {
  background: #064da0;
}
body.native.prompts .craig-prompt-list,
body.native.executions .craig-prompt-list {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
body.native.prompts .craig-prompt-list form,
body.native.executions .craig-prompt-list form {
  display: flex;
}
body.native.prompts .craig-prompt-button,
body.native.executions .craig-prompt-button {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 8px;
  min-height: 88px;
  background: #fff;
  border: 1px solid #e8eced;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.15s, box-shadow 0.15s;
  text-decoration: none;
}
body.native.prompts .craig-prompt-button:active,
body.native.executions .craig-prompt-button:active {
  background: #ebf5ff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
body.native.prompts .craig-prompt-button .craig-prompt-icon,
body.native.executions .craig-prompt-button .craig-prompt-icon {
  font-size: 28px;
  line-height: 1;
}
body.native.prompts .craig-prompt-button .craig-prompt-name,
body.native.executions .craig-prompt-button .craig-prompt-name {
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 17px !important;
  text-align: center;
  line-height: 16px !important;
  word-break: break-word;
}
body.native.prompts .empty-state,
body.native.executions .empty-state {
  padding: 48px 24px;
  text-align: center;
}
body.native.prompts .empty-state p,
body.native.executions .empty-state p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #8499a3 !important;
  line-height: 19px !important;
}

body.native.executions .native-craig-execution {
  padding: 0;
}
body.native.executions .craig-execution-result {
  padding: 16px;
  margin: 0;
  background: #fff;
  border-bottom: none;
}
body.native.executions .craig-execution-output {
  padding: 0;
}
body.native.executions .craig-execution-output pre {
  font-size: 14px;
  line-height: 1.5;
  color: #052e42;
  margin: 0 0 12px;
  font-family: "Open Sans", sans-serif;
}
body.native.executions .copy-link {
  padding: 6px 0;
}
body.native.executions .craig-execution-error {
  padding: 12px 16px;
  margin: 0 16px;
  background: #fadede;
  border-radius: 8px;
  border-left: 4px solid #de2d40;
}
body.native.executions .craig-loading {
  justify-content: center;
  padding: 32px 16px;
}
body.native.executions .craig-execution-result details.craig-execution-trace {
  margin-top: 12px;
}

body.native.polls .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  margin: 0px;
  padding: 0px 10px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #0865d1;
}
body.native.polls .heading a.back-button {
  text-align: left;
  color: #fff;
}
body.native.polls .heading .title {
  flex-grow: 1;
  text-align: center;
}
body.native.polls .heading .right-section {
  width: 40px;
}
body.native.polls .poll-box {
  background: none;
}
body.native.polls .poll-box .poll-content-tab {
  display: none;
}
body.native.polls .poll-box .notifications-sent .poll-data {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
body.native.polls .poll-box .notifications-sent .responses {
  width: 100%;
}
body.native.polls .poll-box .response-stats {
  display: none;
}
body.native.polls .public-poll .notifications-sent {
  padding-top: 0px;
}
body.native.polls .public-poll .responses h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center;
  padding: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #8499a3;
}
body.native.polls .public-poll .responses h1.poll-blue {
  background: #4a90e2;
}
body.native.polls .public-poll .responses h1.poll-orange {
  background: #fea313;
}
body.native.polls .public-poll .responses h1.poll-green {
  background: #0eb276;
}
body.native.polls .public-poll .responses h1.poll-red {
  background: #c73949;
}
body.native.polls .public-poll .responses h1.poll-navy {
  background: #042f42;
}
body.native.polls .public-poll .responses h1.poll-off-duty {
  background: #8499a3;
}
body.native.polls .public-poll .responses h1.poll-no-response {
  background: #8499a3;
}
body.native.polls .public-poll .responses .response-bar-label {
  overflow: hidden;
}
body.native.polls .public-poll p {
  margin-left: 20px;
  margin-right: 20px;
}
body.native.polls .public-poll p.response-count {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8eced;
}
body.native.polls .public-poll p.poll-response-member {
  border-bottom: 1px solid #e8eced;
  padding: 10px 5px;
}
body.native.polls .public-poll p.poll-response-member.highlighted {
  background: yellow;
}
body.native.polls .public-poll p.poll-response-member span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8499a3 !important;
  line-height: 16px !important;
  text-transform: initial;
}
body.native.polls .public-poll p.poll-response-member span.member-name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #052e42 !important;
  line-height: 18px !important;
}
@media screen and (min-width: 1024px) {
  body.native.polls .public-poll p.poll-response-member span.member-name {
    font-family: "Open Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #052e42 !important;
    line-height: 20px !important;
  }
}
body.native.polls .public-poll p.poll-response-member span.responded-ago {
  float: right;
  line-height: 20px !important;
}
body.native.polls .public-poll p.poll-response-member span.organization_name_and_title {
  display: block;
  margin-left: 23px;
  padding-top: 5px;
}
body.native.polls .public-poll p.poll-response-member span:last-child {
  border: 0;
}