@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);
body {
  overscroll-behavior-y: contain;
}
/* You can add global styles to this file, and also import other style files */
html, body {
  font-family: "Lato", sans-serif !important;
  color: #3C3E43 !important;
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body, html {
  font-family: "Lato", sans-serif;
  line-height: 1;
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}
.btn-check:focus + .btn, .btn:focus, .form-control:focus {
  outline: 0;
  box-shadow: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #1FA0BF;
}
/* change colours to suit your needs */
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
input, select {
  vertical-align: middle;
}
.app-default-bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfefe+0,f1f9fd+100 */
  background: #fcfefe;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcfefe 0%, #f1f9fd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfefe", endColorstr="#f1f9fd",GradientType=0 );
  /* IE6-9 */
  width: 100%;
  height: 100%;
}
.gray-footer-bar {
  position: absolute;
  width: 134px;
  max-width: 134px;
  display: block;
  background-color: #74797B;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 5px;
  margin: auto;
  border-radius: 20px;
  z-index: 999;
}
.btn-app-primary, .btn-app-outline-primary {
  background-color: #1FA0BF;
  color: #ffffff;
  font-weight: 600;
  height: 50px;
  border-radius: 10px;
  box-shadow: 0px 5px 4px rgba(84, 193, 121, 0.1);
}
.btn-app-outline-primary {
  background-color: #ffffff;
  border-color: #1FA0BF;
  color: #1FA0BF;
  box-shadow: none;
}
.form-control {
  background-color: #ffffff;
  border-color: #CCD9F1;
  height: 50px;
  border-radius: 10px;
  font-size: 0.875rem;
  color: #D8D8D8;
  font-weight: 500;
}
.navigation .body-content {
  -khtml-transform: scale(0.85);
  transform: scale(0.85);
  margin-left: 260px;
  border-radius: 20px 0 0 0;
}
.modal-p-bottom .modal-dialog {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100% !important;
  margin: 0;
  transform: translateY(100%) !important;
}
.modal-p-bottom .modal-dialog .modal-content {
  border-radius: 10px 10px 0 0;
}
.modal-p-bottom.show {
  overflow: hidden;
}
.modal-p-bottom.show .modal-dialog {
  transform: translateY(0%) !important;
}

/*# sourceMappingURL=styles.css.map*/