:root {
    --DMBlue: #00558c;
    --DMOrange: #F26F2D;
    --DMDarkOrange: #c55e19;
}

#loginCard {
    border-color: #ccc;
    box-shadow: 0 5px 6px rgba(0,0,0,0.1)
}

#NavBG {
    background-color: var(--DMBlue) !important;
}

#NavIcon {
    width: 100% !important;
    max-width: 250px !important;
    height: auto !important;
}

#LoginIcon {
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--DMOrange) !important;
    border-color: var(--DMOrange) !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--DMDarkOrange) !important;
    border-color: var(--DMDarkOrange) !important;
}

#login-page {
}

.center-elements {
    display: flex;
    justify-content: center;
}

.small-margin {
    margin: 2px;
}

/* MFA ChooseChannel and VerifyCode stylings */

.radio-section {
    display: inline-block;
    width: 30px;
    float: left;
    justify-content: right;
    margin-top: 4.5em;
    cursor: pointer;
}

.channel-section {
    border: 1px solid #ccc !important;
    border-radius: 10px;
    padding: 20px 20px;
}

.channel-image {
    width: 25%;
    height: auto;
    display: block;
    margin: auto
}

#rd-text, #rd-email {
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.btn-submit {
    margin-top: 50px !important;
    padding: 15px 30px;
    font-size: 20px;
}

.cursor-pointer {
    cursor: pointer
}

.border-top-solid {
    border-top: 1px solid #ccc;
}

#msgSection {
    display:none;
}

.plumLink {
    color: #6D174E
}

.plumLink:hover {
    color: #F26F2D
}

#loginButton {
    background-color: #F26F2D;
    color: white
}

#button-login {
    background-color: #F26F2D;
    color: white
}

#button-cancel {
    background-color: #F26F2D;
    color: white
}

.label.boldText {
    font-weight: bold
}