/* custom.css */
.btn-login {
    background-color: #e42201;
    border-color: #e42201;
    color: #fff;
    /* Ensure the text color is readable */
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active {
    background-color: #c01e01;
    /* Slightly darker red for hover state */
    border-color: #c01e01;
    /* Slightly darker red for hover state */
    color: #fff;
    /* Ensure the text color stays white */
}

/* Optionally, you can use !important to ensure the custom styles take precedence */
.btn-login {
    background-color: #e42201 !important;
    border-color: #e42201 !important;
    color: #fff !important;
    /* Ensure the text color is readable */
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active {
    background-color: #c01e01 !important;
    /* Slightly darker red for hover state */
    border-color: #c01e01 !important;
    /* Slightly darker red for hover state */
    color: #fff !important;
    /* Ensure the text color stays white */
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 100px;
    /* Height of the footer */
}

#sticky-footer {
    /* position: absolute; */
    bottom: 0;
    margin-top: 10px;
    width: 100%;
    background-color: #f8f9fa;
    /* Set the background color of the footer */
}

.text-footer {
    color: #6c757d;
    /* Set the text color of the footer */
}

.app-auth-branding {
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-heading {
    text-align: center;
}

#rsmlogo{
    width:100%;
}

#logintext{
    padding-top:20px;
}