/* ========================== Font Styling (Google Fonts: Poppins) ========================== */

body,
a {
  font-family: "Poppins", sans-serif !important;
}

.listing-section-heading,
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a {
  color: #0288D1;
}

/* Section Headings */
.section-heading {
  padding-top: 24px !important;
  font-size: larger;
  color: darkcyan;
}

.btn-group-sm>.btn, .btn-sm {
    /* padding: 2px 8px; */
    /* font-size: 12px; */
    /* line-height: 2.0; */
    border-radius: 5px; 
  padding-top: 9px;
    padding-bottom: 8px;
}

/* ========================== Sidebar Chevron Color ========================== */

ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
  color: #56b4c3 !important;
}

/*
Optional sidebar border color example:
ul.page-sidebar-menu > li > a {
  border-bottom: 1px solid #5fc8d9;
}
*/

/* ========================== Buttons ========================== */

.btn-primary {
  background-color: #5fc8d9;
  border-color: #5fc8d9;
}

.btn {
  border-radius: 5px;
}

/* ========================== Form Elements ========================== */

.form-control {
  border-radius: 5px;
}

/* ========================== Dashboard Layout ========================== */

.row.stats-overview-cont {
  margin-bottom: 35px;
}

.report-page-body {
  margin-bottom: 50px;
}

/* ========================== Grid Layout ========================== */

.listing-grid {
  grid-template-columns: repeat(auto-fit, minmax(350px, 350px)) !important;
  margin-top: 10px;
}

.listing-section-table th,
.listing-section-table td {
  padding-top: 6px;
}

/* ========================== Third-party Widget Adjustments ========================== */

#wdr-pivot-view .wdr-credits a {
  font-size: 0px !important; /* Hide Pivot Table credit */
}

/* ========================== Panel Styling (User Dashboard) ========================== */

.panel-success > .panel-heading {
  color: #265057;
  background-color: #bfe9f0;
  border-color: #bfe9f0;
}

.panel-success {
  border-color: #bfe9f0 !important;
}


.form-section {
    color: black !important;
  	font-weight: 600 !important;
}