/* here you can put your own css to customize and override the theme */
h1, h2, h3, h4, h5, h6,body,.icon-btn div
{
    font-family: WMitra !important;
}

.login .copyright {
    font-size: 14px;
    padding: 0px;
}

.login .copyright a{
    color: #eee;
    text-decoration: none;
}
.login .logo
{
    margin-top: 0px;
}

.login .content {
    background: none repeat scroll 0 0 rgba(33, 33, 33, 0.8);
}

.login .content #forget-password{
    white-space: normal;
}

#powered_by
{
    text-align: center;
    color: white;
}

.login .content p, .login .content label
{
    font-size: 15px;
}

.elgg-system-messages p {
    margin: 0;
    text-align: center;
}

.elgg-system-messages {
    margin: 0;
    padding: 0;
}

.elgg-message {
    padding: 10px;
    margin-bottom: 10px;
    border: 2px solid #ddd;
    cursor: pointer;
}

.elgg-message.elgg-state-error {
    background: #fbe3e4;
    color: red;
    border-color: #fbc2c4;
    font-weight: bold;
}

.elgg-message.elgg-state-success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880;
}

.help-block
{
    background-color: white;
}

.login-form .checkbox
{
    white-space: nowrap;
}

.forget-form h4
{
    font-size: 12pt;
}

#toast-container > div
{
    background-position:right center;
}

.toast-message, .toast-title {
    font-size: 15px;
}

@media (max-width: 480px) {
    .login .content {
        padding: 30px;
        width: 340px;
    }
}

@media (max-width: 990px) {
    body.login > .col-md-12 {
        display: flex;
        flex-direction: column;
    }

    body.login > .col-md-12 .col-md-4:nth-child(3) {
        order: 1;
    }

    body.login > .col-md-12 .col-md-4:nth-child(1) {
        order: 2;
    }

    body.login > .col-md-12 .col-md-4:nth-child(2) {
        order: 3;
    }
}