.hide {
    display: none;
}

.error {
    border-color: red !important;
}

.greyfont {
    color: #cccccc;
}

.whitefont {
    color: #ffffff;
}

.whitefont span {
    color: #ffffff;
}

.whitefont p {
    color: #ffffff;
}

.whitefont h1 {
    color: #ffffff;
}

.whitefont h2 {
    color: #ffffff;
}

.whitefont h3 {
    color: #ffffff;
}

.whitefont h4 {
    color: #ffffff;
}

.greenfont {
    color: #ffeb3b !important;
}

.greenfont span {
    color: #ffeb3b !important;
}

.greenfont p {
    color: #ffeb3b !important;
}

.greenfont h1 {
    color: #ffeb3b !important;
}

.greenfont h2 {
    color: #ffeb3b !important;
}

.greenfont h3 {
    color: #ffeb3b !important;
}

.greenfont h4 {
    color: #ffeb3b !important;
}


.bluefont {
    color: #007efa;
}

.bluefont span {
    color: #007efa;
}

.bluefont p {
    color: #007efa;
}

.bluefont h1 {
    color: #007efa;
}

.bluefont h2 {
    color: #007efa;
}

.bluefont h3 {
    color: #007efa;
}

.bluefont h4 {
    color: #007efa;
}

.darkcard {
    background-color: #181826;
}

.whiteicon {
    fill: white !important;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(143deg) brightness(108%) contrast(105%);
}

.overview-box .text h3 {
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .overview-box .text h3 {
        font-size: 20px;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .overview-box .text h3 {
        font-size: 20px;
    }
}

.overview-item--c5-fill {
    background-image: -moz-linear-gradient(90deg, #007efa 0%, #0055aa 100%);
    background-image: -webkit-linear-gradient(90deg, #007efa 0%, #0055aa 100%);
    background-image: -ms-linear-gradient(90deg, #007efa 0%, #0055aa 100%);
}

.overview-item--c6-fill {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    border: 2px solid #ffeb3b;
    box-shadow: 0 10px 30px rgba(255, 235, 59, 0.2);
}

.overview-item--c7-fill {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    border: 2px solid #ffeb3b;
    box-shadow: 0 10px 30px rgba(255, 235, 59, 0.2);
}

/* Dark theme for au-card */
.au-card {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    border: 2px solid #ffeb3b !important;
    box-shadow: 0 10px 30px rgba(255, 235, 59, 0.2) !important;
    color: #ffffff !important;
}

.au-card-inner {
    color: #ffffff !important;
}

/* Yellow buttons */
.btn-success {
    background: linear-gradient(45deg, #ffeb3b, #ffc107) !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 235, 59, 0.3) !important;
}

.btn-success:hover {
    background: linear-gradient(45deg, #ffc107, #ffeb3b) !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 235, 59, 0.5) !important;
}

.btn-success:focus {
    background: linear-gradient(45deg, #ffeb3b, #ffc107) !important;
    border: none !important;
    color: #000000 !important;
    box-shadow: 0 4px 15px rgba(255, 235, 59, 0.3) !important;
}

.btn-primary {
    background: linear-gradient(45deg, #ffeb3b, #ffc107) !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 235, 59, 0.3) !important;
}

.btn-primary:hover {
    background: linear-gradient(45deg, #ffc107, #ffeb3b) !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 235, 59, 0.5) !important;
}

.btn-primary:focus {
    background: linear-gradient(45deg, #ffeb3b, #ffc107) !important;
    border: none !important;
    color: #000000 !important;
    box-shadow: 0 4px 15px rgba(255, 235, 59, 0.3) !important;
}

/* Dark form controls */
.form-control {
    background: #1a1a1a !important;
    border: 2px solid #ffeb3b !important;
    color: #ffffff !important;
}

.form-control:focus {
    background: #1a1a1a !important;
    border: 2px solid #ffc107 !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 235, 59, 0.3) !important;
}

.form-control option {
    background: #1a1a1a !important;
    color: #ffffff !important;
}