/* your-theme.css */
:root {
    --mdb-primary: #467508;
    --mdb-blue: #467508;
    --mdb-indigo: #516c1d;
    --mdb-purple: #5b5b29;
    --mdb-pink: #8c6372;
    --mdb-red: #a64629;
    --mdb-orange: #8a6e14;
    --mdb-yellow: #8a8e07;
    --mdb-green: #3b7105;
    --mdb-teal: #467552;
    --mdb-cyan: #46758e;
}

:root {
    --mdb-primary: #467508;
    --mdb-secondary: #a67c00;
    --mdb-success: #20b741;
    --mdb-info: #46758e;
    --mdb-warning: #bda300;
    --mdb-danger: #a64629;
    --mdb-light: #fbfbfb;
    --mdb-dark: #332d2d;
}

.bg-primary,
.btn-primary {
    background-color: #467508 !important;
    color: #ffffff !important;
}

.text-primary {
    color: #467508 !important;
}

.border-primary {
    border-color: #467508 !important;
}

.bg-secondary,
.btn-secondary {
    background-color: #a67c00 !important;
    color: #ffffff !important;
}

.text-secondary {
    color: #a67c00 !important;
}

.border-secondary {
    border-color: #a67c00 !important;
}

.bg-success,
.btn-success {
    background-color: #20b741 !important;
    color: #ffffff !important;
}

.text-success {
    color: #20b741 !important;
}

.border-success {
    border-color: #20b741 !important;
}

.bg-info,
.btn-info {
    background-color: #46758e !important;
    color: #ffffff !important;
}

.text-info {
    color: #46758e !important;
}

.border-info {
    border-color: #46758e !important;
}

.bg-warning,
.btn-warning {
    background-color: #bda300 !important;
    color: #ffffff !important;
}

.text-warning {
    color: #bda300 !important;
}

.border-warning {
    border-color: #bda300 !important;
}

.bg-danger,
.btn-danger {
    background-color: #a64629 !important;
    color: #ffffff !important;
}

.text-danger {
    color: #a64629 !important;
}

.border-danger {
    border-color: #a64629 !important;
}

.bg-light,
.btn-light {
    background-color: #fbfbfb !important;
    color: #000000 !important;
}

.text-light {
    color: #fbfbfb !important;
}

.border-light {
    border-color: #fbfbfb !important;
}

.bg-dark,
.btn-dark {
    background-color: #332d2d !important;
    color: #ffffff !important;
}

.text-dark {
    color: #332d2d !important;
}

.border-dark {
    border-color: #332d2d !important;
}

a, a:link, a:visited, a:hover, a:active {
    color: #467508;
}

/* your-theme.css */
@media (min-width: 1400px) {
    main,
    header,
    #main-navbar {
        padding-left: 240px;
    }
}


.btn-success a,
.btn-success a:link,
.btn-success a:visited,
.btn-success a:hover,
.btn-success a:active {
    color: #ffffff !important;
}

.btn a,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active {
    color: inherit !important;
}

.bg-cash {
    background: rgb(147, 147, 147); /* Updated fallback */
    background: linear-gradient(165deg,
    rgb(75, 75, 75) 0%,
    rgb(94, 94, 94) 20%,
    rgb(147, 147, 147) 50%,
    rgb(255, 255, 255) 100%);
    min-height: 100vh;
    background-size: 150% 150%;

    -webkit-animation: SilverAnimation 20s ease infinite;
    -moz-animation: SilverAnimation 20s ease infinite;
    -o-animation: SilverAnimation 20s ease infinite;
    animation: SilverAnimation 20s ease infinite;
}

@media (max-width: 768px) {
    .bg-cash {
        /* Slightly different gradient stops for smaller screens */
        background: linear-gradient(180deg,
        rgb(94, 94, 94) 0%,
        rgb(147, 147, 147) 30%,
        rgba(239, 249, 246, 1) 100%);
    }
}

@-webkit-keyframes SilverAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes SilverAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes SilverAnimation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.iframe-container {
    height: 95%;
    width: 100%;
    display: flex;
}

@media screen and (min-width: 1400px) {
    .iframe-container {
        padding-left: 240px;
    }
}

@media screen and (max-width: 1399px) {
    .iframe-container {
        padding-left: 0; /* or any other value that suits your needs */
    }
}

iframe {
    flex: 1;
    border: none;
}

.input-group .invalid-feedback, .input-group .valid-feedback, .was-validated .input-group .invalid-feedback, .was-validated .input-group .valid-feedback {
    margin-top: .5rem !important
}