button {
  font-family: "Paralucent",sans-serif;
}

.buttons.flex-sb {
  justify-content: space-between;
}

.text-danger, .eForms-item label.error {
  font-size: .75em;
  padding: 5px;
  color: red;
  font-weight: 300;
}

.text-danger > span {
  color: red;
}

.text-lower {
  text-transform: lowercase;
}

.loading, .disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
}

.fd-col {
  flex-direction: column;
}

.fd-row {
  flex-direction: row;
}

i.logout {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: not-allowed
}

.eForms-select.fix-multiple + .select2 {
  max-height: inherit;
  overflow-y: auto;
}

.eCompany-profile .body .logo-buttons-status .status-red::after {
  background: #F44336;
}

.logo-buttons-status .red {
  color: #00523a !important;
  background: #c4f5e7 !important;
}

a.iconmenulia > img {
  width: 100%;
}

.text-blue {
  color: #0046D1;
}

.text-italic {
  font-style: italic;
}

.fw-600 {
  font-weight: 600;
}

.fw-900 {
  font-weight: 900;
}

.fs-large {
  font-size: large;
}

.modal-question {
  font-size: 3em;
  color: #607d8b;
}

i.account-tree {
  background: url(../images/icon-accounttree.svg);
}

i.company-tag {
  background: url(../images/icon-bookmark.svg);
}

i.upload {
  background: url(../images/icon-upload.svg);
}

i.integration {
  background: url(../images/icon-integration.svg);
}

i.integration-active {
  background: url(../images/icon-integration_active.svg);
}

.add-circle-blue {
  background: url(../images/icon-addcircle_blue.svg) center no-repeat;
}

a[role="button"] {
  cursor: pointer;
}

.custom-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  margin-left: 5px;
}

.custom-badge-primary {
  color: #fff;
  background-color: #081a23;
}

.custom-badge-default {
  border: 1px solid;
}

.custom-badge-info {
  color: #fff;
  background-color: #2196f3;
}

.custom-badge-danger {
  color: #fff;
  background-color: #E91E63;
}

span.weak {
  font-weight: lighter;
}

.f-color-purple {
  color: #6f42c1;
}

.f-color-red {
  color: #fe004c;
}

.f-color-green {
  color: #00cc92;
}

.f-color-orange {
  color: #ff9800;
}

.f-color-blue {
  color: #007bff;
}

.f-color-grey {
  color: #9e9e9e;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.flex-container span {
  border: solid 1px #90CAF9;
  border-radius: 8px;
  padding: 5px;
  text-align: center;
  font-size: 13px;
}

.flex-container span.hover {
  cursor: pointer;
}

.f-border-red {
  border: solid 2px #fe004c;
}

.cursor-pointer {
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.missing-information-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 30px;
  margin: 30px 60px;
  position: absolute;
  top: 140px;
  width: 90%;
  height: calc(100vh - 240px);
  background: #fff;
  border-radius: 20px;
}

.missing-information-wrapper > h1,
.missing-information-wrapper > h2 {
  font-family: 'Paralucent';
}

.missing-information-wrapper > h2 {
  width: 80%;
  font-weight: 500;
  text-align: center;
}

.missing-information-wrapper > h3 {
  font-family: 'Paralucent';
  font-weight: 500;
  color: #607D8B;
}

.missing-information-wrapper > i {
  font-size: 4em;
  margin-bottom: 20px;
  color: #05f;
}

.watch-tutorial {
  margin-top: 5px;
  display: flex;
  column-gap: 5px;
}

.watch-tutorial.inline {
  display: inline-flex;
  align-items: center;
}

.watch-tutorial.smart-analytics {
  background: #fff;
  padding: 10px;
}

.watch-tutorial > i {
  color: red;
  font-size: 24px;
}

.watch-tutorial > a {
  color: #05f;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 900;
}

body.modal-active {
  overflow: hidden;
}

@media (max-width: 768px) {
  .flex-container span {
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  .flex-container span {
    flex: 1 1 100%;
  }
}