.event-popup {max-width: 518px;border-radius: 10px;overflow: hidden; font-family: 'Poppins';position: fixed; z-index: 9999;    top: 50%;    left: 50%;  transform: translate(-50%, -50%); width: 100%; max-width: 518px;     box-shadow: 0px 0px 10px #ccc;}
.event-popup .popup-header {background-color: #F1F3F4;padding:14px 20px 10px;display: flex;justify-content: space-between;}
.event-popup .popup-header h4 {padding:0; margin: 0; font-weight: 400; font-size: 16px; color: #62666B; line-height:16.71px; align-self: center;}
.event-popup .popup-header .close-event {padding: 0; margin: 0; border: none; cursor: pointer; background: transparent;}
.event-popup .popup-header .close-event svg {
  fill: rgb(98, 102, 107);
}

.event-popup .popup-body {padding: 15px 30px; box-sizing: border-box; background-color: #fff;}


.field-group {display: flex; margin: 0 0 20px 0;}
.field-group .field-icon { width: 50px; display: flex;  align-items: flex-start;}
.field-group .field-icon .img-icon {position: relative; top: 5px;}
.field-group.action-btn{margin: 15px 0 10px;}
.input-hidden {display: none;}

.field-group .field-item {width: 90%; position: relative;}
.field-group .field-item.file-upload{width:100%;}
.field-group .field-item input[type='text']{
    padding: 1px 2px;
    display: inline-block;
    width: auto;
}
.field-group .field-item .selectEventDates input[type='text']:hover{border: 0 !important;}
.field-group .field-item p {margin: 0; padding: 0;}
.field-group .field-item .field-style {border: none!important;width: 100%;box-shadow: none!important;border-bottom: 1px solid #1C675D!important; height: auto; padding: 1px 5px !important; font-size: 14px;font-family: 'Poppins';font-weight: 500;}
.field-group .field-item .field-style.norborders {border: none!important;}
.field-group .field-item .field-style.textarea {resize: none; height: auto;}
.field-group .field-item .field-style::placeholder  { color: #62666B;}
.field-group .field-item .field-style:focus {outline: none;}
.field-group .field-item .field-style.title, .field-group .field-item #post_title {font-size: 22px !important; display: block; width: 100%;}
.field-group .field-item #post_title, .field-group .field-item #post_content{margin: 0 !important; padding: 2px 1px !important;}
.field-group .field-item .select-event-wrap {color:#62666B;font-size:12px;margin: 4px 0 0 0;display: flex;align-items: center;}
.field-group .field-item .select-event-wrap label {display: flex;align-items: center; margin: 0 10px 0 0; padding: 0; line-height: normal;}
.field-group .field-item .select-event-wrap input, .field-group .field-item .select-event-wrap #allDayCheckbox {margin: -2px 10px 0 0 !important;}
.field-group .field-item .repeatEventLinkWrap {display: inline-block;}
.field-group .field-item .repeatEventLinkWrap .dontRepeatLink{display: inline-block; text-decoration: none; color:#62666B; padding: 0 0 0 10px;}

.EventRepeatDetails{position: relative;}
.EventRepeatDetails .selectSchedule {margin: 10px 0 0px 0;}
.EventRepeatDetails .selectStyle{color: #5d5d5d;font-size: 12px;font-weight: 400;padding: 10px 4px;width: 100%;max-width: 230px;border: none;outline: none;padding: 5px;font-weight: 600;}
.EventRepeatDetails .selectStyle.xs {max-width: 100px;padding: 5px 10px!important;}
.EventRepeatDetails .selectStyle.md {max-width: 230px;}
.EventRepeatDetails .selectStyle.lg {max-width: 100%;}
.noAppearance {  -webkit-appearance: none;    -moz-appearance: none;  appearance: none; }
.EventRepeatDetails .selectStyle.boxStyle {border: 1px solid rgba(0,0,0,0.1);padding: 10px 10px; height: auto;appearance: auto;}
.EventRepeatDetails .selectStyle option {padding:10px;}
.EventRepeatDetails .selectStyle option:hover {padding:10px; color: #1C675D; background-color:    #F0F7F6;}
.EventRepeatDetails .EventSchedule {font-size: 14px; color:#5d5d5d;}


.EventRepeatDetails .boxStyleInput{color: #5d5d5d;font-size: 12px;font-weight: 400;padding: 10px 4px;width: 100%;max-width: 230px;border: none;outline: none;padding: 5px;font-weight: 600;}
.EventRepeatDetails .boxStyleInput.xs {max-width: 100px;padding: 5px 10px!important;}
.EventRepeatDetails .boxStyleInput.xxs {max-width: 50px;padding: 5px 10px!important;}
.EventRepeatDetails .boxStyleInput.md {max-width: 230px;}
.EventRepeatDetails .boxStyleInput.lg {max-width: 100%;}
.noAppearance {  -webkit-appearance: none;    -moz-appearance: none;  appearance: none; }
.EventRepeatDetails .boxStyleInput {border: 1px solid rgba(0,0,0,0.1);padding: 10px 10px;}

.seriesOnDate input {max-width:100px;}

.EventRepeatDetails .EventSchedule .event-group {margin: 10px 0 10px 0;}
.EventRepeatDetails .EventSchedule .event-group .eventLabel { }
.EventRepeatDetails .EventSchedule .txtPadding {padding: 0 5px; display: inline-block;}

.EventRepeatDetails .EventSchedule .genericParaStyle {font-style: italic;padding: 10px 0 0; font-weight: 500; color: #5d5d5d;}
.EventRepeatDetails .EventSchedule .removeEvent {width: 15px; height: 20px; background: url(../assets/delete.svg) no-repeat; cursor: pointer; background-size: contain; display: block; position: absolute; top:-27px; right: 10px; z-index: 9999; }

.field-group .noborder.nostyle {border:none; outline: none;}

.EventRepeatDetails .EventSchedule .event-group .eventField {}
.EventRepeatDetails .EventSchedule .event-group .eventField .selection-box{display: inline;}

.dayList {}
.dayList .daySelect-input {display: inline-block;background-color: #859c99; cursor: pointer; position:relative; border: 1px solid #859c99;  color: #fff;margin: 0 2px 0 0;border-radius: 5px;text-decoration: none;width: 30px;height: 25px;text-align: center;line-height: 30px;}
.dayList .daySelect-input.active {background-color: #1c675d;color: #fff;border: 1px solid #1c675d;}

.selectEventDates {font-size:12px; color: #5d5d5d;     margin: 0; display: flex;}
.selectEventDates input {width: 82px;color: #62666B!important;font-size: 14px!important;font-weight: 500;font-family: 'Poppins';}
.selectEventDates input.xs {width: 65px;}
.selectEventDates input.xxs, .selectEventDates #EventStartTime {width: 70px !important;}
#EventEndDate {max-width: 100px;}


.PopSubmitBtn {position: relative; background: #1c675d!important;font-size: 16px!important;padding: 15px 10px!important; margin-top:0; max-width: 170px!important;cursor: pointer;border-radius: 5px!important;border: none;min-width: 40px!important;color: #fff;width: 100%;float: right;font-family: 'Poppins';text-transform: uppercase;}
.PopSubmitBtn .lds-ring.active{    display: inline-block;background: transparent;z-index: 5;margin-left: 15px;top: -17px;left: 0px;width: auto;position: relative;}
.PopSubmitBtn:disabled{cursor: default;}

.field-group .tagify {    border: none; text-align: left;padding: 0;border-bottom: 1px solid #1C675D;  width: 100%;  max-width: 100%;  display: block; max-height: 120px; overflow: hidden; overflow-y: scroll;}


.field-group .tagify::-webkit-scrollbar-track{-webkit-box-shadow: none;background-color: #fff;}
.field-group .tagify::-webkit-scrollbar{width: 4px;background-color: #fff;}
.field-group .tagify::-webkit-scrollbar-thumb{background-color:#1c675d;border:none;}


.field-group .tagify__input::before { color: #62666B!important;    font-weight: 500;}
.field-group .tagify .tagify__input {padding:0;margin: 0px 0 0 0;font-size: 14px!important;}
.field-group .tagify .tagify__tag {margin: 0px 5px 5px 0px!important;}
 body .tagify__dropdown {z-index: 9999999999!important;}
.field-group .tagify__tag>div::before { box-shadow: 0 0 0 var(--tag-inset-shadow-size) #1c675d inset;}
.field-group .tagify__tag .tagify__tag-text {color: #fff;}
.field-group .tagify__tag:focus div::before, .field-group .tagify__tag:hover:not([readonly]) div::before { --tag-bg-inset: 0;  --tag-bg: var(--tag-hover);}
.field-group .tagify__tag__removeBtn:hover+div::before { box-shadow: 0 0 0 var(--tag-inset-shadow-size) #1c675d inset!important; }
.field-group .tagify__tag__removeBtn { color: #fff!important;}
.field-group  .tagify__tag>div { padding: 2px 5px;}

.xdsoft_datetimepicker .xdsoft_calendar td>div, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{font-weight: normal;}
.field-group .field-item input[type="file"] {width: 85%;}
.reset-attachment {margin-left: 20px; margin-top: 0;}
.reset-attachment, .reset-attachment:hover, .reset-attachment:focus {border: 0; background-color: transparent; padding: 0; outline: none;}
.field-group .field-icon.icon-attach{top: 1px; position: relative;}
.field-group.link-field{margin-bottom: 10px;}
#popup_event p.message {
    text-align: center;
}

#edit_event_detail .icon-attach {
  top: 0;
}
#edit_event_detail .icon-attach {
  top: 0;
}

#edit_event_detail .field-item .reset-attachment {
  position: absolute;
  top: 4px;
  right: 20px;
  margin: 0;
}

.lds-ring{
    display: none;
}
.lds-ring.active {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgb(0,0,0,0.3);
    z-index: 5;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
    height: 16px;
    right: 10px;
    top: 4px;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }



.lds-ring-anim{
    display: none;
}
.lds-ring-anim.active {
    display: inline-block;
    position: relative;
    left: 0;
    top: -17px;
    z-index: 5;
    margin-left: 20px;
  }
  .lds-ring-anim div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: lds-ring-anim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
    height: 16px;
    right: 10px;
    top: 4px;
  }
  .lds-ring-anim div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring-animg div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring-anim div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring-anim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


/*Adjust Clander View*/
#main .datepicker-days thead th,
#main .datepicker-months thead th,
#main .datepicker-years thead th{
    background: #fff;
}


/*View Event Details*/
.title{font-size: 28px;font-weight: 600;margin:0 0 5px; word-break: break-word; width: 100%; padding-left: 5px;}
.view-event .field-group{margin-bottom: 12px;}
.view-event .field-group.attachment{margin:0;}
.view-event .field-group .field-icon{width: 30px;}
.data-desc{margin: 0; line-height: normal; word-break: break-word; width: 100%;}
.data-list {padding: 0; list-style: none; margin: 0;}

.data-list li {margin: 0 5px 2px 0;background-color: #1c675d;color: #fff;padding: 1px 9px;display: inline-block;border-radius: 4px;font-size: 14px; word-break: break-word; line-height: normal;}

.view-event .btns-group {
    align-items: center;
    display: flex;
}
.view-event .popup-header button, .view-event .popup-header .close-event {
    border: 0;
    margin: 0 0 0 22px;
    padding: 0 0;
    outline: none;
    cursor: pointer;
    background-color: transparent;
}

.view-event .data-list {
  max-height: 190px;
  overflow-y: auto;
}

/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
  scrollbar {
     -moz-appearance: none !important;
     background: rgb(0,255,0) !important;
  }
  thumb,scrollbarbutton {
     -moz-appearance: none !important;
     background-color: rgb(0,0,255) !important;
  }

  thumb:hover,scrollbarbutton:hover {
     -moz-appearance: none !important;
     background-color: rgb(255,0,0) !important;
  }

  scrollbarbutton {
     display: none !important;
  }

  scrollbar[orient="vertical"] {
    min-width: 15px !important;
  }
}
  /**/
.scrollbar-container{overflow-y:auto; overflow-x: hidden; width: 100%; padding-right: 7px; max-height: 80vh;}
.scrollbar-container .data-list,
.scrollbar-container .data-desc {
    max-height: 150px;
    width: 100%;
    padding-left: 4px;
}
::-webkit-scrollbar {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border: solid white 6px;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.25);
}

/*Remove Event*/
.remove-event .btns-group {display: flex;justify-content: flex-end;}
.remove-event .btns-group .PopSubmitBtn {
    float: inherit;
}
.remove-event .btns-group .field-item {
    display: inline-block;
    margin: 10px 0 0 10px;
}
.remove-event .btns-group .field-item button {
    min-width: 150px !important;
    width: 100%;
    padding: 12px 10px !important;
}

/* Select2 apply on SanghaList dropdown */
.selectSanghaList .select2-container {
  width: 100% !important;
}

.selectSanghaList .select2-container--default .select2-selection {
  border: 0;
  border-bottom: 1px solid #1C675D;
  border-radius: 0;
  height: 25px;
}

.field-group .field-item .field-style.tagify {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Popup backdrop */
.popup-backdrop {
  position: relative;
}
.popup-backdrop:before {
  background-color: rgba(0,0,0,0.5) !important;
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
}

.selectSanghaList .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 20px !important;
}
.gallery {
  padding: 0 50px 0 0;
  margin: 0 !important;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.gallery li img {width: 40px;height: 40px;object-fit: cover;display: block;}

.gallery li {
  margin: 0 5px 6px 0;
  font-size: 14px;
  background-color: #eee;
  padding: 8px !important;
  border-radius: 4px;
  display: inline-block;
  width: 20px;
  text-align: center;
}

.gallery li a{
  display: block;
  line-height: 0;
}

.gallery svg{
  width: 16px;
  fill: #5f5f5f;
}

.pdf-file svg{
  width: 13px;
}

.gallery:empty + .reset-attachment {
  display: none;
}

.recurrence-time-row{margin-top: 12px;}
.recurrence-time-row .selection-box{display: inline-block;}
.recurrence-time-row .selection-box select {padding: 10px 20px !important;}
.chained{display: inline-flex;}
.chained input{margin-right: 5px !important;}

.event-time-am-pm-row{margin-top: 12px;}
.event-time-am-pm-row label{margin:0 10px;}
body.popup-backdrop .tribe-events-tooltip-theme {opacity: 0 !important;}

.field-groups-wrapper{max-height: 270px; overflow-y: auto;}

.daySelect-input input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  z-index: 0;
}

.daySelect-input input:checked ~ .checkmark {
  background-color: #1c675d;
}

.day-name {
  position: relative;
  z-index: 2;
}

.daySelect-input input.locked ~ .checkmark {
  background-color: rgba(28,103,93,0.5);
}

.daySelect-input input.locked {
  cursor: not-allowed;
}

.selectTimeZone .selection-box .select2  {width:190px!important;  margin: 5px 0 5px 0;}
.selectTimeZone .select2-container--default .select2-selection--single {padding: 0 4px;}
.selectTimeZone {display: flex;align-items: center; gap: 10px;}
/* hide at the same time div in event popup */
.recurrence-time-row {display: none;}
.link-target-hide {display: none;}

.field-group.flex-Row.HiddenTemplates {margin-bottom:0;}
.flex-Row.HiddenTemplates  h4 {font-size: 14px; font-weight: 500;}
.HiddenTemplates .attendiesList {display: none;}
.img-icon.resizeIcon {width:14px;}
.listRsvp {list-style: none; display: flex; gap: 5px; margin: 0 0 10px 0;}
.listRsvp  li {padding:0;}
.listRsvp  li a {display: block;padding: 5px 3px;color: #8C8C8C;border-radius: 5px;font-weight: 600;}
.listRsvp  li a .pill-noti {display: inline-block;background-color: #1C675D;color: #fff;border-radius: 5px;min-width: 20px;/* height: 20px; */vertical-align: middle;text-align: center;line-height: 20px;font-weight: 400;font-size: 11px;padding: 2px;}
.listRsvp  li a.btn-needsAction {}
.listRsvp  li a.btn-declined { color: #d34e4e;}
.listRsvp  li a.btn-accepted {}
.listRsvp  li a.btn-tentative {}
.rsvp-result {padding: 5px; max-height: 170px;overflow: hidden;overflow-y: scroll;}
.rsvp-result ul {list-style: none; padding:0; margin:0;}
.rsvp-result ul li {margin: 0 0 2px 0; background-color: #1c675d; color: #fff; padding: 1px 9px; display: inline-block; border-radius: 4px; font-size: 14px; word-break: break-word; line-height: normal;}


.listRsvp  li.active {border-bottom:1px dashed #1c675d ;}
.listRsvp  li a .rsvp-icon {display: inline-block; position: relative; }
.listRsvp  li a.btn-needsAction .rsvp-icon::after, .needsAction::after {display: inline-block; content: "Awaiting";color:#13C2C2; }
.listRsvp  li a.btn-accepted .rsvp-icon::after, .accepted::after {display: inline-block; content: "Yes"; color:#237804;}
.listRsvp  li a.btn-declined .rsvp-icon::after, .declined::after {display: inline-block; content: "No"; color:#CF1322 ;}
.listRsvp  li a.btn-tentative .rsvp-icon::after, .tentative::after {display: inline-block; content: "Maybe"; color:#FA8C16; }
.listRsvp  li:nth-child(1) {order:4;}
.listRsvp  li:nth-child(2) {order:2;}
.listRsvp  li:nth-child(3) {order:1;}
.listRsvp  li:nth-child(4) {order:3;}

.add_to_c {width: 100%;  display: flex; justify-content: flex-end;}
.add_to_c a {display: flex;  flex-direction: row;justify-content: center; background: #1c675d; color: #fff;  gap: 10px;  padding: 8px 10px 5px 10px;  border-radius: 5px; }
.add_to_c a:hover {color: #fff;}
.add_to_c a .add-img {max-width: 10px;display: block;width: 100%;position: relative;top: 0px;font-size: 14px;}

.add_to_c .btn-loader {width: 20px;height: 20px;border: 2px solid #FFF;border-bottom-color: transparent;border-radius: 100%;display: inline-block;box-sizing: border-box;animation: rotationloader 1s linear infinite;}

  @keyframes rotationloader {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
  }

.add_to_c.sucess {
  flex-direction: column;
  text-align: center;
  font-weight: 600;
}

.add_to_c a {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 30px;
}

.add_to_c a i {
  font-size: 16px;
}
.date-selection p {
  font-size: 14px;
  line-height: normal;
  color: #1c675d;
}
.user-category .field-item {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  flex-wrap: wrap;
  width: 100%;
}
.user-category .field-item label {
    padding: 0;
    line-height: normal;
    font-size: 14px;
}
.view-event button.copy_link svg {
  width: 18px;
  height: 18px;
  fill: rgb(98, 102, 107);
}
input#copy_text {
  opacity: 0;
  position: absolute;
  padding: 0;
  z-index: -999;
}
.view-event button.copy_link.copied svg {fill: #1c675d;}
.loader.view_loader {
  display: block !important;
}

.send-invites .popup-body h3 {
    font-size: 18px;
    line-height: normal;
}
.send-invites .popup-body {
    padding: 25px;
}
.send-invites .popup-body ul.actions {
    display: flex;
    list-style: none;
    justify-content: flex-end;
    gap: 20px;
    margin: 20px 0 0 0;
    align-items: center;
}
.send-invites .popup-body ul.actions li {
    padding: 0;
}
.send-invites .popup-body ul.actions a {
    color: #262626;
    font-size: 14px;
    font-weight: 500;
}
.send-invites .popup-body ul.actions a:hover {
    color: #1C675D;
}
.send-invites .popup-body ul.questions li {
    padding: 0;
}

#rsvp-tbl {
    margin: 0px;
}
.btn {
  font-weight: bold;
  min-width: 80px;
  color: #ffffff !important;
  border-radius: 4px;
  border: 1px solid #177268;
  font-size: 14px;
  background-color: #177268;
  cursor: pointer;
  margin: 0 10px 0 0;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 10px;
}
.btn:hover, btn.maybe.active {
  background-color: #ffffff;
  color: #177268 !important;
  text-decoration: none !important;
}
.btn.yes.active {
  background-color: #1e8e3e;
  border: 1px solid #1e8e3e;
  color: #ffffff;
}
.btn.no.active {
  background-color: #d93025;
  box-shadow: inset 0 0 0 1px #d93025;
  color: #ffffff;
}
#rsvp-tbl .btn {padding-left: 10px;padding-right: 10px;}
#rsvp-tbl td {border: none;}
.selectTimeZone .selectStyle{
  width : 125px !important;
}