﻿
:root {
    --rutgers-red: #cc0033;
    --rutgers-black: #343a40;
    --rutgers-grey: #5f6a72;
}
.btn-primary {
    background-color: var(--rutgers-black);
    border: 1px solid var(--rutgers-black);
}

    .btn-primary:hover {
        background-color: var(--rutgers-red);
        border: 1px solid #dc3545;
    }

    .btn-primary:focus {
        background-color: var(--rutgers-red);
    }
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--rutgers-black);
    border: 1px solid var(--rutgers-black);
}

    .btn-primary:not(.no-hover):hover {
        background-color: var(--rutgers-red);
        border: 1px solid #dc3545;
    }
    .btn-primary.no-hover:hover {
        font-weight: bold;
        background-color: var(--rutgers-black);
        border: 1px solid var(--rutgers-black);
    }
    .btn-primary.no-hover:focus {
        background-color: var(--rutgers-black);
    }

    .btn-primary:focus {
        background-color: var(--rutgers-red);
    }

.lightred-bg {
    background-color: var(--rutgers-red) !important;
    color: white !important;
}
.lightred-bg:hover {
    color: white;
}

.dark-border {
    border: 1px solid var(--rutgers-black);
}

.file-input::file-selector-button {
    background-color: var(--rutgers-red) !important;
    color: white !important;
    height:100%;
    border:none;
}

.dark-bg {
    color: white;
    background-color: var(--rutgers-black);
}


.no-border-radius-bottom {
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius: 0 !important;
}
.no-border-radius-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}