body {
    font-family: system-ui;
    transition: background-color .5s;
}

h1 {
    font-family: system-ui;
}

h2 {
    font-family: system-ui;
}

h3 {
    font-family: system-ui;
}

h4 {
    font-family: system-ui;
}

.avatar {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.headImage {
    vertical-align: middle;
    height: 30px;
    border-radius: 10%;
}

.headImageTM {
    vertical-align: middle;
    height: 30px;
    border-radius: 80%;
}



.modal-content {
    background-color: #0094ff;
    margin: 60px auto 70px auto;
    border: 1px solid #888;
    width: 350px; /* Could be more or less, depending on screen size */
    position: relative;
    background-clip: padding-box;
    border-radius: 6px !important;
    outline: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* Prevent layout shift when dropdowns appear */
#divRoleList,
#divProfileType {
    min-height: 40px; /* reserve space even when hidden */
}

.imgcontainer img.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.fixedTop {
    font-size: medium;
    font-weight: bold;
    background-color: #f0ad4e;
    color: #fff;
    padding: .2em .6em .3em;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.panel-title,
.plssignin h3,
#panelCaptcha h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panelcolor,
#panelCaptcha {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

#divRoleList,
#divProfileType,
#divLoginError,
#imgCaptcha,
.ForgotPass,
.txtboxUser,
.txtboxPass,
.LoginBtn,
.txtboxCaptcha,
.SubmitBtn,
.CancelBtn {
    padding: 0 18px 0 20px;
}

    .ForgotPass a {
        text-decoration: none;
    }

    .ForgotPass:hover a {
        text-decoration: underline;
    }

#btnLogin,
#imgCaptcha,
#btnSubmitCaptcha,
#btnCancelCaptcha {
    display: block;
    width: 100%;
}

.btn-success {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

    .btn-success:hover {
        background-color: #198754 !important;
    }

#divLoginError span {
    color: #A94443 !important;
    font-size: 12px;
}