@charset "UTF-8";

/* Tailwind v1's base layer (normalize.css + preflight), extracted verbatim
   from the last v1 build of app.css.

   Tailwind now builds separately with preflight disabled, so Bootstrap and
   the SCSS partials keep owning base styling on the public theme. But every
   layout that loads app.css - admin, login, the member PWA - has no
   Bootstrap and did rely on these resets. Without them the browser defaults
   came back: every admin link rendered underlined, lists regained bullets
   and headings their default sizes.

   Kept as raw CSS rather than @apply so it needs no Tailwind processing.
   Scoped by virtue of living in app.css, which the public theme never loads. */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset,
ol,
ul {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e2e8f0;
}

hr {
  border-top-width: 1px;
}

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

[role=button],
button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

/* Rules that used @apply now live in resources/css/tailwind.css, built by
   the Tailwind CLI. Tailwind no longer processes this file, so @apply here
   would survive into the compiled CSS and break the build. */

.login-form {
  /*background-color: #21211f;*/
  background-color: #00000075;
}

.login-form .input-group-addon {
  background-color: #58daef;
}

.login-btn {
  background-color: #157e91;
}

/*.more-icon {
    background-color: #188df4;
}
.custom-shadow {
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.18);
}*/

.footer-links li:after {
  content: "-";
  padding: 10px 20px;
}

.footer-links li:last-child:after {
  content: "";
  padding: 10px 0;
}

.pricing-bg {
  /*  background-color: #2c2e2f;*/
  background-color: #1292ee;
}

.pricing-buy {
  color: #1292ee;
  background-color: #fff;
}

.pricing-buy:hover {
  background-color: #1292ee;
  color: #fff;
  border-color: #1292ee;
}

/* .pricing-bg {
     background-color:#e3ebee;
 }*/

.pricing-amount {
  color: #084772;
}

/*  .gallery-img {
    height: 11rem;
  }*/

.fund-form .multiselect {
  width: 80% !important;
}

.multiselect__tags {
  border: 1px solid #cbd5e0 !important;
}

/*about css*/

.about-bg {
  /*background: #3492e2;*/
  background: url("/uploads/banner.jpg");
  height: 300px;
}

/*about css*/

.sermon-btn {
  background-color: #4299e1;
}

/*dashboard css start*/

.bg-1 {
  /*background: linear-gradient(to right, #6fcafa 0%, #65bdf4 100%);*/
  background: linear-gradient(to right, #69a3e3 0%, #6972e7 100%);
}

.bg-2 {
  background: linear-gradient(to right, #c592f9 0%, #ac68f3 100%);
}

.bg-3 {
  background: linear-gradient(to right, #fdb583 0%, #f88b90 100%);
}

.bg-4 {
  background: linear-gradient(to right, #19d9b4 0%, #1fbfad 100%);
}

.circular-1 {
  position: relative;
  opacity: 0.1;
  left: 23px;
  top: 24px;
}

.circular-2 {
  position: relative;
  opacity: 0.1;
  right: -3px;
  top: -4px;
}

.bg-light {
  background-color: #edf2f7;
}

.progress {
  padding: 0;
  width: 100%;
  height: 6px;
  overflow: hidden;
  background: #dde7ef;
  border-radius: 50px;
}

.bar {
  position: relative;
  float: left;
  min-width: 1%;
  height: 100%;
  background: #27b9f6;
  border-radius: 50px;
}

.percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-family: tahoma, arial, helvetica;
  font-size: 12px;
  color: white;
}

.fund-method {
  font-size: 10px;
}

.fund-method.Cash {
  background-color: #68d391;
}

.fund-method.Cheque {
  background-color: #f6ad55;
}

.fund-method.Card {
  background-color: #9f7aea;
}

.fund-method.Demanddraft {
  background-color: #4fd1c5;
}

.bg-blue-light {
  background-color: rgba(109, 201, 250, 0.25);
}

.bg-blue-dark {
  background-color: #6dc9fa;
}

.bg-green-light {
  background-color: #dbfbfb;
}

.bg-green-dark {
  background-color: #0be4e5;
}

.bg-yellow-light {
  background-color: rgba(238, 196, 19, 0.19);
}

.bg-yellow-dark {
  background-color: #eec413;
}

/*dashboard css end*/

/*scrollbar*/

.quill-editor {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 750px;
}

/*preacher sidebar css*/

.preacher-sidebar {
  background-color: #008B8B !important;
}

.preacher-sidebar .active,
.preacher-sidebar li:hover {
  background: #047777 !important;
}

/*preacher sidebar css*/

/***/

.website-feature-icon {
  width: 120px;
  height: 120px;
  margin: auto;
  margin-bottom: 10px;
}

/***/

.login-page select.form-control {
  border-color: inherit !important;
  border-radius: unset !important;
}

/* Rules that used @apply now live in resources/css/tailwind.css, built by
   the Tailwind CLI. Tailwind no longer processes this file, so @apply here
   would survive into the compiled CSS and break the build. */

/*form css start*/

.filter-form-control:focus {
  outline: none;
  border-color: #3492e2;
}

@media (min-width: 992px) {
  .lg\:w-128 {
    width: 32rem;
  }
}

.member-icon {
  padding-left: 30px;
}

.custom-green {
  background: #00c982;
}

/*form css end*/

/*table css start*/

/*table css end*/

/*sidebar css start*/

.admin-sidebar {
  background: #1a2744;
}

.admin-sidebar .active,
.res_sidebar .active {
  background: #0f1a2e;
}

.admin-sidebar li:hover {
  background: #263556;
}

/*sidebar css end*/

/*memberlist start*/

.filter-alphabet li a.active,
.filter-alphabet li a:hover {
  background-color: #3492e2;
  color: #fff;
}

.member-contact {
  background-color: #f4f4f4;
}

/*memberlist end*/

/*memberdetail start*/

.blue-border {
  border-color: #3492e2;
}

.blue-bg {
  background-color: #3492e2;
}

.blue-text {
  color: #3492e2;
}

.profile-tab li.active {
  border-bottom: 2px solid #3492e2;
  /*border-right: 1px solid #edf2f7;
  border-left: 1px solid #edf2f7;
  border-bottom: unset;*/
}

.profile-tab {
  border-bottom: 1px solid #edf2f7;
}

/*.profile-tab {
	background: #3492e2;
}
.profile-tab li.active {
	background:#fff;
}
.profile-tab li.active a{
	color:#3492e2;
}*/

.profiletab-table tr {
  border-bottom: 1px solid #edf2f7;
}

.profile-edit {
  background: #000000b3;
}

/*memberdetail end*/

/*timeline start*/

.timeline-img {
  position: absolute;
  left: -7px;
  border: 1px solid #bcc1ce;
  border-radius: 50%;
  padding: 2px;
  margin-top: 1px;
}

/*timeline end*/

/*toggle switch*/

.toggle-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}

.toggle-switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.toggle-track {
  position: relative;
  width: 58px;
  height: 28px;
  background: #d1d5db;
  border-radius: 14px;
  transition: background 0.2s ease;
  flex-shrink: 0;
}

.toggle-switch input:checked ~ .toggle-track {
  background: #2563eb;
}

.toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: left 0.2s ease;
}

.toggle-switch input:checked ~ .toggle-track .toggle-thumb {
  left: 33px;
}

.toggle-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #9ca3af;
  letter-spacing: 0.02em;
  min-width: 2rem;
  transition: color 0.2s;
}

.toggle-switch input:checked ~ .toggle-text {
  color: #2563eb;
}

/*toggle switch*/

/*settings sidebar*/

.settings-sidebar {
  background-color: #f8f9fa;
  border-right: 1px solid #e5e7eb;
  min-height: 100%;
}

.settings-sidebar li {
  padding: 0;
  font-size: 0.875rem;
  border-bottom: 1px solid #f0f2f5;
}

.settings-sidebar li a {
  color: #4b5563;
  padding: 10px 14px;
  display: block;
  font-weight: 500;
}

.settings-sidebar li a:hover {
  background-color: #eef0f3;
  color: #111827;
}

.settings-sidebar li.active {
  background-color: #fff;
  border-left: 3px solid #2563eb;
}

.settings-sidebar li.active a {
  color: #1d4ed8;
  font-weight: 600;
}

/*settings sidebar*/

/*success message*/

.alert-success {
  width: 50%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: #def0d8;
  color: #445441;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 0.875rem;
}

@media (max-width: 992px) {
  .alert-success {
    width: 100%;
  }
}

/*success message*/

.res_sidebar {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #565656db;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 99;
  -webkit-animation: fadein 2s;
          animation: fadein 2s;
  -moz-animation: fadein 2s;
}

.res_sidebar .header-wrapper-b {
  width: 200px;
  background: #1a2744;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.user-dtl {
  display: none;
  position: absolute;
  margin-top: 20px;
  z-index: 99;
  transform: translateY(-4px) scale(1.02);
  background: #fff;
  /* margin-left: -135px;*/
  box-shadow: 0px 5px 75px 2px rgba(64, 70, 74, 0.08) !important;
  /* min-width: 180px;*/
  min-width: 250px;
  /* left: 1061px;*/
  right: 20px;
}

.dashboard-filter .search_user_filter {
  right: 20px;
  border-radius: 0.25rem;
}

.student_select [type=checkbox]:not(:checked),
.student_select [type=checkbox]:checked {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9999;
  opacity: 0;
}

.student_select [type=checkbox]:not(:checked) + label,
.student_select [type=checkbox]:checked + label {
  position: absolute;
  padding-left: 1.95em;
  cursor: pointer;
  top: 10px;
  right: -2px;
}

/* checkbox aspect */

.student_select [type=checkbox]:not(:checked) + label:before,
.student_select [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 16px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.student_select [type=checkbox]:checked + label:before {
  border: 1px solid #09ad7e;
}

/* checked mark aspect */

.student_select [type=checkbox]:not(:checked) + label:after,
.student_select [type=checkbox]:checked + label:after {
  content: "\2713   ";
  position: absolute;
  top: -0.1em;
  left: 0.15em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all 0.2s;
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", Arial;
}

/* checked mark aspect changes */

.student_select [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.student_select [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */

.student_select [type=checkbox]:disabled:not(:checked) + label:before,
.student_select [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.student_select [type=checkbox]:disabled:checked + label:after {
  color: #999;
}

.student_select [type=checkbox]:disabled + label {
  color: #aaa;
}

.member-list .student_selected,
.member-list .student_select .active {
  border: 1px solid #09ad7e;
}

.sites-sidebar {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  left: 192px;
  display: none;
  width: 200px;
  top: 0;
  background-color: #0f1a2e;
}

.admin-sidebar li:hover > .sites-sidebar,
.admin-sidebar li .sites-sidebar:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 99;
}

.node .person .avat {
  width: 65px !important;
  height: 45px !important;
}

.node .person {
  font-size: 0.875rem !important;
}

/*Family tree css*/

.extend_handle {
  padding: 8px 13px !important;
}

.node .person {
  background: #f7fafc;
  /* width: 12rem !important;*/
  /*margin-right: 10px;*/
  border: 1px solid #e2e8f0;
  border-top: 2px solid #4299e1;
  padding: 8px;
  width: 10em !important;
}

.node .person .name {
  overflow: initial !important;
  font-size: 0.75rem !important;
  height: auto !important;
}

.node {
  width: 19em !important;
}

/*Family tree css*/

.student_selected .student_select [type=checkbox]:not(:checked) + label:after,
.student_selected .student_select [type=checkbox]:checked + label:after {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.res_sidebar li:hover {
  background: #263556;
}

/****** *******/

@media (max-width: 570px) {
  .textarea-emoji-picker {
    width: 220px !important;
    margin: 10px auto !important;
  }

  .fc .fc-toolbar {
    flex-direction: column;
  }
}

.res_sidebar li:hover > .sites-sidebar,
.res_sidebar li .sites-sidebar:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 99;
}

@media (max-width: 767px) {
  .dashboard-filter .search_user_filter {
    right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sites-sidebar {
    left: 160px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1350px) {
  .sites-sidebar {
    left: 180px !important;
  }
}

/****** *******/

.text-danger {
  color: #f56565 !important;
}

.btn-primary,
.btn-submit {
  font-size: 0.75rem !important;
}

.dashboard-user-count {
  position: relative;
}

.dashboard-user-count::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 6px;
  top: 0;
  bottom: 0;
  border: 1px solid;
  border-width: 0 0 0 1px;
  height: 40px;
  margin: auto;
  border-color: #e2e8f0;
}

.dashboard-user-count::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 3px;
  top: 0;
  bottom: 0;
  border: 1px solid;
  border-width: 0 0 0 1px;
  height: 40px;
  margin: auto;
  border-color: #e2e8f0;
}

.dashboard-content {
  max-height: 340px;
  overflow-y: auto;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  margin: 20px 1px;
}

.pagination li.disabled .pagination li a {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination .page-item.active a,
.pagination li.active .page-link {
  /*   z-index: 2;
     color: #fff !important;
     background-color: #0275d8;
     border-color: #0275d8;*/
  font-weight: 700;
}

.pagination li a {
  line-height: 1;
  padding: 5px 10px;
  position: relative;
  display: block;
  margin-left: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 0.875rem;
}

.pagination li a:focus {
  outline: none;
}

.pagination li .page-link {
  line-height: 1;
  padding: 5px 10px;
  position: relative;
  display: block;
  margin-left: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 0.875rem;
}

.pagination li a:hover {
  color: #0275d8 !important;
  text-decoration: none;
}

ul.pagination li:first-child .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

ul.pagination li:last-child .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.navbar-brand {
  font-size: 32px;
  font-weight: 900;
}