@charset "UTF-8";

/* #6200ea;*/

html {
  height: 100vh;
}

a {
  color: #008e76;
}

body {
  background: #fff;
  /*font-family: 'Montserrat' !important;*/
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  /*.invite-result{margin-top: 20px}*/
}

body.body-not-auth {
  /*background: $body-bg; */
  height: 100vh;
  display: flex;
  flex-direction: column;
}

body.body-not-auth #body-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

body.body-not-auth footer {
  flex-shrink: 0;
}

body.body-not-auth .modal-footer {
  border: none;
}

body .md-form > input[type="time"]:not(.browser-default) + label,
body
  .md-form
  > input[type]:-webkit-autofill:not(.browser-default):not([type="search"])
  + label {
  transform: translateY(-14px) scale(1);
  font-size: 14px;
  transform-origin: 0 100%;
}

body .md-form label,
body .md-form label.active {
  font-size: 14px;
}

body .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #008e76;
  background-color: #008e76;
}

body .required,
body .error-input {
  color: #ff0000;
}

body .overflow-hidden {
  overflow: hidden;
}

body label.require:after {
  color: #cc0000;
  content: "*";
  font-weight: bold;
  margin-left: 5px;
}

body .text-visible {
  text-indent: -999999px;
}

body .color-gray {
  color: #bdbdbd !important;
}

body .icon-status {
  font-size: 20px;
}

body #dark-layer {
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

body table.table-sm td.no-padding,
body table.table-sm th.no-padding {
  padding: 0;
}

body .md-form input[type="date"].invalid,
body .md-form input[type="date"]:focus.invalid,
body .md-form input[type="datetime-local"].invalid,
body .md-form input[type="datetime-local"]:focus.invalid,
body .md-form input[type="email"].invalid,
body .md-form input[type="email"]:focus.invalid,
body .md-form input[type="number"].invalid,
body .md-form input[type="number"]:focus.invalid,
body .md-form input[type="password"].invalid,
body .md-form input[type="password"]:focus.invalid,
body .md-form input[type="search-md"].invalid,
body .md-form input[type="search-md"]:focus.invalid,
body .md-form input[type="search"].invalid,
body .md-form input[type="search"]:focus.invalid,
body .md-form input[type="tel"].invalid,
body .md-form input[type="tel"]:focus.invalid,
body .md-form input[type="text"].invalid,
body .md-form input[type="text"]:focus.invalid,
body .md-form input[type="time"].invalid,
body .md-form input[type="time"]:focus.invalid,
body .md-form input[type="url"].invalid,
body .md-form input[type="url"]:focus.invalid,
body .md-form textarea.md-textarea.invalid,
body .md-form textarea.md-textarea:focus.invalid,
body span.invalid {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}

body span.valid {
  border-bottom: 1px solid #00c851;
  box-shadow: 0 1px 0 0 #00c851;
}

body .md-form input[type="date"]:focus:not([readonly]),
body .md-form input[type="datetime-local"]:focus:not([readonly]),
body .md-form input[type="email"]:focus:not([readonly]),
body .md-form input[type="number"]:focus:not([readonly]),
body .md-form input[type="password"]:focus:not([readonly]),
body .md-form input[type="search-md"]:focus:not([readonly]),
body .md-form input[type="search"]:focus:not([readonly]),
body .md-form input[type="tel"]:focus:not([readonly]),
body .md-form input[type="text"]:focus:not([readonly]),
body .md-form input[type="time"]:focus:not([readonly]),
body .md-form input[type="url"]:focus:not([readonly]),
body .md-form textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

body .switch label input[type="checkbox"]:checked + .lever {
  background-color: #91ddd1;
}

body .switch label .lever:after {
  border-radius: 12px;
  left: 2px;
  top: 1px;
  width: 12px;
  height: 12px;
}

body .switch label input[type="checkbox"]:checked + .lever:after {
  background-color: #008e76;
  left: 26px;
}

body .btn-light {
  color: #000 !important;
}

body .btn-primary-gray {
  background: #bdbdbd !important;
  color: #fff;
}

body .btn-primary-purple-light {
  background: #9d46ff !important;
  color: #fff;
}

body .btn-right {
  text-align: right;
}

body .btn-primary-purple {
  background: #806cb5 !important;
  color: #fff;
}

body .loading-ajax {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background: rgba(255, 255, 255, 0.85);
  z-index: 999999;
}

body .loading-ajax-ag {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 999999;
}

body .loading-ajax .preloader-wrapper.big {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
}

body .color-green {
  color: #008e76 !important;
}

body .color-purple {
  color: #806cb5 !important;
}

body .color-red {
  color: #ff0000 !important;
}

body .text-big {
  font-size: 18px;
}

body .no-margin {
  margin: 0 !important;
}

body input.no-border {
  border: none !important;
}

body .preloader-wrapper .spinner-green,
body .preloader-wrapper .spinner-green-only {
  border-color: #008e76;
}

body .md-form .prefix {
  color: #bdbdbd;
}

body .md-form .prefix.active {
  color: #000;
}

body .md-form .switch label {
  position: relative;
}

body .md-form .phone-format {
  max-width: 90%;
}

body .modal-title {
  font-size: 20px;
}

body .modal-title span {
  padding: 0 0 0 10px;
  position: relative;
  top: 3px;
}

#modal-giver-history .modal-title span {
  position: unset;
  padding: unset;
  top: 0;
}

body .btn-primary {
  background-color: #008e76 !important;
  color: #fff;
}

body .btn-group-select label.btn-primary {
  background-color: #91ddd1 !important;
  color: white;
}

body .btn-group-select label.btn-primary:not([disabled]):not(.disabled).active {
  background-color: #008e76 !important;
}

body .btn {
  text-transform: none;
  font-size: 14px;
}

body .btn.btn-sm {
  font-size: 14px;
}

body .card .md-form label.active {
  font-weight: 400;
  color: #757575 !important;
}

body .font-size-18 {
  font-size: 18px;
}

body #wrap-logged-out-new {
  margin-bottom: 50px;
}

body #wrap-logged-out h2,
body #wrap-logged-out-new h2 {
  margin: 20px 0;
  padding: 0;
  font-size: 20px;
  color: #806cb5;
}

.h2 {
  margin: 20px 0;
  padding: 0;
  font-size: 20px !important;
  color: #806cb5;
  font-weight: normal !important;
}

body input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

body input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

body .frm-general label {
  color: #008e76 !important;
  font-weight: 400;
  font-size: 14px;
}

body .frm-general#frm-login {
  padding: 10px 0 32px;
}

body .frm-general#frm-login.custom-login {
  padding-bottom: 10px;
}

body .frm-general#frm-login .custom-control-label {
  padding-left: 25px;
  transform: none;
  color: #000 !important;
  cursor: pointer;
}

body .frm-general#frm-login .custom-control-label::before {
  left: 0;
}

body .frm-general#frm-login .custom-control-label::after {
  left: 0;
}

body .frm-general#frm-login .link-fg-pass {
  display: block;
  text-align: right;
  color: #008e76;
}

body .frm-general#frm-login .btn {
  margin: 20px 0 0;
}

body .btn-floating-support {
  bottom: 10px;
  right: 10px;
  color: #008e76;
  position: fixed;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  padding: 0;
  cursor: pointer;
  text-align: center;
}

body .btn-floating-support .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

body .btn-floating-support .inner .line-menu {
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  display: block;
  left: 17px;
  top: 24px;
}

body .btn-floating-support .inner .line-menu:first-child {
  top: 24px;
  transform: rotate(90deg);
}

body .btn-floating-support.open {
  z-index: 99999;
}

body .btn-floating-support.open .inner {
  transform: rotate(45deg);
}

body .btn-floating-support i {
  position: relative;
  font-size: 27px;
  color: #fff;
  line-height: 50px;
}

body .btn-floating-support i span {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: 50%;
  margin-left: -4px;
  font-style: normal;
  font-size: 12px;
}

body .tbl-general {
  border: 2px solid #efefef;
  border-radius: 5px;
  border-collapse: collapse;
  background: #f9f9f9;
}

body .tbl-general thead tr th {
  border-bottom: 2px solid #008e76;
  color: #008e76;
  padding: 10px;
}

body .tbl-general tr td {
  font-weight: 400;
  padding: 10px;
}

body .tbl-general tr td a {
  color: #008e76;
}

body .tbl-general .custom-checkbox {
  padding-left: 2.5rem;
}

body footer {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0;
  color: #878787;
  font-size: 12px;
}

body footer a {
  color: #878787;
  padding: 0 5px;
}

body footer.subtle {
  border-top: 0;
  position: fixed;
  bottom: 15px;
  right: 75px;
}

@media (max-width: 768px) {
  body footer.subtle {
    position: static;
  }
}

body .praelude_logo_box {
  position: fixed;
  left: 15px;
  bottom: 15px;
}

body .praelude_logo_box img {
  width: 100px;
}

@media (max-width: 768px) {
  body .praelude_logo_box {
    position: static;
    text-align: center;
  }
}

body .logo_subtle {
  position: fixed;
  bottom: 15px;
  left: 50px;
  font-size: 10px;
}

body .logo_subtle img {
  width: 50px;
}

body .logo_subtle span {
  display: inline-block;
  margin: 0 5px 0 0;
}

body .logo_subtle .org_name {
  font-weight: 700;
}

body .logo_subtle .powered_by {
  font-style: italic;
}

@media (max-width: 768px) {
  body .logo_subtle {
    position: static;
  }
}

body header {
  background: #008e76;
  padding: 10px 0;
}

body header .nav-main-top {
  margin: 0;
  padding: 0;
  list-style: none;
}

body header .nav-main-top li {
  display: inline;
  padding-right: 25px;
}

body header .nav-main-top li.active a,
body header .nav-main-top li:hover a {
  color: #fff;
}

body header .nav-main-top li a {
  color: #00d7ba;
  font-size: 16px;
}

body header .nav-user {
  margin: 0;
  padding: 5px 0 0;
  list-style: none;
  text-align: right;
}

body header .nav-user li {
  display: inline;
  padding: 0 0 0 20px;
}

body header .nav-user li a {
  color: #fff;
  font-size: 20px;
}

body #sub-header .sub-navigation-right {
  padding-right: 100px;
  padding-top: 5px;
}

body #sub-header {
  background: #f5f5f5;
  padding: 10px 0;
}

body #sub-header .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body #sub-header .sub-menu li {
  display: inline;
  padding-right: 25px;
}

body #sub-header .sub-menu li.active a,
body #sub-header .sub-menu li:hover a {
  color: #008e76;
}

body #sub-header .sub-menu li a {
  color: #bdbdbd;
  font-size: 16px;
}

body #body-inner {
  flex: 1 0 auto;
}

body #body-inner .main-content {
  position: relative;
  margin: 30px 0;
}

body #body-inner .main-content .wrap-password {
  display: none;
}

body #body-inner .main-content .wrap-password.show {
  display: flex !important;
}

body #body-inner .main-content .btn-floating-top {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  top: -55px;
  right: 0;
  z-index: 99;
  margin: 0;
  background: #806cb5;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}

body #body-inner .main-content .btn-floating-top .inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

body #body-inner .main-content .btn-floating-top .inner .line-menu {
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  display: block;
  left: 17px;
  top: 24px;
}

body #body-inner .main-content .btn-floating-top .inner .line-menu:first-child {
  top: 24px;
  transform: rotate(90deg);
}

body #body-inner .main-content .btn-floating-top.open {
  z-index: 99999;
}

body #body-inner .main-content .btn-floating-top.open .inner {
  transform: rotate(45deg);
}

body #body-inner .main-content .main-title {
  color: #806cb5;
  font-size: 30px;
  padding: 30px 0 20px;
  margin: 0;
  font-weight: 400;
  text-align: center;
}

body #body-inner .main-content .main-title .btn {
  position: absolute;
  top: 1.5rem;
  margin-left: 4rem;
}

body #body-inner .main-content .main-title img {
  max-height: 36px;
  margin-right: 30px;
  margin-left: -66px;
}

@media (max-width: 991px) {
  body #body-inner .main-content .main-title img {
    margin: 0 auto;
    display: block;
    text-align: center;
  }
}

body #body-inner .main-content .sub-title {
  font-size: 18px;
  color: #bdbdbd;
  margin: 0 0 30px;
  padding: 0;
  font-weight: 400;
  text-align: center;
}

body #body-inner .main-content .sub-title:empty {
  display: none;
}

body #body-inner .main-content .right-section {
  position: relative;
}

body #body-inner .main-content .wrap-loggings {
  margin: 30px 0;
}

body #body-inner .main-content .wrap-switch label {
  transition: none;
  transform: none;
}

body #body-inner .main-content .wrap-switch .main-label {
  position: relative;
  transition: none;
  transform: none;
  padding: 0 10px 0 0;
}

body #body-inner .main-content .wrap-switch .switch label {
  font-size: 14px;
}

body #body-inner .main-content .wrap-switch .switch label .inactive {
  color: #000 !important;
}

body #body-inner .main-content .wrap-switch.filter {
  margin-top: 1rem;
  text-align: right;
}

body #body-inner .main-content .wrap-switch-no-margin {
  margin: 0;
}

body #body-inner .main-content .data-table {
  border: 2px solid #bdbdbd;
  border-radius: 5px;
}

body #body-inner .main-content .data-table thead tr th {
  border-bottom: 2px solid #008e76;
  color: #008e76;
}

body #body-inner .main-content .data-table tr td {
  font-weight: 400;
}

body #body-inner .main-content .data-table tr td a {
  color: #008e76;
}

body #body-inner .main-content .data-table .custom-checkbox {
  padding-left: 2.5rem;
}

body #body-inner .main-content #top-page {
  margin: 0 0 20px;
}

body #body-inner .main-content #top-page .left-top-page .form-group {
  padding: 0px 0 0px 0;
  margin: 0px;
  border-bottom: 1px solid #bdbdbd;
}

body #body-inner .main-content #top-page .left-top-page .form-group i {
  padding: 0 5px 0 0;
}

body
  #body-inner
  .main-content
  #top-page
  .left-top-page
  .form-group
  .form-control {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
  width: 90%;
  font-size: 14px;
}

body
  #body-inner
  .main-content
  #top-page
  .left-top-page
  .form-group
  .form-control:focus {
  box-shadow: none;
}

body #body-inner .main-content #top-page .right-top-page {
  text-align: right;
  font-size: 18px;
}

body #body-inner .main-content #top-page .right-top-page a {
  display: inline-block;
}

body #body-inner .main-content #top-page .right-top-page span {
  display: inline-block;
  border: 1px solid #008e76;
  border-radius: 5px;
  margin: 0 0 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 0;
}

body #body-inner .main-content #top-page .right-top-page span a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 18px;
}

body #body-inner .main-content #top-page .right-top-page span a.active {
  background: #008e76;
  color: #fff;
}

body #modal-notify-delete-general .txt-msg {
  color: #ff0000;
  font-size: 18px;
}

body #wrap-float-menu-support {
  z-index: 99999;
}

body .float-menu {
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0;
  padding: 0;
  text-align: right;
  visibility: hidden;
}

body .float-menu#float-menu-support {
  top: auto;
  bottom: 66px;
  right: 16px;
  position: fixed;
  z-index: 99999;
}

body .float-menu#float-menu-support li a span {
  background: #008e76;
  font-size: 16px;
}

body .float-menu li {
  list-style: none;
  margin: 0 0 10px;
  opacity: 0;
  visibility: hidden;
}

body .float-menu li a {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 40px;
  padding: 0px 55px 0px 20px;
  display: inline-block;
  height: 40px;
  position: relative;
  color: #fff;
  line-height: 40px;
}

body .float-menu li a span {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  right: 0;
  background: #9d46ff;
  top: 0;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
}

body .float-menu li a span i {
  line-height: inherit !important;
}

body .float-menu li:nth-child(1) {
  transition: 0.1s ease-in-out;
}

body .float-menu li:nth-child(2) {
  transition: 0.2s ease-in-out;
}

body .float-menu li:nth-child(3) {
  transition: 0.3s ease-in-out;
}

body .float-menu li:nth-child(4) {
  transition: 0.4s ease-in-out;
}

body .float-menu li:nth-child(5) {
  transition: 0.5s ease-in-out;
}

body .float-menu li:nth-child(6) {
  transition: 1s ease-in-out;
}

body .float-menu li:nth-child(7) {
  transition: 1.1s ease-in-out;
}

body .float-menu.open {
  visibility: visible;
  z-index: 99999;
}

body .float-menu.open li {
  opacity: 1;
  visibility: visible;
}

body table.table a.link {
  color: #008e76;
}

body table.table span.name {
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}

body .manager_box {
  margin-top: 20px;
}

body .manager_box .header {
  background: #008e76;
  color: #fff;
  padding: 10px;
  text-align: center;
}

body .manager_box .header h1 {
  font-size: 14px;
}

body .manager_box .header h2 {
  font-size: 11px;
  margin-bottom: 0;
}

body .manager_box .description {
  margin-bottom: 0px;
}

body .manager_box .content {
  text-align: center;
  box-shadow: 5px 5px 5px 0px #cccccc;
}

body .manager_box .content .top {
  background: #f5f5f5;
  padding: 20px 0px 40px 0px;
  position: relative;
}

body .manager_box .content .top-buttons {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  margin-bottom: -62px;
}

body .manager_box .content .top-settings {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -35px;
}

body .manager_box .content .top-settings .btn-floating {
  background: #008e76;
}

body .manager_box .content .bottom {
  background: #fff;
  padding: 80px 0px 20px 0px;
}

body .manager_box img {
  max-width: 100%;
  max-height: 500px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

body .manager_box .name {
  font-size: 18px;
  color: #008e76;
  margin-top: 20px;
}

body .manager_box .description {
  font-size: 14px;
  color: #bdbdbd;
}

body .manager_box .btn-floating {
  color: #fff !important;
  line-height: 47px;
}

body .manager_box .number1 {
  background: #5c1ae2;
}

body .manager_box .number2 {
  background: #9b4cf8;
}

body .manager_box .number3 {
  background: #0014af;
}

body .manager_box .btn-negative {
  background: #cc0000 !important;
}

body .manager_box .number-block {
  display: inline-block;
}

body .full-resize {
  resize: both !important;
}

body img.small-thumb {
  max-width: 100px;
  height: auto;
}

body .md-form label.active {
  transform: translateY(-14px) scale(1);
  /* do not decrease font-size*/
}

body .select-wrapper + label {
  top: 0;
}

body .select-wrapper + label.active {
  transform: translateY(-14px) scale(1);
  font-size: 14px;
  top: 0;
}

body .frm-general .section-title {
  color: #806cb5;
  font-size: 24px;
  padding: 10px 0px;
  margin: 0;
  font-weight: 400;
  text-align: left;
}

body .frm-general .section-description {
  font-size: 16px;
  color: #bdbdbd;
  margin: 0 0 10px;
  padding: 0;
  font-weight: 400;
  text-align: left;
}

body .frm-general section {
  margin-bottom: 30px;
}

body .frm-general section .custom-control {
  margin-left: 20px;
}

body .frm-general .section-inner {
  padding-left: 35px;
  padding-top: 30px;
}

body .frm-general label.black-label {
  color: #495057 !important;
  background-color: transparent !important;
}

body .frm-general .section-content {
  padding-left: 50px;
}

body table.table-pending-invitation td {
  width: 25%;
}

body #sb-invite-user-list {
  margin-bottom: 10px;
}

body .grey-text {
  color: #bdbdbd !important;
}

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

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

body .pd-left-20 {
  padding-left: 20px;
}

body .pd-left-50 {
  padding-left: 50px;
}

body .select-wrapper-nav-organization {
  width: 250px;
  display: inline-block;
  margin-left: 10px;
}

body .select-wrapper-nav-organization .select-dropdown {
  margin-bottom: 0px;
  font-size: 14px;
}

body .box-shadow {
  border: 1px solid #dfdfdf;
  box-shadow: 5px 5px 5px 0px #cccccc;
  padding: 10px;
}

body .box-no-shadow {
  padding: 10px;
}

body .chart-box-container {
  min-height: 100px;
  margin-bottom: 20px;
  padding: 0px 80px 40px 50px;
  position: relative;
}

body .chart-summary {
  width: 270px;
  padding: 10px;
  background: transparent;
  border: 1px solid #dfdfdf;
  margin-top: 20px;
  float: right;
}

body .barChart {
  margin: 20px 0px;
}

body .chart-title {
  color: #806cb5;
  padding: 30px 0 20px;
  margin: 0;
  font-weight: 400;
  text-align: left;
}

body .chartLegend {
  position: absolute;
  top: 30px;
  right: 15px;
}

@media (max-width: 991px) {
  body .chartLegend {
    position: static;
    text-align: center;
  }
}

body .chartLegend li {
  display: inline-block;
  margin-left: 20px;
}

body .chartLegend li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

body .chartLegend li.viewed {
  color: #008e76;
}

body .chartLegend li.viewed:before {
  background-color: #008e76;
}

body .chartLegend li.prayed {
  color: #806cb5;
}

body .chartLegend li.prayed:before {
  background-color: #806cb5;
}

body .total-yealy,
body .average-montly {
  font-weight: 500;
}

body .balance-box {
  min-height: 100px;
  margin-bottom: 10px;
  padding: 10px;
}

body .balance-box .waves-effect {
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: #008e76;
}

body .balance-box .waves-effect i {
  font-size: 24px;
}

body .balance-box .top {
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px 0px 10px;
}

body .balance-box .top .amount {
  color: #008e76;
  font-size: 24px;
  display: inline-block;
  margin-right: 20px;
}

body .balance-box .top .icon {
  color: #008e76;
  font-size: 24px;
}

body .balance-box .bottom {
  margin-top: 10px 10px;
  font-size: 18px;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: 400;
}

#notificationModal .modal-dialog {
  max-width: 80%;
}

#notificationModal .modal-title {
  color: #806cb5;
  font-weight: 400;
  text-align: center;
  display: block;
  width: 100%;
  font-size: 24px;
}

.md-form-datepicker {
  padding-right: 20px;
}

.md-form-datepicker .icon {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 15px;
  font-size: 18px;
}

.btn-add-admin-fee {
  margin-top: 30px;
}

.project_card {
  margin-top: 0px !important;
  background: #d5d5d5;
}

.project_card .content {
  position: relative;
}

.project_card .content .name {
  position: absolute;
  color: #fff;
  z-index: 100;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project_card .top {
  text-align: left;
  padding: 20px 20px !important;
  background: #fff;
}

.project_card .top .top-inner {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

ul.nav-user .notification,
.notification-icon-container {
  position: relative;
}

ul.nav-user .notification .unread,
.notification-icon-container .unread {
  padding: 2px 5px;
  position: absolute;
  margin-top: -5px;
  margin-right: -5px;
  background: red;
  color: #fff;
  border-radius: 50%;
  font-size: 8px;
}

ul.nav-user .notification .unread {
  top: 0;
  right: 0;
}

.nav-main-top .nav-item .unread {
  top: 7px;
  right: 14px;
}

#userTabContainer {
  padding: 50px 30px 30px 30px !important;
}

#userTabContainer .tab-pane .row {
  margin-top: 10px;
}

#userTabContainer .intro {
  text-align: center;
  color: #806cb5;
  font-size: 16px;
}

#userProfileTab {
  background-color: #2bbbad !important;
}

.user-avatar-container {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  align-self: center;
  vertical-align: middle;
  /*overflow: ?*/
}

.user-avatar-container img {
  max-width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
}

.default-avatar {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  height: 150px;
  color: #008e76;
  line-height: 150px;
  font-size: 5em;
}

.btn-edit-user-avatar {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #008e76;
  color: #fff;
  z-index: 1000;
  margin-bottom: -10px;
}

#ipt-user-avatar {
  visibility: hidden;
}

.manager_box_picture_file {
  display: none;
}

.logo-login h1 {
  font-size: 24px;
  font-weight: 700;
}

.logo-login p {
  margin-top: 10px;
  font-size: 14px;
  color: #676767;
}

.logo-login p.MuiTypography-root {
  margin-top: 0px;
}

.logo-login h1.intro,
.logo-login p.intro {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 768px) {
  .logo-login .card {
    margin: 10px 0 30px;
  }
}

/* PAGINATIONS STYLE */

ul.pagination {
  margin-top: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0px 0;
  border-radius: 0px;
}

.pagination > li {
  display: inline;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pagination > .active > a {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008e76;
  border-color: #008e76;
}

.pagination > .active > a:focus,
.pagination > .active > a:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008e76;
  border-color: #008e76;
}

.pagination > .active > span {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008e76;
  border-color: #008e76;
}

.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008e76;
  border-color: #008e76;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #008e76;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li.disabled > a,
.pagination > li.disabled > span {
  color: #c8c7c8;
}

.pagination .page-item .page-link {
  outline: 0;
  border: 1px solid #dee2e6;
}

.navbar,
.pagination .page-item.active .page-link {
  box-shadow: none;
  background-color: #008e76;
}

/* END PAGINATION STYLE */

/* Table Admin List */

table.table-admin,
table.custom-datatable {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  overflow-x: scroll;
}

table.table-admin thead th,
table.custom-datatable thead th {
  border-bottom: 2px solid #008e76;
}

table.table-admin thead th a,
table.custom-datatable thead th a {
  color: #008e76;
}

table.table-admin thead th i,
table.custom-datatable thead th i {
  color: #008e76;
  margin-left: 5px;
}

table.table-admin thead th i[class$="-asc"]:before,
table.custom-datatable thead th i[class$="-asc"]:before {
  content: "\F0DE";
}

table.table-admin thead th i[class$="-desc"]:before,
table.custom-datatable thead th i[class$="-desc"]:before {
  content: "\F0DD";
}

table.table-admin th,
table.table-admin td,
table.custom-datatable th,
table.custom-datatable td {
  padding: 10px;
}

table.custom-datatable thead th.sorting:before,
table.custom-datatable thead th.sorting:after,
table.custom-datatable thead th.sorting_asc:before,
table.custom-datatable thead th.sorting_asc:after,
table.custom-datatable thead th.sorting_desc:before,
table.custom-datatable thead th.sorting_desc:after {
  top: 8px;
  left: 10px;
  color: #008e76;
}

table.custom-datatable thead th.select_all {
  padding: 10px !important;
}

table.custom-datatable thead th.select_all:before,
table.custom-datatable thead th.select_all:after {
  top: auto;
  left: auto;
}

th.no-sort {
  cursor: pointer;
}

table thead th.no-sort:before,
table thead th.no-sort:after {
  content: "" !important;
  opacity: 0;
}

table.custom-datatable thead th.sorting,
table.custom-datatable thead th.sorting_asc,
table.custom-datatable thead th.sorting_desc {
  padding-left: 25px;
  color: #008e76;
}

.custom-control.no-margin {
  margin-left: 0px !important;
}

#tbl-pending-members td,
#tbl-pending-managers td {
  width: 20%;
}

table a.link-cancel-invite {
  color: #806cb5 !important;
}

.dataTables_filter.custom {
  border-bottom: 1px solid #dfdfdf;
}

.dataTables_filter.custom label {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.dataTables_filter.custom input {
  border: none;
  box-shadow: none !important;
}

/*END TABLE ADMIN STYLE*/

#notificationModal td,
#notificationModal img {
  max-width: 500px;
  height: auto;
}

#my-notification-list_wrapper {
  overflow-x: scroll;
}

.tbl-notification a.target_link {
  width: 50px;
  height: 50px;
  display: block;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 10px;
}

.tbl-notification a.target_link.invite_organization_manager,
.tbl-notification a.target_link.invite_group_member,
.tbl-notification a.target_link.invite_project_member,
.tbl-notification a.target_link.invite_user {
  background: #9b4cf8;
}

.tbl-notification a.target_link.new_project_created,
.tbl-notification a.target_link.new_group_created,
.tbl-notification a.target_link.object_created {
  background: #0a00b6;
}

.tbl-notification a.target_link.gift_low_fund,
.tbl-notification a.target_link.gift_critical_fund,
.tbl-notification a.target_link.gift_high_fund,
.tbl-notification a.target_link.gift {
  background: #008e76;
}

.manager_box.internal_team .header {
  background: #0a00b6;
}

.manager_box.group_member .header,
.manager_box.organization_member .header,
.manager_box.group_member .header {
  background: #9b4cf8;
}

/*Project Balance box*/

.balance-box {
  margin-bottom: 20px;
}

.balance-box .right {
  padding-top: 15px;
}

.balance-box .amount,
.balance-box .currency {
  color: #008e76;
}

.gift_card_item {
  margin-bottom: 20px;
  cursor: pointer;
}

.gift_card_item .card-top {
  background: #f5f5f5;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
}

.gift_card_item .card-top .card-title {
  color: #008e76;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0.5rem;
}

.gift_card_item .card-top .card-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -40px;
  margin-bottom: -40px;
}

.gift_card_item .card-bottom {
  padding-top: 50px;
  padding-bottom: 20px;
}

.gift_card_item .card-bottom .gift-balance {
  margin-top: 10px;
  color: #008e76;
}

.carousel-nav {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: flex-start;
  /* Safari 7.0+ */
  display: flex;
  align-items: flex-start;
  text-align: center;
}

.carousel-nav a {
  align-self: center;
  -webkit-align-self: center;
  display: block;
  width: 100%;
}

.carousel-next {
  text-align: left;
}

/*.carousel-nav a{display: inline-block;font-size: 24px;margin-top: 50px;}*/

#carousel-example-multi {
  margin-bottom: 0px;
}

#modal-project-public-info .modal-body {
  padding: 0px;
}

#modal-project-public-info .manager_box .content {
  box-shadow: none;
}

#modal-project-public-info .close {
  position: absolute;
  right: 0;
  top: 0px;
  color: #fff;
  margin-top: 10px;
  margin-right: 10px;
}

#gift_dashboard_chart .chart-box-container {
  margin-top: 50px;
}

#gift_dashboard_chart label {
  font-size: 18px;
  color: #008e76 !important;
  font-weight: bold;
}

.chart-year-change {
  margin-top: 20px;
}

.chart-year-change .disabled {
  color: #ccc;
}

.chart-year-change .chart-year {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 18px;
  color: #008e76;
}

.dashboard-chart-summary .row {
  margin-top: 20px;
  font-size: 18px;
}

.dashboard-chart-summary .gift-type {
  color: #806cb5;
}

.dashboard-chart-summary .gift-value {
  color: #008e76;
}

.dashboard-chart-summary .summary-title {
  width: 100%;
  display: block;
  position: absolute;
}

#dashboard-filters {
  margin-bottom: 40px;
  padding: 20px 10px;
}

#dashboard-filters .balance-box {
  margin-bottom: 0px;
}

#dashboard-filters .right-filter {
  padding: 35px 10px;
}

.no-pd-left {
  padding-left: 0px;
}

.pd-top-10 {
  padding-top: 10px;
}

.btn-invite-user {
  margin-top: 0px;
}

.modal-title {
  width: 100%;
  color: #806cb5;
}

.modal-content .row,
.modal-content .md-form-datepicker {
  margin-top: 15px;
}

.modal-content .row label {
  color: #008e76;
}

/* Export Group Buttons */

.btn-group-export {
  margin-bottom: 20px;
}

.btn-group-export .btn-rounded {
  border-radius: 5px;
  box-shadow: none;
  font-size: 12px !important;
  padding: 5px 15px !important;
  margin-right: 3px !important;
}

#top-page .btn-group-export {
  margin-bottom: 0px;
}

.distribution_custom_control .custom-checkbox {
  width: 48%;
  display: inline-block;
}

.frm-general label.custom-control-label {
  color: #495057 !important;
}

/* NEW GIFT POPUP CSS*/

.braintree-hosted-fields-focused {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.braintree-hosted-fields-focused.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.ipt-required.error {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.gift-form .row,
.gift-form .md-form-datepicker {
  margin-top: 15px;
}

.gift-form .row .row,
.gift-form .md-form-datepicker .row {
  margin-top: 0;
}

@media (max-width: 768px) {
  .gift-form .row .row > div,
  .gift-form .md-form-datepicker .row > div {
    margin-top: 10px;
  }
}

.gift-form .row label {
  color: #008e76 !important;
}

.gift-form .tab-content {
  padding-top: 20px;
}

.gift-form .tab-content.tab-content-payment {
  padding: 0;
}

.gift-form .nav-tabs {
  border-bottom: none;
}

.gift-form .nav-tabs .nav-item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.gift-form .nav-tabs .nav-link {
  border-radius: 5px;
  border-color: #dee2e6 !important;
  color: #806cb5;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.axia-green {
  color: var(--axia-green);
}

.gift-form .nav-tabs .nav-item.show .nav-link,
.gift-form .nav-tabs .nav-link.active {
  border-color: #dee2e6 !important;
  background: #806cb5;
  color: #fff;
}

.gift-form #tab-content-payment-method {
  width: 100%;
  padding: 20px 0 0;
}

.gift-form #tab-content-payment-method label > span {
  width: 120px;
  text-align: right;
  margin-right: 30px;
}

.gift-form #tab-content-payment-method .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325f;
  outline: none;
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
}

.gift-form #tab-content-payment-method .field::-webkit-input-placeholder {
  color: #cfd7e0;
}

.gift-form #tab-content-payment-method .field::-moz-placeholder {
  color: #cfd7e0;
}

.gift-form #tab-content-payment-method button {
  float: left;
  display: block;
  background: #666ee8;
  color: white;
  box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 0;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  line-height: 38px;
  outline: none;
}

.gift-form #tab-content-payment-method button:focus {
  background: #555abf;
}

.gift-form #tab-content-payment-method button:active {
  background: #43458b;
}

.gift-form #tab-content-payment-method .outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 24px;
  text-align: center;
}

.gift-form #tab-content-payment-method .success,
.gift-form #tab-content-payment-method .error {
  display: none;
  font-size: 13px;
}

.gift-form #tab-content-payment-method select {
  display: block !important;
}

.gift-form #tab-content-payment-method .success.visible,
.gift-form #tab-content-payment-method .error.visible {
  display: inline;
}

.gift-form #tab-content-payment-method .error {
  color: #e4584c;
}

.gift-form #tab-content-payment-method .success {
  color: #666ee8;
}

.gift-form #tab-content-payment-method .success .token {
  font-weight: 500;
  font-size: 13px;
}

/*
USER PROFILE TAB STYLES
*/

#user-profile-section .tab-content {
  padding-top: 10px;
}

#user-profile-section .nav-tabs {
  border-bottom: none;
}

#user-profile-section .nav-tabs .nav-item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0px;
}

#user-profile-section .nav-tabs .nav-link {
  border-radius: 5px;
  border-color: #dee2e6 !important;
  color: #008e76;
}

#user-profile-section .nav-tabs .nav-item.show .nav-link,
#user-profile-section .nav-tabs .nav-link.active {
  border-color: #dee2e6 !important;
  background: #008e76;
  color: #fff;
}

header.header_internal {
  background-color: #0a00b6;
}

header.header_internal .nav-main-top li a {
  color: lightblue;
}

#sub-header.sub-header-internal .sub-menu li.active a,
#sub-header.sub-header-internal .sub-menu li:hover a {
  color: #0a00b6;
}

label.mdb-main-label {
  color: #008e76;
}

label.table-title {
  color: #806cb5;
  font-size: 18px;
  margin-bottom: 0px;
  margin-top: 10px;
  padding: 0px;
}

p.orga-hint {
  margin-top: 40px;
  margin-bottom: 0px;
}

.ipt-gift-amount,
.product_unit_price {
  display: inline-block;
  width: calc(100% - 22px);
  margin-left: 5px;
}

.ipt-required.error {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.green_txt {
  color: #008e76 !important;
}

.tab-head-payment-method {
  margin-top: 20px;
}

.wrap-main-section section {
  margin-bottom: 50px;
}

.wrap-plaid-account {
  margin: 30px 0 0;
  text-align: left;
}

.wrap-bank-account {
  text-align: left;
}

.wrap-bank-account .wrap-title h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  padding: 15px 0 0;
}

.wrap-bank-account .new-item-bank {
  display: none;
}

.wrap-bank-account .exist-customer-bank-accounts {
  margin: 30px 0 0;
  text-align: left;
}

.wrap-bank-account .item-bank {
  border-bottom: 1px dotted #bdbdbd;
  padding: 10px 0;
  cursor: pointer;
}

.wrap-bank-account .item-bank:hover .account-number {
  color: #008e76 !important;
}

.wrap-bank-account .item-bank.selected .account-number {
  color: #008e76 !important;
}

.wrap-bank-account .item-bank.selected .account-number:after {
  content: "\2714";
  padding-left: 15px;
}

.ach_paymethod a.delete i {
  font-size: 18px;
  color: #ff0000;
}
.ach_paymethod a.delete .verified {
  color: inherit;
  margin-right: 3px;
}

.button-sticky.fixed {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100;
}

#payment-ach .txt-account-number {
  background: #bdbdbd;
  border-radius: 5px;
  display: inline-block;
  box-shadow: inset 15px 15px 15px 1px #d6d6d6;
  padding: 10px 20px;
}

.wrap-item-payment {
  position: relative;
  margin: 0 0 10px;
  border-bottom: 1px dotted #bdbdbd;
  padding: 0 100px 10px 0px;
}

.wrap-item-payment .item-payment-method {
  display: block;
}

.wrap-item-payment .item-payment-method span {
  display: inline-block;
  margin-right: 15px;
}

.wrap-item-payment .item-payment-method:hover {
  color: #008e76 !important;
}

.wrap-item-payment .item-payment-method.selected {
  color: #008e76 !important;
}

.wrap-item-payment .item-payment-method.selected:after {
  content: "\2714";
  padding-left: 15px;
}

.wrap-item-payment .delete {
  position: absolute;
  right: 0;
  top: 0;
  color: #008e76 !important;
}

.wrap-item-payment .delete-confirm-box {
  position: absolute;
  width: 250px;
  right: 0;
}

.wrap-item-payment.confirm {
  padding-bottom: 110px;
}

.mdb-select-group {
  display: inline-block;
  width: 250px;
  margin-left: 20px;
}

.md-form .form-control:disabled,
.md-form .form-control[readonly] {
  border-bottom: 1px solid transparent !important;
}

.row-count-selector {
  display: inline !important;
  width: auto;
  margin-bottom: 20px;
}

.dataTables_length select {
  display: inline !important;
}

.filter-with-length {
  float: right;
}

.user-profile-privacy-icon {
  position: absolute;
  right: 0;
  margin-right: 1.5rem;
}

.balance-box .privacy-icon {
  color: #008e76;
  float: right;
}

.highly-restricted {
  color: #ff0000;
}

.restricted {
  color: #ff6600;
}

.non-restricted {
  color: #008e76;
}

.client-logo {
  max-width: 100%;
  max-height: 500px;
}

.client-logo-wrapper {
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 15px;
}

.client-logo-wrapper img {
  max-width: 100%;
  max-height: 500px;
}

.actions-row {
  float: right;
}

.modal-subtitle {
  color: #555;
  font-size: 12px;
  margin: 5px 0 0 0;
  font-style: italic;
}

.md-form.cb-align {
  margin-bottom: 0;
}

.inline-labels label {
  margin-right: 0.25rem;
}

.inline-labels .md-form {
  margin: 0;
  display: inline-block;
}

.inline-labels .md-form input {
  padding: 0;
}

body .sub-checkbox {
  margin-top: 0.5rem;
}

body .sub-checkbox label {
  font-size: 0.75rem;
  color: #333 !important;
  position: relative;
  display: inline;
  cursor: pointer;
}

body .sub-checkbox input[type="checkbox"] {
  opacity: 1;
  position: relative;
  display: inline;
  border-color: #333;
  pointer-events: inherit;
}

body .sub-checkbox.custom-control {
  padding-left: 0;
}

.inline_labels input[type="checkbox"] {
  opacity: 1;
  position: relative;
  display: inline;
  border-color: #333;
  pointer-events: inherit;
  margin-right: 0.5rem;
}

.inline_labels label {
  color: #008e76;
}

.right-align-cell {
  float: right;
  padding-right: 1rem;
}

.transaction-attachments li {
  display: inline-block;
  margin-right: 1rem;
  color: #008e76;
}

.project-card-label {
  text-align: center;
}

.project-card-text {
  text-align: center;
}

@media (min-width: 1200px) {
  .project-card-label {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
  }

  .project-card-text {
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.table-column-btn {
  margin-left: 2rem;
  font-size: 1.15rem;
  vertical-align: middle;
}

a.edit-product {
  margin-right: 1rem !important;
}

td.giver-actions {
  font-size: 1rem;
  padding-left: 0;
  padding-right: 0;
}

td.giver-actions a {
  margin-right: 7px;
}

td.giver-actions a:last-child {
  margin-right: none;
}

td.description {
  word-break: break-word;
}

td.icon-list,
div.icon-list {
  font-size: 1rem;
  padding-left: 0;
  padding-right: 0;
}

td.icon-list a,
div.icon-list a {
  margin-right: 7px;
}

td.icon-list a:last-child,
div.icon-list a:last-child {
  margin-right: none;
}

.max-width {
  width: 100%;
}

.input-with-button button {
  position: absolute;
  bottom: 0;
  margin: 0;
}

.tag-list li {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 14px;
  border: 1px solid #91ddd1;
  margin: 0 5px 5px 0;
  background: #91ddd1;
  font-weight: bold;
  cursor: pointer;
}

.tag-list li i {
  margin-left: 5px;
}

.tag-list li.removed {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
  font-style: italic;
  text-decoration: line-through;
}

.tag-list li.readonly {
  background: #eee;
  border-color: #eee;
  color: #777;
  font-style: italic;
  cursor: default;
}

.no-active-labels label.active {
  left: 15px;
  top: 50px;
  font-size: 12px;
}

.hidden-giver-tags {
  display: none !important;
}

.progress_tracker {
  width: 100%;
  margin: 0 auto;
}

.progress_tracker.small {
  width: 60px;
  max-width: 60px;
  position: absolute;
  bottom: -40px;
  right: 25px;
}

.progress_tracker_single {
  max-width: 300px;
  width: 300px;
  margin: 0 auto;
}

.project-progress {
  padding: 0 15px;
  margin-top: 10px;
}

.readonly_giver_list li.disabled {
  color: #bdbdbd;
  font-style: italic;
}

.vertical-center {
  display: flex;
  align-items: center;
}

label.normal {
  position: relative;
  transform: none;
  margin-bottom: 0;
}

#associate_giver_input_data i {
  font-size: 1.25rem;
}

.underline_box {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ced4da;
  border-radius: 0;
  box-shadow: none;
}

.underline_box.valid {
  border-color: #00c851;
  box-shadow: 0 1px 0 0 #00c851;
}

.underline_box.invalid {
  border-color: #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}

.underline_box:focus {
  border-width: 0 0 1px 0;
  border-color: #000;
  border-style: solid;
  border-radius: 0;
  box-shadow: 0 1px 0 0 #000;
}

.readonly_tag_list li {
  display: inline-block;
  margin-right: 5px;
}

.horizontal_scroll,
.attachment_table_container {
  overflow-x: auto;
  clear: both;
}

.horizontal_scroll > * {
  max-width: 98%;
}

.attachment_table_container > * {
  min-width: 500px;
}

.pending_transction_items > * {
  min-width: 800px;
}

.nowrap {
  white-space: nowrap;
}

.expander {
  cursor: pointer;
}

.expandable {
  background-color: white !important;
}

div.above-table-filter {
  margin: 15px 0 10px;
}

div.above-table-filter span.spacer {
  text-align: center;
  padding: 0.6rem 0 0.4rem;
  margin: 0 10px;
  display: inline-block;
  color: #757575;
}

div.above-table-filter input.MuiInputBase-input.MuiOutlinedInput-input {
  padding: 10px 12px !important;
  font-size: 12px !important;
}

div.above-table-filter .md-form {
  margin: 0 0 0 0;
}

div.above-table-filter .md-form-datepicker {
  padding-right: 30px;
  display: inline-block;
}

div.above-table-filter .md-form-datepicker input {
  text-align: right;
  width: 100px;
}

div.above-table-filter label {
  color: var(--axia-green) !important;
  right: 30px;
}

div.above-table-filter #dashboardDatePickers label {
  /* transform: translateX(-200px); */
  left: 0px !important;
  right: unset;
}

label.green-date-label {
  color: var(--axia-green) !important;
}

div.above-table-filter h3,
div.above-table-filter .select label {
  color: #008e76 !important;
  margin: 0.75rem 0;
  font-size: 14px;
  font-weight: 400;
}

div.above-table-filter .custom-control-label {
  right: 0;
  top: 10px;
}

#message-stats-table td {
  word-break: break-word;
}

.transction_project_select ul {
  max-height: 325px;
}

.to-project-wrap ul,
.to-group-wrap ul {
  max-height: 250px;
}

.transaction-currency ul {
  max-height: 250px;
}

.btn-check:checked + .btn-primary-outline {
  background-color: #806cb5;
  color: white !important;
  border-color: #dee2e6;
}

.btn-check:checked + .btn-primary-outline::before {
  content: "\2714";
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 24px;
  color: #fff;
  transition: all 0.2s;
}

.green-table-text {
  color: #007542;
}

.red-table-text {
  color: #990000;
}

.ag-row-hover .green-table-text,
.ag-row-hover .red-table-text {
  color: white !important;
}

#landing-page-gift .btn-primary-outline {
  margin-top: 0;
}

#user-list .expandable {
  background-color: #f0f6ff !important;
}

#user-list .user-list-id-column {
  min-width: 75px;
}

#user-list .expandable table {
  margin-left: 30px;
  width: 100%;
}

#user-list .expandable tr {
  background-color: white !important;
}

#user-list .expandable thead tr {
  background-color: #008e76 !important;
  color: white;
}

.lovelife div.row {
  margin-bottom: 10px;
}

.lovelife .btn-group label {
  transform: none;
}

.landingPage div.row {
  margin-bottom: 10px;
}

.landingPage .btn-group label {
  transform: none;
}

div.payment-request-button {
  margin: 0 auto;
  padding: 0;
  border: 0;
  max-width: 300px;
}

.payment-request-success p {
  color: #008e76 !important;
}

.payment-request-success p::after {
  content: "\2714";
  padding-left: 15px;
}

input.praelude-name {
  margin-left: 75px !important;
  width: calc(100% - 75px);
}

.praelude-prefix {
  position: absolute;
  top: 0.6rem;
  font-style: italic;
  color: #777;
}

.btn-min-width {
  min-width: 150px;
}

.timeslotSelection {
  text-align: center;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  overflow-x: auto;
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .timeslotSelection {
    justify-content: start;
  }
}

.timeslotSelection .day {
  width: 150px;
  min-width: 90px;
  display: inline-block;
}

.timeslotSelection .day:last-child {
  margin-right: 2px;
}

.timeslotSelection .slot,
.timeslotSelection .header {
  outline: 2px solid #e5e5e5;
  padding: 10px 0;
  cursor: pointer;
  margin: 2px 0 0 2px;
  position: relative;
  background-color: #fff;
  color: #777;
}

.timeslotSelection .slot.has-people,
.timeslotSelection .header.has-people {
  color: #9d46ff;
}

.timeslotSelection .slot.selected,
.timeslotSelection .header.selected {
  color: black;
  background-color: #91ddd1;
  cursor: normal;
}

.timeslotSelection .slot.unselectable,
.timeslotSelection .header.unselectable {
  font-style: italic;
  cursor: not-allowed;
}

.timeslotSelection .header {
  background: #008e76;
  color: white;
  font-weight: bold;
}

.timeslotSelection .subSlotMenu {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170px;
  min-width: 90px;
  z-index: 2;
}

.timeslotSelection .day:last-child .subSlotMenu {
  right: 50%;
  left: inherit;
}

.timeslotSelection.heatmap .day {
  width: 150px;
  min-width: 10px;
}

.timeslotSelection.heatmap .slot {
  font-size: 10px;
  padding: 0;
  height: 14px;
  cursor: default;
}

.timeslotSelection.heatmap .minutes {
  color: white;
}

.timeslotSelection.heatmap .minutes1 {
  background-color: #806cb5;
}

.timeslotSelection.heatmap .minutes2 {
  background-color: #806cb5;
}

.timeslotSelection.heatmap .minutes3 {
  background-color: #806cb5;
}

.legend .slot {
  width: 200px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  float: right;
  clear: right;
}

.legend .slot.selected {
  color: black;
  background-color: #91ddd1;
  margin-right: 0.375rem;
}

.legend .slot.has-people {
  color: #9d46ff;
}

.instructions {
  color: #777;
  font-weight: bold;
}

.subscription_summary {
  padding: 10px;
  margin-bottom: 20px;
  display: inline-block;
  text-align: left;
}

.subscription_summary h4 {
  color: #008e76;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.subscription_summary label {
  color: #008e76;
  width: 9em;
}

#landing-page-gift .btn-group label {
  cursor: pointer;
}

#releaseNotesModal .modal-dialog {
  width: 90%;
  max-width: 700px;
  position: fixed;
  right: 135px;
  top: 15px;
}

@media (max-width: 991px) {
  #releaseNotesModal .modal-dialog {
    right: 0;
    top: 0;
  }
}

ul.note-list > li {
  border-bottom: 1px solid #aaa;
  margin: 25px 0;
  padding: 10px;
  list-style: none;
}

ul.note-list > li:first-child {
  margin-top: 0;
}

ul.note-list > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

ul.note-list > li h3 {
  font-size: 20px;
}

body.reset-this {
  padding: 10px;
}

.reset-this {
  animation: none;
  animation-delay: 0;
  animation-direction: normal;
  animation-duration: 0;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  backface-visibility: visible;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 0;
  border-style: none;
  border-width: medium;
  border-color: inherit;
  border-bottom: 0;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  -o-border-image: none;
  border-image: none;
  border-left: 0;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0;
  border-right: 0;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-top: 0;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  -moz-columns: auto;
  columns: auto;
  -moz-column-count: auto;
  column-count: auto;
  -moz-column-fill: balance;
  column-fill: balance;
  -moz-column-gap: normal;
  column-gap: normal;
  -moz-column-rule: medium none currentColor;
  column-rule: medium none currentColor;
  -moz-column-rule-color: currentColor;
  column-rule-color: currentColor;
  -moz-column-rule-style: none;
  column-rule-style: none;
  -moz-column-rule-width: none;
  column-rule-width: none;
  -moz-column-span: 1;
  column-span: 1;
  -moz-column-width: auto;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline;
  empty-cells: show;
  float: none;
  font: normal;
  font-family: inherit;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  -ms-hyphens: none;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: revert;
  margin-bottom: revert;
  margin-left: revert;
  margin-right: revert;
  margin-top: revert;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: revert;
  padding-bottom: revert;
  padding-left: revert;
  padding-right: revert;
  padding-top: revert;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: "\201C""\201D""\2018""\2019";
  right: auto;
  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  -moz-text-align-last: auto;
  text-align-last: auto;
  text-decoration: none;
  text-decoration-color: inherit;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-style: flat;
  transition: none;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  width: auto;
  word-spacing: normal;
  z-index: auto;
}

.reset-this iframe {
  max-width: 100%;
}

ul.reset-this ul,
.reset-this ul,
ul.reset-this.force {
  margin: revert;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: revert;
  list-style: initial;
}

ol.reset-this ol,
.reset-this ol,
ol.reset-this.force {
  margin: revert;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: revert;
  list-style: decimal;
}

body .box-shadow-limit-size {
  border: 1px solid #dfdfdf;
  box-shadow: 5px 5px 5px 0px #cccccc;
  padding: 10px;
  max-height: 500px;
  overflow-y: auto;
  text-align: center;
}

.timeslot-worker {
  border: 1px solid black;
  padding: 2px;
  margin-bottom: 5px;
  background-color: #00d7ba;
}

.timeslot-worker.selected {
  background-color: #00d7ba;
}

.project-message-text {
  padding-top: 5px;
  text-align: center;
}

.box_next_timeslot h6 {
  color: #008e76;
}

.box_next_timeslot li {
  background-color: #008e76;
  color: white;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-right: 10px;
  cursor: default;
}

.dashboard-cards > li {
  min-height: 100px;
  position: relative;
  margin-bottom: 35px;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 35px;
}

.dashboard-cards > li:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}

.dashboard-cards > li .title {
  color: #008e76;
  font-size: 16px;
}

.dashboard-cards > li .content {
  padding-right: 160px;
  display: block;
}

.dashboard-cards > li .actions {
  position: absolute;
  top: 0;
  right: 0;
}

.dashboard-cards > li .actions button {
  display: block;
  width: 160px;
}

@media (max-width: 768px) {
  .dashboard-cards > li .content {
    padding-right: 0;
  }

  .dashboard-cards > li .actions {
    position: static;
  }

  .dashboard-cards > li .actions button {
    display: inline-block;
    margin-bottom: 0;
  }
}

.request-wrapper {
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 15px;
}

.request-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.request-row.title {
  margin-left: 0px;
  font-weight: bold;
}

.request-row.content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col.double {
  flex-grow: 8;
}

.centered-horizontally {
  width: 50%;
  margin: 0 50%;
}

.mdb-select-readonly {
  width: 250px;
  display: inline-block;
  text-align: left;
  color: #495057;
  padding: 9px 0;
  margin-left: 10px;
}

table.centered-content {
  text-align: center;
}

.dashboard-box .nav-tabs .nav-link.active {
  background-color: #806cb5;
  opacity: 100%;
  color: white;
}

.dashboard-box .tab-content {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
}

input.btn-primary:disabled {
  background-color: #777 !important;
}

.smaller {
  font-size: 65%;
}

.prefilter {
  margin-top: 30px;
  margin-right: 10px;
  font-style: italic;
  font-weight: bold;
  color: #008e76;
}

.prefilter .btn {
  margin-left: 20px;
  margin-top: 0;
  font-style: normal;
  color: white;
}

#praeludeDashboardChart .axis {
  color: #727272;
}

.pointer_row {
  display: none;
}

.expander_stats {
  cursor: pointer;
}

.min-limit {
  font-size: 11px;
  color: #777;
  font-style: italic;
}

.min-limit.min-price-text {
  padding-left: 22px;
}

.open_profile_private {
  text-decoration: underline;
}

.lineFocus text {
  font-size: 14px;
  fill: #727272;
}

.focusTooltip {
  fill: white;
  stroke: #727272;
  stroke-width: 2;
}

.tooltip-date,
.tooltip-views,
.tooltip-prays {
  font-weight: bold;
}

.backButton {
  word-wrap: normal;
  min-width: 60px;
}

.email_subject {
  margin-bottom: 40px;
}

.delete-draft-transaction {
  cursor: pointer;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .loading-ajax img {
    height: 20vh !important;
  }
}

.giftDatePicker input.form-control {
  padding-top: 15px;
  margin-top: 12px;
}

.color-picker-style {
  height: 8vh;
}

.bank-account-btn {
  box-shadow: none !important;
}

.funding-date-label {
  margin-top: -1rem !important;
}

.pac-container {
  z-index: 1100 !important;
}

.pac-container:after {
  background-image: none !important;
  height: 0px;
}

.ajax-filter-list ul {
  display: inline-block;
}

.ajax-filter-list li {
  display: inline-block;
  margin-right: 1rem;
  color: rgb(85, 85, 85);
}
.ajax-filter-list li.clear-all {
  color: #008e76;
}

.ajax-filter-list .removeFilter {
  font-size: 24px;
  top: 3px;
  position: relative;
  float: none;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  margin-left: 3px;
  cursor: pointer;
}
.ajax-filter-list .removeFilter:hover {
  opacity: 0.8;
}

@media (min-width: 300px) and (max-width: 576px) {
  .col-xxs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.gift_widget_wrapper .gift_card .row {
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .noAuthContainer {
    max-width: 75% !important;
  }
}

.floatingLabelWrap {
  position: relative;
}
.floatingLabelWrap .floating-label {
  position: absolute;
  pointer-events: none;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
  color: #6c757d;
}
.floatingLabelWrap input:focus ~ .floating-label,
.floatingLabelWrap input.active ~ .floating-label,
.floatingLabelWrap input:not(:focus):valid ~ .floating-label,
.floatingLabelWrap input:not(:focus):read-only ~ .floating-label {
  top: 0px;
  left: 10px;
  right: auto;
  font-size: 10px;
  opacity: 1;
}

.modal .gift-form .nav-tabs .nav-link.active {
  background-color: var(--axia-green) !important;
  color: white !important;
}

@media (max-width: 767px) {
  .transact-workflow-title {
    margin-top: 50px;
    margin-left: 10px;
  }
}
.btn-square {
  border-radius: 4px !important;
  border: 1px solid lightgrey !important;
  background-color: white !important;
  color: gray !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body .gift_summary .grey-text {
  color: #495057 !important;
}

.custom-tooltip {
  position: relative;
  display: inline-block;
  padding: 0.3rem 0.5rem;
  color: #495057;
  border-radius: 20px;
}

.custom-tooltip:hover {
  background-color: #f5f5f5;
}

.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  padding: 0.5rem;
  background-color: #e5e5e5;
  color: #676767;
  text-align: center;
  border-radius: 6px;
  font-size: 12px;
  position: absolute;
  top: 30px;
  left: -300p;
  z-index: 70;
}

.language-tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;
  padding: 0.5rem;
  background-color: #e5e5e5;
  color: #676767;
  text-align: center;
  border-radius: 6px;
  font-size: 12px;
  position: absolute;
  top: 30px;
  left: -150px;
  z-index: 70;
}

.language-tooltip.tooltip-right .tooltiptext {
  top: 30px;
  left: 20px;
}

.language-tooltip:hover .tooltiptext {
  visibility: visible;
}

.custom-tooltip-absolute {
  position: absolute;
  display: inline-block;
  padding: 0.3rem 1rem;
  color: #495057;
  border-radius: 20px;
}

.custom-tooltip.tooltip-right .tooltiptext {
  top: 30px;
  left: 20px;
}

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
}

.fas.light-green {
  color: rgb(63, 200, 63) !important;
  background-color: white !important;
  border-radius: 50%;
}

.gift-form-border {
  border: 1px solid lightgrey;
  border-radius: 7px;
  padding: 12px 4px;
}

.guest-gift-form {
  max-width: 750px;
  margin: 0 auto;
}

.memorial-textarea {
  border: 1px solid lightgrey !important;
  border-radius: 4px !important;
  padding: 6px !important;
  margin-right: 3rem;
  width: 98%;
  max-width: 98%;
}

.btn-floating-support.btn-primary {
  background-color: var(--axia-green) !important;
  color: white !important;
}

#modal-new-gift .modal-title {
  padding-left: 30px;
}

.email-template-body {
  width: 650px;
  margin: 0 auto;
}

.stepper.horizontal.horizontal-fix {
  min-height: 520px !important;
}

#modal-register .lock-btn {
  background-color: transparent !important;
  color: #495057;
  transform: translate(20px, -40px);
  box-shadow: none;
}

#dashboard-charts-loading {
  text-align: center;
}

.edit-profile-muted {
  font-size: 9px;
  margin-bottom: 0;
  transform: translateY(-8px);
}

#user-profile-section .intl-tel-input {
  margin: 0 !important;
}

.modal-associate-icon {
  transform: translate(7rem, -1rem);
  display: inline-block;
}

@media (max-width: 767px) {
  #user-profile-section input,
  #user-profile-section select {
    margin-top: 15px !important;
    margin-bottom: 10px;
  }
}

.animation-drop-zone {
      border: 2px dashed #ced4da;
      border-radius: 1rem;
      padding: 2rem;
      text-align: center;
      transition: background-color 0.3s ease;
      cursor: pointer;
      background-color: #fff;
    }

    .animation-drop-zone.dragover {
      background-color: #e9f7ef;
      border-color: #28a745;
    }

    .animation-file-name {
      font-size: 0.9rem;
      color: #495057;
      background-color: #e9ecef;
      padding: 0.4rem 0.75rem;
      border-radius: 1rem;
      display: inline-block;
      margin-top: 1rem;
    }

    .animation-note {
      font-size: 0.85rem;
      color: #6c757d;
      margin-top: 0.5rem;
    }

    .animation-hidden-input {
      display: none;
    }
.inactive-projects-label {
  margin-bottom: 0px;
  font-size: 10px;
  font-style: italic;
}

.view-message-stats-email {
  cursor: pointer !important;
}

.skeleton {
  display: inline-block;
  height: 1em;
  width: 100%;
  background: linear-gradient(90deg, #eee, #f5f5f5, #eee);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.h-field {
  display: none;
}