.red {
  color: #ef5350;
}

.red_bg {
  background-color: #ef5350;
}
.red_bg.tagify__tag {
  --tag-bg: #ef5350;
  background-color: inherit;
}
.red_bg.tagify__dropdown__item {
  --tag-bg: #ef5350;
  --tags-border-color: rgb(234.7277486911, 37.0732984293, 33.2722513089);
}

.orange {
  color: #fbac7a;
}

.orange_bg {
  background-color: #fbac7a;
}
.orange_bg.tagify__tag {
  --tag-bg: #fbac7a;
  background-color: inherit;
}
.orange_bg.tagify__dropdown__item {
  --tag-bg: #fbac7a;
  --tags-border-color: rgb(249.5109489051, 141.102189781, 72.4890510949);
}

.yellow {
  color: #ffe718;
}

.yellow_bg {
  background-color: #ffe718;
}
.yellow_bg.tagify__tag {
  --tag-bg: #ffe718;
  background-color: inherit;
}
.yellow_bg.tagify__dropdown__item {
  --tag-bg: #ffe718;
  --tags-border-color: rgb(228, 204.3116883117, 0);
}

.olive {
  color: #a6bc0f;
}

.olive_bg {
  background-color: #a6bc0f;
}
.olive_bg.tagify__tag {
  --tag-bg: #a6bc0f;
  background-color: inherit;
}
.olive_bg.tagify__dropdown__item {
  --tag-bg: #a6bc0f;
  --tags-border-color: rgb(124.2955665025, 140.7684729064, 11.2315270936);
}

.green {
  color: #0AC59D;
}

.green_bg {
  background-color: #0AC59D;
}
.green_bg.tagify__tag {
  --tag-bg: #0AC59D;
  background-color: inherit;
}
.green_bg.tagify__dropdown__item {
  --tag-bg: #0AC59D;
  --tags-border-color: rgb(7.5362318841, 148.4637681159, 118.3188405797);
}

.teal {
  color: #26a69a;
}

.teal_bg {
  background-color: #26a69a;
}
.teal_bg.tagify__tag {
  --tag-bg: #26a69a;
  background-color: inherit;
}
.teal_bg.tagify__dropdown__item {
  --tag-bg: #26a69a;
  --tags-border-color: rgb(28.5, 124.5, 115.5);
}

.frontierteal {
  color: #00809b;
}

.frontierteal_bg {
  background-color: #00809b;
}
.frontierteal_bg.tagify__tag {
  --tag-bg: #00809b;
  background-color: inherit;
}
.frontierteal_bg.tagify__dropdown__item {
  --tag-bg: #00809b;
  --tags-border-color: rgb(0, 85.8838709677, 104);
}

.blue {
  color: #2196f3;
}

.blue_bg {
  background-color: #2196f3;
}
.blue_bg.tagify__tag {
  --tag-bg: #2196f3;
  background-color: inherit;
}
.blue_bg.tagify__dropdown__item {
  --tag-bg: #2196f3;
  --tags-border-color: rgb(11.5384615385, 124.0384615385, 213.4615384615);
}

.violet {
  color: #7e57c2;
}

.violet_bg {
  background-color: #7e57c2;
}
.violet_bg.tagify__tag {
  --tag-bg: #7e57c2;
  background-color: inherit;
}
.violet_bg.tagify__dropdown__item {
  --tag-bg: #7e57c2;
  --tags-border-color: rgb(100.4366812227, 61.2663755459, 168.7336244541);
}

.purple {
  color: #ab47bc;
}

.purple_bg {
  background-color: #ab47bc;
}
.purple_bg.tagify__tag {
  --tag-bg: #ab47bc;
  background-color: inherit;
}
.purple_bg.tagify__dropdown__item {
  --tag-bg: #ab47bc;
  --tags-border-color: rgb(138.390438247, 55.5219123506, 152.4780876494);
}

.pink {
  color: #ec407a;
}

.pink_bg {
  background-color: #ec407a;
}
.pink_bg.tagify__tag {
  --tag-bg: #ec407a;
  background-color: inherit;
}
.pink_bg.tagify__dropdown__item {
  --tag-bg: #ec407a;
  --tags-border-color: rgb(226.4714285714, 22.5285714286, 91.3);
}

.brown {
  color: #8d6e63;
}

.brown_bg {
  background-color: #8d6e63;
}
.brown_bg.tagify__tag {
  --tag-bg: #8d6e63;
  background-color: inherit;
}
.brown_bg.tagify__dropdown__item {
  --tag-bg: #8d6e63;
  --tags-border-color: rgb(111.0375, 86.625, 77.9625);
}

.grey {
  color: #bdbdbd;
}

.grey_bg {
  background-color: #bdbdbd;
}
.grey_bg.tagify__tag {
  --tag-bg: #bdbdbd;
  background-color: inherit;
}
.grey_bg.tagify__dropdown__item {
  --tag-bg: #bdbdbd;
  --tags-border-color: rgb(163.5, 163.5, 163.5);
}

.lightgray {
  color: #eeeeee;
}

.lightgray_bg {
  background-color: #eeeeee;
}
.lightgray_bg.tagify__tag {
  --tag-bg: #eeeeee;
  background-color: inherit;
}
.lightgray_bg.tagify__dropdown__item {
  --tag-bg: #eeeeee;
  --tags-border-color: rgb(212.5, 212.5, 212.5);
}

.black {
  color: #555;
}

.black_bg {
  background-color: #555;
}
.black_bg.tagify__tag {
  --tag-bg: #555;
  background-color: inherit;
}
.black_bg.tagify__dropdown__item {
  --tag-bg: #555;
  --tags-border-color: rgb(59.5, 59.5, 59.5);
}

.white {
  color: #ffffff;
}

.white_bg {
  background-color: #ffffff;
}
.white_bg.tagify__tag {
  --tag-bg: #ffffff;
  background-color: inherit;
}
.white_bg.tagify__dropdown__item {
  --tag-bg: #ffffff;
  --tags-border-color: rgb(229.5, 229.5, 229.5);
}

html, body {
  font-size: 16px;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body, .ui.header, .ui.menu, h1, h2, h3, h4, h5 {
  font-family: "Lato", Helvetica, sans-serif;
}

.primary {
  color: #00809b;
}

.secondary {
  color: rgb(0, 22.7096774194, 27.5);
}

.label.secondary {
  background-color: rgb(0, 22.7096774194, 27.5);
}

a, a:hover {
  color: rgb(0, 106.9419354839, 129.5);
}

a.secondary {
  color: #aaa;
}

.required {
  color: #ef5350;
}

.blue {
  color: #2196f3;
}

.red {
  color: #ef5350;
}

.ui.primary.button, .ui.primary.buttons .button {
  background-color: #00809b;
}

.ui.primary.button:active, .ui.primary.buttons .button:active {
  background-color: #00809b;
}

.ui.primary.button:focus, .ui.primary.buttons .button:focus {
  background-color: #00809b;
}

.ui.basic.primary.button, .ui.basic.primary.buttons .button, .ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover {
  box-shadow: 0 0 0 1px #00809b inset !important;
  color: #00809b !important;
  border: 1px;
}

.ui.inverted.primary.button, .ui.inverted.primary.buttons .button {
  box-shadow: 0 0 0 1px #ffffff inset;
  color: #ffffff;
}

.ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button:hover {
  background-color: rgb(0, 106.9419354839, 129.5);
}

.ui.primary.buttons .button.icon {
  background-color: rgb(0, 106.9419354839, 129.5);
}

.ui.primary.buttons .button.basic.icon {
  background-color: #ffffff;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background-color: rgb(0, 85.8838709677, 104);
}

.button.large {
  padding: 1em 1.5em 1em;
}

.ui.large.form .button {
  font-size: 1.14285714rem;
}

.align_self_end {
  align-self: flex-end;
}

.tab .tab_wrapper .active.item {
  border-color: #00809b;
  color: #00809b;
}
.tab .tab_wrapper .item > .label {
  background-color: #eeeeee;
  color: #555;
}

i.green.icon {
  color: #0AC59D !important;
}

/*.ui.green.label, .ui.green.labels .label {

	background-color: $green !important;
	border-color: $green !important;
}*/
.menu .item .fas, .menu .item .far {
  margin-right: 0.5rem;
}

.incentive .money.bill.alternate.icon {
  margin-right: 0.5rem;
}

.saving_area .icon {
  margin-right: 0.5rem;
}

.center.aligned {
  text-align: center;
}

.right.aligned {
  text-align: right;
}

.mini.error.message {
  padding: 0.75em 1.5em;
}

.validation-errors {
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
  background-color: #fff6f6;
  color: #9f3a38;
  font-size: 1em;
  border-radius: 0.28571429rem;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  position: relative;
  min-height: 1em;
  margin: 1em 0;
  padding: 1em 1.5em 1em 2.5em;
  line-height: 1.4285em;
}

.main_pd {
  padding: 40px;
}

.ui.dropdown .circular.label {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.large {
  font-size: 1.1rem;
}

.small {
  font-size: 0.9rem;
  line-height: 1.2em;
}

.mute {
  color: #aaa;
}

.incentive {
  color: rgb(8.768115942, 172.731884058, 137.6594202899) !important;
}

.ui.dropdown .menu .item a {
  color: #555;
}

.ui.dropdown > .menu > .delete:hover,
.ui.icon.delete:hover, .ui.basic.primary.delete.button:hover {
  background-color: #ef5350 !important;
  color: #ffffff !important;
}

.ui.basic.primary.delete.button:hover {
  box-shadow: 0 0 0 1px #ef5350 inset !important;
}

.ui.basic.primary.button:hover {
  background-color: #00809b !important;
  color: #ffffff !important;
}

.scrollbar-track {
  background: hsl(0, 0%, 146.6666666667%) !important;
  width: 3px !important;
}

.scrollbar-thumb {
  background: hsl(0, 0%, 116.6666666667%) !important;
  border-radius: 1.5px !important;
}

.potential_duplicate {
  color: #fbac7a;
}

.inspection_flag {
  color: #2196f3;
  opacity: 0.8;
}

.inspection_completed {
  position: relative;
}
.inspection_completed .fa-flag {
  color: #26a69a;
  opacity: 0.8;
}
.inspection_completed .fa-check {
  color: #26a69a;
  position: absolute;
  font-size: 0.5em;
  bottom: -4px;
  right: 0;
  opacity: 0.8;
}

.ui.header > i.icon {
  font-size: 1em;
}

i.primary.icon {
  color: #00809b !important;
}

.ui.selectable.table tbody tr, .ui.table tbody tr td.selectable {
  transition-property: all;
  transition: 0.3s linear;
}

.ui.label {
  font-weight: 400 !important;
}

.tag_actionable_list .checkbox {
  cursor: pointer;
  padding: 0.4em 0.6em;
  border-radius: 5px;
}
.tag_actionable_list .checkbox label {
  cursor: pointer;
}
.tag_actionable_list .checkbox input[type=checkbox] {
  display: none;
}

.ui.basic.label, .tag_actionable_list .checkbox {
  border-style: solid;
  border-width: 1px;
}
.ui.basic.label.red, .tag_actionable_list .checkbox.red {
  color: #CB0404 !important;
  background-color: rgba(255, 83, 80, 0.1) !important;
  border-color: #CB0404;
}
.ui.basic.label.red.selected, .tag_actionable_list .checkbox.red.selected {
  background-color: #CB0404 !important;
}
.ui.basic.label.orange, .tag_actionable_list .checkbox.orange {
  color: #B14600 !important;
  background-color: rgba(245, 148, 58, 0.1) !important;
  border-color: #B14600;
}
.ui.basic.label.orange.selected, .tag_actionable_list .checkbox.orange.selected {
  background-color: #B14600 !important;
}
.ui.basic.label.yellow, .tag_actionable_list .checkbox.yellow {
  color: #906D04 !important;
  background-color: rgba(255, 235, 66, 0.1) !important;
  border-color: #906D04;
}
.ui.basic.label.yellow.selected, .tag_actionable_list .checkbox.yellow.selected {
  background-color: #906D04 !important;
}
.ui.basic.label.olive, .tag_actionable_list .checkbox.olive {
  color: #697806 !important;
  background-color: rgba(188, 212, 19, 0.1) !important;
  border-color: #697806;
}
.ui.basic.label.olive.selected, .tag_actionable_list .checkbox.olive.selected {
  background-color: #697806 !important;
}
.ui.basic.label.green, .tag_actionable_list .checkbox.green {
  color: #107729 !important;
  background-color: rgba(39, 233, 116, 0.1) !important;
  border-color: #107729;
}
.ui.basic.label.green.selected, .tag_actionable_list .checkbox.green.selected {
  background-color: #107729 !important;
}
.ui.basic.label.teal, .tag_actionable_list .checkbox.teal {
  color: #066D74 !important;
  background-color: rgba(30, 219, 210, 0.1) !important;
  border-color: #066D74;
}
.ui.basic.label.teal.selected, .tag_actionable_list .checkbox.teal.selected {
  background-color: #066D74 !important;
}
.ui.basic.label.blue, .tag_actionable_list .checkbox.blue {
  color: #075B9A !important;
  background-color: rgba(33, 150, 243, 0.1) !important;
  border-color: #075B9A;
}
.ui.basic.label.blue.selected, .tag_actionable_list .checkbox.blue.selected {
  background-color: #075B9A !important;
}
.ui.basic.label.violet, .tag_actionable_list .checkbox.violet {
  color: #6435C9 !important;
  background-color: rgba(126, 87, 194, 0.1) !important;
  border-color: #075B9A;
}
.ui.basic.label.violet.selected, .tag_actionable_list .checkbox.violet.selected {
  background-color: #6435C9 !important;
}
.ui.basic.label.purple, .tag_actionable_list .checkbox.purple {
  color: #981CC1 !important;
  background-color: rgba(171, 71, 188, 0.1) !important;
  border-color: #075B9A;
}
.ui.basic.label.purple.selected, .tag_actionable_list .checkbox.purple.selected {
  background-color: #981CC1 !important;
}
.ui.basic.label.pink, .tag_actionable_list .checkbox.pink {
  color: #D41B84 !important;
  background-color: rgba(255, 138, 178, 0.1) !important;
  border-color: #D41B84;
}
.ui.basic.label.pink.selected, .tag_actionable_list .checkbox.pink.selected {
  background-color: #D41B84 !important;
}
.ui.basic.label.brown, .tag_actionable_list .checkbox.brown {
  color: #83451B !important;
  background-color: rgba(141, 110, 99, 0.1) !important;
  border-color: #83451B;
}
.ui.basic.label.brown.selected, .tag_actionable_list .checkbox.brown.selected {
  background-color: #83451B !important;
}
.ui.basic.label.grey, .tag_actionable_list .checkbox.grey {
  color: #444444 !important;
  background-color: rgba(189, 189, 189, 0.1) !important;
  border-color: #444444;
}
.ui.basic.label.grey.selected, .tag_actionable_list .checkbox.grey.selected {
  background-color: #444444 !important;
}
.ui.basic.label.selected, .tag_actionable_list .checkbox.selected {
  color: #ffffff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.ui.table {
  border-radius: 0;
}

.ui.selectable.table > tbody > tr, .ui.selectable.table > tr, .ui.table > tbody > tr > td.selectable, .ui.table > tr > td.selectable {
  cursor: default;
}

.progress {
  height: inherit;
}
.progress .bar {
  min-width: 0 !important;
}

.hidden {
  display: none;
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
[data-titletip] {
  position: relative;
  outline: none;
}
[data-titletip]::before {
  content: attr(data-titletip);
  position: absolute;
  left: 50%;
  bottom: 110%;
  opacity: 0;
  margin-bottom: 0.3rem;
  padding: 0.5rem;
  color: #ffffff;
  background-color: #555;
  font-size: 0.7rem;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  transform: translate(-50%, 1em);
  transition: all 0.15s ease-in-out;
}
[data-titletip]::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  opacity: 0;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-top-color: #555;
  transform: translate(-50%, 0%);
  transition: all 0.15s ease-in-out;
}

[data-titletip]:hover::before {
  opacity: 1;
  transform: translate(-50%, 0);
}

[data-titletip]:hover::after {
  opacity: 1;
  transform: translate(-50%, -80%);
}

.sub.header {
  padding-top: 0.5em;
}

.ui.modal .scrolling.content {
  position: relative;
}

.ui.green.progress .bar, .ui.indeterminate.green.progress .bar::before, .ui.progress .green.bar {
  background-color: #0AC59D;
}

.ui.secondary.pointing.menu {
  min-height: auto;
}

#wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}

#header {
  opacity: 0;
  animation: fadeIn 500ms linear forwards;
}

#container2 {
  display: flex;
  height: 100vh;
  opacity: 0;
  animation: fadeIn 500ms linear forwards;
}
#container {
  display: grid;
  grid-template-rows: 61px auto;
  width: 100%;
  opacity: 0;
  flex: 2;
  animation: fadeIn 500ms linear forwards;
}
#container #header {
  grid-area: hd;
  z-index: 100;
  animation: fadeIn 500ms linear forwards;
  position: fixed;
  width: 100%;
}
#container #main {
  grid-area: ma;
  animation: fadeIn 500ms linear forwards;
}
#container #main #double_menu_wrapper {
  display: grid;
  grid-template-columns: 200px auto;
  grid-template-areas: "mn ma";
  height: calc(100vh - 61px);
}
#container #main #double_menu_wrapper .main {
  grid-area: ma;
  position: relative;
}
#container #main #double_menu_wrapper .main .main_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
#container #main #double_menu_wrapper .menu {
  grid-area: mn;
}
#container #main #double_menu_wrapper.menu_collapsed {
  grid-template-columns: 56px auto;
}
#container #menu {
  grid-area: mn;
  animation: fadeIn 500ms linear forwards;
  background-color: rgb(0, 22.7096774194, 27.5);
}
#container.full {
  grid-template-columns: auto;
  grid-template-areas: "hd hd" "ma ma";
}
#container.single_menu {
  grid-template-columns: 200px auto;
  grid-template-areas: "hd hd" "mn ma";
}
#container.single_menu.menu_collapsed {
  grid-template-columns: 56px auto;
}
#container.full #main {
  align-self: center;
  padding-bottom: 40px;
  min-height: 90vh;
}
.header_wrapper .ui.menu {
  background-color: rgb(5.2, 82.495483871, 98.8);
  border-radius: 0;
}
.header_wrapper .ui.menu > .item:first-child {
  width: 200px;
  background-color: rgb(5.2, 82.495483871, 98.8);
}
.header_wrapper .ui.menu > .item:first-child:hover {
  background-color: rgb(5.2, 82.495483871, 98.8) !important;
}
.header_wrapper .ui.menu > .item:first-child img {
  width: 140px;
}
.header_wrapper .ui.menu .right.menu .item > i.icon {
  margin-right: 0;
}
.header_wrapper .ui.menu .right.menu .item.active {
  background: rgba(255, 255, 255, 0.15);
}
@media only screen and (max-width: 1144px) {
  .header_wrapper .ui.menu .right.menu > .item {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
.header_wrapper .ui.menu .right.menu .dropdown .avatar.image {
  margin-left: 1em;
}
.header_wrapper .ui.menu .right.menu .dropdown .menu .item a {
  color: #555;
}
@media only screen and (max-width: 1144px) {
  .header_wrapper .ui.menu .right.menu .dropdown.user_display .user_name, .header_wrapper .ui.menu .right.menu .dropdown.user_display .dropdown.icon {
    display: none;
  }
  .header_wrapper .ui.menu .right.menu .dropdown.user_display .label {
    margin-left: 0 !important;
  }
}

.menu_wrapper {
  background-color: rgb(0, 22.7096774194, 27.5);
  min-height: calc(100vh - 61px);
  position: fixed;
  top: 61px;
}
.menu_wrapper .expanded_menu {
  width: 200px;
}
.menu_wrapper .expanded_menu .ui.accordion .title {
  padding: 10px;
  color: #ffffff;
  background-position: center;
  transition: background 0.8s;
}
.menu_wrapper .expanded_menu .ui.accordion .title:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_wrapper .expanded_menu .ui.accordion .title:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_wrapper .expanded_menu .ui.accordion .title.active > i.angle.down.icon {
  transform: rotate(180deg) !important;
}
.menu_wrapper .expanded_menu .ui.accordion .title > i.menuicon {
  font-size: 1.2rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
.menu_wrapper .expanded_menu .ui.accordion .title > i.angle.down.icon {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 0.85rem;
  transition: all 0.15s linear;
}
.menu_wrapper .expanded_menu .ui.accordion .content {
  padding: 0 !important;
  margin: 0 !important;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul {
  margin: 0;
  padding: 0;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul li {
  list-style: none;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul li a {
  display: block;
  padding: 8px 10px 8px 50px;
  color: #ffffff;
  font-size: 0.85em;
  background-position: center;
  transition: background 0.8s;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul li a:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul li a:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_wrapper .expanded_menu .ui.accordion .content ul li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.menu_wrapper .expanded_menu .ui.secondary.vertical.menu {
  width: auto;
  margin: 0;
}
.menu_wrapper .expanded_menu .ui.secondary.vertical.menu > a.item {
  margin: 0;
  padding: 10px;
  color: #ffffff !important;
  border-radius: 0 !important;
  line-height: 30px;
  background-position: center;
  transition: background 0.8s;
}
.menu_wrapper .expanded_menu .ui.secondary.vertical.menu > a.item:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_wrapper .expanded_menu .ui.secondary.vertical.menu > a.item:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_wrapper .expanded_menu .ui.secondary.vertical.menu > a.item > i.icon {
  float: none;
  margin: 0 10px 0 0;
  font-size: 1.2rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #ffffff !important;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu.secondary {
  margin: 0;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu.secondary.inverted a.item {
  border-radius: 0 !important;
  margin-bottom: 0;
  background-position: center;
  transition: background 0.8s;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu.secondary.inverted a.item:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu.secondary.inverted a.item:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu.secondary.inverted a.item > i.icon {
  color: #ffffff !important;
  padding-right: 0;
  height: 25px;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu .item {
  min-width: auto;
  border-radius: 0 !important;
  margin-bottom: 0;
  background-position: center;
  transition: background 0.8s;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu .item:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu .item:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu .item i.icon {
  font-size: 1.2rem !important;
  margin: 0 !important;
  width: 26px;
  padding-top: 4px;
}
.menu_wrapper .collapsed_menu .ui.labeled.icon.menu .item .menu .item a {
  color: #555;
}

.menu_button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.menu_button a.collapse_btn {
  margin: 6px 6px 10px;
  float: right;
  padding: 10px;
  border-radius: 50%;
  color: #ffffff;
  background-position: center;
  transition: background 0.8s;
}
.menu_button a.collapse_btn:hover {
  background: rgba(255, 255, 255, 0.25) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.25) 1%) center/15000%;
}
.menu_button a.collapse_btn:active {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.menu_button a.collapse_btn i {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

#double_menu_wrapper > .menu {
  animation: menu_slide 600ms forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
  left: -56px;
  position: relative;
  opacity: 0;
}

@keyframes menu_slide {
  100% {
    left: 0px;
    opacity: 1;
  }
}
.activity_feed_wrapper {
  padding: 40px;
}
.activity_feed_wrapper .empty_widget {
  text-align: center;
  padding: 20px;
}

.ui.feed .event {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px !important;
}
.ui.feed .event .label {
  margin-top: 4px;
}
.ui.feed .event .date {
  float: right;
}
.ui.feed .event .user {
  font-weight: normal !important;
  color: #aaa;
}

.announcement_wrap .ui.message {
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 14px;
  padding: 0.5em 1em;
}

.ui.tab > .calendar_wrapper {
  padding: 0;
}

.calendar_wrapper {
  flex: 2;
  overflow-y: auto;
  padding: 30px;
}

.calendar_header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15px;
  padding: 30px;
}
.calendar_header > div {
  align-self: center;
}
.calendar_header .program_toggl {
  justify-self: end;
}
.calendar_header .filter .label span {
  opacity: 0.6;
}
.calendar_header .filter .ui.popup {
  max-height: 70vh;
  overflow-y: auto;
}
.calendar_header .filter .ui.form .grouped.fields > label.title {
  font-size: 0.78571429em;
  font-weight: 700;
  text-transform: uppercase;
}
.calendar_header .filter .event_type .ui.checkbox {
  width: 220px;
}
.calendar_header .filter .program_type .ui.checkbox {
  width: 300px;
}
.calendar_header .filter .marketactor .ui.checkbox {
  width: 400px;
}
.calendar_header .filter .ui.checkbox input[type=checkbox] {
  left: auto;
  right: 0;
}
.calendar_header .filter .ui.checkbox label {
  padding-left: 0;
  padding-right: 1.85714em;
}
.calendar_header .filter .ui.checkbox label:after, .calendar_header .filter .ui.checkbox label:before {
  right: 0;
  left: auto;
}
.calendar_header .filter .ui.checkbox label .circular.label {
  margin: 0 0.25rem 0 0;
}

.fc .fc-button-primary {
  background-color: rgb(0, 106.9419354839, 129.5) !important;
  border-color: rgb(0, 106.9419354839, 129.5) !important;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:active {
  background-color: rgb(0, 85.8838709677, 104) !important;
  border-color: rgb(0, 85.8838709677, 104) !important;
}
.fc .fc-button-primary:disabled {
  background-color: rgb(0, 106.9419354839, 129.5) !important;
  border-color: rgb(0, 106.9419354839, 129.5) !important;
  opacity: 0.45 !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
  background-color: rgb(0, 85.8838709677, 104) !important;
  border-color: rgb(0, 85.8838709677, 104) !important;
}

.fc .fc-daygrid-day.fc-day-today, .fc .fc-timegrid-col.fc-day-today {
  background-color: #f6fffd !important;
}

.fc .fc-col-header-cell-cushion, .fc .fc-daygrid-day-number {
  color: #555;
}

.fc .fc-daygrid-day-top {
  flex-direction: row !important;
}

@media (max-width: 950px) {
  .fc .fc-toolbar {
    flex-direction: column;
    row-gap: 10px;
  }
}
#company_info.tab table {
  margin-bottom: 30px;
}

.company_profile {
  padding: 40px;
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
}
.company_profile:last-child {
  margin-bottom: 30px;
}
.company_profile__summary {
  align-self: center;
}
.company_profile__summary .list {
  color: #aaa;
}
.company_profile__summary .list .content {
  margin-top: 0.5em;
}
.company_profile__buttons {
  align-self: end;
}

.configure_wrapper {
  padding: 40px;
  display: flex;
  justify-content: center;
}
.configure_wrapper .card {
  width: 680px;
}

#configure_project {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1.5em;
  grid-template-areas: "ms cv" "ms pv";
}
#configure_project > .ui.card {
  align-self: start;
  margin-top: 0;
  width: 100%;
}
#configure_project > .ui.card.large .header {
  margin-top: 0;
}
#configure_project__measures {
  grid-area: ms;
}
#configure_project__measures .content .ui.large.form {
  margin-bottom: 50px;
}
#configure_project__measures .content .ui.large.form + .ui.large.checkbox {
  margin: 12px 0 24px;
}
#configure_project__measures .content .ui.large.checkbox {
  margin: 0.5em 0;
}
#configure_project__measures .content .ui.large.checkbox label {
  font-size: 17px;
}
#configure_project__measures .content .selectable {
  padding: 16px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#configure_project__measures .content .selectable:last-of-type {
  border-bottom: none;
}
#configure_project__measures .content .selectable:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
#configure_project__measures .content.table_footer {
  font-size: 0.75em;
}
#configure_project__customv {
  grid-area: cv;
}
#configure_project__projectver {
  grid-area: pv;
}

.create_form {
  padding: 40px;
  overflow: hidden;
}
.create_form .button {
  margin: 2rem 0;
}

.dashboard_wrapper {
  padding: 20px;
  display: flex;
}
@media only screen and (max-width: 1470px) {
  .dashboard_wrapper {
    flex-direction: column;
  }
}
.dashboard_wrapper .dashboard_main {
  flex-grow: 2;
  padding-right: 30px;
}
@media (max-width: 1470px) {
  .dashboard_wrapper .dashboard_main {
    padding-right: 0;
  }
}
.dashboard_wrapper .dashboard_main .ui.padded.segment {
  animation: fadeIn 500ms linear forwards;
}
.dashboard_wrapper .dashboard_main h2.ui.header {
  margin-bottom: 45px;
}
.dashboard_wrapper .dashboard_main .statistics_incentive_savings_wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.dashboard_wrapper .dashboard_main .statistics_incentive_savings_wrapper.no_incentive_savings {
  flex-direction: row;
}
.dashboard_wrapper .dashboard_main .statistics_incentive_savings_wrapper.no_incentive_savings .statistics {
  width: 40%;
  margin-bottom: 0;
  margin-top: 30px;
}
.dashboard_wrapper .dashboard_main .statistics_incentive_savings_wrapper.no_incentive_savings .statistics .statistic {
  min-width: 50%;
  margin: 0 0 2em;
}
.dashboard_wrapper .dashboard_main .statistics_incentive_savings_wrapper.no_incentive_savings .program_incentive_savings_wrapper {
  width: 60%;
}
.dashboard_wrapper .dashboard_main .statistics {
  clear: both;
  margin-bottom: 35px;
}
.dashboard_wrapper .dashboard_main .statistics .statistic .value {
  font-size: 1.75rem;
  font-weight: 700;
}
.dashboard_wrapper .dashboard_main .statistics .statistic .value i.icon {
  margin-right: 5px;
}
.dashboard_wrapper .dashboard_main .statistics .statistic .label {
  margin-top: 5px;
  text-transform: initial;
  color: #aaa;
}
.dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper {
    align-items: flex-start;
  }
}
.dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper .incentive_wrapper {
  display: flex;
  flex-grow: 2;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-right: 40px;
  align-items: center;
}
@media only screen and (max-width: 1830px) {
  .dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper .incentive_wrapper {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1730px) {
  .dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper .incentive_wrapper {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1470px) {
  .dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper .incentive_wrapper {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1300px) {
  .dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper .incentive_wrapper {
    padding-right: 0px;
  }
}
.dashboard_wrapper .dashboard_main .budget_incentive {
  min-width: 280px;
  max-width: 320px;
  flex-grow: 1;
}
@media only screen and (max-width: 1600px) {
  .dashboard_wrapper .dashboard_main .budget_incentive {
    min-width: 250px;
  }
}
@media only screen and (max-width: 1200px) {
  .dashboard_wrapper .dashboard_main .budget_incentive {
    min-width: 220px;
  }
}
@media only screen and (max-width: 1120px) {
  .dashboard_wrapper .dashboard_main .budget_incentive {
    min-width: auto;
    max-width: 170px;
  }
  .dashboard_wrapper .dashboard_main .budget_incentive dl dt, .dashboard_wrapper .dashboard_main .budget_incentive dl dd {
    width: 100% !important;
    line-height: 1.2em !important;
  }
  .dashboard_wrapper .dashboard_main .budget_incentive dl dt {
    margin-bottom: 0 !important;
  }
  .dashboard_wrapper .dashboard_main .budget_incentive dl dd {
    margin-bottom: 5px !important;
  }
}
.dashboard_wrapper .dashboard_main .graph {
  min-width: 330px;
  max-width: 380px;
  flex-grow: 2;
}
@media only screen and (max-width: 1470px) {
  .dashboard_wrapper .dashboard_main .graph {
    max-width: 420px;
  }
}
@media only screen and (max-width: 1200px) {
  .dashboard_wrapper .dashboard_main .graph {
    max-width: 420px;
    min-width: 300px;
  }
  .dashboard_wrapper .dashboard_main .graph .apexcharts-text.apexcharts-datalabel-label {
    font-size: 13px !important;
  }
}
.dashboard_wrapper .dashboard_main .saving {
  min-width: 300px;
}
@media only screen and (max-width: 1600px) {
  .dashboard_wrapper .dashboard_main .saving {
    min-width: 220px;
  }
}
@media only screen and (max-width: 1470px) {
  .dashboard_wrapper .dashboard_main .saving {
    min-width: 300px;
  }
}
@media only screen and (max-width: 1300px) {
  .dashboard_wrapper .dashboard_main .saving {
    min-width: 215px;
  }
}
.dashboard_wrapper .dashboard_main .program_incentive_savings_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard_wrapper .dashboard_main .budget_incentive {
  min-width: 280px;
}
@media only screen and (max-width: 1600px) {
  .dashboard_wrapper .dashboard_main .budget_incentive {
    min-width: 250px;
  }
}
.dashboard_wrapper .dashboard_main .graph {
  min-width: 330px;
  max-width: 380px;
  flex-grow: 2;
}
@media only screen and (max-width: 1600px) {
  .dashboard_wrapper .dashboard_main .graph {
    max-width: 330px;
  }
}
.dashboard_wrapper .dashboard_main .saving {
  min-width: 300px;
}
@media only screen and (max-width: 1600px) {
  .dashboard_wrapper .dashboard_main .saving {
    min-width: 220px;
  }
}
.dashboard_wrapper .dashboard_main .budget_incentive h3, .dashboard_wrapper .dashboard_main .saving h3 {
  margin-bottom: 25px;
}
.dashboard_wrapper .dashboard_main .budget_incentive dl, .dashboard_wrapper .dashboard_main .overall_budget dl {
  overflow: hidden;
}
.dashboard_wrapper .dashboard_main .budget_incentive dl dt, .dashboard_wrapper .dashboard_main .budget_incentive dl dd, .dashboard_wrapper .dashboard_main .overall_budget dl dt, .dashboard_wrapper .dashboard_main .overall_budget dl dd {
  float: left;
  margin: 0 0 10px 0;
}
.dashboard_wrapper .dashboard_main .budget_incentive dl dt, .dashboard_wrapper .dashboard_main .overall_budget dl dt {
  width: 48%;
  color: #aaa;
  font-size: 13px;
  clear: both;
}
.dashboard_wrapper .dashboard_main .budget_incentive dl dd, .dashboard_wrapper .dashboard_main .overall_budget dl dd {
  width: 52%;
  text-align: right;
  font-weight: bold;
  font-size: 17px;
}
.dashboard_wrapper .dashboard_main .budget_incentive .ui.divider, .dashboard_wrapper .dashboard_main .overall_budget .ui.divider {
  clear: both;
}
.dashboard_wrapper .dashboard_main .saving dl {
  overflow: hidden;
  margin: 0;
}
.dashboard_wrapper .dashboard_main .saving dl dt, .dashboard_wrapper .dashboard_main .saving dl dd {
  float: left;
  margin: 0 0 5px 0;
}
.dashboard_wrapper .dashboard_main .saving dl dt {
  width: 65%;
  padding-right: 5%;
  font-size: 17px;
  font-weight: bold;
  text-align: right;
}
.dashboard_wrapper .dashboard_main .saving dl dt .progress {
  margin-top: 8px;
}
.dashboard_wrapper .dashboard_main .saving dl dd {
  width: 30%;
  color: #aaa;
  font-size: 13px;
}
.dashboard_wrapper .dashboard_main .saving dl.ma_saving dt {
  width: 55%;
  color: #aaa;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.dashboard_wrapper .dashboard_main .saving dl.ma_saving dd {
  width: 45%;
  color: #555;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}
.dashboard_wrapper .dashboard_main .saving .ui.list .right.aligned {
  font-size: 18px;
  font-weight: bold;
}
.dashboard_wrapper .dashboard_main .overall_budget {
  padding-top: 32px;
}
.dashboard_wrapper .dashboard_main .ui.accordion {
  margin-top: 15px;
}
.dashboard_wrapper .dashboard_main .ui.accordion .content table tr {
  animation: fadeIn 500ms linear forwards;
}
.dashboard_wrapper .dashboard_main .ui.accordion .content table thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dashboard_wrapper .dashboard_main .ui.accordion .content table tfoot td {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  font-weight: bold;
}
.dashboard_wrapper .dashboard_side {
  min-width: 290px;
  max-width: 400px;
}
@media only screen and (max-width: 1470px) {
  .dashboard_wrapper .dashboard_side {
    min-width: auto;
    max-width: none;
  }
  .dashboard_wrapper .dashboard_side .quickaction_tag_wrapper {
    display: flex;
    margin-top: 1em;
  }
  .dashboard_wrapper .dashboard_side .quickaction_tag_wrapper > div {
    flex-grow: 1;
    margin-bottom: 1em;
  }
  .dashboard_wrapper .dashboard_side .quickaction_tag_wrapper .ui.list:first-child {
    margin-top: 1em;
    padding-right: 30px;
  }
}
.dashboard_wrapper .dashboard_side > div {
  animation: fadeIn 500ms linear forwards;
}
.dashboard_wrapper .dashboard_side .segment h3.header {
  margin-bottom: 20px;
}
.dashboard_wrapper .dashboard_side .segment.calendar_segment h3.header {
  margin-bottom: 0px;
}
.dashboard_wrapper .dashboard_side .segment p.right.aligned {
  font-size: 13px;
}
.dashboard_wrapper .dashboard_side .ui.horizontal.list {
  width: 100%;
  min-height: 57.83px;
}
.dashboard_wrapper .dashboard_side .ui.horizontal.list > .item {
  margin-left: 0;
  margin-right: 0.5em;
}
.dashboard_wrapper .dashboard_side .activity_feed {
  padding: 15px;
  list-style: none;
}
.dashboard_wrapper .dashboard_side .activity_feed .feed_item {
  position: relative;
  padding-bottom: 20px;
  padding-left: 30px;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.dashboard_wrapper .dashboard_side .activity_feed .feed_item:last-child {
  border-color: transparent;
}
.dashboard_wrapper .dashboard_side .activity_feed .feed_item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #2196f3;
}
.dashboard_wrapper .dashboard_side .activity_feed .feed_item .date {
  display: block;
  position: relative;
  top: -3px;
  font-size: 13px;
  color: #aaa;
}
.dashboard_wrapper .dashboard_side .activity_feed .feed_item .text {
  position: relative;
  top: -5px;
}

.ui.tab > .datatable_wrapper {
  padding: 0 !important;
}

.ui.tab .datatable_wrapper {
  position: inherit;
}

.datatable_wrapper {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: auto;
  left: 30px;
  padding-bottom: 30px;
  overflow-x: auto;
  height: 95%;
  animation: fadeIn 500ms linear forwards;
}
.datatable_wrapper .datatable_header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 15px;
}
.datatable_wrapper .datatable_header .button {
  grid-column: 1/2;
}
.datatable_wrapper .datatable_header .tools {
  grid-column: 2/-1;
  justify-self: end;
}
.datatable_wrapper .datatable_header .tools > div {
  margin-left: 20px;
}
.datatable_wrapper table.ui.table {
  font-size: 0.8em;
  line-height: 1.3em;
  position: relative;
  margin-top: 30px;
}
.datatable_wrapper table.ui.table thead tr.filters th, .datatable_wrapper table.ui.table thead tr.batch_action th {
  cursor: default;
}
.datatable_wrapper table.ui.table thead tr.filters th:hover, .datatable_wrapper table.ui.table thead tr.batch_action th:hover {
  background-color: #f9fafb;
}
.datatable_wrapper table.ui.table thead tr.filters {
  position: absolute;
  display: contents;
}
.datatable_wrapper table.ui.table thead tr.filters .ui.list {
  margin-bottom: 0;
}
.datatable_wrapper table.ui.table thead tr.filters .ui.list .ui.item.segment {
  padding: 5px;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}
.datatable_wrapper table.ui.table thead tr.filters .ui.list .ui.button {
  padding: 7px 10px;
}
.datatable_wrapper table.ui.table thead tr.batch_action th {
  background-color: rgb(0, 22.7096774194, 27.5);
  border-bottom: none;
}
.datatable_wrapper table.ui.table thead tr.batch_action th:hover {
  background-color: rgb(0, 22.7096774194, 27.5);
}
.datatable_wrapper table.ui.table thead tr.batch_action th:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid rgb(0, 22.7096774194, 27.5);
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  left: 6px;
  bottom: -11px;
  z-index: 2;
}
.datatable_wrapper table.ui.table thead tr.batch_action .ui.horizontal.list {
  padding: 0.5px 0;
}
.datatable_wrapper table.ui.table thead tr.batch_action .ui.horizontal.list .item p {
  font-size: 0.85em;
  font-weight: 400;
  color: #ffffff;
}
.datatable_wrapper table.ui.table thead tr.batch_action .ui.horizontal.list .item .ui.button.cancel {
  padding-right: 10px;
  padding-left: 10px;
}
.datatable_wrapper table.ui.table thead tr th {
  position: relative;
  padding-right: 25px !important;
}
.datatable_wrapper table.ui.table thead tr th.active {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.datatable_wrapper table.ui.table thead tr th .fa-sort, .datatable_wrapper table.ui.table thead tr th .fa-sort-up, .datatable_wrapper table.ui.table thead tr th .fa-sort-down {
  color: #ddd;
  position: absolute;
  top: 18px;
  right: 8px;
  display: block;
}
.datatable_wrapper table.ui.table thead tr th .fa-sort-up, .datatable_wrapper table.ui.table thead tr th .fa-sort-down {
  color: #26C4FF;
}
.datatable_wrapper table.ui.table tbody tr.filter_row {
  position: relative;
}
.datatable_wrapper table.ui.table tbody tr.filter_row:hover {
  background-color: #ffffff !important;
}
.datatable_wrapper table.ui.table tbody tr.filter_row .ui.segment {
  position: absolute;
  top: -30px;
  left: -20px;
  background-color: #ffffff;
  z-index: 5;
  min-width: 250px;
}
.datatable_wrapper table.ui.table tbody td {
  position: relative;
}
.datatable_wrapper table.ui.table tbody td .empty.circular.label {
  opacity: 0.6;
}
.datatable_wrapper table.ui.table tbody td .tag_list.ui.list > .item {
  padding: 0.1em;
}
@media (min-width: 767px) {
  .datatable_wrapper table.ui.table tfoot .datatable_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .datatable_wrapper table.ui.table tfoot .datatable_footer .showing {
    padding-right: 10px;
  }
  .datatable_wrapper table.ui.table tfoot .datatable_footer .ui.form {
    flex-grow: 2;
  }
}
@media (max-width: 767px) {
  .datatable_wrapper table.ui.table tfoot .datatable_footer .showing {
    padding-bottom: 10px;
  }
  .datatable_wrapper table.ui.table tfoot .datatable_footer .field {
    width: auto !important;
  }
}
.datatable_wrapper table.ui.table tfoot .datatable_footer .ui.form .inline.fields {
  margin-bottom: 0;
}
.datatable_wrapper table.ui.table tfoot .datatable_footer .ui.form .inline.fields .field {
  padding-left: 1em;
}

.email_wrapper {
  flex: 3;
  overflow-y: auto;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.email_wrapper .email_nav {
  flex-shrink: 0;
  flex-basis: 350px;
  overflow-y: auto;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.email_wrapper .email_content {
  flex: 3;
}

.email_tile {
  display: grid;
  grid-template-columns: auto 68px;
  grid-template-rows: 35px 23px auto;
  grid-column-gap: 15px;
  padding: 15px 7px 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.email_tile.new .title {
  font-weight: 600;
}
.email_tile .title {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 199px;
  font-size: 0.9rem;
  line-height: 1.25em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 26px;
}
.email_tile .time {
  grid-column: 2/-1;
  grid-row: 1/2;
  justify-self: end;
  font-size: 0.75rem;
  color: #aaa;
}
.email_tile .label {
  grid-column: 2/-1;
  grid-row: 2/3;
  text-align: center;
}
.email_tile .recipient {
  grid-column: 1/-1;
  align-self: end;
  font-size: 0.75rem;
  line-height: 1.2em;
  padding: 10px 0 0 26px;
}
.email_tile .recipient span {
  font-style: italic;
  color: #aaa;
}

.email_content {
  display: flex;
  flex-direction: column;
}
.email_content .email_info {
  padding: 20px;
}
.email_content .email_info .mute {
  font-size: 0.75rem;
}
.email_content .email_info h1 {
  font-size: 1.25rem;
  margin-top: 0;
}
.email_content .email_info button {
  margin-left: 20px;
}
.email_content .email_info dl {
  overflow: hidden;
  width: 100%;
  font-size: 0.75rem;
  margin: 0;
}
.email_content .email_info dl dt, .email_content .email_info dl dd {
  float: left;
}
.email_content .email_info dl dt {
  color: #aaa;
}
.email_content .email_info dl dd {
  margin-left: 0;
}
.email_content .email_info dl dt, .email_content .email_info dl dd {
  line-height: 1.5;
}
.email_content .email_info dl dt {
  width: 30px;
}
.email_content .email_info dl dd {
  width: calc(100% - 30px);
}
.email_content .email_body {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  overflow-y: auto;
}

.enrollment_buttons_wrapper {
  display: flex;
  justify-content: flex-end;
}

.enrollment_company_profile {
  padding: 40px;
}

.enrollment_summary_wrapper {
  margin-bottom: 30px;
}

#agreements h3.ui.header {
  margin-bottom: 25px;
}
#agreements .ui.segment {
  overflow: hidden;
  margin-bottom: 70px;
}
#agreements .ui.segment h4.ui.header {
  margin: 10px 0 0;
}
#agreements .ui.table a {
  margin-right: 20px;
}

@media only screen and (max-width: 1400px) {
  .ui.stackable.grid {
    width: auto;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .ui.grid > .stackable.stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
    width: 100% !important;
    margin: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 1rem 1rem;
  }
}
.marketactor_wrapper .ui.right.aligned.segment button {
  margin: 0.25em 0;
}

.error_container {
  height: 100%;
}

.project_file_wrapper {
  position: relative;
  flex: 2;
}

.fileuploader {
  padding: 40px;
}
.fileuploader > .ui.segment {
  min-height: 30rem;
}
.fileuploader > .ui.segment .sub.header.error {
  margin: 10px 0;
  color: #ef5350;
}
.fileuploader > .ui.segment .sub.header.error:before {
  height: auto;
}
.fileuploader .ui.fitted.segment:not(.horizontally) {
  min-height: 16rem;
  padding: 20px;
  margin-bottom: 60px;
}
.fileuploader .ui.centered.grid {
  margin-bottom: 30px;
}
.fileuploader .ui.centered.grid .row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.fileuploader .thumbnail .ui.segment {
  width: 210px;
  height: 210px;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 0;
}
.fileuploader .thumbnail .ui.segment .ui.icon.header {
  margin: 0;
}
.fileuploader .thumbnail .ui.segment .progress .bar {
  background-color: #00809b !important;
}
.fileuploader .thumbnail .ui.list .item {
  margin-bottom: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8em;
}
.fileuploader .thumbnail .ui.list .item .header {
  font-size: 0.9em;
  color: #aaa;
  margin-bottom: 4px;
}
.fileuploader input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

#inspection_result {
  display: flex;
  height: 100%;
}
#inspection_result #inspection_wrapper {
  flex-grow: 2;
}
#inspection_result #inspection_wrapper #inspection_summary {
  padding: 40px 40px 10px;
}
#inspection_result #inspection_wrapper #inspection_summary h2 .icon {
  font-size: 0.8em;
}
#inspection_result #inspection_wrapper #inspection_summary h2 .inspection_completed {
  font-size: 0.9em;
}
#inspection_result #inspection_wrapper #inspection_summary h2 .inspection_completed + .content {
  padding-left: 0.75rem;
}
#inspection_result #inspection_wrapper #inspection_summary .ma_project {
  margin-bottom: 10px;
  width: 100%;
}
#inspection_result #inspection_wrapper #inspection_summary .ma_project .item .content .label {
  margin-left: 0.5em;
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header .content {
  font-size: 16px;
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header .circular.icon {
  font-size: 1.25em;
  box-shadow: none !important;
  border: 1px solid rgb(0, 85.8838709677, 104);
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header .circular.icon:before {
  color: rgb(0, 85.8838709677, 104);
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header .sub.header {
  font-weight: 400;
  font-size: 0.8em;
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header.unassigned .circular.icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#inspection_result #inspection_wrapper #inspection_summary .assign_date .item h3.header.unassigned .circular.icon:before {
  color: rgba(0, 0, 0, 0.4);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title {
  padding: 12.571px 16.5px;
  display: flex;
  gap: 25px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .ui.dropdown.item {
  width: 40px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .saving_adjustment {
  width: 20px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .large {
  flex-grow: 2;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .comment {
  width: 45px;
  display: flex;
  align-items: center;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .incentive {
  width: 125px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .saving {
  width: 150px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title.active {
  border-bottom: none;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title.active .dropdown.icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .dropdown.icon {
  width: inherit;
  height: inherit;
  font-family: inherit;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .dropdown.icon:before {
  content: "";
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title .dropdown.icon .menu {
  top: 120% !important;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title > div {
  align-self: center;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title > div .circular.icon.green {
  box-shadow: 0 0 0 0.1em #0AC59D inset;
  background-color: rgba(10, 197, 157, 0.1);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title > div .circular.icon.blue {
  box-shadow: 0 0 0 0.1em #2196f3 inset;
  background-color: rgba(33, 150, 243, 0.1);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title > div .circular.icon.yellow {
  box-shadow: 0 0 0 0.1em #ffe718 inset;
  background-color: rgba(255, 231, 24, 0.1);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title > div .circular.icon.red {
  box-shadow: 0 0 0 0.1em #ef5350 inset;
  background-color: rgba(239, 83, 80, 0.1);
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .title.active {
  border-bottom: none;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .content {
  padding: 20px 16.5px 20px 52px;
}
#inspection_result #inspection_wrapper #inspection_result_main #measures .ui.accordion .content .table td {
  position: inherit;
}
#inspection_result #inspection_wrapper #inspection_result_main .ui.tab.active[data-tab=projectFiles] .project_file_wrapper {
  position: inherit;
}
#inspection_result #inspection_wrapper #inspection_result_main #inspection_complete {
  padding-bottom: 10px;
  text-align: right;
}

#inspection_info {
  max-width: 300px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px;
}
@media (max-width: 1200px) {
  #inspection_info {
    display: none;
  }
}
#inspection_info .icon {
  font-size: 1.2em;
  color: rgb(0, 149.0580645161, 180.5);
}
#inspection_info h3.sub.header {
  color: #aaa;
  margin-top: 1em;
}
#note__content {
  border: none;
}

.invoice_wrapper {
  display: flex;
  height: 100%;
}
@media (max-width: 1200px) {
  .invoice_wrapper {
    flex-direction: column-reverse;
  }
}
.invoice_wrapper .invoice_tab_wrapper {
  flex-grow: 2;
}
.invoice_wrapper .invoice_info {
  width: 280px;
  padding: 40px;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  .invoice_wrapper .invoice_info {
    display: flex;
    width: auto;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .invoice_wrapper .invoice_info {
    flex-direction: column;
  }
}
.invoice_wrapper .invoice_info .invoice_summary {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.invoice_wrapper .invoice_info .invoice_summary p {
  font-size: 14px;
}
@media (max-width: 1200px) {
  .invoice_wrapper .invoice_info .invoice_summary {
    display: flex;
    width: 60%;
    flex-direction: column;
    border-bottom: none;
  }
  .invoice_wrapper .invoice_info .invoice_summary p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .invoice_wrapper .invoice_info .invoice_summary {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .invoice_wrapper .invoice_info .invoice_status {
    display: flex;
    flex-direction: column;
    width: 30%;
  }
}
@media (max-width: 767px) {
  .invoice_wrapper .invoice_info .invoice_status {
    width: 100%;
  }
}
.invoice_wrapper .invoice_info .invoice_status .amount_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.invoice_wrapper .invoice_info .invoice_status .amount_wrap h5 {
  font-size: 14px;
  margin: 0;
}
.invoice_wrapper .invoice_info .invoice_status .amount_wrap p {
  font-weight: 600;
  font-size: 17px;
  text-align: right;
}
.invoice_wrapper .invoice_info .invoice_status .amount_wrap p.total {
  font-size: 24px;
}
.invoice_wrapper .invoice_info .invoice_status .ui.progress {
  margin: 1em 0 1em !important;
}

.incentive_unpaid {
  color: #2196f3;
}

@media (min-width: 1201px) {
  .ui.tab.active[data-tab=invoice], .ui.tab.active[data-tab=payment-record], .ui.tab.active[data-tab=notes] {
    position: absolute;
    top: 49px;
    right: 280px;
    bottom: 0;
    left: 0;
  }
}
.ui.tab.active[data-tab=invoice], .ui.tab.active[data-tab=notes] {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.ui.tab.active[data-tab=payment-record] {
  overflow-y: auto;
}

.ui.tab[data-tab=invoice] .invoice_table_wrapper {
  flex: 3;
  overflow-y: auto;
  padding: 30px;
}
.ui.tab[data-tab=invoice] .invoice_table_wrapper td .ui.labeled.input {
  width: 100%;
}
.ui.tab[data-tab=invoice] .lineitems_summary {
  display: flex;
  justify-content: end;
  align-items: flex-end;
  padding: 10px 10px 15px;
}
.ui.tab[data-tab=invoice] .lineitems_summary dl {
  overflow: hidden;
  width: 250px;
  float: right;
  margin: 0 20px 0 0;
}
.ui.tab[data-tab=invoice] .lineitems_summary dl dt, .ui.tab[data-tab=invoice] .lineitems_summary dl dd {
  float: left;
  margin: 0;
  font-size: 1.35em;
  font-weight: bold;
  padding-top: 10px;
}
.ui.tab[data-tab=invoice] .lineitems_summary dl dt {
  width: 120px;
  font-size: 1em;
}
.ui.tab[data-tab=invoice] .lineitems_summary dl dd {
  width: 130px;
  text-align: right;
}
.ui.tab[data-tab=invoice] .lineitems_summary dl dd:last-of-type {
  color: #2196f3;
}
.ui.tab[data-tab=invoice] .lineitems_summary button {
  clear: both;
  float: right;
}
.ui.tab[data-tab=invoice] #invoice__unpaid tr th:first-of-type {
  width: 35px;
}
.ui.tab[data-tab=invoice] #invoice__unpaid tr th:nth-of-type(3) {
  width: 15%;
}
.ui.tab[data-tab=invoice] #invoice__unpaid tr th:nth-of-type(4) {
  width: 30px;
}
.ui.tab[data-tab=invoice] #invoice__unpaid tr td:nth-of-type(3) input {
  text-align: right;
}
.ui.tab[data-tab=invoice] #invoice__unpaid tfoot dl dt:last-of-type, .ui.tab[data-tab=invoice] #invoice__unpaid tfoot dl dd:last-of-type {
  color: rgb(0, 85.8838709677, 104);
}
.ui.tab[data-tab=invoice] #invoice__unpaid .lineitems_summary dt:last-of-type, .ui.tab[data-tab=invoice] #invoice__unpaid .lineitems_summary dd:last-of-type {
  color: rgb(0, 85.8838709677, 104);
}
.ui.tab[data-tab=invoice] #invoice__paid tr th:first-of-type {
  width: 100px;
}
.ui.tab[data-tab=invoice] #invoice__paid tr th:nth-of-type(3) {
  width: 100px;
}

#payment_record__paid .payment_record_detail {
  background-color: #f9fafb;
  padding: 15px 25px 25px;
}
#payment_record__paid .payment_record_detail .button {
  margin-bottom: 15px;
}
#payment_record__paid .payment_record_detail .recipient, #payment_record__paid .payment_record_detail .payment_summary {
  padding-bottom: 30px;
}
#payment_record__paid .payment_record_detail .recipient {
  float: left;
  clear: both;
}
#payment_record__paid .payment_record_detail dl.payment_summary {
  float: right;
  overflow: hidden;
  width: 250px;
}
#payment_record__paid .payment_record_detail dl.payment_summary dt, #payment_record__paid .payment_record_detail dl.payment_summary dd {
  float: left;
  margin: 0;
}
#payment_record__paid .payment_record_detail dl.payment_summary dt {
  width: 150px;
  font-weight: bold;
}
#payment_record__paid .payment_record_detail dl.payment_summary dd {
  width: 100px;
}
#payment_record__paid .payment_record_detail dl.line_item {
  overflow: hidden;
  clear: both;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
#payment_record__paid .payment_record_detail dl.line_item dt, #payment_record__paid .payment_record_detail dl.line_item dd {
  float: left;
  margin: 0;
  padding-bottom: 20px;
}
#payment_record__paid .payment_record_detail dl.line_item dt {
  width: 80%;
}
#payment_record__paid .payment_record_detail dl.line_item dd {
  width: 20%;
  text-align: right;
}

#share #shared_user .circular.label {
  margin-right: 8px;
}

.list_items .list_item {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 0;
}
.list_items .list_item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.list_items .list_item .ui.checkbox {
  min-width: 30px;
  margin-top: 9px;
}
.list_items .list_item .list_item_content {
  flex-grow: 2;
}
.list_items .list_item .list_item_content .ui.accordion .title div {
  align-self: center;
}
.login_tab_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabs {
  width: 480px;
  margin-top: 100px;
  padding-bottom: 0px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.tabs .tab_item {
  width: 50%;
  height: 65px;
  border-bottom: 3px solid #00809b;
  background-color: #ffffff;
  line-height: 65px;
  font-size: 16px;
  text-align: center;
  color: #00809b;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tabs .tab_item:hover {
  opacity: 0.75;
}
.tabs input[name=tab_item] {
  display: none;
}
.tabs .tab_content {
  display: none;
  padding-top: 40px;
  clear: both;
  overflow: hidden;
}
.tabs .tab_content img {
  text-align: center;
}
.tabs .tab_content .ui.form {
  padding: 40px 40px 20px;
}
.tabs .tab_content .ui.form .field {
  margin-bottom: 1.5em;
}
.tabs .tab_content .ui.form .field.error {
  margin-bottom: 0;
}
.tabs .tab_content .ui.form .field + .error {
  margin: -1.5em 0 1.5em;
}
.tabs .tab_content .ui.form .ui.error.message {
  display: block;
}
.tabs .tab_content .ui.form p {
  font-size: 1rem;
}
.tabs .tab_content .ui.form p.center.aligned {
  margin-bottom: 0;
}
.tabs .tab_content .ui.form .button {
  padding: 1em;
}
.tabs .tab_content .ui.divider + p {
  font-size: 0.85rem;
  padding: 15px 30px;
}
.tabs .tab_content .ssn_btn {
  border-radius: 0;
  padding: 1.25em;
}
.tabs .tab_content + #signup_content button.fluid.large + p {
  font-size: 0.85rem;
}
.tabs #login:checked ~ #login_content,
.tabs #signup:checked ~ #signup_content {
  display: block;
}
.tabs input:checked + .tab_item {
  background-color: #00809b;
  color: #ffffff;
}

.measure_card_content .content .header {
  white-space: normal;
}
.measure_card_content .content dl {
  overflow: hidden;
}
.measure_card_content .content dl dt, .measure_card_content .content dl dd {
  margin: 0;
  padding: 0;
  float: left;
}
.measure_card_content .content dl dt {
  width: 40%;
  color: #aaa;
}
.measure_card_content .content dl dd {
  width: 60%;
}
.measure_card_content .extra.content {
  padding: 15px 0 0 0;
}
.measure_card_content .extra.content .buttons {
  border: none;
}
.measure_card_content .extra.content .buttons .button, .measure_card_content .extra.content .buttons .button:hover, .measure_card_content .extra.content .buttons .button:focus {
  box-shadow: none !important;
  border: 3px solid #fff;
}
.measure_card_content .extra.content .buttons .button {
  padding: 15px;
  position: relative;
}
.measure_card_content .extra.content .buttons .button:hover, .measure_card_content .extra.content .buttons .button:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.measures_wrapper {
  position: relative;
  flex: 3;
  animation: fadeIn 500ms linear forwards;
}
.measures_wrapper > div {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}
.measures_wrapper .full_column {
  left: 30px;
  right: 0;
}
.measures_wrapper .left_column {
  left: 30px;
  right: 0;
}
.measures_wrapper .center_column {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
.measures_wrapper .right_column {
  padding: 40px;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  left: auto;
  width: 280px;
}
.measures_wrapper .top_column {
  grid-column: 1/-1;
  grid-row: 1/2;
}
.measures_wrapper .second_row {
  grid-row: 2/-1;
}
.measures_wrapper .table_list_wrapper {
  flex: 3;
  overflow-y: auto;
  padding-top: 10px;
}
.measures_wrapper .table td:first-of-type {
  border-left: 5px solid transparent;
  padding-left: 0.78571429em !important;
}
.measures_wrapper .table td:last-child {
  padding-right: 0.78571429em !important;
}
.measures_wrapper .table tr.selected {
  background-color: #f6fffd;
}
.measures_wrapper .table tr.selected td:first-of-type {
  border-left-color: #00809b;
}

.empty_list_wrapper:hover {
  background-color: transparent !important;
  cursor: default !important;
}
.empty_list_wrapper td {
  height: 450px;
}

.empty_list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.empty_list:hover {
  background-color: #ffffff;
  cursor: default !important;
}
.empty_list .button {
  margin-top: 25px;
}

.ui.tab .empty_list {
  position: relative;
  padding-top: 30px;
}

.customer_detail_wrapper {
  padding: 30px 0 0;
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-areas: "bk cs" "bk tb";
}
.customer_detail_wrapper .back {
  grid-area: bk;
  padding-left: 20px;
}
.customer_detail_wrapper .customer_summary {
  grid-area: cs;
}
.customer_detail_wrapper .tab {
  grid-area: tb;
}
.customer_detail_wrapper .tab .ui.tab {
  padding: 40px 60px 0 18px;
}

.customer_summary {
  padding-left: 18px;
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  grid-template-areas: "nm st" "lt lt";
}
.customer_summary h2, .customer_summary h3, .customer_summary .list {
  margin: 0;
  padding: 0;
}
.customer_summary h2 {
  grid-area: nm;
}
.customer_summary h3 {
  grid-area: st;
}
.customer_summary .list {
  grid-area: lt;
}

#site_info_summary {
  display: flex;
  padding: 35px 35px 10px 35px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
#site_info_summary > div {
  display: flex;
  gap: 30px;
}
#site_info_summary .back a {
  font-size: 1.25em;
}
#site_info_summary .site_info p {
  padding-left: 30px;
}
#site_info_summary .savings_wrap {
  justify-content: space-around;
}
@media (max-width: 1230px) {
  #site_info_summary .savings_wrap {
    width: 100%;
  }
}
@media (max-width: 760px) {
  #site_info_summary .savings_wrap {
    font-size: 0.75em;
  }
}
#site_info_summary .savings_wrap .incentive p {
  font-size: 19px;
  font-weight: 700;
}
#site_info_summary .savings_wrap .saving_area .icon {
  font-size: 1.35em;
  padding-right: 0.5em;
}
#site_info_summary .savings_wrap .saving_area .amount {
  font-size: 1.35em;
  font-weight: 700;
}

.site_info_wrapper {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 920px) {
  .site_info_wrapper {
    flex-direction: column;
  }
  .site_info_wrapper > div:first-of-type {
    align-self: end;
  }
}

.measures .list_items {
  overflow-y: auto;
  min-height: 65vh;
}
.measures .list_items .list_item {
  padding: 14.571px 14.571px 14.571px 16.5px;
}
.measures .list_items .list_item .list_item_content {
  padding-right: 16.5px;
}
.measures .list_items .list_item .list_item_content .ui.accordion .title {
  display: grid;
  grid-template-columns: auto 150px 150px;
  grid-column-gap: 15px;
  padding: 0;
}
.measures .list_items .list_item .list_item_content .ui.accordion .title > div:first-of-type {
  padding-top: 6px;
}
.measures .list_items .list_item .list_item_content .ui.accordion .title > div.large {
  padding-top: 8px;
}
.measures .list_items .list_item .list_item_content .ui.accordion .title.active {
  border-bottom: none;
}
.measures .list_items .list_item .list_item_content .ui.accordion .title.active .dropdown.icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.measures .list_items .list_item .ui.dropdown .menu {
  right: 0;
  left: auto;
}

.dropdown_placeholder {
  width: 38.84px;
}

#selected_info {
  overflow-y: auto;
  font-size: 14px;
}
#selected_info > div:first-of-type {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#selected_info h4 .icon {
  font-size: 1.2em;
  color: rgb(0, 149.0580645161, 180.5);
}
#selected_info .incentive .icon {
  font-size: 14px;
}

.saving_area {
  display: flex;
}
.saving_area .icon i {
  color: #fbac7a;
}

#to_customer_list {
  padding: 10px 16.5px 0;
}

.measures_wrapper .left_column td.right.aligned, .measures_wrapper .left_column .table_header__button {
  opacity: 0;
}
.measures_wrapper .center_column {
  animation: slide_center 500ms forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
  left: 2000px;
  right: 0;
  opacity: 0;
}
.measures_wrapper .center_column .list_items {
  overflow-x: hidden;
  position: relative;
}
.measures_wrapper .right_column {
  animation: slide_right 500ms forwards ease;
  right: -280px;
  opacity: 0;
}

@keyframes slide_center {
  100% {
    left: 160px;
    right: 280px;
    opacity: 1;
  }
}
@keyframes slide_right {
  100% {
    right: 0;
    opacity: 1;
  }
}
.table_header, .note_list_items, .note_add {
  animation: fadeIn 500ms linear forwards;
}

.note_wrapper {
  padding: 30px 0px 0px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.list_items.note_list_items {
  flex: 3;
  overflow-y: auto;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .list_items.note_list_items .list_item {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .list_items.note_list_items .list_item .ui.dropdown.item {
    align-self: end;
  }
}
.list_items.note_list_items .list_item .list_item_content {
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: 1em auto;
  grid-column-gap: 15px;
  grid-template-areas: "lb nf" "lb nt";
  font-size: 1.14285714rem;
  align-self: start;
}
@media (max-width: 768px) {
  .list_items.note_list_items .list_item .list_item_content {
    display: inline-block;
  }
}
.list_items.note_list_items .list_item .list_item_content .label {
  grid-area: lb;
}
.list_items.note_list_items .list_item .list_item_content .info {
  grid-area: nf;
  font-size: 0.85rem;
}
@media (max-width: 768px) {
  .list_items.note_list_items .list_item .list_item_content .info {
    padding-top: 6px;
  }
}
.list_items.note_list_items .list_item .list_item_content .info > div {
  display: inline;
}
.list_items.note_list_items .list_item .list_item_content .info .date {
  color: #aaa;
  padding-left: 0.5em;
}
.list_items.note_list_items .list_item .list_item_content .info .lock.icon {
  color: #aaa;
  font-size: 0.75em;
  padding-left: 0.45em;
}
.list_items.note_list_items .list_item .list_item_content .note {
  grid-area: nt;
  padding-top: 6px;
  font-size: 1rem;
}
.list_items.note_list_items .list_item .list_item_content .note ul, .list_items.note_list_items .list_item .list_item_content .note ol {
  margin: 0;
  padding-left: 1em;
}

.note_add {
  padding: 10px 10px 10px 0px;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 1220px) {
  .note_add {
    flex-direction: column;
    row-gap: 10px;
  }
}
.note_add .editor {
  flex-grow: 2;
}
@media (max-width: 1220px) {
  .note_add .editor {
    width: 100%;
  }
}
.note_add .button {
  padding-left: 20px;
}

.participants_detail_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.participants_detail {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 40px 0.78571429em 40px 40px;
}
.participants_detail.account {
  grid-template-columns: 1fr 120px;
}
.participants_detail.account .list {
  color: #aaa;
}
.participants_detail.serviceloc .summary .ui.horizontal.celled.list > .item {
  line-height: 1;
}
.participants_detail .summary {
  align-self: center;
}
.participants_detail:last-child {
  margin-bottom: 30px;
}
.participants_detail .button {
  justify-self: end;
}

.participants_detail + .measures_wrapper > .full_column span.ui.small.text {
  display: inline-block;
  padding-left: 1.4em;
}

.ma_info_wrapper {
  display: flex;
  flex-direction: row-reverse;
}

.project_home {
  padding: 40px;
  animation: fadeIn 500ms linear forwards;
  display: flex;
}
@media (max-width: 1200px) {
  .project_home {
    flex-direction: column;
  }
}
.project_home .project_home_main {
  flex-grow: 2;
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .project_home .project_home_main {
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .project_home .project_home_side {
    width: 460px;
    min-width: 460px !important;
  }
}
.project_home .project_information_wrapper, .project_home .project_history_wrapper, .project_home .measure_summary_wrapper, .project_home .emails_wrapper, .project_home .notes_wrapper, .project_home .project_entity_banner_wrapper, .project_home .project_calendar_wrapper, .project_home .project_files_wrapper, .project_home .marketactor_wrapper, .project_home .customer_wrapper {
  margin-bottom: 25px;
}
.project_home .measure_summary_wrapper .ui.bottom.attached.segment, .project_home .project_history_wrapper .ui.bottom.attached.segment {
  padding: 0;
  max-height: 400px;
  overflow-y: auto;
}
.project_home .emails_wrapper, .project_home .notes_wrapper, .project_home .project_files_wrapper {
  display: flex;
  height: 370px;
}
.project_home .emails_wrapper .ui.bottom.attached.segment, .project_home .notes_wrapper .ui.bottom.attached.segment, .project_home .project_files_wrapper .ui.bottom.attached.segment {
  flex: 3;
  overflow-y: auto;
  padding: 0;
}
.project_home .inverted.circular.icon {
  margin-right: 0.5em !important;
}
.project_home .large.circular.label {
  margin-top: 0.25em;
}
.project_home i.inverted.circular.green.icon.icon.icon.icon {
  color: #ffffff !important;
}
.project_home .ui.segments .ui.clearing.segment h4 {
  margin-bottom: 0;
}
.project_home .measure_summary_wrapper th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff !important;
}
.project_home .measure_summary_wrapper .ui.header.huge {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.project_home .notes_wrapper .note_item {
  display: flex;
  align-items: flex-start;
}
.project_home .notes_wrapper .note_item .label {
  margin-right: 0.75em !important;
}
.project_home .notes_wrapper .note_item .info .user {
  font-size: 0.9em;
}
.project_home .notes_wrapper .note_item .info .note ul, .project_home .notes_wrapper .note_item .info .note ol {
  margin: 0;
  padding-left: 1em;
}
.project_home .notes_wrapper .note_item .info .note p {
  font-weight: normal;
}
.project_home .notes_wrapper .right.aligned.top.aligned {
  min-width: 100px;
}
.project_home .notes_wrapper .small {
  font-size: 0.78rem;
}
.project_home .empty_widget {
  padding: 20px;
  text-align: center;
}
.project_home .empty_widget i.huge.icon {
  font-size: 3em;
}

.project_summary {
  position: sticky;
  top: 61px;
  z-index: 3;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.15);
  animation: fadeIn 500ms linear forwards;
}
.project_summary .ui.accordion .title {
  padding: 0;
  cursor: default;
}
.project_summary .ui.accordion .title .dropdown.icon {
  font-family: "Dropdown";
}
.project_summary .ui.accordion .title .dropdown.icon.button {
  margin: inherit;
  padding: 11px 13px 13px;
  font-size: 14px;
  width: 34px;
  height: 36px;
}
.project_summary .ui.accordion .title .dropdown.icon:before {
  content: "\f0d7";
}
.project_summary .ui.accordion .title .ui.floating.dropdown.icon.button:before {
  content: "";
}
.project_summary .ui.accordion .title .ui.floating.dropdown.icon.button > .menu {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  left: -156px !important;
  width: 180px;
  margin: 3px 0px 0px;
}
.project_summary .ui.accordion .title.active .dropdown.icon {
  transform: none;
}
.project_summary .ui.accordion .content {
  padding: 0 !important;
}

.project_summary_collapsed .project_summary_collapsed_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 15px 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  .project_summary_collapsed .project_summary_collapsed_wrapper {
    flex-direction: column;
    gap: 0.75rem;
  }
}
.project_summary_collapsed .project_summary_collapsed_wrapper > div {
  align-self: center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .project_summary_collapsed .project_summary_collapsed_wrapper > div {
    align-self: auto;
  }
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_name h4.ui.header .ui.label {
  margin-left: 0;
  margin-right: 5px;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_name h4.ui.header a {
  color: #aaa;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status > div {
  align-self: center;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status .incentive {
  font-size: 19px;
  font-weight: 700;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status .project_status {
  justify-self: end;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status .project_status .status {
  font-size: 19px;
}
.project_summary_collapsed .project_summary_collapsed_wrapper .project_summary_collapsed_incentive_status .project_status .buttons {
  padding-left: 14px;
}

.project_summary_expanded .project_summary_expanded_wrapper {
  display: flex;
  row-gap: 20px;
  column-gap: 60px;
  padding: 30px;
  background-color: #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  flex-wrap: wrap;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_summary_incentive_savings_wrapper {
  display: flex;
  width: 50%;
  justify-content: space-around;
}
.project_summary_expanded .project_summary_expanded_wrapper .incentive_area div.ui.header, .project_summary_expanded .project_summary_expanded_wrapper .savings_area div.ui.header {
  margin-top: 0;
}
.project_summary_expanded .project_summary_expanded_wrapper .incentive_area div.ui.header {
  color: rgb(8.768115942, 172.731884058, 137.6594202899);
  font-size: 1.7em;
}
.project_summary_expanded .project_summary_expanded_wrapper .savings_area h5, .project_summary_expanded .project_summary_expanded_wrapper .savings_area p {
  text-align: center;
}
.project_summary_expanded .project_summary_expanded_wrapper .savings_area .savings .savings_item {
  margin-bottom: 5px;
}
.project_summary_expanded .project_summary_expanded_wrapper .savings_area .savings .savings_item .amount {
  font-size: 1.35em;
  font-weight: 700;
}
.project_summary_expanded .project_summary_expanded_wrapper .savings_area .savings .savings_item .unit {
  font-size: 0.85em;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl {
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  width: 28vw;
  margin-top: 0;
  min-width: 450px;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dt, .project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dd {
  float: left;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dt {
  color: #aaa;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dd {
  margin-left: 0;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dt {
  width: 110px;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info dl dd {
  width: calc(100% - 110px);
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info .ui.form .inline.fields {
  margin-bottom: 0;
}
.project_summary_expanded .project_summary_expanded_wrapper .project_program_info .ui.form .inline.fields label {
  font-weight: 400;
  color: #aaa;
}

.registration_wrapper {
  padding: 50px;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.registration_wrapper .ui.icon.header .content {
  line-height: 3em;
  display: block;
  padding: 0;
}
.registration_wrapper .ui.icon.header .content .sub.header {
  line-height: 1.6em;
}
.registration_wrapper h1.ui.header {
  margin: 80px 0 !important;
  width: 100%;
}
.registration_wrapper h2.ui.header > .sub.header {
  padding: 15px 0 30px;
}
.registration_wrapper h3.dividing.header {
  margin: 30px 0;
}
.registration_wrapper h3.dividing.header:not(:first-of-type) {
  margin-top: 75px;
}
.registration_wrapper .ui.big.form {
  overflow: hidden;
  margin-bottom: 2em;
}
.registration_wrapper .ui.form .field:last-child, .registration_wrapper .ui.form .fields:last-child .field {
  margin-bottom: 1em;
}
.registration_wrapper .ui.form .two.fields .field {
  margin-bottom: 0;
}
.registration_wrapper .ui.table {
  margin-bottom: 2em;
}
.registration_wrapper .ui.form.tax_id_form .message {
  display: block !important;
}

#main {
  position: relative;
}

.report_builder_top {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
@media (max-width: 1200px) {
  .report_builder_top {
    flex-direction: column;
  }
}
.report_builder_top .ui.form {
  flex-grow: 2;
}

.report_builder_wrapper {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.report_builder_wrapper.custom_sql {
  flex-direction: column-reverse;
}
.report_builder_wrapper.custom_sql .report_builder_sql {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.report_builder_wrapper .report_builder_sql {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.report_builder_wrapper .report_builder_fields {
  min-width: 200px;
  max-width: 200px;
  min-width: 200px;
  padding: 15px 10px;
  overflow-y: auto;
}
.report_builder_wrapper .report_builder_fields .accordion.menu {
  font-size: 0.75rem;
  margin-top: 0;
  padding-top: 5px;
}
.report_builder_wrapper .report_builder_fields .accordion.menu h4.ui.header {
  font-size: 0.8rem;
}
.report_builder_wrapper .report_builder_fields .accordion.menu .content {
  padding-top: 0 !important;
}
.report_builder_wrapper .report_builder_fields .accordion.menu .item {
  padding: 5px 20px;
  font-size: 12px;
  color: #555;
}
.report_builder_wrapper .report_builder_fields .accordion.menu .item:before {
  background-color: #ffffff !important;
}
.report_builder_wrapper .report_builder_fields .accordion.menu .list {
  padding: 0 0 0 15px;
}
.report_builder_wrapper .report_builder_fields .accordion.menu .accordion {
  margin: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.report_builder_wrapper .report_builder_tabs {
  width: 220px;
  min-width: 220px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.report_builder_wrapper .report_builder_tabs .ui.secondary.item.menu {
  margin-bottom: 0;
}
.report_builder_wrapper .report_builder_tabs .ui.secondary.item.menu .circular.label {
  font-size: 0.5rem !important;
}
.report_builder_wrapper .report_builder_tabs .ui.tab {
  padding: 15px 5px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab > div {
  min-height: 70vh;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.item {
  margin-right: 2px;
  margin-bottom: 10px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.item .ui.label {
  display: block;
  position: relative;
  padding-right: 18px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.item .ui.label .icon.delete {
  position: absolute;
  right: 6px;
  top: 33%;
  font-size: 0.9em;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form {
  border: solid 1px #ddd;
  padding: 0.5em;
  border-radius: 4px;
  margin: 0 4px 0.5rem 4px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form .field {
  margin-bottom: 8px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form .field:last-of-type {
  margin-bottom: 0;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form .field span {
  font-size: 12px;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form .field i.delete.icon {
  float: right;
  font-size: 0.9em;
  margin-top: 0.5em;
  opacity: 0.5;
  cursor: pointer;
}
.report_builder_wrapper .report_builder_tabs .ui.tab .ui.form .field i.delete.icon:hover {
  opacity: 1;
}
.report_builder_wrapper .report_builder_main {
  flex-grow: 2;
  padding-top: 15px;
  overflow-x: auto;
  position: relative;
}
.report_builder_wrapper .report_builder_main > .ui.button {
  margin: 10px 0 0 30px;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper {
  padding-top: 0;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table thead tr th {
  padding-right: 11px !important;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th input[type=text] {
  border: none;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
  font-family: inherit;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th input[type=text]:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid #ccc;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th .dropdown {
  float: right;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th > i.icon {
  margin: 0 0 0 0.5em;
}
.report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th > i.arrow, .report_builder_wrapper .report_builder_main .datatable_wrapper table th table.table th sup {
  color: #00809b;
}

#main {
  position: relative;
}

.share_slide {
  padding: 80px 20px 20px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  animation: share_slide 500ms forwards ease;
  right: -30%;
  opacity: 0;
  z-index: 10;
  width: 560px;
  background-color: #ffffff;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
.share_slide .share_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 28px;
}

.report_list_wrapper {
  padding: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.report_list_wrapper .report_list_tool {
  display: flex;
  justify-content: flex-end;
}
.report_list_wrapper .tab_wrapper .active.item .label.primary {
  background-color: #00809b;
}
.report_list_wrapper .ui.tab {
  padding: 30px 0;
  position: relative;
}
.report_list_wrapper .ui.tab .ui.dropdown .menu > .item {
  font-size: 1em;
}
.report_list_wrapper .ui.tab .empty_widget {
  padding: 60px 0 0;
  text-align: center;
}
.report_list_wrapper .ui.tab .ui.very.basic.table > thead > tr > th:first-child,
.report_list_wrapper .ui.tab .ui.very.basic.table > tbody > tr > td:first-child {
  padding-left: 35px;
}
.report_list_wrapper .ui.tab .ui.very.basic.table > tbody > tr > td:last-child {
  padding-right: 10px;
}
.report_list_wrapper .ui.tab .ui.very.basic.table > tbody > tr > td .cursor-pointer {
  display: inline;
}

@keyframes share_slide {
  100% {
    right: 0;
    opacity: 1;
  }
}
.report_note_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

#main {
  position: relative;
}

#main {
  position: relative;
}

.summary_report_wrapper {
  padding: 30px;
  position: absolute;
  top: 30px;
  right: 30px;
  left: 30px;
}
.summary_report_wrapper .program_year {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 30px;
}
.summary_report_wrapper .program_year > div:first-of-type {
  padding-right: 30px;
}
.summary_report_wrapper .report_table_wrapper {
  overflow-x: auto;
}
.summary_report_wrapper table td .ui.dropdown .menu > .item {
  padding: 0 !important;
}
.summary_report_wrapper table td .ui.dropdown .menu > .item > .item {
  padding: 4px 6px !important;
}
.summary_report_wrapper table td .ui.dropdown .menu > .item > .item:hover {
  background-color: transparent;
}
.summary_report_wrapper table td .ui.dropdown .menu > .item > .item .buttons > .button:first-of-type {
  min-width: 190px;
}
.summary_report_wrapper table td.amount_td {
  width: 180px;
  text-align: right !important;
}
.summary_report_wrapper table td.button_td {
  width: 130px;
  text-align: center;
}
.summary_report_wrapper .inner_table {
  display: flex;
  justify-content: flex-end;
}
.summary_report_wrapper .inner_table table {
  width: 98.2%;
}

.savings_item {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.savings_item .amount {
  text-align: right;
}
.savings_item .unit {
  min-width: 40px;
  padding-left: 5px;
  text-align: left;
  color: #aaa;
  font-size: 0.85em;
}

.tab_wrapper {
  position: sticky;
  top: 62px;
  background-color: #ffffff;
  z-index: 1;
  margin: 0;
}

.ui.tab {
  padding: 30px;
}

.tab_container {
  padding-left: 30px;
  margin-bottom: 0 !important;
}

.table_header {
  display: flex;
  margin-bottom: 10px;
  padding: 0px 16.5px 0px;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.table_header__button {
  justify-self: end;
}
.table_header__title, .table_header__search, .table_header__button {
  align-self: center;
}
.table_header__search {
  display: flex;
  min-width: 35vw;
}
.table_header__search .ui.fluid.icon.input {
  flex: 3;
}
.table_header__search .search_result {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  font-size: 13px;
}

.table_header + .table_list_wrapper {
  padding: 30px 16px;
}

.table_footer {
  display: grid;
  grid-template-columns: 25% 25% auto;
  padding-bottom: 20px;
  font-weight: 300;
}
.table_footer__showing, .table_footer__dropdown {
  font-size: 0.9em;
  align-self: center;
}
.table_footer__showing {
  margin-bottom: 0;
}
.table_footer__pagination {
  justify-self: end;
  align-self: start;
}

.table {
  margin-bottom: 45px;
}
.table td {
  position: relative;
}
.table .nowrap {
  white-space: nowrap;
}
@media screen and (min-width: 1600px) {
  .table .nowrapif {
    white-space: nowrap;
  }
}

/* Export controls use an app-owned border/divider model instead of inheriting Semantic's grouped-button box-shadow skin.
   That keeps the outline visually stable under runtime recoloring and avoids doubled seams/jiggle on hover. */
.export_button_group {
  display: inline-flex;
  align-items: stretch;
  background-color: #ffffff;
  border: 1px solid #00809b;
  border-radius: 0.28571429rem;
  overflow: hidden;
}
.export_button_group--right {
  float: right;
}
.export_button_group--small .export_button {
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0.45rem 0.55rem;
}

.export_button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.7rem;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none !important;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  color: #00809b;
  transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
  /* Self-sibling divider so each button stays borderless while the group keeps one clean internal separator. */
  /* Clear framework icon margins so the icon remains visually centered inside the tighter export button box. */
}
.export_button + .export_button {
  border-left: 1px solid #00809b;
}
.export_button:hover, .export_button:focus-visible {
  background-color: #00809b;
  color: #ffffff;
}
.export_button > i {
  margin: 0 !important;
}

.tag_color_select .card {
  width: 180px;
  padding: 20px 16px 16px 20px;
}
.tag_color_select .card .content .description ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tag_color_select .card .content .description ul li {
  float: left;
  padding: 0 4px 4px 0;
}
.tag_color_select .card .content .description ul a {
  width: 20px;
  height: 20px;
  display: block;
  opacity: 0.8;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}

.context-menu {
  display: none;
  position: absolute;
  z-index: 999;
}
.context-menu--active {
  display: block;
}

.tagify__input {
  min-width: 28vw;
}

.tagify {
  --tags-border-color: rgba(0, 0, 0, 0.1);
  --tags-hover-border-color: hsla(0, 0%, -10%, 0.1);
  --tags-focus-border-color: #00809b;
  --tag-bg: rgb(227.25, 227.25, 227.25);
  --tag-hover: rgb(214.5, 214.5, 214.5);
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: rgb(247.5445026178, 174.8534031414, 173.4554973822);
  --tag-invalid-bg: rgba(247.5445026178, 174.8534031414, 173.4554973822, 0.5);
  --tag-remove-bg: rgba(247.5445026178, 174.8534031414, 173.4554973822, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: rgb(244.1267015707, 138.1120418848, 136.0732984293);
  --input-color: inherit;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --loader-size: .8em;
}
.tagify__dropdown {
  --tags-border-color: rgba(0, 0, 0, 0.1);
  --tags-hover-border-color: gold;
  --tag-bg: rgb(227.25, 227.25, 227.25);
  --tag-hover: lightyellow;
  --tag-text-color: black;
  --tag-pad: .3em .5em;
  --tag-inset-shadow-size: 1.1em;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
}
.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-100%);
}
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.tagify__dropdown[position=text] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: 0.9em;
}
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  border-width: 1px;
}
.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  background: white;
  background: var(--tagify-dd-bg-color);
  border: 1px solid #00809b;
  border-color: var(--tagify-dd-color-primary);
  border-width: 1.1px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}
.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em);
}
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em);
}
.tagify__dropdown__item {
  box-sizing: inherit;
  padding: 0.3em 0.5em;
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: none;
  /* Based on https://yaireo.github.io/tagify/#section-dropdown-tags */
  display: inline-block;
  border-radius: 3px;
  padding: var(--tag-pad);
  border: 1px solid var(--tags-border-color);
  background: var(--tag-bg);
  margin: 0.2em;
  font-size: 0.85em;
  color: var(--tag-text-color);
  transition: 0s;
}
.tagify__dropdown__item:active {
  filter: brightness(105%);
}
.tagify__dropdown__item--active {
  color: black;
}
.tagify__dropdown__item:hover {
  background: var(--tag-hover);
  border-color: var(--tags-hover-border-color);
}

.ui.toast-container .toast-box.compact, .ui.toast-container .toast-box > .compact {
  width: 800px;
}

.ui.toast .content strong {
  font-size: 1.15rem;
  padding-right: 8px;
}
.ui.toast .content a {
  color: #fff;
  font-weight: 600;
}
.ui.toast .content a:hover {
  text-decoration: underline;
}

.ui.toast-container .toast-box .ui.toast:not(.vertical) > .close.icon {
  top: 35%;
}

.ui.toast-container .toast-box .ui.toast:not(.vertical) > .close.icon:not(.left) {
  right: 0.75em;
}

.ui.toast.info {
  background-color: #2196f3;
}
.ui.toast.warning {
  background-color: #ffe718;
}
.ui.toast.error {
  background-color: #ef5350;
}
.ui.toast.success {
  background-color: #0AC59D;
}

.user_profile_wrap form {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-column-gap: 30px;
  padding: 40px;
}
.user_profile_wrap form img {
  align-self: start;
}
.user_profile_wrap form:last-child {
  margin-bottom: 30px;
}
.user_profile_wrap form .user_profile h4 {
  margin-top: 0;
}
.user_profile_wrap form .user_profile table {
  width: 50%;
}
.user_profile_wrap form .user_profile input {
  width: 30% !important;
}
.user_profile_wrap form .user_profile button {
  margin-bottom: 30px;
}
.user_profile_wrap form .user_profile .divider {
  clear: both;
}

.select_usertype {
  display: grid;
  align-self: center;
}
.select_usertype h1 {
  margin: 50px 0 30px !important;
}

#usertype {
  width: 700px;
  display: grid;
  grid-template-columns: 1fr 100px 1fr;
}
#usertype .segment {
  border: 1px solid #00809b;
  padding: 60px 30px;
  margin: 20px 0;
  border-radius: 3px;
  text-align: center;
  transition-property: all;
  transition: 0.3s linear;
}
#usertype .segment:hover {
  border: 1px solid #00809b;
  background-color: rgb(104, 228.6967741935, 255);
  cursor: pointer;
}
#usertype .segment:hover i.icon {
  color: rgb(0, 22.7096774194, 27.5);
}
#usertype .segment a {
  color: #555;
}
#usertype .segment i.icon {
  font-size: 72px;
  color: #00809b;
  transition: 0.1s linear;
}
#usertype .segment p {
  text-align: left;
}
#usertype .divider {
  text-align: center;
  justify-self: center;
  align-self: center;
}

.dashboard_wrapper .dashboard_main h2.ui.header {
  min-width: 50%;
}
.dashboard_wrapper .dashboard_main .stats {
  clear: both;
}

.email_nav .email_tile_placeholder {
  padding: 2px 15px 15px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.email_body .ui.placeholder {
  max-width: 80%;
}
.email_body .ui.placeholder + .ui.placeholder {
  margin-top: 0;
}

.project_summary.loading .project_summary_expanded_wrapper .ui.placeholder .line {
  background-color: #eee;
}
.project_summary.loading .project_summary_expanded_wrapper .incentive, .project_summary.loading .project_summary_expanded_wrapper .savings {
  width: 100%;
}
.project_summary.loading .project_summary_expanded_wrapper .project_program_info .ui.placeholder {
  width: 400px;
}

.project_home.loading .table tr:nth-child(2n) .ui.placeholder .line {
  background-color: #f2f2f2;
}
.project_home.loading .measure_summary_wrapper td {
  padding: 0 15px 15px;
}
.project_home.loading h4.ui.header .content {
  width: 250px;
}