@charset "UTF-8";
/*Rubik font*/
@font-face {
  font-family: "Asul Regular";
  src: url("../fonts/asul/asul-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Asul Bold";
  src: url("../fonts/asul/asul-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* General */
/* Colors */
:root {
  --red: #e2231a;
  --red-100: #c01e16;
  --blue-50: #dde5eb;
  --blue: #008dea;
  --blue-100: #0078c9;
  --orange: #f9c150;
  --white: #ffffff;
  --white-50: #f8f9fc;
  --gray: #dad8d8;
  --gray-50: #b4b4b4;
  --gray-100: #979797;
  --black-20: #525252;
  --black-25: #3a3a3a;
  --black-50: #313131;
  --yellow: #cdfb13;
  --green: #92d12c;
  --green-50: #4eab18;
  --green-100: #038303;
  --green-150: #003a10;
  --green-grad: linear-gradient(90deg, rgba(0,129,2,1) 0%, rgba(149,210,45,1) 100%);
}

html, body {
  font-family: "Rubik", sans-serif !important;
  background-color: var(--green) !important;
  color: var(--black-50) !important;
}

.border-none {
  border: none !important;
}

.sticky {
  position: sticky !important;
  top: 0 !important;
}

.deco-none a, .deco-none a:hover {
  text-decoration: none !important;
}

.has-error input, .has-error textarea, .has-error .tagify {
  border: 1px solid red !important;
}

span.validation-error-message {
  color: var(--red);
  display: block;
}

.error {
  font-size: inherit !important;
  width: inherit !important;
}

.no-events {
  pointer-events: none !important;
}

/* Weights */
.fw-semi {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

/* Tooltipster Theme */
.tip-orange {
  border-radius: 5px;
  color: #fff;
}

.tip-orange .tooltipster-box {
  background: var(--black-50);
  border: none;
  border-radius: 4px;
}

.tip-orange .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  color: var(--white);
}

.tip-orange .tooltipster-arrow-border {
  border-top-color: var(--black-50) !important;
}

.tip-orange .tooltipster-arrow-background {
  border-top-color: var(--black-50) !important;
}

/* Links */
a.link {
  transition: 0.3s;
}

a.link:hover {
  color: var(--green-100);
}

a.link.link-black {
  color: var(--black-25);
}

a.link.link-gray-100 {
  color: var(--gray-100);
}

a.link.link-red {
  color: var(--red);
}

a.link.link-red:hover {
  color: var(--red-100);
}

a.link.link-blue {
  color: var(--blue);
}

a.link.link-blue:hover {
  color: var(--blue-100);
}

/* BG Sidebar */
ul.sidebar {
  position: relative;
  background: var(--green-100);
}

ul.sidebar .sidebar-heading {
  color: var(--white);
  z-index: 1;
}

/* Top Bar */
nav.topbar {
  overflow: hidden;
  z-index: 1;
}

nav.topbar #topbar-brand-text {
  font-family: "Rubik Semibold", sans-serif;
  font-size: 26px;
  color: var(--black-50);
  z-index: 1;
}

nav.topbar section#account-section > .profile-image-wrapper {
  overflow: hidden;
  width: 30px;
}

nav.topbar section#account-section > .profile-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

nav.topbar section#topbar-brand-image {
  position: absolute;
  width: 120px;
  left: -25px;
  filter: opacity(0.5);
}

nav.topbar section#topbar-brand-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Pagination */
.page-item .page-link {
  color: var(--black-50);
}
.page-item .page-link:hover {
  color: var(--green-100);
}

.page-item.active .page-link {
  background-color: var(--green-100) !important;
  border-color: var(--green-100) !important;
  pointer-events: none;
}

/* Content Wrapper */
#wrapper #content-wrapper {
  height: 100vh;
}

/* Backgrounds */
.bg-white-50 {
  background-color: var(--white-50);
}

.bg-green-150 {
  background-color: var(--green-150);
}

/* Truncate */
.truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.truncate.line-2 {
  -webkit-line-clamp: 2;
}

.truncate.line-3 {
  -webkit-line-clamp: 3;
}

.truncate.line-4 {
  -webkit-line-clamp: 4;
}

.truncate.line-5 {
  -webkit-line-clamp: 5;
}

/* Sidebar */
.sidebar .nav-item .nav-link .nav-display span {
  padding-left: 0.5rem;
}
.sidebar .nav-item .nav-link .nav-display img.nav-icon {
  width: 2rem;
}

.sidebar .nav-item .nav-link {
  color: var(--white) !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  color: var(--white) !important;
  border-radius: 0px 6px 6px 0px !important;
  padding: 0.75rem 1rem !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  font-weight: normal !important;
  padding-left: 0.75rem !important;
  color: var(--white) !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  transition: 0.3s;
}

/* Sidebar Green */
.sidebar.sidebar-green hr.sidebar-divider {
  background-color: var(--green-150);
}

.sidebar.sidebar-green li.nav-item .collapse a.collapse-item:hover {
  color: var(--green-150) !important;
}

.sidebar.sidebar-green .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  border-left: 5px solid var(--yellow);
}

/* Buttons */
.btn {
  color: var(--white) !important;
  padding: 0.5rem 1rem !important;
  transition: 0.2s ease all !important;
}

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

.btn-default {
  background-color: var(--green-50) !important;
  border: none !important;
}

.btn-default:active {
  background-color: var(--green-100) !important;
  transform: translateY(3px);
}

.btn-default:hover {
  background-color: var(--green-100) !important;
}

.btn-logout {
  padding: 5px 15px 4px !important;
  font-size: 0.875rem !important;
}

/* Text Buttons */
.btn-text {
  text-decoration: none !important;
  cursor: pointer;
}

.btn-text.btn-danger:not(:disabled):not(.disabled):active {
  color: var(--red-100) !important;
}

.btn-text.btn-danger {
  color: var(--red);
  background: none !important;
}

.btn-text.btn-danger:hover {
  color: var(--red-100);
}

/* Icon Buttons */
.btn-icon {
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 0.25rem;
}
.btn-icon.btn-danger {
  background-color: var(--red);
}
.btn-icon.btn-danger:hover {
  background-color: var(--red-100);
}
.btn-icon.btn-normal {
  background-color: var(--blue);
}
.btn-icon.btn-normal:hover {
  background-color: var(--blue-100);
}

/* Texts */
.text-default {
  color: var(--green-100) !important;
}

.text-gray-50 {
  color: var(--gray-50);
}

.text-black-25 {
  color: var(--black-25);
}

.text-green-100 {
  color: var(--green-100);
}

/* Sorting */
.sort-wrapper {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

.sort-wrapper:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

/* Table */
.dataTables_scroll {
  margin-bottom: 1.5rem;
}

.table.generic-table {
  color: var(--black-50);
}

table.generic-table {
  font-size: 0.95rem;
}

table.generic-table thead tr > th {
  white-space: nowrap;
  text-transform: uppercase;
}

table.generic-table thead tr th, table.generic-table thead tr td {
  border-top-width: 0 !important;
}

/* Width */
.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

/* SDG Checkboxes */
.sdg-checkbox-canvas input[type=checkbox] {
  display: none;
}
.sdg-checkbox-canvas input[type=checkbox]:checked {
  filter: brightness(1);
  height: 50px;
  width: 50px;
  padding: 0 0 0 0px;
}
.sdg-checkbox-canvas input[type=checkbox] + label {
  background-color: red;
  filter: brightness(1.15);
  height: 50px;
  width: 50px;
  background-size: cover;
  display: inline-block;
  padding: 0 0 0 0px;
  cursor: pointer;
  margin-right: 0.5rem;
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-1 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_1.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-1:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_1.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-2 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_2.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-2:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_2.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-3 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_3.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-3:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_3.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-4 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_4.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-4:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_4.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-5 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_5.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-5:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_5.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-6 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_6.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-6:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_6.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-7 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_7.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-7:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_7.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-8 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_8.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-8:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_8.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-9 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_9.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-9:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_9.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-10 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_10.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-10:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_10.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-11 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_11.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-11:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_11.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-12 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_12.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-12:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_12.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-13 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_13.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-13:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_13.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-14 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_14.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-14:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_14.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-15 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_15.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-15:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_15.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-16 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_16.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-16:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_16.png");
}

.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-17 + label {
  background-image: url("/source/images/general/sdg/box-icons/grayscale/sdg_17.png");
}
.sdg-checkbox-canvas input[type=checkbox]#chk-sdg-17:checked + label {
  background-image: url("/source/images/general/sdg/box-icons/color/sdg_17.png");
}

/* Date Range */
.datepicker td, th {
  text-align: center;
  padding: 8px 12px;
  font-size: 14px;
}

/* Dash Section */
#dash-section {
  color: var(--gray-100);
}

#dash-section a:hover {
  color: var(--green-150);
}

/* Message */
.message-fade {
  position: fixed;
  z-index: 4;
  bottom: 0;
  right: 15px;
}

.message-fade > .alert {
  border-color: var(--green-100);
}

/* Journal Checkbox */
input.chk-jou-primary-contact {
  position: relative !important;
  margin: 0.75rem 0;
}

section.primary-contact-checkbox-section label {
  height: 25px;
}

/* Tags */
.tags_custom {
  --tag-bg: var(--green-100) !important;
  --tag-hover: var(--green-50) !important;
  --tag-text-color: #FFF !important;
  --tags-border-color: #d1d3e2 !important;
  --tag-border-radius: 10px !important;
  --tag-text-color--edit: #111 !important;
  --tag-remove-bg: var(--tag-hover) !important;
  --tag-pad: 0.5em 1em !important;
  --tag-inset-shadow-size: 1.35em !important;
  --tag-remove-btn-bg--hover: black !important;
  display: inline-block !important;
  min-width: 0;
  padding: 5px !important;
  height: initial !important;
}

.tags_custom[readonly] {
  --tag-text-color: var(--white) !important;
  --readonly-striped: 0;
  --tag-bg: var(--green-50) !important;
  pointer-events: none;
}

.tagify__tag:hover {
  cursor: pointer !important;
}

.tagify__tag__removeBtn {
  margin-right: 10px !important;
}

.tagify__tag__removeBtn::after {
  content: "×" !important;
  transition: 0.3s, color 0s !important;
  background: white;
  border-radius: 5rem;
  padding: 10px;
  color: var(--green-100);
}

.tags_custom .tagify__tag {
  margin-top: 0;
}

.tagify__dropdown {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.generic-table .keywords-section .tag {
  display: inline-block;
  background: var(--gray-50);
  color: var(--white);
  padding: 5px 15px;
  margin: 5px;
  border-radius: 10px;
  font-size: 15px;
}/*# sourceMappingURL=style.css.map */