/* Form icons, etc. */
/* Border is typically darker */
.org-bg-color-primary {
  background-color: #365473; }

.org-bg-color-secondary {
  background-color: #253c47; }

body {
  background-color: #fff; }
  body a {
    color: #00a0df; }
    body a small {
      color: #5b6c75; }

.btn-vomo-blue {
  background-color: #253c47;
  border-color: #142025; }
  .btn-vomo-blue:hover {
    background-color: #142025;
    border-color: #142025; }

.btn-vomo-green {
  color: color-yiq(#365473);
  background-color: #365473;
  border-color: #2a4159;
  color: #fff !important;
  font-weight: bold; }
  .btn-vomo-green:hover {
    color: color-yiq(#263b50);
    background-color: #263b50;
    border-color: #3e6184; }
  .btn-vomo-green.disabled, .btn-vomo-green:disabled {
    color: color-yiq(#365473);
    background-color: #365473;
    border-color: #2a4159; }
  .btn-vomo-green:not(:disabled):not(.disabled):active, .btn-vomo-green:not(:disabled):not(.disabled).active, .show > .btn-vomo-green.dropdown-toggle {
    color: color-yiq(#466d96);
    background-color: #466d96;
    border-color: #2e4762; }
  .btn-vomo-green:hover, .btn-vomo-green:active, .btn-vomo-green:focus {
    color: #fff !important; }

.btn-outline-vomo-green {
  color: #365473;
  background-color: transparent;
  background-image: none;
  border-color: #365473; }
  .btn-outline-vomo-green:hover {
    color: #222;
    background-color: #3e6184;
    border-color: #365473; }
  .btn-outline-vomo-green.disabled, .btn-outline-vomo-green:disabled {
    color: #365473;
    background-color: transparent; }
  .btn-outline-vomo-green:not(:disabled):not(.disabled):active, .btn-outline-vomo-green:not(:disabled):not(.disabled).active, .show > .btn-outline-vomo-green.dropdown-toggle {
    color: color-yiq(#3e6184);
    background-color: #3e6184;
    border-color: #365473; }

.btn-vomo-green {
  background-color: #365473; }

.btn-vomo-gray {
  background-color: #b7bfc5; }

#frontend-app a {
  color: #365473; }
  #frontend-app a small {
    color: #5b6c75; }
  #frontend-app .banner, #frontend-app .settings-banner, #frontend-app .project-scheduling-modal-banner, #frontend-app .project-scheduling-modal-confirmation-table-header {
    background-color: #253c47; }
  #frontend-app .banner .section-gradient, #frontend-app .settings-banner .section-gradient, #frontend-app .project-scheduling-modal-banner .section-gradient, #frontend-app .project-scheduling-modal-confirmation-table-header .section-gradient {
    display: none; }
  #frontend-app .navbar-brand {
    padding: 15px 15px 5px 15px; }
  #frontend-app .navbar-brand .header_logo {
    width: 207px;
    height: 55px; }
  #frontend-app #navbar-logo {
    background-image: url('https://vomo-core-web.s3.amazonaws.com/media/2025/05/978080-qNa0cYDp-o.png'); }
  #frontend-app .org-fill-color {
    fill: #365473;
    stroke: #365473; }
  #frontend-app #vomo-navbar {
    background-color: #fff; }
  #frontend-app .search_input {
    border-color: #365473; }
  #frontend-app .mobile_header {
    background-color: #fff; }
  #frontend-app .mobile_header .bg-vomo-green {
    background-color: transparent; }
  #frontend-app .mobile_header .mobile_categories_container {
    background-color: transparent; }
  #frontend-app .mobile_header .nav_btn span {
    border-color: #253c47; }
  #frontend-app .mobile_header .search_mobile {
    -webkit-filter: brightness(0.1) !important;
    filter: brightness(0.1) !important; }
  #frontend-app .mobile_header .mobile_logo_container a {
    background-image: url('https://vomo-core-web.s3.amazonaws.com/media/2025/05/978080-qNa0cYDp-o.png');
    width: 100%;
    height: 50px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 200px; }
    #frontend-app .mobile_header .mobile_logo_container a img {
      display: none; }
  #frontend-app .org-give-banner-section {
    background-color: #253c47; }
  #frontend-app .org-secondary-fill-color-no-stroke {
    fill: #fff; }
  #frontend-app .project-scheduling-modal-btn {
    background-color: #253c47; }
  #frontend-app .hub-category-icon {
    background-color: #365473; }
  #frontend-app .follow_button:hover {
    border-color: #365473; }
  #frontend-app .vomo-button, #frontend-app .vomo-button:hover {
    background-color: #365473 !important; }
  #frontend-app .vomo-button.joined, #frontend-app .vomo-button:hover.joined {
    background-color: #253c47 !important; }
  #frontend-app .project-gallery-item-next {
    color: #253c47; }
  #frontend-app .project_tab_button.active {
    border-color: #365473; }
  #frontend-app .slider-carousel-item-title {
    color: #365473; }
  #frontend-app .project-gallery-item-org {
    color: #365473; }
  #frontend-app .project-gallery-item-title {
    color: #253c47; }
  #frontend-app .following_button {
    background-color: #365473;
    border-color: #365473;
    color: #fff; }
  #frontend-app .settings-input {
    border-color: #365473; }
  #frontend-app #project_date svg .cls-1 {
    stroke: #365473 !important; }

.vomo-modal-header {
  background-color: #253c47; }

#signup-modal .modal-body button, .project-scheduling-modal-confirmation-table-header {
  background-color: #00a0df !important; }

#signup-modal .modal-body svg .st0 {
  fill: #00a0df !important; }

#add-participant-modal .modal-body svg .st0 {
  stroke: #00a0df !important; }

#accounts-body .small-link {
  color: #00a0df; }

#vomo-admin-app {
  color: #5b6c75; }
  #vomo-admin-app a {
    color: #00a0df; }
  #vomo-admin-app #admin-nav-container {
    background-color: orange;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#28424e), to(#1c2e36));
    background-image: linear-gradient(180deg, #28424e, #1c2e36); }
  #vomo-admin-app #admin-nav-container .navbar-brand {
    background-color: #00a0df; }
  #vomo-admin-app #admin-nav-container #admin-nav .org-shadow {
    background-color: #253c47; }
  #vomo-admin-app #admin-nav-container #admin-nav li.nav-item .submenu, #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a.active {
    background-color: #1c2e36; }
  #vomo-admin-app #admin-nav-container #admin-nav li.nav-item .submenu uL li.nav-item a.active {
    background-color: rgba(0, 0, 0, 0.2); }
  #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a:hover {
    background-color: #17252c; }
  #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a.toggle:hover {
    background-color: transparent; }
  #vomo-admin-app .project-templates-modal .vomo-modal .vomo-modal-body .template-category-options .card .nav-link.active {
    background-color: #253c47; }
  #vomo-admin-app .project-templates-modal .vomo-modal .vomo-modal-body .template-category-options .slide-inner a.active {
    border-color: #253c47; }
  #vomo-admin-app .dataTables_wrapper .page-item.active .page-link {
    background-color: #253c47;
    color: #fff; }
  #vomo-admin-app .vomo-modal-header {
    background-color: #00a0df; }
  #vomo-admin-app .btn-vomo-blue {
    background-color: #00a0df;
    border-color: #007bac; }
  #vomo-admin-app .btn-vomo-blue:hover {
    background-color: #007bac;
    border-color: #007bac; }
  #vomo-admin-app .btn-vomo-green {
    color: color-yiq(#00a0df);
    background-color: #00a0df;
    border-color: #0085b9;
    color: #fff !important;
    font-weight: bold; }
  #vomo-admin-app .btn-vomo-green:hover {
    color: color-yiq(#007bac);
    background-color: #007bac;
    border-color: #00b2f9; }
  #vomo-admin-app .btn-vomo-green.disabled, #vomo-admin-app .btn-vomo-green:disabled {
    color: color-yiq(#00a0df);
    background-color: #00a0df;
    border-color: #0085b9; }
  #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled):active, #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled).active, .show > #vomo-admin-app .btn-vomo-green.dropdown-toggle {
    color: color-yiq(#13bcff);
    background-color: #13bcff;
    border-color: #008ec6; }
  #vomo-admin-app .btn-vomo-green:hover, #vomo-admin-app .btn-vomo-green:active, #vomo-admin-app .btn-vomo-green:focus {
    color: #fff !important; }
  #vomo-admin-app h5 .icon polyline, #vomo-admin-app h3 .icon-right polyline, #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right polyline, #vomo-admin-app h5 .icon circle, #vomo-admin-app h3 .icon-right circle, #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right circle, #vomo-admin-app h5 .icon line, #vomo-admin-app h3 .icon-right line, #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right line, #vomo-admin-app h5 .icon polygon, #vomo-admin-app h3 .icon-right polygon, #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right polygon, #vomo-admin-app h5 .icon path, #vomo-admin-app h3 .icon-right path, #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right path {
    stroke: #00a0df !important; }
  #vomo-admin-app #unresponsive-svg polyline, #vomo-admin-app #unresponsive-svg circle, #vomo-admin-app #unresponsive-svg line, #vomo-admin-app #unresponsive-svg polygon, #vomo-admin-app #unresponsive-svg path {
    stroke: #00a0df !important; }
  #vomo-admin-app .tabs-wrap-small .nav-tabs .nav-link.active, #vomo-admin-app .tabs-wrap .nav-tabs .nav-link.active {
    border-color: #00a0df !important; }
  #vomo-admin-app #vomo-project-form hr, #vomo-admin-app #vomo-user-invite-form hr {
    border-bottom-color: #00a0df !important; }
  #vomo-admin-app hr.branded-dashed {
    border-bottom-color: #00a0df; }
  #vomo-admin-app #vomo-project-show .volunteer-mgmt-volunteer-panel {
    border-color: #00a0df; }
  #vomo-admin-app #vomo-project-form .project-form-actions, #vomo-admin-app #vomo-user-invite-form .project-form-actions {
    color: #00a0df; }
  #vomo-admin-app .multiselect .multiselect__tags {
    border: 2px solid #ced4da;
    border-radius: 0.25rem; }
  #vomo-admin-app .multiselect .multiselect__tag, #vomo-admin-app .multiselect .multiselect__option--highlight, #vomo-admin-app .multiselect .multiselect__option--highlight::after {
    background-color: #46cbff; }
  #vomo-admin-app .small {
    font-size: 12px;
    line-height: 1em; }

.multiselect .multiselect__tags {
  border: 2px solid #ced4da;
  border-radius: 0.25rem; }
  .multiselect .multiselect__tag, .multiselect .multiselect__option--highlight, .multiselect .multiselect__option--highlight::after {
    background-color: #365473; }

.announcement-tabs {
  margin: 20px 0px 0px 30px;
  font-size: 1rem;
  color: #00a0df;
  margin-right: 15px;
  cursor: pointer;
  border-bottom: 3px solid #00a0df; }

.org-bg-color-primary {
  background-color: #365473; }

.org-bg-color-secondary {
  background-color: #253c47; }

.org-nav a {
  text-decoration: none;
  font-size: 20px; }
  .org-nav a:hover {
    text-decoration: none; }
  .org-nav a.active {
    font-weight: bold;
    border-bottom: 3px solid #365473; }

.org-primary-bg {
  background-color: #365473; }

.org-secondary-bg {
  background-color: #253c47; }

.donate-button {
  background: #365473;
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-linear-gradient(left, #4e7aa7 0%, #365473 50%, #4e7aa7 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #4e7aa7 0%, #365473 50%, #4e7aa7 100%);
  background-position: 0 0;
  background-size: 200% 100%;
  border-radius: 4px;
  color: #fff;
  padding: 15px 65px 15px 15px;
  text-shadow: 1px 1px 5px #666;
  -webkit-transition: all 800ms;
  transition: all 800ms; }
  @media (hover: hover) and (pointer: fine) {
  .donate-button:hover {
    background-position: -100% 0; }
    .donate-button:hover:after {
      border-left: 1px solid #3e6184;
      color: #fff;
      text-shadow: 0 0 10px #000; } }