.container.addEventContainer{max-width:1000px;}
.pageHeader {display:inline-block; width:100%; margin-top:40px;}
.addEventForm{margin:40px 0px; float:left; width:100%;}
.addEventForm h5{font-size:20px; color:#38526D; display:inline-block; width:100%;margin-bottom: 20px;}
.addEventContainer label{color:#001D4E; width:100%; font-size:14px; font-weight:400;
  margin-bottom:5px;}
  .addEventContainer input[type="text"], .addEventContainer select{height:44px; border-color:#ddd; font-size:14px; font-weight:300;}
  .addAddress {float:left; width:100%; margin-bottom:30px; padding:20px; background:#F3F5F9;border-radius:5px;}
  .orPartition{position:relative; width:100%; display:inline-block; text-align:center;   margin-bottom:15px;}
  .orPartition::before{width:100%; height:1px; content:""; background:#DEE6F5; position:absolute;
  left:0px; top:50%;}
  .orPartition span{background-color:#F3F5F9; display:inline-block; padding:0px 10px; position:relative; z-index:1; color:#B6C5DF; border-radius:50%; font-size:16px;}
  .disclaimer{font-size:12px; margin-bottom:30px;}
  .proceed{width:100%; text-align:center; float:left;}
  .proceedBtn{background-color:#0070B7; border-color:#0070B7; font-size:18px; width:400px;    padding:12px 15px; max-width:100%;}
  .formCategory{position:relative; display:inline-block; width:100%; padding-right:50px;}
  .formCategory .plusBtn{position:absolute; top:0px; right:0px; padding:0px; font-size:24px;
height:44px; width:44px; line-height:44px; background:#0070B7; border-color:#0070B7;}
.formCategoryList{margin:0px; padding:0px; width:100%; display:inline-block;}
.formCategoryList li{float:left; border:1px solid #eeeeee; padding:3px 10px; list-style:none; font-size:14px; margin-top:5px; margin-right:5px; font-weight:200;}
.formCategoryList li a{color:#000000; opacity:0.3; margin-left:5px; font-weight:bold;}
.uploadImageList{margin:0px; padding:0px; width:100%;}
.uploadImageList li{width:120px; height:120px; float:left; text-align:center; margin-right:15px; position:relative; background:#eee; border:1px solid #dddddd; line-height:120px; list-style:none; margin-bottom:15px; }
.uploadImageList li img{max-height:100%; max-width:100%; min-height:100%;}
.uploadImageList li .removeImgBtn{position:absolute; top:-10px; right:-10px; background:red;    color:#fff; display:inline-block; padding:0px; cursor:pointer; line-height:normal; width:20px; height:20px; text-align:center; line-height:16px; border-radius:50%;}
.uploadImageList li .removeImgBtn:hover, .uploadImageList li .removeImgBtn:focus{color:#fff;}
.uploadImageGallery label input{display:none;}
.uploadImageGallery label{width:100%; height:100%; cursor:pointer; text-align:center; color:#ccc; font-size:50px;}
.AddEvent{display:inline-block; width:100%;}
.inputstart {
  width: 200px;
}
#working_day {
  margin-top: 18px;
}
span.toggle-indicator {
  display: none !important;
}
label.accountdetails {
  color: red;
}



.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2ab934;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on {
  display: none;
}

.on {
  left: 34%;
}

.off {
  left: 60%;
}

.on,
.off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;

  /* left: 50%; */
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+.slider .on {
  display: block;
}

input:checked+.slider .off {
  display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.closebutton {
font-size: 23px;
color: red;
font-weight: bolder;
border-radius: 64px;
cursor: pointer;
padding: 7px 13px;
}
/* .messageEndUser.success {
background: green;
color: #ffff;
padding: 8px 15px;
}
.messageEndUser.error {
background: #dc3232;
color: #fff;
padding: 8px 7px;
box-shadow: navajowhite;
margin: 0;
box-shadow: none !important;
border-left-width: 0;
} */
.global-order-gift {
color: red;
font-size: 20px;
font-weight: bold;
}

.messageEndUser{
font-size: 20px;
font-weight: bolder;
}


.table .success {
color: green !important;
font-weight: bolder;
text-transform: capitalize;
}
.table .pending {
color: rgb(148, 7, 21) !important;
font-weight: bolder;
text-transform: capitalize;
}

.pac-container.pac-logo {
z-index: 9999 !important;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
.default-card {
  background: #004cff8f;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.edit-card {
  background: green;
  color: #fff;
  padding: 3px 11px;
  border-radius: 3px;
}
.deleteCardButton{
  background: maroon;
  color: #fff;
  padding: 3px 11px;
  border-radius: 3px;
}
.setDefaultCardButton {
  background: #2c9aeb;
  color: #fff;
  padding: 3px 11px;
  border-radius: 3px;
}
.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;

  
}
div#wpbody {
  overflow: hidden;
}
.loading-button {
padding: 30px;
font-size: 20px;
font-weight: 600;
}
.loaderFund {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: #fff;
  
}


#loaderInd {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
#loader2 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
#loader3 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

#loader-text {
  margin-top: 10px;
}
.form-field.select-time-slot th label , .form-field.gift-details label {

font-size: 18px;
color: #000;

font-weight: bold;
}
.notification-icon .ab-icon {
  position: relative;
  width: 32px;
  height: 32px;
}

.notification-icon .notification-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 50%;
}
.ab-item {
height: auto !important;
}
.users_id.column-users_id {
text-transform: capitalize;
}
.created_by_id.column-created_by_id {
text-transform: capitalize;
}
.created_by.column-created_by {
text-transform: capitalize;
}
.user_type.column-user_type {
text-transform: capitalize;
}
.vendor_id_name.column-vendor_id_name {
text-transform: capitalize;
}

.orders-modal .modal-dialog {
  width: 100%;
  max-width: 800px;
  z-index: 999999;

}
#customError {
padding: 8px 3px;
}
#customError a {

margin: 7px;
}

.orders-modal {padding: 0px !important; }
.orders-modal .modal-dialog {width: 100%;max-width: 700px;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;}
.orders-modal .modal-content-outer {position: relative;}
.orders-modal .modal-content {width: 100%;background-color: initial;border: none;padding: 0;max-height: 80vh;overflow-y: auto;}
.orders-modal .modal-dialog .modal-header {background: #0073aa;color: #fff;padding: 10px 15px;font-size: 16px;}
.orders-modal .modal-dialog .modal-title {margin: 0;  }
.orders-modal .modal-dialog .modal-body {overflow: scroll;}
.orders-modal .table {width: 700px;}
.orders-modal .modal-dialog .modal-title {margin: 0;}
.orders-modal .table thead {box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.3);}
.orders-modal .modal-dialog table th {font-size: 13px;color: #333;font-weight: 500;min-width: 70px;padding: 5px;}
.orders-modal .modal-content-outer .close, .editname-modal .modal-content-outer .btn-close {background: #000;color: #fff;border: none;width: 25px;height: 25px;border-radius: 25px;font-size: 18px;line-height: 20px;position: absolute;right: -10px;top: -10px;cursor: pointer;}
.form-field.location-label label {
font-size: 20px;
text-transform: uppercase;
}
.vendor-onboard .select2 {
width: 36% !important;
}
.form-field.select-time-slot th {
width: auto !important;
}
#addRow {background: #0073aa;color: #fff;padding: 5px 10px;font-size: 14px;border-radius: 3px;cursor: pointer;}
#events_form_meta_box .delete {

border-radius: 50%;
background: #ef4040;
color: #fff;
padding: 9px;
cursor: pointer;
display: flex;
align-items: center;
width: 35px;
height: 35px;
font-size: 29px;
margin-left: 12px;
}

#occationtype-table .status.column-status {
text-transform: capitalize;
}
.status.column-status {
text-transform: capitalize;
}

.zipcode_wrap td {display: flex;align-content: center;justify-content: flex-start;}
.zipcode_wrap input {width: 230px;margin: 0;border-radius: 4px 0px 0px 5px;}
.zipcode_wrap .delete {    background: #ef4040;
color: #fff;
padding: 9px;
cursor: pointer;
display: flex;
align-items: center;
width: 35px;
height: 35px;
font-size: 29px;
margin-left: 12px;}
.contributor-modal .table {width: 100%;}
.contributor-modal .modal-body {height: 500px;  }

.updateStatus {
color: #fff;
background: #000;
font-size: 9px;
padding: 4px 0px;
cursor: pointer;
}

.top-btns-wrap {
  padding: 7px 15px;
  background: #f7f7f7;
  display: flex;
align-items: center;
justify-content: space-between;
}
.top-select-wrap .status-update-btn-group {
  background: #0073aa;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
}
.top-select-wrap .status-update-btn-group {
  background: #0073aa;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
}

.status-update-btn-global , .status-update-btn{
  background: #0073aa;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
}


.top-select-wrap {
  display: flex;
  justify-content: flex-start;
}
.top-btns span {
  font-size: 14px;
  padding: 0 10px;
  font-weight: 400;
  cursor: pointer;
  border-right: 1px solid #0073aa;
  color: #0073aa;
}
.top-btns span:hover {
  color: #00a0d2;
}
.top-btns a {
  font-size: 14px !important;
  margin-left: 10px;
}
.message-border {
  padding: 0 10px;
}
.message-border p {
  font-size: 14px !important;
}

.stripe_activating_link_span {
  background: #000;
  padding: 13px 15px;
  color: #fff;
  height: 42px !important;
  cursor: pointer;
}
.contributions-modal .modal-body {
  padding: 15px;
}
.contributions-modal .form-group {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.contributions-modal label {
  min-width: 250px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
}
.contributions-modal input, .contributions-modal select {
  width: 300px;
}
.contributions-modal input[type="radio"] {
  width: auto;
}
.contribution-submit-wrap{margin-top: 15px;}
.contribution-submit-wrap span{cursor: pointer;}
.contribution-submit-wrap .submitButton {
  background: #0073aa;
  color: #fff;
  padding: 7px 20px;
  display: inline-block;
  font-size: 15px;
  border-radius: 5px;
}
.payment-option-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.payment-option-wrap .payment-option {
  margin-right: 20px;
}
.total-gifts-wrap .top-heading {
  font-size: 17px;
  padding: 7px 15px;
  background: #f3f3f3;
  margin: 0;
}
.total-gifts-wrap .table {
  width: 100%;
  margin-bottom: 20px;
}
.total-gifts-wrap .modal-dialog {
  max-width: 500px;
}
.total-gifts-wrap .modal-body{max-height: 360px;}
.total-gifts-wrap .table thead {
  box-shadow: none;
}
.total-gifts-wrap th {
  background: #0073aa1f;
  padding: 7px 10px !important;
}
.events-form-outer .form-table th {
  min-width: 200px;
}
.events-form-outer .form-table .addCity {
  background: #0073aa;
  padding: 9px 15px 5px;
  display: inline-block;
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  border-radius: 3px;
}


.addNeighbourhood{
  background: #0073aa;
  padding: 9px 15px 5px;
  display: inline-block;
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  border-radius: 3px;
}

.gift-messgae-title {
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px;
}

.individual_gifts .status.column-status .make-it-grey {
  background:#f1951f;
}
.make-it-grey {
  color: #fff;
  
  padding: 4px 10px;
  /* background-color: red; */
}
.make-it-blue , .make-it-green , .makeit-accepted , .make-it-cancelled{
  color: #fff;
  padding: 4px 10px;
}
.individual_gifts .status.column-status .make-it-blue {
  background:#431ff1;
}

.individual_gifts .status.column-status .make-it-green {
  background:#27c022;
}

.individual_gifts .status.column-status .makeit-accepted {
  background:#f39262;
}

.individual_gifts .status.column-status .make-it-cancelled {
  background: #e20510;
}



 .group_gifts .status.column-status .make-it-blue {
  background:#431ff1;
}

.group_gifts .status.column-status .make-it-green {
  background:#27c022;
}

.group_gifts .status.column-status .makeit-accepted {
  background:#f39262;
}

.group_gifts .status.column-status .make-it-cancelled {
  background: #e20510;
}


.global_fund_order_gift .status.column-status .make-it-blue {
  background:#f1bc1f;
}

.global_fund_order_gift .status.column-status .make-it-green {
  background:#27c022;
}

.global_fund_order_gift .status.column-status .makeit-accepted {
  background:#f39262;
}

.global_fund_order_gift .status.column-status .make-it-cancelled {
  background: #e20510;
}
.wrap.scroll-bar-history {
  overflow: scroll;
}
.table-view-list th{
min-width: 115px !important;
width: 115px;
}

.customer-modal .modal-dialog {
  width: 100%;
  max-width: 490px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.customer-modal .modal-dialog .modal-body {
  height: auto;
  overflow: initial;
}
.orders-modal .action-status-wrap {
  min-width: 100px;
}
.orders-modal .action-status-wrap .updateStatus {
  background: #0073aa;
  font-size: 12px;
  padding: 5px 7px;
  border-radius: 3px;
}
.btn.btn-info.btn-sm.whatsapp img {
  height: 26px;
  padding: 2px;
}
.column-share_link .btn.whatsapp:focus {
  box-shadow: none;
}

p.search-box {
  float: left !important;
  margin: 0;
  padding-right: 4px;
}

#group_gift-table, #global_fund_order_gift-table , #individual_gift-table , #group_gift-table-orders , #global_fund-table , #users-table , #vendors-table , #grouptypes-table{
  overflow: scroll;
}
table.group_gifts td, table.group_gifts th, table.global_fund_order_gift td, table.global_fund_order_gift th ,  table.individual_gifts td, table.individual_gifts th {
  min-width: 115px !important;
  width: 115px;
}
table.group_gifts th, table.global_fund_order_gift th ,   table.individual_gifts th  {
  word-break: break-word;
}
.form-field.gift-details th {
  width: 15%;
}
.gift_Delivery.column-gift_Delivery {
  text-transform: capitalize;
}
.gift-notes-wrap{padding: 15px;}
.gift-notes-wrap .notes-label-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.gift-notes-wrap .notes-label-wrap label {
  font-size: 13px;
  font-weight: 600;
}
.gift-notes-wrap .notes-label-wrap textarea {
  width: 100%;
  max-width: 80%;
}
.gift-notes-submit {
  text-align: right;
}
.gift-notes-submit .notes-btn-group {
  padding: 7px 15px;
  background: #0073aa;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}
.gift-notes-submit .notes-btn-group-orders {
  padding: 7px 15px;
  background: #0073aa;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}






.close.column-close {
  float: left;
}
.add-recepients #recipientTable td {
  padding: 0;
  margin-bottom: 10px !important;
  display: inline-block;
}
.add-recepients #recipientTable td input {
  width: 100%;
  border-radius: 5px 0 0 5px;
}
.add-recepients #recipientTable td .delete {
  background: #f50000;
  border: none;
  color: #fff;
  padding: 6px 15px;
  border-radius: 0px 5px 5px 0;
}
.add-recepients #addRow {
  padding: 10px 15px 7px;
  display: inline-block;
}
/* .pay-meth-wrap {
  display: flex;
} */
.pay-meth-wrap .form-group {
  width: 100%;
  max-width: 200px;
}
.form-row.pay-meth-wrap .form-control {
  width: 95% !important;

}
.gift-message-upper .message-border {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.gift-message-upper .message-border .message-label {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  padding: 8px 20px 8px 0px;
}
.msg-submit-wrap {
  width: 100%;
  max-width: 80%;
}
.msg-submit-wrap #messageText, .msg-submit-btns #editInput {
  border: 1px solid #7e8993;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 14px !important;
  min-height: 50px;
  margin: 0;
}
.msg-submit-btns #editInput{width: 100%;}
.msg-submit-btns {
  text-align: end;
}
.msg-submit-btns span {
  padding: 7px 15px;
  background: #0073aa;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}


.message-btns {max-width: 500px;width: 100%;display: flex;align-items: center;justify-content: flex-start;}
.message-btns p.message-text-upper {margin-right: 30px;margin-bottom: 0}
.message-btns span.edit-link, .message-btns .update-button-message, .message-btns .cancel-button-message { background: #0073aa;color: #fff;padding: 6px 15px 5px;border-radius: 3px;font-size: 13px;margin: 0 5px;cursor: pointer;}
.message-btns .cancel-button-message {background: #d30303;}
.message-btns span.edit-link {background: #545454;}
.message-btns.update-section {flex-flow: wrap;justify-content: flex-end;max-width: 80%;}
.message-btns.update-section textarea {width: 100%;margin-bottom: 5px;}
.message-btns.update-section .cancel-button-message {margin-right: 0;}
.message-btns.update-section .update-button-message, .message-btns.update-section .cancel-button-message {padding: 7px 15px;font-size: 14px;}

#toplevel_page_group_gift ul {
display: none;
}

#toplevel_page_individual_gift ul {
display: none;
}



/* #toplevel_page_vendors ul {
display: none;
} */

#toplevel_page_delivery_time_slots ul {
display: none;
}

#toplevel_page_delivery ul {
display: none;
}

#toplevel_page_shipping ul {
display: none;
}

#toplevel_page_giftmin ul {
display: none;
}
#toplevel_page_giftcuttofftime_cancelfees ul {
display: none;
}

#toplevel_page_occationtype ul {
display: none;
}
/* #toplevel_page_category ul li:nth-last-child(-n+2) {
display: none;
} */

#toplevel_page_grouptype ul {
display: none;
}

#toplevel_page_sendertypes ul {
display: none;
}
#toplevel_page_location ul li:nth-last-child(-n+3) {
display: none;
}
#toplevel_page_contributors_order_gift_form {
display: none;
}

#toplevel_page_events ul {
display: none;
}

#toplevel_page_vendors ul {
display: none;
}


#tinymce {
max-width: max-content !important;
}

.message-btns-update-section {
font-size: 16px;
padding: 3px 14px;
margin: 6px;
background: #4145da;
border: 1px solid #4145da;
color: #fff;
border-radius: 3px;
cursor: pointer;
}

.customerSearch input {
padding: 1px 13px;
}

.customerSearch .button-secondary {
background:#4145da;
border: 1px solid #4145da;
color: #fff;
}

#wp-editsometxt-wrap {
padding-bottom: 12px;
margin-bottom: 12px;
}
#wpfooter .modal-content {
box-sizing: initial;
box-shadow: none;
border: none;
}
#wpfooter .modal-content .close {
opacity: 100;
}

.all-orders .modal-dialog .modal-body table {
  max-width: 70%;
  margin: auto;
  text-align: center;
}
.all-orders .modal-dialog .modal-body table tr td:first-child {
  text-align: right;
  padding-right: 6px;
}
.all-orders .modal-dialog .modal-body table tr td {
  text-align: left;
  padding: 8px 0;
}
.top_logo {
  max-width: 250px;
  margin: auto;
}
.top_logo img {
  width: 100%;
}
.mysettings_wrap .form-table td label {min-width: 70px;display: inline-block; font-weight: 600;}
.mysettings_wrap .form-table td input {margin-bottom: 10px;min-width: 300px;}
.groupGift_table .amountsuggested {font-size: 14px;color: #077007;margin: 0px 20px 5px 0;font-weight: 600;display: inline-block;}
.groupGift_table .contributor_contributer_amount {max-width: 500px;display: block;}


.required {
margin: 5px 0 15px;
border-left-color: #dc3232;
background: #fff;
padding: 4px 12px;
background: red;
width: 22%;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.emailfund {
padding-left: 20px;
color: red;
}

.popup {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}





/* Style for popup message */
#popup-message {
margin-bottom: 10px;
}
.popup-content #popup-message {
text-align: center;
color: #333;
font-size: 18px;
font-weight: 00;
}
.popup-content .close {
background: #000;
color: #fff;
border: none;
width: 25px;
height: 25px;
border-radius: 25px;
font-size: 18px;
line-height: 20px;
position: absolute;
right: -10px;
top: -10px;
text-align: center;
}
.popup-content {
background-color: white;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
width: 400px;
}
.popup-content .close:hover {
color: #fff;
}

.popup-content .close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

.editable-name {
cursor: pointer;
color: #11a7ca;
}
.contribution-modal .modal-body {
position: relative;
}
.contribution-modal .modal-body .editname-modal .modal-dialog {
max-width: 500px;
}
.editname-modal .modal-body {
padding: 20px 20px 10px;
}
.editname-modal .modal-body input {
width: 100%;margin-bottom: 10px;
}
.editname-modal .modal-footer {
text-align: center;
margin-bottom: 10px;
}
.editname-modal .modal-footer .btn-save {
background: #0073aa;
padding: 10px 20px;
border: none;
color: #fff;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
}
.editname-modal .modal-footer .btn-save:hover {
background: #077eb6;
}
.contribution-modal.add-space .modal-body {
min-height: 50vh;
}
.contribution-modal.add-space .modal-body .modal-body {
min-height: initial;
}

.email-popup .close {
position: absolute;
right: -10px;
top: -10px;
}
.email-popup #customerForm {
background: #0073aa;
border: none;
color: #fff;
padding: 8px 20px;
font-size: 15px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
}
.gift_type.column-gift_type {
text-transform: capitalize;
}
.selected-user-list .select2 {
width: 100% !important;
}

.vendor-user-list .select2 {
width: 100% !important;
}


.selected-category-list .select2 {
width: 100% !important;
}

.selected-occasion-list .select2 {
width: 100% !important;
}

.selected-neighborhooddata-list .select2 {
width: 100% !important;
}


.selected-countries-list .select2 {
width: 100% !important;
}

.selected-city-list .select2 {
width: 100% !important;
}



#vacationss_form_meta_box .form-control {
width: 100%;
}


#vendors_form_meta_box .form-control , #users_form_meta_box  .form-control:focus , .group-gift-onboarding .form-control{
color: #475F7B;
background-color: #FFF;
border-color: #5A8DEE;
outline: 0;
box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}

#vendors_form_meta_box .form-control , #users_form_meta_box   .form-control , .customers-login .form-control , .update_vendor_profile .form-control , .group-gift-onboarding .form-control , .individual-gift-section .form-control  , .global-fund-section .form-control , .global-order-gift-section .form-control , .vendoronboarding .form-control , .events-form-outer .form-control{
display: block;
width: 36% !important;
height: 34px;
padding: 21px 12px !important;
font-size: 14px;
line-height: 1.42857143 !important;
color: #555 !important;
background-color: #fff !important;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
#vendors_form_meta_box .form-control , #users_form_meta_box  .form-control:focus-visible {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control-phone{
padding-left: 82px;
height: 42px;
width: 100% !important;
line-height: 1.42857143 !important;
color: #555 !important;
background-color: #fff !important;
background-image: none;
border: 1px solid #ccc !important;
}
.iti--allow-dropdown {
width: 36% !important;
}
.select-box-design {
width: 36%;
height: 42px;
border: 1px solid #ccc !important;
}
.select-box-design:focus{
color:#32373c !important;
border: 1px solid #ccc !important;
}


.new-modal .modal-dialog .modal-header {
background: #0073aa;
color: #fff;
padding: 10px 15px;
font-size: 16px;
}

.new-modal .modal-content {
width: 100%;
background-color: initial;
border: none;
padding: 0;
max-height: 80vh;
overflow-y: auto;
}
.new-modal  .modal-dialog .modal-body {
height: auto;
overflow: initial;
}
.new-modal .modal-content-outer {
position: relative;
}

.new-modal .modal-dialog {
width: 100%;
max-width: 500px;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
}

#modal-ok , #modal-ok-group   {
background: #0073aa;
border: none;
color: #fff;
padding: 8px 20px;
font-size: 15px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
font-weight: 600;
}

#modal-cancel {
background: #e81919;
border: none;
color: #fff;
padding: 8px 20px;
font-size: 15px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
font-weight: 600;
}

.new-modal p {
font-size: 18px;
font-weight: bold;
}

.buttons-section {
width: 100%;
text-align: center;
}

.new-modal p.error {
color: red;
font-size: 15px;
}


.customers-login .iti--allow-dropdown {
width: 96% !important;
}

.customers-login .modal-dialog {
width: 700px;
margin: 30px auto;
}

.messageEndUser.error {
font-size: 14px;
color: red;
}

.messageEndUser.updated {
font-size: 14px;
}

.customers-login .modal-content{
padding: 0;
}

.customers-login .modal-dialog .modal-header {
background: #0073aa;
color: #fff;
padding: 10px 15px;
font-size: 16px;
}

.customers-login .form-control{
width: 96% !important;
}


#signupForm .iti--allow-dropdown , #vendor_request_form .iti--allow-dropdown {
width: 100% !important;
}

.customerModal.fade {
opacity: 1 !important;
}

.list-group-item span {
text-transform: capitalize;
font-size: 16px;
}
.list-group-item button {
float: right;
}

.customerModal .modal-dialog .modal-header {
background: #0073aa;
color: #fff;
padding: 10px 15px;
font-size: 16px;
}

.customerModal .modal-content{
padding: 0;
}

.modal.fade.customerModal .close {
background: #000;
color: #fff;
border: none;
width: 25px;
height: 25px;
border-radius: 25px;
font-size: 18px;
line-height: 20px;
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
opacity: 1;
}

.group-gift .code {
min-width: 190px;
}

.avatar-img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}
.avatar-title {
width:100%;
height:100%;
background-color:#6861ce;
color:#fff;
display:flex;
align-items:center;
justify-content:center
}
.avatar-away::before,
.avatar-offline::before,
.avatar-online::before {
position:absolute;
right:0;
bottom:0;
width:25%;
height:25%;
border-radius:50%;
content:'';
border:2px solid #fff
}
.avatar-online::before {
background-color:#31ce36
}
.avatar-offline::before {
background-color:#97a2b1
}
.avatar-away::before {
background-color:#ffad46
}
.avatar {
width:3.2rem;
height:3.2rem
}
.avatar .border {
border-width:3px!important
}
.avatar .rounded {
border-radius:6px!important
}
.avatar .avatar-title {
font-size:18px
}
.avatar-xs {
width:1.95rem;
height:1.95rem
}
.avatar-xs .border {
border-width:2px!important
}
.avatar-xs .rounded {
border-radius:4px!important
}
.avatar-xs .avatar-title {
font-size:12px
}
.avatar-xs.avatar-away::before,
.avatar-xs.avatar-offline::before,
.avatar-xs.avatar-online::before {
border-width:1px
}
.avatar-sm {
width:2.75rem;
height:2.75rem
}
.avatar-sm .border {
border-width:3px!important
}
.avatar-sm .rounded {
border-radius:4px!important
}
.avatar-sm .avatar-title {
font-size:15px
}
.avatar-sm.avatar-away::before,
.avatar-sm.avatar-offline::before,
.avatar-sm.avatar-online::before {
border-width:2px
}
.avatar-lg {
width:3.95rem;
height:3.95rem
}
.avatar-lg .border {
border-width:3px!important
}
.avatar-lg .rounded {
border-radius:8px!important
}
.avatar-lg .avatar-title {
font-size:24px
}
.avatar-lg.avatar-away::before,
.avatar-lg.avatar-offline::before,
.avatar-lg.avatar-online::before {
border-width:3px
}
.avatar-xl {
width:5.2rem;
height:5.2rem
}
.avatar-xl .border {
border-width:4px!important
}
.avatar-xl .rounded {
border-radius:8px!important
}
.avatar-xl .avatar-title {
font-size:28px
}
.avatar-xl.avatar-away::before,
.avatar-xl.avatar-offline::before,
.avatar-xl.avatar-online::before {
border-width:4px
}
.avatar-xxl {
width:5.325rem;
height:5.325rem
}
.avatar-xxl .border {
border-width:6px!important
}
.avatar-xxl .rounded {
border-radius:8px!important
}
.avatar-xxl .avatar-title {
font-size:30px
}
.avatar-xxl.avatar-away::before,
.avatar-xxl.avatar-offline::before,
.avatar-xxl.avatar-online::before {
border-width:4px
}
select#countrySelect , select#citySelect ,select#neighborhoodSelect {
padding: 0 8px !important;
height: 44px !important;
}
.d-flex-wrap{
align-items: center;
display: flex;
}
.pt-wrap-4{
padding-top: 14px;
}
@media (min-width:768px) {
.avatar-xxl {
  width:8rem;
  height:8rem
}
.avatar-xxl .border {
  border-width:4px!important
}
.avatar-xxl .rounded {
  border-radius:12px!important
}
.avatar-xxl .avatar-title {
  font-size:42px
}
.avatar-xxl.avatar-away::before,
.avatar-xxl.avatar-offline::before,
.avatar-xxl.avatar-online::before {
  border-width:4px
}
}
.avatar-group {
display:inline-flex
}
.avatar-group .avatar+.avatar {
margin-left:-.75rem
}
.avatar-group .avatar-xs+.avatar-xs {
margin-left:-.40625rem
}
.avatar-group .avatar-sm+.avatar-sm {
margin-left:-.625rem
}
.avatar-group .avatar-lg+.avatar-lg {
margin-left:-1rem
}
.avatar-group .avatar-xl+.avatar-xl {
margin-left:-1.28125rem
}
.avatar-group .avatar:hover {
z-index:1
}

.widget.widget-card-five {
padding: 25px 23px;
background-color: #fff;
overflow: hidden;
}
.widget {
position: relative;
padding: 0;
border-radius: 6px;
border: 1px solid #e0e6ed;
box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
}

.widget.widget-card-five .account-box .info-box {
display: flex;
justify-content: space-between;
}

.widget.widget-card-five .account-box .info-box .icon::before {
content: "";
background: #f2eafa;
position: absolute;
top: -29px;
left: -34px;
height: 150px;
width: 150px;
border-radius: 50%;
}

.widget.widget-card-five .account-box .info-box .icon span {
display: inline-block;
position: absolute;
top: 12px;
left: -1px;
}

.widget.widget-card-five .account-box .info-box .icon span img {
width: 90px;
height: 90px;
}
.widget.widget-card-five .account-box .info-box .balance-info {
text-align: right;
}
.widget.widget-card-five .account-box .info-box .balance-info h6 {
margin-bottom: 0;
font-size: 17px;
color: #e95f2b;
}
.widget.widget-card-five .account-box .info-box .balance-info p {
margin-bottom: 0;
font-size: 25px;
font-weight: 700;
color: #0e1726;
}
.widget.widget-card-five .account-box .card-bottom-section {
display: flex;
justify-content: space-between;
margin-top: 82px;
align-items: end;
}

.badge-light-success {
color: #00ab55;
background-color: #ddf5f0;
border: 1px solid #ddf5f0;
}
.badge svg {
width: 15px;
height: 15px;
vertical-align: top;
margin-right: 3px;
}

.widget.widget-card-five .account-box .card-bottom-section a {
font-weight: 600;
border-bottom: 1px dashed;
color: #304aca;
}
.modal{
z-index: 9999 !important;
}

.customer-modal-pay .modal-dialog {
width: 100%;
max-width: 650px;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
}

.customer-modal-pay .form-group {
margin-bottom: 10px;
display: flex;
align-items: center;
}

.customer-modal-pay label {
min-width: 250px;
display: inline-block;
font-weight: 500;
font-size: 14px;
}

.customer-modal-pay input, .customer-modal-pay select {
width: 300px;
}

.payment-option-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}

.customer-modal-pay input[type="radio"] {
width: auto;
}


.customer-modal-pay .modal-dialog .modal-body {
overflow: scroll;
}
.customer-modal-pay .modal-body {
padding: 15px;
height: auto;
}

.submit-payment {
background: #0073aa;
color: #fff;
padding: 8px 15px;
font-size: 14px;
cursor: pointer;
}


.customer-modal-pay .modal-footer {
display: inline-flex;
}

.form-control.delivery-date {
padding: 15px 12px 30px 12px !important;
margin-right: 10px;
}


/* Select2 dropdown padding */
.group-gift-onboarding .select2-selection.select2-selection--single,
.individual-gift-section .select2-selection.select2-selection--single ,
.global-order-gift-section .select2-selection.select2-selection--single ,
.global-fund-section .select2-selection.select2-selection--single , .events-form-outer .select2-selection.select2-selection--single {
padding: 7px 0px 35px;
}

/* Style the radio buttons */
.group-gift-onboarding input[type="radio"],
.global-order-gift-section input[type="radio"],
.individual-gift-section input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 22px;
height: 22px;
border: 2px solid #555;
border-radius: 50%;
outline: none;
cursor: pointer;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

/* Style the radio buttons when checked */
.group-gift-onboarding input[type="radio"]:checked,
.global-order-gift-section input[type="radio"]:checked,
.individual-gift-section input[type="radio"]:checked {
background-color: #007bff;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

/* Inner circle for checked state */
.group-gift-onboarding input[type="radio"]:checked::before,
.global-order-gift-section input[type="radio"]:checked::before,
.individual-gift-section input[type="radio"]:checked::before {
content: '';
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: white;
margin: 3px;
}


/* Style the labels */
.group-gift-onboarding label , .individual-gift-section label , .global-fund-section label , .global-order-gift-section label{
margin-left: 8px;
font-size: 16px;
color: #555;
cursor: pointer;
margin-right: 20px;
}

/* Align radio buttons and labels horizontally */
/* td {
display: flex;
align-items: center;
} */

/* Add spacing between each radio button and label */
.group-gift-onboarding label + input[type="radio"] {
margin-left: 20px;
}


/* Style the checkbox */
.group-gift-onboarding input[type="checkbox"],
.global-order-gift-section input[type="checkbox"],
.individual-gift-section input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #007bff;
border-radius: 4px;
background: white;
cursor: pointer;
position: relative;
outline: none;
transition: background 0.3s, border-color 0.3s;
}


/* Checkmark for the checkbox */
.group-gift-onboarding input[type="checkbox"]:checked::before,
.global-order-gift-section input[type="checkbox"]:checked::before,
.individual-gift-section input[type="checkbox"]:checked::before {
content: '\2713'; /* Unicode checkmark */
font-size: 16px;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}


/* Background change on check */
.group-gift-onboarding input[type="checkbox"]:checked,
.global-order-gift-section input[type="checkbox"]:checked,
.individual-gift-section input[type="checkbox"]:checked {
background-color: #007bff;
border-color: #007bff;
}

/* Style the label */
.group-gift-onboarding .checkbox-design label,
.global-order-gift-section .checkbox-design label,
.individual-gift-section .checkbox-design label {
font-size: 16px;
color: #555;
cursor: pointer;
margin-left: 8px;
margin-right: 20px;
display: flex;
align-items: center;
}

/* Add spacing between checkbox and label */
.group-gift-onboarding label input[type="checkbox"],
.global-order-gift-section label input[type="checkbox"], 
.individual-gift-section label input[type="checkbox"] {
margin-right: 8px;
}


/* Styling for the entire row */
tr.recipient-details {
background-color: #f9f9f9;
border-top: 2px solid #007bff;
border-bottom: 2px solid #007bff;
}

/* Styling for the label (th) */
tr.recipient-details th {
font-weight: bold;
font-size: 16px;
color: #333;

}

/* Styling for the content (td) */
td.recipient-details-content {
padding: 10px 15px;
font-size: 14px;
color: #555;
}

/* Add some spacing between elements in the content */
td.recipient-details-content > * {
margin-bottom: 10px;
}

/* Optional: Add a subtle shadow */
tr.recipient-details {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.customerSearch {
display: flex;
align-items: center; /* Vertically center items */
}

/* Style for the input text */
.customerSearch input[type="text"] {
margin-right: 10px; /* Space between input and button */
padding: 10px; /* Padding for better appearance */
}

/* Style for the search button */
.customerSearch input[type="button"] {
padding: 6px 15px; /* Padding for button */
border: none; /* Remove default border */
background-color: #007bff; /* Button background color */
color: white; /* Text color */
cursor: pointer; /* Pointer cursor on hover */
border-radius: 4px; /* Rounded corners */
transition: background-color 0.3s ease; /* Smooth transition for background color */
}

/* Button hover effect */
.customerSearch input[type="button"]:hover {
background-color: #0056b3; /* Darker background color on hover */
color: #fff;
}

/* Style for the error message */
#customError {
margin-top: 10px; /* Space above the error message */
color: red; /* Error message color */
}

/* Style for the span as a button */
.message-btns-update-section {
display: inline-block;
padding: 10px 20px; /* Padding around the text */
font-size: 16px; /* Font size for better readability */
font-weight: bold; /* Make text bold */
color: #fff; /* Text color */
background-color: #007bff; /* Background color */
border-radius: 4px; /* Rounded corners */
border: 1px solid #007bff; /* Border matching the background color */
cursor: pointer; /* Pointer cursor on hover */
text-align: center; /* Center text alignment */
transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

/* Hover effect */
.message-btns-update-section:hover {
background-color: #0056b3; /* Darker background color on hover */
border-color: #0056b3; /* Matching border color on hover */
}

/* Focus effect (for accessibility) */
.message-btns-update-section:focus {
outline: none; /* Remove default outline */
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); /* Add custom focus outline */
}
#select-tm-slot121 {
padding: 16px 12px 26px !important;
}

.custom-textarea-row th {
padding: 10px;
text-align: left;
}

.custom-textarea {
width: 36% !important;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
font-size: 14px;
resize: vertical; /* Allows the user to resize the textarea vertically */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-textarea:focus {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
outline: none;
}

.custom-textarea::placeholder {
color: #888;
font-style: italic;
}


.image-row th {
padding: 10px;
text-align: left;
}

.image-display, .image-upload-section {
padding: 10px;
vertical-align: middle;
}

.preview-image {
width: 100px;
height: auto;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-right: 10px;
}

.inner-addition {
display: flex;
align-items: center;
gap: 15px;
}

.upload-input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
font-size: 14px;
cursor: pointer;
}

.upload-input:hover {
background-color: #e9e9e9;
}
.save-wrap-change {
padding: 8px;
text-align: center;
}
#business_image_preview {
display: none;
width: 150px;
height: auto;
margin-top: 10px;
}

.form-control.delivery_date {
padding: 15px 12px 30px 12px !important;
}

.simcha-fund-heading {
display: inline-block;
align-items: center;
justify-content: space-between;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 10px;
}

.simcha-fund-heading .back-to-list {
font-size: 16px;
color: #555;
text-decoration: none;
margin-right: 20px;
margin-left: 20px;
background: #ddd;
padding: 8px 12px;
border-radius: 6px;
text-decoration: none !important;
}

.simcha-fund-heading .back-to-list:hover {
text-decoration: underline;
color: #0073aa;
}
.save-wrap-change button {
background: #0073aa;
color: #fff;
padding: 8px 16px;
border: 0;
border-radius: 5px;
}
.simcha-fund-heading .add-customers-btn {
background-color: #17a2b8;
border: none;
padding: 8px 12px;
color: white;
font-size: 16px;
border-radius: 4px;
text-transform: capitalize;
transition: background-color 0.3s;
}

.simcha-fund-heading .add-customers-btn:hover {
background-color: #138496;
}

.vendoronboarding .form-control{
width: 36% !important;
}
.card-modal .py-4 label{
line-height: 3;
}
.vendoronboarding .select-box-design {
width: 36% !important;
}
.card-modal .py-4 {
padding: 8px;
display: flex;
align-content: center;
justify-content: space-between;
}
.card-modal .w-100{
width: 75%;
}
.custom-textarea {
width: 100%; /* Full width */
padding: 10px; /* Padding inside the textarea */
border-radius: 5px; /* Rounded corners */
border: 1px solid #ccc; /* Border color */
font-size: 14px; /* Font size */
font-family: Arial, sans-serif; /* Font family */
resize: vertical; /* Allows vertical resizing */
min-height: 100px; /* Minimum height */
}

/* Optional: Add focus effect */
.custom-textarea:focus {
border-color: #0073aa; /* Change border color on focus */
box-shadow: 0 0 5px rgba(0, 115, 170, 0.5); /* Add shadow on focus */
outline: none; /* Remove default outline */
}

.add-zip-btn {
display: inline-block;
margin: 10px 0;
padding: 5px 10px;
background-color: #0073aa;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}

.zipcode-wrap {
display: flex;
align-items: center;
margin-bottom: 10px;
}

.zipcode-input {
padding: 5px;
width: 200px;
margin-right: 10px;
}

.delete-icon {
cursor: pointer;
font-size: 18px;
color: #ff0000;
padding: 2px 5px;
border-radius: 50%;
background-color: #f0f0f0;
}

.delete-icon:hover {
background-color: #ffdddd;
}

.stripe-activate-link{
display: flex;
align-items: center;
}
.banner-block-wrap{
display: block !important;
}

.input-search-box {
display: flex;
}
.input-icon-wrapper {
position: relative;
width: 36%;
}

.input-icon-wrapper input {
padding-right: 40px; /* Adjust padding to make space for the icons */
}

.input-icon-wrapper .fa {
position: absolute;
right: 10px; /* Space between icon and input's right edge */
top: 50%;
transform: translateY(-50%);
pointer-events: none; /* Icons won't interfere with input interactions */
color: #495057;
}

.input-icon-wrapper .fa-calendar {
right: 30px; /* Position the calendar icon slightly to the left of the caret icon */
}
span.select2.select2-container.select2-container--default {
width: 36% !important;
}
.input-icon-wrapper .fa-caret-down {
right: 10px; /* Position the caret icon */
}
#reportrange {
width: 100% !important;
}
.add-receipients {
display: flex;
padding: 0 17px;
gap: 14px;
width: 60%;
}
.email-popup .select2-container {
width: 100% !important;
margin-bottom: 10px;
}
.email-popup .select2.select2-container.select2-container--default {
width: 100% !important;
}
.email-popup{
text-align: center;
}
@media (max-width: 767px) {
.select2-container {
width: 100% !important;
}
span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.customerSearch .form-control {
width: 100% !important;
}
#location {
width: 100% !important;
}
.add-receipients .form-control {
width: 100% !important;
margin-bottom: 12px;
/* display: table-footer-group; */
}
.events-form-outer .form-control{
width: 100% !important;
}
.input-icon-wrapper {
position: relative;
width: 100%;
}
.group-gift-onboarding .form-control , .individual-gift-section .form-control , .global-fund-section .form-control , .global-order-gift-section .form-control , #vendors_form_meta_box .form-control , .vendoronboarding .form-control{
width: 100% !important;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
width: 100% !important;
}
.vendoronboarding .select-box-design {
width: 100% !important;
}
#groupDetails {
width: 100% !important;
}
}

@media (max-width: 500px) {
.select2-container {
  display: initial;
}
}

#recipientTable input {
width: 100% !important;
}

#addRow {
padding: 8px 12px;
font-size: 14px;
margin: 12px 0;
}

#recipientTable td {
margin: 0 !important;
padding-left: 0;
}
#recipientTable span {
background: #d02a2a;
color: #fff;
font-size: 30px;
}

.groupGift_table .amountsuggested {
padding: 6px 0;
}

.contributors-page th {
width: 500px;
}

.alignleft.actions {
width: 100% !important;
}


.craetedat span {
color: red;
font-size: 15px;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
}

#addCustomerModal .close {
margin-top: -26px;
color: #000 !important;
}
#searchFundButton , #selectFundButton , #cancelFundSearch {
background: #337ab7;
padding: 6px 12px;
margin: 2px;
color: #fff;
text-decoration: none;
cursor: pointer;
}
#fundSearchInput {
margin-bottom: 12px;
}

.updatedAt span {
color: red;
font-size: 15px;

font-weight: bold;
font-style: italic;
text-transform: capitalize;
}

.group_gifts .status.column-status .makeit-accepted {
background: #f39262;
}

.make-it-accepted {
background: #f39262;
color: #fff;
padding: 4px 10px;
}

.usertype {
color: red;
font-weight: bold;
font-style: italic;
}
.emailadd {
color: #0073aa;
}
.reciepientnames input {
width: 33% !important;
margin-bottom: 13px;
}

.recipientModal.fade{
opacity: 1 !important;
}
#searchButton {
padding: 8px 15px;
border: none;
background-color: #007bff;
color: white;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s ease;
margin-top: 11px;
}
#customErrorReceipeints a {
padding: 8px 15px;
border: none;
background-color: #007bff;
color: white;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s ease;
margin-left: 11px;
/* margin-top: 11px; */
}

#customErrorReceipeints {
font-size: 19px;
color: red;
font-weight: bolder;
padding-right: 7px;

}

.search-box.group-gift {
width: 60% !important;
}
.search-box.group-gift #search {
width: 60%;
}
#dropdownContainer:hover .dropdown-menu {
display: block;
}
.open-stripe-payment {
background: #337ab7;
color: #fff;
padding: 9px 12px;
margin: 15px 0;
cursor: pointer;
}
.open-stripe-payment:hover {
color: #fff;
text-decoration: none;
}





/* Disable Form */
.disabled-form {
pointer-events: none;
opacity: 0.5;
}

.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
backdrop-filter: blur(5px); /* Blur effect */
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
visibility: hidden; /* Initially hidden */
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

.loading-overlay.active {
visibility: visible;
opacity: 1;
}

.loadertest {
width: 50px;
height: 50px;
border: 5px solid #ccc;
border-top: 5px solid #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.form-row.pay-meth-wrap input {
width: 300px !important;
}


.customerModal .modal-dialog {
	top: 100px;
}
.modal{
  background: rgba(0,0,0, 0.5);
}
.contributor-modal{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.customername {
	width: 100%;
	margin: 12px;
}

.recipientModal .modal-dialog {
  margin-top: 50vh; 
  transform: translateY(-50%);
}