/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.single-right {
  margin-top: 25px;
}

.donate-h6 {
  height: 74px;
  padding-right: 10px;
}

.need-inr span, .volunteer-side-bar a {
  font-size: 17px;
  color: #082eb5;
}

.need-inr span, .volunteer-side-bar a.text-grey {
  color: #828282;
}

.volunteer-side-bar a:hover {
  color: #d29500;
}

.volunteer-side-bar a:hover .text-warning {
  color: #082eb5;
}

.volunteer-daonate {
  padding-left: 0;
}

.need-inr {
  padding-right: 0;
}

.select-currency select {
  color: #082eb5;
}

.select-currency {
  padding-top: 10px;
  padding-bottom: 15px;
}

.othr-amt h3 {
  margin: 27px 0 !important;
}

#cprice h3 {
  margin: 39px 0;
  color: #082eb5;
  line-height: 20px;
}

#cprice {
  margin-bottom: 25px;
}

.frm-pr h4 {
  padding-left: 15px;
}

.frm-pr h4.pl-0 {
  padding-left: 0;
}

.vole-sec h5 {
  color: #7f7f7f;
}

.sider {
  padding-left: 30px;
}

.how-much {
  margin-top: 10px;
  margin-bottom: 10px;
}

.frm-pr {
  margin-bottom: 15px;
}

.colora1 {
  color: #a1a1a1;
}

.img-hid-amnt, .img-hid-name {
  position: relative;
}

.image-hide-amnt, .image-hide-name {
  position: absolute;
  top: 0;
  display: none;
}

#cprice > .active > #cprice > .active > :focus, #cprice > .active > :hover {
  background-color: #d2952a;
  color: #ffffff !important;
}

.donate-info {
  height: 103px;
  padding-top: 10px;
  overflow: hidden;
}

.mile-clock {
  height: 30px;
}

.mile-clock .btn {
  width: 45px;
}

.mile-clock .date-span {
  width: 120px;
  display: inline-block;
}

.mile-clock .donnerAccessDiv .date-span i {
  display: none;
}

.mile-clock .date-span i {
  font-size: 17px;
  margin-right: 3px;
}

.mile-clock .sqr-chk-box {
  padding-right: 23px;
}

.mile-clock .sqr-chk-box .checkmark {
  width: 18px;
  height: 18px;
  border: 1px solid #082eb5;
  top: 3px;
}

.mile-clock .sqr-chk-box .sqr-chk .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid 1px #3d9cd9;
  border-width: 0 2px 2px 0;
}

.mile-clock .btn.border-success:hover {
  background: #0abab5;
  color: #ffffff;
}

.mile-clock .btn.border-warning:hover {
  background: #d29500;
  color: #ffffff;
}

.mile-clock .btn.border-green:hover {
  background: #91a21f;
  color: #ffffff;
}

.mile-clock .btn.border-grey:hover {
  background: #555;
  color: #ffffff;
}

.mile-clock .btn.border-blue:hover {
  background: #5f71da;
  color: #ffffff;
}

.mile-clock .btn.border-primary:hover {
  background: #082eb5;
  color: #ffffff;
}

.vol-evnt-2 .span0, .vol-evnt-2 .span1, .vol-evnt-2 .span2, .vol-evnt-2 .span3, .vol-evnt-2 .span4, .vol-evnt-2 .span5 {
  padding: 25px 0;
}

.vol-evnt-2 .span1 p, .vol-evnt-2 .span2 p, .vol-evnt-2 .span3 p, .vol-evnt-2 .span4 p, .vol-evnt-2 .span5 p {
  margin: 0;
  display: inline-flex;
}

.vol-evnt-2 .span0 a {
  color: #ffffff;
}

.vol-evnt-2 .span0 a.text-warning {
  color: #d29500;
}

.comment-list-scroll, .view-comment-list-scroll {
  overflow-y: auto;
  height: 183px;
  clear: both;
}

.view-comment-list-scroll {
  height: 100%;
}

#location .nav-tabs li.active h4, .deleg-con-li.active h5 {
  color: #444 !important;
}

#location .nav-tabs li.active h4 span, .deleg-con-li.active h1 span, .deleg-con-li.active h2 {
  color: #082eb5;
}

.deleg-con-li.active .show-sld {
  display: none;
}

.deleg-con-li.active .show-clr {
  display: inline;
}

#cmntActive, #vDate .dlr.active-class h6, #vLocation .locremove.active-class h5, #vTime .datelacremove .active-class h6, .rmpost1.active-class h5, .rmpost2.active-class h5 {
  color: #082eb5;
}

#cmntActive .shw-icon, #vDate .dlr.active-class .shw-icon, #vLocation .locremove.active-class .shw-icon, #vTime .datelacremove .active-class .shw-icon, .rmpost1.active-class .shw-icon, .rmpost2.active-class .shw-icon {
  display: none;
}

#cmntActive .hd-icon, #vDate .dlr.active-class .hd-icon, #vLocation .locremove.active-class .hd-icon, #vTime .datelacremove .active-class .hd-icon, .rmpost1.active-class .hd-icon, .rmpost2.active-class .hd-icon {
  display: inline;
}

.hd-icon {
  display: none;
}

#created .sec-rev, .donate-spn-tab {
  max-height: 350px;
  overflow-y: auto;
}

.single-page .tab-content p.font-size-18 {
  font-size: 18px !important;
}

.single-page .tab-content p.font-size-16 {
  font-size: 16px !important;
}

.transaction-table {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.transaction-table tr th {
  font-weight: 400;
  background: #082eb5;
  color: #ffffff;
  border-bottom: none !important;
}

.transaction-table tr td {
  font-size: 13px;
}

.transaction-table tr td.font-size-15 {
  font-size: 15px;
}

.transaction-table tr td .btn-xs {
  padding: 2px 7px;
}

.invoice-payment-info tr td {
  padding: 6px 8px !important;
}

.logo-invoice {
  width: 200px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}

.logo-invoice img {
  max-width: 100%;
  max-height: 100%;
}

.receipt-h1 {
  font-size: 45px;
  padding-left: 8px;
  letter-spacing: 8px;
  line-height: 50px;
}

.upload-img-click {
  max-height: 65px;
}

.upload-img-click img {
  text-align: center;
  margin: auto;
  height: 45px;
}

.profile-page .bench-mark .dia-outer .text-fuschia {
  max-height: 110px;
  overflow: hidden;
}

.table-donate-detail {
  background: #f5fbfd;
  border: 1px solid #d6eaf3;
  width: 100%;
  margin-bottom: 0;
}

.table-donate-detail tr td, .table-donate-detail tr th {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
  text-align: left;
}

.table-donate-detail tr th {
  background-color: #dceaf1;
  color: #333;
  font-weight: 700;
}

.table-donate-detail tr td {
  color: #7f7f7f;
}

.table-donate-detail tr td span {
  float: right;
}

.my-content-div .over-img, .story-section .stry-evnts, .volunteer .over-img {
  text-align: center;
  width: 100%;
  background: #f9f9f9;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}

.volunteer .over-img {
  height: 200px;
  line-height: 196px;
}

.story-section .stry-evnts {
  height: 246px;
  line-height: 226px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.story-section .stry-evnts img, .volunteer .over-img img {
  margin: 0 auto;
  max-width: 100%;
}

.volunteer .over-img img {
  height: -webkit-fill-available;
}

.story-section .side-icon-im img {
  height: auto;
  width: 90%;
  margin: 1px auto 0 auto;
  line-height: 45px;
}

.story-section .side-icn-lft {
  position: absolute;
  left: 15px;
  bottom: 15px;
  line-height: 0;
}

.grph:hover {
  color: #ffffff;
}

.lgs .new-maring-b {
  margin-bottom: 20px;
  margin-top: 25px;
}

.our-cause {
  margin-top: -90px;
  z-index: 99;
  background: #ffffff;
  box-shadow: 0 0 30px #999;
}

.fd-sec .grp table tr td span {
  background: #a2a1a1;
  color: #ffffff;
}

.fd-sec {
  padding-top: 20px;
}

.fd-sec table {
  width: 100%;
}

.fd-sec tr td {
  padding: 5px 0;
}

.fd-sec table tr td span {
  color: #ffffff;
  background: #a2a1a1;
  padding: 5px;
  border-radius: 50%;
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 20px;
  text-align: center;
  height: 20px;
}

.fd-sec table tr td span.active {
  background: #082eb5;
}

.fd-sec .grp table tr td .dot, .fd-sec table tr td .dot {
  background: 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.fd-sec table tr td .dot {
  color: #000000;
}

.fd-sec .grp table tr td .dot {
  color: #a2a1a1;
}

.thank-you .fd-sec .inclusion-div {
  background: #f9fbfb;
}

a.new {
  display: block;
  width: 100%;
  border-bottom: 2px solid #d0cece;
  color: #404040;
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px 10px 10px 0;
  outline: 0;
  cursor: pointer;
  float: left;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul a {
  color: #adadad;
}

.parti-seats {
  border: solid 1px #eee;
}

.parti-seats .txt-prt h4 {
  cursor: pointer;
  color: #082eb5;
  font-size: 36px;
  margin: 0;
}

.parti-seats .txt-prt p {
  padding: 0;
  font-size: 14px;
}

.parti-seats .wall-im {
  float: left;
}

.activity-tab table {
  width: 100%;
}

.activity-tab table {
  margin-bottom: 10px;
}

.activity-tab table .act-tb td:last-child {
  cursor: pointer;
  color: #225b84;
}

.implementation-tab .imp-tab table {
  width: 100%;
}

.implementation-tab table tr td:nth-child(3) img {
  margin-left: 10px;
}

.implementation-tab .atten-dt {
  background: #d0cece;
  clear: both;
  color: #000000;
  cursor: pointer;
  width: 100px;
  text-align: center;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
  padding: 3px 0 !important;
}

.mrkall-btn {
  background: #082eb5;
  color: #ffffff;
  padding: 4px 17px;
  border: none;
  margin-top: 5px;
  margin-left: 15px;
}

.volunt {
  width: 100%;
  float: left;
  border: solid 1px #235d83;
  position: relative;
  margin: 0 0 20px;
}

.act {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #97c322;
  border-radius: 50%;
  right: -10px;
  top: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.act .fa {
  text-align: center;
  color: #ffffff;
  margin-left: 10px;
  margin-top: 9px;
}

.volunt .vol-img {
  float: left;
}

.volunt .vol-img-text {
  width: 200px;
}

.show-img-1 {
  display: none;
}

.volunt .vol-img-text h5 span {
  color: #225b84;
  font-size: 1.5em;
  text-align: center;
}

.img-prt {
  float: left;
}

.img-prt-txt {
  float: left;
}

.img-prt-txt h5 {
  font-size: 3em;
  color: #225c84;
  margin: 0;
  float: left;
}

.piggy-back-dialog-box {
  position: absolute;
  width: 690px;
  min-height: 400px;
  overflow: auto;
  height: auto;
  background: #f7f7f7;
  top: 0;
  display: none;
  z-index: 1;
}

.Sharing-a-caring, .donate-evnt-dialog-box, .progress-details-div, .review-details-div, .show-content-rating, .workflow-action-div, .workflow-adv-due-diligence-div, .workflow-details-div, .financialRightDiv, .post-like-div, .beneficiary-list-section .filtersParentDiv, .overview-indicator-lists-div, .rightSidePopupMyMetrics, .rightSidePopupDefault, .rightSidePopupDiv {
  position: fixed;
  width: 50%;
  min-height: 400px;
  overflow: auto;
  height: auto;
  background: rgba(243, 243, 243, 0.6509803922);
  top: 65px;
  display: none;
  z-index: 3;
  box-shadow: 0 3px 3px 3px #e7e6e6;
  backdrop-filter: blur(8px);
}

.liveProfile .Sharing-a-caring {
  position: absolute;
}

.vol-evnt-2 .piggy-back-dialog-box, .vol-evnt-2 .show-content-rating {
  right: 100%;
}

.workflow-action-div, .workflow-adv-due-diligence-div, .workflow-details-div, .financialRightDiv {
  right: 0;
  overflow: auto;
  box-shadow: 0 8px 11px 0 #6b6b6b;
  z-index: 1045;
}

.progress-details-div, .review-details-div, .vol-evnt-2 .Sharing-a-caring, .vol-evnt-2 .donate-evnt-dialog-box, .vol-evnt-2 .show-content-rating, .bottom-icn .Sharing-a-caring, .bottom-icn .donate-evnt-dialog-box, .bottom-icn .show-content-rating, .post-like-div, .beneficiary-list-section .filtersParentDiv, .overview-indicator-lists-div, .rightSidePopupMyMetrics, .rightSidePopupDefault, .rightSidePopupDiv {
  right: 0;
  bottom: 0;
}

.side-icn .Sharing-a-caring, .side-icn .donate-evnt-dialog-box, .side-icn .piggy-back-dialog-box, .side-icn .show-content-rating {
  left: 100%;
}

.bottom-icn .piggy-back-dialog-box {
  top: 100%;
  left: 0;
}

.bottom-icn-menu li {
  display: inline-block;
  width: 16%;
}

.bottom-icn {
  position: relative;
}

.donate-evnt-dialog-box textarea {
  resize: none;
}

.rep-donate {
  cursor: pointer;
}

.rep-donate-textarea {
  display: none;
}

.Sharing-a-caring .social-icon ul li {
  display: inline-block;
  width: 85px;
}

.pop-up-piggy-back .tab-content {
  height: 282px;
  overflow-y: auto;
  overflow-x: hidden;
}

.pop-up-piggy-back .icon-icon img {
  width: 20px;
}

.pop-up-piggy-back p {
  font-size: 13px !important;
}

.piggy-back-active p {
  cursor: pointer;
}

.piggy-back-active-section {
  border: dashed 1px #082eb5;
  line-height: 30px;
  color: #082eb5;
  font-weight: 700;
  position: relative;
}

.piggy-back-active-section:before {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #97c322;
  content: "\f00c";
  top: -15px;
  right: -15px;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}

.piggy-back-section-create p {
  cursor: pointer;
}

.piggy-back-active-section-b {
  border: dashed 1px #d2952a;
  line-height: 30px;
  color: #d2952a;
  font-weight: 700;
  position: relative;
}

.piggy-back-active-section-b:before {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #97c322;
  content: "\f00c";
  top: -15px;
  right: -15px;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.vol-del .hide-sh {
  display: none;
}

.vol-del .deleg-hdr {
  background: #082eb5;
}

.vol-del .deleg-hdr h4 {
  color: #ffffff;
  padding: 10px 5px;
  margin: 0;
}

.vol-del .deleg-hdr h4 a:hover {
  color: #ffffff;
}

.vol-del .deleg-hdr .close {
  color: #ffffff;
  padding: 6px 13px;
  border: none;
}

.vol-del .deleg-con .text-prt h5 {
  font-size: 2em;
  color: #a2a1a1;
}

.deleg-con .show-sld {
  position: relative;
}

.deleg-con .show-clr {
  display: none;
}

.deleg-con .text-prt h5 {
  display: block;
  display: inline-block;
  color: #082eb5;
}

.location-pop-up .modal-content h6 span {
  color: #082eb5;
}

.location-pop-up .modal-content .border-bottom {
  margin-top: 10px;
}

.location-pop-up .modal-content .close {
  margin-right: 20px;
  font-size: 30px;
}

.post-an-evnt .modal-body .close {
  opacity: 1;
  color: #ffffff;
}

.post-an-evnt .carousel-content {
  color: #000000;
  align-items: center;
  text-align: center;
  background: #e7e6e6;
  display: block;
  padding: 8px 0;
  border-bottom: solid 3px #082eb5;
}

.post-an-evnt #text-carousel {
  width: 100%;
  height: auto;
  padding: 25px;
}

.post-an-evnt #text-carousel p {
  margin: 0;
  text-transform: uppercase;
}

.post-an-evnt .carousel-control {
  background-image: none;
}

.donate-spn-tab .spon-hide {
  display: none;
}

.spn-hide {
  display: none;
}

.donate-evnt .benif-dtl-tab1 .benif-dtl1 h4 {
  margin: 0;
  color: #2e6ca4;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
}

.donate-evnt .benif-dtl-tab1 .benif-dtl2 h5 {
  margin: 0;
  color: #05913a;
}

.donate-evnt .benif-dtl-tab1 .benif-dtl2 .clr-1 {
  color: #05913a;
}

.donate-evnt .benif-dtl-tab1 .benif-dtl2 .clr-2 {
  color: #d11f43;
}

.donate-evnt .benif-dtl-tab1 .benif-dtl2 .clr-3 {
  color: #09abeb;
}

.donate-evnt .benif-dtl-tab1 {
  margin-top: 10px;
}

.donate-evnt-sec .imp-tab .donate-imp td:nth-child(3) {
  color: red;
  font-size: 16px;
}

.donate-evnt-sec .imp-tab .donate-imp td:nth-child(5) {
  font-size: 16px;
  text-align: right;
}

.donate-evnt-sec .imp-tab .donate-imp-2 td.admin-cls {
  width: 50px;
  padding-top: 10px;
}

.donate-evnt-sec .imp-tab .donate-imp-2 td:nth-child(2) p {
  font-size: 12px;
  padding: 0;
}

.donate-evnt-sec .imp-tab .donate-imp-2 td:nth-child(3) {
  color: #d2952a;
  font-size: 16px;
}

.donate-evnt-sec .imp-tab .donate-imp-3 td:nth-child(3) {
  color: #082eb5;
  font-size: 16px;
}

.donate-evnt-sec .imp-tab .donate-imp, .donate-evnt-sec .imp-tab .donate-imp-2, .donate-evnt-sec .imp-tab .donate-imp-3 {
  text-align: right;
}

.donate-evnt-sec .Milestones {
  border: 1px solid #eee;
  padding: 10px;
}

.pr-mil h1 {
  line-height: 42px;
  margin-bottom: 10px;
}

.Milestones .pr-mil h1 {
  line-height: 64px;
  margin-bottom: 0;
}

.vw-dtl {
  margin-top: 10px;
}

.req-site-visit {
  display: none;
}

.carousel-inner {
  overflow-x: hidden;
  overflow: auto;
}

.spon-req .modal-content table {
  width: 100%;
}

.vol-del .spon-proj .sp-brd {
  border: solid 1px #d29500;
  border-radius: 18px;
  cursor: pointer;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}

.vol-del .spon-proj .sp-brd:hover h3 {
  color: #ffffff !important;
}

.vol-del .spon-proj .sp-brd.act-don, .vol-del .spon-proj .sp-brd:hover {
  background: #d29500;
  color: #ffffff;
}

.vol-del .spon-proj .sp-brd.act-don h3 {
  color: #ffffff !important;
}

.vol-del .spon-proj .edt-rs {
  position: absolute;
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 25px;
  text-transform: capitalize;
  text-decoration: underline;
}

.vol-del .frm-pr .swth {
  margin-top: 6px;
}

.vol-del .frm-pr .off-btn {
  float: right;
}

.spon-crd-details .nav-tabs li a {
  color: #7f7f7f;
  text-transform: capitalize;
}

.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .spon-crd-details .nav-tabs > li.active > a {
  color: #082eb5;
  text-transform: capitalize;
}

.spon-crd-details .tab-content {
  margin-top: 20px;
}

.location-pop-up .spon-proj-modal {
  padding-bottom: 15px;
}

.location-pop-up .spon-proj-mod .modal-content {
  background: #f2f2f2;
}

.location-pop-up .spon-proj-modal-lft-prt .form-control {
  min-height: 28px;
  padding: 0;
}

.location-pop-up .spon-proj-modal-lft-prt p {
  margin-top: 5px;
}

.location-pop-up .spon-proj-modal-rgt-prt p {
  color: #082eb5;
  font-size: 15px;
}

.location-pop-up .spon-proj-modal-rgt-prt p span {
  color: #676766;
  font-size: 11px;
}

.location-pop-up .spon-proj-modal-rgt-prt img {
  width: auto;
}

.upld-btn {
  background: #082eb5;
  border: none;
  color: #ffffff;
  height: 30px;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.location-pop-up .crd-dt2 img, .location-pop-up .crd-dt3 img, .location-pop-up .crd-dtl img {
  width: auto;
}

.location-pop-up .crd-dtl h5 {
  color: #082eb5;
  margin: 0;
}

.location-pop-up .crd-dtl {
  position: relative;
}

.location-pop-up .crs, .location-pop-up .crs1, .location-pop-up .crs2 {
  position: absolute;
  width: 25px;
  height: 25px;
  border: solid 1px #000000;
  border-radius: 50%;
  right: 25px;
  top: -5px;
  background: #f2f2f2;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.location-pop-up .crs img, .location-pop-up .crs1 img, .location-pop-up .crs2 img {
  padding: 4px;
}

.location-pop-up .dnbtn {
  background: #082eb5;
  border: none;
  color: #ffffff;
  padding: 6px 30px;
  float: right;
  margin: 10px 10px 10px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.opc-fd {
  opacity: 0;
  transition: all 0.5s;
}

.pop-up-piggy-back .nav-tabs li.active button {
  background: #d29500;
}

.crvivo .pop-up-piggy-back .nav-tabs li.active button {
  background-image: linear-gradient(to bottom right, #b252a0 0, #e34963 50%, #ec7b49 100%);
  background-image: -webkit-linear-gradient(bottom right, #b252a0 0, #e34963 80%, #ec7b49 100%);
}

.story-section .drilldownShareDiv .Sharing-a-caring {
  width: auto;
  border-radius: 10px 10px 0 0;
  min-height: auto;
  box-shadow: 0 0 15px 0 #ccc;
  height: auto;
  background: #ffffff;
  top: -55px;
  position: absolute;
}

.story-section .drilldownShareDiv .Sharing-a-caring .social-icon a span, .story-section .drilldownShareDiv .Sharing-a-caring .social-icon a:hover span {
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 26px;
}

.story-section .drilldownShareDiv .social-icon ul li a {
  font-size: 16px;
  width: 25px;
  height: 25px;
  line-height: 26px;
}

.story-section .drilldownShareDiv .social-info-div {
  display: none;
}

.covid-dashboard-div-section .indiDashboardSocialShare .copyLinkDiv, .individual-impact-page .indiDashboardSocialShare .copyLinkDiv, .story-section .drilldownShareDiv .copyLinkDiv {
  opacity: 0;
  height: 0;
}

.covid-dashboard-div-section .indiDashboardSocialShare .copyLinkDiv .input-group-addon, .covid-dashboard-div-section .indiDashboardSocialShare .copyLinkDiv p, .individual-impact-page .indiDashboardSocialShare .copyLinkDiv .input-group-addon, .individual-impact-page .indiDashboardSocialShare .copyLinkDiv p, .story-section .drilldownShareDiv .copyLinkDiv .input-group-addon, .story-section .drilldownShareDiv .copyLinkDiv p {
  display: none;
}

.covid-dashboard-div-section .indiDashboardSocialShare .copyLinkDiv .form-control, .individual-impact-page .indiDashboardSocialShare .copyLinkDiv .form-control, .story-section .drilldownShareDiv .copyLinkDiv .form-control {
  min-height: 0;
  padding: 0;
  height: 0;
  border: 0;
}

.story-section .drilldownShareDiv .Sharing-a-caring .social-icon ul li {
  margin: 0;
  width: auto;
}

.story-section .drilldownShareDiv .p-4.Sharing-a-caring {
  padding: 8px 10px;
}

.story-section .drilldownShareDiv .social-icon ul {
  padding: 0;
}

.view-comments .form-control[readonly] {
  background-color: transparent;
  opacity: 1;
  color: #444;
  border: none;
  padding: 0;
  overflow: visible;
  height: auto;
  min-height: auto;
  white-space: pre-line;
}

.view-comments .form-control {
  resize: none;
  line-height: 24px;
}

#category-filter .sqr-chk-box {
  max-height: 220px;
  overflow: auto;
}

.eventsBody .eventsSection .cal-button > *, .eventsBody .eventsSection .cal-day, .eventsBody .eventsSection .cal-scene, .eventsBody .eventsSection .cal-title > .cal-heading {
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eventsBody .eventsSection .event-container .cal-bar .-calendar {
  opacity: 0;
}

.eventsBody .eventsSection .event-container .cal-task > *, .eventsBody .eventsSection .event-container .cal-time > * {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(1) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(1) .cal-time > * {
  transition-delay: 0s;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(2) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(2) .cal-time > * {
  transition-delay: 60ms;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(3) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(3) .cal-time > * {
  transition-delay: 0.12s;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(4) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(4) .cal-time > * {
  transition-delay: 0.18s;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(5) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(5) .cal-time > * {
  transition-delay: 0.24s;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(6) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(6) .cal-time > * {
  transition-delay: 0.3s;
}

.eventsBody .eventsSection .event-container .cal-item:nth-child(7) .cal-task > *, .eventsBody .eventsSection .event-container .cal-item:nth-child(7) .cal-time > * {
  transition-delay: 0.36s;
}

.eventsBody .eventsSection .event-container .cal-scene.-calendar, .eventsBody .eventsSection .event-container .cal-scene.-calendar * {
  transition-delay: 0.6s;
}

.eventsBody .eventsSection .cal-device {
  width: 54vh;
  height: 65vh;
  margin: 0 auto;
  background: #ffffff;
}

.eventsBody .eventsSection .cal-device > .cal-header {
  height: 11.5714285714vh;
  background: #1c3e69;
}

.eventsBody .eventsSection .cal-app {
  height: 54vh;
  width: 100%;
  background: linear-gradient(#eb8b6b, #e0536b, #d6306d, #a32c68, #722a65, #422662, #12255d, #275b75, #3c918b);
}

.eventsBody .eventsSection .cal-week {
  height: 7.7142857143vh;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.eventsBody .eventsSection .cal-weekday {
  color: #ffffff;
  width: 7.7142857143vh;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.eventsBody .eventsSection .cal-scene {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.eventsBody .eventsSection .cal-scene.-calendar:before {
  content: "";
  display: block;
  height: 7.7142857143vh;
  width: 7.7142857143vh;
  position: absolute;
  top: -7.7142857143vh;
  left: 0;
  box-shadow: 0vh 7.7142857143vh #e9836b, 7.7142857143vh 7.7142857143vh #e87b6b, 15.4285714286vh 7.7142857143vh #e6736b, 23.1428571429vh 7.7142857143vh #e56b6b, 30.8571428571vh 7.7142857143vh #e3636b, 38.5714285714vh 7.7142857143vh #e25b6b, 46.2857142857vh 7.7142857143vh #e0536b, 0vh 15.4285714286vh #df4e6b, 7.7142857143vh 15.4285714286vh #dd496c, 15.4285714286vh 15.4285714286vh #dc446c, 23.1428571429vh 15.4285714286vh #da3f6c, 30.8571428571vh 15.4285714286vh #d93a6c, 38.5714285714vh 15.4285714286vh #d7356d, 46.2857142857vh 15.4285714286vh #d6306d, 0vh 23.1428571429vh #cf2f6c, 7.7142857143vh 23.1428571429vh #c72f6c, 15.4285714286vh 23.1428571429vh #c02e6b, 23.1428571429vh 23.1428571429vh #b92e6a, 30.8571428571vh 23.1428571429vh #b22d69, 38.5714285714vh 23.1428571429vh #aa2d69, 46.2857142857vh 23.1428571429vh #a32c68, 0vh 30.8571428571vh #9c2c68, 7.7142857143vh 30.8571428571vh #952b67, 15.4285714286vh 30.8571428571vh #8e2b67, 23.1428571429vh 30.8571428571vh #872b66, 30.8571428571vh 30.8571428571vh #802b66, 38.5714285714vh 30.8571428571vh #792a65, 46.2857142857vh 30.8571428571vh #722a65, 0vh 38.5714285714vh #6b2965, 7.7142857143vh 38.5714285714vh #642964, 15.4285714286vh 38.5714285714vh #5d2864, 23.1428571429vh 38.5714285714vh #572863, 30.8571428571vh 38.5714285714vh #502763, 38.5714285714vh 38.5714285714vh #492762, 46.2857142857vh 38.5714285714vh #422662, 0vh 46.2857142857vh #3b2661, 7.7142857143vh 46.2857142857vh #342661, 15.4285714286vh 46.2857142857vh #2d2660, 23.1428571429vh 46.2857142857vh #27255f, 30.8571428571vh 46.2857142857vh #20255e, 38.5714285714vh 46.2857142857vh #19255e, 46.2857142857vh 46.2857142857vh #12255d, 0vh 54vh #152d60, 7.7142857143vh 54vh #183464, 15.4285714286vh 54vh #1b3c67, 23.1428571429vh 54vh #1e446b, 30.8571428571vh 54vh #214c6e, 38.5714285714vh 54vh #245372, 46.2857142857vh 54vh #275b75, 0vh 61.7142857143vh #2a6378, 7.7142857143vh 61.7142857143vh #2d6a7b, 15.4285714286vh 61.7142857143vh #30727e, 23.1428571429vh 61.7142857143vh #337a82, 30.8571428571vh 61.7142857143vh #368285, 38.5714285714vh 61.7142857143vh #398988, 46.2857142857vh 61.7142857143vh #3c918b, 0vh 69.4285714286vh #3f998e, 7.7142857143vh 69.4285714286vh #42a092, 15.4285714286vh 69.4285714286vh #45a895, 23.1428571429vh 69.4285714286vh #49af98, 30.8571428571vh 69.4285714286vh #4cb79b, 38.5714285714vh 69.4285714286vh #4fbe9f, 46.2857142857vh 69.4285714286vh #52c6a2, 0vh 77.1428571429vh #55cda5, 7.7142857143vh 77.1428571429vh #58d4a8, 15.4285714286vh 77.1428571429vh #5bdbab, 23.1428571429vh 77.1428571429vh #5de3ad, 30.8571428571vh 77.1428571429vh #60eab0, 38.5714285714vh 77.1428571429vh #63f1b3, 46.2857142857vh 77.1428571429vh #66f8b6;
}

.eventsBody .eventsSection .cal-month:first-child > .cal-header {
  -webkit-transform: translateX(30.8571428571vh);
  -moz-transform: translateX(30.8571428571vh);
  -ms-transform: translateX(30.8571428571vh);
  -o-transform: translateX(30.8571428571vh);
  transform: translateX(30.8571428571vh);
}

.eventsBody .eventsSection .cal-month:first-child > .cal-header > .cal-link {
  background-color: rgba(255, 255, 255, 0.4);
}

.eventsBody .eventsSection .cal-month:first-child > .cal-header > .cal-link > span {
  -webkit-transform: translateX(calc(-50% - 1.9285714286vh)) translateY(-50%);
  -moz-transform: translateX(calc(-50% - 1.9285714286vh)) translateY(-50%);
  -ms-transform: translateX(calc(-50% - 1.9285714286vh)) translateY(-50%);
  -o-transform: translateX(calc(-50% - 1.9285714286vh)) translateY(-50%);
  transform: translateX(calc(-50% - 1.9285714286vh)) translateY(-50%);
  color: #ffffff;
}

.eventsBody .eventsSection .cal-month:first-child > .cal-header > .cal-arrow {
  opacity: 1;
  pointer-events: inherit;
}

.eventsBody .eventsSection .cal-month {
  display: block;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
}

.eventsBody .eventsSection .cal-month:first-child > .cal-header {
  top: 15.4285714286vh;
}

.eventsBody .eventsSection .cal-month > .cal-header {
  height: 7.7142857143vh;
  width: 23.1428571429vh;
  padding: 2.2040816327vh;
  z-index: 1;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eventsBody .eventsSection .cal-month > .cal-header > .cal-link {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 1.9285714286vh;
  text-decoration: none;
  color: gray;
  text-transform: uppercase;
  padding: 0.6428571429vh 5.1428571429vh;
  border-radius: 2.5714285714vh;
  background: #ffffff;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-weight: 600;
}

.eventsBody .eventsSection .cal-month > .cal-header > .cal-link > span {
  display: block;
  position: absolute;
  top: 48%;
  left: 50%;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eventsBody .eventsSection .cal-month.-january {
  margin-top: 0 !important;
}

.eventsBody .eventsSection .cal-subheader {
  height: 3.8571428571vh;
  width: 100%;
}

.eventsBody .eventsSection .cal-bar {
  height: 7.7142857143vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 20px;
}

.eventsBody .eventsSection .cal-bar > .cal-title {
  flex-grow: 1;
  height: 100%;
}

.eventsBody .eventsSection .cal-bar .cal-title > .cal-heading.-schedule {
  opacity: 0;
  font-size: 14px;
  top: 38px;
}

.eventsBody .eventsSection .cal-bar .cal-title > .cal-heading.-schedule.active {
  opacity: 1;
}

.eventsBody .eventsSection .cal-bar .cal-title > .cal-heading.-schedule .eventsBody .eventsSection .cal-button {
  width: 7.7142857143vh;
  height: 7.7142857143vh;
}

.eventsBody .eventsSection .cal-button > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
}

.eventsBody .eventsSection .cal-title > .cal-heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
}

.eventsBody .eventsSection .cal-arrow {
  position: absolute;
  height: 7.7142857143vh;
  width: 7.7142857143vh;
  background: #ffffff;
  top: 0;
  right: 0;
  padding: 1.2857142857vh;
  background-clip: content-box;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: gray;
}

.eventsBody .eventsSection .cal-arrow .fa-chevron-up {
  top: -1px;
}

.eventsBody .eventsSection .cal-day {
  width: 7.7142857143vh;
  height: 7.7142857143vh;
  display: block;
  float: left;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
}

.eventsBody .eventsSection .cal-day:before {
  display: block;
  height: 75%;
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.eventsBody .eventsSection .cal-item {
  height: 9.7142857143vh;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.eventsBody .eventsSection .cal-item:nth-child(1) > .cal-time {
  background-color: #fa739d;
}

.eventsBody .eventsSection .cal-item:nth-child(1) > .cal-task {
  background-color: #ffffff;
}

.eventsBody .eventsSection .cal-item:nth-child(2) > .cal-time {
  background-color: #f26993;
}

.eventsBody .eventsSection .cal-item:nth-child(2) > .cal-task {
  background-color: #fcf5f7;
}

.eventsBody .eventsSection .cal-item:nth-child(3) > .cal-time {
  background-color: #eb5e8a;
}

.eventsBody .eventsSection .cal-item:nth-child(3) > .cal-task {
  background-color: #f9ecf0;
}

.eventsBody .eventsSection .cal-item:nth-child(4) > .cal-time {
  background-color: #e35480;
}

.eventsBody .eventsSection .cal-item:nth-child(4) > .cal-task {
  background-color: #f6e2e8;
}

.eventsBody .eventsSection .cal-item:nth-child(5) > .cal-time {
  background-color: #dc4977;
}

.eventsBody .eventsSection .cal-item:nth-child(5) > .cal-task {
  background-color: #f4d8e1;
}

.eventsBody .eventsSection .cal-item:nth-child(6) > .cal-time {
  background-color: #d43f6d;
}

.eventsBody .eventsSection .cal-item:nth-child(6) > .cal-task {
  background-color: #f1ced9;
}

.eventsBody .eventsSection .cal-item:nth-child(7) > .cal-time {
  background-color: #cc3463;
}

.eventsBody .eventsSection .cal-item:nth-child(7) > .cal-task {
  background-color: #eec5d1;
}

.eventsBody .eventsSection .cal-item:nth-child(8) > .cal-time {
  background-color: #c52a5a;
}

.eventsBody .eventsSection .cal-item:nth-child(8) > .cal-task {
  background-color: #ebbbca;
}

.eventsBody .eventsSection .cal-time {
  width: 15.4285714286vh;
  flex-basis: 15.4285714286vh;
  height: 100%;
  justify-content: center;
  line-height: 7.7142857143vh;
  align-items: center;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  background: #c52a5a;
}

.eventsBody .eventsSection .cal-time > * {
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(-15.4285714286vh);
  -moz-transform: translateX(-15.4285714286vh);
  -ms-transform: translateX(-15.4285714286vh);
  -o-transform: translateX(-15.4285714286vh);
  transform: translateX(-15.4285714286vh);
  font-weight: 600;
  font-size: 16px;
}

.eventsBody .eventsSection .cal-task {
  flex-basis: 38.5714285714vh;
  height: 100%;
  background-color: #ebbbca;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 2.5714285714vh;
  font-size: 12px;
}

.eventsBody .eventsSection .cal-task > p {
  margin-top: 0;
  margin-bottom: 0;
  color: #12255e;
}

.eventsBody .eventsSection .cal-task > a {
  text-decoration: none;
  color: #E30613;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}

.eventsBody .eventsSection .cal-task > a > .fa {
  margin-right: 0.9642857143vh;
}

.eventsBody .eventsSection .cal-task > * {
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(38.5714285714vh);
  -moz-transform: translateX(38.5714285714vh);
  -ms-transform: translateX(38.5714285714vh);
  -o-transform: translateX(38.5714285714vh);
  transform: translateX(38.5714285714vh);
}

.eventsBody {
  background: #4acdde;
  background: linear-gradient(135deg, #4effdf, #48bbde, #f47ec6);
  font-family: Source Sans Pro, sans-serif;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 500% 500%;
  -webkit-animation: eventGradient 15s ease infinite;
  -moz-animation: eventGradient 15s ease infinite;
  -ms-animation: eventGradient 15s ease infinite;
  -o-animation: eventGradient 15s ease infinite;
  animation: eventGradient 15s ease infinite;
}

.eventsBody .eventsSectionLeft {
  background: #ffffff;
}

.eventsBody .eventsSectionLeft h1 {
  font-weight: 900;
  font-size: 60px;
  padding-top: 20px;
  line-height: 70px;
  color: #E30613;
}

.eventsBody .eventsSectionLeft h2 {
  font-size: 32px;
  line-height: 42px;
  color: #000000;
  margin-bottom: 0;
  margin-top: 45px;
}

.eventsBody .eventsSectionLeft h3 {
  font-size: 15px;
  margin-top: 15px;
  line-height: 25px;
  text-align: justify;
  color: #404040;
  padding-bottom: 60px;
  padding-top: 20px;
  border-top: 1px solid #bfbfbf;
}

.eventsBody .eventsSectionLeft img {
  width: 135px;
}

.eventsBody .eventsSection *, .eventsBody .eventsSection :after, .eventsBody .eventsSection :before {
  box-sizing: border-box;
  position: relative;
}

.eventsBody .eventsSection .cal-month:after, .eventsBody .eventsSection .cal-month:before {
  content: " ";
  display: table;
}

.eventsBody .eventsSection .cal-month:after {
  clear: both;
}

.eventsBody .eventsSection .calendar header .simple-calendar-btn {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #cbd1d2;
  border-radius: 50%;
  border: 2px solid #cbd1d2;
  z-index: 1;
}

.eventsBody .eventsSection .calendar header .simple-calendar-btn:hover {
  background: #cbd1d2;
  color: #ffffff;
}

.eventsBody .eventsSection .calendar header .simple-calendar-btn:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
}

.eventsBody .eventsSection .calendar header .btn-prev {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: -15px;
  left: 10px;
}

.eventsBody .eventsSection .calendar header .btn-next {
  top: -15px;
  right: 10px;
  left: auto;
}

.eventsBody .eventsSection .calendar header .btn-next:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.eventsBody .eventsSection .calendar header .month {
  padding: 0;
  margin: 0;
}

.eventsBody .eventsSection .calendar header .month .year {
  font-size: 30px;
  font-weight: 100;
}

.eventsBody .eventsSection .calendar .day {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.eventsBody .eventsSection .calendar .day.today {
  height: 75%;
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
}

.eventsBody .eventsSection .calendar .day.today.has-event:after {
  background: #ffffff;
}

.eventsBody .eventsSection .calendar .day.wrong-month {
  color: #000000;
}

.eventsBody .eventsSection .calendar .day.wrong-month:hover {
  border: 2px solid transparent;
}

.eventsBody .eventsSection .calendar .day.has-event {
  height: 75%;
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.71);
}

.eventsBody .eventsSection .calendar .day.disabled {
  cursor: default;
  color: #cfcfcf;
}

.eventsBody .eventsSection .calendar .day.disabled:hover {
  border: 2px solid transparent;
}

.eventsBody .eventsSection .calendar .event-container {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #1c3e69;
  box-sizing: border-box;
  z-index: -1;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  max-height: 500px;
  overflow: auto;
}

.eventsBody .eventsSection .calendar .event-container.active {
  opacity: 1;
  z-index: 2;
}

.eventsBody .eventsSection .calendar .event-container .event-wrapper {
  overflow-y: auto;
  max-height: 100%;
}

.eventsBody .eventsSection .calendar .eventclose {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 11px;
  right: 20px;
  cursor: pointer;
  display: none;
}

.eventsBody .eventsSection .calendar .eventclose:after, .eventsBody .eventsSection .calendar .eventclose:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #cbd1d2;
}

.eventsBody .eventsSection .calendar .eventclose:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.eventsBody .eventsSection .calendar .eventclose:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*================================================= Campaign Post =================================================*/
.campaignDataSection .campaignPostCreateUl li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 10px 0px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  padding: 5px 15px;
}

.campaignDataSection .campaignPostCreateUl li a {
  color: #ffffff;
}

.campaignDataSection .campaignPostCreateUl li:nth-child(1) {
  background-image: linear-gradient(130deg, #FE5757, #E30613);
  background: -webkit-linear-gradient(130deg, #FE5757, #E30613);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(2) {
  background-image: linear-gradient(130deg, #4374B8, #002F69);
  background: -webkit-linear-gradient(130deg, #4374B8, #002F69);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(3) {
  background-image: linear-gradient(130deg, #1FB622, #20492E);
  background: -webkit-linear-gradient(130deg, #1FB622, #20492E);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(4) {
  background-image: linear-gradient(130deg, #EDC51E, #BB7600);
  background: -webkit-linear-gradient(130deg, #EDC51E, #BB7600);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(5) {
  background-image: linear-gradient(130deg, #A45FDB, #4206B8);
  background: -webkit-linear-gradient(130deg, #A45FDB, #4206B8);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(6) {
  background-image: linear-gradient(130deg, #39A688, #046B7D);
  background: -webkit-linear-gradient(130deg, #39A688, #046B7D);
}

.campaignDataSection .campaignPostCreateUl li:nth-child(7) {
  background-image: linear-gradient(130deg, #F9880D, #ED5E03);
  background: -webkit-linear-gradient(130deg, #F9880D, #ED5E03);
}

.assign-member-event-data .eng-div {
  background: url("../../images/bg-eng.png");
  background-size: 100%;
  background-position: center;
  height: 100%;
  padding: 30px;
}

.assign-member-event-data .campaign-div {
  background: url("../../images/bg-campaign.jpg");
  background-size: 100%;
  background-position: center;
  height: 100%;
  padding: 30px;
}

.conceptNoteOrgDiv {
  display: none;
}

/* .stickyWorkflowTable {
    position: fixed;
    top: 65px;
    background: $color-white;
    min-height: 500px;
    width: 100%;
    overflow: auto;
}

.stickyWorkflowTable .table-responsive {
    overflow: initial;
}*/
.workflow-main-table {
  overflow: auto;
  max-height: 600px;
  width: 100%;
  position: sticky;
}

.workflow-main-table .table thead.bg-grey {
  position: sticky;
  top: -1px;
  z-index: 2;
}

/* .assignMemberDataLeftMenu {
    position: sticky;
    top: 65px;
    z-index: 1;
    background: $color-white;
    height: 100%;
    overflow: auto;
} */
.add-to-calendar {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  user-select: none;
  position: absolute;
  right: 20px;
  top: 10px;
}

.add-to-calendar:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.add-to-calendar:active {
  transform: translateY(0);
}

.calendar-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  min-width: 220px;
  z-index: 9999;
  overflow: hidden;
  animation: calenderSlideDown 0.2s ease;
}

@keyframes calenderSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.calendar-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
}

.calendar-option:last-child {
  border-bottom: none;
}

.calendar-option:hover {
  background: #f8f9fa;
}

.calendar-option svg {
  flex-shrink: 0;
}

@media (max-width: 750px) {
  .eventsBody {
    justify-content: center;
    overflow: auto !important;
  }
  .eventsBody .eventsSection .cal-device {
    width: 100%;
  }
  .eventsBody .eventsSection .cal-day {
    width: 5.314286vh;
    height: 5.3142857143vh;
  }
  .eventsBody .eventsSection .cal-device {
    height: 54vh;
  }
  .eventsBody .eventsSection .cal-app {
    height: 42vh;
  }
  .eventsBody .eventsSection .cal-scene.-calendar:before {
    content: "";
    display: block;
    height: 5.3142857143vh;
    width: 5.3142857143vh;
    position: absolute;
    top: -5.3142857143vh;
    left: 0;
    box-shadow: 0vh 5.3142857143vh #e9836b, 5.3142857143vh 5.3142857143vh #e87b6b, 10.6285714286vh 5.3142857143vh #e6736b, 15.9428571429vh 5.3142857143vh #e56b6b, 21.2571428572vh 5.3142857143vh #e3636b, 26.5714285715vh 5.3142857143vh #e25b6b, 31.8857142858vh 5.3142857143vh #e0536b, 0vh 10.6285714286vh #df4e6b, 5.3142857143vh 10.6285714286vh #dd496c, 10.6285714286vh 10.6285714286vh #dc446c, 15.9428571429vh 10.6285714286vh #da3f6c, 21.2571428572vh 10.6285714286vh #d93a6c, 26.5714285715vh 10.6285714286vh #d7356d, 31.8857142858vh 10.6285714286vh #d6306d, 0vh 15.9428571429vh #cf2f6c, 5.3142857143vh 15.9428571429vh #c72f6c, 10.6285714286vh 15.9428571429vh #c02e6b, 15.9428571429vh 15.9428571429vh #b92e6a, 21.2571428572vh 15.9428571429vh #b22d69, 26.5714285715vh 15.9428571429vh #aa2d69, 31.8857142858vh 15.9428571429vh #a32c68, 0vh 21.2571428572vh #9c2c68, 5.3142857143vh 21.2571428572vh #952b67, 10.6285714286vh 21.2571428572vh #8e2b67, 15.9428571429vh 21.2571428572vh #872b66, 21.2571428572vh 21.2571428572vh #802b66, 26.5714285715vh 21.2571428572vh #792a65, 31.8857142858vh 21.2571428572vh #722a65, 0vh 26.5714285715vh #6b2965, 5.3142857143vh 26.5714285715vh #642964, 10.6285714286vh 26.5714285715vh #5d2864, 15.9428571429vh 26.5714285715vh #572863, 21.2571428572vh 26.5714285715vh #502763, 26.5714285715vh 26.5714285715vh #492762, 31.8857142858vh 26.5714285715vh #422662, 0vh 31.8857142858vh #3b2661, 5.3142857143vh 31.8857142858vh #342661, 10.6285714286vh 31.8857142858vh #2d2660, 15.9428571429vh 31.8857142858vh #27255f, 21.2571428572vh 31.8857142858vh #20255e, 26.5714285715vh 31.8857142858vh #19255e, 31.8857142858vh 31.8857142858vh #12255d, 0vh 54vh #152d60, 5.3142857143vh 54vh #183464, 10.6285714286vh 54vh #1b3c67, 15.9428571429vh 54vh #1e446b, 21.2571428572vh 54vh #214c6e, 26.5714285715vh 54vh #245372, 31.8857142858vh 54vh #275b75, 0vh 61.7142857143vh #2a6378, 5.3142857143vh 61.7142857143vh #2d6a7b, 10.6285714286vh 61.7142857143vh #30727e, 15.9428571429vh 61.7142857143vh #337a82, 21.2571428572vh 61.7142857143vh #368285, 26.5714285715vh 61.7142857143vh #398988, 31.8857142858vh 61.7142857143vh #3c918b, 0vh 69.4285714286vh #3f998e, 5.3142857143vh 69.4285714286vh #42a092, 10.6285714286vh 69.4285714286vh #45a895, 15.9428571429vh 69.4285714286vh #49af98, 21.2571428572vh 69.4285714286vh #4cb79b, 26.5714285715vh 69.4285714286vh #4fbe9f, 31.8857142858vh 69.4285714286vh #52c6a2, 0vh 77.1428571429vh #55cda5, 5.3142857143vh 77.1428571429vh #58d4a8, 10.6285714286vh 77.1428571429vh #5bdbab, 15.9428571429vh 77.1428571429vh #5de3ad, 21.2571428572vh 77.1428571429vh #60eab0, 26.5714285715vh 77.1428571429vh #63f1b3, 31.8857142858vh 77.1428571429vh #66f8b6;
  }
  .eventsBody .eventsSectionLeft h1 {
    font-size: 40px;
    line-height: 45px;
    padding-top: 0;
    margin-top: 0;
  }
  .eventsBody .eventsSectionLeft h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .eventsBody .eventsSectionLeft h3 {
    font-size: 18px;
    margin-top: 15px;
    line-height: 30px;
    padding-bottom: 30px;
    padding-top: 15px;
  }
  .eventsBody .eventsSectionLeft .eventsSectionLeftContent {
    width: 90%;
  }
  .eventsBody .eventsSection .calendar header .month .year {
    font-size: 22px;
  }
}

/*# sourceMappingURL=volunteerDonate.css.map */