@charset "utf-8";
/* CSS Document */

.btn:focus {
    outline: none;
}


.btn-moderatecyan {
    color: #fff;
    background-color: #30B996;
    /*border-color: #178d72;*/
    width: 60%;
}

    .btn-moderatecyan:hover,
    .btn-moderatecyan:focus,
    .btn-moderatecyan:active,
    .btn-moderatecyan.active {
        color: #fff;
        /*background-color: #178d72;*/
        /*border-color: #178d72;*/
    }

    .btn-moderatecyan:active,
    .btn-moderatecyan.active {
        background-image: none;
    }

    .btn-moderatecyan.disabled,
    .btn-moderatecyan[disabled],
    fieldset[disabled] .btn-moderatecyan,
    .btn-moderatecyan.disabled:hover,
    .btn-moderatecyan[disabled]:hover,
    fieldset[disabled] .btn-moderatecyan:hover,
    .btn-moderatecyan.disabled:focus,
    .btn-moderatecyan[disabled]:focus,
    fieldset[disabled] .btn-moderatecyan:focus,
    .btn-moderatecyan.disabled:active,
    .btn-moderatecyan[disabled]:active,
    fieldset[disabled] .btn-moderatecyan:active,
    .btn-moderatecyan.disabled.active,
    .btn-moderatecyan[disabled].active,
    fieldset[disabled] .btn-moderatecyan.active {
        /*background-color: #30B996;
        border-color: #178d72;*/
    }

    .btn-moderatecyan .badge {
        color: #30B996;
        /*background-color: #178d72;*/
    }

    .btn-moderatecyan:active:focus {
        outline: none !important;
    }
/*Btn moderatecyan*/
.brand-logo {
    /*margin-bottom: 10rem;*/
}

    .brand-logo img {
        margin: 0px 0px;
        height: 55px;
        vertical-align: middle;
        padding: 0px;
        width: auto;
    }


/*added media wrapper for full size content on PC then shrinks to fit responsive layout*/
/*@media (min-width: 768px) {
    .img-responsive-hdslogin {
        display: block;
        width: 100% auto;
        max-height: 655px;
    }
}*/

.login-half-bg {
    display: none !important;
    background: transparent;
}

@media (min-width: 1200px) {
    .login-half-bg {
        display: inline-block !important;
        background: url(../Images/HDS_login_image_green_logo.png) center;
        background-size: cover;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        height: 100vh;
    }
}

.FontCopyright {
    FONT-size: 8pt;
    COLOR: darkgray;
    FONT-FAMILY: Verdana
}

.FontCopyright a {
        color: darkgray;
    }

.FontCopyright a:hover {
            color: #30b996
        }

.input-group-hds-login {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    text-shadow: none;
    text-align: left !important;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: initial;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.input-group-prepend-hds-login {
    color: #b9b8b8;
    width: auto;
    border: none;
    /*margin-right: -1px;*/
    display: flex;
    box-shadow: none;
    text-shadow: none;
    text-align: left !important;
    font-size: 1.2rem;
    font-family: "Roboto", sans-serif;
    font-weight: initial;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.form-control-lg-hds-login {
    background: transparent;
    border-radius: 0;
    font-size: .9375rem;
    border-color: #dde4eb;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin-bottom: 0;
    border: 1px solid #dee2e6;
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 8px 12px;
    box-shadow: none;
    height: 3.175rem;
    display: block;
    line-height: 1.5;
    color: #495057;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline: none;
    outline-width: 0;
    outline-color: transparent;
    outline-style: none;
    overflow: visible;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    font: 400 13.3333px Arial;
    margin: 0;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navbar-brand-uirefresh {
    float: none;
    padding: 15px 15px;
}