details.field-phases summary {
  font-size: 0.83rem;
  font-weight: 700;
  outline-style: none;
  margin-bottom: 0.5rem;
}
details.field-phases summary #phase-droplist {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
details.field-phases .details-content {
  background: rgba(250, 250, 250, 0.5);
  padding: 15px;
  border-radius: 1.25rem;
}

.project-files {
  background: rgba(250, 250, 250, 0.7);
  border-radius: 1.25rem;
}
.project-files ul {
  list-style-type: none;
  padding: 0px;
}
.project-files ul li {
  padding: 10px;
  background-color: white;
  line-height: 4.3rem;
}

.brilliant-post-body {
  min-height: 100px;
}

.brilliant-tooltip {
  position: absolute;
  z-index: 999;
  background-color: black;
  padding: 10px;
  max-width: 350px;
  text-align: center;
  bottom: 15px;
  left: calc(50% - 175px);
  opacity: 0.85;
  color: white;
}
.brilliant-tooltip-container {
  position: relative;
  display: none;
}
.brilliant-tooltip-container.active {
  display: block;
}
.brilliant-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 0.85;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.formbuilder-autocomplete {
  position: relative;
  padding: 0px;
}
.formbuilder-autocomplete-list {
  display: none;
  position: absolute;
  margin-top: 2px;
  padding: 0px;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.formbuilder-autocomplete-list > li {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  list-style: none;
}
.formbuilder-autocomplete-list > li:hover {
  background-color: lightgray;
}

/* widget-feed-filter */
.widget-feed-filter .feed-new-posts-btn {
  border-style: dashed;
  border-radius: 2rem;
}

/* widget-feed-post */
.widget-feed-post .wfp-content {
  border-bottom: 1px solid #BABABA;
}

.widget-feed-post .wfp-content form {
  margin-bottom: 1.25rem;
}

/* text flip horizontal */
.flip-x {
  transform: scaleX(-1);
}

/* text flip vertical */
.flip-y {
  transform: scaleY(-1);
}

.btn-approve {
  color: #2D2C2D;
}
.btn-approve:not(.active) {
  background-color: #CCCCFF;
  border-color: #CCCCFF;
}
.btn-approve.active {
  background-color: #ff6b6b;
  border-color: #ff5e5e;
}

.btn-deliverable {
  color: #2D2C2D;
}
.btn-deliverable:not(.active) {
  background-color: #CCCCFF;
  border-color: #CCCCFF;
}
.btn-deliverable:not(.active) > icon-image:before {
  content: attr(data-normal-icon);
}
.btn-deliverable:not(.active):after {
  content: attr(data-normal-label);
  margin-left: 5px;
}
.btn-deliverable.active {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-deliverable.active > icon-image:before {
  content: attr(data-active-icon);
}
.btn-deliverable.active:after {
  content: attr(data-active-label);
  margin-left: 5px;
}

/* animate.css */
.opacity-0 {
  visibility: hidden;
}

.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}

/* footer */
#solutions {
  background: url("/images/footer-image.jpg") center bottom no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* marquee-line */
.marquee-line {
  overflow: hidden;
}
.marquee-line .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.marquee-line ul {
  display: inline-block;
  margin-bottom: 10px;
}
.marquee-line li > span {
  padding: 10px 25px;
}

/* fix logo */
header .navbar-brand svg {
  width: 100%;
  height: 100%;
}