/* Space out content a bit */
body {
/* padding-bottom: 20px; */
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.nav>li.active>a {
text-decoration: none;
background-color: #eee;
}

.option-calendar
{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNpiYAACXcX4/zCaEcaBASYGNIAhABBADP+BAJnGMAMsAwMgSQwzAAIIbDeyCnQ+pplogAVEXLq3AKuknlICRAGIgQsABBCKO7DyKXYkEwMBAFcA8wk6jeIGdAAPWpg30WnssYMGAAIIrgBkJ0wnMhvZjdjkCdpAdCiQC1jQg5FYAPMCE7ogst8J8anrBWzeIMRHMYBgmscBAAIIJfciJ3di5VlwpQNC6QMmz0LIj4TkBz4lDrwBo3lhNDtTxQsAAcaIq97HVi+ANQABoXKFFP0spOZmSnM/un4WUsoeUgCx+ikuzwa8NBp1AFVLEmokPmLrAYK5AFc+ppb8oIkCjGw4GgUjLgpGi2IARtkVg5lduFIAAAAASUVORK5CYII=');}


.option-search, .option-calendar
{background-position: 98%;background-repeat: no-repeat;background-size: 16px;}


.calendar-disabled {
    background-color: #eee !important;
}

.calendar-readonly {
    background-color: #fff !important;
}

.skeleton-container {
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    background-color: #fff;
    padding: 14px;
}

.skeleton-row {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.skeleton-row:last-child {
    margin-bottom: 0;
}

.skeleton-block {
    height: 14px;
    border-radius: 4px;
    flex: 1;
    position: relative;
    overflow: hidden;
    background: #ebf0f4;
}

.skeleton-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150px;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0));
    animation: skeleton-loading 1.3s infinite;
}

.skeleton-block--sm {
    flex: 0.6;
}

.skeleton-block--md {
    flex: 1;
}

.skeleton-block--lg {
    flex: 1.6;
}

.skeleton-block--xl {
    flex: 2.2;
}

.skeleton-card-grid {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.skeleton-card {
    flex: 1;
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    padding: 12px;
    background: #fff;
}

.skeleton-card .skeleton-block:first-child {
    margin-bottom: 10px;
}

.skeleton-chart {
    margin-top: 12px;
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    padding: 12px;
    background: #fff;
}

.skeleton-chart .skeleton-block {
    height: 220px;
}

@keyframes skeleton-loading {
    100% {
        left: calc(100% + 150px);
    }
}