tosync.scss

@import "sass/_variables";

@import "node_modules/bootstrap/scss/bootstrap.scss";
@import "node_modules/ladda/css/ladda.scss";

@import "sass/_calendar";
@import "sass/_changes";
@import "sass/_colors";
@import "sass/_divider";
@import "sass/_loginPage";
@import "sass/_google";
@import "sass/_layout";
@import "sass/_modal";
@import "sass/_navbar";
@import "sass/_remu";
@import "sass/_loading";
@import "sass/_color-select";
@import "sass/_notifications";
@import "sass/_toolbar";
@import "sass/_skeleton";
@import "sass/_print";

html, body {
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  background-color: $success;
}

.tosync .modal-dialog {
  margin-top: calc(env(safe-area-inset-top) + 0.5rem);
  margin-bottom: calc(env(safe-area-inset-bottom) + 0.5rem);
}

#noty_layout__top {
  padding-top: calc(env(safe-area-inset-top) + 2px) !important;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}

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

.text-capitalize {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

button, a, button:focus, a:focus {
  outline: none !important;
  color: $gray-600;
}

.remove-button {
    padding: 0px 2px;

    &.btn-link {
        color: $danger;

        &:hover {
            color: darken($danger, 30%);
        }
    }

    &.active {
        border-radius: 2px;
    }
}

select {
  -webkit-appearance: none;
}

#content {
  background-color: #ffffff;
  padding-bottom: 1rem;
}

footer {
  display: block;
  background-color: $success;
  padding-top: 1rem;
  padding-bottom: env(safe-area-inset-bottom);

  .container-xl {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }

  p, a {
    color: #fff;

    &.copyright {
      opacity: 0.7;
    }
  }

  .navbar {
    border-radius: 0;
    border-right: none;
    border-left: none;
    margin-bottom: 0;
  }
}