/* @import "../vendors/koolreport/core/src/clients/bootstrap/css/bootstrap.min.css";
@import "../vendors/koolreport/core/src/clients/bootstrap/css/bootstrap-theme.min.css"; */

#admin-overview {}
#admin-overview .button { width: calc(33% + -15px); margin-right: 15px; height: 120px; font-size: 1.4rem !important; }

.report-filters form {display: flex;position: relative;background-color: var(--primary-color);padding: 27px 15px;border-radius: 10px;margin: 25px 0px 30px;flex-wrap: wrap;justify-content: space-between;}
.report-filters .filter-range > div {display: flex; align-items: center;}
.report-filters .filter-range > div > * {}
.report-filters form > div { flex: 1;}
.report-filters form > div > label {font-size: 18px; margin-bottom: 10px;}
.report-filters form > div:nth-child(2) {margin: 0 20px;}
.report-filters input {margin: 0 10px;color: black;width: 200px;}
.report-filters select {margin: 0 10px 0 0; color: black;}
.report-filters label {display: flex;align-items: center;color: white;}
.report-filters .filter-submit {margin-right: 0;margin-top: 28px;padding: 10px 60px;color: var(--primary-color);font-size: 1rem;cursor: pointer;background-color: white;border-radius: 10px;font-weight: 600;border: none;height: 50px;}
.time-range {font-size: 1.2rem;margin: 25px 0;}

.reports-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;margin-right: 15px;}
.reports-head h1 {}
.card-container {gap: 1rem;}
.card-container > * {flex: 1; }
.card-container .stat-card .card-value {margin: 10px 0;}
.card-container .stat-card {background: white;padding: 15px;width: 100%;margin-bottom: 15px;margin-right: 15px;border-radius: 15px;min-height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.stats-container {}
.stats-container .stat-card { background: white; padding: 15px; width: calc(25% - 15px); margin-bottom: 15px; margin-right: 15px; border-radius: 15px }
.stats-container .stat-card.wide { width: calc(50% - 15px); }
.stats-container .stat-card .button { margin: 10px 0; }
.stats-container .stat-card h4 { margin: 10px 0; }
.flex-grid {display: flex; flex-wrap: wrap;}

.header-info {background-color: var(--primary-color);padding: 10px 15px;border-radius: 10px;margin: 20px 0px 30px;}
.header-info h2 {color: white;margin-bottom: 25px;font-size: 1.7rem;}

.print-button {text-align: center;margin: 20px;}

 /* Results Table*/
 .report-table { width: 100%; margin-top: 20px; }
 .report-table  th{background-color: var(--primary-color);color: white;font-weight: 600;text-align: left;padding: 26px 16px;font-size: 18px;}
 .report-table  tr td{color: black;padding: 10px 0px 35px 16px;text-align: left;border: solid 2px lightgrey;border-bottom: 1px solid #ddd !important;}
 .report-table  tr td:nth-child(1) svg{ max-height: 40px; position: relative; margin: 15px 0px -15px 15px;}
 .report-table  tr:nth-child(even) {background: #FFF}
 .report-table  tr:nth-child(odd) {background: #f2f2f2}
 .report-table  tr td:nth-child(2) {font-weight: 700;}
 
 .report-table tr th{min-height: 50px !important;max-height: initial !important;height: auto;padding: 15px !important;}
 .report-table tr th svg{width: 24px;margin: 0px 0px -4px 8px; cursor: pointer;}
 .report-table tr:nth-child(1) > th:first-child {border-radius: 5px 0 0 5px;}
 .report-table tr:nth-child(1) > th:last-child {border-radius: 0 5px 5px 0;}
 .report-table th:nth-child(2){ font-weight: 700;}
 .report-table th:nth-child(3){font-weight: 700;}
 .report-table th:nth-child(4){font-weight: 700;}
 .report-table th:nth-child(5){font-weight: 700;}
 .report-table th:nth-child(6){font-weight: 700;}
 
 .results-table:first-child{border-radius: 12px;}
 .report-table .error-text { color: red;}

 div.loading {
    text-align: center;
    display: flex;
    align-items: center;
    margin: 20px 0 5px;
}
 div.loading p:before{content: "";display: inline-block;width: 15px;height: 15px;border-radius: 400px;border: 1px solid var(--primary-color);border-right: none;margin: 0 5px 0 0;padding: 0;animation: rotating 1.2s linear infinite;box-sizing: border-box;}
 div.loading > p{position: relative;display: flex;align-items: center;margin: 0 auto;}
@keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }