body {
  font-size:13px;
  font-family:"Roboto",sans-serif !important;
  line-height:24px !important;
  color:#727272 !important;
  background-color:#eef2f1;
}
.theme-light input,
.theme-light select,
.theme-light textarea {
  border-color:rgb(167, 178, 193) !important;
}
.form-control::placeholder {
  color: #cbd3d9;
  opacity: 1;
}
.input-style {
  position:relative;
  margin-bottom:15px !important;
}
.input-style input,
.input-style select,
.input-style textarea {
  font-size:13px;
  width:100%;
  line-height:45px;
  height:45px;
  border-top-width:0px;
  border-right-width:0px;
  border-left-width:0px;
  padding:0px;
  border-radius:0px;
}
.input-style select,
.input-style select option,
.input-style select option:disabled {
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
}
.input-style label {
  opacity:0;
  left:0px !important;
  position:absolute;
  top:-12px;
  height:10px;
  font-size:10px;
  transition:all 150ms ease;
  background-color:#fff;
}
.input-style-active label {
  opacity:1;
  transform:none !important
}
.input-style.has-icon i:first-child {
  position:absolute;
  top:50%;
  width:10px;
  text-align:center;
  margin-top:-8px;
}
.input-style.has-icon.has-borders i:first-child {
  position:absolute;
  top:50%;
  width:10px;
  padding-left:15px !important;
  text-align:center;
  margin-top:-7px;
}
.input-style.has-icon.has-borders input,
.input-style.has-icon.has-borders select,
.input-style.has-icon.has-borders textarea {
  padding-left:35px !important;
}
.input-style.has-icon input,
.input-style.has-icon select,
.input-style.has-icon textarea {
  padding-left:25px;
}
.input-style input[type=date]::-webkit-calendar-picker-indicator {
  opacity:.3;
}
.input-style textarea {
  line-height:32px !important;
  padding-top:10px !important;
  transition:all 250ms ease !important;
}
.input-style textarea:focus {
  line-height:24px !important;
}
.input-style select {
  color:inherit;
}
.input-style input[type=date] {
  color:inherit;
}
.input-style em,
.input-style span,
.input-style .valid,
.input-style .invalid {
  position:absolute;
  top:50%;
  margin-top:-5px;
  right:5px;
  pointer-events:none;
}
.input-style em,
.input-style span {
  margin-top:-12px;
  font-size:10px;
  font-style:normal;
  opacity:.3;
}
.input-style.has-borders input,
.input-style.has-borders select,
.input-style.has-borders textarea {
  height:53px;
  border-left-width:1px !important;
  border-right-width:1px !important;
  border-top-width:1px !important;
  padding-left:13px !important;
  padding-right:10px !important;
  border-radius:10px !important;
}
.input-style.has-borders .valid,
.input-style.has-borders .invalid,
.input-style.has-borders span,
.input-style.has-borders em {
  margin-right:10px;
}
.input-style.input-style-active label {
  left:4px !important;
  transform:translateX(-14px) !important;
  position:absolute;
  padding:0px 8px !important;
  height:23px;
  font-size:12px;
  transition:all 250ms ease;
  background-color:#fff;
}
.input-style.has-borders.input-style-active label {
  margin-left:14px !important
}
.input-style textarea:focus {
  height:150px;
  transition:all 250ms ease !important;
}
.input-style.no-borders.input-style-always-active label {
  opacity:1;
  left:6px !important;
  /* transform:translateX(-14px) !important; */
  margin-left:0px !important;
  position:absolute;
  padding:0px 8px !important;
  height:24px;
  font-size:12px;
  transition:all 250ms ease;
  background-color:#fff;
}
.input-style.has-borders.input-style-always-active label {
  opacity:1;
  left:23px !important;
  /* transform:translateX(-14px) !important; */
  margin-left:0px !important;
  position:absolute;
  padding:0px 5px !important;
  height:23px;
  font-size:12px;
  transition:all 250ms ease;
  background-color:#fff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}
.card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  background-color:#fff;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem;
}
.card-style {
  overflow:hidden;
  margin:0px 15px 30px 15px;
  border-radius:20px;
  border:none;
  box-shadow:0 4px 24px 0 rgba(0,0,0,.1)
}
.card-style .card-body {
  padding:15px;
}
.card-style .card-overlay {
  border-radius:20px;
}
.card-style-full {
  margin-left:0px;
  margin-right:0px;
}
.card-body {
  z-index:2;
}
.card-header {
  z-index:2;
}
.card-footer {
  z-index:2;
}
.card-top {
  z-index:2;
  position:absolute;
  left:0px;
  right:0px;
  top:0px
}
.card-bottom {
  z-index:2;
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px
}
.card-center {
  z-index:2;
  position:absolute;
  left:0px;
  right:0px;
  top:50%;
  transform:translateY(-50%)
}
.card-overlay {
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  position:absolute;
  z-index:1
}
.card-image {
  display:block;
  width:100%;
  min-height:250px;
  overflow:hidden;
  position:absolute;
  width:100%
}
.card-image img {
  transition:all 450ms ease
}
.card-fixed {
  position:fixed;
  left:0px;
  right:0px
}
.card-clear {
  pointer-events:none;
  margin-bottom:-30px;
  opacity:0
}
.card-overflow {
  overflow:visible !important;
  z-index:20
}
[data-card-height] p {
  padding-bottom:0px
}
.card-scale-image {
  transform:scale(1.05, 1.05) !important
}
.card-rotate-image {
  transform:rotate(5deg) scale(1.2, 1.2) !important
}
.card-grayscale-image {
  filter:grayscale(100%)
}
.card-blur-image {
  filter:blur(5px)
}
.card-hide-image {
  opacity:0 !important
}
.card-hide div {
  transition:all 300ms ease
}
.card-hide * {
  transition:all 300ms ease
}
.polaroid-effect {
  background-color:#fff;
  padding:5px;
  border:solid 1px rgba(0,0,0,.1)
}
.card-scale * {
  transition:all 300ms ease
}
.card-rotate * {
  transition:all 300ms ease
}
.card-grayscale * {
  transition:all 300ms ease
}
.card-blur * {
  transition:all 300ms ease
}
.card-overlay {
  background-position:center center;
  background-size:cover !important
}
.card-overlay-infinite {
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
  width:2000px;
  height:100%;
  z-index:0;
  animation:infiniteBG 600s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
  background-image:url(images/mountain.jpg);
  background-size:cover;
  background-repeat:repeat;
  background-position:left center;
  transform:translateX(0px)
}
.content {
  margin:20px 15px 20px 15px
}
.content p:last-child {
  margin-bottom:0px
}
.content-full {
  margin:0px
}
.color-highlight {
  color:#4a89dc !important
}
.bg-highlight {
  background-color:#4a89dc !important;
  color:#fff !important
}
.border-highlight {
  border-color:#4a89dc !important
}
.gradient-highlight {
  background-image:linear-gradient(to bottom, #5D9CEC, #4A89DC) !important;
  color:#fff
}
.color-highlight-light {
  color:#5d9cec !important
}
.bg-highlight-light {
  background-color:#5d9cec !important;
  color:#fff !important
}
.btn-full {
  display: block;
  width: 100%;
}
#footer-bar {
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:98;
  background-color:rgba(249,249,249,.98);
  box-shadow:0 -5px 10px 0 rgba(0,0,0,.06);
  min-height:60px;
  display:flex;
  text-align:center;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  transition:all 300ms ease;
  overflow: hidden;
}
#footer-bar a {
  color:#1f1f1f;
  padding-top:12px;
  position:relative;
  flex:1 1 auto;
  text-decoration: none;
}
#footer-bar a span {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 11px;
  font-weight: 500;
  margin-top: -6px;
  opacity: .7;
  font-family: "Roboto",sans-serif !important;
  text-transform: uppercase;
}
#footer-bar a svg {
  margin-top:-8px
}
#footer-bar a i {
  margin-top:-3px;
  font-size:18px;
  position:relative;
  z-index:2
}
#footer-bar .badge {
  font-style:normal;
  z-index:5;
  top:0px;
  position:absolute;
  margin-left:3px;
  color:#fff !important;
  width:18px;
  text-align:center;
  line-height:18px;
  padding:0px;
  padding-left:0px !important;
  border-radius:18px;
  margin-top:7px;
  font-size:11px
}
.footer-bar-2 .active-nav {
  color:#fff !important
}
#footer-bar .active-nav strong {
  position:absolute;
  width:50px;
  height:4px;
  border-radius:60px;
  left:50%;
  bottom:0px;
  bottom:calc(0px + (constant(safe-area-inset-bottom))*1.1);
  bottom:calc(0px + (env(safe-area-inset-bottom))*1.1);
  transform:translateX(-50%)
}

.footer-bar-4 .active-nav {
  color:#fff !important
}
.footer-bar-4 .active-nav strong {
  position:absolute;
  width:47px;
  height:47px;
  border-radius:60px;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  bottom:0px
}
.footer-bar-4 span {
  display:none !important
}
.footer-bar-4 i {
  padding-top:10px
}
.footer-bar-5 .active-nav strong {
  position:absolute;
  width:50px;
  height:4px;
  border-radius:60px;
  left:50%;
  bottom:0px;
  bottom:calc(0px + (constant(safe-area-inset-bottom))*1.1);
  bottom:calc(0px + (env(safe-area-inset-bottom))*1.1);
  transform:translateX(-50%)
}
.footer-bar-3 span {
  display:none !important
}
.footer-bar-3 .active-nav {
  padding-top:11px !important
}
.footer-bar-3 .active-nav span {
  display:block !important
}
.footer-bar-3 a {
  padding-top:18px !important
}
.footer-menu-hidden {
  transition:all 100ms ease;
  transform:translateY(100%) !important
}
.footer-bar-white * {
  color:#fff
}
#footer-bar.position-relative {
  z-index:2 !important
}
#footer-bar {
  height:calc(60px + (constant(safe-area-inset-bottom))*1.1);
  height:calc(60px + (env(safe-area-inset-bottom))*1.1)
}
.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color:#4a89dc !important
}
.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color:#4a89dc !important
}
.footer-bar-6 .circle-nav strong,
.footer-bar-6 .active-nav em {
  background-image:linear-gradient(to bottom, #5D9CEC, #4A89DC) !important
}
.page-title-large [data-menu] {
  background-size: cover;
  border-radius: 50px;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  margin-top: -60px;
  z-index: 98;
}
.header-card {
  z-index: 0;
  top: 0px;
  position: absolute;
  left: -8px;
  right: -8px;
  overflow: hidden;
}
.card-overlay {
  background-position: center center;
  background-size: cover !important;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
}
.header-card.shape-rounded {
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
}.header-icon {
  margin-top:calc(0px + (constant(safe-area-inset-top))*0.75) !important;
  margin-top:calc(0px + (env(safe-area-inset-top))*0.75) !important;
}
.header-title {
  margin-top:calc(0px + (constant(safe-area-inset-top))*0.75) !important;
  margin-top:calc(0px + (env(safe-area-inset-top))*0.75) !important;
}
.page-content .page-title {
  margin-top:calc(20px + (constant(safe-area-inset-top))*0.75) !important;
  margin-top:calc(20px + (env(safe-area-inset-top))*0.75) !important;
  margin-bottom: 10px;
  position: relative;
  z-index: 99999;
}
.header-auto-show {
  pointer-events:none
}
.header-auto-show.header-active {
  pointer-events:all
}
.page-title .header-logo {
  text-align: center;
}
.header-logo > img {
  height: 64px;
}
.page-title.page-title-large {
  display: flex;
  justify-content: center;
  align-items: center;
}
.greeting-text {
  font-weight: 900;
  font-size: 34px;
  font-family: Roboto;
}

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box div.jconfirm-title-c {
  display: block;
  font-size: 16px;
  font-family: Roboto;
  font-weight: 600;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-bottom: 8px;
  margin-bottom: 5px;
  border-bottom: 1px solid #7a9bc6;
}