/* .font-lora {
  font-family: 'Lora', serif !important;
} */
.v-application {
  font-family: Arial, Helvetica, sans-serif;
}
.border-primary {
  border: 2px solid #12a34a;
}
.border-white {
  border: 2px solid #fff !important;
}
.btn-primary {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 2px solid #12a34a;
  color: #fff !important;
  padding: 15px;
  background-color: #12a34a !important;
  box-shadow: none;
}
.btn-primary-outlined {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 2px solid #12a34a;
  color: #12a34a !important;
  padding: 15px;
  background-color: #fff !important;
  box-shadow: none;
}
.btn-primary-white {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 2px solid #ffffff;
  color: #ffffff !important;
  padding: 15px;
  background-color: transparent !important;
  box-shadow: none;
}
.btn-scroll {
  border-top-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
  border: 2px solid #12a34a;
  color: #fff !important;
  background-color: #12a34a !important;
}
.btn-scroll:hover {
  border: 2px solid #fff;
}
.btn-white-outlined {
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid rgba(35, 39, 42, 0.1);
  color: #23272a !important;
  padding: 10px !important;
  background-color: #fff !important;
  box-shadow: none;
  width: auto !important;
}
.next-btn {
  left: 3%;
  margin-top: -250px;
  position: absolute;
}
.back-btn {
  right: 3%;
  margin-top: -250px;
  position: absolute;
}
.next-btn-event {
  left: 3%;
  margin-top: -250px;
  position: absolute;
}
.back-btn-event {
  right: 3%;
  margin-top: -250px;
  position: absolute;
}
.next-btn-xs {
  left: 3%;
  margin-top: -250px;
  position: absolute;
}
.back-btn-xs {
  right: 3%;
  margin-top: -250px;
  position: absolute;
}
.nextStatus-btn {
  left: 2%;
  margin-top: -100px;
  position: absolute;
}
.backStatus-btn {
  right: 3%;
  margin-top: -100px;
  position: absolute;
}
.nextStatusXS-btn {
  left: 3%;
  margin-top: -100px;
  position: absolute;
}
.backStatusXS-btn {
  right: 3%;
  margin-top: -100px;
  position: absolute;
}
.nextProgram-btn {
  left: 15%;
  margin-top: -80px;
  position: absolute;
}
.backProgram-btn {
  right: 15%;
  margin-top: -80px;
  position: absolute;
}
.nextProgram-btn-xs {
  left: 3%;
  margin-top: -80px;
  position: absolute;
}
.backProgram-btn-xs {
  right: 3%;
  margin-top: -80px;
  position: absolute;
}
.nextStory-btn {
  left: 10%;
  margin-top: -180px;
  position: absolute;
}
.backStory-btn {
  right: 10%;
  margin-top: -180px;
  position: absolute;
}
.nextStoryXS-btn {
  left: 3%;
  margin-top: -100px;
  position: absolute;
}
.backStoryXS-btn {
  right: 3%;
  margin-top: -100px;
  position: absolute;
}
.expansion-qna.v-expansion-panel-header {
  padding: 20px 0px 20px 0px !important;
}
.v-expansion-panel-content__wrap {
  padding: 0px 0px 20px 0px !important;
}
.hr-expansion {
  border-top: 1px solid rgba(35, 39, 42, 0.1);
}
.fund-guideline-tree:hover {
  background: #f6fbf8;
}
.fund-guideline-tree {
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  color: #12a34a !important;
}
.guideline-tree.v-treeview {
  justify-content: left !important;
  color: #12a34a !important;
  font-size: 18px;
  font-weight: 600;
  /* text-transform: capitalize; */
  border-radius: 10px !important;
}
.guideline-tree-active {
  justify-content: left !important;
  background-color: #fff !important;
  color: #6dbf3b !important;
  font-size: 18px;
  font-weight: 600;
  /* text-transform: capitalize; */
  border-radius: 10px !important;
}
.guideline-tree-active .v-treeview-node__label {
  color: #6dbf3b !important;
}
.guideline-tree .v-treeview-node__content {
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}
.guideline-tree .v-treeview-node__level {
  width: 0px !important;
}
.guideline-tree .v-treeview-node__label {
  white-space: normal !important;
  text-overflow: none !important;
  word-wrap: break-word !important;
}
.guideline-tree .v-treeview-node__root {
  padding-left: 0px !important;
}
.v-pagination {
  justify-content: right !important;
  /* right: 5 !important;
  position: absolute; */
  width: auto !important;
}
.search-field.v-text-field.v-text-field--solo .v-input__control {
  min-height: 38px !important;
}
.btn-navbar.router-link-exact-active {
  color: #fff !important;
}
.btn-navbar {
  color: #000 !important;
}
.btn-navbar:hover {
  color: #fff !important;
  padding: 8px !important;
  background-color: #12a34a !important;
  border-radius: 0.375rem;
}
.default-menu {
  color: #23272a !important;
  padding: 6px 8px 6px 8px !important;
}
.active-menu {
  color: #fff !important;
  padding: 6px 8px 6px 8px !important;
  background-color: #12a34a !important;
  border-radius: 0.375rem;
}
.link {
  color: #12a34a !important;
  font-family: "Lora", serif !important;
}
.stories .v-tab {
  background: #f1fef6;
  color: #12a34a !important;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
}
.stories .v-tab.v-tab--active {
  background: #12a34a !important;
  color: #f1fef6 !important;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.stories .v-tabs-slider {
  visibility: hidden;
}
.title-statistic {
  min-height: 64px;
}
.fs-18 {
  font-size: 18px;
}
.header-table {
  color: #23272a !important;
  font-size: 16px !important;
}
.img-card {
  -o-object-fit: cover;
  object-fit: cover;
  height: 250px;
  width: 100%;
}
.img-card-report {
  -o-object-fit: cover;
  object-fit: cover;
  height: 336px;
  width: 100%;
}
.img-card-event {
  -o-object-fit: cover;
  object-fit: cover;
  height: 349px;
  width: 100%;
}
.img-detail {
  -o-object-fit: cover;
  object-fit: cover;
  height: 35%;
  width: 100%;
}
.justify-content-center {
  justify-content: center;
}
.word-break {
  word-break: break-word;
}
ul {
  list-style-type: unset;
}
ol {
  list-style: auto;
}
.table {
  width: 100%;
}
td,
th {
  border: 1px solid #ddd;
  padding: 8px;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: unset;
  vertical-align: unset;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  all: revert;
}

#report-tab .cursor-pointer img {
  object-fit: cover;
  aspect-ratio: 4 / 3;
  height: auto;
  width: 100%;
}