.page[name='adminReports'] > .header {
    border-bottom: 1px solid #272727;
}
.page[name='adminReports'] > .header > .center {
    color: #cccccc;
}
.page[name='adminReports'] > .header > .side:last-child > .button > .new {
    background-color: #f23002;
}
.page[name='adminReports'] > .content > .welcome {
    color: #868686;
}
.page[name='adminReports'] > .content > .duration {
    background-color: #201f1f;
}
.page[name='adminReports'] > .content > .duration > .wrapper > .side:first-child > .title {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .duration > .wrapper > .side:first-child > .button {
    background-color: #333333;
    color: #ffffff;
}
.page[name='adminReports'] > .content > .duration > .wrapper > .side:first-child > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.page[name='adminReports'] > .content > .duration > .wrapper > .side:first-child > .formWrapper > .fForm > .fields > .field > select {
    background-color: #333333;
    color: #ffffff;
}
.page[name='adminReports'] > .content > .duration > .wrapper > .side:last-child > .button {
    background-image: linear-gradient(90deg, #0162c9 0%, #013fa2 100%);
}
.page[name='adminReports'] > .content > .duration > .wrapper > .side:last-child > .button > span {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .kpis > .kpi {
    background-color: #161616;
    box-shadow: 0 0 60px 0 rgba(1, 81, 182, 0.10);
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='racesCount'] > .name > .imageWrapper {
    background-color: #3926c8;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='requestItemsUsersCount'] > .name > .imageWrapper {
    background-color: #0546be;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='fullness'] > .name > .imageWrapper {
    background-color: #0c5c47;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='newUsersCount'] > .name > .imageWrapper {
    background-color: #2c7698;
}
.page[name='adminReports'] > .content > .kpis > .kpi > .button {
    background-color: #272727;
}
.page[name='adminReports'] > .content > .kpis > .kpi > .button > div {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .kpis > .kpi > #options > .buttons > .button::hover {
    background-color: #0373f3;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalCanceledCount'] > .name > .imageWrapper,
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalCanceledPrice'] > .name > .imageWrapper {
    background-color: #a81114;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalRefundedCount'] > .name > .imageWrapper,
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalRefundedPrice'] > .name > .imageWrapper {
    background-color: #a81114;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalExpiredCount'] > .name > .imageWrapper,
.page[name='adminReports'] > .content > .kpis > .kpi[key='totalExpiredPrice'] > .name > .imageWrapper {
    background-color: #572db1;
}
.page[name='adminReports'] > .content > .kpis > .kpi[key='testAnonymousRequestItems'] > .name > .imageWrapper {
    background-color: #942a67;
}
.page[name='adminReports'] > .content > .kpis > .kpi > .name > .text {
    color: rgba(255, 255, 255, 0.5);
}
.page[name='adminReports'] > .content > .kpis > .kpi > .value {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart {
    background-image: linear-gradient(180deg, rgba(128 0 255 / 12%) 0%, #161616 40%);
    box-shadow: 0 0 60px 0 rgba(1, 81, 182, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .top > .name > .text {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .top > .currencies {
    background-color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .top > .currencies > .button.active {
    background-color: #1f152a;
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .top > .currencies > .button:not(.active) {
    background-color: #ffffff;
    color: #1f152a;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .middle > .total {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .cash {
    background-color: rgba(5, 182, 212, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .creditCard {
    background-color: rgba(236, 72, 153, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedPaymentMethod'] > .bottom > .mobileMember {
    background-color: rgba(154, 92, 246, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedCategory'] > .bottom > .mobileMember {
    background-color: rgba(59, 159, 232, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedPaymentMethod'] > .bottom > .multisport {
    background-color: rgba(98, 102, 241, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedCategory'] > .bottom > .multisport {
    background-color: rgba(40, 205, 187, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .standard {
    background-color: rgba(240, 82, 82, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .child {
    background-color: rgba(245, 184, 46, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .student {
    background-color: rgba(255, 93, 255, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .other {
    background-color: rgba(133, 112, 255, 0.05);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .cash > .name > .circle {
    background-color: #05b6d4;
    filter: drop-shadow(0 0 10px rgba(5, 182, 212, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .creditCard > .name > .circle {
    background-color: #ec4899;
    opacity: 0.8;
    filter: drop-shadow(0 0 10px rgba(236, 72, 153, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedPaymentMethod'] > .bottom > .mobileMember > .name > .circle {
    background-color: #9a5cf6;
    filter: drop-shadow(0 0 10px rgba(154, 92, 246, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedCategory'] > .bottom > .mobileMember > .name > .circle {
    background-color: #3b9fe8;
    filter: drop-shadow(0 0 10px rgba(59, 159, 232, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedPaymentMethod'] > .bottom > .multisport > .name > .circle {
    background-color: #6266f1;
    filter: drop-shadow(0 0 10px rgba(98, 102, 241, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut[key='giroBasedCategory'] > .bottom > .multisport > .name > .circle {
    background-color: #28cdbb;
    filter: drop-shadow(0 0 10px rgba(40, 205, 187, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .standard > .name > .circle {
    background-color: #f07f52;
    filter: drop-shadow(0 0 10px rgba(240, 82, 82, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .child > .name > .circle {
    background-color: #f5b82e;
    filter: drop-shadow(0 0 10px #f5b82e);
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .student > .name > .circle {
    background-color: #ff5dff;
    filter: drop-shadow(0 0 10px rgba(255, 93, 255, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > .other > .name > .circle {
    background-color: #8570ff;
    filter: drop-shadow(0 0 10px rgba(133, 112, 255, 0.80));
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > div > .name > .text {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.doughnut > .bottom > div > .value {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.bar > .name {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.default > .name {
    color: #ffffff;
}
.page[name='adminReports'] > .content > .charts > .chart.default > .button {
    border: 1px solid #ffffff;
    color: #ffffff;
}