/* Font family */
@import url(https://fonts.googleapis.com/css?family=Outfit);

/* General */
html {
  background-color: #fbfcfe;
}

body {
  font-family: 'Outfit', BlinkMacSystemFont, -apple-system,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
    'Fira Sans', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}

main {
  padding-bottom: 1.5rem;
}

/* Navigation */
nav.navbar {
  background-color: #fbfcfe;
}

.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:active .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown.is-active .navbar-link {
  background-color: #f8f9fd;
  color: #000000;
}

a.navbar-item:not(:has(img, svg)) {
  background: transparent;
  color: var(--color-grey-1, #8E8E8E);
  border-bottom: 3px solid transparent;
  transition: color 0.3s, border-bottom-color 0.3s;
}

a.navbar-item.is-active {
  color: var(--color-blue-1, #234B59);
}

@media screen and (min-width: 1024px) {
  a.navbar-item:hover,
  a.navbar-item.is-active {
    color: var(--color-blue-1, #234B59);
    border-bottom-color: var(--color-blue-light-1, #0084A1);
  }

  .navbar-link:not(.is-arrowless).is-right {
    padding-inline-start: 2.5rem;
    padding-inline-end: 0;
  }

  .navbar-link:not(.is-arrowless).is-right:after {
    display: none;
  }

  .navbar-link:not(.is-arrowless).is-right:before {
    border-color: var(--bulma-navbar-dropdown-arrow);
    inset-inline-end: 3.225em;
    margin-top: -.375em;
    border: .125em solid var(--bulma-link);
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    transition-duration: var(--bulma-duration);
    transition-property: border-color;
    width: .625em;
  }
}

.breadcrumb {
  --bulma-breadcrumb-item-active-color: hsl(0, 0%, 21%);
}

a, .breadcrumb a {
  color: #009cde;
}

/* Bulma Style Mods */
.dashboard-list-box {
  padding: 7px 20px 7px 7px;
}

.dashboard-list-box:hover {
  background-color: hsl(206, 70%, 96%);
  cursor: pointer;
}

.dashboard-list-box figure {
  border-radius: 6px 0 0 6px;
  width: 112px;
  height: 74px;
  overflow: hidden;
}

.dashboard-list-box figure > img {
  margin-top: 0px;
}

.input, .textarea, .select select {
  border-color: #e6f0f6;
}

.dropdown-trigger button.button {
  border: none;
}

.dropdown-trigger button.button:hover {
  background-color: #e5f5fc;
  filter: none;
}

.dropdown-item.is-active {
  color: #000000 !important;
  background-color: #e6f0f6 !important;

}

.table {
  border-radius: 5px;
}

.table thead th {
  color: #9caeb4;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-width: 0 0 1px;
  border-color: #e5e4e2;
}

.table thead td {
  border-width: 0 0 1px;
  border-color: #e5e4e2;
}

.menu-list a {
  color: #244c5a;
  background-color: #fbfcfe;
}

.menu-list a.is-active {
  color: #244c5a;
  background-color: #e6f0f6;
}

.menu-list a:hover {
  background-color: hsl(0, 0%, 96%);
}

.panel {
  box-shadow: none;
}

.panel-heading {
  background-color: #244c5a;
  color: #ffffff;
}

.panel-block.is-active .panel-icon {
  color: #009cde;
}

.panel a {
  color: #244c5a;
  background-color: #e6f0f6;
}

.panel a.is-active {
  background-color: #fff;
}

/* Base color scheme */
.has-background-secondary {
  background-color: #244c5a;
}

.has-text-secondary {
  color: #244c5a;
}

.has-background-rw-black {
  background-color: #25282a;
}

.has-text-rw-black {
  color: #25282a;
}

.has-background-rw-dark-slate {
  background-color: #2445ca;
}

.has-text-rw-dark-slate {
  color: #2445ca;
}

.has-background-rw-dark-blue {
  background-color: #0067a0;
}

.has-text-rw-dark-blue {
  color: #0067a0;
}

.has-background-rw-medium-blue {
  background-color: #009cde;
}

.has-text-rw-medium-blue {
  color: #009cde;
}

.has-background-rw-light-blue {
  background-color: #e5f5fc;
}

.has-text-rw-light-blue {
  color: #e5f5fc;
}

.has-background-rw-error {
  background-color: #fe820f14;
}

.has-text-rw-error { 
  color: #ee4747;
}

.has-background-rw-light-error {
  background-color: #fdeded;
}

.has-text-rw-light-error {
  color: #fdeded;
}

.has-background-rw-grey {
  background-color: #9caeb4;
}

.has-text-rw-grey {
  color: #9caeb4;
}

.has-background-rw-light {
  background-color: #f8f9fd;
}

.has-text-rw-light {
  color: #f8f9fd;
}

.has-background-rw-orange {
  background-color: #eb964f;
}

.has-text-rw-orange {
  color: #eb964f;
}

.has-background-rw-light-slate {
  background-color: #e6f0f6;
}

.has-text-rw-light-slate {
  color: #e6f0f6;
}

.has-background-rw-light-green {
  background-color: #ecf9f6;
}

.has-text-rw-light-green {
  color: #ecf9f6;
}

.has-background-rw-light-yellow {
  background-color: #fff8e6;
}

.has-text-rw-light-yellow {
  color: #fff8e6;
}

.has-background-warning {
  background-color: #ffe08a;
}

.has-text-warning {
  color: #ffe08a;
}

.has-backgound-rw-light-pink {
  background-color: #feeff7;
}

.has-text-rw-light-pink {
  color: #feeff7;
}

/* Button colors */
.button:hover {
  filter: drop-shadow(0.1rem 0.1rem 0.25rem silver);
}

.button.form-button {
  width:10rem;
}

.button:disabled, .button[disabled] {
  opacity: 0.5;
  filter: none;
  border-color: transparent !important;
}

.button.is-danger {
  background-color: #ee4747 !important;
  color: #fff;
}

.button.is-outlined.is-danger {
  color: #ee4747 !important;
  background-color: #ffffff !important;
  border: 1px solid #ee4747 !important;
}

.button.is-danger.is-light {
  color: #cc0f35 !important;
  background-color: #feecf0 !important;
  border-color: transparent;
}

.button.is-danger.is-light:hover {
  background-color: #fde0e6 !important;
}

.button.is-outlined {
  background-color: transparent;
}

.button.is-primary {
  color: #fff;
  background-color: #39c0a0 !important;
}

.button.is-outlined.is-primary {
  color: #39c0a0 !important;
  background-color: transparent !important;
  border: 1px solid #39c0a0 !important;
}



.button.is-primary.is-light {
  color: #00947e !important;
  background-color: #ebfffc !important;
  border-color: transparent;
}

.button.is-primary.is-light:hover {
  background-color: #defffa !important;
}

.button.is-info {
  background-color: #0067a0 !important;
  color: #fff;
}

.button.is-outlined.is-info {
  color: #0067a0 !important;
  background-color: transparent !important;
  border: 1px solid #0067a0 !important;
}

.button.is-outlined.is-info:hover {
  color: #ffffff !important;
  background-color: #0067a0 !important;
}

.button.is-info.is-light {
  color: #296fa8 !important;
  background-color: #eff5fb !important;
  border-color: transparent;
}

.button.is-info.is-light:hover {
  background-color: #e4eff9 !important;
}

.button.is-light-blue {
  color: #0067a0;
  background-color: #e5f5fc;
  border: 1px solid #e5f5fc;
}

.button.is-light-blue-alternate {
  color: #0e6ea6;
  background-color: #e1ecf4;
  border: none;
}

.button.is-outlined.is-primary:hover {
  color: hsl(171, 100%, 41%);
  background-color: #ffffff;
}

.button.is-outlined.is-dark:hover {
  color: hsl(0, 0%, 21%);
  background-color: #ffffff;
}

.button.is-grey {
  color: #ffffff;
  background-color: #9caeb4;
}

.button.is-blue {
  color: #fff;
  background-color: #009cde;
  border-color: transparent;
}

/* Tags */
.tag.is-black {
  background-color: #25282a !important;
}

.tag.is-primary {
  color: #fff;
}

.tag.is-info {
  color: #fff;
  background-color: #0067a0 !important;
}

.tag.is-blue {
  color: #fff;
  background-color: #009cde;
}

.tag.is-orange {
  color: #fff;
  background-color: #eb964f;
}

.tag.is-danger { 
  background-color: #ee4747 !important;
}

.tag.is-light-blue { 
  background-color: #e5f5fc;
}

.tag.is-light-green {
  background-color: #ecf9f6;
}

/* Cards */
.card, .card-header {
  box-shadow: none;
}

.card-header-title {
  color: #8f99a3;
  font-weight: 400;
}

.card-footer-item {
  font-size: 14px;
  font-weight: 700;
  color: #8f99a3;
}

.card .content {
  font-size: 14px;
}

.card-table .table {
  margin-bottom: 0;
}

.events-card .card-table {
  min-height: 150px;
  max-height: 150px;
  overflow-y: scroll;
}

/* Hero */
.hero.welcome.is-info {
  background: #36d1dc;
  background: -webkit-linear-gradient(to right, #5b86e5, #36d1dc);
  background: linear-gradient(to right, #5b86e5, #36d1dc);
}

/* Pagination */
.pagination-previous, .pagination-next {
  background-color: #0067a0 !important;
  color: #fff;
  border: none;
}

.pagination-previous:hover, .pagination-next:hover {
  filter: drop-shadow(0.1rem 0.1rem 0.25rem gray);
  color: #fff;
}

.pagination-previous.is-disabled, .pagination-next.is-disabled {
  color: #fff;
  filter: none;
}

.pagination-link {
  background-color: #fff;
  color: #25282a; 
  border: none;
}

.pagination-link.is-current {
  color: #0067a0;
  background-color: #fff;
}

.pagination-link:hover {
  background-color: #e5f5fc;
}

/* Progress */
.progress.is-small {
  height: 0.5rem !important;
}

/* Tabs */
.tabs li.is-active a {
  color: #009cde;
  border-bottom-color: #009cde;
}

/* Other */
table.is-financial-table th {
  color: #9caeb4;
  border-bottom: none;
}

table.is-financial-table th.is-highlighted-cell {
  background-color: #e6f0f6;
}

table.is-financial-table td {
  border-bottom: none;
}

table.is-financial-table td.is-highlighted-cell {
  background-color: #e6f0f6;
}

table.is-financial-table th.is-net, table.is-financial-table th.is-amount {
  color: #244c5a;
}

table.counter-offer-table th {
  color: #244c5a;
}

table.list-view-table > tbody > tr {
  cursor: pointer;
}

/* Inputs */
.looks-disabled {
  background-color: whitesmoke !important;
  border-color: whitesmoke !important;
  box-shadow: none !important;
  color: #7a7a7a !important;
  cursor: not-allowed !important;
}

/* Select2 Widgets */
.select2-bulma {
  height: 2.50em !important;
  border-color: #e6f0f6 !important;
}

/* Concealed or hidden texts */
.is-blurred {
  filter: blur(5px);
}

/*container*/
.container.is-max-width-1366 {
  width: calc(100% - 64px) !important;
  max-width: 1366px !important;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .container.is-max-width-1366 {
    width: calc(100% - 40px) !important;
  }
}

.container.is-width-100\% {
  width: 100%;
  max-width: unset;
}

/*image*/
.image.is-36x36 {
  width: 36px;
  height: 36px;
}

/*box*/
.box-100\% {
  width: 100% !important;
  height: 100% !important;
}

.box-1 {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

.box-2 {
  width: 2rem !important;
  height: 2rem !important;
}

/*filter*/
.filter-none {
  filter: none !important;
}

.ml-8 {
  margin-left: 3.875rem !important;
}

address {
  font-style: normal;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}