html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
 }

 .brand-title img{
max-width: 70px;
 }

 #participant_details,#submission_button,.payment_details,#codes_error,#code_error{
  display: none;
}

.logo img{max-height:120px;}

/* SkyDash gradient card backgrounds */
.gradient-1 { background-image: linear-gradient(230deg, #759bff, #843cf6); }
.gradient-2 { background-image: linear-gradient(230deg, #fc5286, #fbaaa2); }
.gradient-3 { background-image: linear-gradient(230deg, #ffc480, #ff763b); }
.gradient-4 { background-image: linear-gradient(230deg, #0e4cfd, #6a8eff); }

/* Stat card gradient backgrounds */
.bg-grad-pink   { background: linear-gradient(230deg, #fc5286, #fbaaa2); }
.bg-grad-orange { background: linear-gradient(230deg, #ffc480, #ff763b); }
.bg-grad-purple { background: linear-gradient(230deg, #759bff, #843cf6); }
.bg-grad-blue   { background: linear-gradient(230deg, #0e4cfd, #6a8eff); }
.bg-grad-teal   { background: linear-gradient(230deg, #84d9d2, #07cdae); }
.bg-grad-gold   { background: linear-gradient(230deg, #f5a623, #e67e22); }

/* Stat card typography */
.stat-label { font-size: .875rem; }
.stat-value { font-size: 1.5rem; font-weight: 500; line-height: 1; }
.stat-sub   { font-size: .8rem; }

/* Pie chart canvas */
.pie-chart-canvas { max-height: 220px; }

.table{
  font-family: "Nunito", sans-serif;
}
.table td, .jsgrid .jsgrid-table td {
	font-size: 0.8rem !important;
  padding-top:0.45rem;
  padding-bottom:0.45rem;
}

.breadcrumb-item a{
        color: #3f3e91;
    }

/* Table horizontal breathing room */
.table-responsive {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Select2 — vertical centering fix (Bootstrap 4 theme) */
.select2-container--bootstrap .select2-selection--single,
.select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    flex: 1;
    line-height: normal !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}

@media (max-width: 767px) {
  .content-wrapper {
    padding: 0.5rem;
  }
  .card.card-img-holder {
	text-align: center;
}
}